/*----------------------------------------------------------------------------------- Theme Name: Total Version: 1.53 Description: Premium WordPress theme by WPExplorer Author: WPExplorer Theme URI: URI: http://www.wpexplorer.com Author URI: URI: http://www.wpexplorer.com Tags: light, fluid-layout, custom-header, custom-background, threaded-comments, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready License: Custom License URI: URI: http://themeforest.net/licenses /*-------------------------------------------------------------- >>> TABLE OF CONTENTS ---------------------------------------------------------------- 1.0 - Browser Reset 2.0 - Responsive Grid 3.0 - Main Layout & Widths 3.1 - Boxed Layout 4.0 - Body, Main & Commons 4.1 - Hover Animations 4.2 - Overlays 5.0 - Forms & Buttons 5.1 - Color Buttons 6.0 - Typography 7.0 - Top Toggle 8.0 - Top Bar 9.0 - SuperFish Core Styles 10.0 - Main Header Style 10.1 - Header Style One 10.2 - Header Style Two 10.3 - Header Style Three 10.4 - Overlay/Fixed Header Style 11.0 - Page Header / Title 12.0 - Breadcrumbs 13.0 - LayerSlider & Revolution Tweaks 14.0 - FlexSlider 15.0 - Portfolio 16.0 - Staff 17.0 - Testimonials 18.0 - Blog General Styles 18.1 - Blog Entry: Full-Width 18.2 - Blog Entry: Thumbnail 18.3 - Blog Entry: Grid 19.0 - Single Blog Posts 20.0 - Other Custom Post Types 21.0 - Social Sharing 22.0 - WP Gallery 23.0 - Pagination 24.0 - Single Post Next/Prev 25.0 - Sidebar 26.0 - Widgets 27.0 - Footer Callout 28.0 - Footer & Footer Widgets 28.1 - Footer Reveal 29.0 - Search 30.0 - Contact Form 7 32.0 - Login Form 33.0 - Archives 34.0 - Comments 35.0 - iLightbox Main 36.0 - Tipsy Tooltips 37.0 - Isotope 38.0 - Print Styles /*-------------------------------------------------------------- 1.0 - Browser Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ line-height: 1; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote, q { quotes: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } img{ max-width:100%; height:auto; } select{ max-width:100% } /*-------------------------------------------------------------- 2.0 - Responsive Grid --------------------------------------------------------------*/ /*column class*/ .col:after, .clr:after, .group:after, dl:after, .vc-empty-shortcode-element:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .col { display: block; float: left; margin: 0 0 20px 1.6%; } /*percent grid*/ .span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%} /*columns without margin*/ .one-half, .one-third, .one-fourth, .one-fifth { display: block; float: left; } .one-half { width: 50% } .one-third { width: 33.3333% } .one-fourth { width: 25% } .one-fifth { width: 20% } .one-sixth { width: 16.6666% } /*clear float and remove left margin*/ .clr-margin { margin-left: 0 } .count-1 { clear: both; margin-left: 0; } .col-1, .col.first { clear: both; margin-left: 0; } /*custom floats*/ .float-left { float: left } .float-right { float: right } /*roundedness*/ .rounded, .vcex-rounded-images img, .vcex-rounded-images .vcex-img-hover-parent { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /*NEW RESPONSIVE GRID - Since version 1.3*/ #wrap .wpex-row { margin: 0 -10px !important } #wrap .wpex-row .col { margin: 0 0 20px; padding: 0 10px; } #wrap .wpex-row .span_1_of_2 { width: 49.9% } #wrap .wpex-row .span_1_of_3 { width: 33.29% } #wrap .wpex-row .span_1_of_4 { width: 24.9% } #wrap .wpex-row .span_1_of_5 { width: 19.9% } #wrap .wpex-row .span_1_of_6 { width: 16.59% } /*no margins grid*/ body #wrap .wpex-row.vcex-no-margin-grid { margin-left: 0 } body #wrap .wpex-row.vcex-no-margin-grid .col { margin: 0 !important; padding: 0 !important; } body #wrap .wpex-row.vcex-no-margin-grid .span_1_of_2 { width: 50% } body #wrap .wpex-row.vcex-no-margin-grid .span_1_of_3 { width: 33% } body #wrap .wpex-row.vcex-no-margin-grid .span_1_of_4 { width: 25% } body #wrap .wpex-row.vcex-no-margin-grid .span_1_of_5 { width: 20% } body #wrap .wpex-row.vcex-no-margin-grid .span_1_of_6 { width: 16.59% } /*firefox float fix*/ .span_1_of_1.col { float: none } /*-------------------------------------------------------------- 3.0 - Main Layout & Widths --------------------------------------------------------------*/ .container, .vc_row-fluid.container { width: 980px; } .container { margin: 0 auto } .full-width-main-layout .center-row-inner { margin: 0 -15px } .content-area { width: 680px; float: left; position: relative; } .content-area.full-width { width: 100% !important } #sidebar { width: 250px; float: right; } #content-wrap.full-width .content-area { width: 100% !important; float: none; } #content-wrap.full-screen { width: 100% !important } #content-wrap.full-screen .content-area { float: none; width: 100% !important; padding: 0; } #content-wrap.left-sidebar .content-area { float: right } #content-wrap.left-sidebar #sidebar { float: left } /*#content-wrap.right-sidebar, #content-wrap.left-sidebar { padding-bottom: 20px }*/ #content-wrap.right-sidebar .vc_row-fluid.container, #content-wrap.left-sidebar .vc_row-fluid.container, #content-wrap.right-sidebar .vcex-testimonials-fullslider-entry, #content-wrap.left-sidebar .vcex-testimonials-fullslider-entry { width: 100% !important } /*-------------------------------------------------------------- 3.1 - Boxed Layout --------------------------------------------------------------*/ /*main*/ .boxed-main-layout #outer-wrap { padding: 40px 30px; } .boxed-main-layout { background-color: #ddd } .boxed-main-layout #wrap { max-width: 100%; width: 1030px; margin: 0 auto; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); background: #fff; } .boxed-main-layout #wrap .container { width: auto !important; padding-left: 30px; padding-right: 30px; } .boxed-main-layout #content-wrap.full-screen { padding-left: 0 !important; padding-right: 0 !important; } .boxed-main-layout .social-share-buttons.position-vertical { left: -85px } .boxed-main-layout .left-sidebar .social-share-buttons.position-vertical { left: auto; right: -85px; } /*fixed header*/ @media only screen and (min-width: 959px) { .boxed-main-layout .is-sticky #site-header, .boxed-main-layout .is-sticky .fixed-nav { width: 1030px !important } } /*move absolute items*/ .boxed-main-layout .navbar-style-one, .boxed-main-layout #footer-bottom-menu, .boxed-main-layout .site-breadcrumbs { right: 30px } /*-------------------------------------------------------------- 4.0 - Body, Main & Commons --------------------------------------------------------------*/ /*body*/ body { background: #fff; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #666; } #main { background: #fff; } body a { color: #0081cc } body a:hover { text-decoration: underline } body.full-width-main-layout #wrap { overflow-x: hidden } #primary { padding-bottom: 40px } img { max-width: 100%; height: auto; } .stretch-image img, img.stretch-image { display: block; width: 100%; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } .entry iframe, .entry embed { max-width: 100% } body.theme-base .entry strong { color: #444 } .no-padding { padding: 0 !important } /*opacity hover class*/ .opacity-hover:hover, .opacity-hover:hover img { opacity: 0.8 } /*theme headings*/ .theme-heading { height: auto; margin: 20px auto; top: auto !important; font-size: 14px; font-weight: bold; font-weight: 600; color: #000; margin: 40px 0 15px; background: url("images/visual-composer/dot.png") center repeat-x; } .theme-heading span { background: #fff; padding-right: 15px; } /*404 error page*/ .error404-content { text-align: center; margin: 50px 0; font-weight: bold; font-weight: 600; color: #bcbcbc; font-size: 14px; } .error404-content h1 { font-size: 42px; margin: 0 0 10px; } /*back to top arrow*/ #site-scroll-top { display: none; position: fixed; right: 40px; bottom: 80px; color: #898989; height: 41px; line-height: 35px; width: 41px; font-size: 16px; border-radius: 35px; background: #f7f7f7; border: 3px solid #fff; text-align: center; z-index: 999; } #site-scroll-top:hover { text-decoration: none; color: #fff; background-color: #3b86b0; border-color: #3b86b0; } /*hide responsive toggles*/ #mobile-menu, #mobile-menu-full, .sidr, .mobile-searchform, #mobile-menu-search { display: none } /*hide overflow on self hosted audio*/ .mejs-controls { overflow: hidden } /*responsive videos*/ .responsive-video-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video-wrap iframe, .responsive-video-wrap oject, .responsive-video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry .entry-video { margin-bottom: 20px } .wpb_video_widget .responsive-video-wrap { padding-top: 0; padding-bottom: 0; } /*lean modal windows*/ #lean_overlay { position: fixed; z-index: 10002; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } /*custom selects*/ .theme-select { font-size: 12px; background: #fff url("images/base/select-arrow.png") right center no-repeat; border: 1px solid #ddd; color: #555; height: 30px; line-height: 30px; padding: 0 9px; width: 100%; } .theme-select.customSelectHover { border-color: #c7c7c7; background-color: #f5f5f5; } .theme-select.customSelectFocus { border-color: Orange } .theme-select.customSelectOpen { border-color: OliveDrab } .theme-select.customSelectChanged { -webkit-animation: changed 0.5s; -moz-animation: changed 0.5s; -ms-animation: changed 0.5s; animation: changed 0.5s; } /*hide things with opacity*/ .hide-via-opacity { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } /*password protection*/ .password-protection-box { margin-bottom: 40px } .password-protection-box h2 { font-size: 14px; margin: 0; } .password-protection-box input { height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; } .password-protection-box input[type="password"] { padding-left: 20px; padding-right: 20px; } .password-protection-box input[type="submit"] { margin-left: 4px; height: 40px; line-height: 40px; padding-left: 25px; padding-right: 25px; } /*create text columns*/ .columnize-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid #e5e5e5; -moz-column-rule: 1px solid #e5e5e5; column-rule: 1px solid #e5e5e5; margin: 0 0 1.313em; } /*font weights*/ .font-weight-100 { font-weight: 100 !important } .font-weight-200 { font-weight: 200 !important } .font-weight-300, .font-weight-light { font-weight: 300 !important } .font-weight-400, .font-weight-normal { font-weight: normal !important } .font-weight-500, .font-weight-semibold { font-weight: 500 !important } .font-weight-600, .font-weight-bold { font-weight: bold !important; font-weight: 600 !important; } .font-weight-900, .font-weight-bolder { font-weight: 900 !important } /*text transforms*/ .text-transform-none { text-transform: none !important } .text-transform-capitalize { text-transform: capitalize !important } .text-transform-uppercase { text-transform: uppercase !important } .text-transform-lowercase { text-transform: lowercase !important } /*font awesome tweaks*/ .fa-left { margin-right: 10px } .fa-right { margin-left: 10px } /*other useful classes*/ body .no-left-padding { padding-left: 0 } /*read more*/ a.read-more { float: right; margin-top: 10px; } a.read-more:hover { color: #4d4d4d; text-decoration: none; } /*page featured image*/ #page-featured-img { margin-bottom: 40px } #page-featured-img img { display: block; max-width: 100%; margin: 0 auto; } .bypostauthor { } .sticky { } /*highlight*/ .text-highlight { background-image: url("images/base/highlight-left.png"),url("images/base/highlight-center.png"), url("images/base/highlight-right.png"); background-repeat: repeat-x; background-repeat: no-repeat, repeat-x, no-repeat; background-position: center; background-position: left,center,right; background-clip: padding-box, content-box, padding-box; color: #A5651A; padding: 0 20px; margin: 0 -6px; } /*custom img classes*/ .image-shadow { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { background: #fff; padding: 4px; border: 1px solid #ddd; } .image-rounded { background: #fff; border-radius: 3px; } .image-circle { background: #fff; border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .image-fancy { background: #fff; padding: 4px; border: 1px solid #ddd; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /*fade-in on load*/ .fade-in-image { opacity: 0; transition: all 0.5s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } body.is-frontend-editor .fade-in-image, .fade-in-image.no-opacity { opacity: 1; } /*language switchers*/ .polylang-switcher-shortcode li { float: left; margin-right: 5px; } .polylang-switcher-shortcode.flags-and-names li { margin-right: 15px } .polylang-switcher-shortcode li:last-child { margin-right: 0 } /*-------------------------------------------------------------- 4.1 - Hover Animations --------------------------------------------------------------*/ .wpex-img-hover-parent { position: relative; overflow: hidden; display: block; } .wpex-img-hover-parent img { display: block; margin: 0; width: 100%; height: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .wpex-img-hover-grow:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .wpex-img-hover-shrink:hover img { transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); } .wpex-img-hover-side-pan:hover img { margin-left: -11%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .wpex-img-hover-vertical-pan:hover img { margin-top: -10%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .wpex-img-hover-tilt:hover img { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .wpex-img-hover-blurr img, .wpex-img-hover-blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .wpex-img-hover-blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .wpex-img-hover-blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .wpex-img-hover-blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .wpex-img-hover-sepia img { -webkit-filter: sepia(100%); filter: sepia(100%); } .wpex-img-hover-sepia:hover img { -webkit-filter: sepia(); filter: sepia(); } .wpex-img-hover-fade-in { background: #000 } .wpex-img-hover-fade-in img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .wpex-img-hover-fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .wpex-img-hover-fade-out { background: #000 } .wpex-img-hover-fade-out:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /*-------------------------------------------------------------- 4.2 - Overlays --------------------------------------------------------------*/ /*Plus Hover*/ .overlay-plus-hover { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000 url("images/overlays/overlay-plus.png") center center no-repeat; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-plus-hover { visibility: visible; opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; } /*Plus #2 Hover*/ .overlay-plus-two-hover { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,0.8); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-plus-two-hover .fa { position: absolute; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; color: #fff; font-size: 16px; } .overlay-parent:hover .overlay-plus-two-hover { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /*Slide Up Title - White*/ .overlay-slideup-title { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; position: absolute; top: 0; right: 0; background: #fff; height: 100%; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-slideup-title.white { background: #fff } .overlay-slideup-title.black { background: #000 } .overlay-slideup-title span.title { position: absolute; bottom: 30px; width: 100%; text-align: center; padding: 0 30px; color: #000; font-size: 14px; font-weight: bold; font-weight: 600; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; line-height: 1.6em; } .overlay-slideup-title.black span.title { color: #fff } .overlay-parent:hover .overlay-slideup-title { visibility: visible; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; } .overlay-parent:hover .overlay-slideup-title span.title { visibility: visible; opacity: 1; bottom: 60px; } /*View/Lightbox Buttons*/ .overlay-view-lightbox-buttons { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; background: #000; background: rgba(0,0,0,0.65); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; } .overlay-parent:hover .overlay-view-lightbox-buttons { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-view-lightbox-buttons-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-view-lightbox-buttons-buttons { vertical-align: middle; display: table-cell; text-align: center; } .overlay-view-lightbox-buttons a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 0 10px; height: 32px; line-height: 32px; border-radius: 3px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .overlay-view-lightbox-buttons a:first-child { margin-right: 5px } .overlay-view-lightbox-buttons a:hover { background: #fff; color: #000; text-decoration: none; } .wpb_row .overlay-view-lightbox-buttons a .fa { position: relative; top: -2px; } /*View/Lightbox Text*/ .overlay-view-lightbox-text { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; background: #000; background: rgba(0,0,0,0.65); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-view-lightbox-text { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-view-lightbox-text-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-view-lightbox-text-buttons { vertical-align: middle; display: table-cell; text-align: center; } .overlay-view-lightbox-text a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 0 14px; height: 30px; line-height: 30px; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; font-weight: 600; letter-spacing: 1px; position: relative; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; } .overlay-view-lightbox-text a:first-child { margin-right: 5px } .overlay-view-lightbox-text a:hover { background: #fff; color: #000; text-decoration: none; padding-right: 32px; } .overlay-view-lightbox-text a .fa { visibility: hidden; position: absolute; top: 0; height: 30px; line-height: 30px; right: 14px; } .overlay-view-lightbox-text a:hover .fa { visibility: visible } /*Title + Category Hover*/ .overlay-title-category-hover { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-title-category-hover { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-title-category-hover-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-category-hover-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-category-hover-title { font-size: 16px } .overlay-title-category-hover-category { font-size: 13px; font-style: italic; font-weight: normal; color: #bbb; } /*Title + Category Visible*/ .overlay-title-category-visible { background: #000; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; height: 100%; width: 100%; } .overlay-parent:visible .overlay-title-category-visible { } .overlay-title-category-visible-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-category-visible-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-category-visible-title { font-size: 16px } .overlay-title-category-visible-category { font-size: 13px; color: #fff; font-weight: normal; -webkit-font-smoothing: antialiased; } /*Title + Date Hover*/ .overlay-title-date-hover { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-title-date-hover { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-title-date-hover-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-date-hover-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-date-hover-title { font-size: 16px } .overlay-title-date-hover-date { font-size: 13px; font-style: italic; font-weight: normal; color: #bbb; } /*Title + Date Visible*/ .overlay-title-date-visible { background: #000; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; height: 100%; width: 100%; } .overlay-parent:visible .overlay-title-date-visible { } .overlay-title-date-visible-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-date-visible-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-date-visible-title { font-size: 16px } .overlay-title-date-visible-date { font-size: 13px; color: #fff; font-weight: normal; -webkit-font-smoothing: antialiased; } /*-------------------------------------------------------------- 4.3 - WordPress Styles --------------------------------------------------------------*/ /*edit post link*/ .edit-post-link { margin: 40px 0; padding-top: 20px; border-top: 1px solid #eee; text-align: right; } .edit-post-link a { height: 25px; line-height: 25px; padding: 0 10px; border-width: 2px; font-size: 10px; } /*aligns*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } /*floats*/ .floatleftcenter { float: none; margin: 0 auto; } .floatleft { float: left } .floatright { float: right } /*text style*/ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } /*captions*/ .wp-caption { text-align: center; max-width: 100%; } .wp-caption { border: 1px solid #dfdfdf; text-align: center; background-color: #fff; padding: 10px 5px; } .wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center; } /*smiley reset*/ .wp-smiley { margin: 0; max-height: 1em; } /*blockquote*/ blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; } /*password protected*/ .post-password-form label, .post-password-form input { display: block; float: none; } .post-password-form input { margin-top: 10px } .post-password-form input[type="password"] { width: 200px; max-width: 100%; } .post-password-form label { font-weight: bold; font-weight: 600; color: #000; } /*login form*/ form.login { padding: 20px; border: 1px solid #eee; } form.login .lost_password { margin-left: 20px; display: inline-block; } /*other*/ .wpstats { display: none } /*-------------------------------------------------------------- 5.0 - Forms & Buttons --------------------------------------------------------------*/ /*reset search styling*/ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /*input normal*/ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, td.actions .coupon .input-text, .searchform input { color: #777; padding: 7px; display: inline-block; border: 1px solid #ccc; font-size: 13px; -webkit-transition: .3s linear border; -moz-transition: .3s linear border; -ms-transition: .3s linear border; -o-transition: .3s linear border; transition: .3s linear border; -webkit-appearance: none; max-width: 100%; border: 1px solid #e4e4e4; background: #f7f7f7; } textarea { width: 100%; max-width: 100%; line-height: 1.8em; -webkit-appearance: none; font-family: 'Helvetica Neue', Arial, sans-serif; } /*remove chrome yellow autofill*/ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset } /*input focus*/ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, td.actions .coupon .input-text:focus, .searchform input:focus { outline: 0; border-color: #129FEA; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 1px auto #129FEA; } /*white inputs*/ .wpb_column .boxed-column input[type="text"], .wpb_column .boxed-column input[type="password"], .wpb_column .boxed-column input[type="email"], .wpb_column .boxed-column input[type="tel"], .wpb_column .boxed-column input[type="url"], .wpb_column .boxed-column textarea { background: #fff; color: #999; } /*theme button default*/ .theme-button, #commentform #submit, .wpcf7 .wpcf7-submit.theme-button#current-shop-items-overlay .buttons a, .woocommerce .button, input[type="submit"], button { background: #4a97c2; color: #fff; height: 36px; line-height: 36px; padding: 0 12px; margin: 0; display: inline-block; font-size: 13px; font-weight: 400; color: #fff; outline: none; -webkit-appearance: none; cursor: pointer; outline: none; border: none; } p.theme-button a { color: #fff } p.theme-button a:hover { text-decoration: none } p.theme-button { margin-bottom: 20px } /*theme button hover*/ .theme-button:hover, #commentform #submit:hover, .wpcf7 .wpcf7-submit:hover, #current-shop-items-overlay .buttons a:hover, .woocommerce .button:hover, input[type="submit"]:hover, button:hover { background: #3b86b0; color: #fff; text-decoration: none; } /*theme button active*/ #commentform #submit:active, .wpcf7 .wpcf7-submit:active, .theme-button:active, #current-shop-items-overlay .buttons a:active, .woocommerce .button:active, input[type="submit"]:active, button:active { color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; } /*make some buttons smaller*/ .readmore-link-wrap { display: block } .search-entry .readmore-link-wrap { margin-top: 10px } .readmore-link { display: block; float: left; } .readmore-link, #current-shop-items-overlay .buttons a, .product-entry-details .button, .woocommerce #sidebar .button, table.my_account_orders .order-actions .button.view, #current-shop-items-dropdown .buttons a { font-size: 11px; height: 24px; line-height: 24px; padding: 0 10px; } /*-------------------------------------------------------------- 5.1 - Color Buttons --------------------------------------------------------------*/ /*main button style*/ a.color-button { padding: 0.8em 1em !important; margin: 0 5px 5px 0; display: inline-block; font-size: 13px; font-weight: bold; font-weight: 600; color: #fff; border: 0; box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0,0,0,0.4); outline: none; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); border: 1px solid rgba(0,0,0,0.15); background-color: #3f90bd; } a.color-button:hover { text-decoration: none; text-decoration: none; opacity: 0.95; } a.color-button:active { box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; } /*colors*/ a.color-button.grey { background-color: #bbb } a.color-button.black { background-color: #333 } a.color-button.blue { background-color: #3f90bd } a.color-button.orange { background-color: #ff6040 } a.color-button.orange { background-color: #ff6040 } a.color-button.gold { background-color: #ffaa33 } a.color-button.green { background-color: #87bf17 } a.color-button.purple { background-color: #a73df2 } a.color-button.teal { background-color: #00b3b3 } a.color-button.pink { background-color: #f261c2 } a.color-button.brown { background-color: #804b35 } a.color-button.red { background-color: #F73936 } a.color-button.rosy { background-color: #EA2487 } a.color-button.white { background-color: #fff; color: #444; } /*styles*/ a.color-button.small { font-size: 11px } a.color-button.medium { font-size: 13px } a.color-button.large { font-size: 16px } a.color-button.align-left { float: left } a.color-button.align-right { float: right; margin-right: 0; margin-left: 5px; } a.color-button-icon-right { margin-left: 10px } a.color-button-icon-left { margin-right: 10px } /*layerslider fixes*/ .ls-container a.color-button { padding: 0.8em 1em !important; margin: 0 5px 5px 0; display: inline-block; font-size: 13px; font-weight: bold; font-weight: 600; color: #fff; border: 0; box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0,0,0,0.4) !important; outline: none; -webkit-appearance: none; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 0 0 1px rgba(0,0,0,.2), 2px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2), 2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 2px 2px 2px rgba(0,0,0,.1); } .ls-container a.color-button:hover { text-decoration: none; text-decoration: none; opacity: 0.8; } .ls-container a.color-button:active { box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; } /*-------------------------------------------------------------- 6.0 - Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; font-weight: bold; font-weight: 600; color: #222; } body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a { color: #222 } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: #3b86b0; } h2, h3, h4, h5, h6 { margin: 30px 0 20px } h1 { font-size: 1.500em; margin: 0 0 20px; } h2 { font-size: 1.313em } h3 { font-size: 1.125em } h4 { font-size: 1em } h5 { font-size: 0.875em } h6 { font-size: 0.750em } p { margin: 0 0 20px } p img { margin: 0 } p.lead { font-size: 1.313em; line-height: 27px; color: #777; } em { font-style: italic } strong { font-weight: bold; font-weight: 600; } small { font-size: 80% } hr { border: solid #e4e4e4; border-width: 1px 0 0; clear: both; margin: 40px 0; height: 0; } a:link { text-decoration: none } a:focus { outline: 0 } a { outline: 0 } a:link { text-decoration: none } a:focus { outline: 0 } .thin-font { font-weight: 300 !important } .white-text { color: #fff !important } .entry ul, .entry ol { margin: 0 0 30px 30px } .entry ul { list-style: disc } .entry ol { list-style: decimal } .rev_slider ul { margin: 0; padding: 0; } blockquote { background: url("images/base/quote.png") left 4px no-repeat; padding-left: 50px; margin: 40px 0; font-size: 16px; color: #ababab; line-height: 1.6em; font-weight: 300; } blockquote p:last-child { margin: 0 } pre { position: relative; background: #f6f6f6; border: 1px solid #ddd; color: #555; font-size: 12px; margin: 30px 0px; padding: 20px; line-height: 1.7em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; border-radius: 3px; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.06); } address { font-size: 0.875em; letter-spacing: 1px; margin: 20px 0; } /*-------------------------------------------------------------- 7.0 - Top Toggle --------------------------------------------------------------*/ #toggle-bar-wrap { position: fixed; top: 0; left: 0; background: #fff; z-index: 10001; width: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; visibility: hidden; box-shadow: 0 0 6px rgba(0,0,0,0.25); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; } #toggle-bar-wrap.active-bar { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } #toggle-bar-wrap.toggle-bar-fade-slide { top: -60px } #toggle-bar-wrap.toggle-bar-fade-slide.active-bar { top: 0 } body.admin-bar #toggle-bar-wrap { top: 32px } #toggle-bar { padding: 40px 0 } /*toggle button*/ .toggle-bar-btn { display: block; position: fixed; top: 0; right: 0; border-left: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #252525; border-top: 20px solid #252525; z-index: 10002; } .toggle-bar-btn:hover { border-top-color: #3b86b0; border-right-color: #3b86b0; } body.admin-bar .toggle-bar-btn { top: 32px } .toggle-bar-btn span.fa { position: absolute; font-size: 11px; top: -12px; left: 4px; color: #fff; text-shadow: none !important; } /*-------------------------------------------------------------- 8.0 - Top Bar --------------------------------------------------------------*/ #top-bar-wrap { border-bottom: 1px solid #eee; margin-bottom: 0px; font-size: 12px; } #top-bar-wrap a { color: #555 } #top-bar-wrap a:hover { color: #3b86b0 } .top-bar-left { float: left; height: 50px; line-height: 50px; } .top-bar-right { float: right; height: 50px; line-height: 50px; } .top-bar-centered { float: none; text-align: center; } /*top bar content*/ #top-bar-content strong { color: #000 } #top-bar-content.top-bar-centered { height: auto; line-height: normal; padding: 20px 0; } #top-bar-content #lang_sel { position: relative; margin-right: 10px; top: 11px; display: inline-block; } #top-bar-wrap #lang_sel ul ul { z-index: 99999 } /*top bar social*/ #top-bar-social a { display: block; float: left; color: #bbb; font-size: 18px; margin-left: 10px; } #top-bar-social.social-style-colored-icons a { margin-left: 5px } .social-style-colored-icons a img { height: 21px; top: 4px; position: relative; } .social-style-colored-icons a:hover img { opacity: 0.85 } #top-bar-social a:first-child { margin-left: 0 } #top-bar-social a:hover { color: #000 } #top-bar-social.top-bar-centered { height: auto; line-height: normal; padding-bottom: 20px; } #top-bar-social.top-bar-centered a { display: inline-block; float: none; } /*top-bar language switchers*/ .top-bar-right .polylang-switcher-shortcode { float: right } /*-------------------------------------------------------------- 9.0 - SuperFish Core Styles --------------------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; } .sf-menu > li { float: left } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: left } .sf-menu ul { min-width: 140px; *width: 140px; } .sf-menu a { zoom: 1 } .sf-menu li { position: relative; white-space: nowrap; *white-space: normal; } .sf-menu li:hover, .sf-menu li.sfHover { transition: none } .sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega { display: block } .sf-menu ul img { display: block; float: none; max-width: 100%; } #site-navigation .sf-menu li a .fa { margin-right: 8px } /*mega menus*/ .sf-menu > li.megamenu { position: inherit !important } .sf-menu > li.megamenu > ul.sub-menu .nav-arrow { display: none } .sf-menu > li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 12px 0 0; } .sf-menu > li.megamenu > ul.sub-menu > li { display: block !important; float: left !important; padding: 0px 12px; width: 100%; } .sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before { display: inline-block; content: "\f105"; margin-right: 7px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-menu > li.megamenu.col-1 > ul.sub-menu > li { width: 100% } .sf-menu > li.megamenu.col-2 > ul.sub-menu > li { width: 50% } .sf-menu > li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) { clear: both } .sf-menu > li.megamenu.col-3 > ul.sub-menu > li { width: 33.33% } .sf-menu > li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) { clear: both } .sf-menu > li.megamenu.col-4 > ul.sub-menu > li { width: 25% } .sf-menu > li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) { clear: both } .sf-menu > li.megamenu.col-5 > ul.sub-menu > li { width: 20% } .sf-menu > li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) { clear: both } .sf-menu > li.megamenu.col-6 > ul.sub-menu > li { width: 16.66% } .sf-menu > li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) { clear: both } .sf-menu > li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100%; min-width: 0 !important; left: auto !important; position: relative !important; opacity: 1 !important; border: none !important; padding: 0 !important; box-shadow: none !important; } .sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children { margin-bottom: 12px } .sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children > a { font-weight: bold; font-weight: 600; color: #000; font-size: 1.03em; } .sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children > a:hover { background: none } .sf-menu > li.megamenu.hide-headings > ul.sub-menu > .menu-item-has-children > a { display: none } .sf-menu > li.megamenu > ul.sub-menu > li a { border: none } .sf-menu > li.megamenu ul:after, .sf-menu > li.megamenu ul:before { display: none !important } .sf-menu > li.megamenu > ul.sub-menu > li { border-left: 1px solid #eee } .sf-menu > li.megamenu > ul.sub-menu > li:first-child { border-left: none } /*megamenu-testing purposes*/ .sf-menu > li.megamenu.display-always > ul.sub-menu { display: block !important; opacity: 1 !important; } /*nav arrows*/ body #site-navigation .sf-menu ul a.sf-with-ul { padding-right: 30px !important } #site-navigation .sf-menu > li .nav-arrow { margin-left: 4px; margin-right: 0; } #site-navigation .sf-menu > li ul li .nav-arrow { position: absolute; top: 50%; right: 9px; height: 10px; line-height: 10px; margin-top: -5px; } /*remove margin on icon from menu cart icon when empty*/ body a.wcmenucart.wcmenucart-empty-cart .fa { margin-right: 0 } /*Nav with Header with Custom Fixed Height*/ .nav-custom-height.navbar-style-one { margin-top: 0; top: 0; } .nav-custom-height.navbar-style-one .dropdown-menu ul:before, .nav-custom-height.navbar-style-one .dropdown-menu ul:after { display: none } .nav-custom-height.navbar-style-one .dropdown-menu ul { border: none; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15); } /*nav with top border on subs*/ body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu > li > ul { border-top: 3px solid #3b86b0 } body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu ul:before, body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu ul:after { display: none } /*open navs to the left*/ #site-navigation .dropdown-menu li.left-dropdowns ul ul { left: auto; right: 100%; } body #site-navigation .sf-menu li.left-dropdowns ul a.sf-with-ul { padding-left: 25px; padding-right: 0; } #site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right { left: 9px; right: auto; } #site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right:before { content: "\f104" } /*-------------------------------------------------------------- 10.0 - Main Header Style --------------------------------------------------------------*/ #site-header { position: relative } #site-header-inner { position: relative; padding-top: 30px; padding-bottom: 30px; } #site-navigation.container { position: relative } /*site logo*/ #site-logo a { padding: 0px; margin: 0px; text-decoration: none; color: #222; font-size: 24px; margin: 0; line-height: 1.35em; font-weight: bold; } #site-logo a:hover { text-decoration: none } #site-logo img { display: inline; max-height: 100%; max-width: 100%; vertical-align: middle; } /*fixed header (over image/slider)*/ #site-header.fixed-header { width: 100%; top: 0px; left: 0px; position: fixed; background: none; z-index: 9998; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); } /*shrink fixed header*/ body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header { padding-top: 10px; padding-bottom: 10px; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner { padding-top: 0; padding-bottom: 0; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner, body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo, body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo a, body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo img { height: 40px; line-height: 40px; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap { margin-top: -10px; top: 0; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap #site-navigation { background: none } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap, body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one .dropdown-menu > li > a, body.shrink-fixed-header.theme-minimal-graphical #site-header-sticky-wrapper.is-sticky .header-one .wcmenucart-toggle-dropdown, body.shrink-fixed-header.theme-minimal-graphical #site-header-sticky-wrapper.is-sticky .header-one .search-toggle-li { height: 60px; line-height: 60px; } body.shrink-fixed-header.theme-minimal-graphical #site-header-sticky-wrapper.is-sticky .header-one .wcmenucart-toggle-dropdown a, body.shrink-fixed-header.theme-minimal-graphical #site-header-sticky-wrapper.is-sticky .header-one .search-toggle-li a { height: 30px; line-height: 30px; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-header-replace input { font-size: 21px } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo img { vertical-align: none; display: block; } body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #current-shop-items-dropdown, body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-dropdown { margin-top: 10px } /*sticky nav*/ .is-sticky .fixed-nav { width: 100%; background: #fff; z-index: 9998; border-bottom: 1px solid #e4e4e4; } /*fixed scroll*/ .is-sticky #site-header { overflow: visible !important; z-index: 999; border-bottom: 1px solid #e4e4e4; box-shadow: 0 0 3px rgba(0,0,0,0.1); background: #fff; } .admin-bar .is-sticky #site-header { padding-top: 32px } /*hide header area on sticky for certain styles*/ .fixed-nav.is-sticky { background: #fff; overflow: visible !important; z-index: 999; width: 100%; border-bottom: 1px solid #e4e4e4; } .admin-bar .is-sticky .fixed-nav { margin-top: 32px } /*-------------------------------------------------------------- 10.1 - Header Style One --------------------------------------------------------------*/ .header-one { width: 100%; background: #fff; } .header-one #site-logo { height: 100%; vertical-align: middle; display: table-cell; } .header-one #site-logo a { vertical-align: middle; display: table-cell; } /*header one logo*/ .header-one-logo { float: left } .header-one-logo a { display: block; float: left; } .header-one-logo img { display: block } /*header navigation*/ .navbar-style-one { position: absolute; right: -12px; top: 50%; margin-top: -25px; height: 50px; } .navbar-style-one .dropdown-menu > li { display: block; float: left; } .navbar-style-one .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-one .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; padding: 0 12px; color: #555; text-decoration: none; font-size: 13px; } .navbar-style-one .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-one .dropdown-menu a:hover { color: #3b86b0 } .navbar-style-one .dropdown-menu > .current-menu-item > a { color: #3b86b0; text-decoration: none; } /*drop-down styles*/ .navbar-style-one .dropdown-menu ul { margin: 0; background: #fff; border: 1px solid #ddd; } .navbar-style-one .dropdown-menu ul ul { margin-left: 0; left: 100%; text-align: left; } .navbar-style-one .dropdown-menu ul li:first-child ul { margin-top: 0 } .navbar-style-one .dropdown-menu ul li { display: block; padding: 0; } .navbar-style-one .dropdown-menu ul a { display: block; float: none; padding: 8px 12px; height: auto; margin: 0px; border: 0px; line-height: 1.4em; color: #666; text-transform: none; font-size: 12px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .navbar-style-one .dropdown-menu ul li:last-child > a { border-bottom: none } .navbar-style-one .dropdown-menu ul a:hover { color: #3b86b0; background: #f7f7f7; text-decoration: none; } /*dropdown tip*/ .navbar-style-one .dropdown-menu ul:before { content: ""; display: block; position: absolute; top: -7px; left: 12px; border-right: 7px solid transparent; border-bottom: 7px solid #d5d5d5; border-bottom-color: rgba(0,0,0,0.25); border-left: 7px solid transparent; } .navbar-style-one .dropdown-menu ul:after { content: ""; display: block; position: absolute; top: -6px; left: 13px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .navbar-style-one .dropdown-menu ul ul:before, .navbar-style-one .dropdown-menu ul ul:after { display: none } /*header one cart*/ .navbar-style-one .dropdown-menu .wcmenucart { font-weight: 400 } .navbar-style-one .dropdown-menu .wcmenucart:after { display: none !important } .navbar-style-one .dropdown-menu .wcmenucart .fa { margin: 0 !important } .navbar-style-one .dropdown-menu .wcmenucart .amount { margin-left: 6px } /*search modal*/ .navbar-style-one .dropdown-menu .site-search-toggle .fa { margin: 0 !important } .navbar-style-one .dropdown-menu .site-search-toggle:after { display: none !important } /*-------------------------------------------------------------- 10.2 - Header Style Two --------------------------------------------------------------*/ .header-two { width: 100%; background: #fff; } .header-two-aside { float: right; font-size: 14px; color: #000; font-weight: 400; text-align: right; } /*header two logo*/ .header-two-logo { float: left } .header-two-logo a { display: block; float: left; } .header-two-logo img { display: block } /*header two search*/ #header-two-search { margin-top: 10px } #header-two-search { float: right } #header-two-search input#header-two-search-input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 150px; float: left; border: 1px solid #ddd; height: 26px; line-height: 26px; padding: 0 10px; -webkit-appearance: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; border: 1px solid #e4e4e4; background: #f7f7f7; } #header-two-search-submit { background: #3b86b0; height: 26px; line-height: 26px; width: 30px; text-align: center; padding: 0; font-size: 12px; outline: none; margin-left: 5px; cursor: pointer; } /*header two navigation*/ .navbar-style-two { border-top: 1px solid #e4e4e4; position: relative; } .navbar-style-two .dropdown-menu { /*position: relative;*/ border-left: 1px solid #e4e4e4; } .navbar-style-two .dropdown-menu > li { display: block; float: left; border-right: 1px solid #e4e4e4; } .navbar-style-two .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-two .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; text-decoration: none; font-weight: normal; padding: 0 20px; font-size: 13px; } .navbar-style-two .dropdown-menu a .fa { margin-right: 6px } .navbar-style-two .dropdown-menu a .fa.nav-arrow { margin-right: 0; color: #999; } .navbar-style-two .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-two .dropdown-menu a:hover { color: #3b86b0 } .navbar-style-two .dropdown-menu > .current-menu-item > a { color: #3b86b0; text-decoration: none; } /*header two drop-down styles*/ .navbar-style-two .dropdown-menu ul { z-index: 999; margin: 0; background: #fff; border: 1px solid #e4e4e4; text-align: left; } .navbar-style-two .dropdown-menu ul ul { margin-left: 0; left: 100%; top: 0; text-align: left; } .navbar-style-two .dropdown-menu ul > li:first-child ul { top: -1px } .navbar-style-two .dropdown-menu ul li { display: block; padding: 0; } .navbar-style-two .dropdown-menu ul li a { border-bottom: 1px solid #eee } .navbar-style-two .dropdown-menu ul li:last-child > a { border-bottom: none } .navbar-style-two .dropdown-menu ul a { display: block; float: none; padding: 8px 12px; height: auto; margin: 0px; border: 0px; line-height: 1.4em; font-weight: normal; color: #666; text-transform: none; font-size: 12px; } .navbar-style-two .dropdown-menu ul a:hover { color: #3b86b0; background: #f7f7f7; text-decoration: none; } /*header two nav arrows*/ .navbar-style-two .dropdown-menu > li .nav-arrow { margin-left: 5px } /*-------------------------------------------------------------- 10.3 - Header Style Three --------------------------------------------------------------*/ .header-three { width: 100%; background: #fff; } .header-three-aside { float: right; font-size: 14px; color: #000; font-weight: 400; text-align: right; } /*header one logo*/ .header-three-logo { float: none; text-align: center; } .header-three-logo a { display: inline; display: inline-block; float: none; } .header-three-logo img { display: inline; display: inline-block; } /*header one search*/ #header-three-search { margin-top: 10px } #header-three-search input#header-three-search-input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 150px; float: left; border: 1px solid #ddd; height: 26px; line-height: 26px; padding: 0 10px; -webkit-appearance: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } #header-three-search #header-three-search-submit { background: #3b86b0 url("images/header/header-search-icon.png") center center no-repeat; height: 26px; line-height: 26px; width: 30px; border: none; outline: none; margin-left: 5px; cursor: pointer; } /*header navigation*/ .navbar-style-three { border-top: 1px solid #e4e4e4; position: relative; } .navbar-style-three .container { position: relative } .navbar-style-three .sf-menu { text-align: center; float: none; } .navbar-style-three .dropdown-menu > li { display: inline-block; float: none; } .navbar-style-three .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-three .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; text-decoration: none; font-weight: normal; padding: 0 15px; font-size: 13px; } .navbar-style-three .dropdown-menu a .fa { margin-right: 6px } .navbar-style-three .dropdown-menu a .fa.nav-arrow { margin-right: 0; color: #999; } .navbar-style-three .dropdown-menu > li:first-child { margin-left: 0 } .navbar-style-three .dropdown-menu a:hover { color: #3b86b0 } .navbar-style-three .dropdown-menu > .current-menu-item > a { color: #3b86b0; text-decoration: none; } /*drop-down styles*/ .navbar-style-three .dropdown-menu ul { z-index: 999; margin: 0; background: #fff; border: 1px solid #e4e4e4; text-align: left; } .navbar-style-three .dropdown-menu ul ul { margin-left: 0; left: 100%; top: 0; text-align: left; } .navbar-style-three .dropdown-menu ul > li:first-child ul { top: -1px } .navbar-style-three .dropdown-menu ul li { display: block; padding: 0; } .navbar-style-three .dropdown-menu ul li a { border-bottom: 1px solid #eee } .navbar-style-three .dropdown-menu ul li:last-child > a { border-bottom: none } .navbar-style-three .dropdown-menu ul a { display: block; float: none; padding: 8px 12px; height: auto; margin: 0px; border: 0px; line-height: 1.4em; font-weight: normal; color: #666; text-transform: none; font-size: 12px; } .navbar-style-three .dropdown-menu ul a:hover { color: #3b86b0; background: #f7f7f7; text-decoration: none; } /*nav arrows*/ .navbar-style-three .dropdown-menu > li .nav-arrow { margin-left: 5px } /*-------------------------------------------------------------- 10.4 - Overlay/Fixed Header Style --------------------------------------------------------------*/ .overlay-header-logo { display: none !important; } @media only screen and (min-width: 960px) { #site-header.overlay-header { background: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; } body.boxed-main-layout.has-overlay-header #wrap { position: relative; } body.boxed-main-layout.has-overlay-header #site-header.overlay-header { padding: 0 30px; } body.boxed-main-layout.has-overlay-header #site-navigation-wrap { right: 0; } #site-header.overlay-header, #site-header.overlay-header #site-logo, #site-header.overlay-header #site-logo a, #site-header.overlay-header #site-navigation-wrap, #site-header.overlay-header .dropdown-menu > li, #site-header.overlay-header .dropdown-menu > li > a { height: 90px; line-height: 90px; } #site-header.overlay-header #site-header-inner { position: relative; padding: 0; } body.content-full-width.has-overlay-header #site-header.overlay-header #site-header-inner { padding-left: 30px; padding-right: 30px; } body.content-full-width.has-overlay-header #site-header.overlay-header .navbar-style-one { right: 30px; } #site-header.overlay-header .has-overlay-logo .main-logo { display: none; } #site-header.overlay-header .has-overlay-logo .overlay-header-logo { display: block !important; } /*some resets to prevent issues with theme options*/ #site-header.overlay-header #site-navigation-wrap { background: none; } /*Light Style*/ #site-header.overlay-header.light-style { border-bottom: 1px solid rgba(255,255,255,0.21); } #site-header.overlay-header.light-style .dropdown-menu a { color: #fff; color: rgba(255,255,255,0.75); } #site-header.overlay-header.light-style .dropdown-menu li:hover a, #site-header.overlay-header.light-style .dropdown-menu a:hover { background: none; } #site-header.overlay-header.light-style .sf-menu ul a.sf-with-ul { font-size: 13px; } #site-header.overlay-header.light-style .sf-menu li.megamenu ul a.sf-with-ul, #site-header.overlay-header.light-style .dropdown-menu a:hover, #site-header.overlay-header.light-style .dropdown-menu > .current-menu-item > a, #site-header.overlay-header.light-style .dropdown-menu > .current-menu-item > a:hover, #site-header.overlay-header.light-style #current-shop-items-dropdown a, #site-header.overlay-header.light-style #current-shop-items-dropdown .total, #site-header.overlay-header.light-style #current-shop-items-dropdown .total .amount { color: #fff; } #site-header.overlay-header.light-style .dropdown-menu li ul li, #site-header.overlay-header.light-style .dropdown-menu li ul li a, #site-header.overlay-header.light-style .product_list_widget .amount { color: #999; } #site-header.overlay-header.light-style .dropdown-menu li ul { background: #222; border: none; } #site-header.overlay-header.light-style .dropdown-menu li ul a, #site-header.overlay-header.light-style .sf-menu > li.megamenu > ul.sub-menu > li, #site-header.overlay-header.light-style #current-shop-items-dropdown li { border-color: #333; } #site-header.overlay-header.light-style #searchform-dropdown, #site-header.overlay-header.light-style #current-shop-items-dropdown { line-height: 1; background: #222; border-top: none; } #site-header.overlay-header.light-style #searchform-dropdown input { background: #333; color: #fff; } /*Dark Style*/ #site-header.overlay-header.dark-style { border-bottom: 1px solid rgba(0,0,0,0.15); } #site-header.overlay-header.dark-style .dropdown-menu a { color: #000; color: rgba(0,0,0,0.75); } #site-header.overlay-header.dark-style .dropdown-menu li:hover a, #site-header.overlay-header.dark-style .dropdown-menu a:hover { background: none; } #site-header.overlay-header.dark-style .sf-menu ul a.sf-with-ul { font-size: 13px; } #site-header.overlay-header.dark-style .dropdown-menu a:hover, #site-header.overlay-header.dark-style .dropdown-menu > .current-menu-item > a, #site-header.overlay-header.dark-style .dropdown-menu > .current-menu-item > a:hover { color: #000; } #site-header.overlay-header.dark-style .dropdown-menu ul a:hover, #site-header.overlay-header.dark-style .sf-menu li.megamenu ul a.sf-with-ul, #site-header.overlay-header.dark-style #current-shop-items-dropdown a, #site-header.overlay-header.dark-style #current-shop-items-dropdown .total, #site-header.overlay-header.dark-style #current-shop-items-dropdown .total .amount { color: #fff; } #site-header.overlay-header.dark-style .dropdown-menu li ul li, #site-header.overlay-header.dark-style .dropdown-menu li ul li a, #site-header.overlay-header.dark-style .product_list_widget .amount { color: #999; } #site-header.overlay-header.dark-style .dropdown-menu li ul { background: #222; border: none; } #site-header.overlay-header.dark-style .dropdown-menu li ul a, #site-header.overlay-header.dark-style .sf-menu > li.megamenu > ul.sub-menu > li, #site-header.overlay-header.dark-style #current-shop-items-dropdown li { border-color: #333; } #site-header.overlay-header.dark-style #searchform-dropdown, #site-header.overlay-header.dark-style #current-shop-items-dropdown { line-height: 1; background: #222; border-top: none; } #site-header.overlay-header.dark-style #searchform-dropdown input { background: #333; color: #fff; } } /*-------------------------------------------------------------- 11.0 - Page Header / Title --------------------------------------------------------------*/ /*page header*/ .page-header { margin: 0; padding: 20px 0; position: relative; background: #f7f7f7; margin-bottom: 40px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .no-header-margin .page-header { margin-bottom: 0 } .page-header .container { position: relative } .page-header-title { font-size: 21px; line-height: 1.4em; font-weight: normal; font-weight: 400; margin: 0px; color: #000; } body.has-breadcrumbs .page-header-title { max-width: 70% } .page-subheading { font-size: 14px; margin: 0; color: #999; } .page-subheading p:last-child { margin: 0 } .centered-page-header .page-header-title, .centered-minimal-page-header .page-header-title { max-width: 100% !important } /*centered page header*/ .centered-page-header { text-align: center; padding: 30px 0; } .centered-page-header .page-header-title { font-size: 32px } .centered-page-header .page-subheading { font-size: 18px; font-weight: 300; } /*minimal centered page header*/ .centered-minimal-page-header { text-align: center; padding: 30px 0; background: #fff; } .centered-minimal-page-header .page-header-title { font-size: 32px } .centered-minimal-page-header .page-subheading { font-size: 18px; font-weight: 300; } /*solid color page header*/ .solid-color-page-header .page-header-title { color: #fff !important } .solid-color-page-header .site-breadcrumbs, .solid-color-page-header .site-breadcrumbs a { color: #fff !important } .solid-color-page-header .page-subheading { color: #fff } /*archive description*/ .archive-description { margin-bottom: 30px } /*page header background*/ .background-image-page-header { display: table; width: 100%; border: none; } .background-image-page-header .page-header-inner { width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding: 0 30px; } .background-image-page-header .page-header-title { position: relative; z-index: 2; color: #fff; max-width: 100%; font-size: 42px; font-weight: 400; max-width: 100% !important; } .background-image-page-header .page-subheading { position: relative; z-index: 2; color: #fff; font-size: 24px; font-weight: 300; margin-top: 10px; } .background-image-page-header-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index: 1; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; } .background-image-page-header-overlay.style-dotted { background: rgba(0,0,0,0.3) url("images/visual-composer/dotted-overlay.png") repeat } .background-image-page-header-overlay.style-dashed { background: rgba(0,0,0,0.3) url("images/visual-composer/dashed-overlay.png") repeat } /*-------------------------------------------------------------- 12.0 - Breadcrumbs --------------------------------------------------------------*/ .site-breadcrumbs { position: absolute; right: 0; top: 50%; height: 32px; line-height: 32px; margin-top: -16px; font-size: 12px; color: #bcbcbc; font-weight: normal; } .site-breadcrumbs a { color: #333 } .site-breadcrumbs .breadcrumb-title { margin-right: 5px } .site-breadcrumbs .fa { margin: 0 3px } .site-breadcrumbs.position-under-title { position: inherit; top: auto; right: auto; margin-top: 0; } /*-------------------------------------------------------------- 13.0 - LayerSlider & Revolution Tweaks --------------------------------------------------------------*/ /*mobile alt*/ .page-slider-mobile-alt { width: 100%; height: auto; display: block; } /*main*/ .page-with-slider.woocommerce .page-slider { margin-bottom: 30px } .ls-thumbnail-hover-img img { width: 100% } /*default skin*/ body .ls-defaultskin { padding: 0; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body .ls-defaultskin .ls-nav-prev, body .ls-defaultskin .ls-nav-next { top: 50%; margin: -40px 0 0; background: #000; opacity: 0.2; height: 80px; width: 50px; z-index: 99 !important; } body .ls-defaultskin .ls-nav-prev, body .ls-defaultskin .ls-nav-prev:hover { background: #000 url("images/arrows/ls-arrow-left.png") no-repeat center center; left: 0; } body .ls-defaultskin .ls-nav-next, body .ls-defaultskin .ls-nav-next:hover { background: #000 url("images/arrows/ls-arrow-right.png") no-repeat center center; right: 0; } body .ls-defaultskin .ls-nav-prev:hover, body .ls-defaultskin .ls-nav-next:hover { opacity: 0.5 } body .ls-borderlesslight .ls-nav-prev, body .ls-borderlesslight .ls-nav-next { z-index: 99 !important } /*minimal skin*/ body .ls-minimal { padding: 0; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body .ls-minimal .ls-nav-prev, body .ls-minimal .ls-nav-next { top: 50%; margin: -40px 0 0; background: #000; opacity: 0.2; height: 80px; width: 50px; z-index: 99; } body .ls-minimal .ls-nav-prev, body .ls-minimal .ls-nav-prev:hover { background: #000 url("images/arrows/ls-arrow-left.png") no-repeat center center; left: 0; } body .ls-minimal .ls-nav-next, body .ls-minimal .ls-nav-next:hover { background: #000 url("images/arrows/ls-arrow-right.png") no-repeat center center; right: 0; } body .ls-minimal .ls-nav-prev:hover, body .ls-minimal .ls-nav-next:hover { opacity: 0.5 } /*full-width skin*/ body .ls-fullwidth { padding: 0; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-next { top: 50%; margin: -40px 0 0; background: #000; opacity: 0.2; height: 80px; width: 50px; z-index: 99; } body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-prev:hover { background: #000 url("images/arrows/ls-arrow-left.png") no-repeat center center; left: 0; } body .ls-fullwidth .ls-nav-next, body .ls-fullwidth .ls-nav-next:hover { background: #000 url("images/arrows/ls-arrow-right.png") no-repeat center center; right: 0; } body .ls-fullwidth .ls-nav-prev:hover, body .ls-fullwidth .ls-nav-next:hover { opacity: 0.5 } /*full-width dark skin*/ body .ls-fullwidthdark { padding: 0; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body .ls-fullwidthdark .ls-nav-prev, body .ls-fullwidthdark .ls-nav-next { top: 50%; margin: -40px 0 0; background: #000; opacity: 0.2; height: 80px; width: 50px; z-index: 99; } body .ls-fullwidthdark .ls-nav-prev, body .ls-fullwidthdark .ls-nav-prev:hover { background: #000 url("images/arrows/ls-arrow-left.png") no-repeat center center; left: 0; } body .ls-fullwidthdark .ls-nav-next, body .ls-fullwidthdark .ls-nav-next:hover { background: #000 url("images/arrows/ls-arrow-right.png") no-repeat center center; right: 0; } body .ls-fullwidthdark .ls-nav-prev:hover, body .ls-fullwidthdark .ls-nav-next:hover { opacity: 0.5 } /*pagination buttons*/ body .ls-fullwidthdark .ls-bottom-slidebuttons, body .ls-fullwidthdark .ls-nav-start, body .ls-fullwidthdark .ls-nav-stop, body .ls-fullwidthdark .ls-nav-sides { top: -40px } /*box shadow*/ body .ls-shadow { opacity: 0.4; -moz-opacity: 0.4; -webkit-opacity: 0.4; } /*remove text decoration on links*/ .ls-container a, .ls-container a:hover, .ls-container a:active { text-decoration: none } /*link classes*/ .ls-container .layerslider-button:hover { text-decoration: none; text-decoration: none; opacity: 0.85; } .ls-container .layerslider-button:active { opacity: 1; box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; } /*revolution slider fixes*/ .tparrows.preview2:after { line-height: 1; } /*-------------------------------------------------------------- 14.0 - FlexSlider --------------------------------------------------------------*/ .flexslider-container { position: relative } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none !important; } .entry .flexslider ul, .entry .flexslider ol { margin: 0 } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; } .flexslider .slides { position: relative; z-index: 1; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; box-shadow: #000 0em 0em 0em; } .flexslider .flex-pauseplay span { text-transform: capitalize } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block } * html .slides { height: 1% } /* No JavaScript Fallback */ .no-js .slides > li:first-child { display: block } /*-------------------------------------------------------------- 15.0 - Portfolio --------------------------------------------------------------*/ /*entries*/ .portfolio-entry-title { font-size: 14px; margin: 0; font-weight: bold; font-weight: 600; } .vcex-portfolio-entry-media, .portfolio-entry-media { position: relative; overflow: hidden; } .portfolio-entry-media-link { display: block } .vcex-portfolio-entry-media img, .portfolio-entry-media img { display: block; width: 100%; box-shadow: #000 0em 0em 0em; } .portfolio-entry-details { background: #f7f7f7; border: 1px solid #eee; padding: 15px; } .portfolio-entry-details p { margin-bottom: 15px } .portfolio-entry-details p:last-child { margin: 0 } .portfolio-entry-excerpt { margin-top: 5px } /*hide details on related items when there is a sidebar*/ .single-portfolio #content-wrap.right-sidebar .portfolio-entry-details, .single-portfolio #content-wrap.left-sidebar .portfolio-entry-details { display: none } /*dark entry details for no-margins grid*/ .vcex-no-margin-grid .portfolio-entry-details, .portfolio-no-margins .portfolio-entry-details { background: #262626; border: none; color: #787878; } .vcex-no-margin-grid .portfolio-entry-title a, .portfolio-no-margins .portfolio-entry-title a { color: #fff } /*one column grid*/ .portfolio-entry.span_1_of_1 { margin: 0 0 30px; float: none; border: none; } .portfolio-entry.span_1_of_1 .portfolio-entry-media { width: 45%; float: left; margin: 0 30px 0 0; } .portfolio-entry.span_1_of_1 .portfolio-entry-details { background: none; border: none; padding: 0; } .portfolio-entry.span_1_of_1 .portfolio-entry-title { margin: 0 } /*single portfolio*/ #portfolio-post-comments { margin-top: 50px } #portfolio-single-media { margin-bottom: 30px } /*pass protection*/ .protected-item-form { margin-botom: 30px } .protected-item-form p:first-child { margin: 0 0 20px; color: #666; } .protected-item-form input { margin-top: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid transparent; } .protected-item-form input:focus { border-color: #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #333; } /*single portfolio related*/ .related-portfolio-posts { margin-top: 30px } /*no margins archives*/ .portfolio-no-margins .col { margin: 0 !important; padding: 0 !important; } /*-------------------------------------------------------------- 16.0 - Staff --------------------------------------------------------------*/ /*entries*/ .staff-entry-title { font-size: 14px; color: #000; margin: 0 0 5px; font-weight: bold; font-weight: 600; } .staff-entry { text-align: left; margin-bottom: 30px; } .staff-entry-details { padding-top: 15px } .staff-entry-media { position: relative } .staff-entry-media-link { display: block } .staff-entry-media img { display: block; margin: 0 auto; } .staff-entry-position { font-size: 12px; color: #777; list-style: none; margin: -5px 0 10px; } .staff-entry-excerpt p { margin-bottom: 15px } .staff-entry-excerpt, .staff-entry-excerpt p:last-child { margin: 0 } .staff-social { margin-top: 10px } .staff-social a { display: block; float: left; color: #bbb; font-size: 14px; margin-left: 5px; border: 1px solid #eee; border-radius: 24px; height: 24px; line-height: 24px; width: 24px; text-align: center; } .staff-social a:first-child { margin-left: 0 } .staff-social a:hover { text-decoration: none; background: #f7f7f7; } .staff-social a.staff-twitter:hover { color: #00aced } .staff-social a.staff-facebook:hover { color: #3b5998 } .staff-social a.staff-pinterest:hover { color: #cb2027 } .staff-social a.staff-google-plus:hover { color: #dd4b39 } .staff-social a.staff-linkedin:hover { color: #4875b4 } .staff-social a.staff-dribbble:hover { color: #ef5b93 } .staff-social a.staff-skype:hover { color: #04b1f5 } .staff-social a.staff-envelope:hover { color: #666 } .staff-entry .vcex-readmore { margin-top: 15px } /*one column grid*/ .staff-entry.span_1_of_1 { margin: 0 0 30px; float: none; border: none; } .staff-entry.span_1_of_1 .staff-entry-media { width: 45%; float: left; padding: 0 30px 0 0; } .staff-entry.span_1_of_1 .staff-entry-details { width: 55%; float: right; } .staff-entry.span_1_of_1 .staff-entry-title { margin: 0 } /*vc composer carousel social*/ .vcex-caroufredsel-staff .staff-social a { border-color: #ddd } .vcex-caroufredsel-staff .staff-social a:hover { background: #fff } /*posts*/ #staff-post-thumbnail { margin-bottom: 20px } #staff-post-thumbnail img { display: block; margin: 0; } /*single staff related*/ .related-staff-posts { margin-top: 30px } /*no margins archives*/ .staff-no-margins .col { margin: 0 !important; padding: 0 !important; } /*-------------------------------------------------------------- 17.0 - Testimonials --------------------------------------------------------------*/ .testimonial-entry-content { position: relative; border: 1px solid #eee; background: #f7f7f7; padding: 20px; border-radius: 3px; } .testimonial-caret { position: absolute; display: block; background: url("images/base/testimonials-arrow.png") no-repeat; left: 10px; height: 12px; width: 20px; bottom: -12px; } .testimonial-entry-content p { margin: 0 0 15px } .testimonial-entry-content p:last-child { margin: 0 } .testimonial-entry-bottom { margin-top: 20px } .testimonial-entry-thumb { float: left; margin-right: 20px; min-width: 45px; } .testimonial-entry-thumb img { display: block; padding: 3px; border: 1px solid #eee; border-radius: 50%; } .testimonial-entry-meta { float: left } .testimonial-entry-author { display: block; font-weight: bold; font-weight: 600; color: #000; font-size: 14px; } .testimonial-entry-company { margin-top: -2px; display: block; color: #999; font-size: 13px; } /*single*/ .single-testimonials .left-sidebar blockquote { margin-top: 0 } .single-testimonials .right-sidebar blockquote { margin-top: 0 } /*-------------------------------------------------------------- 18.0 - Blog General Styles --------------------------------------------------------------*/ /*general entry styles*/ .blog-entry a.blog-entry-media-link { display: block; margin: 0 auto; } .blog-entry.format-link .blog-entry-title { color: #555 } .blog-entry.format-standard .blog-entry-media img, .blog-entry.format-audio .blog-entry-media img, .blog-entry.format-video .blog-entry-media img, .blog-entry.format-image .blog-entry-media img { display: block; margin: 0 auto; width: 100%; } .single-post .blog-entry.grid-entry-style.format-quote { width: 100%; margin: 0; } .format-quote { overflow: hidden } .blog-entry-readmore span.readmore-rarr { margin-left: 3px } /*meta*/ .blog-entry.large-image-entry-style .meta li .fa { -webkit-font-smoothing : subpixel-antialiased; color: #bcbcbc; } /*post gallery*/ .gallery-slider-loader { height: 60px; width: 100%; background: #f7f7f7 url("images/preloaders/loader.gif") center center no-repeat; text-align: center; color: #555; font-size: 21px; } .gallery-format-post-slider-wrap ul, .gallery-format-post-slider-wrap ol { margin: 0; list-style: none; } .gallery-format-post-slider-wrap .slides > li:first-child { display: block; -webkit-backface-visibility: visible; } .gallery-format-post-slider-wrap ul li { list-style: none } .gallery-format-post-slider-wrap .flex-control-thumbs { padding-top: 10px; z-index: 99; } .gallery-format-post-slider-wrap .flex-control-thumbs:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .gallery-format-post-slider-wrap .flex-control-thumbs li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; cursor: pointer; height: auto; width: 50px; } .gallery-format-post-slider-wrap .flex-control-thumbs li a { display: block } .gallery-format-post-slider-wrap .flex-control-thumbs li img { width: 100%; display: block; opacity: 0.4; margin-bottom: 3px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; box-shadow: #000 0em 0em 0em; } .gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active, .gallery-format-post-slider-wrap .flex-control-thumbs li img:hover { opacity: 1 } .gallery-format-post-slider-wrap .flex-direction-nav a { display: block; width: 40px; height: 60px; line-height: 60px; margin-top: -30px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.7; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; background: #000; color: #fff; text-align: center; font-size: 18px; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-prev { left: 0; border-radius: 0 3px 3px 0; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-next { right: 0; border-radius: 3px 0 0 3px; } .gallery-format-post-slider-wrap .flex-direction-nav a:hover { opacity: 1 } /*audio format*/ .blog-entry-img-link { position: relative; display: block; } .blog-entry-music-icon-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .blog-entry-music-icon-overlay:hover { background: rgba(0,0,0,0.6) } .blog-entry-music-icon-overlay .fa { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #fff; color: #000; font-size: 18px; border-radius: 99px; opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; } .blog-post-audio { overflow: hidden; width: 100%; } .blog-post-audio iframe, .blog-post-audio embed { max-width: 100% } /*-------------------------------------------------------------- 18.1 - Blog Entry: Full-Width --------------------------------------------------------------*/ /*main*/ .blog-entry.large-image-entry-style { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; margin-left: 0; } .blog-entry.large-image-entry-style .blog-entry-title { font-size: 24px; margin: 0 0 10px; line-height: 1.3em; font-weight: 400; } .blog-entry.large-image-entry-style .blog-entry-media { margin-bottom: 20px } .blog-entry.large-image-entry-style .blog-entry-excerpt { margin-bottom: 20px } .blog-entry.large-image-entry-style .blog-entry-excerpt p:last-child { margin: 0 } /*meta*/ .blog-entry.large-image-entry-style .meta { font-size: 12px; color: #777; list-style: none; margin: 0 0 10px; } .blog-entry.large-image-entry-style .meta a { color: #777; text-decoration: none; } .blog-entry.large-image-entry-style .meta a:hover { color: #000; text-decoration: none; } .blog-entry.large-image-entry-style .meta li { float: left; margin: 0 20px 5px 0; } .blog-entry.large-image-entry-style .meta li:last-child { margin-right: 0 } .blog-entry.large-image-entry-style .meta li .fa { margin-right: 8px } .blog-entry.large-image-entry-style li.meta-seperator { margin: 0 15px; color: #bbb; } /*author avatars in blog entries*/ .blog-entry.large-image-entry-style .header-with-avatar { position: relative; padding-left: 100px; margin-bottom: 20px; } .blog-entry.large-image-entry-style .blog-entry-author-avatar { position: absolute; left: 0; top: 0; } .blog-entry.large-image-entry-style .blog-entry-author-avatar, .blog-entry.large-image-entry-style .blog-entry-author-avatar img { height: 74px; width: 74px; } /*quote format*/ .blog-entry.large-image-entry-style.format-quote { position: relative; display: block; padding: 20px 30px; font-size: 16px; z-index: 2; background: #f7f7f7; border-bottom: none; } .blog-entry.large-image-entry-style.format-quote p:last-child { margin: 0 } .blog-entry.large-image-entry-style.format-quote .quote-entry-author { margin-top: 15px; font-size: 12px; font-weight: 300; text-decoration: underline; } .blog-entry.large-image-entry-style.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #fff; font-size: 100px; display: block; z-index: 1; opacity: 0.15; } /*audio format*/ .blog-entry.large-image-entry-style .blog-entry-music-icon-overlay .fa { height: 60px; line-height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; } /*readmore*/ .blog-entry.large-image-entry-style .blog-entry-readmore { margin-top: 0px } /*-------------------------------------------------------------- 18.2 - Blog Entry: Thumbnail --------------------------------------------------------------*/ /*main*/ .blog-entry.thumbnail-entry-style { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .blog-entry.thumbnail-entry-style .blog-entry-media { float: left; width: 46%; } .blog-entry.thumbnail-entry-style .blog-entry-content { float: right; width: 50%; } #content-wrap.left-sidebar .blog-entry.thumbnail-entry-style .blog-entry-media { float: right } #content-wrap.left-sidebar .blog-entry.thumbnail-entry-style .blog-entry-content { float: left } .blog-entry.thumbnail-entry-style .social-share-buttons { display: none !important } .blog-entry.thumbnail-entry-style.no-featured-image .blog-entry-content { float: none; width: 100%; } /*title*/ .blog-entry.thumbnail-entry-style .blog-entry-title { font-size: 24px; margin: 0 0 5px; line-height: 1.3em; font-weight: 400; } /*meta*/ .blog-entry.thumbnail-entry-style .meta { font-size: 12px; color: #777; list-style: none; margin: 0 0 10px; } .blog-entry.thumbnail-entry-style .meta a { color: #777; text-decoration: none; } .blog-entry.thumbnail-entry-style .meta a:hover { color: #000; text-decoration: none; } .blog-entry.thumbnail-entry-style .meta li { float: left; margin: 0 20px 5px 0; } .blog-entry.thumbnail-entry-style .meta li:last-child { margin-right: 0 } .blog-entry.thumbnail-entry-style .meta li .fa { margin-right: 8px } .blog-entry.thumbnail-entry-style li.meta-seperator { margin: 0 15px; color: #bbb; } .blog-entry.thumbnail-entry-style .meta-category { display: none } /*excerpt*/ .blog-entry.thumbnail-entry-style .blog-entry-excerpt { margin-bottom: 30px } /*author avatars in blog entries*/ .blog-entry.thumbnail-entry-style .header-with-avatar { position: relative; padding-left: 100px; margin-bottom: 25px; } .blog-entry.thumbnail-entry-style .blog-entry-author-avatar { position: absolute; left: 0; top: 0; } /* gallery */ .blog-entry.thumbnail-entry-style .gallery-format-post-slider-wrap { margin: 0 } .blog-entry.thumbnail-entry-style .gallery-format-post-slider-wrap .flex-control-thumbs { display: none !important } .blog-entry.thumbnail-entry-style .gallery-format-post-slider-wrap .flex-direction-nav a { height: 40px; width: 25px; line-height: 40px; font-size: 14px; margin-top: -20px; } /*quote format*/ .blog-entry.thumbnail-entry-style.format-quote { position: relative; display: block; padding: 20px 30px; font-size: 16px; z-index: 2; background: #f7f7f7; } .blog-entry.thumbnail-entry-style.format-quote p:last-child { margin: 0 } .blog-entry.thumbnail-entry-style.format-quote .quote-entry-author { margin-top: 15px; font-size: 12px; font-weight: 300; text-decoration: underline; } .blog-entry.thumbnail-entry-style.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #fff; font-size: 100px; display: block; z-index: 1; opacity: 0.15; } /*-------------------------------------------------------------- 18.3 - Blog Entry: Grid --------------------------------------------------------------*/ /*main*/ .blog-isotope-grid .infinite-scroll-loader { bottom: 0 } .blog-entry.grid-entry-style { float: left } .blog-entry.grid-entry-style .blog-entry-inner { padding: 0 20px 20px; border: 1px solid #eee; } .blog-entry.grid-entry-style .blog-entry-media { margin: 0 -20px; } .blog-entry.grid-entry-style .social-share-buttons { display: none !important } /*title*/ .blog-entry.grid-entry-style header { margin-top: 20px; } .blog-entry.grid-entry-style .blog-entry-title { font-size: 16px; margin: 0; line-height: 1.5em; font-weight: 400; } /*meta*/ .blog-entry.grid-entry-style .meta { font-size: 12px; color: #777; list-style: none; margin: 0 0 5px; } .blog-entry.grid-entry-style .meta a { color: #777; text-decoration: none; } .blog-entry.grid-entry-style .meta a:hover { color: #000; text-decoration: none; } .blog-entry.grid-entry-style .meta li { float: left; margin: 0 20px 5px 0; } .blog-entry.grid-entry-style .meta li:last-child { margin-right: 0 } .blog-entry.grid-entry-style .meta li .fa { display: none } .blog-entry.grid-entry-style .meta-author, .blog-entry.grid-entry-style .meta-category, .blog-entry.grid-entry-style .meta-comments { display: none } /*author avatars in blog entries*/ .blog-entry.grid-entry-style .blog-entry-author-avatar { display: none } /* gallery */ .blog-entry.grid-entry-style .gallery-format-post-slider-wrap .flex-control-thumbs { display: none !important } .blog-entry.grid-entry-style .gallery-format-post-slider-wrap .flex-direction-nav a { height: 40px; width: 25px; line-height: 40px; font-size: 14px; margin-top: -20px; } /*quote format*/ .blog-entry.grid-entry-style.format-quote .post-quote-entry-inner { position: relative; display: block; padding: 20px 30px; font-size: 16px; z-index: 2; background: #f7f7f7; } .blog-entry.grid-entry-style.format-quote p:last-child { margin: 0 } .blog-entry.grid-entry-style.format-quote .quote-entry-author { margin-top: 15px; font-size: 12px; font-weight: 300; text-decoration: underline; } .blog-entry.grid-entry-style.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 100px; display: block; z-index: 1; opacity: 0.15; } /*excerpt*/ .blog-entry.grid-entry-style .blog-entry-excerpt { margin-top: 10px; } /*read more button*/ .blog-entry.grid-entry-style .blog-entry-readmore { margin-top: 20px } .blog-entry.grid-entry-style .theme-button { font-size: 11px; height: 22px; line-height: 22px; padding: 0 10px; } /*-------------------------------------------------------------- 19.0 - Single Blog Posts --------------------------------------------------------------*/ /*post title */ .post-title { font-size: 24px; margin: 0 0 10px; line-height: 1.3em; font-weight: 400; } /*meta*/ #content-wrap.full-screen .meta { display: none } .single-post .meta { position: relative; font-size: 12px; color: #777; list-style: none; margin: 0 0 20px; padding: 10px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .single-post .meta a { color: #777; text-decoration: none; } .single-post .meta a:hover { color: #000; text-decoration: none; } .single-post .meta li { float: left; margin: 0 20px 0 0; } .single-post .meta li:last-child { margin-right: 0 } .single-post .meta li .fa { margin-right: 8px } .single li.meta-seperator { margin: 0 15px; color: #bbb; } #single-post-next-prev { height: 14px; position: absolute; right: 0; top: 8px; } #single-post-next-prev span.theme-button { margin: 0; height: 14px; line-height: 14px; width: 14px; padding: 0; font-size: 9px; text-align: center; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-align: center; } #single-post-next-prev span.theme-button .fa { margin: 0 } /*meta with title*/ .single-post-title { font-size: 24px; margin: 0 0 10px; line-height: 1.3em; font-weight: 400; } .single-post .meta.meta-with-title { border: none; padding: 0; } /*post thumbnail*/ #post-media { display: block; position: relative; margin-bottom: 20px; } #post-media img { display: block; margin: 0 auto; width: 100%; } .post-media-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 12px; font-weight: normal; } .post-media-caption p { color: #fff } .post-media-caption a { color: #fff; text-decoration: underline; } .post-media-caption p:last-child { margin: 0 } /*post series*/ #post-series { padding: 0 25px 25px; background: #f7f7f7; border: 1px solid #e4e4e4; margin-bottom: 30px; } #post-series-title { background: #eee; font-size: 16px; font-weight: 400; margin: 0 -25px 25px; padding: 10px 25px; color: #000; border-bottom: 1px solid #e4e4e4; } #post-series ul { list-style: none !important; margin: 0 !important; } #post-series li { margin: 7px 0 0; padding: 0 0 7px; border-bottom: 1px solid #eee; } #post-series li:first-child { margin: 0 } #post-series .post-series-count { font-weight: bold; font-weight: 600; color: #000; margin-right: 10px; } #post-series .post-series-current { color: #777; text-decoration: line-through; } /*tags*/ .post-tags { margin-top: 40px } .post-tags a { display: block; float: left; font-size: 12px; padding: 3px 8px; margin: 0 5px 5px 0; background: #eee; border: 1px solid #ccc; color: #555; text-shadow: 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #e5e5e5; background: -webkit-linear-gradient(#f5f5f5,#e5e5e5); background: -moz-linear-gradient(#f5f5f5,#e5e5e5); background: -o-linear-gradient(#f5f5f5,#e5e5e5); background: linear-gradient(#f5f5f5,#e5e5e5); -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 3px -1px rgba(45,60,72,0.1); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 3px -1px rgba(45,60,72,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 3px -1px rgba(45,60,72,0.1); cursor: pointer; } .post-tags a:hover { text-decoration: none; background: #f7f7f7; } .post-tags a:active { background: #eeeeee; background: -webkit-linear-gradient(#eeeeee,#fefefe); background: -moz-linear-gradient(#eeeeee,#fefefe); background: -o-linear-gradient(#eeeeee,#fefefe); background: linear-gradient(#eeeeee,#fefefe); } /*author bio*/ .author-bio { position: relative; margin: 40px 0 0; background: #f7f7f7; border: 1px solid #e4e4e4; padding: 25px 25px 25px 125px; } .author-bio-avatar { position: absolute; top: 20px; left: 20px; } .author-bio-avatar img { display: block; border-radius: 74px; -moz-border-radius: 74px; -webkit-border-radius: 74px; height: 74px; width: 74px; } .author-bio-title { font-weight: bold; font-weight: 600; color: #000; font-size: 14px; margin: 0 0 5px; } .author-bio-title a { color: #000 } .author-bio-description p:last-child { margin: 0 } .author-bio-social { margin-top: 15px } .author-bio-social a { display: block; float: left; color: #fff; height: 25px; line-height: 25px; width: 25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; margin-right: 4px; font-size: 13px; background: #1e1e1e; } .author-bio-social a:hover { color: #fff; text-decoration: none; opacity: 0.8; } .author-bio-social a:active { box-shadow: inset 0 1px 4px rgba(0,0,0,0.4) } .author-bio-social a.twitter { background: #00ACED } .author-bio-social a.facebook { background: #3B5998 } .author-bio-social a.google-plus { background: #D14836 } .author-bio-social a.pinterest { background: #CB2027 } .author-bio-social a.linkedin { background: #007FB1 } .author-bio-social a.instagram { background: #517fa4 } /*related posts*/ .related-posts { margin-bottom: -20px; overflow: hidden; } .related-posts li { margin-bottom: 20px } .related-posts li:last-child, .related-posts li p:last-child { margin-bottom: 0 } .related-post-thumb { display: block } .related-post-thumb img { display: block; width: 100%; } .related-post-thumb img:hover { opacity: 0.8 } .related-post-title { font-weight: bold; font-weight: 600; color: #000; font-size: 13px; line-height: 1.4em; margin-bottom: 5px; display: inline-block; } .related-post-title:hover { text-decoration: none } .related-post-content { padding: 10px; background: #f7f7f7; border: 1px solid #e4e4e4; } .related-post-excerpt { font-size: 12px; line-height: 1.7em; } .related-post-excerpt p:last-child { margin: 0 } /*Quote post format*/ .single .format-quote { position: relative; display: block; padding: 20px 30px; font-size: 16px; z-index: 2; background: #f7f7f7; } .single .format-quote p:last-child { margin: 0 } .single .format-quote .quote-entry-author { margin-top: 15px; font-size: 12px; font-weight: 300; text-decoration: underline; } .single .format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #fff; font-size: 100px; display: block; z-index: 1; opacity: 0.15; } /*-------------------------------------------------------------- 20.0 - Other Custom Post Types --------------------------------------------------------------*/ .custom-post-type-entry { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .custom-post-type-entry .meta { font-size: 12px; color: #777; list-style: none; margin: 0 0 10px; } .custom-post-type-entry .meta a { color: #777; text-decoration: none; } .custom-post-type-entry .meta a:hover { color: #000; text-decoration: none; } .custom-post-type-entry .meta li { float: left; margin: 0 20px 5px 0; } .custom-post-type-entry .meta li:last-child { margin-right: 0 } .custom-post-type-entry .meta li .fa { margin-right: 8px } .custom-post-type-entry li.meta-seperator { margin: 0 15px; color: #bbb; } /*-------------------------------------------------------------- 21.0 - Social Sharing --------------------------------------------------------------*/ .social-share-title { margin: 40px 0 15px } .social-share-title span { background: #fff; padding-right: 15px; } /*vertical social share*/ .social-share-buttons.position-vertical { position: absolute; top: 0; left: -55px; z-index: 9; width: 35px; list-style: none; margin: 0; } .left-sidebar .social-share-buttons.position-vertical { right: -55px; left: auto; } .social-share-buttons.position-vertical li { float: left } .social-share-buttons.position-vertical li:first-child { border-top: 1px solid #e4e4e4 } /*horizontal social share*/ .blog-entry .social-share-buttons.position-horizontal { display: none } .social-share-buttons.position-horizontal { position: inherit; top: auto; left: auto; width: auto; height: auto; } .social-share-buttons.position-horizontal li { float: left; border: none; } .social-share-buttons.position-horizontal li a { color: #999; width: auto; padding: 0 10px; height: 30px; line-height: 30px; display: block; border: 1px solid #e4e4e4; margin: 0 5px 0 0; text-decoration: none !important; font-weight: normal; } .social-share-buttons.position-horizontal li .fa { margin-right: 5px } .social-share-buttons.position-horizontal .social-share-button-text { font-size: 13px } /*minimal social share*/ .social-share-buttons li a { color: #999; width: 35px; height: 35px; line-height: 35px; display: block; border: 1px solid #e4e4e4; border-top: none; text-align: center; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; font-size: 14px; } .social-share-buttons li a:hover { background: #f7f7f7 } .social-share-buttons li.share-twitter a:hover { color: #00aced } .social-share-buttons li.share-facebook a:hover { color: #3b5998 } .social-share-buttons li.share-pinterest a:hover { color: #cb2027 } .social-share-buttons li.share-googleplus a:hover { color: #dd4b39 } .social-share-buttons li.share-linkedin a:hover { color: #4875B4 } /*flat social share*/ .style-flat li li:first-child { border: none } .social-share-buttons.style-flat li a { color: #fff !important; border: none !important; border-radius: 2px; } .style-flat li.share-twitter a { background: #00aced } .style-flat li.share-twitter a:hover { background: #0093cb } .style-flat li.share-facebook a { background: #3b5998 } .style-flat li.share-facebook a:hover { background: #324b80 } .style-flat li.share-pinterest a { background: #cb2027 } .style-flat li.share-pinterest a:hover { background: #ae1b21 } .style-flat li.share-googleplus a { background: #dd4b39 } .style-flat li.share-googleplus a:hover { background: #d03724 } .style-flat li.share-linkedin a { background: #4875B4 } .style-flat li.share-linkedin a:hover { background: #3e659c } .social-share-buttons.style-flat li { margin-bottom: 3px } /*3d social share*/ .style-three-d li li:first-child { border: none } .social-share-buttons.style-three-d li a { color: #fff !important; border: none; border-bottom: 3px solid rgba(0,0,0,0.25); border-radius: 2px; } .social-share-buttons.style-three-d li a:active { border-bottom-color: transparent } .style-three-d li.share-twitter a { background: #00aced } .style-three-d li.share-twitter a:hover { background: #0093cb } .style-three-d li.share-facebook a { background: #3b5998 } .style-three-d li.share-facebook a:hover { background: #324b80 } .style-three-d li.share-pinterest a { background: #cb2027 } .style-three-d li.share-pinterest a:hover { background: #ae1b21 } .style-three-d li.share-googleplus a { background: #dd4b39 } .style-three-d li.share-googleplus a:hover { background: #d03724 } .style-three-d li.share-linkedin a { background: #4875B4 } .style-three-d li.share-linkedin a:hover { background: #3e659c } .social-share-buttons.style-three-d li { margin-bottom: 3px } /*social light - counter style*/ .social-buttons .socialite { display: block; position: relative; } .social-share-buttons.style-counter { min-height: 1px; min-width: 1px; } .social-share-buttons.position-vertical.style-counter { width: auto; left: -80px; } .social-share-buttons.style-counter li, .social-share-buttons.style-counter a { border: none !important } .social-share-buttons.style-counter.position-vertical li { display: block; float: none; margin: 0; } .social-share-buttons.position-horizontal.style-counter li { display: block; float: left; margin-right: 7px; } .social-share-buttons.style-counter a { border: none !important; background: none !important; } /*-------------------------------------------------------------- 22.0 - WP Gallery --------------------------------------------------------------*/ #content-wrap.full-width .gallery-item { margin-bottom: 15px } #content-wrap.left-sidebar .gallery-item, #content-wrap.right-sidebar .gallery-item { margin-bottom: 10px } .wpex-gallery { margin-bottom: 15px } .wpex-gallery p { margin: 0 !important } .gallery-item img { display: block; border: none !important; width: 100%; } .gallery-item img:hover { opacity: 0.8 } .gallery-caption { font-size: 12px; background: #f7f7f7; border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 5px 10px; } /*-------------------------------------------------------------- 23.0 - Pagination --------------------------------------------------------------*/ /*next/previous posts*/ .post-pagination { border-top: 1px solid #eee; margin: 0; padding: 20px 0; font-size: 13px; font-weight: 400; color: #888; } .post-pagination a { color: #888 } .post-pagination .post-prev { float: left; width: 48%; } .post-pagination .post-prev span { margin-right: 5px } .post-pagination .post-next { float: right; width: 48%; text-align: right; } .post-pagination .post-next span { margin-left: 5px } .post-pagination a:hover { text-decoration: none; color: #000; } #content-wrap.full-screen .post-pagination { display: none } /*standard*/ ul.page-numbers { list-style: none; margin: 0; } .wpb_column ul.page-numbers { margin-top: 10px } ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; } .page-numbers a, .page-numbers span { line-height: 1em; display: block; padding: 0 8px; height: 24px; line-height: 24px; font-size: 12px; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; } .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none; } .page-numbers:hover { text-decoration: none } /*infinite scroll*/ .infinite-scroll-loader { position: absolute; bottom: -20px; left: 50%; margin-left: -8px; height: 16px; line-height: 16px; width: 30px; background: url("images/preloaders/loader.gif") center center no-repeat; text-indent: -9999px; } #infscr-loading img { display: none !important } .infinite-scroll-nav { display: none } /*Add some padding*/ .infinite-scroll-wrap { position: relative; padding-bottom: 20px; } /*-------------------------------------------------------------- 24.0 - Single Post Next/Prev --------------------------------------------------------------*/ .single-nav { position: absolute; top: 50%; right: 0; margin-top: -13px; height: 26px; } .single-nav-left, .single-nav-right { float: left; margin-left: 3px; } .single-nav a { font-size: 0.875em; display: block; width: 26px; height: 26px; line-height: 26px; background: #F5F5F5; background: -webkit-gradient(linear, left bottom, left top, from(#F5F5F5), to(#FFF)), #FFF; background: -moz-linear-gradient(90deg, #F5F5F5 0%, #FFF 100%), #FFF; border: 1px solid #ddd; color: #999; font-weight: normal; text-align: center; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02); } .single-nav a:hover { text-decoration: none; color: #4d4d4d; } /*-------------------------------------------------------------- 25.0 - Sidebar --------------------------------------------------------------*/ #sidebar { font-size: 12px } .sidebar-box { padding-bottom: 30px } .sidebar-box input { max-width: 100% } #sidebar .widget-title { margin: 0 0 20px; font-size: 14px; font-weight: bold; font-weight: 600; color: #000; } #sidebar select { width: 100% } /*-------------------------------------------------------------- 26.0 - Widgets --------------------------------------------------------------*/ /*widgets with borders*/ .wpex-widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget_product_categories li, .widget_layered_nav li, .widget-recent-posts-icons li { padding: 6px 0; border-bottom: 1px solid #eee; } .wpex-widget-recent-posts-li:first-child, .widget_categories li:first-child, .widget_recent_entries li:first-child, .widget_archive li:first-child, .widget_recent_comments li:first-child, .widget_product_categories li:first-child, .widget_layered_nav li:first-child, .widget-recent-posts-icons li:first-child { border-top: 1px solid #eee } .widget_product_categories ul ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_product_categories ul ul li { padding-left: 15px } /*custom menu*/ #main .widget_nav_menu ul { margin: 0 } #main .widget_nav_menu ul ul { margin: 0; border: none; border-radius: 0; } #main .widget_nav_menu ul > li:first-child > a { border-top: 1px solid #f2f2f2; } #main .widget_nav_menu li ul li:first-child a { border-top: none } #main .widget_nav_menu a { position: relative; font-weight: normal; display: block; padding: 9px 15px; border: 1px solid #fff; border-bottom: 1px solid #f2f2f2; } #main .widget_nav_menu a .fa { margin-right: 10px } #main .widget_nav_menu .menu-item-has-children > a { padding-right: 30px } #main .widget_nav_menu ul ul li a { padding-left: 20px } #main .widget_nav_menu ul ul ul li a { padding-left: 30px } #main .widget_nav_menu .sub-menu a:before { /*content: "\2013";*/ content:"-"; margin-right: 10px; } #main .widget_nav_menu .sub-menu .sub-menu a:before { /*content: "\2013";*/ content:"- -"; margin-right: 10px; } #main .widget_nav_menu a:hover, #main .widget_nav_menu li.active > a { background: none repeat scroll 0 0 #fff; color: #5b5d5e; text-decoration: none; } #main .widget_nav_menu li:hover > span{ color: #fff;} #main .widget_nav_menu .parent > span { color: #5b5d5e; cursor: pointer; display: block; font-family: "FontAwesome"; font-size: 14px; font-style: normal; font-weight: normal; height: 20px; line-height: 18px; padding: 15px; position: absolute; right: 0; top: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #main .widget_nav_menu .parent > span:after { content: "\f0d7";} #main .widget_nav_menu .parent.active > span:after,#main .widget_nav_menu .current-menu-item > span:after { content: "\f0d8"; color:#5b5d5e; } #main .widget_nav_menu li{ position:relative;} #main .widget_nav_menu .sub-menu { display: none } #main .widget_nav_menu .current_page_item > a { background: none repeat scroll 0 0 #fff; color: #5b5d5e; } /*recent comments*/ #sidebar li.recentcomments a { text-decoration: underline } /*tagcloud widget*/ #main .tagcloud a { display: block; font-size: 11px !important; line-height: 1.2em !important; float: left; padding: 5px 8px; margin: 0 5px 5px 0; border: 1px solid #eee; color: #555; background: #f7f7f7; cursor: pointer; } #main .tagcloud a:hover { text-decoration: none; background: #fff; } /*social widget*/ .wpex-social-widget-output { list-style: none } .wpex-social-widget-output li { margin: 0; padding: 0; border: none; float: left; margin-right: 5px; margin-bottom: 5px; } .wpex-social-widget-output li img { display: block } .wpex-social-widget-output li img:hover { opacity: 0.8 } .wpex-social-widget-output li img:active { position: relative; top: 1px; } /*font awesome social widget*/ .wpex-fontawesome-social-widget-ul { list-style: none } .wpex-fontawesome-social-widget-ul li { margin: 0; padding: 0; border: none; float: left; margin-right: 5px; margin-bottom: 5px; } .wpex-fontawesome-social-widget-ul li a { background: #444; display: block; height: 30px; line-height: 30px; width: 30px; border-radius: 3px; text-align: center; font-size: 14px; color: #fff !important; } .wpex-fontawesome-social-widget-ul.social-style-black a, .wpex-fontawesome-social-widget-ul.social-style-black-color-hover a { background: #000 } .wpex-fontawesome-social-widget-ul.social-style-black a:hover, .wpex-fontawesome-social-widget-ul.social-style-color a:hover { opacity: 0.7 } .wpex-fontawesome-social-widget-ul.social-type-graphical a { box-shadow: inset 0 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(0,0,0,0.1); background: #444; } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover.social-type-graphical a { background: #444 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-twitter a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-twitter a { background: #55ACCE } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-dribbble a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-dribbble a { background: #ea4c89 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-facebook a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-facebook a { background: #3b5998 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-flickr a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-flickr a { background: #FF0084 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-vk a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-vk a { background: #55779b } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-tumblr a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-tumblr a { background: #2C4762 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-google-plus a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-google-plus a { background: #DD4B39 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-youtube-play a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-youtube-play a { background: #C4302B } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-skype a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-skype a { background: #00AFF0 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-rss a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-rss a { background: #FF7900 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-instagram a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-instagram a { background: #3F729B } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-linkedin a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-linkedin a { background: #3399CC } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-renren a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-renren a { background: #2970ad } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-pinterest a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-pinterest a { background: #CB2027 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-github a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-github a { background: #555 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-foursquare a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-foursquare a { background: #0CBADF } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-trello a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-trello a { background: #2174a6 } .wpex-fontawesome-social-widget-ul.social-style-black-color-hover .social-widget-xing a:hover, .wpex-fontawesome-social-widget-ul.social-style-color .social-widget-xing a { background: #026466 } /*flickr widget*/ .wpex-flickr-widget { margin-right: -10px } .wpex-flickr-widget .flickr_badge_image { display: block; width: 22%; float: left; margin-right: 2%; margin-bottom: 7px; height: auto !important; } .wpex-flickr-widget .flickr_badge_image img { display: block; width: 100%; height: auto !important; } .wpex-flickr-widget .flickr_badge_image:hover { opacity: 0.8 } /*video widget*/ .wpex-video-widget-description { text-align: center; margin-top: 15px; } /*calendar widget*/ #wp-calendar { width: 100%; font-size: 11px; } #wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; } #wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; } #wp-calendar tbody td:hover { background: #f1f1f1; color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot td { padding-top: 1px; padding: 4px; } #wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff; } #wp-calendar tbody a { display: block; text-decoration: underline; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #footer #wp-calendar thead th { background: #222 } #footer #wp-calendar tbody td { border-color: #222 } /*thumb grid widget*/ .wpex-recent-posts-thumb-grid li { float: left; margin-right: 5px; margin-bottom: 5px; } .wpex-recent-posts-thumb-grid li a, .wpex-recent-posts-thumb-grid li img { display: block; width: auto; } .wpex-recent-posts-thumb-grid li img:hover { opacity: 0.8 } /*recent posts with thumb*/ .wpex-widget-recent-posts-li { margin: 0; font-size: 12px; min-height: 95px; padding-left: 85px; position: relative; padding-top: 15px; padding-bottom: 15px; } .wpex-widget-recent-posts-li:first-child { padding-top: 15px } .wpex-widget-recent-posts-thumbnail { position: absolute; left: 0; top: 15px; width: 65px; } .wpex-widget-recent-posts-thumbnail, .wpex-widget-recent-posts-thumbnail img { display: block } .wpex-widget-recent-posts-li:first-child .wpex-widget-recent-posts-thumbnail { top: 15px } .wpex-widget-recent-posts-thumbnail:hover { opacity: 0.7 } #sidebar .wpex-widget-recent-posts-title { font-weight: bold; font-weight: 600; color: #000; } #sidebar .wpex-widget-recent-posts-title:hover { text-decoration: none } #sidebar .wpex-widget-recent-posts-date { font-size: 12px; font-weight: 400; color: #777; } .wpex-widget-recent-posts-date { margin-top: 5px } .wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-thumbnail { position: inherit; left: auto; top: auto; margin-bottom: 15px; width: 100%; } .wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-li { padding-left: 0; min-height: 0; } .wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-date { margin-top: 0 } /*categories*/ .widget_categories li { position: relative } .widget_categories li ul { margin: 0 0 0 20px } .widget_categories li ul li:first-child { border-top: 1px solid #eee; margin-top: 4px; } .widget_categories li ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories .cat-count-span { color: #999; font-size: 11px; } /*product categories*/ .widget_product_categories li { position: relative; padding-right: 20px; } .widget_product_categories .count { color: #999; font-size: 11px; margin-left: 5px; } /*woo layered nav*/ .widget_layered_nav li { position: relative } .widget_layered_nav .count { position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; color: #999; font-size: 11px; } /*recent entries*/ .widget_recent_entries .post-date { display: block; font-size: 11px; color: #777; margin: 5px 0 0; } /*widget icons*/ .sidebar-widget-icons .widget_archive a:before, .sidebar-widget-icons .widget_recent_entries a:before, .sidebar-widget-icons .widget_recent_comments a:before, .sidebar-widget-icons .widget_layered_nav a:before, .sidebar-widget-icons .widget_product_categories a:before, .sidebar-widget-icons .widget_categories a:before { margin-right: 10px; font-family: "FontAwesome"; color: #999; display: inline-block; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sidebar-widget-icons .widget_archive a:before { content: "\f016" } .sidebar-widget-icons .widget_recent_entries a:before { content: "\f0f6" } .sidebar-widget-icons .widget_recent_comments a:before { content: "\f0e5" } .sidebar-widget-icons .widget_layered_nav a:before { content: "\f0da" } .sidebar-widget-icons .widget_product_categories a:before { content: "\f0da" } .sidebar-widget-icons .widget_categories a:before { content: "\f114" } /*footer widget colors*/ #footer li, #footer #wp-calendar thead th, #footer #wp-calendar tbody td { border-color: #333 } #footer li a:before { color: #777 } #footer #wp-calendar tbody td:hover, #footer #wp-calendar tbody td a { color: #fff; background-color: #333; } /*widgets added in the VC*/ .wpb_row .widget-title { margin: 0 0 20px; font-size: 14px; font-weight: bold; font-weight: 600; color: #000; } .wpb_row .widget_recent_entries ul, .wpb_row .widget_wpex_fontawesome_social_widget ul, .wpb_row .widget_wpex_recent_posts_thumb ul, .wpb_row .widget_categories ul, .wpb_row .widget_wpex_social_widget ul, .wpb_row .widget_archive ul, .wpb_row .widget_wpex_simple_menu ul { list-style: none; margin: 0; } .entry .widget_nav_menu ul { list-style: none } /*widget with icons*/ .widget-recent-posts-icons li .fa { margin-right: 10px; color: #999; } .site-footer .widget-recent-posts-icons li .fa { color: #777 } /*widget recent comments*/ .wpex-recent-comments-widget li { position: relative; padding-left: 80px; display: block; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px; } .wpex-recent-comments-widget li:first-child { border-top: 1px solid #e7e7e7; padding-top: 20px; } .wpex-recent-comments-widget li a { display: block; min-height: 50px; } .wpex-recent-comments-widget li a.avatar { width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4; } .wpex-recent-comments-widget li:first-child a.avatar { top: 20px } .site-footer .wpex-recent-comments-widget li a.avatar { border-color: #333 } .wpex-recent-comments-widget strong { color: #000 } .site-footer .wpex-recent-comments-widget strong { color: #fff } /*-------------------------------------------------------------- 27.0 - Footer Callout --------------------------------------------------------------*/ #footer-callout-wrap { background: #f7f7f7; padding: 30px 0; border-top: 1px solid #ddd; } #footer-callout { font-size: 18px; font-weight: normal; line-height: 1.7em; } #footer-callout-left, #footer-callout-right { display: block; float: left; } #footer-callout-left { width: 75% } #footer-callout-left.full-width { width: 100% } #footer-callout-right { width: 23%; margin-left: 2%; } #footer-callout .theme-button { background: #3b86b0; margin: 0; width: 100%; text-align: center; font-size: 16px; font-weight: 400; height: auto; line-height: 1.6em; padding: 15px 20px; } #footer-callout .theme-button:hover { background: #327397 } #footer-callout .theme-button:active { background: #265670 } /*-------------------------------------------------------------- 28.0 - Footer & Footer Widgets --------------------------------------------------------------*/ .site-footer { background: #262626; color: #777; } .site-footer .container { padding-top: 45px } .single-col-footer .col { margin-left: 0; width: 100%; margin-right: 0; } .site-footer ul { margin: 0 } .site-footer .col { margin-bottom: 0 } .full-screen-post .site-footer { margin-top: 0 } .footer-widget .widget-title { margin: 0 0 20px; font-weight: bold; font-weight: 600; font-size: 14px; } .site-footer .widget_recent_entries li, .site-footer .widget_categories li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; } #footer-bottom { color: #666 } #footer-widgets { float: left; width: 100%; } /*footer-one main*/ .site-footer p { color: #777 } .site-footer-widgets { position: relative } .site-footer a, .site-footer strong { color: #999 } .site-footer a:hover { color: #fff; text-decoration: none; } /*footer-one widgets*/ .site-footer .footer-widget { margin-bottom: 45px } .site-footer .footer-widget .widget-title { color: #fff; font-weight: bold; font-weight: 600; font-size: 14px; margin: 0 0 20px; } /*footer-one bottom*/ #footer-bottom { min-height: 40px; background: #222; color: #999; } #footer-bottom-inner { position: relative } #footer-bottom p { color: #999 } #footer-bottom p:last-child { margin: 0 } #footer-bottom > .container { padding-top: 20px; padding-bottom: 20px; } #footer-bottom a { color: #aaa } #footer-bottom a:hover { color: #fff; text-decoration: none; } /*copyright*/ #footer-copyright { font-size: 12px; font-weight: 400; } #footer-copyright p:last-child { margin: 0 } /*footer-one social*/ #footer-bottom-menu { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 12px; } #footer-bottom-menu ul { list-style: none; margin: 0; } #footer-bottom-menu ul li { float: left; margin-left: 20px; } #footer-bottom-menu ul li:first-child { margin-left: 0 } #footer-bottom-menu ul li .fa { margin-right: 7px } /*add more padding to the footer columns for sexiness*/ #wrap .site-footer .wpex-row .col { padding: 0 15px; margin-bottom: 0; } /*-------------------------------------------------------------- 28.1 - Footer Reveal --------------------------------------------------------------*/ @media only screen and (min-width: 960px) { .footer-reveal { position:relative; z-index:1; position: fixed; bottom: 0; left: 0; width: 100%; } body.boxed-main-layout .footer-reveal { position: absolute; } body.footer-has-reveal #main { position: relative; z-index: 2; background: #fff; } } @media only screen and (max-width: 959px) { body.footer-has-reveal #main { margin-bottom: 0 !important } } /*-------------------------------------------------------------- 29.0 - Search --------------------------------------------------------------*/ /*search input*/ .searchform input { width: 100%; background-image: url("images/base/search.png"); background-repeat: no-repeat; background-position: right center; padding: 10px; } #footer .searchform input { background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: 10px; } #footer input[type="search"] { outline: none } /*search results page*/ #search-no-results { font-size: 16px; margin-bottom: 20px; } /*entries*/ .search-entry { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 110px; } .search-entry-no-thumb { padding-left: 0; min-height: 0; } .search-entry h2 { font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600; } .search-entry-thumb { position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee; } .search-entry-thumb img { display: block; width: 100%; } .search-entry-thumb img:hover { opacity: 0.8 } .search-entry-text p:last-child { margin: 0 } /*search site overlay - modal*/ #searchform-overlay { display: none; width: 350px; top: 120px; } #searchform-overlay-title { font-size: 28px; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; } #searchform-overlay input { background: #fff url("images/base/search-overlay-icon.png") right center no-repeat; -webkit-apperance: none !important; width: 100%; border: 0; outline: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; line-height: 45px; color: #000; font-size: 13px; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.7); } #searchform-overlay input:focus { opacity: 0.95 } #searchform-overlay .site-search-form-close:hover { color: #000 } /*dropdown searchform*/ #searchform-dropdown { display: none; z-index: 10000; position: absolute; right: 0; background: #fff; top: 100%; height: 60px; padding: 15px; width: 260px; border-top: 3px solid #3b86b0; box-shadow: 0 2px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.1); } #searchform-dropdown input { display: block; -webkit-appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; outline: none; border: none; width: 100%; padding: 0 10px; height: 30px; line-height: 30px; background: #f4f4f4; font-size: 13px; } .boxed-main-layout #searchform-dropdown { right: 30px } /*header replace*/ #searchform-header-replace { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; } #searchform-header-replace form { height: 100%; width: 100%; } #searchform-header-replace input { height: 100%; width: 100%; outline: 0; border: 0; -webkit-appearance: none; border-radius: 0; -moz-border-radius: none; -webkit-border-radius: none; font-size: 32px; text-transform: uppercase; color: #bbb; background: none; } #searchform-header-replace-close { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer; } #searchform-header-replace-close:hover { color: #000 } body.boxed-main-layout #searchform-header-replace input { padding: 0 30px } body.boxed-main-layout #searchform-header-replace-close { right: 30px } /*-------------------------------------------------------------- 30.0 - Contact Form 7 --------------------------------------------------------------*/ div.wpcf7 .wpcf7-not-valid { border-color: #F00 } div.wpcf7 p { margin-bottom: 10px; font-size: 12px; } span.wpcf7-not-valid-tip { display: none !important } div.wpcf7 input, div.wpcf7 textarea { max-width: 100%; } div.wpcf7-validation-errors { margin: 20px 0 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #fad7b5; font-weight: 400; font-size: 12px; } div.wpcf7 .wpcf7-mail-sent-ok { margin: 10px 0 0; padding: 10px; background: #edfdd3; border: 1px solid #c4dba0; text-align: center; color: #657e3c; font-weight: normal; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; } .wpcf7 input, .wpcf7 textarea { margin-top: 5px } div.wpcf7 .col input { width: 100%; } div.wpcf7 .one-half input { width: 100% } div.wpcf7 .one-half { padding-left: 20px } div.wpcf7 .one-half.first { padding-left: 0 } div.wpcf7 input[type="text"], div.wpcf7 input[type="password"], div.wpcf7 input[type="email"], div.wpcf7 input[type="tel"], div.wpcf7 input[type="url"], div.wpcf7 textarea { padding: 10px } /*-------------------------------------------------------------- 31.0 - Login Page --------------------------------------------------------------*/ #login-page-wrap { margin-top: 80px; text-align: center; } #login-page-logo { margin-bottom: 10px } #login-page-logo a { font-weight: bold; font-weight: 600; font-size: 26px; color: #000; } #login-template-form { display: inline-block; border: 1px solid #eee; background: #f7f7f7; padding: 20px; width: 220px; } #login-template-form label { font-size: 11px; text-transform: uppercase; font-weight: 400; text-align: left; letter-spacing: 1px; display: block; float: none; margin-bottom: 5px; color: #999; } #login-template-form input[type="text"], #login-template-form input[type="password"] { width: 100%; background: #fff; } #login-template-form .button-primary { width: 100% } #login-template-form .login-submit { margin: 0 } #login-template-form input[type="submit"] { height: 40px; line-height: 40px; } /*-------------------------------------------------------------- 32.0 - Login Form --------------------------------------------------------------*/ #wpex-loginform-wrap label { font-size: 1.125em } #wpex-loginform-wrap input[type="text"], #wpex-loginform-wrap input[type="password"] { width: 100%; font-size: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid transparent; margin-top: 10px; border-radius: 3px; } #wpex-loginform-wrap input[type="text"]:focus, #wpex-loginform-wrap input[type="password"]:focus { border-color: #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #333; } #wpex-loginform-wrap p:last-child { margin: 0 } #wpex-loginform-wrap a:hover { color: #4d4d4d; text-decoration: none; } /*-------------------------------------------------------------- 33.0 - Archives --------------------------------------------------------------*/ .archives-section { margin-bottom: 60px } .archives-section h2 { margin: 0 0 10px } .archives-list { list-style: none; border-top: 1px solid #eee; padding-top: 10px; } .archives-list li { display: block; color: #999; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .archives-list li a { color: #999 } .archives-list li a:hover { color: #000; text-decoration: none; } .archives-list li .fa { color: #999; margin-right: 15px; } /*-------------------------------------------------------------- 34.0 - Comments --------------------------------------------------------------*/ #comments { margin-top: 40px } #comments.empty-closed-comments { display: none } #comments .comments-title { font-size: 16px; font-weight: bold; font-weight: 600; border-bottom: 1px solid #e4e4e4; margin: 0 0 20px; padding-bottom: 5px; color: #000; } .comment-notes { color: #666 } #comments .children { margin-left: 30px } #comments li article { position: relative } .comment-author { left: 0; position: absolute; top: 0px; padding: 3px; border: 1px solid #e4e4e4; } .comment-author .avatar { display: block } .comment-details { position: relative; margin-bottom: 25px; padding-bottom: 25px; margin-left: 80px; border-bottom: 1px solid #e4e4e4; } .comment-meta { margin-bottom: 10px } .comment-meta .fn { font-size: 14px; font-weight: bold; font-weight: 600; color: #000; } .comment-date a { font-size: 11px; color: #909090 !important; margin-right: 10px; } .comment-date a:hover { color: #4d4d4d !important } #cancel-comment-reply-link { display: block; color: #F00 !important; cursor: pointer; font-size: 12px; } #cancel-comment-reply-link:hover { text-decoration: underline } .logged-in-as { font-size: 11px; margin: 0 0 10px; } p.comment-notes { font-size: 12px; margin: 5px 0 30px; } #respond { margin: 0 0 25px } #respond h3 { font-size: 16px; margin: 30px 0 0; font-weight: bold; font-weight: 600; } .comment-form-author, .comment-form-email, .comment-form-website, .comment-form-comment, .comment-form-url { margin: 0 0 10px } .comment-form-author input, .comment-form-author input, .comment-form-email input, .comment-form-website input, .comment-form-comment input, .comment-form-url input { width: 50% } #commentform label { display: block } #commentform #submit { float: none } .comment-navigation { font-size: 12px } .nav-next { text-align: right } .form-allowed-tags { display: none } span.required { color: #F00; font-size: 9px; position: relative; top: -4px; } .no-comments { text-align: right } .no-comments i { margin-right: 8px } /*WP JetPack*/ .comment-subscription-form { margin: 0px } .comment-subscription-form:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .comment-subscription-form input, .comment-subscription-form label { float: left; font-size: 11px; margin: 0px !important; margin-right: 5px !important; } /*-------------------------------------------------------------- 35.0 - iLightbox Main --------------------------------------------------------------*/ /* Reset Styles */ .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float: none; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social { -webkit-transform: translateZ(); -moz-transform: translateZ(); } /* Disable & Hide Scrollbar */ .ilightbox-noscroll { overflow: hidden } .ilightbox-closedhand * { cursor: url(closedhand.cur),default !important } .ilightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; z-index: 100005; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader div { width: 72px; height: 72px; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader.horizontal { left: 45%; top: -192px; padding: 0; padding-top: 30px; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-loader.horizontal div { -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-toolbar .ilightbox-prev-button, .ilightbox-toolbar .ilightbox-next-button { display: none } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { bottom: 0; left: 0; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0; right: 0; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; -webkit-transform: translateZ(); -moz-transform: translateZ(); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; -webkit-border-radius: 2px; border-radius: 2px; -ms-interpolation-mode: bicubic; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1 } .ilightbox-holder { display: none; position: fixed; z-index: 100003; -webkit-transform: none; -moz-transform: none; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 30px; right: 30px; bottom: 0; max-width: 100%; padding: 5px 10px; margin: 0 auto; font-size: 12px; line-height: 150%; word-wrap: break-word; z-index: 20003; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ilightbox-holder .ilightbox-container .ilightbox-social { display: none; position: absolute; left: 10px; top: 10px; padding: 5px; padding-left: 0; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; margin-left: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50%; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background-image: url('images/lightbox/social_icons/facebook_16.png') } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a { background-image: url('images/lightbox/social_icons/digg_16.png') } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background-image: url('images/lightbox/social_icons/twitter_16.png') } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a { background-image: url('images/lightbox/social_icons/delicious_16.png') } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a { background-image: url('images/lightbox/social_icons/reddit_16.png') } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background-image: url('images/lightbox/social_icons/google_plus_16.png') } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 100px; margin: auto; width: 300px; height: 50px; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; z-index: 100; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute } /* Style arrow buttons */ .ilightbox-button { position: fixed; z-index: 100008; cursor: pointer; } /* Style mobile devices */ .isMobile .ilightbox-button, .isMobile .ilightbox-thumbnails { display: none !important } .isMobile .ilightbox-toolbar .ilightbox-prev-button, .isMobile .ilightbox-toolbar .ilightbox-next-button { display: block } /*-------------------------------------------------------------- 36.0 - Tipsy Tooltips --------------------------------------------------------------*/ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 99; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000 } .tipsy-arrow-s { border-top-color: #000 } .tipsy-arrow-e { border-left-color: #000 } .tipsy-arrow-w { border-right-color: #000 } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*-------------------------------------------------------------- 37.0 - Isotope --------------------------------------------------------------*/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { z-index: 1; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*-------------------------------------------------------------- 38.0 - Print Styles --------------------------------------------------------------*/ @media print { #sidebar, #footer-callout-wrap, #footer, #footer-bottom, #top-bar-wrap, #site-navigation-wrap, .toggle-bar-btn, .post-pagination, .related.products, .product form.cart { display: none } .container { width: 100%; padding: 0; } } .mailchimp-subscribe{ background:#ec9603; padding: 30px 20px; border-radius:10px; overflow:hidden; margin-bottom:20px;} .mailchimp-subscribe label{ display:none;} .mailchimp-subscribe .mc_custom_border_hdr{ float:left; width:50%;color: #fff; font-size: 25px;} .mailchimp-subscribe #mc_signup{ float:right; width:50%;} .mailchimp-subscribe .mc_merge_var{ margin-bottom:0px !important;} .mailchimp-subscribe .mc_merge_var input{ border-radius:0px !important; border:2px solid #d90017; box-shadow:0px !important;} .mailchimp-subscribe .mc_form_inside{ position:relative;} .mailchimp-subscribe .mc_signup_submit{ margin:2px !important; position:absolute; right:0; top:0;} .mailchimp-subscribe .mc_signup_submit input{margin-top: 0 !important; height:auto !important; line-height:auto !important; width: 100% !important; border:0; background:#d90017; color:#fff;font-size: 22px; padding: 2px 10px;} .mailchimp-popup{background:#ec9603; padding:20px;overflow:hidden;} .mailchimp-popup .mc_custom_border_hdr,.mailchimp-popup label{ display:none;} .mailchimp-popup h1{ color:#fff; text-align:center;} .mailchimp-popup h4{ color:#fff !important;font-size: 18px;} .mailchimp-popup .mc_form_inside{padding: 20px 0; overflow: hidden;} .mailchimp-popup .mc_merge_var{ float:left; width:60%;} .mailchimp-popup .mc_merge_var input{ border-radius:0px !important; box-shadow:0px !important;} .mailchimp-popup .mc_signup_submit_extra{ margin:0 !important; float:right; width:40%; height:41px !important;} .mailchimp-popup .mc_signup_submit_extra input{margin-top: 0 !important; width: 100% !important; border:0; background:#d90017; color:#fff;font-size: 22px;border-radius: 0px !important; padding: 4px 10px; height:auto !important;} .mailchimp-popup .fancybox-closed{ color:#fff;display: block; text-align: center; text-decoration:underline;} #mc_message_extra{ clear:both; display:block;} #mailchimp-popup h1{ font-size:32px;} @media (max-width: 768px) { .mailchimp-subscribe .mc_custom_border_hdr{ float:none !important; width:100% !important;color: #fff; font-size: 23px; display:block; position:relative; margin-bottom:20px; text-align:center;} .mailchimp-subscribe #mc_signup{ float:none !important; width:100%; display:block; position:relative;} } #responsive-menu .responsive-menu li > a:hover{background: none repeat scroll 0 0 #ffffff !important; color: #004282 !important;} #site-logo-right { float: right; width: 30%; margin-top: -20px; } #site-logo { float: left; margin-top: -20px !important; width: 70%; } #main{clear:both;} @media (max-width: 960px) { .mobile-menu-shopping-cart{ display:none !important;} #site-logo,#site-logo-right{ clear: both !important; display: block; float: none !important; max-width: 100% !important; width: 100% !important; margin-top: 5px; overflow:hidden; } #site-logo img{ width:100%;} #site-logo-right img{ margin: 0 auto;} } @media (min-width: 768px) and (max-width: 980px) { #mobile-menu{clear: both; display: block; position: relative;} } form.epm-sign-up-form input[type="text"],form.epm-sign-up-form input[type="email"]{ width: 100%; margin: 5px 0; } form.epm-sign-up-form input[type="submit"]{float: right; margin: 10px 0 0;}