Advertisement
otaconnor

cbe1

Oct 31st, 2014
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.22 KB | None | 0 0
  1. <!-- Quantcast Tag -->
  2. <script type="text/javascript">
  3. var _qevents = _qevents || [];
  4.  
  5. (function() {
  6. var elem = document.createElement('script');
  7. elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
  8. elem.async = true;
  9. elem.type = "text/javascript";
  10. var scpt = document.getElementsByTagName('script')[0];
  11. scpt.parentNode.insertBefore(elem, scpt);
  12. })();
  13.  
  14. _qevents.push({
  15. qacct:"p-xcQx6vM7P0xE-"
  16. });
  17. </script>
  18.  
  19. <noscript>
  20. <div style="display:none;">
  21. <img src="//pixel.quantserve.com/pixel/p-xcQx6vM7P0xE-.gif" border="0" height="1" width="1" alt="Quantcast"/>
  22. </div>
  23. </noscript>
  24. <!-- End Quantcast tag -->
  25.  
  26. /*****
  27. Theme Name: MH Magazine
  28. Theme URI: http://www.mhthemes.com/themes/mh/magazine/
  29. Author: MH Themes
  30. Author URI: http://www.mhthemes.com/
  31. Description: This is a clean, modern and fully responsive premium magazine WordPress theme for blogs and news or editorial related websites. The theme includes custom widgets, shortcodes and advanced theme options including colorpickers with unlimited colors to create your own color scheme.
  32. Version: 2.1.0
  33. License: GNU General Public License v2 or later
  34. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  35. Text Domain: mh
  36. Domain Path: /languages/
  37. Tags: two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, full-width-template, translation-ready, rtl-language-support
  38. *****/
  39.  
  40. /***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/
  41.  
  42. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  43. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  44. ol, ul { list-style: none; }
  45. blockquote, q { quotes: none; }
  46. blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  47. table { border-collapse: collapse; border-spacing: 0; }
  48.  
  49. /***** Structure *****/
  50.  
  51. html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
  52. body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; }
  53. .fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  54. .mh-container { width: 1300px; margin: 20px auto 0; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; }
  55. .mh-wrapper { padding: 20px; background: #fff; }
  56. .mh-main { width: 100%; }
  57. .mh-content, .hp-content { width: 620px; overflow: hidden; }
  58. .mh-sidebar, .hp-sidebar { width: 300px; float: left; }
  59. .mh-sidebar-2, .hp-sidebar-2 { width: 300px; float: right; }
  60. .mh-two-sb .hp-main, .mh-two-sb .mh-main { float: left; width: 940px; max-width: 100%; }
  61. .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 1300px; }
  62. .mh-no-sb .mh-content { width: 100%; }
  63. .sb-right { margin-left: 20px; }
  64. .sb-left { margin-right: 20px; }
  65. .left { float: left; }
  66. .right { float: right; }
  67.  
  68. /***** Columns *****/
  69.  
  70. .row [class*='col-']:first-child { margin: 0; }
  71. [class*='col-'] { float: left; margin-left: 2.04%; overflow: hidden; }
  72. .col-1-1 { width: 100%; }
  73. .col-1-2 { width: 48.98%; }
  74. .col-1-3 { width: 31.973%; }
  75. .col-2-3 { width: 65.986%; }
  76. .col-1-4 { width: 23.47%; }
  77. .col-3-4 { width: 74.49%; }
  78. .col-1-5 { width: 18.368%; }
  79. .col-1-6 { width: 14.966%; }
  80. .col-1-7 { width: 12.537%; }
  81. .col-1-8 { width: 10.715%; }
  82. .clear { clear: both; }
  83. .clearfix { display: block; }
  84. .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
  85.  
  86. /***** Typography *****/
  87.  
  88. h1 { font-size: 32px; font-size: 2rem; }
  89. h2 { font-size: 24px; font-size: 1.5rem; }
  90. h3 { font-size: 20px; font-size: 1.25rem; }
  91. h4 { font-size: 18px; font-size: 1.125rem; }
  92. h5 { font-size: 16px; font-size: 1rem; }
  93. h6 { font-size: 14px; font-size: 0.875rem; }
  94. h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, times new roman, Arial, sans-serif; color: #000; line-height: 1.3 }
  95.  
  96. i, em { font-style: italic; }
  97. small { font-size: 6px; font-size: 0.375rem; }
  98. big { font-size: 20px; font-size: 1.25rem; }
  99. pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f7f7f7; border: 1px solid #ebebeb; }
  100. pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; }
  101. kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; }
  102. blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; font-style: italic; color: #666; padding: 15px; padding: 0.9375rem; border-left: 5px solid #e64946; border-right: 2px solid #e64946; display: inline-block; box-shadow: 2px 2px 15px #ccc; }
  103. sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; }
  104. sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; }
  105. abbr, acronym { border-bottom: 1px dashed; cursor: help; }
  106. cite { color: #9a9b97; }
  107. q { font-style: italic; }
  108. address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; }
  109. a { color: #000; text-decoration: none; }
  110. a:hover { color: #e64946; }
  111. .mh-excerpt a, .widget-title a { text-decoration: none; }
  112.  
  113. /***** Lists *****/
  114.  
  115. .entry ul, .commentlist ul { list-style: square; }
  116. .entry ol, .commentlist ol { list-style: decimal; }
  117. .entry ul, .commentlist ul, .entry ol, .commentlist ol { margin: 0 0 20px 40px; margin: 0 0 1.25rem 2.5rem; }
  118. .entry ul ul, .commentlist ul ul, .entry ol ol, .commentlist ol ol { margin: 0 0 0 40px; margin: 0 0 0 2.5rem; }
  119. dl { margin: 0 0 10px 20px; margin: 0 0 0.625rem 1.25rem; }
  120. dt, dd { display: list-item; }
  121. dt { list-style-type: square; font-weight: bold; }
  122. dd { list-style-type: circle; margin-left: 20px; margin-left: 1.25rem; }
  123. select { max-width: 100%; }
  124.  
  125. /***** Header *****/
  126.  
  127. .header-widget { width: 1300px; margin: 1em auto 0; }
  128. .header-wrap { background: #fff; }
  129. .header-wrap a { text-decoration: none; }
  130. .logo-wrap { position: relative; overflow: hidden; padding: 10px; padding: 0.625rem; }
  131. .logo { display: inline-block; margin: 20px 15px; }
  132. .logo-name { text-transform: uppercase; text-shadow: 1px 2px 5px #969696; border-bottom: 3px solid #000; display: inline-block; }
  133. .logo-desc { font-size: 14px; font-size: 0.875rem; color: #979797; text-align: center; }
  134. .logo-overlay { position: absolute; display: block; top: 0; right: 5px; margin-top: 40px; text-align: right; }
  135. .logo-overlay .logo-name { font-size: 18px; font-size: 1.125rem; font-weight: 600; text-shadow: none; border-bottom: 0; }
  136. .logo-overlay .logo-desc { text-align: right; }
  137.  
  138. /***** Newsticker *****/
  139.  
  140. .news-ticker { background: #f7f7f7; border-bottom: 1px solid #9a9b97; }
  141. .ticker-title { float: left; padding: 4px 10px; padding: 0.25rem 0.625rem; background: #e64946; font-weight: 600; color: #fff; text-align: center; }
  142. #ticker { height: 2em; overflow: hidden; margin-top:0;}
  143. #ticker li { font-size: 13px; font-size: 0.8125rem; line-height: 2; padding: 2px 14px; padding: 0.125rem 0.875rem; }
  144. #ticker a { display: block; text-decoration: none; }
  145. #ticker a:hover .meta { color: #e64946; }
  146. #ticker .meta { color: #000; }
  147. #ticker .ticker-item-title { font-weight: 700; }
  148.  
  149. /***** Navigation *****/
  150.  
  151. .header-nav { font-size: 12px; font-size: 0.75rem; position: absolute; right: 20px; background: #f6f6f6; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; z-index: 999; }
  152. .header-nav li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
  153. .header-nav li a { display: block; line-height: 1.3; color: #666; padding: 0.3125em 0.625em; text-decoration: none; }
  154. .header-nav li:hover { background: #e64946; }
  155. .header-nav li:hover a { color: #fff; }
  156. .header-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
  157. .header-nav ul ul { display: none; position: absolute; }
  158. .header-nav ul ul li { width: 10em; }
  159. .header-nav ul ul ul { left: 100%; top: 0; }
  160. .main-nav { background: #2a2a2a; text-transform: uppercase; }
  161. .main-nav li { float: left; position: relative; border-left: 1px solid #000; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
  162. .main-nav li:first-child { border: none; }
  163. .main-nav li:hover { background: #e64946; }
  164. .main-nav li a { display: block; color: #fff; padding: 5px 14px; padding: 0.3125rem 0.875rem; text-decoration: none; }
  165. .main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
  166. .main-nav ul ul { display: none; position: absolute; }
  167. .main-nav ul ul li { width: 13em; border: none; }
  168. .main-nav ul ul ul { left: 100%; top: 0; }
  169. .info-nav { background: #ddd; }
  170. .info-nav li { float: left; position: relative; font-size: 13px; font-size: 0.8125rem; }
  171. .info-nav li:first-child { border: none; }
  172. .info-nav li a { display: block; color: #2a2a2a; font-weight: 600; letter-spacing: 0.2px; padding: 5px 14px; padding: 0.3125rem 0.875rem; }
  173. .info-nav ul li:hover > ul { display: block; background: #ddd; z-index: 9999; }
  174. .info-nav ul ul { display: none; position: absolute; }
  175. .info-nav ul ul li { width: 13em; border: none; }
  176. .info-nav ul ul ul { left: 100%; top: 0; }
  177. .footer-nav { font-size: 13px; font-size: 0.8125rem; background: #e64946; font-weight: 400; }
  178. .footer-nav li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
  179. .footer-nav li a { display: block; line-height: 1.3; color: #fff; padding: 0.3125em 0.625em; text-decoration: none; }
  180. .footer-nav ul { float: right; }
  181. .footer-nav ul li:hover > ul { display: block; background: #e64946; z-index: 9999; }
  182. .footer-nav ul ul { display: none; position: absolute; }
  183. .footer-nav ul ul li { width: 10em; }
  184. .footer-nav ul ul ul { left: 100%; top: 0; }
  185. .slicknav_menu { display: none; }
  186.  
  187. /***** SlickNav Mobile Menu Core Style *****/
  188.  
  189. .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438rem 0.625rem; line-height: 1.125rem; cursor: pointer; }
  190. .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.125rem; float: left; }
  191. .slicknav_menu .slicknav_icon { float: left; margin: 0.188rem 0 0 0.438rem; }
  192. .slicknav_menu .slicknav_no-text { margin: 0; }
  193. .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125rem; height: 0.125rem; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  194. .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem }
  195. .slicknav_nav { clear: both; }
  196. .slicknav_nav ul, .slicknav_nav li { display: block; }
  197. .slicknav_nav .slicknav_arrow { font-size: 0.8rem; margin: 0 0 0 0.4rem; }
  198. .slicknav_nav .slicknav_item { display: block; cursor: pointer; }
  199. .slicknav_nav a { display: block; }
  200. .slicknav_nav .slicknav_item a { display: inline; }
  201. .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
  202. .slicknav_menu:after { clear: both; }
  203. .slicknav_menu { *zoom: 1; }
  204.  
  205. /***** SlickNav User Default Style *****/
  206.  
  207. .slicknav_menu { font-size: 13px; font-size: 0.8125rem; }
  208. .slicknav_btn { margin: 0 5px; text-decoration: none; background: #e64946; }
  209. .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; }
  210. .slicknav_menu .slicknav_icon-bar { background: #f5f5f5; }
  211. .slicknav_menu { background: #e64946; border-bottom: 2px solid #2a2a2a; }
  212. .slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 600; color: #fff; margin: 0; padding: 0; margin-bottom: 20px; }
  213. .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
  214. .slicknav_nav ul { padding: 20px 0 0 15px; border-top: 2px solid #2a2a2a; }
  215. .slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; }
  216. .slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
  217. .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
  218. .slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
  219. .slicknav_nav .slicknav_item:hover { background: #e64946; color: #fff; }
  220. .slicknav_nav a:hover { background: #e64946; color: #fff; }
  221. .slicknav_nav .slicknav_txtnode { margin-left: 15px; }
  222.  
  223. /***** FlexSlider Browser Resets *****/
  224.  
  225. .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
  226. .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
  227.  
  228. /***** FlexSlider Icon Fonts *****/
  229.  
  230. @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }
  231.  
  232. /***** FlexSlider Necessary Styles *****/
  233.  
  234. .flexslider { margin: 0; padding: 0; }
  235. .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
  236. .flexslider .slides img { width: 100%; display: block; }
  237. .flex-pauseplay span { text-transform: capitalize; }
  238. .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  239. html[xmlns] .slides { display: block; }
  240. * html .slides { height: 1%; }
  241. .no-js .slides > li:first-child { display: block; }
  242.  
  243. /* Direction Nav */
  244.  
  245. .flex-direction-nav { *height: 0; }
  246. .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -12px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
  247. .flex-direction-nav .flex-prev { left: -50px; }
  248. .flex-direction-nav .flex-next { right: -50px; text-align: right; }
  249. .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
  250. .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
  251. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
  252. .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }
  253. .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; line-height: 1; display: inline-block; content: '\f001'; }
  254. .flex-direction-nav a.flex-next:before { content: '\f002'; }
  255.  
  256. /* Pause/Play */
  257.  
  258. .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
  259. .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
  260. .flex-pauseplay a:hover { opacity: 1; }
  261. .flex-pauseplay a.flex-play:before { content: '\f003'; }
  262.  
  263. /* Control Nav */
  264.  
  265. .flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; z-index: 999; }
  266. .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
  267. .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
  268. .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
  269. .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
  270. .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
  271. .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
  272. .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
  273. .flex-control-thumbs img:hover { opacity: 1; }
  274. .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
  275.  
  276. /***** FlexSlider Custom Theme *****/
  277.  
  278. .flexslider { position: relative; zoom: 1; }
  279. .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
  280. .loading .flex-viewport { max-height: 300px; }
  281. .flexslider .slides { zoom: 1; }
  282. .slide-wrap { position: relative; overflow: hidden; }
  283. .slider-normal { width: 620px; max-width: 100%; overflow: hidden; }
  284. .slide-caption { width: 22rem; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; top: 0; right: 0; border-bottom: 3px solid #e64946; opacity: 0.6; filter: alpha(opacity=60); box-shadow: 0 0 15px -2px #000; }
  285. .slide-caption .mh-excerpt a { color: #fff; }
  286. .slide-wrap:hover .slide-caption { opacity: 1; filter: alpha(opacity=100); }
  287. .slide-title { color: #fff; margin-bottom: 10px; margin-bottom: 0.625rem; }
  288. .slide-title:hover { color: #e64946; }
  289. .slide-data { padding: 10px; padding: 0.625rem; }
  290.  
  291. /***** FlexSlider Custom Layouts *****/
  292.  
  293. .slider-layout2 .flex-control-nav { height: 10px; position: relative; bottom: 0; background: #666; text-align: left; }
  294. .slider-layout2 .flex-control-nav li { width: 20%; margin: 0; }
  295. .slider-layout2 .flex-control-paging li a { width: 100%; height: 100%; background: #666; border-radius: 0; box-shadow: none; }
  296. .slider-layout2 .flex-control-paging li a:hover { background: #aaa; }
  297. .slider-layout2 .flex-control-paging li a.flex-active { background: #e64946; }
  298. .slider-layout2 .slide-caption { width: 100%; top: auto; bottom: 0; opacity: 0.90; filter: alpha(opacity=90); border: 0; }
  299.  
  300. /***** FlexSlider Carousel *****/
  301.  
  302. [id*='carousel-'] { direction: ltr; }
  303. [id*='carousel-'] li { width: 174px; height: auto; margin-right: 12px; }
  304. .carousel-item { position: relative; }
  305. .carousel-layout1 { padding: 12px; background: #2a2a2a; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
  306. .carousel-layout1 .caption { position: absolute; padding: 2px 10px; padding: 0.125rem 0.625rem; background: #e64946; color: #fff; font-weight: 700; top: 10%; opacity: 0.7; filter: alpha(opacity=70); }
  307. .carousel-layout1 .carousel-item:hover .caption { opacity: 1; filter: alpha(opacity=100); }
  308. .carousel-layout2 { padding: 0 12px; }
  309. .carousel-layout2 .caption { color: #e64946; padding: 0 2px; }
  310. .carousel-layout2 .carousel-item-title { font-size: 16px; font-size: 1rem; padding: 0 2px; }
  311. .carousel-layout2 .carousel-item-title:hover { color: #e64946; }
  312. .carousel-layout2 .flex-direction-nav { display: none; }
  313. .no-js [id*='carousel-'], .no-js [class*='carousel-title-'] { display: none; }
  314.  
  315. /***** Posts/Pages *****/
  316.  
  317. .breadcrumb, .breadcrumb a { font-size: 13px; font-size: 0.8125rem; color: #979797; margin-bottom: 20px; margin-bottom: 1.25rem; }
  318. .breadcrumb a { font-weight: 600; }
  319. .breadcrumb a:hover { color: #e64946; }
  320. .post-header { margin-bottom: 20px; margin-bottom: 1.25rem; }
  321. .entry-title { padding-bottom: 3px; padding-bottom: 0.1875rem; }
  322. .page-title-top, .subheading-top { border-bottom: 3px solid #2a2a2a; }
  323. .page-title { font-size: 24px; font-size: 1.5rem; color: #fff; display: inline-block; padding: 0px 10px 3px; padding: 0rem 0.625rem 0.1875rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #e64946; }
  324. .pt-layout2 .page-title-top { display: none; }
  325. .pt-layout2 .page-title { font-size: 32px; font-size: 2rem; color: #000; padding: 0; background: none; }
  326. .subheading { font-size: 15px; font-size: 0.9375rem; color: #fff; line-height: 1.3; font-weight: 400; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 2px 7px 3px; padding: 0.125rem 0.4375rem 0.1875rem; background: #e64946; display: inline-block; }
  327. .meta { font-size: 13px; font-size: 0.8125rem; color: #979797; }
  328. .post-meta { margin-top: 10px; margin-top: 0.625rem; padding: 5px; padding: 0.3125rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
  329. .post-meta a { color: #979797; font-weight: 200; }
  330. .post-meta a:hover { color: #e64946; }
  331. .post-thumbnail { max-width: 940px; margin-bottom: 20px; margin-bottom: 1.25rem; }
  332. .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry blockquote, .entry .flex-vid, .entry row { margin-bottom: 20px; margin-bottom: 1.25rem; }
  333. .entry blockquote p:last-child { margin: 0; }
  334. .entry a { font-weight: 600; border-bottom: 1px solid #979797; }
  335. .entry a:hover { border-bottom: 1px solid #e64946; }
  336. .content-ad { max-width: 100%; float: left; margin: 0px 20px 10px 0px; margin: 0rem 1.25rem 0.625rem 0rem; }
  337. .post-tags { margin-bottom: 20px; margin-bottom: 1.25rem; }
  338. .post-tags li { float: left; margin: 0px 6px 6px 0px; margin: 0rem 0.375rem 0.375rem 0rem; background: #555555; }
  339. .post-tags li:hover { background: #e64946; }
  340. .post-tags a, .post-tags a:hover { color: #fff; padding: 2px 10px; padding: 0.125rem 0.625rem; display: block; text-decoration: none; }
  341. .section-title { padding: 10px; padding: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; }
  342. .sticky { }
  343.  
  344. /***** Related Posts *****/
  345.  
  346. .related-posts { margin: 20px 0px; margin: 1.25rem 0rem; }
  347. .related-wrap { margin-bottom: 15px; margin-bottom: 0.9375rem; border-bottom: 1px solid #ebebeb; }
  348. .related-data { padding-top: 8px; padding-top: 0.5rem; }
  349. .related-subheading { color: #979797; font-size: 13px; font-size: 0.8125rem; }
  350. .related-title { font-size: 16px; font-size: 1rem; }
  351. .related-title:hover { color: #e64946; }
  352. .related-thumb { float: left; margin: 0px 15px 15px 0px; margin: 0rem 0.9375rem 0.9375rem 0rem; padding: 3px; padding: 0.1875rem; border: 1px solid #f1f1f1; background: #fff; }
  353. .rp-layout2 .related-wrap { background: #f6f6f6; border: 0; }
  354. .rp-layout2 .related-thumb { float: left; margin: 0 15px 0 0; margin: 0 0.9375rem 0 0; padding: 0; }
  355.  
  356. /***** Authorbox *****/
  357.  
  358. .author-box { line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f6f6f6; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
  359. .author-box-wrap { padding: 10px; }
  360. .author-box-avatar { float: left; margin-right: 10px; }
  361. .author-box-name { margin-bottom: 10px; }
  362. .author-box-postcount { font-weight: 400; }
  363. .author-box-contact { background: #ebebeb; font-weight: 600; padding: 5px; }
  364. .author-box-contact a, .author-box-contact-start { min-width: 70px; padding: 2px 10px; padding: 0.125rem 0.625rem; display: inline-block; text-align: center; text-decoration: none; }
  365. .author-box-contact-start { margin-left: 2px; }
  366. .author-box-contact a { border-left: 2px solid #ccc; }
  367. .ab-layout2 .author-box { border: 0; }
  368. .ab-layout2 .author-box-contact a, .ab-layout2 .author-box-contact-start { color: #fff; margin: 5px; margin: 0.3125rem; border: 0; }
  369. .ab-layout2 .author-box-contact-start { background: #2a2a2a; }
  370. .ab-layout2 .author-box-website { background: #aaa; }
  371. .ab-layout2 .author-box-facebook { background: #3b5998; }
  372. .ab-layout2 .author-box-twitter { background: #71b9E4; }
  373. .ab-layout2 .author-box-googleplus { background: #cd3c2a; }
  374. .ab-layout2 .author-box-youtube { background: #9d2722; }
  375.  
  376. /***** Sitemap Template *****/
  377.  
  378. .sitemap .page-title { margin-bottom: 20px; margin-bottom: 1.25rem; }
  379. .sitemap-list { list-style: none; margin-bottom: 20px; margin-bottom: 1.25rem; margin-left: 0; }
  380. .sitemap-list > li { border-bottom: 1px solid #ebebeb; }
  381. .sitemap .children { list-style: square; margin: 0 0 0 16px; margin: 0 0 0 1rem; }
  382.  
  383. /***** Loop / Archives / Search Results *****/
  384.  
  385. .loop-wrap, .loop-ad { margin-bottom: 20px; margin-bottom: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; }
  386. .loop-data { margin-bottom: 20px; margin-bottom: 1.25rem; }
  387. .loop-thumb { float: left; margin-right: 20px; }
  388. .loop-layout2 .loop-wrap, .loop-layout3 .loop-wrap { background: #f6f6f6; padding: 0; }
  389. .loop-layout2 .loop-wrap .meta, .loop-layout3 .loop-wrap .meta { color: #fff; padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #2a2a2a; }
  390. .loop-layout2 .loop-ad, .loop-layout3 .loop-ad { padding: 0; border: 0; }
  391. .loop-layout2 .loop-content { padding: 10px 20px 20px; padding: 0.625rem 1.25rem 1.25rem; }
  392. .loop-layout2 .loop-title { margin-bottom: 10px; margin-bottom: 0.625rem; }
  393. .loop-layout3 .loop-thumb { float: none; margin: 0; }
  394. .loop-layout3 .loop-content { padding: 10px 10px 20px; padding: 0.625rem 0.625rem 1.25rem; }
  395. .loop-layout3 .loop-title { font-size: 24px; font-size: 1.5rem; margin-bottom: 10px; margin-bottom: 0.625rem; }
  396. .cat-desc { margin-bottom: 20px; margin-bottom: 1.25rem; padding: 20px; padding: 1.25rem; background: #f7f7f7; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
  397.  
  398. /***** Pagination *****/
  399.  
  400. .post .pagination { padding-bottom: 20px; padding-bottom: 1.25rem; }
  401. .page-numbers { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #eee; display: inline-block; }
  402. .page-numbers:hover, .current, a:hover .pagelink { background: #e64946; color: #fff; text-decoration: none; }
  403. .page-numbers a { display: block; }
  404. .pagelink { padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e64946; color: #fff; }
  405. a .pagelink { background: #eee; color: #444; }
  406. .post-nav a { font-size: 15px; font-size: 0.9375rem; font-weight: 700; }
  407.  
  408. /***** Footer *****/
  409.  
  410. footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 20px; padding: 1.25rem; background: #2a2a2a; }
  411. footer a { color: #f7f7f7; }
  412. .copyright-wrap { width: 1300px; margin: 0 auto 20px; background: #2a2a2a; border-top: 3px solid #999; }
  413. .copyright { font-size: 11px; font-size: 0.6875rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #999; }
  414. .copyright a { color: #999; }
  415.  
  416. /***** Images / Video *****/
  417.  
  418. img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }
  419. .alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; }
  420. .aligncenter { display: block; margin: 20px auto 20px; margin: 1.25rem auto 1.25rem; }
  421. .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; }
  422. .alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; }
  423. .wp-caption { max-width: 100%; }
  424. .wp-caption-text { font-size: 12px; font-size: 0.75rem; font-weight: 700; line-height: 1.4; color: #000; margin-top: 5px; margin-top: 0.3125rem; display: block; }
  425. .alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; }
  426.  
  427. /***** Gallery *****/
  428.  
  429. .gallery { margin-bottom: 20px; }
  430. .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
  431. .gallery-columns-1 .gallery-item { max-width: 100%; }
  432. .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
  433. .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
  434. .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
  435. .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
  436. .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
  437. .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
  438. .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
  439. .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
  440. .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
  441. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }
  442. .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
  443. .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
  444. .gallery-item:hover .gallery-caption { opacity: 1; }
  445. .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
  446.  
  447. /***** Tables *****/
  448.  
  449. table { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
  450. td, th { padding: 5px 10px; padding: 0.3125rem 0.625rem; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
  451. th { background-color: #f9f9f9; font-weight: 600; color: #000; }
  452.  
  453. /***** Widgets *****/
  454.  
  455. .widget-title, .footer-widget-title { margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 3px solid #e64946; padding-bottom: 3px; }
  456. .footer-widget-title { color: #fff; }
  457. .sb-widget, .footer-widget { margin-bottom: 20px; margin-bottom: 1.25rem; overflow: hidden; }
  458. .wt-layout2 .widget-title, .wt-layout2 .footer-widget-title { font-size: 16px; font-size: 1rem; font-weight: 400; color: #fff; padding: 8px 14px; padding: 0.5rem 0.875rem; background: #e64946; border-bottom: 0; }
  459. .wt-layout2 .widget-title-link, .wt-layout2 .widget-title-link:hover { color: #fff; }
  460. .wt-layout3 .widget-title { padding: 5px 10px; padding: 0.3125rem 0.625rem; border-left: 10px solid #e64946; border-bottom: 0; background: #f2f2f2; }
  461.  
  462. /***** MH Spotlight Widget *****/
  463.  
  464. .spotlight { position: relative; background: #2a2a2a; color: #ebebeb; padding: 20px; }
  465. .spotlight:hover .sl-caption { opacity: 1; filter: alpha(opacity=100); }
  466. .spotlight .mh-excerpt a { color: #fff; }
  467. .sl-title { color: #fff; font-size: 32px; font-size: 2rem; }
  468. .sl-title:hover { color: #e64946; }
  469. .sl-caption { position: absolute; top: 10%; padding: 4px 10px; padding: 0.25rem 0.625rem; background: #e64946; color: #fff; font-weight: 700; opacity: 0.9; filter: alpha(opacity=90); }
  470. .sl-thumb { margin-bottom: 10px; margin-bottom: 0.625rem; overflow: hidden; }
  471.  
  472. /***** MH Custom Posts/Pages Widget *****/
  473.  
  474. .sb-widget .cp-wrap { padding: 15px 0px; padding: 0.9375rem 0rem; border-bottom: 1px solid #ebebeb; }
  475. .footer-widget .cp-wrap { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; }
  476. .cp-widget li:first-child { padding-top: 0; }
  477. .cp-thumb-xl { margin-bottom: 10px; margin-bottom: 0.625rem; }
  478. .cp-thumb { float: left; margin-right: 10px; margin-right: 0.625rem; }
  479. .cp-widget-title { line-height: 1.3; }
  480. .footer-widget .cp-widget-title { font-weight: 400; }
  481. .cp-small .meta { font-size: 11px; font-size: 0.6875rem; }
  482. .cp-widget .mh-excerpt { padding-top: 10px; padding-top: 0.625rem; }
  483. .sb-widget .cp-no-image { padding: 5px 0px; padding: 0.3125rem 0rem; }
  484. .home-wide .cp-thumb-xl { float: left; margin: 0px 20px 0px 0px; margin: 0rem 1.25rem 0rem 0rem; }
  485. .home-wide .cp-small { float: left; width: 50%; min-height: 75px; }
  486. .home-wide .cp-no-image { float: none; width: 100%; min-height: 0; }
  487. .home-wide .cp-small .cp-data { margin-right: 10px; }
  488. .home-wide .cp-widget .cp-small:first-child { padding-top: 15px; padding-top: 0.9375rem; }
  489. .home-wide .cp-widget .cp-no-image:first-child { padding-top: 0; }
  490.  
  491. /***** MH Authors & MH Comments Widget *****/
  492.  
  493. .sb-widget .uw-wrap { padding: 15px 0px; padding: 0.9375rem 0rem; border-bottom: 1px solid #ebebeb; }
  494. .footer-widget .uw-wrap { padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; }
  495. .user-widget li:first-child { padding-top: 0; }
  496. .uw-avatar { float: left; margin-right: 10px; margin-right: 0.625rem; }
  497. .uw-text .author-name { font-size: 16px; font-size: 1rem; }
  498. .uw-text a { font-weight: 700; }
  499. .uw-data { font-size: 13px; font-size: 0.8125rem; color: #979797; }
  500.  
  501. /***** MH Advertising Widget *****/
  502.  
  503. .ad-sb { background: #f7f7f7; padding: 16px 0 0 16px; }
  504. .ad-sb .ad-item { float: left; margin-bottom: 16px; margin-right: 16px; }
  505. .ad-other .ad-item { float: left; margin-right: 20px; }
  506.  
  507. /***** Other MH Widgets *****/
  508.  
  509. .nip-thumb { float: left; margin: 0 3px 3px 0; }
  510. .mh-social-widget li { float: left; margin: 0 8px 8px 0; }
  511.  
  512. /***** Default WordPress Widgets *****/
  513.  
  514. .sb-widget .menu > .menu-item, .sb-widget .page_item a, .sb-widget .cat-item { display: block; padding: 5px 0px; padding: 0.375rem 0rem; border-bottom: 1px solid #ebebeb; }
  515. .footer-widget .menu > .menu-item, .footer-widget .page_item a, .footer-widget .cat-item { display: block; padding: 5px 0px; padding: 0.3125rem 0rem; border-bottom: 1px solid #454545; }
  516. .sb-widget .menu-item:first-child, .sb-widget .page_item:first-child a, .sb-widget .cat-item:first-child, .footer-widget .menu-item:first-child, .footer-widget .page_item:first-child a, .footer-widget .cat-item:first-child { padding-top: 0; }
  517. .sb-widget .children .page_item a, .footer-widget .children .page_item a { padding: 5px 0; padding: 0.375rem 0rem; }
  518. .sb-widget .menu-item, .sb-widget .page_item a, .sb-widget .cat-item, .footer-widget .menu-item, .footer-widget .page_item a, .footer-widget .cat-item { line-height: 1.3; }
  519. #wp-calendar caption { text-align: left; padding: 10px; padding: 0.625rem; background: #f7f7f7; }
  520. #wp-calendar th, #wp-calendar td { padding: 5px 10px; padding: 0.3125rem 0.625rem; text-align: center; }
  521. #wp-calendar th { font-weight: 300; }
  522. #wp-calendar #prev { text-align: left; }
  523. .tagcloud a { margin: 2px; margin: 0.125rem; padding: 2px 10px; padding: 0.125rem 0.625rem; color: #666; white-space: nowrap; display: inline-block; }
  524. .sb-widget .tagcloud a { background: #f6f6f6; }
  525. .footer-widget .tagcloud a { background: #000; }
  526. .tagcloud a:hover, .sb-widget .tagcloud a:hover, .footer-widget .tagcloud a:hover { color: #fff; background: #e64946; text-decoration: none; }
  527.  
  528. /***** Comments *****/
  529.  
  530. .no-comments { padding: 10px; padding: 0.625rem; margin-top: 20px; margin-top: 1.25rem; background: #f6f6f6; border: 1px solid #d7d8d8; }
  531. .commentlist { margin-bottom: 40px; margin-bottom: 2.5rem; list-style: none; }
  532. .commentlist .comment .vcard { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #f9f9f9; }
  533. .commentlist .comment .avatar { width: 30px; height: 30px; padding: 2px; padding: 0.125rem; margin: 0 5px; margin: 0 0.3125rem; background: #fff; border: 1px solid #ebebeb; vertical-align: middle; }
  534. .commentlist .bypostauthor .vcard { border-left: 3px solid #e64946; }
  535. .commentlist .children { list-style: none; }
  536. .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; }
  537. .comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; }
  538. .comment-text blockquote p:last-child { margin: 0; }
  539. .comment-info { color: #e64946; margin: 20px 0px; margin: 1.25rem 0rem; }
  540. .comments-pagination { margin-bottom: 20px; margin-bottom: 1.25rem; }
  541. .pinglist { margin-bottom: 20px; margin-bottom: 1.25rem; }
  542. .pinglist .pings:first-child { border-top: 1px solid #ebebeb; }
  543. .pinglist .pings { line-height: 2.5; padding: 10px 0px; padding: 0.625rem 0rem; border-bottom: 1px solid #ebebeb; }
  544.  
  545. /***** Forms *****/
  546.  
  547. input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
  548. input[type=text], input[type=email], input[type=tel], input[type=url] { width: 60%; }
  549. input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #e64946; }
  550. input[type=submit] { min-width: 75px; color: #fff; padding: 5px 10px; padding: 0.3125rem 0.625rem; background: #e64946; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-appearance: none; }
  551. input[type=submit]:hover { background: #2a2a2a; }
  552. textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; }
  553.  
  554. /***** Comment Form *****/
  555.  
  556. #respond { padding: 10px; padding: 0.625rem; background: #f6f6f6; border: 1px solid #d7d8d8; }
  557. #respond h3 { margin-bottom: 20px; margin-bottom: 1.25rem; }
  558. #commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; }
  559. #cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; background: #e64946; padding: 5px; padding: 0.3125rem; color: #fff; }
  560. #cancel-comment-reply-link:hover { background: #2a2a2a; text-decoration: none; }
  561. .required { color: #e64946; }
  562.  
  563. /***** Contact Form 7 *****/
  564.  
  565. .wpcf7-form { font-size: 12px; font-size: 0.75rem; padding: 10px; padding: 0.625rem; border: 1px solid #d7d8d8; background: #f6f6f6; }
  566. .wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; }
  567. .wpcf7-response-output { background: #fff; }
  568.  
  569. /***** Searchform *****/
  570.  
  571. #searchform { padding: 5px; padding: 0.3125rem; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; }
  572. #searchform #s { width: 100%; font-size: 12px; font-size: 0.75rem; color: #444; background: none; border: none; }
  573. #searchform #s:focus { outline: none; }
  574. #searchsubmit { display: none; }
  575.  
  576. /***** Social *****/
  577.  
  578. .share-buttons-container { position: relative; margin: 20px 0; padding: 10px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
  579. .no-js .share-buttons-container { display: none; }
  580. .share-button { width: 150px; height: 20px; position: relative; float: left; }
  581.  
  582. /***** Shortcodes *****/
  583.  
  584. .ad-label { font-size: 10px; font-size: 0.625rem; }
  585. .dropcap { font-size: 80px; font-size: 5rem; font-weight: 600; line-height: 0.8; color: #e64946; top: 0; margin-right: 6px; margin-right: 0.375rem; text-transform: uppercase; float: left; position: relative; }
  586. .highlight { padding: 2px 5px; padding: 0.125rem 0.3125rem; }
  587. .heading { border-bottom: 1px dotted #000; }
  588. .box { position: relative; overflow: hidden; padding: 20px 20px 0; padding: 1.25rem 1.25rem 0; margin-bottom: 20px; margin-bottom: 1.25rem; border: 1px solid #ebebeb; }
  589. .box ul, .box ol { margin: 0 0 20px 20px; margin: 0 0 1.25rem 1.25rem; }
  590. .normal { background: #f7f7f7; }
  591. .alert { background: #ffe8e8; }
  592. .success { background: #e5ffbc; }
  593. .infobox { background: #feffcb; }
  594. .event { background: #dfebff; }
  595. .hide-box { position: absolute; top: 0; right: 8px; z-index: 999; cursor: pointer; color: #ddd; }
  596. .no-js .hide-box { display: none; }
  597. [id*='testimonials-'] ul, [id*='images-'] ul { list-style: none; margin: 0; }
  598. .testimonial, .image { margin-bottom: 20px; margin-bottom: 1.25rem; }
  599. .testimonial { position: relative; font-style: italic; background: #f9f9f9; padding: 10px 10px 10px 60px; padding: 0.625rem 0.625rem 0.625rem 3.75rem; border: 1px solid #ebebeb; }
  600. .testimonial:before { position: absolute; top: 0; left: 10px; content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-size: 6.25rem; line-height: 1; color: #999; font-style: normal; }
  601. .testimonial-author { font-style: normal; color: #9a9b97; }
  602. .flex-vid { position: relative; padding-bottom: 55%; padding-top: 8px; height: 0; overflow: hidden; }
  603. .flex-vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  604.  
  605. /***** Media Queries *****/
  606.  
  607. @media screen and (max-width: 1340px) {
  608. .mh-container, .header-widget, .copyright-wrap, .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 1300px; }
  609. .mh-two-sb .hp-main, .mh-two-sb .mh-main { width: 700px; }
  610. .mh-two-sb .hp-content, .mh-two-sb .mh-content { width: 460px; }
  611. .mh-two-sb .hp-sidebar, .hp-sidebar-2, .mh-two-sb .mh-sidebar, .mh-sidebar-2 { width: 220px; }
  612. .mh-two-sb .home-2 .cp-thumb-xl, .mh-two-sb .home-5 .cp-thumb-xl { width: 210px; }
  613. .mh-two-sb .loop-layout2 .loop-thumb { float: none; text-align: center; margin: 0; background: #ddd; }
  614. }
  615. @media screen and (max-width: 1000px) {
  616. .mh-container, .header-widget, .copyright-wrap, .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 768px; }
  617. .mh-container, .copyright-wrap { margin: 0 auto; }
  618. .mh-two-sb .hp-main, .mh-two-sb .mh-main, .hp-sidebar-2, .mh-sidebar-2 { width: 100%; margin: 0; }
  619. .hp-content, .mh-content, .mh-two-sb .mh-content { width: 488px; }
  620. .hp-home-3, .hp-home-4 { width: 234px; }
  621. .mh-two-sb .hp-sidebar, .hp-sidebar { width: 229px; }
  622. .mh-two-sb .hp-home-3, .mh-two-sb .hp-home-4, .mh-sidebar, .hp-home-6, .home-2 .cp-thumb-xl, .home-5 .cp-thumb-xl { width: 220px; }
  623. .mh-two-sb .hp-home-6 { width: 248px; }
  624. .mh-sidebar-2 { margin-top: 20px; }
  625. .sb-wide .cp-thumb-xl { float: left; margin: 0px 20px 0px 0px; margin: 0rem 1.25rem 0rem 0rem; }
  626. .sb-wide .cp-small { float: left; width: 50%; min-height: 75px; }
  627. .sb-wide .cp-no-image { float: none; width: 100%; min-height: 0; }
  628. .sb-wide .cp-small .cp-data { margin-right: 10px; }
  629. .sb-wide .cp-widget .cp-small:first-child { padding-top: 15px; padding-top: 0.9375rem; }
  630. .sb-wide .cp-widget .cp-no-image:first-child { padding-top: 0; }
  631. .mh-one-sb .loop-layout2 .loop-thumb { float: none; text-align: center; margin: 0; background: #ddd; }
  632. }
  633. @media screen and (max-width: 767px) {
  634. .mh-container, .header-widget, .copyright-wrap, .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 600px; }
  635. .hp-content, .hp-sidebar, .mh-content, .mh-sidebar, .mh-two-sb .hp-content, .mh-two-sb .hp-sidebar, .mh-two-sb .mh-content { width: 100%; margin: 0; }
  636. .mh-two-sb .mh-sidebar, .mh-sidebar { width: 100%; margin-top: 20px; }
  637. .mh-sidebar-2 { margin-top: 0; }
  638. .cp-thumb-xl, .home-2 .cp-thumb-xl, .home-5 .cp-thumb-xl, .mh-two-sb .home-2 .cp-thumb-xl, .mh-two-sb .home-5 .cp-thumb-xl { float: left; width: 260px; margin: 0px 20px 0px 0px; margin: 0rem 1.25rem 0rem 0rem; }
  639. .cp-small { float: left; width: 50%; min-height: 75px; }
  640. .cp-no-image { float: none; width: 100%; min-height: 0; }
  641. .cp-small .cp-data { margin-right: 10px; }
  642. .cp-widget .cp-small:first-child { padding-top: 15px; padding-top: 0.9375rem; }
  643. .cp-widget .cp-no-image:first-child { padding-top: 0; }
  644. .news-ticker { border-top: 1px solid #9a9b97; }
  645. .header-nav { position: relative; right: 0; border-left: none; border-right: none; }
  646. .header-nav ul { float: right; }
  647. .entry-title { font-size: 24px; font-size: 1.5rem; }
  648. .mq-footer { width: 100%; margin: 0; }
  649. .js .slicknav_menu { display: block; }
  650. .js .main-nav, .js .info-nav, .js .footer-nav { display: none; }
  651. }
  652. @media screen and (max-width: 620px) {
  653. .mh-container, .header-widget, .copyright-wrap, .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 400px; }
  654. .cp-thumb-xl, .home-wide .cp-thumb-xl, .home-2 .cp-thumb-xl, .home-5 .cp-thumb-xl, .sb-wide .cp-thumb-xl, .mh-two-sb .home-2 .cp-thumb-xl, .mh-two-sb .home-5 .cp-thumb-xl { float: none; width: 100%; margin: 0 0 10px 0; margin: 0 0 0.625rem 0; }
  655. .cp-small, .home-wide .cp-small, .sb-wide .cp-small { float: none; width: 100%; min-height: 0; }
  656. .cp-no-image { float: none; width: 100%; min-height: 0; }
  657. .cp-widget .cp-small:first-child, .home-wide .cp-widget .cp-small:first-child, .sb-wide .cp-widget .cp-small:first-child { padding-top: 0; }
  658. .ticker-item-meta { display: none; }
  659. .logo-name { font-size: 24px; font-size: 1.5rem; }
  660. .logo-desc { font-size: 14px; font-size: 0.875rem; }
  661. .logo-overlay { position: relative; margin-top: 10px; text-align: center; }
  662. .logo-overlay .logo-name { font-size: 18px; font-size: 1.125rem; }
  663. .logo-overlay .logo-desc { text-align: center; }
  664. .slider-normal img, .spotlight img, .post-thumbnail img { width: auto; }
  665. .loop-layout1 .loop-thumb { float: none; margin: 0 0 20px; }
  666. .loop-layout2 .loop-thumb { float: none; margin: 0; }
  667. .loop-layout2 .loop-thumb img, .cp-thumb-xl img { width: 100%; }
  668. .slide-caption { position: relative; width: 100%; bottom: 0; top: auto; border-top: 3px solid #e64946; border-bottom: none; opacity: 1; }
  669. .slide-title, .sl-title { font-size: 20px; font-size: 1.25rem; }
  670. .slide-data .mh-excerpt, .slider-layout1 .flex-control-nav, .related-subheading { display: none; }
  671. [class*='col-'] { width: 100%; margin: 0; }
  672. .share-button { width: 85px; }
  673. .loop-thumb { margin-right: 10px; }
  674. .commentlist ul, .commentlist ol, .commentlist ul ul, .commentlist ol ol { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; }
  675. .content-ad { float: none; margin: 0px 0 10px 0px; margin: 0rem 0 0.625rem 0rem; }
  676. }
  677. @media screen and (max-width: 420px) {
  678. .mh-container, .header-widget, .copyright-wrap, .mh-two-sb .mh-container, .mh-two-sb .header-widget, .mh-two-sb .copyright-wrap { width: 100%; min-width: 300px; }
  679. .ad-sb { padding: 2px 0 0 2px; }
  680. .ad-sb .ad-item { margin-bottom: 2px; margin-right: 2px; }
  681. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement