Style.css

SUBMITTED BY: Guest

DATE: July 19, 2015, 5:58 a.m.

FORMAT: CSS

SIZE: 72.3 kB

Raw Download

HITS: 426

Report
  1. /*
  2. Theme Name: Nexus (Shared on MafiaShare.net)
  3. Theme URI: http://www.mafiashare.net
  4. Version: 1.6
  5. Description: 2 Column theme from Elegant Themes
  6. Author: Elegant Themes
  7. Author URI: http://www.mafiashare.net
  8. */
  10. /*------------------------------------------------*/
  11. /*-----------------[RESET]------------------------*/
  12. /*------------------------------------------------*/
  14. /* http://meyerweb.com/eric/tools/css/reset/ */
  15. /* v1.0 | 20080212 */
  17. html, body, div, span, applet, object, iframe,
  18. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  19. a, abbr, acronym, address, big, cite, code,
  20. del, dfn, em, font, img, ins, kbd, q, s, samp,
  21. small, strike, strong, sub, sup, tt, var,
  22. b, u, i, center,
  23. dl, dt, dd, ol, ul, li,
  24. fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  26. body { line-height: 1; }
  27. ol, ul { list-style: none; }
  28. blockquote, q { quotes: none; }
  30. blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
  32. /* remember to define focus styles! */
  33. :focus { outline: 0; }
  35. /* remember to highlight inserts somehow! */
  36. ins { text-decoration: none; }
  37. del { text-decoration: line-through; }
  39. /* tables still need 'cellspacing="0"' in the markup */
  40. table { border-collapse: collapse; border-spacing: 0; }
  42. article, aside, footer, header, hgroup, nav, section { display: block; }
  44. /*------------------------------------------------*/
  45. /*-----------------[BASIC STYLES]-----------------*/
  46. /*------------------------------------------------*/
  48. body {
  49. font-family: 'Raleway', Arial, sans-serif;
  50. font-weight: 400;
  51. font-size: 16px; color: #333;
  52. background-image:url('/wp-content/themes/Nexus/images/background.jpg');
  53. background-repeat:no-repeat;
  54. background-size:cover;
  55. background-position:center;
  56. background-attachment: fixed;
  57. }
  59. a { text-decoration: none; color: #4bb6f5; }
  60. a:hover { text-decoration: underline; }
  61. .clear { clear: both; }
  62. .ui-tabs-hide { display: none; }
  63. br.clear { margin: 0px; padding: 0px; }
  65. h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #333; line-height: 1em; font-weight: normal; }
  66. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
  67. h1 { font-size: 30px; }
  68. h2 { font-size: 24px; }
  69. h3 { font-size: 22px; }
  70. h4 { font-size: 18px; }
  71. h5 { font-size: 16px; }
  72. h6 { font-size: 14px; }
  73. p { padding-bottom: 10px; line-height: 26px; }
  74. strong { font-weight: bold; color: #1c1c1c; }
  75. cite, em, i { font-style: italic; }
  76. pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
  77. ins { text-decoration: none; }
  78. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  79. sup { bottom: 0.8em; }
  80. sub { top: 0.3em; }
  81. dl { margin: 0 0 1.5em 0; }
  82. dl dt { font-weight: bold; }
  83. dd { margin-left: 1.5em;}
  84. blockquote { padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
  85. blockquote p { padding-bottom: 0px; }
  87. input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
  88. input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
  89. input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
  90. textarea { padding: 4px; }
  92. img#about-image { float: left; margin: 3px 8px 8px 0px; }
  94. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  95. * html .clearfix { zoom: 1; } /* IE6 */
  96. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  98. /*------------------------------------------------*/
  99. /*---------------[MAIN LAYOUT INFO]---------------*/
  100. /*------------------------------------------------*/
  102. img { max-width: 100%; height: auto; }
  103. #ie8 img { width: auto; }
  105. embed, iframe, object, video { max-width: 100%; }
  107. #main-header { padding-top: 39px; }
  108. .container { text-align: left; margin: 0 auto; width: 1280px; position: relative; }
  109. #logo { float: left; padding-top: 1px; margin-bottom: 1px; }
  110. .header-banner { float: right; }
  111. #top-navigation { padding-left: 20px; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; -webkit-box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #dadada, 0 0 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #dadada, 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #dadada, 0 0 15px rgba(0, 0, 0, 0.07); }
  112. body.home #top-navigation {padding-left: 0px;}
  113. #top-navigation nav { float: left; }
  114. #top-menu li { display: block; font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; text-shadow: 1px 1px 0 #fff; float: left; }
  115. #top-menu a { color: #333; text-decoration: none; padding: 24px 15px; display: block; position: relative; }
  116. #top-menu > li > a:hover, #top-menu > .sfHover > a { color: #fff; background-color: #a9d300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
  117. #top-menu > li.current-menu-item > a { padding: 24px 24px; color: #fff; font-weight: 800; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); background-color: #a9d300; }
  118. #et-social-icons { float: right; width: 245px; background-color: #f6f6f6; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff, -1px 0 0 #fff; position: relative; }
  119. #et-social-icons:before { content: ''; position: absolute; bottom: 0; left: 0; background: url(images/social-left-shadow.png) no-repeat; width: 6px; height: 60px; pointer-events: none; }
  120. #et-social-icons li { float: left; list-style: none; border-left: 1px solid #e0e0e0; -moz-box-shadow: inset 1px 0 0 #fff; -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; }
  121. #et-social-icons li:first-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  123. #et-social-icons .twitter .et-social-normal { background: url(images/twitter.png) no-repeat 19px 22px; }
  124. #et-social-icons .twitter .et-social-hover { background: url(images/twitter-hover.png) no-repeat 19px 22px; }
  125. #et-social-icons .twitter a:hover { background: #00ccff; }
  127. #et-social-icons .facebook .et-social-normal { background: url(images/facebook.png) no-repeat 25px 22px; }
  128. #et-social-icons .facebook .et-social-hover { background: url(images/facebook-hover.png) no-repeat 25px 22px; }
  129. #et-social-icons .facebook a:hover { background: #3f8eee; }
  131. #et-social-icons .rss .et-social-normal { background: url(images/rss.png) no-repeat 21px 22px; }
  132. #et-social-icons .rss .et-social-hover { background: url(images/rss-hover.png) no-repeat 21px 22px; }
  133. #et-social-icons .rss a:hover { background: #ff9110; }
  135. #et-social-icons .google .et-social-normal { background: url(images/google.png) no-repeat 19px 22px; }
  136. #et-social-icons .google .et-social-hover { background: url(images/google-hover.png) no-repeat 19px 22px; }
  137. #et-social-icons .google a:hover { background: #e84e18; }
  139. #et-social-icons a, #et-social-icons span { display: block; text-indent: -9999px; width: 60px; height: 64px; position: relative; }
  140. #et-social-icons a { overflow: hidden; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  141. #featured { margin-top: -1px; -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1); }
  142. #featured, .post-thumbnail { background-position: top center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
  143. #et-featured-posts { padding: 59px 60px; background-color: #333; -webkit-box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); }
  144. .et-featured-post { float: left; -webkit-box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; }
  145. .et-featured-post img { display: block; }
  146. .et-featured-post:before { -webkit-box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 79px rgba(0, 0, 0, 0.2); top: 0; content: ""; height: 100%; left: 0; position: absolute; width: 100%; }
  147. .et-first, .et-second { width: 578px; }
  148. .et-third, .et-fourth { width: 287px; }
  149. .et-first, .et-third { padding-right: 4px; }
  150. .home .et-second { margin-bottom: 4px; }
  151. .meta-info { position: absolute; top: 0; left: 0; background-color: #a9d300; color: #fff; text-align: center; font-size: 28px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); line-height: 20px; width: 60px; height: 60px; z-index: 3; }
  152. .meta-info .meta-date { padding: 12px 15px; position: absolute; bottom: 0; left: 0; }
  153. .meta-info .month { font-weight: 900; display: block; font-size: 14px; text-transform: uppercase; }
  154. .post-description { position: absolute; color: #fff; left: 40px; bottom: 25px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
  155. .post-description a { text-decoration: none; color: #fff; }
  156. .post-excerpt { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #111; background: rgba(0,0,0,0.4); color: #fff; opacity: 0; }
  157. .post-excerpt .post-title { color: #fff; font-weight: 900; font-size: 18px; margin-bottom: 3px; display: block; }
  158. .post-excerpt .post-title a:hover, .popular-post h2 a:hover, .footer-widget li a:hover, #footer-bottom li a:hover, .excerpt-wrap a:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
  159. .excerpt-wrap { text-shadow: 1px 1px 2px rgba(0,0,0,0.7); }
  160. .excerpt-wrap p { letter-spacing: -1px; }
  161. .home .et-first .excerpt-wrap { padding: 61px 62px 0 120px; }
  162. .home .et-second .excerpt-wrap { padding: 29px 73px 0 90px; }
  163. .et-third .excerpt-wrap, .et-fourth .excerpt-wrap { padding: 29px 30px 0 90px; }
  164. .et-first .excerpt-wrap, .et-second .excerpt-wrap { padding: 40px 65px 0 100px; }
  165. .excerpt-more { position: absolute; bottom: 21px; right: 23px; width: 12px; height: 20px; background: url(images/excerpt-more.png) no-repeat; text-indent: -9999px; }
  166. .home .et-first .post-description { left: 60px; bottom: 45px; }
  167. .et-first .post-description { left: 60px; bottom: 33px; padding-right: 10px; }
  168. .post-description h2 { font-weight: 900; }
  169. .post-description h2 a { text-decoration: none; color: #fff; }
  170. .et-first .post-description h2 { font-size: 36px; }
  171. .et-second .post-description h2 { font-size: 30px; }
  172. .et-third .post-description h2, .et-fourth .post-description h2 { font-size: 24px; line-height: 20px; }
  173. .post-description .post-meta { font-size: 18px; }
  174. .et-third .post-meta, .et-fourth .post-meta { font-size: 14px; }
  176. .post-description, .post-excerpt, .meta-info, .popular-tabs ul, #top-menu > li > a { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  178. .popular-tabs ul, #top-menu > li > a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  180. .et-featured-post:hover .post-description { opacity: 0; }
  181. .et-featured-post:hover .post-excerpt { top: 0; opacity: 1; }
  182. .et-featured-post:hover .meta-info { height: 100%; }
  183. .featured-comments { background: url(images/comments-cloud.png) no-repeat; width: 41px; height: 33px; bottom: 74px; left: 10px; position: absolute; }
  184. .featured-comments span { font-size: 16px; color: #a9d300; font-weight: 900; text-align: center; }
  185. .page-wrap { margin-bottom: 40px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); }
  187. #main-content { position: relative; background: #fff; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
  188. #main-content:before, .home #main-content:after { content: ''; position: absolute; top: 0; pointer-events: none; height: 100%; }
  189. #main-content:before { right: 0; background-color: #f7f7f7; width: 319px; border-left: 1px solid #E0E0E0; }
  191. .home #main-content:after { left: 638px; width: 1px; height: 100%; background: #E0E0E0; }
  192. .page #main-content:after { display: none; }
  194. .home #content { float: left; width: 638px; }
  196. #content, body.page #content { float: left; width: 958px; }
  197. .fullwidth #content { float: none; width: 100% !important; }
  198. .fullwidth #main-content:before { display: none; }
  199. #breadcrumbs .raquo { display: block; float: left; position: relative; text-indent: -9999px; width: 44px; }
  200. #breadcrumbs .raquo:before { content: ''; left: 0; position: absolute; top: -19px; bottom: -17px; width: 11px; border-right: 1px solid #CAC9C9; }
  201. #breadcrumbs .raquo:after { background: url(images/breadcrumbs_separator.png) no-repeat; content: ""; display: block; width: 11px; height: 52px; position: absolute; bottom: -17px; left: 2px; }
  202. .et_breadcrumbs_title, .et_breadcrumbs_content { display: block; float: left; }
  203. h1.module-title, h4.widgettitle, #breadcrumbs { color: #333; text-shadow: 0 1px 0 #fff; font-size: 16px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #fafafa; -webkit-box-shadow: inset 1px 1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; padding: 17px 40px; position: relative; }
  204. h1.module-title:before, h4.widgettitle:before, #breadcrumbs:before { bottom: 0; content: ""; height: 61px; right: -1px; position: absolute; width: 10px; background: url(images/title-shadow.png) no-repeat; z-index: 2; }
  205. h1.module-title span { font-weight: 900; }
  206. .module-content, .all-tabs { padding: 40px; }
  207. .recent-post { padding: 0 60px 60px; }
  208. .categories-tabs-module .recent-post, .recent-module .recent-post, .home .et-tab { padding: 0 0 30px; }
  209. .home .et-tab { padding: 0 0 40px; }
  210. .home .recent-post:last-child, .home .et-tab:last-child, .home .review-post:last-child { border-bottom: 1px solid #e0e0e0; }
  211. .et-main-image { float: left; margin-right: 39px; position: relative; line-height: 0; width: 240px; }
  212. .categories-tabs-module .et-main-image, .recent-module .et-main-image { width: 160px; }
  213. .et-main-image:before { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); top: 0; content: ""; height: 100%; right: 0; position: absolute; width: 100%; pointer-events: none; }
  215. .et-description { margin-left: 279px; }
  216. .categories-tabs-module .et-description, .recent-module .et-description { width: auto; float: none; margin: 0 0 0 199px; }
  217. .et-description h2 { font-size: 36px; font-weight: 900; color: #333; margin-bottom: -2px; margin-top: 0px; position: relative; top: -6px; }
  218. .et-description h2 a:hover, .et-tabbed-all-tabs .title a:hover, .widget li a:hover { text-decoration: none; color: #707070; }
  219. .et-description .post-meta { font-weight: 100; text-transform: uppercase; color: #969696; padding-top: 3px; font-size: 14px; }
  220. .et-description .post-meta a { color: #969696; text-decoration: none; }
  221. .et-description .post-meta span { color: #fff; background-color: #a9d300; margin-right: 11px; padding: 8px 14px; }
  222. .load-more { text-align: center; }
  223. .load-more a { color: #333; display: inline-block; margin-bottom: 40px; position: relative; text-decoration: none !important; padding-right: 23px; }
  224. .load-more a:hover { color: #999; }
  225. .load-more a:before { bottom: 3px; content: ""; height: 10px; right: 0; position: absolute; width: 15px; background: url(images/load-more-bg.png) no-repeat; }
  227. .categories-tabs-module .et-tabs { display: none; }
  228. .categories-tabs-module .et-tabs:first-child { display: block; }
  229. .categories-tabs-module .load-more { padding-top: 40px; }
  230. .categories-tabs-module .load-more a { margin-bottom: 0; }
  232. .popular-posts-wrap, .et-popular-tabs-content { position: relative; }
  233. .popular-tabs { width: 239px; padding: 75px 0 60px; position: relative; float: left; }
  234. .et-popular-tabs-wrap { overflow: hidden; }
  235. .et-popular-tabs-wrap li:hover { cursor: pointer; }
  236. .et-popular-tabs-wrap li.popular-active:hover { cursor: default; }
  237. .popular-posts { background-color: #333; -webkit-box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); box-shadow: inset 0 5px 81px rgba(0, 0, 0, 0.75); padding: 40px 40px 30px 40px; margin-left: 239px; }
  238. .et-scroll-arrows a { display: block; height: 40px; position: absolute; text-indent: -9999px; left: 40px; width: 160px; z-index: 10; }
  239. .et-scroll-arrows-top { background: url(images/popular-scroll-top.png) no-repeat center center; top: -74px; }
  240. .et-scroll-arrows-bottom { background: url(images/popular-scroll-bottom.png) no-repeat center center; bottom: -74px; }
  241. .popular-tabs ul { position: relative; }
  242. .et-scroll-arrows-top:before { bottom: -8px; content: ""; height: 8px; left: 0; position: absolute; width: 159px; background: url(images/popular-top-bg.png) no-repeat; }
  243. .et-scroll-arrows-bottom:before { content: ""; top: -8px; height: 8px; left: 0; position: absolute; width: 159px; background: url(images/popular-bottom-bg.png) no-repeat; }
  244. .popular-active { background-color: #1f1f1f; text-shadow: 0 1px 1px #000; }
  245. .popular-active .popular-tab-title { color: #fff; }
  246. .popular-tab-title { font-size: 18px; color: #333; font-weight: 900; padding: 20px 40px 0; display: block; line-height: 22px; }
  247. .popular-tabs .post-meta { font-weight: 100; font-size: 14px; color: #969696; padding: 0 40px 13px; }
  248. .popular-post { text-shadow: 0 1px 1px #000; display: none; }
  249. .popular-post:first-child { display: block; }
  250. .main-tab-image { position: relative; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); margin-bottom: 40px; }
  251. .popular-post h2 { font-size: 36px; font-weight: 900; padding-bottom: 15px; }
  252. .popular-post h2 a { color: #fff; }
  253. .popular-post .post-meta { text-transform: uppercase; font-size: 14px; color: #a7a7a7; }
  254. .popular-post .post-meta a { color: #a7a7a7; text-decoration: none; }
  255. .popular-post p { color: #fff; }
  256. .reviews-content { padding: 40px; }
  257. .review-post { padding-bottom: 30px; position: relative; }
  258. .review-rating, .review-rating span { background: url(images/rating.png) no-repeat; display: inline-block; height: 28px; }
  259. .review-rating { float: left; width: 166px; }
  260. .recent-reviews .review-rating { position: absolute; top: 0; left: 0; float: none; }
  261. .et-description .review-rating { margin-right: 6px; }
  262. .review-rating span { background-position: 0 -28px; }
  263. .review-post .et-description { margin-left: 197px; }
  264. .review-post .et-description h2 { font-size: 24px; }
  265. .categories-tabs { text-shadow: 0 1px 0 #fff; border-top: 1px solid #e0e0e0; background-color: #fafafa; -webkit-box-shadow: inset 1px 1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; position: relative; }
  267. .categories-tabs:before { bottom: 0; content: ""; height: 47px; right: 0; position: absolute; width: 10px; background: url(images/title-shadow.png) no-repeat; }
  268. .categories-tabs:after { width: 100%; height: 2px; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); content: ''; position: absolute; bottom: -4px; left: 0; background: #A9D300; }
  269. .categories-tabs li { cursor: pointer; display: inline-block; padding: 17px 19px; position: relative; }
  270. .categories-tabs li, .categories-tabs li a { color: #333; text-decoration: none; }
  272. .et-tabbed-all-tabs li:before, .widget .categories-tabs li:before { display: none; }
  273. .widget .categories-tabs { margin: 0 -40px; }
  274. .widget .categories-tabs li { padding: 13px 19px 8px !important; }
  275. .widget .home-tab-active:before { display: block !important; top: auto; border: none; }
  277. .home-tab-active { background-color: #a9d300; border: 1px solid rgba(0,0,0,0.15); border-bottom: none; margin-top: -1px; }
  278. .home-tab-active:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #A9D300; z-index: 2; }
  279. .home-tab-active, .home-tab-active a { color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  281. .et-tabbed-widget .categories-tabs li { padding-bottom: 14px; }
  282. .et-tabbed-widget .categories-tabs:after { bottom: -4px; }
  284. #breadcrumbs { padding: 17px 16px; text-shadow: 0 1px 0 #fff; overflow: hidden; }
  285. #breadcrumbs a { float: left; display: block; text-decoration: none; color: #333; font-weight: 900; padding: 0 24px 0 0; }
  286. #breadcrumbs.bcn_breadcrumbs a { float: none; display: inline; padding: 0; }
  287. #breadcrumbs a:first-child { padding-left: 24px; }
  288. #left-area { padding-top: 60px; border-bottom: 1px solid #e0e0e0; }
  289. a.read-more, .comment-reply-link { background-color: #a9d300; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; display: block; float: right; font-weight: 900; font-size: 14px; padding: 13px 18px; margin-top: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  290. a.read-more:hover, .comment-reply-link:hover { text-decoration: none; }
  291. .post-thumbnail { position: relative; margin-top: -1px; }
  292. .post-thumbnail:before { -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 90px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 90px rgba(0, 0, 0, 0.5) inset; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; }
  293. .post-thumbnail .container { min-height: 400px; }
  294. h1.post-heading { color: #fff; font-weight: 900; font-size: 48px; position: absolute; bottom: -1px; left: 0; background-color: #a9d300; padding: 23px 32px; z-index: 2; }
  295. .entry-content { padding: 0 60px 60px; }
  296. .entry-content .review-rating { float: none; margin-bottom: 10px; }
  297. .entry-content .post-meta { font-size: 30px; font-weight: 100; padding-bottom: 16px; }
  298. .entry-content .post-meta a { color: #333; }
  299. .entry-content blockquote { background: none; border: none; font-style: normal; line-height: 28px; font-size: 16px; color: #333; border-left: 10px solid #a9d300; padding: 0 0 0 30px; margin: 25px 0 35px; }
  300. #et-box-author { margin-bottom: 60px; }
  301. #et-bio-author { position: relative; padding: 40px 60px 25px 152px; }
  302. .author-avatar { left: 60px; position: absolute; top: 40px; }
  303. #et-box-author p, #et-post-share span { color: #fff; text-shadow: 0 1px 1px #000; }
  304. #author-info strong { color: #a9d300; font-weight: 900; }
  305. #et-post-share { padding: 15px 152px 13px; }
  306. #et-post-share span { font-weight: 100; padding: 6px 20px 0 0; font-size: 18px; }
  307. #et-post-share span, #et-share-icons { float: left; }
  308. #et-share-icons li { display: inline-block; padding-right: 7px; }
  310. #et-share-icons a { text-indent: -9999px; display: block; width: 31px; height: 32px; }
  311. .google-share a { background: url(images/google-share.png) no-repeat; }
  312. .facebook-share a { background: url(images/facebook-share.png) no-repeat; }
  313. .twitter-share a { background: url(images/twitter-share.png) no-repeat; }
  315. .entry-content .main-title { font-size: 40px; font-weight: 900; margin: 0 0 12px; }
  317. .entry-content table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; }
  318. .entry-content tr th, .entry-content thead th { color: #555; font-weight: bold; padding: 9px 24px; }
  319. .entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; }
  321. .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
  322. .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; }
  323. .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
  324. .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; }
  326. .gallery-item a { display: block; }
  327. .gallery-item a, .gallery-caption { width: 90%; }
  329. .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { margin: 18px 0; }
  331. .entry-content dl, .comment-content dl { margin: 0 20px; }
  332. .entry-content dd, .comment-content dd { margin: 9px 0 20px; line-height: 24px; }
  334. .entry-content address, .comment-content address { line-height: 24px; margin-bottom: 12px; }
  336. .footer-banner { background: #FFF; padding: 38px 0 36px; z-index: 7; position: relative; border-top: 1px solid #E0E0E0; text-align: center; }
  338. .et-centered-ad { text-align: center; margin: 0 -5px; }
  340. /*------------------------------------------------*/
  341. /*---------------[DROPDOWN MENU]------------------*/
  342. /*------------------------------------------------*/
  345. /*------------------------------------------------*/
  346. /*-------------------[COMMENTS]-------------------*/
  347. /*------------------------------------------------*/
  350. #comment-wrap { padding: 0 0 60px; }
  351. h1#comments, #reply-title { font-size: 30px; font-weight: 100; margin-bottom: 30px; padding-left: 60px; }
  352. .commentlist { border-bottom: 1px solid #e0e0e0; }
  353. .commentlist li { padding: 0 60px 0 60px; }
  354. .commentlist li li { padding-right: 0; }
  355. .commentlist .children li { padding-left: 90px; }
  356. .comment-body { position: relative; padding-left: 90px; padding-bottom: 40px; }
  357. .comment_avatar { left: 0; position: absolute; top: 0; }
  358. .comment_avatar:before, .author-avatar:before { border-radius: 30px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
  359. .comment_avatar img, .author-avatar img { display: block; height: auto; max-width: 100%; width: auto; border-radius: 30px; }
  360. .comment_postinfo { margin-bottom: 7px; }
  361. span.fn, span.fn a { color: #333; font-weight: 900; text-decoration: none; font-size: 18px; display: block; margin-bottom: 12px; }
  362. span.comment_date { text-transform: uppercase; color: #969696; font-size: 14px; font-weight: 100; }
  363. #reply-title { padding-top: 60px; }
  364. #reply-title small { display: block; font-size: 14px; font-weight: 400; }
  365. #commentform { padding: 0 60px 100px 60px; }
  366. #commentform input[type="text"] { width: 40%; }
  367. #commentform textarea { width: 89%; }
  368. #commentform textarea, #commentform input[type="text"] { border: 1px solid #e6e6e6; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); padding: 17px; color: #333; }
  369. .form-submit { float: right; }
  370. .form-submit input { font-size: 16px; color: #fff; border: none; background-color: #a9d300; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; padding: 10px 18px; }
  372. .comment #respond { border-bottom: none; }
  373. .comment #respond #reply-title, .comment #respond #commentform { padding-left: 0; }
  374. .comment #respond #reply-title { padding-top: 10px; }
  375. .comment #respond #commentform { margin-bottom: 25px; }
  377. /*------------------------------------------------*/
  378. /*---------------------[FOOTER]-------------------*/
  379. /*------------------------------------------------*/
  381. #main-footer, #et-bio-author { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), inset 0 5px 81px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), inset 0 5px 81px rgba(0, 0, 0, 0.75); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), inset 0 5px 81px rgba(0, 0, 0, 0.75); border-bottom: 1px solid #0f0f0f; }
  382. #main-footer, #footer-bottom, #et-bio-author, #et-post-share { background-color: #333; }
  383. #footer-widgets { padding: 60px 60px 0; }
  384. .fwidget { margin-bottom: 25px; }
  385. .footer-widget { float: left; width: 240px; margin-right: 66px; color: #fff; text-shadow: 0 1px 1px #000; margin-bottom: 20px; }
  386. .footer-widget:last-child { margin-right: 0; }
  387. .footer-widget h4.title { padding-bottom: 21px; color: #fff; font-size: 18px; font-weight: 900; }
  388. .footer-widget li a { color: #fff; text-decoration: none; }
  389. #footer-bottom, #et-post-share { border-top: 1px solid #404040; border-bottom: 1px solid #0f0f0f; }
  390. #footer-bottom ul { padding: 23px 60px; }
  391. #footer-bottom li { display: inline-block; padding-right: 25px; text-shadow: 0 1px 1px #000; }
  392. #footer-bottom li a { color: #fff; text-decoration: none; }
  393. #footer-bottom .current-menu-item a { color: #a9d300; font-weight: 900; }
  394. #copyright { text-align: right; color: #333; margin-bottom: 30px; }
  395. #copyright a { font-weight: 900; text-decoration: none; color: #333; }
  397. /*------------------------------------------------*/
  398. /*--------------------[SIDEBAR]-------------------*/
  399. /*------------------------------------------------*/
  401. #sidebar { background: #f7f7f7; }
  402. #sidebar, #additional-sidebar { width: 320px; float: left; }
  403. .et-tabbed-all-tabs { padding: 40px 0 0; }
  404. .et-tabbed-all-tabs > div { display: none; }
  405. .et-tabbed-all-tabs > div:first-child { display: block; }
  406. .et-tabbed-all-tabs li { margin-bottom: 20px; padding: 0 !important; list-style: none; line-height: 19px !important; }
  407. .et-tabbed-all-tabs li:last-child { margin-bottom: 0; }
  408. .smallthumb { float: left; line-height: 0; margin-right: 20px; position: relative; width: 60px; }
  409. .smallthumb:before { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; pointer-events: none; }
  410. .post-metainfo .title { display: block; font-size: 18px; font-weight: 900; padding-bottom: 6px; }
  411. .post-metainfo .title a { color: #333; }
  412. .post-metainfo .postinfo, .et-main-description .postinfo { color: #969696; display: block; font-size: 14px; font-weight: 100; }
  414. .post-metainfo { margin-left: 77px; }
  415. .no-thumb .post-metainfo { margin-left: 0; }
  417. h4.widgettitle { padding: 17px 40px; border-left: 1px solid #E0E0E0; margin: 0 -40px 30px; }
  419. #sidebar h4.widgettitle:before { display: none; }
  421. .widget { padding: 0 40px 30px; position: relative; }
  422. .widget li, .footer-widget li { padding: 10px 0 10px 19px; position: relative; line-height: 26px; }
  423. .widget li:before, .footer-widget li:before { border-color: transparent transparent transparent #9bc100; border-image: none; border-style: solid; border-width: 5px; content: ""; left: 0; position: absolute; top: 17px; }
  424. .widget li a { color: #000; text-decoration: none; }
  426. .footer-widget li ul, .widget li ul { margin: 10px 0 -10px; }
  428. .et-authors li { position: relative; padding-bottom: 30px; }
  429. .et-authors li:before { border: none !important; }
  430. .et-authors .author-avatar { top: 0; left: 0; }
  431. .et-authors-posts { padding-left: 60px; }
  432. .et-authors-posts h4 { font-weight: 900; font-size: 18px; }
  433. .et-authors-posts h4 a { color: #333; }
  434. .et-authors-posts h4 a:hover { color: #707070; }
  435. .et-authors-posts span { font-size: 14px; font-weight: 100; color: #969696; }
  437. .widget_etrecentfromwidget .et-tabbed-all-tabs { padding-top: 0; }
  438. .et-recent-featured-post, .recent-video-slides { margin: -31px -40px 0; z-index: 20; position: relative; }
  439. .et-recent-featured-post:before, .recent-video-slides:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5); box-shadow: inset 0 0 30px rgba(0,0,0,0.5); }
  440. .et-recent-featured-post img, .recent-video-slides img { display: block; }
  441. .et-main-description { position: absolute; bottom: 38px; left: 0; padding: 0 20px 0 40px; }
  442. .widget_etrecentfromwidget .main-title { color: #fff; font-size: 18px; font-weight: 900; display: block; margin-bottom: 10px; }
  443. .widget_etrecentfromwidget .main-title a { color: inherit; }
  444. .widget_etrecentfromwidget .main-title a:hover { color: rgba( 255,255,255,0.9 ); }
  445. .et-main-description .postinfo { color: #fff; }
  446. .widget_etrecentfromwidget .et-tabbed-all-tabs li:first-child { margin-bottom: 30px !important; }
  448. @-webkit-keyframes bounceIn {
  449. 20% {
  450. -webkit-transform: scale(1.2);
  451. }
  453. 50% {
  454. -webkit-transform: scale(0.8);
  455. }
  457. 70% {
  458. -webkit-transform: scale(1.1);
  459. }
  461. 100% {
  462. -webkit-transform: scale(1);
  463. }
  464. }
  466. @-moz-keyframes bounceIn {
  467. 20% {
  468. -moz-transform: scale(1.2);
  469. }
  471. 50% {
  472. -moz-transform: scale(0.8);
  473. }
  475. 70% {
  476. -moz-transform: scale(1.1);
  477. }
  479. 100% {
  480. -moz-transform: scale(1);
  481. }
  482. }
  484. @-o-keyframes bounceIn {
  485. 20% {
  486. -o-transform: scale(1.2);
  487. }
  489. 50% {
  490. -o-transform: scale(0.8);
  491. }
  493. 70% {
  494. -o-transform: scale(1.1);
  495. }
  497. 100% {
  498. -o-transform: scale(1);
  499. }
  500. }
  502. @keyframes bounceIn {
  503. 20% {
  504. transform: scale(1.2);
  505. }
  507. 50% {
  508. transform: scale(0.8);
  509. }
  511. 70% {
  512. transform: scale(1.1);
  513. }
  515. 100% {
  516. transform: scale(1);
  517. }
  518. }
  520. .et-recent-video { display: none; position: relative; }
  521. .et-recent-video:first-child { display: block; }
  522. .et-recent-video-play { position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; width: 67px; height: 67px; background: url(images/play-button.png) no-repeat; display: block; }
  523. .et-recent-video-play:hover { -webkit-animation-duration: .7s;
  524. -webkit-animation-delay: 0s;
  525. -webkit-animation-timing-function: ease-in-out;
  526. -webkit-animation-fill-mode: both;
  527. -moz-animation-duration: .7s;
  528. -moz-animation-delay: 0s;
  529. -moz-animation-timing-function: ease-in-out;
  530. -moz-animation-fill-mode: both;
  531. -o-animation-duration: .7s;
  532. -o-animation-delay: 0s;
  533. -o-animation-timing-function: ease-in-out;
  534. -o-animation-fill-mode: both;
  535. -ms-animation-duration: .7s;
  536. -ms-animation-delay: 0s;
  537. -ms-animation-timing-function: ease-in-out;
  538. -ms-animation-fill-mode: both;
  539. animation-duration: .7s;
  540. animation-delay: 0s;
  541. animation-timing-function: ease-in-out;
  542. animation-fill-mode: both;
  543. -webkit-animation-name: bounceIn;
  544. -moz-animation-name: bounceIn;
  545. -ms-animation-name: bounceIn;
  546. -o-animation-name: bounceIn;
  547. animation-name: bounceIn; }
  549. .et-recent-videos-content { position: relative; }
  550. .et-recent-video-scroll a { display: block; height: 40px; left: 0; position: absolute; text-indent: -9999px; width: 240px; z-index: 10; }
  551. .et-scroll-video-top { background: url(images/popular-scroll-top.png) no-repeat center center; top: -26px; }
  552. .et-scroll-video-bottom { background: url(images/popular-scroll-bottom.png) no-repeat center center; bottom: -35px; }
  553. .et-scroll-video-top:before, .et-scroll-video-bottom:before { content: ""; height: 8px; left: 0; position: absolute; width: 240px; }
  554. .et-scroll-video-top:before { background: url(images/scroll-video-top-bg.png) no-repeat; bottom: -8px; }
  555. .et-scroll-video-bottom:before { background: url(images/scroll-video-bottom-bg.png) no-repeat; top: -8px; }
  556. .et-recent-videos-wrap ul { padding: 34px 0 16px; }
  557. .et-recent-videos-wrap li { padding-left: 29px; padding-bottom: 0; cursor: pointer; }
  558. .et-recent-videos-wrap li:before { background: #9BC100 url(images/white-arrow.png) no-repeat 4px 0; border-radius: 10px; height: 10px; width: 10px; top: 11px; border-color: transparent !important; }
  559. .et-recent-videos-wrap li.et-video-active:before { background-color: #333 !important; }
  560. .et-recent-videos-wrap h4 { font-size: 16px; font-weight: 900; color: #333; margin-bottom: -5px; }
  561. .et-recent-videos-wrap .post-meta { color: #969696; }
  563. .recent-video-slides { margin-bottom: 19px; background: #111; }
  565. /*------------------------------------------------*/
  566. /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
  567. /*------------------------------------------------*/
  569. div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  570. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
  571. .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
  572. .wp-caption.alignright { margin: 0px 0px 10px 10px; }
  573. .wp-caption img { margin: 0; padding: 0; border: 0 none; }
  574. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  575. .alignright { float: right; }
  576. .alignleft { float: left }
  577. img.alignleft { display:inline; float:left; margin-right:15px; }
  578. img.alignright { display:inline; float:right; margin-left:15px; }
  581. /*------------------------------------------------*/
  582. /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
  583. /*------------------------------------------------*/
  585. .nav li ul { position:absolute; top:-999em; }
  586. .nav li ul, .et_mobile_menu { z-index: 9999; width: 190px; background: #a9d300; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px rgba(0,0,0,0.2); padding: 30px 10px 30px 40px; display: none; }
  587. .nav li { position: relative; }
  588. .nav ul li { float: none; }
  589. .nav ul a { display:block !important; float: none !important; }
  590. .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 63px; }
  591. .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }
  593. .nav li li { padding: 0; height: auto !important; display: block !important; }
  594. .nav li li ul { z-index: 1000; }
  595. .nav li li a:link, .nav li li a:visited, .et_mobile_menu a { display: block !important; height: auto; }
  596. .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  598. .nav li li:hover ul, ul.nav li li.sfHover ul { left: 200px; top: -30px; }
  600. #top-menu li li, .et_mobile_menu li a { float: none !important; padding: 7px 0; }
  601. #top-menu li li a, .et_mobile_menu li a { color: #fff; text-shadow: 1px 1px 0 rgba( 0,0,0,0.2 ); display: block !important; }
  602. #top-menu li li a { padding: 0 !important; }
  603. #top-menu li li a:hover, .et_mobile_menu li a:hover { color: rgba( 255,255,255,0.9 ); text-decoration: none; }
  605. /*------------------------------------------------*/
  606. /*-----------------[WP CALENDAR]-----------------*/
  607. /*------------------------------------------------*/
  608. #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
  609. #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
  610. #wp-calendar a:hover { text-decoration: underline; }
  611. #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  612. #wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
  613. #wp-calendar td#today { color: inherit; }
  614. #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
  615. #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  616. #wp-calendar #next a { padding-right: 10px; text-align: right; }
  617. #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  619. /*------------------------------------------------*/
  620. /*-------------------[PAGE NAVI]------------------*/
  621. /*------------------------------------------------*/
  623. #content .wp-pagenavi { float: right; margin: 60px 60px 60px 0; }
  624. .pages { display: none; }
  625. #content .wp-pagenavi a, #content .wp-pagenavi span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333; margin: 0 4px; padding: 8px 13px; text-decoration: none; text-shadow: 0 1px 0 #fff; border: 1px solid #e0dddd; -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.02))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background-color: #f9f9f9; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 1px 1px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 1px 1px 0px rgba(255, 255, 255, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 1px 1px 0px rgba(255, 255, 255, 0.4); }
  626. #content .wp-pagenavi span.current { font-weight: 900; }
  628. .et_embedded_videos { display: none; }
  630. body.single #left-area, body.page #left-area { border-bottom: none; }
  632. .et-single-post-ad { text-align: center; padding: 62px 0; border-bottom: 1px solid #e0e0e0; margin: -60px 0 60px; }
  634. .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_red #top-menu > li > a:hover, .et_color_scheme_red .meta-info, .et_color_scheme_red .et-description .post-meta span, .et_color_scheme_red .categories-tabs:after, .et_color_scheme_red .home-tab-active, .et_color_scheme_red .home-tab-active:before, .et_color_scheme_red a.read-more, .et_color_scheme_red .comment-reply-link, .et_color_scheme_red h1.post-heading, .et_color_scheme_red .form-submit input, .et_color_scheme_red .home-tab-active:before, .et_color_scheme_red .et-recent-videos-wrap li:before, .et_color_scheme_red .nav li ul, .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red #top-menu > .sfHover > a { background-color: #d30500; }
  635. .et_color_scheme_red .featured-comments span, .et_color_scheme_red #author-info strong, .et_color_scheme_red #footer-bottom .current-menu-item a, .featured-comments span { color: #d30500; }
  636. .et_color_scheme_red .entry-content blockquote, .et_color_scheme_red .widget li:before, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et-popular-mobile-arrow-next { border-color: transparent transparent transparent #d30500; }
  637. .et_color_scheme_red .et-popular-mobile-arrow-previous { border-right-color: #d30500; }
  638. .et_color_scheme_red .categories-tabs:after, .et_color_scheme_red .home-tab-active { border-color: #a90501; }
  639. .et_color_scheme_red .load-more a:before, .et_color_scheme_red .et_mobile_arrow { background-image: url(images/red/load-more-bg.png); }
  640. .et_color_scheme_red .et-scroll-arrows-bottom, .et_color_scheme_red .et-scroll-video-bottom { background-image: url(images/red/popular-scroll-bottom.png); }
  641. .et_color_scheme_red .et-scroll-arrows-top, .et_color_scheme_red .et-scroll-video-top { background-image: url(images/red/popular-scroll-top.png); }
  643. .et_color_scheme_blue #top-menu li.current-menu-item > a, .et_color_scheme_blue #top-menu > li > a:hover, .et_color_scheme_blue .meta-info, .et_color_scheme_blue .et-description .post-meta span, .et_color_scheme_blue .categories-tabs:after, .et_color_scheme_blue .home-tab-active, .et_color_scheme_blue .home-tab-active:before, .et_color_scheme_blue a.read-more, .et_color_scheme_blue .comment-reply-link, .et_color_scheme_blue h1.post-heading, .et_color_scheme_blue .form-submit input, .et_color_scheme_blue .home-tab-active:before, .et_color_scheme_blue .et-recent-videos-wrap li:before, .et_color_scheme_blue .nav li ul, .et_color_scheme_blue .et_mobile_menu, .et_color_scheme_blue #top-menu > .sfHover > a { background-color: #0098d3; }
  644. .et_color_scheme_blue .featured-comments span, .et_color_scheme_blue #author-info strong, .et_color_scheme_blue #footer-bottom .current-menu-item a, .featured-comments span { color: #0098d3; }
  645. .et_color_scheme_blue .entry-content blockquote, .et_color_scheme_blue .widget li:before, .et_color_scheme_blue .footer-widget li:before, .et_color_scheme_blue .et-popular-mobile-arrow-next { border-color: transparent transparent transparent #0098d3; }
  646. .et_color_scheme_blue .et-popular-mobile-arrow-previous { border-right-color: #0098d3; }
  647. .et_color_scheme_blue .categories-tabs:after, .et_color_scheme_blue .home-tab-active { border-color: #007dae; }
  648. .et_color_scheme_blue .load-more a:before, .et_color_scheme_blue .et_mobile_arrow { background-image: url(images/blue/load-more-bg.png); }
  649. .et_color_scheme_blue .et-scroll-arrows-bottom, .et_color_scheme_blue .et-scroll-video-bottom { background-image: url(images/blue/popular-scroll-bottom.png); }
  650. .et_color_scheme_blue .et-scroll-arrows-top, .et_color_scheme_blue .et-scroll-video-top { background-image: url(images/blue/popular-scroll-top.png); }
  652. .et_color_scheme_orange #top-menu li.current-menu-item > a, .et_color_scheme_orange #top-menu > li > a:hover, .et_color_scheme_orange .meta-info, .et_color_scheme_orange .et-description .post-meta span, .et_color_scheme_orange .categories-tabs:after, .et_color_scheme_orange .home-tab-active, .et_color_scheme_orange .home-tab-active:before, .et_color_scheme_orange a.read-more, .et_color_scheme_orange .comment-reply-link, .et_color_scheme_orange h1.post-heading, .et_color_scheme_orange .form-submit input, .et_color_scheme_orange .home-tab-active:before, .et_color_scheme_orange .et-recent-videos-wrap li:before, .et_color_scheme_orange .nav li ul, .et_color_scheme_orange .et_mobile_menu, .et_color_scheme_orange #top-menu > .sfHover > a { background-color: #fc8d00; }
  653. .et_color_scheme_orange .featured-comments span, .et_color_scheme_orange #author-info strong, .et_color_scheme_orange #footer-bottom .current-menu-item a, .featured-comments span { color: #fc8d00; }
  654. .et_color_scheme_orange .entry-content blockquote, .et_color_scheme_orange .widget li:before, .et_color_scheme_orange .footer-widget li:before, .et_color_scheme_orange .et-popular-mobile-arrow-next { border-color: transparent transparent transparent #fc8d00; }
  655. .et_color_scheme_orange .et-popular-mobile-arrow-previous { border-right-color: #fc8d00; }
  656. .et_color_scheme_orange .categories-tabs:after, .et_color_scheme_orange .home-tab-active { border-color: #ec8401; }
  657. .et_color_scheme_orange .load-more a:before, .et_color_scheme_orange .et_mobile_arrow { background-image: url(images/orange/load-more-bg.png); }
  658. .et_color_scheme_orange .et-scroll-arrows-bottom, .et_color_scheme_orange .et-scroll-video-bottom { background-image: url(images/orange/popular-scroll-bottom.png); }
  659. .et_color_scheme_orange .et-scroll-arrows-top, .et_color_scheme_orange .et-scroll-video-top { background-image: url(images/orange/popular-scroll-top.png); }
  661. .et_color_scheme_purple #top-menu li.current-menu-item > a, .et_color_scheme_purple #top-menu > li > a:hover, .et_color_scheme_purple .meta-info, .et_color_scheme_purple .et-description .post-meta span, .et_color_scheme_purple .categories-tabs:after, .et_color_scheme_purple .home-tab-active, .et_color_scheme_purple .home-tab-active:before, .et_color_scheme_purple a.read-more, .et_color_scheme_purple .comment-reply-link, .et_color_scheme_purple h1.post-heading, .et_color_scheme_purple .form-submit input, .et_color_scheme_purple .home-tab-active:before, .et_color_scheme_purple .et-recent-videos-wrap li:before, .et_color_scheme_purple .nav li ul, .et_color_scheme_purple .et_mobile_menu, .et_color_scheme_purple #top-menu > .sfHover > a { background-color: #a920b2; }
  662. .et_color_scheme_purple .featured-comments span, .et_color_scheme_purple #author-info strong, .et_color_scheme_purple #footer-bottom .current-menu-item a, .featured-comments span { color: #a920b2; }
  663. .et_color_scheme_purple .entry-content blockquote, .et_color_scheme_purple .widget li:before, .et_color_scheme_purple .footer-widget li:before, .et_color_scheme_purple .et-popular-mobile-arrow-next { border-color: transparent transparent transparent #a920b2; }
  664. .et_color_scheme_purple .et-popular-mobile-arrow-previous { border-right-color: #a920b2; }
  665. .et_color_scheme_purple .categories-tabs:after, .et_color_scheme_purple .home-tab-active { border-color: #8f1c97; }
  666. .et_color_scheme_purple .load-more a:before, .et_color_scheme_purple .et_mobile_arrow { background-image: url(images/purple/load-more-bg.png); }
  667. .et_color_scheme_purple .et-scroll-arrows-bottom, .et_color_scheme_purple .et-scroll-video-bottom { background-image: url(images/purple/popular-scroll-bottom.png); }
  668. .et_color_scheme_purple .et-scroll-arrows-top, .et_color_scheme_purple .et-scroll-video-top { background-image: url(images/purple/popular-scroll-top.png); }
  670. .et_pt_portfolio_item { margin-left: 99px !important; }
  671. .et_portfolio_small .et_pt_portfolio_item.et_pt_portfolio_item { margin-left: 71px !important; }
  672. .et_portfolio_large .et_pt_portfolio_item { margin-left: 124px !important; }
  674. #et_mobile_nav_menu { display: none; text-align: center; padding: 25px 0; }
  675. .mobile_nav { position: relative; display: inline-block; color: #333; text-shadow: 1px 1px 0 #fff; }
  676. .mobile_nav:hover { text-decoration: none; color: #111; }
  677. .mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  678. .mobile_nav > span { top: 3px; height: 10px; right: -25px; position: absolute; width: 15px; background: url(images/load-more-bg.png) no-repeat; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  679. .et_mobile_menu { position: absolute; top: 40px; left: -63px; text-align: left; }
  680. .et_mobile_menu ul { display: block !important; visibility: visible !important; }
  681. .et_mobile_menu ul li { padding-left: 15px; }
  683. .et-popular-mobile-arrow { position: absolute; top: 19px; border-color: transparent transparent transparent #9bc100; border-style: solid; border-width: 5px; cursor: pointer; display: none; }
  684. .et-popular-mobile-arrow-previous { left: 33px; border-color: transparent #9bc100 transparent transparent; }
  685. .et-popular-mobile-arrow-next { right: 37px; }
  687. .categories-tabs-module { position: relative; }
  689. .add-modules-notice { padding: 40px; }
  691. @media only screen and ( min-width: 1301px ) {
  692. .home.et-2-column-layout #content { width: 958px; }
  693. .home.et-2-column-layout #main-content:after { display: none; }
  695. .et_pt_gallery_entry { margin-left: 69px !important; }
  696. }
  698. @media only screen and ( min-width: 961px ) and ( max-width: 1300px ) {
  699. .container { width: 960px; }
  700. .header-banner { float: none; text-align: center; }
  701. #logo { padding-top: 40px; }
  702. #top-menu li { font-size: 14px; }
  703. #top-menu > li > a, #top-menu > li.current-menu-item > a { padding-bottom: 25px; }
  704. #et-featured-posts { padding: 40px; }
  705. .et-featured-post img, .popular-post .main-tab-image img { width: 100%; }
  706. .post-thumbnail .container { min-height: 292px; }
  707. h1.post-heading { font-size: 36px; }
  708. #main-content:before { background-position: 638px 0; }
  709. #content, body.page #content { width: 638px; }
  710. #left-area { padding-top: 40px; }
  711. .entry-content { padding: 0 40px 30px; }
  712. .author-avatar { left: 40px; }
  713. #et-bio-author { padding: 40px 45px 25px 130px; }
  714. #et-post-share { padding: 15px 130px 13px; }
  715. #comment-wrap { padding: 40px 0; }
  716. h1#comments, #reply-title { padding-left: 40px; }
  717. span.fn, span.fn a { font-size: 16px; }
  718. #footer-widgets { padding: 40px 40px 25px; }
  719. .footer-widget { width: 170px; }
  720. #footer-bottom ul { padding: 23px 40px; }
  721. .home .et-first .post-description, .post-description { bottom: 17px; left: 30px; }
  722. .post-description h2 { font-size: 30px; }
  723. .recent-post { padding: 0 40px 40px; }
  724. .et-main-image { width: 160px; margin-right: 30px; }
  725. .et-main-image img { width: 160px; height: 160px; }
  726. .footer-banner { padding-left: 40px; padding-right: 40px; }
  728. .home .et-first { width: 438px; height: 318px; }
  729. .home .et-first .excerpt-wrap { padding: 31px 62px 0 96px; }
  730. .home .et-second { width: 438px; height: 158px; }
  731. .home .et-second .excerpt-wrap { padding-top: 15px; }
  732. .home .et-third, .home .et-fourth { width: 217px; height: 158px; }
  733. .et-third .excerpt-wrap, .et-fourth .excerpt-wrap { padding-top: 8px; }
  734. .home .et-second .post-description h2 { font-size: 24px; }
  735. .home .et-third .post-description h2, .home .et-fourth .post-description h2 { font-size: 18px; }
  736. .home .et-third .post-meta, .home .et-fourth .post-meta { display: none; }
  737. .home #additional-sidebar { display: none; }
  738. .home #sidebar { width: 319px; }
  740. .et-description { margin-left: 200px; }
  742. #et-social-icons { width: 204px; }
  743. #et-social-icons a, #et-social-icons span { width: 50px; }
  744. #et-social-icons .twitter .et-social-normal { background-position: 15px 23px; }
  745. #et-social-icons .twitter .et-social-hover { background-position: 15px 20px; }
  746. #et-social-icons .facebook .et-social-normal { background-position: 21px 22px; }
  747. #et-social-icons .facebook .et-social-hover { background-position: 21px 20px; }
  748. #et-social-icons .rss .et-social-normal { background-position: 17px 22px; }
  749. #et-social-icons .rss .et-social-hover { background-position: 17px 20px; }
  750. #et-social-icons .google .et-social-normal { background-position: 14px 22px; }
  751. #et-social-icons .google .et-social-hover { background-position: 14px 21px; }
  753. body.category .et-first, body.category .et-second { width: 438px; height: 212px; }
  754. body.category .et-first .post-description { bottom: 17px; left: 30px; }
  755. body.category .et-first .post-description h2 { font-size: 30px; }
  757. .et_pt_gallery_entry { margin-left: 69px !important; }
  759. #et_pt_portfolio_gallery { margin-right: -70px; }
  760. .et_pt_portfolio_item { margin-left: 51px !important; }
  762. .et_portfolio_small .et_pt_portfolio_item.et_pt_portfolio_item { margin-left: 32px !important; }
  764. .et_portfolio_large .et_pt_portfolio_item { margin-left: 49px !important; }
  766. .et-single-post-ad { padding: 40px 0; margin-bottom: 0; }
  767. }
  769. @media only screen and ( max-width: 960px ) {
  770. #et-search, p#et-search-title, p#et-search-title span { background: none !important; }
  771. #et-search { width: auto !important; height: auto !important; }
  772. #et-search-inner { padding: 0 !important; }
  773. #et-search-right { float: none !important; clear: both; text-align: left !important; }
  774. #et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
  775. p#et-search-title { margin-bottom: 2px !important; }
  776. p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
  777. #et-searchinput { width: auto !important; }
  778. p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
  779. #et-search-left { float: none !important; width: 100% !important; }
  780. }
  782. @media only screen and ( min-width: 767px ) and ( max-width: 960px ) {
  783. .container { width: 766px; }
  784. .header-banner { float: none; text-align: center; }
  785. #logo { padding-top: 40px; }
  786. #top-menu li { font-size: 14px; }
  787. .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 61px; }
  788. #et-social-icons, #additional-sidebar { display: none; }
  789. #et-featured-posts { padding: 40px; }
  790. .et-featured-post img, .popular-post .main-tab-image img { width: 100%; }
  791. .post-thumbnail .container { min-height: 246px; }
  792. h1.post-heading { font-size: 36px; }
  793. #main-content:before { background-position: 766px 0; }
  794. #content, body.page #content { width: 766px; }
  795. #sidebar { width: 766px; }
  796. #sidebar .widget { width: 382px; }
  797. #left-area { padding-top: 40px; }
  798. .entry-content { padding: 0 40px 30px; }
  799. .author-avatar { left: 40px; }
  800. #et-bio-author { padding: 40px 45px 25px 130px; }
  801. #et-post-share { padding: 15px 130px 13px; }
  802. #comment-wrap { padding: 40px 0; }
  803. h1#comments, #reply-title { padding-left: 40px; }
  804. span.fn, span.fn a { font-size: 16px; }
  805. #footer-widgets { padding: 40px 40px 25px; }
  806. .footer-widget { width: 309px; margin-right: 55px; }
  807. #footer-bottom ul { padding: 23px 40px; }
  809. .home .et-first .post-description, .post-description { bottom: 40px; left: 40px; }
  810. .post-description h2 { font-size: 18px; }
  811. .recent-post { padding: 0 40px 40px; }
  812. .et-main-image { width: 160px; margin-right: 30px; }
  813. .et-main-image img { width: 160px; height: 160px; }
  815. .et-description .post-meta { font-size: 14px; }
  817. .home .et-first { width: 688px; height: 500px; padding-right: 0; margin-bottom: 4px; }
  818. .home .et-second { width: 688px; height: 248px; }
  819. .home .et-third, .home .et-fourth { width: 341px; height: 248px; }
  821. .home #main-content:before { background-color: transparent; border-left: none; }
  822. .home #main-content:after { background: none; }
  823. .home #content { float: none; width: 763px; }
  825. #main-content:before { display: none; }
  827. #sidebar { width: 100%; position: relative; background: #f7f7f7; }
  828. #sidebar:before { content: ''; position: absolute; top: 0; left: 382px; width: 1px; height: 100%; background: #e0e0e0; }
  829. #sidebar .widget { width: 302px; float: left; }
  830. #sidebar .widget:nth-child( 2n+1 ) { clear: both; }
  832. .footer-banner { padding-left: 40px; padding-right: 40px; }
  834. .footer-widget:nth-child( 2n ) { margin-right: 0; }
  835. .footer-widget:nth-child( 2n+1 ) { clear: both; }
  837. .et-description { margin-left: 200px; }
  839. body.category #et-featured-posts { padding: 40px 39px; }
  840. body.category .et-first, body.category .et-second { width: 342px; height: 166px; }
  841. body.category .et-first .post-description, body.category .et-second .post-description { bottom: 7px; left: 30px; }
  842. body.category .et-first .post-description h2, body.category .et-second .post-description h2 { font-size: 18px; }
  844. .et_pt_gallery_entry { margin-left: 26px !important; }
  846. #et_pt_portfolio_gallery { margin-left: -35px !important; margin-right: -20px !important; }
  847. .et_pt_portfolio_item { margin-left: 38px !important; width: 201px !important; }
  848. .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
  849. .et_portfolio_more_icon { left: 65px !important; }
  850. .et_portfolio_zoom_icon { left: 106px !important; }
  852. #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -39px !important; }
  853. #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 30px !important; width: 117px !important; }
  854. #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
  855. #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
  856. #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
  858. #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -42px !important; }
  859. #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 42px !important; width: 321px !important; }
  860. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
  861. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
  862. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
  864. .et-single-post-ad { padding: 40px 0; margin-bottom: 0; }
  865. }
  867. @media only screen and ( max-width: 767px ) {
  868. .container { width: 478px; }
  869. #featured .container { width: 480px; }
  870. .header-banner { float: none; text-align: center; }
  871. #top-info { text-align: center; }
  872. #logo { padding-top: 40px; float: none; margin-bottom: -3px; }
  873. #et-social-icons, #top-menu, #footer-bottom { display: none; }
  874. #et-featured-posts { padding: 40px; }
  875. .et-featured-post img, .popular-post .main-tab-image img { width: 100%; }
  876. .post-thumbnail .container { min-height: 246px; }
  877. h1.post-heading { font-size: 24px; }
  878. #breadcrumbs a { font-size: 14px; }
  879. #main-content:before { background-position: 478px 0; }
  880. #content, body.page #content, #sidebar { width: 100%; }
  881. #sidebar .widget { width: 240px; padding-left: 120px; padding-right: 120px; }
  882. #left-area { padding-top: 40px; }
  883. .entry-content { padding: 0 40px 30px; }
  884. .entry-content .post-meta { font-size: 24px; }
  885. .author-avatar { left: 40px; }
  886. #et-bio-author { padding: 40px 45px 25px 130px; }
  887. #et-post-share { padding: 15px 51px 13px 130px; }
  888. #comment-wrap { padding: 40px 0; }
  889. h1#comments, #reply-title { padding-left: 40px; }
  890. span.fn, span.fn a { font-size: 16px; }
  891. #footer-widgets { padding: 40px 40px 25px; }
  892. .footer-widget { width: 407px; margin-right: 0; }
  893. .home .et-first .post-description, .post-description { bottom: 20px; left: 20px; }
  894. .post-description h2 { font-size: 24px; }
  895. .recent-post { padding: 0 40px 40px; }
  896. .et-main-image { width: 160px; margin-right: 30px; }
  897. .et-main-image img { width: 160px; height: 160px; }
  899. .home .et-first { width: 400px; height: 291px; padding-right: 0; margin-bottom: 4px; }
  900. .home .et-first .excerpt-wrap { padding: 18px 62px 0 90px; }
  901. .home .et-second { width: 400px; height: 145px; }
  902. .home .et-third, .home .et-fourth { width: 198px; height: 144px; }
  903. .home .et-first .post-description h2 { font-size: 24px; }
  904. .home .et-second .post-description h2 { font-size: 24px; }
  905. .home .et-third .post-description h2, .home .et-fourth .post-description h2 { font-size: 18px; }
  906. .home .et-third .post-meta, .home .et-fourth .post-meta { display: none; }
  908. body.category .et-first, body.category .et-second { width: 400px; height: 195px; }
  909. body.category .et-first .post-description, body.category .et-second .post-description { bottom: 25px; left: 40px; }
  910. body.category .et-first .post-description h2, body.category .et-second .post-description h2 { font-size: 24px; }
  912. body.category .et-first { padding-right: 0; margin-bottom: 4px; }
  914. .home #additional-sidebar { display: none; }
  915. .home #main-content:before { background-color: transparent; border-left: none; }
  916. .home #main-content:after { background: none; }
  917. .home #content { float: none; width: 476px; }
  918. .home .et-main-image { display: none; }
  919. .home .categories-tabs-module .et-description, .home .recent-module .et-description { margin: 0; }
  920. .home .popular-tabs { display: none; }
  921. .popular-posts { margin-left: 0; width: auto; }
  922. #copyright { font-size: 13px; text-align: center; }
  924. .popular-module .module-title { text-align: center; }
  925. .recent-reviews .review-rating { position: relative; }
  926. .review-post .et-description { margin-left: 0; }
  928. .home #sidebar { background: #f7f7f7; }
  930. #main-content:before, .home #main-content:after { display: none; }
  931. .footer-banner { padding-left: 40px; padding-right: 40px; }
  933. h4.widgettitle { text-align: center; margin-left: -121px; margin-right: -116px; }
  935. .et-description { margin-left: 200px; }
  937. .commentlist .children li { padding-left: 0; }
  939. .et_pt_gallery_entry { margin-left: 127px !important; }
  941. .sitemap-col { float: none !important; width: auto !important; }
  943. .et_pt_portfolio_item { margin-left: 130px !important; }
  945. .et_portfolio_small .et_pt_portfolio_item { width: 340px !important; margin-bottom: 10px; margin-left: 17px !important; }
  946. .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
  947. .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
  948. .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
  949. .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
  950. .et_portfolio_small .et_pt_portfolio_item.et_pt_portfolio_item { margin-left: 44px !important; width: 400px !important; }
  952. #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -23px !important; }
  953. #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 16px !important; width: 404px !important; }
  954. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
  955. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
  956. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
  958. #et_mobile_nav_menu, .et-popular-mobile-arrow { display: block; }
  960. .categories-tabs { height: 50px; text-align: center; }
  961. .categories-tabs li { float: none; display: none; }
  962. .categories-tabs li.home-tab-active { display: inline-block; }
  964. .et-single-post-ad { padding: 40px; margin-bottom: 0; }
  965. }
  967. @media only screen and ( max-width: 478px ) {
  968. .container, #featured .container { width: 320px; }
  969. #et-social-icons, #top-menu, #footer-bottom, #breadcrumbs, .author-avatar, #et-post-share span { display: none; }
  970. #et-featured-posts { padding: 40px; }
  971. .et-featured-post img, .popular-post .main-tab-image img { width: 100%; }
  972. .post-thumbnail .container { min-height: 246px; }
  973. h1.post-heading { font-size: 24px; }
  974. #main-content:before { background-position: 320px 0; }
  975. #content, body.page #content { width: 320px; }
  976. #sidebar { width: 320px; }
  977. #sidebar .widget { width: 240px; padding: 0 40px 30px; }
  978. #left-area { padding-top: 40px; }
  979. .entry-content { padding: 0 40px 30px; }
  980. .entry-content .post-meta { font-size: 24px; }
  981. #et-bio-author { padding: 40px 40px 25px; }
  982. #et-post-share { padding: 15px 51px 13px 40px; }
  983. #comment-wrap { padding: 40px 0; }
  984. h1#comments, #reply-title { padding-left: 40px; }
  985. span.fn, span.fn a { font-size: 18px; }
  986. #footer-widgets { padding: 40px 40px 25px; }
  987. .footer-widget { width: 240px; margin-right: 0; }
  989. .post-description { bottom: 15px!important; left: 20px!important; }
  990. .post-description h2 { font-size: 18px!important; }
  991. .post-description .post-meta { display: none; }
  992. .meta-info { font-size: 18px; width: 40px; height: 40px; }
  993. .meta-info .month { font-size: 10px; margin-bottom: -5px; }
  994. .meta-info .meta-date { padding: 0px 8px 5px; }
  996. .recent-post { padding: 0 40px 40px; }
  997. .et-main-image { display: none; }
  998. .et-description h2 { font-size: 30px; }
  999. .et-description .post-meta { font-size: 14px; }
  1001. .home .et-first { width: 240px; height: 175px; }
  1002. .home .et-second { width: 240px; height: 87px; }
  1003. .home .et-third, .home .et-fourth { width: 240px; height: 174px; }
  1004. .home #et-featured-posts .post-description h2 { font-size: 18px; }
  1005. .home #et-featured-posts .post-meta { display: none; }
  1006. .home #additional-sidebar { display: none; }
  1007. .home #main-content:before { background-color: transparent; border-left: none; }
  1008. .home #main-content:after { background: none; }
  1009. .home #content { float: none; width: 318px; }
  1010. .home .review-post .et-description { margin-left: 0; }
  1011. .home .recent-reviews .review-rating { bottom: 11px; }
  1012. .home .et-main-image { display: none; }
  1013. .home .categories-tabs-module .et-description, .home .recent-module .et-description { margin: 0; }
  1014. .home .popular-tabs { display: none; }
  1015. .popular-posts { margin-left: 0; width: auto; }
  1016. #copyright { font-size: 13px; text-align: center; }
  1018. body.category .et-first, body.category .et-second { width: 240px; height: 117px; }
  1019. body.category .et-first .excerpt-wrap, body.category .et-second .excerpt-wrap { padding: 22px 49px 0 58px; }
  1020. body.category .et-first .post-description, body.category .et-second .post-description { bottom: 7px; left: 20px; }
  1021. body.category .et-first .post-description h2, body.category .et-second .post-description h2 { font-size: 18px; }
  1023. .header-banner { display: none; }
  1024. #logo { padding-top: 0; }
  1026. .et-third { padding-right: 0; margin-bottom: 4px; }
  1027. .featured-comments { left: 1px; }
  1029. h4.widgettitle { margin: 0 -39px 30px -41px; }
  1031. .et-description { margin-left: 0; }
  1033. #et_contact_right { width: 100% !important; margin-left: 0 !important; }
  1035. .et_pt_gallery_entry { margin-left: 43px !important; }
  1037. #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -39px !important; }
  1038. .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 16px !important; width: 228px !important; }
  1039. .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
  1040. .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
  1041. .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
  1043. #et_pt_portfolio_gallery { margin-left: -16px !important; }
  1045. .et_portfolio_small .et_pt_portfolio_item { width: 255px !important; margin-left: 0 !important; }
  1046. .et_portfolio_small .et_pt_portfolio_item.et_pt_portfolio_item { margin-left: -8px !important; width: 288px !important; }
  1048. #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 37px !important; }
  1050. .et_mobile_menu { left: -65px; }
  1052. .et-single-post-ad { display: none; }
  1053. }
  1054. #content p {
  1055. font-size:15px;
  1056. line-height:1.7em;
  1057. padding-bottom: 5px;
  1058. }
  1059. #latar
  1060. {
  1061. background-image:url('/wp-content/themes/Nexus/images/background.jpg');
  1062. background-repeat:no-repeat;
  1063. background-size:contain;
  1064. background-position:center;
  1065. }
comments powered by Disqus