Advertisement
Guest User

my css style sheet

a guest
Nov 16th, 2012
53
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: Lucid
  3. Theme URI: http://www.elegantthemes.com/gallery/
  4. Version: 1.0
  5. Description: 2 Column theme from Elegant Themes
  6. Author: Elegant Themes
  7. Author URI: http://www.elegantthemes.com
  8. */
  9.  
  10. /*------------------------------------------------*/
  11. /*-----------------[RESET]------------------------*/
  12. /*------------------------------------------------*/
  13.  
  14. /* http://meyerweb.com/eric/tools/css/reset/ */
  15. /* v1.0 | 20080212 */
  16.  
  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; }
  25.  
  26. body { line-height: 1; }
  27. ol, ul { list-style: none; }
  28. blockquote, q { quotes: none; }
  29.  
  30. blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
  31.  
  32. /* remember to define focus styles! */
  33. :focus { outline: 0; }
  34.  
  35. /* remember to highlight inserts somehow! */
  36. ins { text-decoration: none; }
  37. del { text-decoration: line-through; }
  38.  
  39. /* tables still need 'cellspacing="0"' in the markup */
  40. table { border-collapse: collapse; border-spacing: 0; }
  41. article, aside, footer, header, hgroup, nav, section { display: block; }
  42.  
  43. /*------------------------------------------------*/
  44. /*-----------------[BASIC STYLES]-----------------*/
  45. /*------------------------------------------------*/
  46.  
  47. body { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #4c4c4c; background-color: #ffffff; }
  48.  
  49. a { text-decoration: none; }
  50. a:hover { text-decoration: underline; }
  51. .clear { clear: both; }
  52. .ui-tabs-hide { display: none; }
  53. br.clear { margin: 0px; padding: 0px; }
  54.  
  55. h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; line-height: 1em; font-weight: normal; }
  56. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
  57. h1 { font-size: 30px; }
  58. h2 { font-size: 24px; }
  59. h3 { font-size: 22px; }
  60. h4 { font-size: 18px; }
  61. h5 { font-size: 16px; }
  62. h6 { font-size: 14px; }
  63. p { padding-bottom: 10px; line-height: 24px; }
  64. strong { font-weight: bold; color: #1c1c1c; }
  65. cite, em, i { font-style: italic; }
  66. pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
  67. ins { text-decoration: none; }
  68. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  69. sup { bottom: 0.8em; }
  70. sub { top: 0.3em; }
  71. dl { margin: 0 0 1.5em 0; }
  72. dl dt { font-weight: bold; }
  73. dd { margin-left: 1.5em;}
  74. blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
  75. blockquote p { padding-bottom: 0px; }
  76.  
  77. input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
  78. input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
  79. input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
  80. textarea { padding: 4px; }
  81.  
  82. img#about-image { float: left; margin: 3px 8px 8px 0px; }
  83.  
  84. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  85. * html .clearfix { zoom: 1; } /* IE6 */
  86. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  87.  
  88. /*------------------------------------------------*/
  89. /*---------------[MAIN LAYOUT INFO]---------------*/
  90. /*------------------------------------------------*/
  91.  
  92. #main-header { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 60px; }
  93. #main-header:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  94. .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
  95. #top-menu { border-right: 1px solid #e5e5e5; padding: 0 18px 0 23px; float: left; }
  96.  
  97. #top-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; padding: 22px 15px 23px; display: block; }
  98.  
  99. #top-menu > ul > li > a { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  100. #top-menu > ul > li > a:hover { color: #fff; background-color: #4b4b4b; text-shadow: -1px -1px 0 #000; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.9); box-shadow: inset 0 0 10px rgba(0,0,0,0.9); }
  101. #top-menu li.sfHover > a { color: #fff; text-shadow: none; }
  102. #top-menu ul > li.current-menu-item > a { font-weight: bold; }
  103.  
  104. #top-menu .main_text { color: #4b4b4b; }
  105.  
  106. #social-icons { float:left; border-left: 1px solid #fff; border-right: 1px solid #e5e5e5; padding: 23px 32px 19px; }
  107. #social-icons a { padding-left: 4px; }
  108. #search { float: left; border-left: 1px solid #fff; padding: 11px 32px 0 25px; }
  109. #search-form { height: 35px; border:1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; }
  110. #search-form #searchinput { background: none; border: none; float: left; margin: 9px 14px 0 7px; width: 108px; padding-left: 6px; font-size: 12px; color: #4b4b4b; font-weight: lighter; }
  111. #search-form #searchsubmit { margin-top: 12px; margin-right: 12px; }
  112. .container #logo-area { text-align: center; margin-bottom: 57px; }
  113. #secondary-menu { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; position: relative; }
  114. #secondary-menu:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; z-index: 1; }
  115. .container #second-menu { text-align: center; }
  116. #second-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; display: block; font-weight: lighter; }
  117. #second-menu > ul > li > a { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  118. #second-menu > ul > li > a:hover { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); box-shadow: inset 0 0 10px rgba(255,102,0,0.9); }
  119. #second-menu li.sfHover > a { color: #fff; text-shadow: none; }
  120. #second-menu .main_text { color: #4b4b4b; }
  121.  
  122. #second-menu ul > li.current-menu-item > a { font-weight: bold; }
  123. #main-area { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; padding-bottom: 60px; }
  124. #featured_section { margin: -59px 0 56px; }
  125. #featured { position:relative; }
  126. #switcher { border: 1px solid #e5e5e5; border-top: none; position: relative; background-color: #fff; }
  127. #switcher:before { content: ''; position: absolute; height: 7px; top: -8px; left: 0; background: url(images/top-shadow.png) no-repeat top center; width: 100%; }
  128. #switcher-container { position: relative; }
  129. #switcher-container:after { content: ''; position: absolute; height: 7px; bottom: -6px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  130. #switcher li { float: left; width: 318px; border-right: 1px solid #eeeeee; cursor: pointer; }
  131. #switcher .last { border-right: none; width: 320px; }
  132. #featured_section .active-slide .switcher-content, #featured_section .switcher_hover { background-color: #f9f9f9; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }
  133. #featured_section .switcher_hover, #featured_section .switcher_hover .post-meta, .et_tab_link_hover .post-meta { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  134. .switcher-content { padding: 41px 29px 24px 93px; position: relative; }
  135. span.post-meta { position: absolute; left: 29px; top: 34px; display: block; background: #4c4c4c; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; width: 45px; height: 45px; line-height: 36px; font-weight: lighter; font-size: 10px; text-transform: uppercase; }
  136. span.post-meta span { display: block; margin-top: -24px; font-weight: bold; font-size: 12px; }
  137.  
  138. #switcher h2 { font-weight: lighter; font-size: 20px; }
  139. #switcher .meta-info, .article .meta-info { font-family: 'Open Sans Condensed', Arial, sans-serif; font-size: 16px; color: #b8b8b8; margin-top: -5px; }
  140. #switcher .meta-info a, .article .meta-info a { color: #b8b8b8; text-decoration: none; }
  141. .article .meta-info a:hover { color: #949494; }
  142. .recent-category_widget { margin-bottom: 53px; }
  143. .recent-category { float: left; width: 300px; margin-right: 30px; position: relative; }
  144. #recent-categories .last { margin-right: 0; }
  145. h3.main-title { font-family: 'Open Sans Condensed', Arial, sans-serif; display: inline-block; font-size: 16px; text-transform: uppercase; color: #fff; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); margin-bottom: -1px; padding: 8px 11px; }
  146. a.more { position: absolute; font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat right 4px; text-decoration: none; top: 2px; right: 0px; padding-right: 14px; }
  147. a.more:hover { color: #111; }
  148. .category-box { border: 1px solid #e5e5e5; position: relative; }
  149. .category-box:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; }
  150. .category-box li { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 10px 10px 0; }
  151. .category-box .last { border-bottom: none; }
  152. .category-box .thumb { float: left; margin: 0 17px 5px 0; position: relative; line-height: 0; }
  153. .category-box .thumb:after { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.6); content: ''; left: 0; top: 0; width: 100%; height: 100%; }
  154. .category-box h3 { font-size: 16px; text-shadow: 1px 1px 0 #fff; }
  155. .category-box h3 a { text-decoration: none; color: #4c4c4c; }
  156. .category-box h3 a:hover { color: #111; }
  157. .category-box p.meta-info { font-weight: lighter; font-size: 14px; color: #b1b0b0; text-shadow: 1px 1px 0 #fff; margin-top: -5px; padding-bottom: 8px; }
  158. .category-box p.meta-info a { text-decoration: none; color: #b1b0b0; }
  159. .category-box p.meta-info a:hover { color: #111; }
  160. #left-area { float: left; width: 630px; margin-right: 30px; }
  161. #recent-videos { position: relative; margin-bottom: 56px; }
  162. #video-slider-section { position: relative; border: 1px solid #e5e5e5; }
  163. #video-slider-section:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  164. .video-slide { background-color: #fff; padding: 9px; line-height: 0; }
  165. #recent-articles { position: relative; margin-bottom: 30px; }
  166. #articles-content { border: 1px solid #e5e5e5; background-color: #fff; }
  167. #articles-content:before { content: ''; position: absolute; height: 8px; bottom: -7px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  168. .article { border-bottom: 1px solid #f7f7f7; padding: 10px; }
  169. .article .last { border-bottom: none; }
  170. .article .thumb { float: left; margin-right: 28px; position: relative; line-height: 0; }
  171. .article .thumb .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; }
  172. .article h4 { padding-top: 20px; font-size: 24px; font-weight: lighter; }
  173. .article h4 a { text-decoration: none; color: #4c4c4c; }
  174. .article h4 a:hover, #tab-controls li a:hover, .widget li a:hover, .footer-widget li a:hover, #bottom-menu a:hover, .post h2.title a:hover { color: #b8b8b8; }
  175. .article p { margin-top: -7px; }
  176.  
  177. #main-area { padding-top: 58px; }
  178. .entry { border: 1px solid #e5e5e5; background-color: #fff; position: relative; margin-bottom: 30px; }
  179. .entry:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  180. .entry .meta-info { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: none; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 #fff; font-weight: lighter; padding: 19px 28px; }
  181. .entry .meta-info a { text-decoration: none; color: #888888; }
  182. .entry .post-thumbnail { position: relative; line-height: 0; }
  183. .entry .post-thumbnail .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; }
  184. .entry h2.title, h1.title { font-size: 30px; font-weight: lighter; color: #4c4c4c; }
  185. .entry h2.title a { text-decoration: none; color: #4c4c4c; }
  186. .entry h2.title a:hover { color: #111; }
  187.  
  188. .post_content { padding: 36px 15px 30px 44px; }
  189. .post_content a.more { position: relative; top: 0; padding-right: 14px; float: right; }
  190.  
  191. .category-box .recent_even { background: #fff; }
  192.  
  193. #video-slider-section { background: #fff; padding: 9px; }
  194. #video-content .flex-control-nav { display: none; }
  195.  
  196. article.post ul, .comment-content ul, article.page ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
  197. article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
  198. .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0px 2px 20px; }
  199. .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol { padding: 2px 0px 2px 35px; }
  200.  
  201. article.post p, .comment-content p, article.page p { padding-bottom: 17px; }
  202.  
  203. #breadcrumbs { background: #fff; border: 1px solid #e5e5e5; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; position: relative; margin-bottom: 27px; color: #b8b8b8; font-size: 13px; padding: 11px 1px; }
  204. #breadcrumbs a { display: inline-block; padding: 11px 6px 13px 12px; background: #f9f9f9; color: #4c4c4c; text-shadow: 1px 1px 0 #fff; }
  205. #breadcrumbs a:hover { color: #111; text-decoration: none; }
  206.  
  207. #breadcrumbs a, span.raquo { float: left; margin: -11px 0; }
  208. span.raquo { background: url(images/breadcrumbs_arrow_gray.png) no-repeat; display: inline-block; text-indent: -9999px; width: 11px; height: 38px; }
  209. #breadcrumbs .breadcrumbs_home { background-image: url(images/breadcrumbs_home.png); background-repeat: no-repeat; background-position: 18px 11px; padding-left: 40px; }
  210. span.raquo:last-child { background-image: url(images/breadcrumbs_arrow.png); margin-right: 10px; }
  211.  
  212. /*------------------------------------------------*/
  213. /*---------------[DROPDOWN MENU]------------------*/
  214. /*------------------------------------------------*/
  215.  
  216. ul.nav li ul { width: 250px !important; background: #4b4b4b; top: 59px !important; left: 0 !important; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); z-index: 9999; display: none; }
  217. ul.nav ul li { margin: 0 !important; padding: 0 !important; }
  218. #top-menu ul ul li a, #second-menu ul ul li a { padding: 20px 5px 20px 40px !important; width: 250px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.8); background: url(images/top_menu_bullet.png) no-repeat 22px 23px; border-top: 1px solid #575757; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  219. #second-menu ul ul li a { text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
  220. #top-menu ul ul li:first-child a, #second-menu ul ul li:first-child a { border-top: none !important; }
  221. #top-menu ul ul li a:hover, #second-menu ul ul li a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #575757; color: #fff !important; padding-left: 45px !important; }
  222.  
  223. ul.nav ul li a:hover { color: #c6c6c6 !important; }
  224.  
  225. ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -1px !important; left: 250px !important; border-top: 1px solid #f0f0f0; }
  226.  
  227. #second-menu ul.nav li ul { top: 58px !important; text-align: left; }
  228.  
  229. #second-menu ul.nav li:hover ul ul, #second-menu ul.nav li.sfHover ul ul { top: -1px !important; }
  230.  
  231. ul.nav > li > a { overflow: hidden; height: 59px; }
  232. #top-menu a { padding: 0; }
  233. span.menu_slide, span.main_text { display: block; padding: 22px 15px 23px; position: relative; }
  234. span.menu_slide { display: none; }
  235.  
  236. #second-menu > ul.nav { float: left; }
  237.  
  238. .js #top-menu > ul.nav, .js #second-menu > ul.nav { visibility: hidden; }
  239.  
  240.  
  241. .mobile_nav { display: none; position: relative; padding: 15px 22px 11px 46px; }
  242. .mobile_nav:hover { color: #eee; text-decoration: none; }
  243. .mobile_nav > span { display: block; width: 15px; height: 10px; background: url(images/responsive_arrow.png) no-repeat; position: absolute; top: 26px; right: 14px; -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; }
  244. .mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  245. .et_mobile_menu { position: absolute; top: 60px !important; left: -79px; z-index: 1000; display: none; text-align: left; background: #f9f9f9; border: 1px solid #e5e5e5; border-top: none; }
  246. #mobile_menu { width: 280px !important; }
  247. .et_mobile_menu li { padding-left: 0 !important; }
  248. .et_mobile_menu ul { display: block !important; visibility: visible !important; }
  249.  
  250. .et_mobile_menu li.current-menu-item > a, .et_mobile_menu a:hover { color: #111; text-decoration: none; }
  251. .et_mobile_menu a { display: block; padding-left: 9px !important; background-position: 0 17px; color: #4c4c4c; width: 233px; text-shadow: 1px 1px 0 #fff; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }
  252. .et_mobile_menu li a { padding: 15px 7px 13px 40px !important; background-repeat: no-repeat; background-position: 23px 17px; }
  253. .mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }
  254.  
  255. #second-menu .mobile_nav, #category_mobile_menu li a { color: #48423f; text-shadow: 1px 1px 0 #fff; }
  256. #category_mobile_menu li a:hover, #category_mobile_menu li.current-menu-item > a { color: #919e9e; }
  257. #category_mobile_menu { top: 46px !important; left: -56px; }
  258. #category_mobile_menu li a { float: left; }
  259. #second-menu .mobile_nav:before, #second-menu .mobile_nav:after { background-image: url(../images/secondary-menu-bg.png); }
  260.  
  261. .et_mobile_menu span.main_text { padding: 0; }
  262.  
  263. /*------------------------------------------------*/
  264. /*--------------[FEATURED SLIDER]-----------------*/
  265. /*------------------------------------------------*/
  266.  
  267. /* Browser Resets */
  268. .flex-container a:active,
  269. .flexslider a:active {outline: none;}
  270. .slides,
  271. .flex-control-nav,
  272. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  273.  
  274. /* FlexSlider Necessary Styles
  275. *********************************/
  276. .flexslider {width: 100%; margin: 0; padding: 0;}
  277. .flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
  278. img { max-width: 100%; height: auto; }
  279. .flexslider img { display: block; width: auto; }
  280.  
  281. /* Clearfix for the .slides element */
  282. .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  283. html[xmlns] .slides {display: block;}
  284. * html .slides {height: 1%;}
  285.  
  286. /* No JavaScript Fallback */
  287. /* If you are not using another script, such as Modernizr, make sure you
  288. * include js that eliminates this class on page load */
  289. .no-js .slides > li:first-child {display: block;}
  290.  
  291. /* FlexSlider Default Theme
  292. *********************************/
  293. .flexslider {position: relative; zoom: 1;}
  294. .flexslider .slides {zoom: 1;}
  295. .flexslider .slides > li {position: relative;}
  296. /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  297. .flex-container {zoom: 1; position: relative;}
  298.  
  299. #featured .flex-direction-nav a, #video-slider-section .flex-direction-nav a { position: absolute; text-indent: -9999px; top: 50%; margin-top: -30px; width: 60px; height: 60px; display: block; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); display: none; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
  300. #featured .flex-direction-nav a.prev, #video-slider-section .flex-direction-nav a.prev { left: 0; background: #fff url(images/left-arrow.png) no-repeat 21px center; }
  301. #featured .flex-direction-nav a.next, #video-slider-section .flex-direction-nav a.next { right: 0; background: #fff url(images/right-arrow.png) no-repeat 25px center; }
  302. #featured .flex-direction-nav a:hover, #video-slider-section .flex-direction-nav a:hover { -ms-transform: scale(1.4); -o-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); }
  303. #featured .flex-direction-nav a.prev:hover, #video-slider-section .flex-direction-nav a.prev:hover { background-image: url(images/left-arrow_hover.png); }
  304. #featured .flex-direction-nav a.next:hover, #video-slider-section .flex-direction-nav a.next:hover { background-image: url(images/right-arrow_hover.png); }
  305. #featured .flex-control-nav { display: none; }
  306.  
  307. #featured .overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.3); box-shadow: inset 0 0 15px rgba(0,0,0,0.3); }
  308.  
  309. #video-switcher { background: #f9f9f9; margin: 10px -9px -9px; border-top: 1px solid #e5e5e5; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; }
  310. #video-switcher li { float: left; padding: 9px; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; }
  311. #video-switcher img { display: block; }
  312.  
  313. .video_image { position: relative; }
  314. .video_image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); box-shadow: inset 0 0 3px rgba(0,0,0,0.7); }
  315.  
  316. #video-switcher .active_video { background: #fff; margin-top: -1px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 10px; }
  317. #video-switcher li.active_video:first-child { border-left: 1px solid transparent; }
  318. #video-switcher li.active_video:last-child { border-right: 1px solid transparent; padding-right: 13px; }
  319.  
  320. .et_video_play { position: absolute; top: 50%; left: 50%; margin-top: -19px; margin-left: -18px; width: 36px; height: 36px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); background-image: url(images/video_play_arrow.png); background-repeat: no-repeat; background-position: center; display: none; }
  321.  
  322. /*------------------------------------------------*/
  323. /*-------------------[COMMENTS]-------------------*/
  324. /*------------------------------------------------*/
  325.  
  326. #comment-wrap { padding-top: 20px; }
  327.  
  328. #comments, #reply-title { padding-top: 0; padding-bottom: 30px; font-weight: lighter; }
  329. #reply-title { padding-top: 22px; font-size: 30px; }
  330. .comment-body { margin-bottom: 30px; border: 1px solid #e5e5e5; background-color: #fff; }
  331. .comment_postinfo { background-color: #f9f9f9; border: 1px solid white; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 white; font-weight: lighter; padding-top: 25px; position: relative; overflow: hidden; }
  332. .comment_avatar { float: left; margin: -10px 18px 10px 10px; position: relative; line-height: 0; }
  333. .comment_avatar:before { position: absolute; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); box-shadow: inset 0 0 7px rgba(0,0,0,0.3); top: 0; left: 0; width: 100%; height: 100%; content: ''; }
  334. .fn, .fn a { color: #898989; font-weight: lighter; }
  335. .fn a:hover { color: #111; text-decoration: none; }
  336. .comment_date, .comment-edit-link { color: #b8b8b8; }
  337. .comment_date { margin-left: 3px; }
  338. .comment_area { padding: 32px 35px; }
  339. .comment-reply-link { font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff;
  340. background: url(images/more-arrow.png) no-repeat 42px 4px; text-decoration: none; position: relative; top: 0; padding-right: 16px; float: right; }
  341. .comment-reply-link:hover { text-decoration: none; color: #111; }
  342. .children { padding-left: 60px; }
  343. .form-submit { text-align: right; }
  344.  
  345. #commentform input[type="text"] { width: 40%; }
  346. #commentform textarea { width: 94%; }
  347. #commentform textarea, #commentform input[type="text"] { border: 1px solid #e5e5e5; padding: 12px; color: #4c4c4c; font-size: 16px; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); }
  348. #commentform #submit { font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat center right; text-decoration: none; padding-right: 16px; border: none !important; }
  349.  
  350. #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; }
  351.  
  352. .comment #respond { margin: -20px 0 15px; }
  353.  
  354. /*------------------------------------------------*/
  355. /*---------------------[FOOTER]-------------------*/
  356. /*------------------------------------------------*/
  357.  
  358. #main-footer { border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 30px; }
  359. #main-footer:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  360. #footer-divider { border-top: 1px solid #eeeeee; position: absolute; top: 62px; width: 100%; left: 0; }
  361. #footer-divider:before { background: url(images/shadow.png) no-repeat top center; position: absolute; top: -1px; left: 0; width: 100%; height: 7px; content: ''; }
  362. .footer-widget { float: left; border-left: 1px solid #f3f3f3; padding: 24px 20px 27px 40px; width: 258px; }
  363. .footer-widget.last { border-right: 1px solid #f3f3f3; }
  364. .footer-widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; padding-bottom: 53px; }
  365. .footer-widget li { padding: 0px 40px 28px 12px; font-size: 16px; }
  366. .footer-widget li a { text-decoration: none; color: #4c4c4c; }
  367. .footer-widget p { line-height: 28px; }
  368. #bottom-advertisment { border-top: 1px solid #eee; }
  369. #bottom-advertisment .container { text-align: center; margin-bottom: 60px; padding-top: 58px; }
  370. #bottom-menu { float: left }
  371. #bottom-menu li { display: inline-block; }
  372. #bottom-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; padding: 0 15px; display: block; }
  373. #bottom-menu .active { font-weight: bold; }
  374. p#copyright { float: right; font-size:12px; color:#4b4b4b; margin-top: -4px; }
  375. p#copyright a { color:#4b4b4b; font-weight: bold; }
  376. #footer-bottom .container { padding-bottom: 16px; }
  377.  
  378. /*------------------------------------------------*/
  379. /*--------------------[SIDEBAR]-------------------*/
  380. /*------------------------------------------------*/
  381.  
  382. #sidebar { float: left; width: 300px; }
  383. .widget { border: 1px solid #e5e5e5; background-color: #fff; position: relative; margin-bottom: 30px; padding: 24px 24px 0; }
  384. .widget:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; }
  385. #tab-controls { border: 1px solid #fff; border-bottom: none; background-color: #f9f9f9; margin: -24px -24px 0; }
  386. #tab-controls li { float: left; width: 97px; text-shadow: 1px 1px 0 #fff; text-align: center; border-right: 1px solid #e5e5e5; border-left: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 0; background: none; margin-bottom: -1px; }
  387. #tab-controls a { padding: 21px 0; }
  388. #tab-controls .first { border-left: none; }
  389. #tab-controls .last { border-right: none; }
  390. #tab-controls .active { background-color: #fff !important; border-bottom: none; }
  391. #tab-controls li a { text-decoration: none; color: #4c4c4c; display: block; }
  392. #all-tabs li { position: relative; border-bottom: 1px solid #f7f7f7; margin: 0 -24px; }
  393. #all-tabs .last { border-bottom: none; }
  394. #all-tabs span.post-meta { left: 23px; top: 13px; font-size: 10px; text-transform: uppercase; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; width: 35px; height: 35px; line-height: 26px; }
  395. #all-tabs span.post-meta span { margin-top: -16px; }
  396. #all-tabs h4 { color: #4c4c4c; font-size: 16px; padding: 16px 20px 0 70px; }
  397. #all-tabs p.meta-info { padding: 0 0 6px 70px; font-size: 12px; color: #b1b0b0; margin-top: -3px; }
  398. #all-tabs p.meta-info a { color: #b1b0b0; text-decoration: none; }
  399. #all-tabs p.meta-info a:hover { color: #949494; }
  400. .widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; background-color: #f9f9f9; margin: -24px -24px 0; padding: 21px; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }
  401. .widget > ul { margin: 0 -24px; }
  402. .widget li { border-bottom: 1px solid #f7f7f7; font-size: 16px;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  403. #tabbed li { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
  404. .widget li a { text-decoration: none; color: #4c4c4c; padding: 20px 40px; display: block; }
  405. .widget li:hover { background-color: #f9f9f9; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; }
  406. #tabbed li:hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  407. .widget li:hover a { color: #4c4c4c; }
  408. #all-tabs ul { margin: 0; }
  409. #all-tabs li { padding: 0; }
  410. #all-tabs a { display: inline; padding: 0; }
  411.  
  412. #video-content .slides li { width: auto; }
  413.  
  414. body.home #sidebar { padding-top: 33px; }
  415.  
  416. /*------------------------------------------------*/
  417. /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
  418. /*------------------------------------------------*/
  419.  
  420. div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  421. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
  422. .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
  423. .wp-caption.alignright { margin: 0px 0px 10px 10px; }
  424. .wp-caption img { margin: 0; padding: 0; border: 0 none; }
  425. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  426. .alignright { float: right; }
  427. .alignleft { float: left }
  428. img.alignleft { display:inline; float:left; margin-right:15px; }
  429. img.alignright { display:inline; float:right; margin-left:15px; }
  430.  
  431.  
  432. /*------------------------------------------------*/
  433. /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
  434. /*------------------------------------------------*/
  435.  
  436. .nav ul { position:absolute; top:-999em; z-index: 9999; }
  437. .nav li { position: relative; float: left; }
  438. .nav ul li { float:left; }
  439. .nav ul a { display:block; float: left; }
  440. .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 0; }
  441. .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }
  442.  
  443. .nav li li { display: block; padding: 0px; float: left; height: auto !important; }
  444. .nav li ul { width: 150px; z-index:1000; }
  445. .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
  446. .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  447.  
  448. .nav li li:hover ul, ul.nav li li.sfHover ul { left: 0; top: 20px; }
  449.  
  450. /*------------------------------------------------*/
  451. /*-----------------[WP CALENDAR]-----------------*/
  452. /*------------------------------------------------*/
  453. #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
  454. #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
  455. #wp-calendar a:hover { text-decoration: underline; }
  456. #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  457. #wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
  458. #wp-calendar td#today { color: #ffffff; }
  459. #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
  460. #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  461. #wp-calendar #next a { padding-right: 10px; text-align: right; }
  462. #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  463.  
  464. /*------------------------------------------------*/
  465. /*-------------------[PAGE NAVI]------------------*/
  466. /*------------------------------------------------*/
  467. .pagination { overflow: hidden; padding: 20px 0; }
  468.  
  469. #left-area .wp-pagenavi { text-align: right; text-shadow: 1px 1px 0 #fff; font-size: 13px; color: #4c4c4c; padding-top: 7px; }
  470. #left-area .wp-pagenavi span, #left-area .wp-pagenavi a { border-color: #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; padding: 11px 14px; display: inline-block; }
  471. #left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #fff; }
  472. #left-area .wp-pagenavi .pages { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; background: none; }
  473.  
  474. a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; }
  475.  
  476. .foursixeight { margin: 0px 0px 15px 84px;}
  477.  
  478. body.et_left_sidebar #left-area { float: right; margin-left: 30px; margin-right: 0; }
  479.  
  480. #all-tabs > div { display: none; }
  481. #all-tabs > div:first-child { display: block; }
  482.  
  483. .container .header_banner { text-align: left !important; }
  484. .container .header_banner #logo { float: left; }
  485. .container .header_banner #top_banner { float: right; margin-top: 20px; }
  486.  
  487. .f_widget { margin-bottom: 15px; }
  488.  
  489. .fullwidth .post_content { padding-right: 40px; }
  490. .fullwidth #left-area { width: auto !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; }
  491.  
  492. .sitemap-col ul { list-style: none outside none !important; padding-left: 0 !important; }
  493.  
  494. .et_embedded_videos { display: none; }
  495.  
  496. #et_pt_gallery { margin-right: -29px !important; }
  497. .et_pt_gallery_entry { margin-left: 18px !important; }
  498.  
  499. #et_pt_portfolio_gallery { margin-right: -20px !important; }
  500. .et_pt_portfolio_item { margin-left: 49px !important; }
  501. .et_portfolio_small .et_pt_portfolio_item { margin-left: 34px !important; }
  502. .et_portfolio_large .et_pt_portfolio_item { margin-left: 53px !important; width: 430px !important; }
  503.  
  504. #sidebar .widget_recent_comments li { padding: 15px 20px; background: none !important; }
  505.  
  506. @media only screen and ( max-width: 960px ) {
  507. #et-search, p#et-search-title, p#et-search-title span { background: none !important; }
  508. #et-search { width: auto !important; height: auto !important; }
  509. #et-search-inner { padding: 0 !important; }
  510. #et-search-right { float: none !important; clear: both; text-align: left !important; }
  511. #et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
  512. p#et-search-title { margin-bottom: 2px !important; }
  513. p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
  514. #et-searchinput { width: auto !important; }
  515. p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
  516. #et-search-left { float: none !important; width: 100% !important; }
  517. }
  518.  
  519. @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
  520. .container { width: 728px; }
  521. #search, .category-box p.meta-info, #all-tabs p.meta-info { display: none; }
  522. #top-menu { padding-right: 8px; }
  523. #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  524. .switcher-content { padding-right: 20px; }
  525. #switcher li { width: 241px!important; }
  526. .switcher-content { padding: 32px 22px 22px 87px; }
  527. span.post-meta { left: 22px; }
  528. .recent-category { width: 222px; }
  529. h3.main-title { font-size: 14px; }
  530. .category-box .thumb { margin-bottom: 11px; }
  531. .category-box h3 { font-size: 14px; }
  532. #left-area { width: 476px; }
  533. #video-switcher li { width: 98px; }
  534. .article h4 { padding-top: 5px; }
  535. .article p { margin-top: -10px; }
  536. .post .meta-info { font-size: 13px; }
  537. #sidebar { width: 222px; }
  538. #tab-controls li { width: 71px; }
  539. #tab-controls li a { font-size: 12px; }
  540. #all-tabs h4 { font-size: 14px; padding-bottom: 16px; }
  541. .widget li a { padding-right: 30px; }
  542. .footer-widget { width: 191px; padding-left: 30px; }
  543. .footer-widget li { padding-right: 25px; }
  544. #bottom-menu, p#copyright { float: none; text-align: center; }
  545. #bottom-menu { margin-bottom: 40px; }
  546. p#copyright { margin-bottom: 25px; }
  547. #video-switcher li.active_video:last-child { padding-right: 11px; }
  548.  
  549. #et_pt_portfolio_gallery { margin-left: -35px !important; }
  550. .et_pt_portfolio_item { margin-left: 13px !important; width: 219px !important; }
  551. .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
  552. .et_portfolio_more_icon { left: 65px !important; }
  553. .et_portfolio_zoom_icon { left: 106px !important; }
  554.  
  555. #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
  556. #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 128px !important; }
  557. #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; }
  558. #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
  559. #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
  560.  
  561. #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
  562. #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 348px !important; }
  563. #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; }
  564. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
  565. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
  566. }
  567.  
  568. @media only screen and ( max-width: 767px ) {
  569. .container { width: 440px; }
  570. #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer { display: none; }
  571. #social-icons { float: right; }
  572. #search { border-left: none; float: left; border-right: 1px solid #e5e5e5; padding: 11px 15px 11px 0; }
  573. #featured_section { margin-bottom: 30px; }
  574. #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  575. #switcher li { width: 145px!important; }
  576. .switcher-content { padding: 25px 20px 24px 28px; }
  577. #switcher h2, .category-box h3 { font-size: 14px; }
  578. #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; }
  579. .recent-category { float: none; margin-right: 0; width: 440px; }
  580. .category-box:after { background: url(images/shadow3.png) no-repeat center top; }
  581. h3.main-title, .article .meta-info, .article p { font-size: 14px; }
  582. .category-box p.meta-info { font-size: 12px; }
  583. #left-area { width: 440px; }
  584. #video-switcher li { width: 89px; }
  585. .article h4 { padding-top: 5px; font-size: 20px; }
  586. .article p { margin-top: -10px; }
  587. .post .meta-info { font-size: 13px; }
  588. p#copyright { float: none; text-align: center; margin: 30px 0; }
  589.  
  590. .mobile_nav { display: block; }
  591.  
  592. #main-header .mobile_nav { border-left: 1px solid #fff; position: absolute; top: 0; left: 180px; padding: 23px 39px 21px 18px; border-right: 1px solid #E5E5E5; font-size: 14px; color: #4b4b4b; text-shadow: 1px 1px 0 #fff; }
  593.  
  594. #main-header #mobile_menu li:first-child a { border-top: none; }
  595.  
  596. #secondary-menu .container { text-align: center; }
  597. #secondary-menu .mobile_nav { display: inline-block; padding: 22px 28px 22px 0; color: #4b4b4b; font-size: 14px; }
  598. #secondary-menu .mobile_nav > span { top: 25px; right: 2px; }
  599. #category_mobile_menu { background-color: #fff; top: 58px !important; left: -73px; }
  600.  
  601. #video-switcher li.active_video:last-child { padding-right: 11px; }
  602.  
  603. #et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; }
  604. .et_pt_gallery_entry { margin-left: 4px !important; }
  605.  
  606. #et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; }
  607.  
  608. .sitemap-col { float: none !important; width: auto !important; }
  609.  
  610. .et_pt_portfolio_item { margin-left: 103px !important; }
  611.  
  612. .et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; }
  613. .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
  614. .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
  615. .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
  616. .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
  617.  
  618. #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
  619. #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
  620. #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; }
  621. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
  622. #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
  623. }
  624.  
  625. @media only screen and ( max-width: 479px ) {
  626. .container { width: 280px; }
  627. #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer, #social-icons, #search, #switcher-container, #video-switcher, .article .thumb, .post .meta-info { display: none; }
  628. #featured_section { margin-bottom: 30px; }
  629. .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  630. #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; }
  631. .recent-category { float: none; margin-right: 0; width: 280px; }
  632. h3.main-title { font-size: 14px; }
  633. .category-box p.meta-info { font-size: 12px; }
  634. #left-area { width: 280px; }
  635. .article { padding: 22px 22px 22px 32px; }
  636. .article h4 { padding-top: 5px; font-size: 20px; padding-bottom: 20px; }
  637. .article p, .article .meta-info { font-size: 16px; }
  638. .article p { margin-top: -10px; }
  639. .post h2.title { font-size: 24px; }
  640. p#copyright { float: none; text-align: center; margin: 30px 0; }
  641.  
  642. .children { padding-left: 0; }
  643.  
  644. #main-header .container { text-align: center; }
  645. #main-header .mobile_nav { position: relative; left: 0; display: inline-block; border: none; }
  646. .et_mobile_menu { left: -72px; }
  647.  
  648. #category_mobile_menu { left: -70px; }
  649.  
  650. .et_pt_gallery_entry { margin-left: 36px !important; }
  651.  
  652. p.et-registration { margin-top: 35px !important; }
  653. .et-protected-form { padding: 0 !important; background: none !important; }
  654. .et-protected { width: auto !important; }
  655.  
  656. #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -19px !important; }
  657. .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
  658. .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; }
  659. .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
  660. .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
  661.  
  662. .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: -15px !important; }
  663.  
  664. .et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; }
  665. }
Advertisement
RAW Paste Data Copied
Advertisement