/* LICENSE & DETAILS ================================================== Theme Name: JOYN. Theme URI: http://joyn.swiftideas.com Author: Swift Ideas Author URI: www.swiftideas.net Description: A Retina Responsive Multi-Purpose WordPress Theme, Designed & Developed by Swift Ideas - www.swiftideas.net. Follow us for update notifications:
Twitter
| Facebook Version: 2.6.46 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background, responsive-layout All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* Table of Contents ================================================== #Custom Column Sizing #Page Builder Override Classes #Default @font-face #General #Home Slider #Header #Mobile Header #Footer #Portfolio #Blog #Team #Sidebar #Comments #Contact #Events #Shortcodes #CSS3 Keyframes #Style Switcher #Retina Styles #Responsive Styles ================================================== */ /* #Custom Column Sizing ================================================== */ .col-sm-sf-5 { width: 20%; padding: 0 15px; float: left; } .col-sm-sf-25 { width: 40%; padding: 0 15px; float: left; } /* #Page Builder Override Classes ================================================== Classes to override asset styling ================================================== */ .mt0 { /* Clear Margin Top */ margin-top: 0!important; } .mb0 { /* Clear Margin Bottom */ margin-bottom: 0!important; } .mr0 { /* Clear Margin Right */ margin-right: 0!important; } .ml0 { /* Clear Margin Left */ margin-left: 0!important; } .pt0 { /* Clear Padding Top */ padding-top: 0!important; } .pb0 { /* Clear Padding Bottom */ padding-bottom: 0!important; } .pr0 { /* Clear Padding Right */ padding-right: 0!important; } .pl0 { /* Clear Padding Left */ padding-left: 0!important; } .bt0 { /* Clear Border Top */ border-top: 0!important; } .bb0 { /* Clear Border Bottom */ border-bottom: 0!important; } .no-shadow { /* Remove Shadow */ -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } .no-arrow:after { /* Clear Full Width Text Arrow */ display: none!important; } .pmb0 p { /* Clear Inner p Tags Margin Bottom */ margin-bottom: 0!important; } .ui-helper-reset { font-family: inherit; font-size: inherit; line-height: inherit; } .ui-accordion .ui-accordion-icons { padding: 0!important; } /* #General ================================================== */ .swift-framework-notice { background: #fe504f; text-align: center; padding: 20px; } .swift-framework-notice > h3 { color: #fff; margin: 0 0 5px; font-weight: bold; } .swift-framework-notice > p { color: #fff; font-size: 14px; } html, body { height: 100%; } body { padding: 0; margin: 0; font-size: 14px; -webkit-font-smoothing: antialiased; } .modal.show { opacity: 1; } .modal.fade .modal-dialog { transform: translate(0,0); } body.modal-open { margin-right: 0; } body.mobile-menu-open, body.mh-overlay-show { overflow: hidden!important; max-width: 100%; } body > .ui-datepicker { z-index: 100!important; } a { outline: none!important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover { text-decoration: none; } a:active { outline: none; } a:focus { -moz-outline-style: none; outline: none; text-decoration: none; } h1 { font-size: 30px; line-height: 42px; } h2 { font-size: 24px; line-height: 32px; } h3 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } h5 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 15px; } h6 { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } p { font-size: 14px; line-height: 170%; margin: 0 0 24px; } p:empty { display: none; } p:last-child { margin-bottom: 0; } ul { list-style: none; margin: 0 0 20px; padding: 0; line-height: 160%; } ol { margin: 0 0 20px; padding: 0 0 0 20px; line-height: 160%; } ul > li > ul, ol > li > ol { margin-left: 20px; padding-left: 0; } dl dt { font-weight: bold; } dl dd { margin-bottom: 20px; } dl dt, dl dd { line-height: 180%; } ul ul, ul ol, ol ol, ol ul { margin-left: 0; } .fluid-width-video-wrapper { padding-top: 56.25%!important; } .impact-text, p.impact-text { font-size: 24px; line-height: 32px; } .impact-text-large, p.impact-text-large { font-size: 36px; line-height: 44px; } i[class^="fa-"] { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.text-link { border-bottom: 1px dotted #e3e3e3; } .modal-dialog { margin: 6% auto!important; } .clearfix { clear: none!important; } .carousel-items { opacity: 0; } #header-search { opacity: 0; padding-top: 40px; padding-bottom: 40px; position: absolute; top: 0; width: 100%; z-index: -1; } #header-search i.ss-search { float: left; font-size: 24px; padding-top: 7px; display: inline-block; } #header-search form { float: left; width: 80%; } #header-search input { background: transparent; border: 0; font-size: 24px; padding: 0 15px; margin: 0; width: 100%; line-height: 31px; } #header-search-close { float: right; font-size: 28px; padding: 10px; display: block; } #container { position: relative; z-index: 99; } .layout-boxed #container { width: 1000px; position: relative; margin: 0px auto; background: #fff; } .no-csstransforms3d #container, .ie-mobile #container { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform-style: flat; position: inherit; } .mobile-menu-open #container, .mh-overlay-show #container { overflow: hidden!important; } .mobile-menu-open #container, .mobile-header-center-logo.mobile-menu-open.mobile-cart-open #container { -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobile-header-right-logo.mobile-menu-open #container, .mobile-header-center-logo.mobile-menu-open #container, .mobile-header-center-logo-alt.mobile-cart-open #container { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } .mobile-menu-closing #container { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .no-csstransforms .mobile-menu-open #container, .ie-mobile.mobile-menu-open #container { -webkit-transform: none; transform: none; } #page-bg-image { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border-radius: 0; box-shadow: none; } textarea { border-radius: 0; box-shadow: none; } input:focus, textarea:focus { box-shadow: none!important; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; border-bottom: 1px solid #ededed; } table th { font-weight: bold; } table thead th { text-transform: uppercase; } table tr > th { padding-right: 20px; } table td { padding: 6px 10px 6px 0; border-top: 1px solid #ededed; } address { font-style: italic; margin: 0 0 24px; } img { max-width: 100%; height: auto; } ins { background: #fff9c0; text-decoration: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; border: 0; } audio { margin: 20px 0; } .article-share { display: block; width: auto!important; height: auto!important; text-align: center; position: relative; } share-button { border-radius: 0!important; padding: 12px 18px 11px!important; position: relative; z-index: 3; cursor: pointer; font-weight: bold; white-space: nowrap; text-transform: uppercase; opacity: 0.7; -webkit-transition: all .3s ease; transition: all .3s ease; } share-button:hover { opacity: 1; } share-button:before { content: "\EB41"; font-family: "SSGizmo"!important; font-size: 14px; vertical-align: -2px; margin-right: 5px; font-weight: normal; } share-button .sb-social { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } share-button .sb-social.sb-center { left: 50%; } share-button .sb-social.sb-center.sb-top { top: 0; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } share-button .sb-social.sb-center.sb-bottom { bottom: 0; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } share-button .sb-social.sb-center.active.sb-top { top: -1em; } share-button .sb-social.sb-center.active.sb-bottom { bottom: -1em; } share-button .sb-social.sb-left { left: 50%; } share-button .sb-social.sb-left.sb-top { top: 0; -webkit-transform: translate(calc(-100% + 30px), -100%); -ms-transform: translate(calc(-100% + 30px), -100%); transform: translate(calc(-100% + 30px), -100%); } share-button .sb-social.sb-left.sb-middle { top: 50%; left: 0; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } share-button .sb-social.sb-left.sb-bottom { bottom: 0; -webkit-transform: translate(calc(-100% + 30px), 100%); -ms-transform: translate(calc(-100% + 30px), 100%); transform: translate(calc(-100% + 30px), 100%); } share-button .sb-social.sb-left.active.sb-top { top: -1em; } share-button .sb-social.sb-left.active.sb-middle { left: -1em; } share-button .sb-social.sb-left.active.sb-bottom { bottom: -1em; } share-button .sb-social.sb-right { left: 50%; } share-button .sb-social.sb-right.sb-top { top: 0; -webkit-transform: translate(-30px, -100%); -ms-transform: translate(-30px, -100%); transform: translate(-30px, -100%); } share-button .sb-social.sb-right.sb-middle { top: 50%; left: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } share-button .sb-social.sb-right.sb-bottom { bottom: 0; -webkit-transform: translate(-30px, 100%); -ms-transform: translate(-30px, 100%); transform: translate(-30px, 100%); } share-button .sb-social.sb-right.active.sb-top { top: -1em; } share-button .sb-social.sb-right.active.sb-middle { left: calc(100% + 1em); } share-button .sb-social.sb-right.active.sb-bottom { bottom: -1em; } share-button .sb-social.active { opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; visibility: visible; } share-button .sb-social.load { -webkit-transition: none !important; transition: none !important; } @media screen and (max-width: 400px) { share-button .sb-social.networks-6.sb-center { white-space: initial; text-align: center; width: 300px; } } @media screen and (max-width: 460px) { share-button .sb-social.networks-7.sb-center { white-space: initial; text-align: center; width: 360px; } } @media screen and (max-width: 400px) { share-button .sb-social.networks-7.sb-center { white-space: initial; text-align: center; width: 300px; } } @media screen and (max-width: 520px) { share-button .sb-social.networks-8.sb-center { white-space: initial; text-align: center; width: 420px; } } @media screen and (max-width: 460px) { share-button .sb-social.networks-8.sb-center { white-space: initial; text-align: center; width: 360px; } } @media screen and (max-width: 400px) { share-button .sb-social.networks-8.sb-center { white-space: initial; text-align: center; width: 300px; } } share-button .sb-social ul { margin: 0; padding: 0; list-style: none; line-height: 0; } share-button .sb-social ul li { position: relative; height: 22px; width: 60px; padding: 12px 0; margin: 0; text-align: center; font-size: 20px; cursor: pointer; z-index: 2; box-sizing: content-box; -webkit-transition: all .3s ease; transition: all .3s ease; } share-button .sb-social ul li.enabled { display: inline-block; } share-button .sb-social ul li.disabled { display: none; } share-button .sb-social ul li:hover:before { opacity: 0; } share-button .sb-social ul li:hover:after { opacity: 0.5; } share-button .sb-social ul li:before, share-button .sb-social ul li:after { content: ' '; position: absolute; width: inherit; height: inherit; -webkit-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); transform: translate(-20%, 0); -webkit-transition: all .3s ease; transition: all .3s ease; background-repeat: no-repeat !important; } share-button .sb-social ul li:before { opacity: 1; } share-button .sb-social ul li:after { opacity: 0; } share-button .sb-social ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } share-button .sb-social li[class*='email'] { background: #42c5b0; } share-button .sb-social li[class*='email']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='email']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.64%202.634c-.344.12-17.32%206.104-17.656%206.222-.284.1-.347.345-.01.48l3.796%201.52%202.25.9L18.004%203.69c.148-.106.318.097.21.213-.106.117-7.87%208.513-7.87%208.513v.002l-.452.503.6.323%204.98%202.682c.292.156.67.027.753-.334.1-.425%202.845-12.26%202.906-12.524.08-.343-.146-.552-.49-.43zM7%2017.162c0%20.246.14.315.33.14.252-.228%202.85-2.56%202.85-2.56L7%2013.098v4.064z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='facebook'] { background: #3b5998; } share-button .sb-social li[class*='facebook']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='facebook']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M288%20192v-38.1c0-17.2%203.8-25.9%2030.5-25.9H352V64h-55.9c-68.5%200-91.1%2031.4-91.1%2085.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='googlePlus'] { background: #e34429; } share-button .sb-social li[class*='googlePlus']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.99%205.59c0%201.493.498%202.57%201.48%203.204.807.52%201.74.598%202.227.598.118%200%20.213-.006.28-.01%200%200-.155%201.004.59%201.996H6.53c-1.29%200-5.493.27-5.493%203.727%200%203.516%203.86%203.695%204.635%203.695.06%200%20.097-.002.097-.002.007%200%20.062.002.157.002.497%200%201.782-.062%202.975-.643%201.548-.75%202.333-2.06%202.333-3.885%200-1.764-1.196-2.814-2.07-3.582-.532-.47-.993-.873-.993-1.266%200-.4.337-.7.762-1.082.69-.615%201.34-1.492%201.34-3.15%200-1.457-.19-2.436-1.355-3.057.12-.062.55-.107.762-.137.63-.086%201.554-.184%201.554-.7V1.2h-4.6c-.046.002-4.65.172-4.65%204.39zm7.422%209.01c.088%201.406-1.115%202.443-2.922%202.574-1.834.135-3.344-.69-3.432-2.096-.043-.676.254-1.336.835-1.863.59-.533%201.398-.863%202.278-.928.106-.007.21-.013.31-.013%201.7%200%202.85%201%202.934%202.325zm-1.2-9.976c.45%201.588-.23%203.246-1.317%203.553-.125.034-.253.05-.384.05-.993%200-1.98-1.005-2.344-2.392-.204-.776-.187-1.458.047-2.112.23-.645.643-1.078%201.163-1.225.125-.034.254-.052.385-.052%201.2%200%201.973.498%202.45%202.178zM16%208V5h-2v3h-3v2h3v3h2v-3h3V8h-3z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='googlePlus']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.99%205.59c0%201.493.498%202.57%201.48%203.204.807.52%201.74.598%202.227.598.118%200%20.213-.006.28-.01%200%200-.155%201.004.59%201.996H6.53c-1.29%200-5.493.27-5.493%203.727%200%203.516%203.86%203.695%204.635%203.695.06%200%20.097-.002.097-.002.007%200%20.062.002.157.002.497%200%201.782-.062%202.975-.643%201.548-.75%202.333-2.06%202.333-3.885%200-1.764-1.196-2.814-2.07-3.582-.532-.47-.993-.873-.993-1.266%200-.4.337-.7.762-1.082.69-.615%201.34-1.492%201.34-3.15%200-1.457-.19-2.436-1.355-3.057.12-.062.55-.107.762-.137.63-.086%201.554-.184%201.554-.7V1.2h-4.6c-.046.002-4.65.172-4.65%204.39zm7.422%209.01c.088%201.406-1.115%202.443-2.922%202.574-1.834.135-3.344-.69-3.432-2.096-.043-.676.254-1.336.835-1.863.59-.533%201.398-.863%202.278-.928.106-.007.21-.013.31-.013%201.7%200%202.85%201%202.934%202.325zm-1.2-9.976c.45%201.588-.23%203.246-1.317%203.553-.125.034-.253.05-.384.05-.993%200-1.98-1.005-2.344-2.392-.204-.776-.187-1.458.047-2.112.23-.645.643-1.078%201.163-1.225.125-.034.254-.052.385-.052%201.2%200%201.973.498%202.45%202.178zM16%208V5h-2v3h-3v2h3v3h2v-3h3V8h-3z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='linkedin'] { background: #4875b4; } share-button .sb-social li[class*='linkedin']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='linkedin']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5%203c0%201.1-.7%202-2%202-1.2%200-2-.9-2-1.9C1%202%201.8%201%203%201s2%20.9%202%202zM1%2019h4V6H1v13zM14.6%206.2c-2.1%200-3.3%201.2-3.8%202h-.1l-.2-1.7H6.9c0%201.1.1%202.4.1%203.9V19h4v-7.1c0-.4%200-.7.1-1%20.3-.7.8-1.6%201.9-1.6%201.4%200%202%201.2%202%202.8V19h4v-7.4c0-3.7-1.9-5.4-4.4-5.4z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='pinterest'] { background: #c5282f; } share-button .sb-social li[class*='pinterest']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.617%2013.227C8.09%2015.98%207.45%2018.62%205.55%2020c-.587-4.162.86-7.287%201.533-10.605-1.147-1.93.138-5.812%202.555-4.855%202.975%201.176-2.576%207.172%201.15%207.922%203.89.78%205.48-6.75%203.066-9.2C10.37-.274%203.708%203.18%204.528%208.246c.2%201.238%201.478%201.613.51%203.322-2.23-.494-2.896-2.254-2.81-4.6.138-3.84%203.45-6.527%206.77-6.9%204.202-.47%208.145%201.543%208.69%205.494.613%204.462-1.896%209.294-6.39%208.946-1.217-.095-1.727-.7-2.68-1.28z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='pinterest']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.617%2013.227C8.09%2015.98%207.45%2018.62%205.55%2020c-.587-4.162.86-7.287%201.533-10.605-1.147-1.93.138-5.812%202.555-4.855%202.975%201.176-2.576%207.172%201.15%207.922%203.89.78%205.48-6.75%203.066-9.2C10.37-.274%203.708%203.18%204.528%208.246c.2%201.238%201.478%201.613.51%203.322-2.23-.494-2.896-2.254-2.81-4.6.138-3.84%203.45-6.527%206.77-6.9%204.202-.47%208.145%201.543%208.69%205.494.613%204.462-1.896%209.294-6.39%208.946-1.217-.095-1.727-.7-2.68-1.28z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='reddit'] { background: #a1caf2; } share-button .sb-social li[class*='reddit']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20426.66%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M478.905%20196.556c0-4.5-1.028-8.933-3.268-13.09l-.053-.053-.026-.06c-3.004-6.198-7.72-10.862-13.4-14.05-5.677-3.19-12.317-4.836-18.983-4.836-6.02%200-12.016%201.363-17.338%204.038%2016.916%2014.677%2031.765%2032.37%2041.37%2053.128%203.08-2.668%205.717-5.97%207.68-9.604%202.57-4.785%204.018-10.186%204.018-15.475zm-33.635%2073.442c0-18.484-6.653-36.98-17.43-51.94-21.476-29.868-54.82-49.38-89.497-60.243l-.25-.118c-6.64-2.05-13.373-3.808-20.158-5.402-20.263-4.61-41.026-6.884-61.796-6.884-27.874%200-55.738%204.1-82.43%2012.347-34.67%2011.034-68.108%2030.375-89.557%2060.36v.054C73.29%20233.138%2066.92%20251.74%2066.92%20270.226c0%206.824.857%2013.648%202.655%2020.315h.02c3.906%2014.834%2011.54%2028.153%2021.416%2039.76%209.875%2011.542%2021.99%2021.45%2034.736%2029.525%202.82%201.766%205.652%203.412%208.55%205.06%2037.01%2020.645%2079.63%2029.695%20121.947%2029.695%207.146%200%2014.354-.224%2021.455-.737%2042.62-3.518%2085.41-16.1%20119.995-41.804h.013c11.015-8.145%2021.212-18.05%2029.288-29.25%208.09-11.21%2014.018-23.715%2016.653-37.31v-.067h.012c1.093-5.126%201.607-10.238%201.607-15.416zM86.078%20168.736c-5.514-2.562-11.212-4.387-16.845-4.387-.94%200-1.896.057-2.846.17h-.27c-8.09.23-16.25%203.754-22.377%209.445-6.133%205.633-10.19%2013.2-10.494%2021.62v.053l-.013.06c-.06.684-.08%201.362-.08%201.988%200%205.178%201.59%2010.184%204.276%2014.735%201.994%203.414%204.602%206.483%207.554%209.158%209.453-20.703%2024.222-38.226%2041.093-52.844zM390.448%2058.2c0%20.566%200%201.14.066%201.706v.112c.25%207.167%203.637%2013.827%208.788%2018.774%205.164%204.895%2012.016%207.964%2018.972%207.964h.185l1.5.06c7.01%200%2013.98-3.017%2019.21-7.91%205.242-4.948%208.707-11.66%208.983-18.888v-.053c.053-.572.08-1.08.08-1.653%200-7.45-3.48-14.505-8.933-19.795-5.414-5.237-12.713-8.478-19.92-8.478-2.318%200-4.61.34-6.877%201.026l-.053.053h-.08c-5.928%201.534-11.487%205.177-15.48%2010.07-4.017%204.835-6.44%2010.81-6.44%2017.01zm121.447%20134.937v.06c.08%201.14.105%202.22.105%203.36%200%2012.396-3.992%2024.405-10.646%2034.523-6.218%209.5-14.782%2017.47-24.637%2022.818.633%204.94%201%209.947%201%2014.9-.025%2026.798-9.247%2053.135-25.334%2074.24h-.026c-29.735%2039.538-75.373%2062.857-121.46%2074.583h-.012l-.04.055c-24.57%205.98-49.906%208.985-75.247%208.985-37.766%200-75.512-6.772-110.722-20.923h-.046c-36.508-15.085-71.296-38.97-92.633-74.016-11.475-18.72-17.772-40.683-17.772-62.685%200-5.006.33-10.013%201-14.913-9.617-5.454-17.937-13.082-24.116-22.238C4.71%20221.976.532%20210.487%200%20198.314v-.224c.013-17.068%207.424-33.228%2018.945-45.11%2011.52-11.95%2027.252-19.743%2044.136-19.743h.7c1.76-.12%203.558-.172%205.343-.172%208.478%200%2016.976%201.364%2025.045%204.493h.086c6.89%202.904%2013.734%206.43%2019.834%2011.265%201.977-1.02%204.13-2.22%206.555-3.13%2036.982-21.902%2079.958-30.32%20121.848-32.766.363-20.764%202.91-42.495%2013.03-61.5%208.426-15.81%2023.05-28.102%2040.48-32.37h.158c6.627-1.305%2013.32-1.877%2019.96-1.877%2017.706%200%2035.19%204.156%2051.565%2010.698%207.233-10.922%2017.575-19.46%2029.71-24.235l.118-.06.106-.053C404.73%201.31%20412.266%200%20419.83%200c7.956%200%2015.98%201.482%2023.503%204.835v-.053l.026.053.13.06c10.79%204.157%2019.92%2011.83%2026.39%2021.33%206.47%209.618%2010.29%2021.105%2010.29%2032.884%200%202.16-.133%204.32-.384%206.54l-.013.06-.026.11c-1.265%2015.25-8.985%2028.617-19.92%2038.116-11%209.617-25.243%2015.42-39.867%2015.42-2.345%200-4.716-.17-7.06-.46-14.507-1.134-28.024-8.13-37.958-18.604-9.974-10.408-16.39-24.347-16.39-39.36%200-.685.066-1.48.093-2.166-13.623-6.087-28.062-11.094-42.437-11.094-2.068%200-4.15.12-6.23.343h-.027c-10.75%201.027-20.75%207.793-25.597%2017.522v.053c-7.365%2014.342-8.814%2031.067-9.038%2047.733%2041.224%202.675%2082.71%2012.575%20119.087%2033.45h.054l.527.343c.686.396%201.95%201.08%203.123%201.707%202.49-2.05%205.14-4.098%208.155-5.916%2011.028-7.338%2024.085-10.98%2037.154-10.98%205.81%200%2011.62.737%2017.26%202.16h.013l.225.06.224.06c13.307%203.41%2025.36%2011.033%2034.426%2021.33%209.05%2010.354%2015.15%2023.384%2016.337%2037.6zm-345.39%2080.38h.15c3.254%201.198%206.606%201.765%209.934%201.765%208.285%200%2016.34-3.347%2022.44-8.866%206.094-5.573%2010.258-13.426%2010.258-22.358l-.015-.737.033-1.315c0-8.867-4.11-16.785-10.145-22.292-6.053-5.64-14.09-9.05-22.41-9.05-2.22%200-4.492.288-6.7.796h-.124c-11.008%202.34-20.678%2010.466-24.24%2021.73l-.015.066c-1.02%203.057-1.494%206.244-1.494%209.38%200%206.93%202.272%2013.597%206.198%2019.17%203.887%205.4%209.4%209.67%2016.008%2011.66m179.218%2041.42c-2.635-1.713-5.665-2.74-8.88-2.74-2.582%200-5.27.737-7.654%202.345-22.62%2013.48-49.234%2020.87-75.644%2020.87-19.82%200-39.524-4.15-57.37-12.91l-.092-.054-.085-.053c-2.688-1.08-5.758-3.426-9.104-5.64-1.7-1.132-3.47-2.213-5.44-3.017-1.942-.855-4.103-1.423-6.41-1.423-1.91%200-3.92.462-5.9%201.305l-.303.118h.013c-3.107%201.2-5.538%203.413-7.106%205.97-1.634%202.687-2.438%205.743-2.438%208.826%200%202.794.66%205.574%202.016%208.077%201.29%202.384%203.274%204.49%205.876%205.86%2025.514%2017.233%2055.545%2025.03%2085.702%2024.967%2027.187%200%2054.538-6.258%2078.885-17.747l.132-.054.132-.052c3.2-1.95%207.47-3.65%2011.486-6.087%202.003-1.317%203.94-2.74%205.612-4.678%201.66-1.87%203.003-4.204%203.767-6.997.304-1.252.462-2.45.462-3.584%200-2.267-.567-4.428-1.49-6.378-1.373-2.844-3.585-5.215-6.168-6.928zm20.473-82.5c1.318%203.372%201.91%206.89%201.91%2010.354%200%206.942-2.41%2013.78-6.455%2019.287-3.992%205.468-9.657%209.67-16.323%2011.555l-.146.053h-.09c-3.11%201.08-6.326%201.594-9.488%201.594-7.457%200-14.756-2.677-20.605-7.274-5.797-4.56-10.197-11.093-11.567-18.84h-.012l-.014-.105-.026-.064h.026c-.435-1.99-.658-3.98-.658-5.97%200-6.718%202.292-13.2%206.073-18.496%203.766-5.342%209.075-9.55%2015.294-11.712h.093c3.518-1.31%207.232-1.99%2010.896-1.99%206.692%200%2013.28%202.043%2018.84%205.745%205.48%203.637%209.934%208.985%2012.173%2015.65l.053.106.04.103h-.016z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='reddit']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20426.66%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M478.905%20196.556c0-4.5-1.028-8.933-3.268-13.09l-.053-.053-.026-.06c-3.004-6.198-7.72-10.862-13.4-14.05-5.677-3.19-12.317-4.836-18.983-4.836-6.02%200-12.016%201.363-17.338%204.038%2016.916%2014.677%2031.765%2032.37%2041.37%2053.128%203.08-2.668%205.717-5.97%207.68-9.604%202.57-4.785%204.018-10.186%204.018-15.475zm-33.635%2073.442c0-18.484-6.653-36.98-17.43-51.94-21.476-29.868-54.82-49.38-89.497-60.243l-.25-.118c-6.64-2.05-13.373-3.808-20.158-5.402-20.263-4.61-41.026-6.884-61.796-6.884-27.874%200-55.738%204.1-82.43%2012.347-34.67%2011.034-68.108%2030.375-89.557%2060.36v.054C73.29%20233.138%2066.92%20251.74%2066.92%20270.226c0%206.824.857%2013.648%202.655%2020.315h.02c3.906%2014.834%2011.54%2028.153%2021.416%2039.76%209.875%2011.542%2021.99%2021.45%2034.736%2029.525%202.82%201.766%205.652%203.412%208.55%205.06%2037.01%2020.645%2079.63%2029.695%20121.947%2029.695%207.146%200%2014.354-.224%2021.455-.737%2042.62-3.518%2085.41-16.1%20119.995-41.804h.013c11.015-8.145%2021.212-18.05%2029.288-29.25%208.09-11.21%2014.018-23.715%2016.653-37.31v-.067h.012c1.093-5.126%201.607-10.238%201.607-15.416zM86.078%20168.736c-5.514-2.562-11.212-4.387-16.845-4.387-.94%200-1.896.057-2.846.17h-.27c-8.09.23-16.25%203.754-22.377%209.445-6.133%205.633-10.19%2013.2-10.494%2021.62v.053l-.013.06c-.06.684-.08%201.362-.08%201.988%200%205.178%201.59%2010.184%204.276%2014.735%201.994%203.414%204.602%206.483%207.554%209.158%209.453-20.703%2024.222-38.226%2041.093-52.844zM390.448%2058.2c0%20.566%200%201.14.066%201.706v.112c.25%207.167%203.637%2013.827%208.788%2018.774%205.164%204.895%2012.016%207.964%2018.972%207.964h.185l1.5.06c7.01%200%2013.98-3.017%2019.21-7.91%205.242-4.948%208.707-11.66%208.983-18.888v-.053c.053-.572.08-1.08.08-1.653%200-7.45-3.48-14.505-8.933-19.795-5.414-5.237-12.713-8.478-19.92-8.478-2.318%200-4.61.34-6.877%201.026l-.053.053h-.08c-5.928%201.534-11.487%205.177-15.48%2010.07-4.017%204.835-6.44%2010.81-6.44%2017.01zm121.447%20134.937v.06c.08%201.14.105%202.22.105%203.36%200%2012.396-3.992%2024.405-10.646%2034.523-6.218%209.5-14.782%2017.47-24.637%2022.818.633%204.94%201%209.947%201%2014.9-.025%2026.798-9.247%2053.135-25.334%2074.24h-.026c-29.735%2039.538-75.373%2062.857-121.46%2074.583h-.012l-.04.055c-24.57%205.98-49.906%208.985-75.247%208.985-37.766%200-75.512-6.772-110.722-20.923h-.046c-36.508-15.085-71.296-38.97-92.633-74.016-11.475-18.72-17.772-40.683-17.772-62.685%200-5.006.33-10.013%201-14.913-9.617-5.454-17.937-13.082-24.116-22.238C4.71%20221.976.532%20210.487%200%20198.314v-.224c.013-17.068%207.424-33.228%2018.945-45.11%2011.52-11.95%2027.252-19.743%2044.136-19.743h.7c1.76-.12%203.558-.172%205.343-.172%208.478%200%2016.976%201.364%2025.045%204.493h.086c6.89%202.904%2013.734%206.43%2019.834%2011.265%201.977-1.02%204.13-2.22%206.555-3.13%2036.982-21.902%2079.958-30.32%20121.848-32.766.363-20.764%202.91-42.495%2013.03-61.5%208.426-15.81%2023.05-28.102%2040.48-32.37h.158c6.627-1.305%2013.32-1.877%2019.96-1.877%2017.706%200%2035.19%204.156%2051.565%2010.698%207.233-10.922%2017.575-19.46%2029.71-24.235l.118-.06.106-.053C404.73%201.31%20412.266%200%20419.83%200c7.956%200%2015.98%201.482%2023.503%204.835v-.053l.026.053.13.06c10.79%204.157%2019.92%2011.83%2026.39%2021.33%206.47%209.618%2010.29%2021.105%2010.29%2032.884%200%202.16-.133%204.32-.384%206.54l-.013.06-.026.11c-1.265%2015.25-8.985%2028.617-19.92%2038.116-11%209.617-25.243%2015.42-39.867%2015.42-2.345%200-4.716-.17-7.06-.46-14.507-1.134-28.024-8.13-37.958-18.604-9.974-10.408-16.39-24.347-16.39-39.36%200-.685.066-1.48.093-2.166-13.623-6.087-28.062-11.094-42.437-11.094-2.068%200-4.15.12-6.23.343h-.027c-10.75%201.027-20.75%207.793-25.597%2017.522v.053c-7.365%2014.342-8.814%2031.067-9.038%2047.733%2041.224%202.675%2082.71%2012.575%20119.087%2033.45h.054l.527.343c.686.396%201.95%201.08%203.123%201.707%202.49-2.05%205.14-4.098%208.155-5.916%2011.028-7.338%2024.085-10.98%2037.154-10.98%205.81%200%2011.62.737%2017.26%202.16h.013l.225.06.224.06c13.307%203.41%2025.36%2011.033%2034.426%2021.33%209.05%2010.354%2015.15%2023.384%2016.337%2037.6zm-345.39%2080.38h.15c3.254%201.198%206.606%201.765%209.934%201.765%208.285%200%2016.34-3.347%2022.44-8.866%206.094-5.573%2010.258-13.426%2010.258-22.358l-.015-.737.033-1.315c0-8.867-4.11-16.785-10.145-22.292-6.053-5.64-14.09-9.05-22.41-9.05-2.22%200-4.492.288-6.7.796h-.124c-11.008%202.34-20.678%2010.466-24.24%2021.73l-.015.066c-1.02%203.057-1.494%206.244-1.494%209.38%200%206.93%202.272%2013.597%206.198%2019.17%203.887%205.4%209.4%209.67%2016.008%2011.66m179.218%2041.42c-2.635-1.713-5.665-2.74-8.88-2.74-2.582%200-5.27.737-7.654%202.345-22.62%2013.48-49.234%2020.87-75.644%2020.87-19.82%200-39.524-4.15-57.37-12.91l-.092-.054-.085-.053c-2.688-1.08-5.758-3.426-9.104-5.64-1.7-1.132-3.47-2.213-5.44-3.017-1.942-.855-4.103-1.423-6.41-1.423-1.91%200-3.92.462-5.9%201.305l-.303.118h.013c-3.107%201.2-5.538%203.413-7.106%205.97-1.634%202.687-2.438%205.743-2.438%208.826%200%202.794.66%205.574%202.016%208.077%201.29%202.384%203.274%204.49%205.876%205.86%2025.514%2017.233%2055.545%2025.03%2085.702%2024.967%2027.187%200%2054.538-6.258%2078.885-17.747l.132-.054.132-.052c3.2-1.95%207.47-3.65%2011.486-6.087%202.003-1.317%203.94-2.74%205.612-4.678%201.66-1.87%203.003-4.204%203.767-6.997.304-1.252.462-2.45.462-3.584%200-2.267-.567-4.428-1.49-6.378-1.373-2.844-3.585-5.215-6.168-6.928zm20.473-82.5c1.318%203.372%201.91%206.89%201.91%2010.354%200%206.942-2.41%2013.78-6.455%2019.287-3.992%205.468-9.657%209.67-16.323%2011.555l-.146.053h-.09c-3.11%201.08-6.326%201.594-9.488%201.594-7.457%200-14.756-2.677-20.605-7.274-5.797-4.56-10.197-11.093-11.567-18.84h-.012l-.014-.105-.026-.064h.026c-.435-1.99-.658-3.98-.658-5.97%200-6.718%202.292-13.2%206.073-18.496%203.766-5.342%209.075-9.55%2015.294-11.712h.093c3.518-1.31%207.232-1.99%2010.896-1.99%206.692%200%2013.28%202.043%2018.84%205.745%205.48%203.637%209.934%208.985%2012.173%2015.65l.053.106.04.103h-.016z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='twitter'] { background: #6cdfea; } share-button .sb-social li[class*='twitter']:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='twitter']:after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.316%206.246c.008.162.01.326.01.488%200%204.99-3.796%2010.742-10.74%2010.742-2.132%200-4.115-.625-5.786-1.697.296.033.596.05.9.05%201.77%200%203.397-.603%204.688-1.614-1.65-.03-3.046-1.12-3.526-2.62.23.042.467.065.71.065.345%200%20.68-.044.995-.13C2.84%2011.18%201.54%209.658%201.54%207.828V7.78c.508.284%201.09.454%201.71.474-1.014-.678-1.68-1.832-1.68-3.143%200-.69.185-1.34.51-1.896C3.943%205.498%206.726%207%209.863%207.158c-.064-.277-.097-.564-.097-.86%200-2.085%201.69-3.774%203.774-3.774%201.085%200%202.066.457%202.755%201.19.86-.17%201.667-.483%202.397-.915-.282.88-.88%201.62-1.66%202.086.764-.092%201.49-.293%202.168-.594-.506.758-1.146%201.422-1.884%201.953z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='whatsapp'] { background: #4dc247; } share-button .sb-social li[class*='whatsapp']:before { background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2087%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23fff%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M61.623%2051.83c-.94-.515-5.562-3.01-6.428-3.363-.867-.35-1.5-.535-2.173.4-.675.934-2.593%203.023-3.175%203.642-.583.615-1.144.672-2.084.16-.94-.516-3.99-1.646-7.525-5.045-2.752-2.645-4.557-5.854-5.08-6.834-.526-.977-.005-1.477.493-1.936.45-.413%201-1.084%201.5-1.625.5-.54.678-.934%201.02-1.563.343-.625.204-1.19-.017-1.678-.222-.49-1.962-5.276-2.687-7.223-.725-1.946-1.537-1.657-2.095-1.678-.557-.023-1.194-.126-1.833-.15-.637-.024-1.684.176-2.6%201.104-.912.922-3.474%203.147-3.65%207.862-.174%204.713%203.084%209.395%203.538%2010.05.456.658%206.23%2010.875%2015.823%2015.075%209.596%204.2%209.645%202.92%2011.406%202.826%201.763-.09%205.756-2.104%206.638-4.31.884-2.205.955-4.125.73-4.532-.225-.408-.855-.673-1.794-1.188m-17.6%2022.714c-6.345%200-12.253-1.903-17.187-5.163L14.84%2073.22l3.902-11.6C15%2056.466%2012.79%2050.137%2012.79%2043.3c0-17.226%2014.014-31.24%2031.24-31.24%2017.224%200%2031.24%2014.012%2031.24%2031.24%200%2017.226-14.016%2031.24-31.24%2031.24M6.5%2043.3c0%207.09%201.968%2013.72%205.384%2019.38L5.11%2082.808l20.78-6.65c5.375%202.972%2011.558%204.667%2018.137%204.667%2020.725%200%2037.528-16.802%2037.528-37.525%200-20.727-16.804-37.528-37.53-37.528-20.723%200-37.523%2016.8-37.523%2037.527z%22%2F%3E%0A%3C%2Fsvg%3E"); } share-button .sb-social li[class*='whatsapp']:after { background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2087%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23000%3B%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M61.623%2051.83c-.94-.515-5.562-3.01-6.428-3.363-.867-.35-1.5-.535-2.173.4-.675.934-2.593%203.023-3.175%203.642-.583.615-1.144.672-2.084.16-.94-.516-3.99-1.646-7.525-5.045-2.752-2.645-4.557-5.854-5.08-6.834-.526-.977-.005-1.477.493-1.936.45-.413%201-1.084%201.5-1.625.5-.54.678-.934%201.02-1.563.343-.625.204-1.19-.017-1.678-.222-.49-1.962-5.276-2.687-7.223-.725-1.946-1.537-1.657-2.095-1.678-.557-.023-1.194-.126-1.833-.15-.637-.024-1.684.176-2.6%201.104-.912.922-3.474%203.147-3.65%207.862-.174%204.713%203.084%209.395%203.538%2010.05.456.658%206.23%2010.875%2015.823%2015.075%209.596%204.2%209.645%202.92%2011.406%202.826%201.763-.09%205.756-2.104%206.638-4.31.884-2.205.955-4.125.73-4.532-.225-.408-.855-.673-1.794-1.188m-17.6%2022.714c-6.345%200-12.253-1.903-17.187-5.163L14.84%2073.22l3.902-11.6C15%2056.466%2012.79%2050.137%2012.79%2043.3c0-17.226%2014.014-31.24%2031.24-31.24%2017.224%200%2031.24%2014.012%2031.24%2031.24%200%2017.226-14.016%2031.24-31.24%2031.24M6.5%2043.3c0%207.09%201.968%2013.72%205.384%2019.38L5.11%2082.808l20.78-6.65c5.375%202.972%2011.558%204.667%2018.137%204.667%2020.725%200%2037.528-16.802%2037.528-37.525%200-20.727-16.804-37.528-37.53-37.528-20.723%200-37.523%2016.8-37.523%2037.527z%22%2F%3E%0A%3C%2Fsvg%3E"); } .blank_spacer { min-height: 0!important; } div.entry-title { display: none; } .chat-transcript .chat-author { font-weight: bold; } .nicescroll-rails { background: #fff; width: 5px!important; } .nicescroll-rails > div { width: 5px!important; border: 0!important; background: #666!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; border-radius: 6px!important; } .sf-swipe-indicator { display: none; position: absolute; top: 50%; left: 50%; height: 76px; width: 76px; margin-left: -38px; margin-top: -38px; z-index: 2; background: transparent url('images/swipe_indicator.png') no-repeat center center; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .sf-swipe-indicator.animate { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } .spb-row-expand-text span:after { content: "\F501"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-left: 10px; vertical-align: -2px; height: 22px; opacity: 0.6; } .spb-row-expand-text.row-open span:after { content: "\F500"; } /* -------------------------------------------- STANDARD MEDIA STYLING -------------------------------------------- */ figure { margin: 0; } figure img { width: 100%; height: auto; } figure .video-thumb { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .vr-standard figure .video-thumb { padding-bottom: 75%; } figure .video-thumb iframe, figure .video-thumb video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure a { display: block; } figure.animated-overlay { position: relative; overflow: hidden; } figure.animated-overlay figcaption { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; text-align: center; } figure.animated-overlay figcaption:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption { background-image: none; } figure.animated-overlay img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; z-index: 2; position: relative; } figure.animated-overlay:hover figcaption { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } figure.animated-overlay figcaption .thumb-info h4, figure.animated-overlay figcaption .thumb-info h5, figure.animated-overlay figcaption .thumb-info-alt i { -o-transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } figure.animated-overlay:hover figcaption .thumb-info-alt i { -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } figure.animated-overlay:hover figcaption .thumb-info h4 { -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } figure.animated-overlay:hover figcaption .thumb-info h5 { -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } figure.animated-overlay > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .browser-ie figure.animated-overlay > a { background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; } figure.animated-overlay .thumb-slider { z-index: 4; } figure.animated-overlay .thumb-slider ul.slides li a { position: relative; z-index: 2; } figure.animated-overlay .figcaption-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; } figcaption .thumb-info { width: 90%; height: auto; text-align: center; display: inline-block; vertical-align: middle; } figcaption .thumb-info .name-divide { display: none; } figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5 { line-height: 140%; width: 100%; text-align: center; } figcaption .thumb-info h3 { margin-bottom: 10px; } figcaption .thumb-info h4 { margin-top: 0; margin-bottom: 5px; } figcaption .thumb-info h5 { margin-bottom: 0; margin-top: 4px; } figcaption .thumb-info h5 span { width: 100%; } figcaption .thumb-info h5 span.price, figcaption .thumb-info h5 span.amount { font-size: 14px!important; margin-top: 0!important; } figcaption .thumb-info h5 span del { display: none; } figcaption .thumb-info h5 .star-rating { display: none!important; } figcaption .thumb-info-extended i { margin-top: 10px; } figcaption .thumb-info a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } figcaption .thumb-info > i { font-size: 20px; line-height: 30px; height: 24px; width: 24px; display: block; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 50%; margin-left: -24px; top: 50%; } figcaption .thumb-info-alt { bottom: 0!important; height: 100%!important; } figcaption .thumb-info-alt > i { font-size: 52px; line-height: 42px; height: 30px; width: 30px; top: 50%; margin-top: -14px; margin-left: -26px; left: 50%; position: absolute; } figcaption .thumb-info-excerpt h4 { line-height: 20px; } figcaption .thumb-info-excerpt p { line-height: 22px; margin-bottom: 0; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); } figcaption .thumb-info-excerpt > i { display: none; } figcaption .thumb-info > ul.social-icons { margin-bottom: 0; margin-top: 20px; text-align: center; } /* -------------------------------------------- GALLERY HOVER ALT 1 -------------------------------------------- */ .thumbnail-gallery-alt-one figure.overlay-style img { z-index: 4; } .standard-browser .thumbnail-gallery-alt-one figure.overlay-style:hover img { -o-transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); transform: translateY(-100px); } .thumbnail-gallery-alt-one figure.overlay-style .multi-masonry-img-wrap { z-index: 4; } .standard-browser .thumbnail-gallery-alt-one figure.overlay-style:hover .multi-masonry-img-wrap { -o-transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); transform: translateY(-100px); } .standard-browser .thumbnail-gallery-alt-one figure.overlay-style:hover .multi-masonry-img-wrap img { -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } .thumbnail-gallery-alt-one figure.overlay-style figcaption { opacity: 1; height: 100px; top: auto; bottom: 0; } /* -------------------------------------------- GALLERY HOVER ALT 2 -------------------------------------------- */ .thumbnail-gallery-alt-two figure.overlay-style img { width: -webkit-calc(100% + 40px)!important; width: calc(100% + 40px)!important; -moz-transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000); -webkit-transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: all 0.8s cubic-bezier(0.075, 0.820, 0.165, 1.000); -o-transform: translate3d(-40px,0,0); -moz-transform: translate3d(-40px,0,0); -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); max-width: none; } .standard-browser .thumbnail-gallery-alt-two figure.overlay-style:hover img { opacity: 0.7; -o-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .thumbnail-gallery-alt-two figure.overlay-style figcaption { opacity: 1; background: transparent!important; } .thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info { vertical-align: bottom; width: 100%; padding: 0 10% 10%; text-shadow: 1px 1px 3px rgba(0,0,0,0.1); } .thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info-alt { opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .standard-browser .thumbnail-gallery-alt-two figure.overlay-style:hover figcaption .thumb-info-alt { opacity: 1; } .thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h3 { opacity: 1; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; text-align: left; } .thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h4 { opacity: 1; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; text-align: left; } .thumbnail-gallery-alt-two figure.overlay-style figcaption .thumb-info h5 { opacity: 1; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; text-align: left; } /* -------------------------------------------- OTHER GENERAL -------------------------------------------- */ .sf-video-wrap { padding-bottom: 56.25%; position: relative; width: 100%; } .sf-video-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portfolio-item.standard figcaption .thumb-info a { top: 50%; position: absolute; margin-top: -25px; margin-left: -25px; } .curved-bar-styling { border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.bar-styling { height: auto; overflow: hidden; } ul.page-numbers { float: right; } ul.bar-styling li, ul.page-numbers li { float: left; display: block; } ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span { padding: 8px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } ul.bar-styling li > form input { border: 1px solid transparent; display: block; margin-right: -1px; height: auto; overflow: hidden; padding: 10px 14px; height: 40px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } ul.bar-styling li:first-child a, ul.bar-styling li:first-child div, ul.page-numbers li:first-child a, ul.page-numbers li:first-child span { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.bar-styling li:last-child a, ul.bar-styling li:last-child div, ul.page-numbers li:last-child a, ul.page-numbers li:last-child span { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } ul.page-numbers li a.prev i, ul.page-numbers li a.next i { height: 10px; display: inline-block; vertical-align: -3px; } .sf-roll-button { display: inline-block; height: 40px!important; line-height: 40px!important; overflow: hidden; position: relative; text-align: center; padding: 0 14px!important; transition: all 0.35s; } .sf-roll-button:hover { box-shadow: none!important; } .sf-roll-button span { display: block; height: 100%; position: relative; top: 0%; transition: top 0.35s; width: 100%; } .sf-roll-button:hover span { top: -100%; } .modal-header { padding: 22px 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header h2, .modal-header h3 { margin: 0; } .modal-header .close { margin-top: 2px; font-size: 30px; outline: none!important; } .modal-body { padding: 20px 30px; } .modal-body .container { max-width: 100%; } .viewer li { -webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); } .viewer .caption { visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .viewer .current .caption { opacity: 100; visibility: visible; } .viewer .close:hover { color: #fff; } #lang_sel_list { z-index: 2!important; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #555!important; } .mejs-controls .mejs-time-rail .mejs-time-buffering { background: #666!important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #999!important; } /* -------------------------------------------- FLEXSLIDER / REVSLIDER / LAYERSLIDER -------------------------------------------- */ .flexslider { background: transparent; border: 0; width: 100%; z-index: 2; display: block; position: relative; overflow: hidden; } .flexslider-rtl { direction: rtl; text-align: right; } .flexslider ul.slides { background: transparent; margin: 0; padding: 0; height: auto; overflow: hidden; list-style: none!important; } .flexslider .slides > li { position: relative; text-align: center; overflow: hidden; margin: 0; display: none; -webkit-backface-visibility: hidden; } .flexslider .slides li img { max-width: 100%; width: 100%; height: auto; display: block!important; } .flex-direction-nav, .flex-direction-nav li, .wooslider-direction-nav, .wooslider-direction-nav li { margin: 0; padding: 0; list-style: none; } .flex-direction-nav a, .wooslider-direction-nav a, .carousel-wrap a.carousel-next, .carousel-wrap a.carousel-prev { width: 38px; height: 38px; margin: -19px 0 0; display: block; background: transparent url('images/showcase-nav.png') no-repeat center left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; z-index: 3; } .flex-direction-nav .flex-next, .wooslider-direction-nav .wooslider-next, .carousel-wrap a.carousel-next { background-position: center right; right: -36px; } .flex-direction-nav .flex-prev, .wooslider-direction-nav .wooslider-prev, .carousel-wrap a.carousel-prev { left: -36px; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0)!important; pointer-events: none; } .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default { background: transparent url('images/slider-nav.png') no-repeat center left; width: 36px; height: 38px; display: block; margin: 0; position: absolute; top: 50%!important; left: -36px!important; margin-top: -19px; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default { background: transparent url('images/slider-nav.png') no-repeat 100% 0; width: 36px; height: 38px; display: block; margin: 0; position: absolute; top: 50%!important; right: -36px!important; margin-top: -19px; left: auto!important; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .rev_slider_wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .tp-bannertimer { z-index: 20!important; } .rev_slider iframe { z-index: 999; } .flexslider:hover .flex-next, .wooslider:hover .wooslider-next, .spb_testimonial_slider_widget:hover .flexslider .flex-next { opacity: 1; filter:alpha(opacity=100); right: 20px!important; } .rev_slider_wrapper:hover > .tp-rightarrow { opacity: 1; filter:alpha(opacity=100); right: 0!important; } .flexslider:hover .flex-prev, .wooslider:hover .wooslider-prev, .spb_testimonial_slider_widget:hover .flexslider .flex-prev { opacity: 1; filter:alpha(opacity=100); left: 20px!important; } .rev_slider_wrapper:hover > .tp-leftarrow { opacity: 1; filter:alpha(opacity=100); left: 0!important; } .tp-caption a.sf-button { font-size: inherit; margin-right: 0; max-width: none!important; } .flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .thumb-slider .flex-direction-nav { height: 100%; position: absolute; top: 0; width: 100%; } .thumb-slider .flex-direction-nav li { position: relative!important; left: auto!important; top: 50%!important; } .thumb-slider .flex-direction-nav a, .gallery-slider .flex-direction-nav a, .gallery-nav .flex-direction-nav a, .item-slider .flex-direction-nav a { height: 38px; width: 36px; background: transparent url('images/slider-nav.png') no-repeat center left; } .thumb-slider .flex-prev, .thumb-slider:hover .flex-prev, .gallery-slider .flex-prev, .gallery-slider:hover .flex-prev, .gallery-nav .flex-prev, .gallery-nav:hover .flex-prev, .item-slider .flex-prev, .item-slider:hover .flex-prev { left: 0!important; } .thumb-slider .flex-next, .thumb-slider:hover .flex-next, .gallery-slider .flex-next, .gallery-slider:hover .flex-next, .gallery-nav .flex-next, .gallery-nav:hover .flex-next, .item-slider .flex-next, .item-slider:hover .flex-next { right: 0!important; } .thumb-slider .flex-direction-nav a.flex-next, .gallery-slider .flex-direction-nav a.flex-next, .gallery-nav .flex-direction-nav a.flex-next, .item-slider .flex-direction-nav a.flex-next { background-position: center right; } .thumb-slider:hover .flex-direction-nav a.flex-prev, .gallery-slider:hover .flex-direction-nav a.flex-prev, .gallery-nav:hover .flex-direction-nav a.flex-prev, .item-slider:hover .flex-direction-nav a.flex-prev { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider:hover .flex-direction-nav a.flex-next, .gallery-slider:hover .flex-direction-nav a.flex-next, .gallery-nav:hover .flex-direction-nav a.flex-next, .item-slider:hover .flex-direction-nav a.flex-next { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .flex-control-nav { position: absolute; bottom: 20px; left: 20px; margin: 0; padding: 0; z-index: 4; list-style: none!important; } .flex-control-nav li { float: left; display: inline-block; margin-right: 0; margin-left: 10px; margin-bottom: 0; } .flex-control-nav li:first-child { margin-left: 0; } .flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: #fff; width: 8px; height: 8px; display: block; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5); box-shadow: 0 1px 1px rgba(0,0,0,.5); } .flex-control-nav li a:hover { cursor: pointer; } .flex-control-nav li a.flex-active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .flex-pauseplay { position: absolute; color: #fff; bottom: 18px; left: 20px; font-size: 13px; height: 13px; } .flex-pauseplay span:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } .flex-pauseplay .pause:before { content: "\f04c"; } .flex-pauseplay .play:before { content: "\f04b"; } .blog-slider .flex-pauseplay, .thumb-slider .flex-pauseplay { bottom: 16px; font-size: 11px; height: 13px; } .flex-pauseplay:hover { cursor: pointer; } .flex-pauseplay span { height: 11px; display: block; line-height: 13px; } .thumb-slider .flex-control-nav, .thumb-slider .flex-pauseplay { display: none; } .content-slider { position: static; } .content-slider .slide-content-wrap { top: 50%; position: relative; width: 100%; } .content-slider .flex-direction-nav .flex-next, .content-slider .flex-direction-nav .flex-prev { width: 48px; height: 48px; opacity: 0.5; } .content-slider .flex-direction-nav .flex-next:before, .content-slider .flex-direction-nav .flex-prev:before { content: "\25BB"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; color: #fff; display: block; text-indent: 0; width: 48px; height: 48px; font-size: 18px; padding: 16px 14px; webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .content-slider .flex-direction-nav .flex-prev:before { content: "\25C5"; } .content-slider .flex-direction-nav .flex-next:hover, .content-slider .flex-direction-nav .flex-prev:hover { opacity: 1; } .content-slider .flex-direction-nav .flex-next { right: 20px!important; background: none; } .content-slider .flex-direction-nav .flex-prev { left: 20px!important; background: none; } .tp-bullets { width: 80%; margin: 0 auto; text-align: center; z-index: 20; } .tp-bullets.simplebullets.round { bottom: 25px!important; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: white; width: 25px; height: 6px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-bottom: 5px; } .tp-bullets.simplebullets.round .bullet.selected { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .tp-bullets .tp-leftarrow { float: none!important; display: inline-block; margin-right: 10px; width: 36px; height: 36px; } .tp-bullets .tp-rightarrow { float: none!important; display: inline-block; margin-left: 12px; width: 36px; height: 36px; background: top right; } p.flex-caption { text-shadow: none; background: rgba(0, 0, 0, .4); } .item-slider p.flex-caption { position: absolute; bottom: 0; padding: 15px 25px; color: #fff; margin: 0; font-size: 16px; right: 0; } .custom-caption { position: absolute; z-index: 2; top: 60px; left: 60px; width: auto; max-width: 500px } .custom-caption p { text-align: left; width: auto; font-size: 24px; padding: 0px 4px 2px; line-height: 28px; margin-bottom: 0; text-decoration: underline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .ls-wp-fullwidth-container { min-height: 100px; } .ls-container .ls-nav-prev, .ls-container .ls-nav-next { background-image: url('images/slider-nav.png')!important; background-position: center left!important; width: 36px!important; height: 38px!important; transition: all 0.3s ease-in-out!important; -moz-transition: all 0.3s ease-in-out!important; -webkit-transition: all 0.3s ease-in-out!important; -o-transition: all 0.3s ease-in-out!important; opacity: 0; filter:alpha(opacity=0); } .ls-container .ls-nav-prev { left: 0px!important; } .ls-container .ls-nav-next { background-position: center right!important; right: 0px!important; } .ls-container:hover .ls-nav-prev, .ls-container:hover .ls-nav-next { opacity: 1; filter:alpha(opacity=100); } /* -------------------------------------------- CAROUSEL -------------------------------------------- */ .carousel-asset { overflow: hidden; } .carousel-wrap { position: relative; } .carousel-wrap .carousel-items { list-style: none; opacity: 0; } .row:not(.fw-row) .carousel-wrap.no-gutters { margin: 0 15px; } .carousel-wrap .carousel-item, .carousel-wrap .product { width: 100%; padding: 0 15px; } .carousel-wrap .no-gutters .carousel-item, .carousel-wrap .no-gutters .product, .carousel-wrap.no-gutters .product { padding: 0; } .carousel-wrap a.carousel-prev { left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .carousel-wrap a.carousel-next { right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; opacity: 0; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-pagination { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; width: 100%; text-align: center; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-controls { margin-top: 15px!important; margin-bottom: 10px; } .owl-pagination .owl-page { position: relative; display: inline-block; float: none; margin: 10px 5px; width: 12px; height: 12px; cursor: pointer; } .owl-pagination .owl-page span { top: 0; left: 0; padding: 0!important; margin: 0!important; width: 100%!important; height: 100%!important; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255,255,255,0.3); text-indent: -999em; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .owl-pagination .owl-page::after { content: ''; position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; left: 0; border-radius: 50%; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; } .owl-pagination .owl-page.active::after { opacity: 1!important; visibility: visible; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: translateY(0%); transform: translateY(0%); } .owl-pagination .owl-page.active span { opacity: 0!important; -webkit-transform: translateY(200%); transform: translateY(200%); } li.carousel-item { list-style: none; } /* -------------------------------------------- iLIGHTBOX -------------------------------------------- */ /* 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(0); -moz-transform: translateZ(0); } /* Disable & Hide Scrollbar */ .ilightbox-noscroll { overflow: hidden; } .ilightbox-closedhand * { cursor: url('images/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: 20px; 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(0); -moz-transform: translateZ(0); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; height: auto!important; } .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: 14px; line-height: 200%; word-wrap: break-word; text-align: center; z-index: 20003; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -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: 0; padding-left: 0; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 28px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; width: 28px; height: 30px; opacity: 0.7; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:hover { opacity: 1; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:before { font-family: 'Font Awesome 5 Brands'; font-weight: normal; font-style: normal; display: block; font-size: 14px; line-height: 28px; text-align: center; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background: #3b5998; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a:before { content: "\f09a"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background: #00aced; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a:before { content: "\f099"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background: #dd4b39; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a:before { content: "\f0d5"; line-height: 30px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a { background: #cb2027; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a:before { content: "\f0d2"; } .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; } /* -------------------------------------------- iLIGHTBOX - WHITE -------------------------------------------- */ .ilightbox-overlay.metro-white { background: #FFF; } .ilightbox-loader.metro-white { /*-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 55px; box-shadow: rgba(0,0,0,.3) 0px 0px 55px;*/ } .ilightbox-loader.metro-white div { background: #FFF url('images/preloader.gif') no-repeat center; } .ilightbox-holder.metro-white { padding: 3px; background: #FFF; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.2); box-shadow: 0 0 45px rgba(0,0,0,.2); } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption { background: url('images/caption-bg.png') repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #000; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding-top: 15px; } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-social { background: #fff; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-white .ilightbox-alert { background: url('images/alert.png') no-repeat center top; color: #89949B; } /* Style toolbar */ .ilightbox-toolbar.metro-white { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-white a { width: 27px; height: 25px; background: white url('images/buttons.png') no-repeat 7px 6px; } .ilightbox-toolbar.metro-white a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-white a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #FFF; } .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-color: #d94947; background-position: -30px 6px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-position: -29px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-position: -30px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-pause { background-position: 8px -81px; } .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-position: -30px -81px; } .isMobile .ilightbox-toolbar.metro-white { background: #FFF; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.2); box-shadow: 0 0 25px rgba(0,0,0,.2); } .isMobile .ilightbox-toolbar.metro-white a, .isMobile .ilightbox-toolbar.metro-white a:hover { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-image: url('images/fullscreen-icon-64.png'); background-image/*\**/: url('images/fullscreen-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-image: url('images/fullscreen-hover-icon-64.png'); background-image/*\**/: url('images/fullscreen-hover-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close { background-image: url('images/x-mark-icon-64.png'); background-image/*\**/: url('images/x-mark-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-image: url('images/x-mark-hover-icon-64.png'); background-image/*\**/: url('images/x-mark-hover-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button { background-image: url('images/arrow-next-icon-64.png'); background-image/*\**/: url('images/arrow-next-icon-ie.png')\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover { background-image: url('images/arrow-next-hover-icon-64.png'); background-image/*\**/: url('images/arrow-next-hover-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled { background-image: url('images/arrow-next-icon-64.png'); background-image/*\**/: url('images/arrow-next-icon-ie.png')\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button { background-image: url('images/arrow-prev-icon-64.png'); background-image/*\**/: url('images/arrow-prev-icon-ie.png')\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover { background-image: url('images/arrow-prev-hover-icon-64.png'); background-image/*\**/: url('images/arrow-prev-hover-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled { background-image: url('images/arrow-prev-icon-64.png'); background-image/*\**/: url('images/arrow-prev-icon-ie.png')\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play { background-image: url('images/play-icon-64.png'); background-image/*\**/: url('images/play-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-image: url('images/play-hover-icon-64.png'); background-image/*\**/: url('images/play-hover-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause { background-image: url('images/pause-icon-64.png'); background-image/*\**/: url('images/pause-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-image: url('images/pause-hover-icon-64.png'); background-image/*\**/: url('images/pause-hover-icon-ie.png')\9; /* IE7-8 */ } /* Style thumbnails */ .ilightbox-thumbnails.metro-white.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #FFF; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url('images/thumb-overlay-play.png') no-repeat center; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #535352; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } /* Configure arrow buttons */ .ilightbox-button.metro-white.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-white span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-white, .ilightbox-button.ilightbox-prev-button.metro-white { bottom: 0; right: 0; left: 0; left/*\**/: 35%\9; /* IE7-8 */ right/*\**/: auto\9; /* IE7-8 */ width: 30%; height: 100px; margin: auto; background: url('images/arrows_vertical.png') no-repeat 50% -100px; background-color: #FFF; background-color: rgba(255,255,255,0.6); } .ilightbox-button.ilightbox-prev-button.metro-white { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-white.horizontal, .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: 0; left: auto; top: 0; bottom: 0; top/*\**/: 36%\9; /* IE7-8 */ bottom/*\**/: auto\9; /* IE7-8 */ width: 100px; height: 30%; background-image: url('images/arrows_horizontal.png'); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: auto; left: 0; background-position: -7px 50%; } /* -------------------------------------------- iLIGHTBOX - DARK -------------------------------------------- */ .ilightbox-overlay.metro-black { background: #000; } .ilightbox-loader.metro-black { /*-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px; box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px;*/ } .ilightbox-loader.metro-black div { background: #000 url('images/lightbox/metro-dark/preloader.gif') no-repeat center; } .ilightbox-holder.metro-black { padding: 3px; background: #000; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.8); box-shadow: 0 0 45px rgba(0,0,0,.8); } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption { background: url('images/lightbox/metro-dark/caption-bg.png') repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #FFF; text-shadow: 0 0 3px rgba(0, 0, 0, .75); padding-top: 15px; } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-social { background: #222; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-black .ilightbox-alert { background: url('images/lightbox/metro-dark/alert.png') no-repeat center top; color: #555; } /* Style toolbar */ .ilightbox-toolbar.metro-black { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-black a { width: 27px; height: 25px; background: #000 url('images/lightbox/metro-dark/buttons.png') no-repeat 7px 6px; } .ilightbox-toolbar.metro-black a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-black a.ilightbox-close:hover { background-color: #d94947; } .ilightbox-toolbar.metro-black a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #000; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.8); box-shadow: 0 0 25px rgba(0,0,0,.8); } .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-black a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-black a.ilightbox-pause { background-position: 8px -81px; } .isMobile .ilightbox-toolbar.metro-black { background: #000; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; } .isMobile .ilightbox-toolbar.metro-black a { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-image: url('images/lightbox/metro-dark/fullscreen-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/fullscreen-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-close { background-image: url('images/lightbox/metro-dark/x-mark-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/x-mark-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-next-button { background-image: url('images/lightbox/metro-dark/arrow-next-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/arrow-next-icon-ie.png')\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-prev-button { background-image: url('images/lightbox/metro-dark/arrow-prev-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/arrow-prev-icon-ie.png')\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-play { background-image: url('images/lightbox/metro-dark/play-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/play-icon-ie.png')\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-pause { background-image: url('images/lightbox/metro-dark/pause-icon-64.png'); background-image/*\**/: url('images/lightbox/metro-dark/pause-icon-ie.png')\9; /* IE7-8 */ } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #acacad; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } /* Style thumbnails */ .ilightbox-thumbnails.metro-black.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #000; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0,.8); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url('images/lightbox/metro-dark/thumb-overlay-play.png') no-repeat center; } /* Configure arrow buttons */ .ilightbox-button.metro-black.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-black span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-black, .ilightbox-button.ilightbox-prev-button.metro-black { bottom: 0; right: 0; left: 0; left/*\**/: 35%\9; /* IE7-8 */ right/*\**/: auto\9; /* IE7-8 */ width: 30%; height: 100px; margin: auto; background: url('images/lightbox/metro-dark/arrows_vertical.png') no-repeat 50% -100px; background-color: #000; background-color: rgba(0,0,0,0.5); } .ilightbox-button.ilightbox-prev-button.metro-black { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-black.horizontal, .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: 0; left: auto; top: 0; bottom: 0; top/*\**/: 36%\9; /* IE7-8 */ bottom/*\**/: auto\9; /* IE7-8 */ width: 100px; height: 30%; background-image: url('images/lightbox/metro-dark/arrows_horizontal.png'); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: auto; left: 0; background-position: -7px 50%; } /* -------------------------------------------- WORDPRESS ASSET STYLING -------------------------------------------- */ .sticky, .bypostauthor {} img.size-full { max-width: 100%; height: auto; } .browser-ie img.size-full { width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 0 auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } img.aligncenter, img.alignleft, img.alignright, img.alignnone { max-width: 100%; } .wp-caption { text-align: center; margin: 20px auto; max-width: 100%; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 100%; padding:0; width: auto; } .align-left { text-align: left; } .align-right { text-align: right; } .no-margin { margin: 0; } .img-link { display: block; } .wp-caption-text, .gallery-caption { padding: 10px 0; } .recaptchatable #recaptcha_response_field { height: auto; font-size: 10pt!important; line-height: 15px!important; } /* -------------------------------------------- ISOTOPE -------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .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 { -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; } /**** disabling Isotope CSS3 transitions ****/ .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; } /* -------------------------------------------- GO PRICING -------------------------------------------- */ .pt-banner h6 { margin: 0; padding: 10px 0; } .pt-header { padding: 40px 20px; } .pt-header h6 { margin-top: 0; } .pt-header h2 { font-size: 48px!important; line-height: 60px!important; } .pt-header h2 small { font-size: 30%; } /* -------------------------------------------- LAYOUT -------------------------------------------- */ .home-slider-wrap { max-width: 100%; overflow: hidden; } .page-shadow #container { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3); box-shadow: 0 0 4px rgba(0, 0, 0, .3); } .page-shadow.vertical-header #container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #not-found .page-text p { margin-bottom: 50px; } .header-wrap { position: relative; } #main-container { display: block; overflow: visible; max-width: 100%; position: relative; z-index: 100; } .browser-ff #main-container { position: relative; } #one-page-nav { position: fixed; z-index: 101; right: -60px; bottom: 50%; opacity: 0; padding: 10px 0; display: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #one-page-nav.opn-standard { padding-right: 30px; } #one-page-nav ul { list-style: none!important; margin-bottom: 0; } #one-page-nav ul li { margin-top: 0; margin-bottom: 0; position: relative; } #one-page-nav ul li:first-child { margin-top: 0; } #one-page-nav li a { margin: 0 auto; padding: 10px; display: inline-block; text-align: center; position: relative; border-bottom: 0; } #one-page-nav li.selected a > i { border-color: #ddd; background: transparent; } #one-page-nav li.selected a > i { background: transparent!important; } #one-page-nav li i { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 8px; height: 8px; border: 2px solid transparent; background: #e3e3e3; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: cotnent-box; box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #one-page-nav li .hover-caption { padding: 8px 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 40px; padding: 0 20px 0 20px; width: auto; height: 40px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; pointer-events: none; white-space: nowrap; z-index: 10; right: 80px; top: -5px; position: absolute; color: #fff; text-transform: uppercase; letter-spacing: 2px; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #one-page-nav li .hover-caption:after { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e3e3e3; position: absolute; right: -6px; top: 50%; margin-top: -5px; } #one-page-nav li:hover .hover-caption { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; right: 50px; } #one-page-nav.opn-arrows { padding: 0; background: #222; } #one-page-nav.opn-arrows > a { padding: 15px; display: block; color: #ccc; font-size: 18px; } #one-page-nav.opn-arrows > a.disabled { pointer-events: none; opacity: 0.4; } #one-page-nav.opn-arrows > a > i { height: 18px; display: block; vertical-align: top; } #one-page-nav.opn-arrows > a:hover { color: #fff; } #one-page-nav.opn-arrows > a.opn-up { border-bottom: 1px solid #666; } #one-page-nav.opn-arrows > a.opn-down { border-top: 1px solid #666; } #one-page-nav.opn-arrows .opn-status { text-align: center; padding: 15px 0; color: #fff; } #back-to-top { height: 50px; width: 50px; background-color: #191919; background-color: rgba(20,20,20,0.4); position: fixed; bottom: -80px; right: 10px; z-index: 1000; padding: 9px 13px 7px 13px; cursor: pointer; -webkit-transform: translate3d(0,0,0); opacity: 0; } #back-to-top i { line-height: 42px; font-size: 24px; color: #fff; display: block; width: 24px; margin: 0 auto; } .inner-page-wrap { margin-top: 50px; margin-bottom: 60px; } .inner-page-wrap.no-bottom-spacing { margin-bottom: 0; } .inner-page-wrap.no-top-spacing { margin-top: 0; } .single-post .inner-page-wrap.has-right-sidebar > .col-sm-9 { padding-left: 0; } .single-post .inner-page-wrap > .right-sidebar { padding-right: 0; } aside.sidebar { position: relative; } aside.sidebar > .sidebar-widget-wrap.sticky { position: fixed; width: 100%; } .has-left-sidebar aside.sidebar { float: left; } .has-left-sidebar > article, .has-left-sidebar .archive-page, .has-left-sidebar .push-right { float: right!important; } .has-both-sidebars aside.left-sidebar { float: left; } .woocommerce .has-both-sidebars aside.left-sidebar { margin-left: 0; } .has-both-sidebars aside.right-sidebar { float: right; } .has-both-sidebars > article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page { float: left; } .has-both-sidebars .page-content { float: right!important; } .page-content { border-bottom: 0 solid transparent; } .page-content > ul, .page-content > ul ul, .page-content .content-wrap > ul, .page-content .content-wrap > ul ul { list-style: disc inside none; } .search-no-results .page-content > h3 { margin-top: 0; } .has-both-sidebars aside.sidebar { padding-top: 0; } .spb_wrapper .row { border-bottom: 0; margin-bottom: 10px; } .spb_wrapper > h1:first-child, .spb_wrapper > h2:first-child, .spb_wrapper > h3:first-child, .spb_wrapper > h4:first-child, .spb_wrapper > h5:first-child, .spb_wrapper > h6:first-child { margin-top: 0; } .spb-heading i { font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: -1px; } .heading-wrap { position: relative; z-index: 2; } h4.spb-heading, h3.spb-heading, h4.lined-heading, .gform_heading h3 { text-align: left; padding: 0; margin-top: 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; } .gform_wrapper h3.gform_title { margin-bottom: 15px; } .title-wrap { margin-bottom: 25px; height: auto; overflow: hidden; } .title-wrap:empty { display: none; } .title-wrap .spb-heading { float: left; margin: 0; line-height: 48px; position: relative; } .title-wrap.has-filter .spb-heading { float: none; text-align: center; } .title-wrap a.sf-button { margin-bottom: 0; margin-right: 0; float: right; } .title-wrap .carousel-arrows { display: inline-block; float: right; line-height: 34px; margin-right: -2px; margin-left: 20px; } .title-wrap .carousel-arrows a { font-size: 28px; } .title-wrap .carousel-arrows a > i { vertical-align: -13px; width: 23px; display: inline-block; } h3.spb-center-heading, h4.spb-center-heading { text-align: center; } h3.spb-center-heading, h4.spb-center-heading { display: block!important; max-width: 100%; margin: 20px auto 45px; } h3.spb-center-heading span, h4.spb-center-heading span { padding: 0 20px; position: relative; z-index: 5; } .slider-wrap .heading-wrap { text-align: center; margin-bottom: 10px; } .spb_testimonial_slider_widget h4.spb-heading, .spb_tweets_slider_widget h4.spb-heading, .spb_parallax_asset h4.spb-heading { display: inline-block; } .help-text { font-size: 18px; line-height: 26px; margin-bottom: 20px; } .help-text .search-form { margin-bottom: 40px; } .help-text .search-form input { font-size: 14px; } .help-text a.sf-button { margin: 0; text-transform: uppercase; } .no-results-text { margin-top: 20px; } .no-results-text p { margin-bottom: 15px; } .no-results-text .search-form input { margin-top: 0; margin-bottom: 60px; } .post-password-required label { width: 400px; height: auto; overflow: hidden; } .post-password-required input[type="password"] { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 300px; padding: 10px; margin-top: 0; margin-left: 10px; } .post-password-required input[type="submit"] { visibility: hidden; } /* -------------------------------------------- WINDOW ARROW NAV -------------------------------------------- */ .window-arrow-nav { position: fixed; z-index: 9999; top: 50%; height: 80px; margin-top: -40px; } .window-arrow-nav.prev-item { opacity: 0; left: -80px; } .window-arrow-nav.next-item { opacity: 0; right: -80px; } .window-arrow-nav.has-fw-media.prev-item { position: absolute; opacity: 1; left: 0; } .window-arrow-nav.has-fw-media.next-item { position: absolute; opacity: 1; right: 0; } .window-arrow-nav.fs-nav-fixed { position: fixed!important; top: 50%!important; } .window-arrow-nav .nav-transition { position: relative; z-index: 3; height: 80px; width: 80px; overflow: hidden; background: #fff; -moz-box-shadow: 0 0px 5px rgba(0,0,0,.07); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.07); box-shadow: 0 0px 5px rgba(0,0,0,.07); } .window-arrow-nav.prev-item .nav-transition { display: inline-block; float: left; } .window-arrow-nav.next-item .nav-transition { display: inline-block; float: right; } .window-arrow-nav.next-item .nav-transition .overlay-wrap { width: 160px; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .window-arrow-nav.prev-item .nav-transition .overlay-wrap { width: 160px; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .window-arrow-nav.next-item.has-img:hover .nav-transition .overlay-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .window-arrow-nav.prev-item.has-img:hover .nav-transition .overlay-wrap { -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); } .window-arrow-nav .nav-transition i { vertical-align: middle; width: 80px; line-height: 90px; font-size: 30px; text-align: center; display: inline-block; transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: all 0.5s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .window-arrow-nav.prev-item .nav-transition i { float: left; } .window-arrow-nav.next-item .nav-transition i { float: right; } .window-arrow-nav .pagination-article-image { float: right; } .window-arrow-nav .pagination-article-image img { width: 80px; height: 80px; } .window-arrow-nav .pagination-article-details { position: relative; display: inline-block; font-size: 14px; padding: 19px 25px; height: 80px; max-height: 80px; z-index: 2; background: #fff; transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: all 0.8s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -moz-box-shadow: 0 0px 5px rgba(0,0,0,.07); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.07); box-shadow: 0 0px 5px rgba(0,0,0,.07); } .window-arrow-nav.prev-item .pagination-article-details { left: -100%; } .window-arrow-nav.next-item .pagination-article-details { right: -100%; } .window-arrow-nav .pagination-article-details h5 { font-weight: bold; margin-top: 0; margin-bottom: 2px; font-size: 16px; line-height: 20px; } .window-arrow-nav .pagination-article-details p { font-size: 14px; line-height: 20px; } .window-arrow-nav .pagination-article-details.no-subtitle h5 { margin-bottom: 0; line-height: 40px; } .window-arrow-nav.prev-item.has-img:hover .pagination-article-details { left: 0; } .window-arrow-nav.next-item.has-img:hover .pagination-article-details { right: 0; } .window-arrow-nav.prev-item:hover .pagination-article-details { left: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .window-arrow-nav.next-item:hover .pagination-article-details { right: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } /* -------------------------------------------- PAGE HEADING -------------------------------------------- */ .page-heading { padding-top: 35px; padding-bottom: 35px; margin-top: 0; margin-bottom: 0!important; position: relative; text-align: left; border-top: 0!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .page-heading.page-heading-hidden { display: none!important; } .post-type-archive-product .page-heading .heading-text { float: left; } .post-type-archive-product .page-heading.fancy-heading .heading-text { float: none; } .page-heading h1 { margin-top: 0; margin-bottom: 0; white-space: normal; } .page-heading h1 span { font-style: italic; } .page-heading h3 { margin-bottom: 0; } .page-heading.fancy-heading { background-attachment: local; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: repeat; background-position: center; text-align: center; height: 100px; opacity: 0; padding: 0; overflow: hidden; transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: all 1s cubic-bezier(0.725, 0.000, 0.000, 0.995); } .fancy-heading-wrap { position: relative; overflow: hidden; } .fancy-heading .media-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .fancy-heading .heading-text { float: none; position: absolute; top: 50%; opacity: 0; transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; } .page-heading.fancy-heading.animated, .fancy-heading.animated .heading-text { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .header-naked-light .fancy-heading .heading-text, .header-naked-dark .fancy-heading .heading-text { padding-top: 20px; } .fancy-heading .heading-text[data-textalign="left"] { text-align: left; } .fancy-heading .heading-text[data-textalign="right"] { text-align: right; } .fancy-heading .heading-text[data-textalign="center"] { text-align: center; } .fancy-heading h1 { font-weight: bold; letter-spacing: inherit; } .fancy-heading.fancy-image.light-style h1, .fancy-heading.fancy-image.light-style h3 { color: #fff!important; /* text-shadow: 2px 2px 0 rgba(0,0,0,.4);*/ } .fancy-heading.fancy-image.dark-style h1, .fancy-heading.fancy-image.dark-style h3 { color: #222!important; /* text-shadow: 2px 2px 0 rgba(255,255,255,.4);*/ } .page-heading .container { position: relative; } .page-heading .prev-item { position: absolute; right: 40px; top: 50%; margin-top: -11px; font-size: 28px; line-height: 28px; } .page-heading .next-item { position: absolute; right: 10px; top: 50%; margin-top: -11px; font-size: 28px; line-height: 28px; } .page-heading.fancy-heading .heading-text[data-textalign="right"] .prev-item { left: 10px; right: auto; } .page-heading.fancy-heading .heading-text[data-textalign="right"] .next-item { left: 40px; right: auto; } .page-heading.fancy-heading .heading-text[data-textalign="center"] .prev-item { position: relative; margin-top: 25px; display: inline-block; right: 5px; } .page-heading.fancy-heading .heading-text[data-textalign="center"] .next-item { position: relative; margin-top: 25px; display: inline-block; left: 5px; right: auto; } .page-heading .prev-item a, .page-heading .next-item a { color: inherit; opacity: 0.6; } .page-heading .prev-item a:hover, .page-heading .next-item a:hover { opacity: 1; } .page-heading.ph-sort { padding: 15px 0; } .page-heading.ph-sort .heading-text { display: none; } .page-heading .woocommerce-count-wrap { float: right; margin-right: 16px; } .page-heading .woocommerce-count-wrap p { line-height: 42px; margin-top: 0; float: left; } .page-heading .woocommerce-count-wrap p.woocommerce-show-products { margin-left: 15px; } .woocommerce .page-heading .woocommerce-ordering { margin-bottom: 0; } #breadcrumbs { font-size: 11px; line-height: 22px; white-space: nowrap; } #breadcrumbs > .container { padding-top: 14px; padding-bottom: 14px; } #breadcrumbs > .container:empty { display: none; } #breadcrumbs a { text-decoration: none; } #breadcrumbs i, .widget_breadcrumb_navxt i { padding: 0 8px 0 5px; font-size: 11px; width: 3px; vertical-align: -2px; margin-top: 2px; display: inline-block; margin-right: 8px; } /* -------------------------------------------- PAGINATION -------------------------------------------- */ .pagination-wrap { margin-top: 30px; clear: both; } .fw-row .pagination-wrap > ul { text-align: center; } .fw-row .pagination-wrap > ul li { float: none; display: inline-block; } .pagination-wrap li span.current { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); } .paged .pagination-wrap { display: block!important; visibility: visible!important; } .pagination-wrap ul { height: auto; overflow: hidden; margin: 15px 0; } .pagination-wrap li { float: left; display: inline-block; margin-bottom: 0; } .pagination-wrap li:first-child { border-left: 0; } .pagination-wrap li a { padding: 10px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li span { padding: 8px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li.next a { margin-left: -1px; } .pagination-wrap li i { vertical-align: -1px; } .pagination-wrap li i[class^="ss-"] { height: 16px; display: inline-block; vertical-align: -3px; } .pagination-wrap a, .pagination-wrap a:hover { text-decoration: none; } .blog-standard .pagination-wrap { position: relative; z-index: 3; } .blog-standard .pagination-wrap ul { margin-bottom: 0; } .pagination-wrap .nav-previous { text-align: left; float: left; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; } /* -------------------------------------------- SEARCH FORM -------------------------------------------- */ .search-form input { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 85%; padding: 10px; margin-top: 40px; } /* -------------------------------------------- TOOLTIPS -------------------------------------------- */ a[rel="tooltip"] { border-bottom: 1px dotted #e3e3e3; } span.tooltip { display: block; background: #222; color: #f7f7f7; position: absolute; left: 50%; bottom: 25px; padding: 3px 10px; width: auto; line-height: 20px; white-space: nowrap; z-index: 8; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } span.tooltip .arrow { position: absolute; left: 50%; bottom: -4px; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #222; } .grid-image span.tooltip { bottom: 65px; } .link-pages:empty { display: none; } .link-pages, .page-content .link-pages { margin-top: 30px; border: 1px solid #e4e4e4; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .link-pages, .page-content .link-pages p { margin-bottom: 0; } .link-pages:empty, .page-content .link-pages:empty { display: none; } .article-body-wrap input[type="password"] { border-width: 1px; border-style: solid; margin-left: 5px; margin-right: 5px; } .paginated-comments-links { margin-top: 10px; } .paginated-comments-links.comments-links-after { margin-top: 30px; } /* -------------------------------------------- HOME PRELOADER -------------------------------------------- */ #sf-home-preloader { position: fixed; top: 0; height: 100%; background: #fff; width: 100%; z-index: 999; overflow: hidden; } #preload-logo { top: 0; height: 100%; padding: 0 10%; text-align: center; -webkit-transform: translate3d(0,25%,0); transform: translate3d(0,25%,0); } body.sf-preloader-done { overflow: visible; } #preloader-loading { position: absolute; top: 0; height: 100%; width: 100%; padding: 0 10%; text-align: center; } #preloader-loading .spinner { margin: -25px auto 0; height: 50px; width: 50px; position: relative; top: 50%; webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } body.sf-preloader-done #preloader-loading .spinner { -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } /* -------------------------------------------- SITE LOADING -------------------------------------------- */ .pace { display: none!important; } .loading-bar-transition .pace { display: block!important; width: 100%; opacity: 1; } .loading-bar-transition .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; left: 0; height: 5px; -webkit-transition: width 0.5s, opacity 1s; -moz-transition: width 0.5s, opacity 1s; -o-transition: width 0.5s, opacity 1s; transition: width 0.5s, opacity 1s; } .loading-bar-transition.admin-bar .pace .pace-progress { top: 32px; } .loading-bar-transition .pace-inactive .pace-progress { opacity: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #site-loading { width: 100%; text-align: center; height: 100%; position: fixed; display: none; z-index: 101; background: #222; } #site-loading .spinner { position: absolute; top: 50%; margin-top: -40px!important; width: 100%; webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #site-loading.orbit-bars .spinner { margin-top: -25px!important; } .browser-ie #site-loading .spinner { display: none!important; } body.page-fading-in #site-loading .spinner { -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .three-bounce .spinner > div { width: 18px; height: 18px; margin: 0 3px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .three-bounce .spinner > .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .three-bounce .spinner > .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .wave .spinner { margin: 100px auto; width: 50px; height: 50px; text-align: center; font-size: 10px; } .wave .spinner > div { background-color: #333; height: 100%; width: 6px; margin-right: 3px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .wave .spinner .rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .wave .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .wave .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .wave .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .wave .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } #site-loading.circle .spinner { margin: 0 auto; width: 50px; height: 50px; position: relative; } .container1 > div, .container2 > div, .container3 > div { width: 10px; height: 10px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .circle-bar .spinner > div { margin: 0 auto; border-bottom: 4px solid #fff; border-left: 4px solid #fff; border-right: 4px solid #c30; border-top: 4px solid #c30; border-radius: 100%; height: 50px!important; width: 50px!important; -webkit-animation: circlespin .8s infinite linear; -moz-animation: circlespin .6s infinite linear; -ms-animation: circlespin .6s infinite linear; -o-animation: circlespin .6s infinite linear; animation: circlespin .8s infinite linear; } .rotating-square .spinner { width: 50px!important; height: 50px!important; background-color: #333; left: 50%; margin-left: -25px; margin-top: -25px!important; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } .orbit-bars .spinner { width: 50px!important; height: 50px!important; display: inline-block; margin-left: -25px; margin-top: -25px!important; } .orbit-bars .spinner > div:before { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-top: solid 8px #ff3c50; border-bottom: solid 8px #ff3c50; border-left: solid 8px transparent; border-right: solid 8px transparent; content: ""; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-animation: orbit-bars 1s infinite ease; -moz-animation: orbit-bars 1s infinite ease; -ms-animation: orbit-bars 1s infinite ease; -o-animation: orbit-bars 1s infinite ease; animation: orbit-bars 1s infinite ease; } .orbit-bars .spinner > div:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 16px; height: 16px; background-color: #28aadc; content: ""; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } body.page-transitions #site-loading { display: block; opacity: 1; } /* #Home Slider ================================================= */ body.header-below-slider .home-slider-wrap { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } body.header-below-slider #main-container, body.header-below-slider #footer-wrap { z-index: 100; position: relative; } .home-slider-wrap #slider-continue { position: absolute; left: 50%; bottom: 30px; z-index: 102; width: 50px; height: 50px; margin-left: -25px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #fff; display: none; } body.header-below-slider .home-slider-wrap #slider-continue { display: block; } .home-slider-wrap #slider-continue i { font-size: 26px; vertical-align: -12px; font-weight: bold; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .vertical-header .home-slider-wrap .rev_slider_wrapper, .vertical-header-right .home-slider-wrap .rev_slider_wrapper { left: auto!important; right: auto!important; width: 100%!important; } .vertical-header .home-slider-wrap .tp-bullets { left: auto!important; right: 0!important; width: 100%; } /* #Header ================================================== */ /* -------------------------------------------- TOP BAR -------------------------------------------- */ #top-bar { border-bottom: 1px solid #e3e3e3; } #top-bar.sticky-top-bar { width: 100%; -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -webkit-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; } #top-bar-sticky-wrapper { position: relative; z-index: 102; } #top-bar .container.fw-header { width: 100%; } #top-bar .container .tb-left { padding-left: 0; text-align: left; } #top-bar .container .tb-right { padding-right: 0; text-align: right; } #top-bar .container .tb-text { font-size: 12px; line-height: 36px; } #top-bar ul.social-icons { margin-bottom: 0; height: 36px; } #top-bar nav .menu { float: right; margin-bottom: 0; } #top-bar .tb-left nav .menu { float: left; } #top-bar nav .menu li { font-size: 12px; margin: 0; } #top-bar nav .menu > li > a { line-height: 36px; padding: 0 10px; display: block; } #top-bar nav .menu > li.shopping-bag-item > a, #top-bar nav .menu > li.wishlist-item > a { padding-top: 5px; } #top-bar nav .menu li > ul { text-align: left; } #top-bar .tb-right nav .menu li > ul.sub-menu { left: auto; right: 0; } /* -------------------------------------------- HEADER OVERLAY -------------------------------------------- */ .header-overlay .header-wrap, .header-standard-overlay .header-wrap { position: absolute; width: 100%; z-index: 101; background: transparent; } /* -------------------------------------------- HEADER LANGUAGES -------------------------------------------- */ #header .aux-languages img, #top-bar .aux-languages img { margin-right: 5px; vertical-align: -2px; } /* -------------------------------------------- HEADER SUBSCRIBE -------------------------------------------- */ #header-subscribe { padding: 20px; min-width: 280px; } #header-subscribe form { height: auto; overflow: hidden; } #header-subscribe label { font-size: 12px; } #header-subscribe input { font-size: 12px; } #header-subscribe .sf-button { float: right; margin-top: 5px; margin-right: 0; margin-bottom: 0; font-weight: normal; } #header-subscribe .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* -------------------------------------------- HEADER LOGIN -------------------------------------------- */ #header-login form { margin: 20px; } #header-login label { font-size: 12px; } #header-login input { font-size: 12px; } #header-login input#password { margin-bottom: 15px; } #header-login .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; border: 0; } #header-login .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-login a { display: inline; padding: 0 5px; line-height: 24px; } #header-login .logout-wrap { margin: 20px; } /* -------------------------------------------- HEADER LANGUAGE SELECTOR -------------------------------------------- */ #header-languages > li > a, #header-languages > li > div { display: block; white-space: nowrap; } #header-languages img { margin-right: 10px; width: 18px; height: 12px; display: inline-block; margin-top: -2px; } /* -------------------------------------------- HEADER CART VIEW -------------------------------------------- */ #main-nav .menu > li.shopping-bag-item { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } #main-nav .header-right ul.menu > li { margin: 0; border-left: 1px solid #e4e4e4; } #main-nav .header-right ul.menu > li:first-child { border-left: 0; } #main-nav .header-right ul.menu > li > a { padding: 12px 5px; } .menu-search ul li { width: 250px; } .menu-search ul li form { margin: 0; } .menu-search ul li form input { margin: 10px; width: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 36px; background: transparent; border: 0; } .shopping-bag { width: 300px; } .shopping-bag .loading-overlay { display: none; } .shopping-bag li:first-child:before { right: 25px; } nav .menu .wishlist-item ul.sub-menu li:first-child:before { left: 21px; } .header-right nav .menu .wishlist-item ul.sub-menu li:first-child:before { right: 21px; } .header-right nav .menu .menu-search ul.sub-menu li:first-child:before { right: 12px; } .header-right nav.search-nav .menu .menu-search ul.sub-menu li:first-child:before { right: 8px; } .wishlist-bag { width: 260px; } .bag-header { padding: 15px; font-size: 16px; border-bottom: 1px solid #e4e4e4; } .bag-product { padding: 15px; border-bottom: 1px solid #e4e4e4; position: relative; font-size: 12px; } .bag-product figure { overflow: hidden; position: relative; float: left; } .bag-product .bag-product-img { margin: 0; padding: 0!important; width: 72px; height: auto; } .bag-product .bag-product-details { margin-left: 82px; margin-right: 10px; } .bag-product .bag-product-details a { margin: 0; padding: 0; color: inherit; } .bag-product-title a { line-height: 18px; display: block; padding: 0!important; max-width: 95%; letter-spacing: normal; } .bag-product a.remove { margin: 0; padding: 0!important; position: absolute; right: 15px; top: 13px; } .bag-empty, .wishlist-empty { padding: 15px; border-bottom: 1px dotted #e4e4e4; font-size: 14px; line-height: 24px; } .bag-buttons { padding: 15px; } .bag-buttons a.sf-button { display: block; width: 100%; margin: 0; padding: 0!important; text-align: center!important; text-transform: uppercase; } .bag-buttons a.sf-button.bag-button { margin-bottom: 10px; } /* -------------------------------------------- LOGO -------------------------------------------- */ #logo a { display: block; max-height: 100%; height: 100%; text-align: left; font: 0/0 a; } #logo a:before { /* create a full-height inline block pseudo=element */ content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } #logo a:hover { margin-top: -2px; } #logo.has-img a { line-height: 0; } #logo img { height: auto; max-height: 100%; width: auto; display: inline-block; vertical-align: middle; } #logo img.retina { display: none; width: auto; } #logo img.alt-logo, #logo img.light-logo, #logo img.dark-logo { display: none; } .logo-alt-version #logo img.standard { display: none; } .logo-alt-version .is-sticky #logo img.alt-logo { display: none; } .logo-alt-version .is-sticky #logo img.standard { display: inline-block; } #logo h1 { margin: 0; line-height: 100%; } #logo h1.retina { display: none; } #logo.logo-center h1 { text-align: center; } #logo h2 { font-size: 14px!important; line-height: 100%; letter-spacing: 0; margin: 6px 0 0; } #logo.logo-center img { margin: 0 auto; } #logo.no-img.logo-left a { text-align: left; } #logo.logo-center a { text-align: center; } #logo.logo-right, #logo.logo-right img { float: right; } #logo.logo-right a, #logo.no-img.logo-right a { text-align: right; } #logo.no-img a { display: table; max-height: none; text-align: center; width: 100%; height: 100%; min-height: 42px; } #logo .text-logo { display: table-cell; vertical-align: middle; } /* -------------------------------------------- STANDARD NAV -------------------------------------------- */ nav ul.menu li.sf-menu-item-loggedin { display: none!important; } .logged-in nav ul.menu li.sf-menu-item-loggedin { display: inline-block!important; } nav ul.menu li.sf-menu-item-loggedout { display: inline-block!important; } .logged-in nav ul.menu li.sf-menu-item-loggedout { display: none!important; } nav.std-menu ul.menu > li { float: left; position: relative; } nav.std-menu ul.sub-menu { display: none; margin-bottom: 0; margin-left: 0; position: absolute; left: 0; top: 100%; z-index: 9995; min-width: 180px; letter-spacing: normal; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); } nav.std-menu ul.sub-menu > li { border-top: 1px solid #e3e3e3; line-height: 150%; text-align: left; position: relative; } nav.std-menu ul.sub-menu > li.parent:after { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; position: absolute; right: 15px; top: 50%; text-decoration: inherit; font-size: 14px; margin-top: -10px; } nav .menu ul.sub-menu li.menu-item.parent:hover > a, nav .menu ul.sub-menu li.current-menu-ancestor.parent > a, nav .menu ul.sub-menu li.current-menu-item.parent > a { background: transparent; } nav.std-menu ul.sub-menu > li ul { left: 100%; } nav.std-menu ul.sub-menu > li:first-child { border-top-width: 0; } nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language { padding: 10px 15px; font-weight: normal; font-size: 14px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; display: block; } nav.std-menu ul.menu > li.menu-item > a > i { display: inline-block; margin-right: 6px; } nav.std-menu ul.menu > li.menu-item > a > i[class*="ss-"] { vertical-align: -2px; } nav.std-menu li.menu-item .menu-item-desc { display: block; font-size: 12px; padding-top: 4px; } /* -------------------------------------------- MAIN HEADER -------------------------------------------- */ .header-wrap { position: relative; z-index: 101; } #header-section { position: relative; z-index: 1000; width: 100%; display: block; } #header-section.header-5 { position: absolute; } .header-5-overlay #main-container > div:first-child { padding-top: 120px; } .header-5-overlay.header-naked-light #main-container > div:first-child, .header-5-overlay #main-container > div.swift-slider { padding-top: 0; } #header-section #header { padding: 12px 0; position: relative; z-index: 100; } #header-section.header-6 #header { padding: 25px 0; } .header-shadow #header-section #header, body[class*="header-naked"].header-shadow #header-section .is-sticky #header, .header-shadow .header-wrap .header-6 { -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); box-shadow: 0 3px 5px rgba(0,0,0,.1); } .header-shadow #header-section.header-vert #header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #header-section .row { position: relative; } .header-left { text-align: left; } .header-right { text-align: right; } .header-left .aux-item, .header-right .aux-item { display: inline-block; margin-left: 5px; vertical-align: middle; } .full-center .header-left .aux-item, .full-center .header-right .aux-item { margin-left: 0; } .full-center.resized-header nav li.menu-item > ul.sub-menu > li > ul { top: 0!important; } .header-left .aux-item:first-child, .header-right .aux-item:first-child { margin-left: 0; } .header-left div.text, .header-right div.text { font-size: 12px; line-height: inherit; } .header-left nav.std-menu ul.sub-menu { left: 0; right: auto; top: 100%!important; } /*.header-left .aux-item nav.std-menu ul.sub-menu { left: -10px; }*/ #header ul.social-icons { margin-bottom: 0; margin-top: 3px; line-height: 0; position: relative; font-size: 0; } #header ul.social-icons li { height: 38px; } #header .aux-item ul.social-icons { margin-top: 0; } .full-center #header .aux-item ul.social-icons li a { vertical-align: middle; margin-top: 8px; } #header ul.social-icons li a > i { display: none; margin-bottom: 0; top: 0; } #header ul.social-icons li a > i:first-child { display: block; } #header ul.social-icons li a, #header ul.social-icons li a i { position: static; } .header-left a, .header-right a { display: block; } .header-right div.text { text-align: right; } .header-right .std-menu { float: right; } #header .header-left ul.menu > li > a.header-search-link { background: transparent!important; font-size: 16px; padding: 0 20px 0 0; } #header .header-left ul.menu > li.menu-search .ajax-search-wrap { right: auto; left: -10px; } #header .header-left ul.menu > li.menu-search .ajax-search-wrap:after { right: auto; left: 10px; } #header .header-right ul.menu > li > a.header-search-link { background: transparent!important; font-size: 16px; padding: 0 0 0 20px; } #header .header-right ul.menu > li.menu-search .ajax-search-wrap { right: -10px; } #header .header-right ul.menu > li.menu-search .ajax-search-wrap:after { right: 10px; } #header .aux-item ul.menu > li > a.header-search-link { font-size: 20px; display: inline-block; padding: 0 10px; } #header .aux-item ul.menu > li > a.header-search-link i:before { vertical-align: -3px; height: 24px; } .header-right nav.std-menu ul.sub-menu { right: 0; left: auto; top: 100%!important; } #header .std-menu ul.menu { margin-bottom: 0; line-height: inherit; } #header .std-menu ul.menu > li { display: inline-block; } #header .std-menu ul.menu > li > a { padding: 0 10px; } .header-left .std-menu ul.menu > li > a, .header-right .std-menu ul.menu > li > a { font-size: 12px; } #header .std-menu ul.menu > li:first-child { padding-left: 0; } .header-7 #header .std-menu ul.menu > li, .header-8 #header .std-menu ul.menu > li { padding-bottom: 12px; } .overlay-menu-open #header, .fs-search-open #header, .fs-supersearch-open #header, .header-6 #header { background: transparent!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .vertical-menu ul.social-icons { text-align: center; } .vertical-menu .header-search-link { font-size: 20px; } /* -------------------------------------------- MAIN NAVIGATION -------------------------------------------- */ nav ul.menu { margin-bottom: 0; } #main-nav { border-top: 1px solid #e4e4e4; } .is-sticky #main-nav { border-top: 0; } #main-nav ul.menu > li { border-right: 1px solid #e4e4e4; line-height: 14px; } #main-nav ul.menu > li:first-child { border-left: 1px solid #e4e4e4; } #main-nav ul.menu > li > a { padding: 20px 15px; display: block; } #main-nav nav#main-navigation ul.menu { float: left; } .menu-left #main-navigation { padding-left: 15px; } nav#main-navigation ul.menu { float: right; } #main-nav .row { position: relative; } #main-nav .menu-right { position: absolute; right: 15px; top: 5px; } #main-nav .menu-right ul.menu { float: right; } #main-nav .menu-right ul.menu > li > a { display: block; padding: 14px; } #main-nav .menu-right ul.menu > li.shopping-bag-item > a, #main-nav .menu-right ul.menu > li.wishlist-item > a { padding: 11px; } #main-nav .menu-right ul.menu > li > a > i { font-size: 18px; display: inline-block; } #main-nav .menu-right ul.menu > li > a > i.ss-search { vertical-align: -3px; height: 18px; font-size: 20px; line-height: 20px; display: inline-block; } #main-nav .menu-right ul.menu > li > a > span { margin-left: 8px; line-height: 16px; display: inline-block; vertical-align: 1px; } #main-nav .menu-right ul.menu > li > a > span.num-items { margin-top: 2px; } #main-nav .menu-right ul.menu > li > a > i:before { vertical-align: middle; } #main-nav .menu-right ul.menu > li.wishlist-item { margin-top: 3px; } #main-nav .menu-right ul.sub-menu { right: 0; left: auto; } #main-nav.center-menu { text-align: center; } #main-nav.center-menu > .container { position: relative; } #main-nav.center-menu nav#main-navigation, #main-nav.center-menu nav.float-alt-menu { display: inline-block; text-align: center; margin: 0 auto; vertical-align: bottom; } #main-nav.center-menu nav#main-navigation ul.menu { float: none; } #main-nav.center-menu nav.mega-menu { position: static; } #main-nav.center-menu nav.mega-menu li.sf-mega-menu-natural-width .sub-container { left: 0!important; } #main-nav.center-menu nav.float-alt-menu ul.menu > li:first-child { border-left: 0; margin-left: -4px; } #main-nav.center-menu nav.float-alt-menu ul.menu { text-align: left; } #main-nav.center-menu nav.float-alt-menu ul.menu li > a { padding-left: 14px; padding-right: 14px; padding-bottom: 30px; } #main-nav.center-menu nav.float-alt-menu ul.menu li > a > i { margin-right: 4px; } #main-nav.center-menu nav.float-alt-menu ul.menu li > a.header-search-link > i { margin-left: 4px; } #main-nav.center-menu nav.float-alt-menu ul.menu li > a > i:before { vertical-align: -2px; } .no-menu { padding: 15px 0; } .full-center nav#main-navigation .no-menu { position: absolute; top: 15px; width: 100%; right: 0; padding: 30px 0; } nav ul.menu > li.menu-item.sf-menu-item-btn > a { background: transparent; padding: 0!important; } li.menu-item span.menu-item-text > i, li.menu-item span.title > i { margin-right: 5px; vertical-align: -2px; } nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text { padding: 10px 20px; } nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text > i { margin-right: 6px; vertical-align: -1px; } #main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text { display: block; margin: 4px 0; } .header-9 #main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text { display: block; margin: 15px 0; } .vertical-header #vertical-nav ul.menu > li.menu-item.sf-menu-item-btn { margin-bottom: 15px; } /* -------------------------------------------- FULL CENTER HEADER -------------------------------------------- */ .full-center #header, .full-center .float-menu { transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; } .full-center #header-section #header { padding: 0; } .full-center #header > .container, .full-center #header > div > .container { position: relative; max-width: 100%; } .full-center #header.fw-header > .container { width: 100%; } .header-7 #header.fw-header .container, .header-8 #header.fw-header .container { width: 100%; padding: 0 30px; } .header-7 #header.fw-header .container .header-left, .header-8 #header.fw-header .container .header-left { padding-left: 15px; } .header-7 #header.fw-header .container .header-right, .header-8 #header.fw-header .container .header-right { padding-right: 15px; } .full-center #logo { position: absolute; left: 0; top: 0; height: 100%!important; width: auto; z-index: 99; max-width: 25%; } .full-center #logo.has-img a > img { vertical-align: middle; } .full-center .fw-header #logo { left: 10px; } .full-center .header-right { position: absolute; right: 10px; top: 0; height: 100%; width: auto; } .full-center .header-4 .header-right { position: relative; display: inline-block; float: right; padding-left: 10px; } .full-center .float-menu { text-align: center; position: relative; } .full-center .header-4 .float-menu, .full-center .header-5 .float-menu { text-align: right; max-width: 100%; width: auto; padding-right: 0; } .full-center .header-4 .fw-header .float-menu { float: none; } .browser-ff .full-center .header-4 .fw-header .float-menu { float: none; } .full-center .header-4 .fw-header .float-menu li.menu-item.sf-mega-menu > ul.sub-menu { left: auto; right: 0; } .full-center .header-5 .float-menu { padding-right: 0; } .full-center nav.mega-menu { position: static; } .full-center nav#main-navigation { display: inline-block; text-align: center; margin: 0 auto; } .full-center nav.float-alt-menu { display: inline-block; text-align: center; margin: 0 0 0 10px; } .full-center nav.mega-menu li .sub-container { left: 0!important; } .full-center nav.mega-menu li.sf-mega-menu-fw .sub-container { left: 3%!important; } .full-center nav.mega-menu li.sf-mega-menu-fw .sub-container { width: 94%!important; } .full-center nav.mega-menu li.sf-mega-menu-fw .sub-container .sub, .full-center nav.mega-menu li.sf-mega-menu-fw .sub-container .sub .row { width: 100%!important; } .full-center nav.mega-menu li.sf-mega-menu-natural-width { position: relative!important; } .full-center #header-section.header-5 nav.mega-menu li .sub-container { left: 0!important; } .full-center #header-section nav.mega-menu li.sf-mega-menu-natural-width .sub-container { right: 0; left: auto!important; } .full-center nav#main-navigation ul.menu { width: 100%; display: inline-block; text-align: center; float: none; } .full-center nav#main-navigation ul.menu > li { border-right: 1px solid #e4e4e4; } .full-center nav#main-navigation ul.menu > li:first-child { border-left: 1px solid #e4e4e4; } .full-center nav#main-navigation ul.menu > li.menu-item > a { padding: 0 25px; } .full-center #header nav.float-alt-menu ul.menu > li { padding: 0; border-right: 1px solid #e4e4e4; text-align: left; } .full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a { padding: 0 15px; display: block; } .full-center #header .aux-item nav.std-menu ul.menu > li > a { padding: 0 10px; } .full-center nav.float-alt-menu ul.menu > li > a > i { font-size: 20px; margin-right: 6px; vertical-align: -5px; } .full-center nav.float-alt-menu ul.menu > li.menu-search > a > i { margin-right: 0; } .full-center nav.float-alt-menu ul.menu > li > ul.sub-menu { right: 0; left: auto; } .full-center .ajax-search-wrap:after { right: 15px; } .full-center #header.fw-header nav.float-alt-menu ul.menu > li:last-child { border-right: 0; } #header-section.header-5 #header { max-width: 1140px; margin: 0 auto; } .layout-boxed #header-section.header-5 .sticky-wrapper:not(.is-sticky) .sticky-header { max-width: 100%!important; } #header-section.header-5 #header #logo { left: 15px; } #header-section.header-5 #header nav.float-alt-menu { margin-right: 15px; } .header-9#header-section #main-nav { border-top: 0; border-bottom: 0; } .header-9 #main-nav ul.menu > li, .header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li { border: 0; } .header-9 #main-nav ul.menu > li > a, .header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li > a { padding-top: 25px; padding-bottom: 25px; } .header-9 #main-nav.center-menu nav.float-alt-menu ul.menu > li > a > span { margin-top: 1px; display: inline-block; } /* -------------------------------------------- VERTICAL HEADER -------------------------------------------- */ .vertical-header #site-loading > .spinner { margin-left: 150px; } .vertical-header-right #site-loading > .spinner { margin-left: -150px; } .vertical-header .container { max-width: 95%; } .vertical-header .header-wrap { width: 300px; height: 100%; position: fixed; top: 0; left: 0; z-index: 101; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .layout-boxed.vertical-header .header-wrap { left: auto; } .vertical-header-right .header-wrap { left: auto; right: 0; } .vertical-header #header-section { height: 100%; } .vertical-header #logo { padding: 0 20px; } .vertical-header .no-menu { padding: 15px 20px; } .vertical-header #top-bar .no-menu { padding: 7px 0; } .vertical-header #header-section #vertical-nav { z-index: 2; width: 100%; } .vertical-header #header-section #vertical-nav .vertical-menu-bottom { bottom: 20px; position: absolute; width: 100%; } .vertical-header .vertical-menu-bottom nav.std-menu { margin-bottom: 10px; } .vertical-header #header-section #header { padding: 40px 0; position: relative; z-index: 3; } .vertical-header #container { padding-left: 300px; height: 100%; } .vertical-header.layout-boxed #container { padding-left: 0; padding-right: 0; } .vertical-header.layout-boxed #main-container { padding-left: 300px; } .vertical-header-right #container { padding-left: 0; padding-right: 300px; } .vertical-header-right.layout-boxed #container { padding-left: 0; padding-right: 0; } .vertical-header-right.layout-boxed #main-container { padding-left: 0; margin-right: 300px; } .page-template-template-blank2.vertical-header #container, .page-template-template-blank2fw.vertical-header #container, .page-template-template-blank3.vertical-header #container, .page-template-template-blank3fw.vertical-header #container { padding-left: 0; padding-right: 0; } .vertical-menu nav ul.menu > li { width: 100%; float: none; display: block; } .vertical-menu nav ul.menu > li > a { float: none; display: block; padding: 15px 18px; text-align: center; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .vertical-header nav#main-navigation ul.menu { width: 100%; float: none; } .vertical-header nav.std-menu ul.menu > li.menu-item.sf-mega-menu { position: relative; } .vertical-header .header-wrap nav.std-menu ul.sub-menu { top: 0!important; bottom: auto!important; left: 100%!important; } .vertical-header li.menu-item.sf-mega-menu > ul.sub-menu { margin: 0; } .vertical-header nav.std-menu ul.sub-menu > li ul { left: 0!important; } .vertical-header .vertical-menu-bottom nav.std-menu ul.sub-menu { top: auto!important; bottom: 0!important; } .vertical-header .ajax-search-wrap { top: auto; bottom: 0; left: 100%; right: auto; } .vertical-header .ajax-search-wrap:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #e3e3e3; left: -16px; right: auto; bottom: 16px; top: auto; } .vertical-header .ajax-search-results { border-top: 0; border-bottom: 1px solid #e3e3e3; } .shopping-bag-item a.cart-contents > i, .shopping-bag-item a.cart-contents > span.amount, .shopping-bag-item a.cart-contents > span.count { display: none!important; } a.cart-contents { font-size: 0; } .shopping-bag-item a > span.num-items { display: inline-block; position: relative; background-color: #222; color: #fff; height: 22px; width: 20px; vertical-align: middle; padding: 7px 6px; line-height: 8px!important; border-radius: 2px; letter-spacing: 1px; font-size: 13px; font-weight: bold; margin-left: 0!important; margin-top: -2px; } .shopping-bag-item a > span.num-items:after { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -5px; height: 9px; width: 9px; background: transparent; border: 2px solid #222; border-radius: 16px; } .shopping-bag-item > a > .cart-text { display: none; } .wishlist-item a i { font-size: 16px; display: inline-block; margin-right: 6px; vertical-align: -1px; } .wishlist-item a > span.star { display: none; } .wishlist-item a > span.count { font-size: 14px; font-weight: bold; display: inline-block; margin-left: 0!important; vertical-align: 0!important; } .vertical-menu-bottom .copyright { padding: 0 20px; margin-bottom: 35px; font-size: 12px; text-align: center; } .vertical-header-right #main-nav .ajax-search-wrap { right: auto; left: -1px; } .vertical-header-right .ajax-search-wrap:after { right: auto; left: 19px; } .vertical-header-right nav.mega-menu li.sf-mega-menu-fw .sub-container, .vertical-header-right nav.mega-menu li.sf-mega-menu-natural-width .mega, .vertical-header-right .ajax-search-wrap, .vertical-header-right nav.std-menu ul.sub-menu { left: auto!important; right: 100%!important; } .vertical-header-right nav.mega-menu li.sf-mega-menu-fw .mega .sub { float: right; } .vertical-header .swiper-slide .caption-wrap { max-width: 90%; } .vertical-header li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu { min-width: 500px; min-width: 50vw; } .vertical-header li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu > li > ul.sub-menu { left: 0!important; } /* -------------------------------------------- OVERLAY MENU -------------------------------------------- */ a.overlay-menu-link { line-height: inherit; width: 20px; height: 14px; display: inline-block; text-indent: -9999em; position: relative; vertical-align: middle; top: 50%; position: relative; margin-top: -3px; overflow: hidden; } .aux-item a.overlay-menu-link { top: 0; } a.overlay-menu-link span, a.overlay-menu-link span:before, a.overlay-menu-link span:after { webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -moz-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); background-color: #1d1d1d; display: block; position: absolute; width: 20px; height: 2px; left: 0; } a.overlay-menu-link span:before, a.overlay-menu-link span:after { content: ""; } a.overlay-menu-link span { top: 6px; } a.overlay-menu-link span:before { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; top: -6px; z-index: 10; } a.overlay-menu-link span:after { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 6px; } .overlay-menu-open a.overlay-menu-link span { background-color: transparent !important; } .overlay-menu-open a.overlay-menu-link span:before { -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -o-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); } .overlay-menu-open a.overlay-menu-link span:after { -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg); -moz-transform: translateY(-7px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-7px) translateX(1px) rotate(-45deg); -o-transform: translateY(-7px) translateX(1px) rotate(-45deg); transform: translateY(-7px) translateX(1px) rotate(-45deg); } #overlay-menu { background: rgba(230, 80, 55, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-menu-open #overlay-menu { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-menu-close { position: absolute; top: 6px; left: 7px; font-size: 36px; color: #fff; display: block; height: 38px; letter-spacing: 2px; opacity: 0; -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; } .header-right .overlay-menu-close { position: absolute; top: 6px; right: 7px; left: auto; } .overlay-menu-close i:before { vertical-align: baseline; } .overlay-menu-open .overlay-menu-close { opacity: 0.8; -webkit-transform: scale(1); } .overlay-menu-open .overlay-menu-close:hover { opacity: 1; } #overlay-menu nav { text-align: center; position: relative; z-index: 2; top: 20%; height: 60%; font-size: 54px; opacity: 0; -webkit-transition: top 0.5s cubic-bezier(0.175,0.785,0.320,1) 0, opacity 0.5s; transition: top 0.5s cubic-bezier(0.175,0.785,0.320,1) 0, opacity 0.5s; } .overlay-menu-open #overlay-menu nav { top: 24%; opacity: 1; } .overlay-menu-closing #overlay-menu nav { top: 20%; opacity: 0; } #overlay-menu nav > div { height: 100%; } #overlay-menu nav ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; width: 100%; position: relative; } #overlay-menu nav ul ul, #overlay-menu nav ul ul ul { display: none!important; } #overlay-menu nav ul li { display: block; height: 20%; transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; } #overlay-menu nav ul li a { padding: 8px 0; display: block; color: #fff; font-size: inherit; background: transparent; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .overlay-menu-open #header-section .is-sticky .sticky-header, .overlay-menu-open #header-section .is-sticky #header.sticky-header { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; } .overlay-menu-open .header-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .overlay-menu-open a.contact-menu-link { opacity: 0; pointer-events: none; } body.overlay-menu-open { overflow: hidden; } /* -------------------------------------------- FULLSCREEN SEARCH -------------------------------------------- */ .fs-search-open .float-menu .menu-search .fs-header-search-link i.ss-search { font-size: 24px!important; width: 20px; display: inline-block; vertical-align: -2px!important; } .fs-search-open .aux-item .fs-header-search-link i.ss-search { width: 20px; display: inline-block; font-size: 24px; vertical-align: -2px; } .fs-search-open .float-menu .menu-search .fs-header-search-link i.ss-search:before, .fs-search-open .aux-item .fs-header-search-link i.ss-search:before { content: '␡'; margin-left: -4px; } #fullscreen-search { background: rgba(230, 80, 55, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; overflow: scroll; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .fs-search-open #fullscreen-search { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #fullscreen-search .fs-overlay-close { position: absolute; top: 60px; right: 50px; font-size: 40px; -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; } .fs-search-open #fullscreen-search .fs-overlay-close { opacity: 0.8; -webkit-transform: scale(1); } .fs-search-open #fullscreen-search .fs-overlay-close:hover { opacity: 1; } .fs-aux-open #logo img { display: none!important; } .fs-aux-open #logo img.standard { display: inline-block!important; } #fullscreen-search .fs-overlay-close, #fullscreen-search .search-wrap .title, .fs-search-bar, .fs-search-bar input#fs-search-input, #fullscreen-search .search-result-pt h3 { color: #fff; } #fullscreen-search .container1 > div, #fullscreen-search .container2 > div, #fullscreen-search .container3 > div { background-color: #fff; } #fullscreen-search .search-wrap { width: 80%; margin: 20% auto 10%; max-width: 700px; } #fullscreen-search .search-wrap .title { text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } .fs-search-bar { text-align: center; margin-bottom: 30px; } .fs-search-bar .ss-search { font-size: 30px; line-height: 30px; height: 30px; display: inline-block; vertical-align: -4px; opacity: 0.6; } .fs-search-bar input#fs-search-input { width: 40px; background: transparent; border: 0; font-size: 38px!important; margin: 0; padding: 0; padding: 0 4px; height: 72px; text-align: center; } #fullscreen-search .ajax-loading-wrap { position: absolute; width: 100%; max-width: 700px; padding-top: 100px; } #fullscreen-search .ajax-loading { width: 50px; height: 50px; margin: 0 auto; position: relative; display: none; } #fullscreen-search .ajax-search-results { border-top: 0; } #fullscreen-search .no-search-results { background: #fff; padding: 20px; box-shadow: 1px 2px 4px rgba(0,0,0,0.1); } #fullscreen-search .no-search-results h5 { font-weight: bold; margin-top: 0; margin-bottom: 0; padding-left: 0; } #fullscreen-search .no-search-results p { padding: 10px 0 0; } #fullscreen-search .search-result-pt { margin-bottom: 60px; } #fullscreen-search .search-result-pt h3 { margin-top: 0; } #fullscreen-search .search-result { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); transform: translateY(50px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; background: #fff; box-shadow: 1px 2px 4px rgba(0,0,0,0.1); margin-top: 20px; border: 0; padding: 0; } #fullscreen-search .search-result.has-img .search-item-img { width: 125px; height: auto; margin-right: 10px; } #fullscreen-search .search-result.has-img .search-item-img a { display: block; } #fullscreen-search .search-result.has-img .search-item-img a:hover { opacity: 0.6; } #fullscreen-search .search-result .search-item-img img { width: 125px; height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #fullscreen-search .search-result .search-item-content { padding: 20px; margin: 0; } #fullscreen-search .search-result h4 { margin-top: 0; margin-bottom: 10px; } #fullscreen-search .search-result time { opacity: 0.8; } #fullscreen-search .search-result.has-img .search-item-content { margin-left: 135px; } #fullscreen-search .search-result.load-in { -webkit-animation: moveUp .4s ease-out forwards; -moz-animation: moveUp .4s ease-out forwards; animation: moveUp .4s ease-out forwards; } #fullscreen-search .ajax-search-results .all-results { display: block; width: 25%; margin: 0 auto; text-align: center; background: #fff; font-weight: bold; padding: 18px; } body.fs-search-open { overflow: hidden; } /* -------------------------------------------- FULLSCREEN SUPERSEARCH -------------------------------------------- */ #fullscreen-supersearch { background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; overflow: scroll; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .fs-supersearch-open #fullscreen-supersearch { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } a.fs-supersearch-link span { display: none; } a.fs-supersearch-link { font-size: 24px; height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; position: relative; } a.fs-supersearch-link > i { display: inline-block; height: 30px; vertical-align: -2px; } .fs-supersearch-open .float-menu a.fs-supersearch-link i:before, .fs-supersearch-open .aux-item a.fs-supersearch-link i:before { content: '␡'; } #fullscreen-supersearch .supersearch-wrap { width: 80%; margin: 20% auto 10%; } #fullscreen-supersearch .sf-super-search { background: transparent; } #fullscreen-supersearch .sf-super-search .search-options { width: 100%; margin-bottom: 50px; text-align: center; font-size: 36px; line-height: 60px; } #fullscreen-supersearch .sf-super-search .search-options .ss-dropdown { margin: 0 8px; } #fullscreen-supersearch .sf-super-search .search-go { width: 100%; text-align: center; } #fullscreen-supersearch .sf-super-search .search-go a.sf-button { margin-right: 0!important; } /* -------------------------------------------- CONTACT MENU -------------------------------------------- */ a.contact-menu-link { font-size: 24px; height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; position: relative; } a.contact-menu-link > i { display: inline-block; height: 30px; } #contact-slideout { display: none; } #contact-slideout > .container { padding-top: 45px; padding-bottom: 45px; } #contact-slideout > .container > .row:last-child > div { margin-bottom: 0; } /* -------------------------------------------- AJAX SEARCH -------------------------------------------- */ .ajax-search-wrap { position: absolute; top: 100%; right: 0; border: 1px solid #e3e3e3; width: 250px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); display: none; } #main-nav .ajax-search-wrap { right: -1px; } .ajax-search-wrap:after { content: ""; position: absolute; top: 0; right: 19px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e3e3e3; margin-top: -8px; } .ajax-search-wrap input[type="text"] { border: 0; background: transparent; padding: 15px 20px; width: 100%; margin: 0; height: 50px; } #main-nav .ajax-search-wrap input[type="text"] { padding: 12px 20px; } .ajax-search-wrap .ajax-loading { background: transparent url('images/loader.gif') no-repeat center center; background-size: 75%; width: 18px; height: 18px; position: absolute; right: 18px; top: 16px; display: none; } .ajax-search-results { border-top: 1px solid #e3e3e3; display: none; text-align: left; } .search-result-pt h6, .no-search-results h6 { margin-bottom: 0; padding-left: 20px; margin-top: 18px; letter-spacing: normal; } .search-result-pt .search-result { border-bottom: 1px solid #e3e3e3; padding: 20px 20px 16px; height: auto; overflow: hidden; } .search-result-pt .search-result:nth-of-type(1) { padding-top: 12px; } .search-result .search-item-img, .search-result .search-item-img img, .search-result .search-item-img .img-holder { height: 35px; width: 35px; } .search-result .search-item-img .img-holder i { padding: 8px 6px; font-size: 18px; height: 35px; display: block; line-height: 22px; text-align: center; } .search-result .search-item-content { margin-left: 46px; } .search-result h5 { margin-bottom: 0; margin-top: 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .search-result time { line-height: 20px; margin-bottom: 0!important; } .no-search-results p { padding: 10px 20px 18px; margin-bottom: 0; } .ajax-search-results .all-results { display: block; padding: 20px; } /* -------------------------------------------- MEGA MENU -------------------------------------------- */ nav.std-menu ul.menu > li.menu-item.sf-mega-menu { position: inherit; } li.menu-item.sf-mega-menu > ul.sub-menu { position: absolute; top: 100%; left: 0; width: 1170px; margin: 0; max-width: 100%; letter-spacing: normal; } li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu { max-width: 100%; } .float-menu li.menu-item.sf-mega-menu > ul.sub-menu { left: 15px; } li.menu-item.sf-mega-menu > ul.sub-menu > li { position: relative; width: 100%; float: left; border-top: 0; border-left: 1px solid #e4e4e4; border-top: 1px solid #e3e3e3; } li.menu-item.sf-mega-menu > ul.sub-menu > li:first-child { border-left: 0; } li.menu-item.sf-mega-menu[data-megamenucols="2"].sf-mega-menu-natural-width > ul.sub-menu { width: 40%; } li.menu-item.sf-mega-menu[data-megamenucols="3"].sf-mega-menu-natural-width > ul.sub-menu { width: 50%; } li.menu-item.sf-mega-menu[data-megamenucols="4"].sf-mega-menu-natural-width > ul.sub-menu { width: 50%; } li.menu-item.sf-mega-menu[data-megamenucols="5"].sf-mega-menu-natural-width > ul.sub-menu { width: 60%; } li.menu-item.sf-mega-menu[data-megamenucols="6"].sf-mega-menu-natural-width > ul.sub-menu { width: 60%; } li.menu-item.sf-mega-menu[data-megamenucols="2"] > ul.sub-menu > li { width: 50%; } li.menu-item.sf-mega-menu[data-megamenucols="3"] > ul.sub-menu > li { width: 33.33333%; } li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > li { width: 25%; } li.menu-item.sf-mega-menu[data-megamenucols="5"] > ul.sub-menu > li { width: 20%; } li.menu-item.sf-mega-menu[data-megamenucols="6"] > ul.sub-menu > li { width: 16.66666%; } li.menu-item.sf-mega-menu > ul.sub-menu > li ul { position: relative!important; top: 0px!important; left: 0; display: block!important; opacity: 1!important; width: 100%; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-width: none; padding: 0 20px; } li.menu-item.sf-mega-menu.sf-mega-menu-alt.no-headings ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu > ul.sub-menu li, li.menu-item.sf-mega-menu ul.sub-menu > li ul > li:first-child { border-top-width: 0; } li.menu-item.sf-mega-menu ul.sub-menu > li ul > li.menu-item { width: 100%; float: none; } li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a { float: none; display: block; } li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 20px 20px 0; display: block; padding: 10px 15px; } li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > span.title { display: none; } li.menu-item.sf-mega-menu > ul.sub-menu > li ul { padding: 0 20px 20px; } li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li ul { padding: 20px; } li.menu-item.sf-mega-menu.no-column-spacing > ul.sub-menu > li ul { padding: 0!important; } li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt > ul.sub-menu li { border-top-width: 1px; } li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu { left: auto; margin: 0; min-width: 0; } .header-4 li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); margin-left: 90px; } /* -------------------------------------------- STICKY HEADER -------------------------------------------- */ .sticky-header { -webkit-transform: translateZ(0); } #main-nav.sticky-header { width: 100%; } .header-3 .is-sticky .sticky-header, .header-4 .is-sticky .sticky-header, .header-7 .is-sticky .sticky-header, .header-8 .is-sticky .sticky-header { width: 100%; } .layout-fullwidth .header-3 .is-sticky .sticky-header, .layout-fullwidth .header-4 .is-sticky .sticky-header, .layout-fullwidth .header-7 .is-sticky .sticky-header, .layout-fullwidth .header-8 .is-sticky .sticky-header { max-width: 100%!important; } .header-7 .sticky-header, .header-8 .sticky-header { transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; } #main-nav-sticky-wrapper { height: 45px; } .full-center #main-navigation ul.menu > li > a, .full-center .header-right ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center #logo h1, .full-center .header-right div.text { transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, line-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* -------------------------------------------- NAKED HEADER -------------------------------------------- */ body[class*="header-naked"] #top-bar { display: none!important; } body[class*="header-naked"] #header-section #header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-wrap[class*="page-header-naked"] { position: absolute; top: 0; width: 100%; background: transparent; border-bottom: 0; } .header-wrap[class*="page-header-naked"] .header-wrap { background: transparent; width: 100%; position: absolute; top: 40px; z-index: 7; } .header-wrap[class*="page-header-naked"] #header-section.header-5 #header { background: transparent; } .header-wrap[class*="page-header-naked"] .sticky-header, .full-center[class*="page-header-naked"] #header { background-color: transparent; transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out; -moz-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out; -webkit-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out; -o-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out, height 0.3s ease-in-out; } .header-wrap[class*="page-header-naked"], .header-wrap[class*="page-header-naked"] #header-section:before, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section #header, .header-wrap[class*="page-header-naked"] .header-6 { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-wrap[class*="page-header-naked"] #header-section #main-nav { background: transparent; border-color: transparent; } .header-wrap[class*="page-header-naked"] #header-section #main-nav ul.menu > li, .header-wrap[class*="page-header-naked"] #header-section nav#main-navigation ul.menu > li, .header-wrap[class*="page-header-naked"] #header nav.float-alt-menu ul.menu > li { border-color: transparent; } .header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .header-wrap[class*="page-header-naked"] .sticky-wrapper:not(.is-sticky) nav.float-alt-menu ul.menu > li > a, .header-wrap[class*="page-header-naked"] #header nav .menu > li:hover > a, .header-wrap[class*="page-header-naked"] .menu-right nav .menu > li:hover > a { background: transparent; } .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header.sticky-header-resized { -moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); box-shadow: 0 3px 5px rgba(0,0,0,.05); } .header-wrap[class*="page-header-naked"] .header-5 .sticky-header { max-width: 1140px; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo.has-light-logo img, .sticky-header-disabled .page-header-naked-light #logo.has-light-logo img { display: none; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo.has-light-logo img.light-logo, .sticky-header-disabled .page-header-naked-light #logo.has-light-logo img.light-logo { display: inline-block; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) #logo.has-dark-logo img, .sticky-header-disabled .page-header-naked-dark #logo.has-dark-logo img { display: none; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) #logo.has-dark-logo img.dark-logo, .sticky-header-disabled .page-header-naked-dark #logo.has-dark-logo img.dark-logo { display: inline-block; } .page-header-naked-light:not(.full-header-stick) .header-left, .page-header-naked-light:not(.full-header-stick) .header-left a, .page-header-naked-light:not(.full-header-stick) .header-right, .page-header-naked-light:not(.full-header-stick) .header-right a, .page-header-naked-light:not(.full-header-stick) #logo h1, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-left, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-left a, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-right, .sticky-header-disabled .page-header-naked-light.full-header-stick .header-right a, .sticky-header-disabled .page-header-naked-light.full-header-stick #logo h1 { color: #fff; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) #logo h1, .page-header-naked-light .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-left li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right, .page-header-naked-light .sticky-wrapper:not(.is-sticky) .header-right li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.contact-menu-link, .sticky-header-disabled .page-header-naked-light.full-header-stick #main-nav ul.menu > li > a, .sticky-header-disabled .page-header-naked-light.full-header-stick nav .menu > li.menu-item > a, .sticky-header-disabled .page-header-naked-light a.contact-menu-link { color: #fff; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span:before, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span:after, .page-header-naked-light .header-6 a.overlay-menu-link span, .page-header-naked-light .header-6 a.overlay-menu-link span:before, .page-header-naked-light .header-6 a.overlay-menu-link span:after { background: #fff; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items, .page-header-naked-light .header-6 .shopping-bag-item a > span.num-items, .sticky-header-disabled .page-header-naked-light.full-header-stick .shopping-bag-item a > span.num-items { background: #fff; color: #222; } .page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items:after, .page-header-naked-light .header-6 .shopping-bag-item a > span.num-items:after, .sticky-header-disabled .page-header-naked-light.full-header-stick .shopping-bag-item a > span.num-items:after { border-color: #fff; } .page-header-naked-dark:not(.full-header-stick) .header-left, .page-header-naked-dark:not(.full-header-stick) .header-left a, .page-header-naked-dark:not(.full-header-stick) .header-right, .page-header-naked-dark:not(.full-header-stick) .header-right a, .page-header-naked-dark:not(.full-header-stick) #logo h1, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-left, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-left a, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-right, .sticky-header-disabled .page-header-naked-dark.full-header-stick .header-right a, .sticky-header-disabled .page-header-naked-dark.full-header-stick #logo h1 { color: #222; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-left, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-left li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-right, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .header-right li > a, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.contact-menu-link, .sticky-header-disabled .page-header-naked-dark.full-header-stick #main-nav ul.menu > li > a, .sticky-header-disabled .page-header-naked-dark.full-header-stick nav .menu > li.menu-item > a, .sticky-header-disabled .page-header-naked-dark a.contact-menu-link { color: #222; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span:before, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.overlay-menu-link span:after .page-header-naked-dark .header-6 a.overlay-menu-link span, .page-header-naked-dark .header-6 a.overlay-menu-link span:before, .page-header-naked-dark .header-6 a.overlay-menu-link span:after { background: #222; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items, .page-header-naked-dark .header-6 .shopping-bag-item a > span.num-items, .sticky-header-disabled .page-header-naked-dark.full-header-stick .shopping-bag-item a > span.num-items { background: #222; color: #fff; } .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item a > span.num-items:after, .page-header-naked-dark .header-6 .shopping-bag-item a > span.num-item:after, .sticky-header-disabled .page-header-naked-dark.full-header-stick .shopping-bag-item a > span.num-items:after { border-color: #222; } body[class*="header-naked"] .inner-page-wrap { margin-top: 0; } .logo-alt-version #logo img { display: none; } .logo-alt-version #logo img.alt-logo { display: inline-block; } /* #Widgets ================================================== */ .widget { padding-bottom: 35px; } .widget ul { margin: 0; list-style: none; } .widget ul li { margin-bottom: 0; line-height: 150%; } .widget_recent_comments ul li { padding: 10px 0; } .widget ul li > a { padding: 10px 0; display: block; } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .widget_categories ul > li, .widget_archive ul > li, .widget_nav_menu ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li, .widget_layered_nav ul li, .widget_edd_categories_tags_widget ul li, .widget_display_replies ul li, .widget_display_forums ul li, .widget_display_topics ul li { border-top: 1px solid transparent; } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child, .widget_edd_categories_tags_widget ul li:first-child, .widget_display_replies ul li:first-child, .widget_display_forums ul li:first-child, .widget_display_topics ul li:first-child { border-top: 0; } .widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover, .widget_display_replies ul > li a:hover, .widget_display_forums ul > li a:hover, .widget_display_topics ul > li a:hover { text-decoration: none; } .widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before, .widget_edd_categories_tags_widget ul li a:before, .widget_display_replies ul li a:before, .widget_display_forums ul li a:before, .widget_display_topics ul li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .widget_product_categories ul.children { padding-left: 10px; border-top: 1px solid #e4e4e4; padding-top: 2px; } .widget_nav_menu ul.sub-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /* border radius */ border-left: 0; border-right: 0; border-bottom: 0; } .widget_nav_menu ul.sub-menu li { padding-left: 15px; } .widget .wp-tag-cloud { margin: 0; padding: 0; list-style: none; height: auto; overflow: hidden; } .widget .wp-tag-cloud li { float: left; margin-bottom: 4px; } .widget ul.wp-tag-cloud li > a { margin-right: 4px; padding: 6px 8px; text-decoration: none; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; background-size: 100% 100%; background-position: center center; } .widget .wp-tag-cloud li > a:hover { border-color: transparent; } .browser-ie .widget .wp-tag-cloud li > a:hover, .browser-ie10 .widget .wp-tag-cloud li > a:hover { background-image: none; } .widget-video .video-widget-wrap { padding-top: 56.25%; position: relative; } .widget-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .widget_search form { position: relative; margin-bottom: 0; } .widget_search .screen-reader-text { display: none; } .widget_search form input { margin: 0; border: 1px solid #e3e3e3; width: 100%; height: 42px; font-size: 14px; line-height: 19px; padding-left: 15px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_search form input[type="submit"] { visibility: hidden; height: 0; padding: 0; } .widget_search form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 18px; padding-right: 15px; position: absolute; float: right; top: 12px; right: 0; color: #999; } .item-link { text-decoration: none; } .portfolio .item-link i { margin-right: 10px; vertical-align: -2px; } .spb_latest_tweets_widget { padding: 25px 0; } .spb_latest_tweets_widget .twitter-bird { font-size: 14px; line-height: 26px; float: left; } .spb_latest_tweets_widget ul { margin-left: 25px; } .spb_latest_tweets_widget ul li { margin-top: 15px; } .spb_latest_tweets_widget ul li:first-child { margin-top: 0; } .spb_latest_tweets_widget .tweet-text { line-height: 24px; display: block; } .spb_latest_tweets_widget .tweet-text a { font-weight: bold; text-decoration: none; } .twitter_intents .twitter-id { display: none; } .spb_latest_tweets_widget .twitter_intents { display: block; } .spb_latest_tweets_widget .twitter_intents a { margin-right: 5px; } .spb_latest_tweets_widget a.twitter-timestamp { display: inline-block; line-height: 24px; margin-left: 10px; font-size: 12px; } .spb_image figure { max-width: 100%; } .spb_image.shadow figure { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } .spb_image { margin-bottom: 30px; } .spb_image img { width: 100%; height: auto; display: block; position: relative; z-index: 2; } .spb_image .image-caption { text-align: center; margin: 15px 0 20px; font-style: italic; } .widget.widget_lip_most_loved_widget li { height: auto; overflow: hidden; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 64px; position: relative; padding: 12px 18px; border: 1px solid #e3e3e3; } .widget_lip_most_loved_widget .loved-item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget_lip_most_loved_widget .loved-item > h5 { line-height: 20px; margin: 0 0 2px; padding: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 65%; } .widget_lip_most_loved_widget .loved-item > span { font-size: 12px; } .loved-item > br { display: none; } .loved-item .loved-count { border-left: 1px solid #e4e4e4; position: absolute; right: 0; top: 0; height: 64px; width: 70px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .loved-item .loved-count > i { vertical-align: 0px; font-size: 14px; padding: 10px 9px 5px; border-radius: 50%; margin-top: 15px; display: inline-block; margin-left: -15px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .loved-item .loved-count > span { text-align: center; position: absolute; width: 90%; display: block; top: 24px; left: 10%; } .widget .recent-posts-list > li { height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px; } .recent-posts-list li .recent-post-image { padding: 0; float: left; width: 90px; height: auto; min-height: 70px; background: #222; position: relative; } .recent-posts-list li .recent-post-image img { display: block; width: 100%; height: auto; } .recent-posts-list li .recent-post-image i { color: #fff; width: 100%; text-align: center; font-size: 24px; top: 50%; position: absolute; margin-top: -6px; } .recent-posts-list li .recent-post-details { padding: 0 10px; margin-left: 98px; } .recent-posts-list li .recent-post-title { display: block; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; } .recent-posts-list li .recent-post-details > span { font-size: 12px; font-style: italic; } .recent-posts-list li .recent-post-details .comments-likes { float: none; margin-top: 8px; font-size: 12px!important; } .recent-comments-list .comment .comment-wrap { padding: 10px 0; } .recent-comments-list .comment .comment-body { margin-top: 5px; } .recent-comments-list .comment .comment-meta-actions a { font-size: 12px; text-transform: uppercase; } .recentcomments { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flickr_images { margin-right: -2px; margin-bottom: 30px; } .widget.flickr-widget ul { margin-right: -10px; } .widget.flickr-widget li { height: 81px; width: 81px; padding: 0; border: 0; overflow: hidden; float: left; display: inline-block; position: relative; margin: 0 10px 10px 0; background-image: url(images/crease.svg); background-size: 100% 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .browser-ie .widget.flickr-widget li, .browser-ie10 .widget.flickr-widget li { background-image: none; } .flickr-widget li img { height: 81px; width: auto; min-height: 81px; min-width: 81px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .flickr-widget li:hover img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .widget ul.flickr_images li a { padding: 0; } .widget ul.flickr_images li a:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 20px; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -11px; color: #999; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .widget ul.flickr_images li:hover a:after { opacity: 1; } .browser-ie .widget ul.flickr_images li a:after { display: none; } .twitter-widget { margin: 0; } .widget.twitter-widget li { margin-bottom: 25px; } .widget.twitter-widget li:before { content: "\f099"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-size: 16px; width: 30px; height: auto; float: left; margin-top: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #footer .widget.twitter-widget li:before { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .twitter-widget .tweet-text { padding-left: 30px; line-height: 160%; word-break: break-word; } .twitter-widget .twitter_intents { margin: 10px 0 0 30px; display: none; } .twitter-widget .twitter_intents a { margin-right: 4px; } .twitter-date a, .twitter-link a, .widget .twitter-link a:hover { text-decoration: none; } .twitter-link a { display: inline-block; letter-spacing: normal; line-height: 25px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .twitter-link a:hover { text-decoration: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .sidebar .rev_slider_wrapper { overflow: hidden; padding-bottom: 40px!important; } .subscribers-list { text-align: center; padding: 15px 15px 9px; border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ } .subscribers-list li { display: inline-block; width: 64px; margin-left: 10px; } .subscribers-list li:first-child { margin-left: 0; } .subscribers-list li > a.social-circle { font-size: 27px; background: #222; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 11px 7px; width: 35px; text-align: center; margin: 0 auto 5px; } .subscribers-list li:hover > a.social-circle { text-decoration: none; } .subscribers-list li > a.social-circle i { width: 30px; } .subscribers-list li span { display: block; text-align: center; font-size: 12px; } .subscribers-list li span.social-count { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .sidebar-ad-grid { padding: 15px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ } .sidebar-ad-grid ul > li { float: left; margin: 5px; max-width: 125px; } .sidebar-ad-grid ul > li img { display: block; } .widget input[type="email"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 20px 5px 10px; line-height: 21px; height: 32px; display: block; border: 0; } .widget #mc_embed_signup > form { position: relative; } .widget #mc_embed_signup > form:after { content: "\2709"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 7px; right: 0; color: #999; } #mc_embed_signup .clear { display: block; visibility: visible; width: auto; height: auto; } .widget_sf_infocus_widget .infocus-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .widget_sf_infocus_widget .infocus-item iframe { display: block; } .infocus-item figure { position: relative; overflow: hidden; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .widget_sf_infocus_widget .infocus-item img { display: block; height: auto; width: 100%; } .widget_sf_infocus_widget .infocus-item .infocus-title { position: relative; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_sf_infocus_widget .infocus-item .infocus-title:before { content: ''; width: 15px; height: 10px; background-color: #fff; position: absolute; top: -3px; left: 16px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .widget_sf_infocus_widget .infocus-item h5 { font-weight: normal; margin: 0!important; padding: 12px 16px; max-width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0!important; } .widget.widget_sf_infocus_widget .infocus-item h5 a:hover { text-decoration: none; } .infocus-title .love-it-wrapper { display: block; float: right; margin: 10px 16px 10px 0; } .portfolio-grid li { float: left; height: 75px; position: relative; margin: 0 12px 12px 0!important; } .browser-ie .portfolio-grid li, .browser-ie10 .portfolio-grid li { background-image: none; } .portfolio-grid li a { padding: 0!important; } .portfolio-grid li a img { width: 75px; height: 75px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .portfolio-grid li a:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 20px; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -11px; color: #999; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover a:after { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100) } .browser-ie .portfolio-grid li a:after { display: none; } .widget hr { border-bottom: 0; } /* #Mobile Header ================================================== */ /* -------------------------------------------- MOBILE HEADER CONFIG -------------------------------------------- */ #mobile-top-text { display: none; padding: 10px 20px; border-bottom: 1px solid #e3e3e3; } #mobile-top-text ul.social-icons { margin-bottom: 0; line-height: 0; } #mobile-header-sticky-wrapper { display: none; } #mobile-header { display: none; padding: 20px; position: relative; border-bottom: 1px solid #e3e3e3; width: 100%; left: 0; z-index: 9999; } .is-sticky #mobile-header { width: 100%; z-index: 101; } .mobile-header-opts { position: absolute; top: 50%; margin-top: -10px; } .mobile-header-opts.opts-left { left: 25px; } .mobile-header-opts.opts-right, .mobile-left-logo .mobile-header-opts { right: 25px; } .mobile-header-opts a { font-size: 24px; margin-left: 15px; } .mobile-header-opts a:first-child { margin-left: 0; } .mobile-header-opts a > i[class^="fa-"] { margin-top: -2px; vertical-align: 2px; } a.mobile-menu-link { line-height: inherit; width: 20px; height: 14px; display: inline-block; text-indent: -9999em; position: relative; vertical-align: middle; top: 50%; position: relative; margin-top: -13px; } a.mobile-menu-link span.menu-bars, a.mobile-menu-link span.menu-bars:before, a.mobile-menu-link span.menu-bars:after { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; background-color: #1d1d1d; display: block; position: absolute; width: 20px; height: 3px; left: 0; } a.mobile-menu-link span.menu-bars:before, a.mobile-menu-link span.menu-bars:after { content: ""; } a.mobile-menu-link span.menu-bars { top: 6px; } a.mobile-menu-link span.menu-bars:before { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; top: -6px; z-index: 10; } a.mobile-menu-link span.menu-bars:after { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 6px; } .mobile-menu-open a.mobile-menu-link span.menu-bars { background-color: transparent !important; } .mobile-menu-open a.mobile-menu-link span.menu-bars:before { -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -o-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); } .mobile-menu-open a.mobile-menu-link span.menu-bars:after { -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg); -moz-transform: translateY(-7px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-7px) translateX(1px) rotate(-45deg); -o-transform: translateY(-7px) translateX(1px) rotate(-45deg); transform: translateY(-7px) translateX(1px) rotate(-45deg); } /* -------------------------------------------- MOBILE LOGO -------------------------------------------- */ #mobile-logo { text-align: center; height: auto; } #mobile-logo.has-img { max-width: 50%; } .mobile-left-logo #mobile-logo { float: left; text-align: left; } .mobile-left-right #mobile-logo { float: right; text-align: right; } #mobile-logo a { height: auto; overflow: hidden; display: block; margin: 0 auto; max-width: 100%; } .mobile-menu-closing #mobile-logo a, .mobile-menu-open #mobile-logo a, .mobile-cart-open #mobile-logo a { z-index: -1; } #mobile-logo.has-img a { line-height: 0; } #mobile-logo.no-img a { max-width: 60%; } #mobile-logo.logo-center a { text-align: center; } #mobile-logo.logo-left a, #mobile-logo.logo-right a { margin: 0; } #mobile-logo img { display: inline-block; height: auto; max-height: 100%; width: auto; max-width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #mobile-logo img.retina { display: none; width: auto; } #mobile-logo img.alt-logo, #mobile-logo img.light-logo, #mobile-logo img.dark-logo { display: none!important; } #mobile-logo h1 { margin: 0; font-size: 24px; line-height: 150%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #mobile-logo h2 { margin-top: -5px; font-size: 14px!important; line-height: 100%!important; } #mobile-logo h1.retina { display: none; } #mobile-logo.logo-center { margin: 0 auto; } #mobile-logo.logo-center h1 { text-align: center; } .logo-right#mobile-logo { float: right; } .logo-right#mobile-logo img { float: right; } /* -------------------------------------------- MOBILE MENU -------------------------------------------- */ #mobile-menu-wrap { display: none; position: fixed; top: 0; right: 0; z-index: 98; visibility: hidden; width: 280px; height: 100%; background: #222; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms #mobile-menu-wrap, .ie-mobile #mobile-menu-wrap { position: relative; width: 100%; right: 0; display: none; height: auto; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } .mobile-header-right-logo #mobile-menu-wrap, .mobile-header-center-logo #mobile-menu-wrap { right: auto; left: 0; } .mobile-menu-open #mobile-menu-wrap { visibility: visible; } .no-csstransforms .mobile-menu-open #mobile-menu-wrap, .ie-mobile.mobile-menu-open #mobile-menu-wrap { display: block; visibility: visible; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } .mobile-search-form input[type="text"] { margin: 0; padding: 14px 20px; border-left: 0; border-right: 0; border-top: 0; height: 50px; background: transparent; } ul.mobile-language-select { list-style: none; padding-left: 7px; height: auto; overflow: hidden; margin: 0; height: 40px; } .mobile-language-select li { float: left; margin-right: 5px; } .mobile-language-select li a, .mobile-language-select li div { padding: 8px; display: block; } .mobile-language-select .language { display: none; } #mobile-menu { max-height: 100%; position: relative; overflow-y: scroll; font-size: 16px!important; -webkit-overflow-scrolling: touch; padding-bottom: 60px; } #mobile-menu::-webkit-scrollbar { display: none; } .no-csstransforms #mobile-menu, .ie-mobile #mobile-menu { height: auto; overflow: visible; padding-bottom: 0; } #mobile-menu ul, .mobile-cart-menu { margin-bottom: 0; } #mobile-menu ul li { border-top: 1px solid #333; border-bottom: 0; } #mobile-menu ul li a, .mobile-cart-menu li a { display: block; padding: 15px 30px; background: transparent!important; } #mobile-menu ul li a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #mobile-menu ul li ul li { font-size: 13px; } #mobile-menu ul.menu > li:first-child { border-top: 0; } #mobile-menu ul.sub-menu { background: none; margin-left: 0; } #mobile-menu ul.sub-menu li a { padding-left: 30px; } #mobile-menu ul.sub-menu li ul a { padding-left: 50px; } #mobile-menu li.sf-menu-item-html { display: none!important; } #mobile-contact { margin-top: 50px; } #mobile-menu ul li.parent > a:after { content: '\F501'; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 12px; margin-left: 10px; opacity: 0.5; } #mobile-menu ul li.parent ul.sub-menu { display: none; } #mobile-menu ul li.parent ul.sub-menu.sub-menu-open { display: block; } /* -------------------------------------------- MOBILE CART -------------------------------------------- */ #mobile-cart-wrap { display: none; position: fixed; top: 0; right: 0; z-index: 97; visibility: hidden; width: 280px; height: 100%; background: #222; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 60px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms #mobile-cart-wrap, .ie-mobile #mobile-cart-wrap { position: relative; width: 100%; right: 0; display: none; height: auto; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } .mobile-header-right-logo #mobile-cart-wrap, .mobile-header-center-logo-alt #mobile-cart-wrap { right: auto; left: 0; } .mobile-menu-open #mobile-cart-wrap { visibility: visible; } .no-csstransforms .mobile-menu-open #mobile-cart-wrap, .ie-mobile.mobile-menu-open #mobile-cart-wrap { display: block; visibility: visible; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } #mobile-cart-wrap .shopping-bag-item > a.cart-contents { padding: 15px; font-size: 16px; border-bottom: 1px solid #e4e4e4; display: block; text-align: center; } #mobile-cart-wrap .shopping-bag-item > a.cart-contents .amount { font-size: 13px; padding: 7px; vertical-align: middle; } #mobile-cart-wrap .shopping-bag-item > a.cart-contents .num-items { display: inline!important; padding-left: 10px; } #mobile-cart-wrap .shopping-bag-item > a.cart-contents .num-items:before { content:"\00b7"; margin-right: 10px; } #mobile-cart-wrap .shopping-bag { max-width: 100%; } #mobile-cart-wrap .shopping-bag .bag-header { display: none; } #mobile-cart-wrap ul { margin: 0; display: block!important; } #mobile-cart-wrap .bag-product .bag-product-details .bag-product-title { font-size: 14px; margin-bottom: 5px; } #mobile-cart-wrap .bag-product a.remove { font-size: 30px; top: 14px; } .mobile-cart-menu li { border-bottom: 1px solid #333; } .mobile-cart-menu li:first-child { border-top: 1px solid #333; } #mobile-cart-wrap .bag-buttons > a > span.text { padding: 18px 20px!important; } /* -------------------------------------------- MOBILE OVERLAY MODE -------------------------------------------- */ .mh-overlay #mobile-menu-wrap, .mh-overlay #mobile-cart-wrap { width: 100%; height: 100%; opacity: 0; visibility: visible; padding: 40px; -webkit-transition: none; transition: none; } .mh-menu-show #mobile-menu-wrap { z-index: 200; display: block; } .mh-overlay #mobile-menu { overflow: scroll; } .mobile-overlay-close { position: fixed; float: right; font-size: 30px; padding: 14px 10px; right: 10px; top: 8px; } .mobile-overlay-close > i { display: block; height: 22px; } .mh-overlay #mobile-menu ul.sub-menu { padding-left: 10px; } .mh-overlay ul.mobile-language-select { padding-left: 0; text-align: left; } .mh-overlay ul.mobile-language-select li { float: none; display: inline-block; } .mh-overlay .mobile-language-select li a, .mh-overlay .mobile-language-select li div { padding: 4px 8px; } .mh-overlay .mobile-search-form { margin-bottom: 30px; } .mh-overlay .mobile-search-form input[type="text"] { padding: 20px 0; font-size: 16px!important; text-align: left; height: 60px; } .mh-overlay #mobile-menu ul li { border: 0; text-align: left; } .mh-cart-show #mobile-cart-wrap { z-index: 200; display: block; } .mh-overlay #mobile-cart-wrap .shopping-bag { width: 100%; padding: 20px 0 40px; } .mh-overlay #mobile-cart-wrap .bag-product a.remove { display: block; top: 24px; } .mh-overlay .mobile-cart-menu li a { text-align: center; } /* #Footer ================================================== */ #footer-wrap { position: relative; z-index: 100; } #footer { padding: 40px 0 0; border-top: 0 solid transparent; } #footer.footer-divider { border-top-width: 1px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { color: inherit; margin-top: 0; } #footer h6 { margin-bottom: 0; font-weight: bold; } #footer a, #footer a:hover { text-decoration: none; } #footer-widgets .widget { padding-bottom: 30px; } #copyright { padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; } #copyright.copyright-divider { border-top-width: 1px; } #copyright .text-left { font-size: 11px; float: left; margin-bottom: 0; line-height: 40px; max-width: 50%; } #copyright .text-right { font-size: 11px; margin-bottom: 0; line-height: 40px; float: right; text-align: right; max-width: 50%; } #copyright a, #copyright a:hover { text-decoration: none; } #copyright nav .menu { float: right; } #copyright nav .menu li { font-size: 12px; margin: 5px 0; border-left: 1px solid #e4e4e4; line-height: 30px; } #copyright nav .menu li:first-child { border-left: 0; } #copyright nav .menu li a { padding: 0 12px; display: block; background: transparent!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } #copyright nav .menu li ul.sub-menu { display: none!important; } #copyright ul.social-icons { margin-bottom: 0; } /* #Portfolio ================================================== */ .fw-row .spb_portfolio_widget { padding-left: 0; padding-right: 0; } .fw-row .spb_portfolio_widget .title-wrap { border-bottom: 1px solid #e3e3e3; width: 100%; margin-bottom: 40px; } .fw-row .spb_portfolio_widget .title-wrap .spb-heading { float: none; text-align: center; margin: 40px 0 0 0; } .grid-sizer { margin: 0!important; height: 0!important; min-height: 0!important; } .browser-ie .grid-sizer { display: none; } .filter-wrap { width: 100%; text-align: center; } .browser-ie .filter-wrap { display: none!important; } .post-filter-tabs { opacity: 0; margin-bottom: 0; } .post-filter-tabs li { margin-left: 20px; display: none; line-height: 70px; } .post-filter-tabs li:first-child { margin-left: 0; } .post-filter-tabs li.all, .post-filter-tabs li.has-items { display: inline-block; } .post-filter-tabs li.selected { font-weight: bold; } .post-filter-tabs li a { display: block; } .post-filter-tabs li a > i { display: inline-block; vertical-align: -2px; margin-right: 5px; } ul.portfolio-items { margin-bottom: 0; list-style: none; transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; } ul.portfolio-items.filterable-items { height: 1000px; } .portfolio-items .portfolio-item { opacity: 0; } .browser-ie .portfolio-items .portfolio-item, .portfolio-items .portfolio-item.item-animated, .carousel-items .portfolio-item, .mobile-browser .portfolio-item { opacity: 1; } .fw-row ul.portfolio-items.gutters { margin: 0 15px; } ul.portfolio-items.no-gutters, .fw-row .spb-row-content-width ul.portfolio-items.gutters { margin: 0!important; } .portfolio-items > li { margin-bottom: 30px; } .browser-ie .portfolio-items.no-gutters > li { padding: 0; } .row .portfolio-items.no-gutters.col-1 > li { padding-left: 0; padding-right: 0; } .portfolio-items.no-gutters:not(.col-1) > li { padding: 0; } .portfolio-items.no-gutters > li { margin-bottom: 0; } .portfolio-items > li figure { position: relative; } .masonry-items .portfolio-item { border-bottom: 0; padding-bottom: 0; } .multi-masonry-items .portfolio-item { opacity: 0; } .multi-masonry-items .portfolio-item figure { margin-bottom: 0; } .multi-masonry-items.no-gutters .portfolio-item { padding-left: 0; padding-right: 0; } .multi-masonry-items .multi-masonry-img-wrap { overflow: hidden; -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; z-index: 2; position: relative; } .spb_portfolio_carousel_widget { padding-bottom: 50px; } .spb_portfolio_carousel_widget .caroufredsel_wrapper { padding-bottom: 10px; } .spb_portfolio_carousel_widget .portfolio-item { height: auto; } .spb_portfolio_carousel_widget .carousel-items .portfolio-item { padding: 0 15px; } .spb_portfolio_carousel_widget .portfolio-item figure { margin-bottom: 0; } .spb_portfolio_carousel_widget .portfolio-item .item-details { padding: 12px 15px 7px; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title { margin: 0 0 5px; text-align: left; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a { display: block; height: auto; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4 span { display: inline-block; float: left; max-width: 82%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover { text-decoration: none; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i { float: right; text-align: right; line-height: 20px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .portfolio-items.no-gutters .portfolio-item-details, .portfolio-full-width .portfolio-item-details { padding: 0 15px 20px; } .portfolio-items.gutters .portfolio-item-details { padding: 0 0 20px; } .portfolio-item.gallery { border-bottom: 0; padding-bottom: 0; padding-top: 0; } .portfolio-item.gallery figure, .masonry-items .portfolio-item.standard figure { margin-bottom: 0; } .portfolio-item figure { margin-bottom: 25px; } .portfolio-item.masonry-item figure, .portfolio-item.gallery-item figure { margin-bottom: 0; } .portfolio-item figure img { width: 100%; height: auto; position: relative; display: block!important; } .portfolio-item.masonry-item .portfolio-item-details { padding: 20px 20px 15px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .portfolio-item.masonry-item:hover .portfolio-item-details { -moz-box-shadow: 0 0 5px rgba(25,25,25,.1); -webkit-box-shadow: 0 0 5px rgba(25,25,25,.1); box-shadow: 0 0 5px rgba(25,25,25,.1); } .portfolio-item h3.portfolio-item-title { font-weight: normal; margin-bottom: 5px; text-align: left; margin-top: 0; } .portfolio-item h1.portfolio-item-title { font-weight: normal; margin-bottom: 4px; text-align: left; margin-top: 10px; } .portfolio-item-title a:hover { text-decoration: none; } .portfolio-item h5.portfolio-subtitle { display: block; margin-bottom: 5px; text-align: left; margin-top: 0; } .portfolio-item h3.portfolio-subtitle { display: block; text-align: center; margin-top: 0; margin-bottom: 8px; } .portfolio-item .portfolio-item-excerpt { font-size: 12px; padding-top: 5px; text-align: left; } .portfolio-item.carousel-item .portfolio-item-excerpt { text-align: left; margin-top: 0; padding: 20px 0; } .portfolio-item.carousel-item .portfolio-item-excerpt p:last-child { margin-bottom: 0; } .portfolio-item .portfolio-item-permalink { font-size: 12px; font-weight: bold; display: block; text-decoration: none; } .tax-portfolio-category .portfolio-wrap > .container { width: auto; padding: 0; } /* -------------------------------------------- SINGLE PORTFOLIO -------------------------------------------- */ .single-portfolio .inner-page-wrap { margin-top: 0; margin-bottom: 0; } article.type-portfolio { margin-bottom: 100px; } .hidden-hatom { display: none; } article.type-portfolio.single-portfolio-standard, article.type-portfolio.single-portfolio-split { padding-top: 50px; } .inner-page-wrap.no-top-spacing article.type-portfolio { padding-top: 0; } article.type-portfolio figure.media-wrap { margin-bottom: 55px; } .full-width-display-wrap, .full-width-display-wrap > .container { position: relative; } .full-width-display-wrap .portfolio-options-bar { position: absolute; top: 60px; z-index: 3; width: 100%; opacity: 0; padding: 0 15px; } .full-width-display-wrap figure.fw-media-wrap { display: none; } .fw-media-wrap .item-slider, .fw-media-wrap .item-slider ul.slides, .fw-media-wrap .item-slider ul.slides > li { max-height: 800px; } article.type-portfolio .media-wrap .flex-control-nav { position: absolute; width: 100%; text-align: center; bottom: 6%; left: auto; } article.type-portfolio .media-wrap .flex-control-nav li { float: none; } .content-wrap.col-sm-9 { padding-left: 0; } .sticky-spacer { position: inherit!important; } .item-details.col-sm-3 { padding-right: 0; } .col-sm-3 .item-details { margin-top: 20px; } .portfolio-categories { margin-bottom: 0; } .portfolio-categories li a { padding: 4px 0; display: block; } .portfolio-categories li a:before { content: "\1F4CE"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; float: left; margin-right: 10px; } .item-details .sidebar-content { margin-bottom: 20px; } .item-details .client { margin-bottom: 5px; } .item-details time span, .item-details .client span { font-weight: bold; margin-right: 5px; display: inline-block; } .item-details time { margin-bottom: 10px; display: block; } .item-details .item-link { margin-bottom: 20px; display: block; } .item-details .item-link i { vertical-align: -3px; } .item-details .article-share { margin-top: 25px; text-align: left; } .item-details .article-share .social { left: -150px!important; } .page-content .item-details:first-child .client, .page-content .item-details:first-child time, .page-content .item-details:first-child .item-link, .page-content .item-details:first-child .portfolio-categories { float: left; margin-right: 25px; line-height: 48px; margin-bottom: 0; } .page-content .item-details:first-child .portfolio-categories li { float: left; margin-right: 8px; } .page-content .item-details:first-child .portfolio-categories li a { padding: 0; } .page-content .item-details:first-child .article-share { float: right; margin-top: 0; } .related-projects.container { margin-bottom: 50px; } .related-projects h2 { margin-top: 0; margin-bottom: 25px; } .related-projects article { padding: 0; } .related-projects.container > .row { margin: 0; } .sticky-details.sticky { float: none; position: fixed; z-index: 6; right: auto; padding-top: 100px!important; } /* -------------------------------------------- PORTFOLIO MASONRY -------------------------------------------- */ #home-masonry-elements { margin: 10px auto; } #home-masonry-elements li { margin: 5px; width: 300px; } #home-masonry-elements li figure { width: 300px; background: #f4f4f4; } /* -------------------------------------------- PORTFOLIO SHOWCASE -------------------------------------------- */ .spb_portfolio_showcase_widget { padding-bottom: 0!important; } .spb_portfolio_showcase_widget.no-bg { padding-left: 0; padding-right: 0; } .spb_portfolio_showcase_widget .portfolio-showcase-wrap { opacity: 0; } .portfolio-showcase-wrap ul { background: #222; margin: 0; overflow: hidden; white-space: nowrap; } .portfolio-showcase-wrap ul li { width: 25%; display: inline-block; overflow: hidden; position: relative; background: #222; margin-bottom: -7px; } .portfolio-showcase-wrap ul[data-columns="5"] li { width: 20%; } .portfolio-showcase-wrap ul li .main-image { max-width: none; position: absolute; display: block; opacity: 0.8; height: auto; transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; } .portfolio-showcase-wrap ul li:hover .main-image { opacity: 1; } .portfolio-showcase-wrap ul li .item-info { position: absolute; bottom: -85px; width: 100%; background: #fff; background: rgba(255,255,255,0.9); text-align: center; padding: 24px 30px; } .portfolio-showcase-wrap ul li .item-info:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.9); position: absolute; bottom: 100%; z-index: 2; left: 50%; margin-left: -10px; } .portfolio-showcase-wrap ul li .item-info.has-subtitle { padding: 15px 30px; } .portfolio-showcase-wrap ul li .item-info span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: block; color: #222; } .portfolio-showcase-wrap ul li .item-info span.item-title { letter-spacing: normal; } /* #Blog ================================================== */ .fw-row .spb_blog_widget { padding-left: 0; padding-right: 0; } ul.blog-tweets, ul.blog-instagrams { display: none; } .blog-standard { position: relative; margin-bottom: 30px; } ul.blog-items { list-style: none; } ul.blog-items.gutters { margin-left: -15px; margin-right: -15px; } .fw-row ul.blog-items.gutters { margin-left: 15px; margin-right: 15px; } .blog-wrap .heading-wrap { margin-bottom: 5px; } .blog-item { margin-bottom: 60px; padding-top: 60px; height: auto; overflow: hidden; opacity: 0; } .browser-ie .blog-item, .blog-item.item-animated, .carousel-items .blog-item, .grid-items .blog-item, .blog-wrap .blog-items.social-blog .blog-item { opacity: 1; } .blog-item:first-child { border-top: 0; padding-top: 0; } .has-both-sidebars .blog-item { margin-bottom: 50px; } .blog-item .comments-likes { float: right; font-weight: normal; margin-top: 8px; } .blog-item .comments-likes .comments-wrapper { display: inline-block; margin-right: 0; } .blog-item .comments-likes .love-it-wrapper { margin-left: 10px; margin-top: 5px; } #infscr-loading { display: block; width: 100%; position: relative; top: 100%; text-align: center; height: 200px; line-height: 200px; } ul.blog-items.blog-inf-scroll { padding-bottom: 100px; } .blog-inf-scroll #infscr-loading { margin-top: -50px; } #infscr-loading .spinner > div { width: 18px; height: 18px; margin: 0 3px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } #infscr-loading .spinner > .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #infscr-loading .spinner > .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } #infscr-loading div.text { display: none; } #infscr-loading > .all-loaded { display: block!important; text-transform: uppercase; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .load-more-btn { margin: 50px auto; display: block; width: 20%; text-align: center; min-width: 200px; padding: 14px 16px; font-weight: bold; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; position: relative; } .search-items .blog-item { padding-top: 0; margin-bottom: 50px; } .search-item-img { float: left; position: relative; } .search-item-img img, .search-item-img .img-holder { height: 70px; width: 70px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .search-item-img .img-holder { border: 1px solid #e3e3e3; line-height: 20px; } .search-item-img .img-holder i { display: inline-block; padding: 28px 20px; font-size: 28px; opacity: 0.5; } .search-item-content { margin-left: 100px; } .search-item-content.no-excerpt h3 { margin-top: 8px; } .search-item-content time { display: block; margin-bottom: 15px; } .read-more { text-decoration: none; display: inline-block; border-bottom: 1px dotted #e3e3e3; } .read-more-button { padding: 10px 0; font-weight: bold; display: inline-block; } .read-more-button:after { content: "\27A1"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; line-height: 16px; vertical-align: -3px; font-size: 14px; padding-left: 15px; -webkit-transition: padding .3s ease-in-out; -moz-transition: padding .3s ease-in-out; transition: padding .3s ease-in-out; } .read-more-button:hover:after { padding-left: 20px; } .read-more-link { text-decoration: none; margin-top: 5px; font-weight: bold; display: block; } .sticky-post-icon { float: left; margin-right: 10px; padding: 17px 12px 7px; background-image: url(images/crease.svg); background-size: 100% 100%; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 24px; } .browser-ie .sticky-post-icon, .browser-ie10 .sticky-post-icon { background-image: none; } .sticky-post-icon i { height: 22px; display: inline-block; } /* -------------------------------------------- BLOG AUX -------------------------------------------- */ .blog-wrap .blog-aux-wrap { margin-bottom: 0; } .blog-aux-options { text-align: center; } ul.blog-aux-options li { float: none; display: inline-block; } .blog-aux-options li:first-child { margin-left: 0; } .blog-aux-options li.search { height: auto; overflow: hidden; } .blog-aux-options li a { display: block; font-size: 14px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .blog-aux-options li a i { margin-right: 7px; } .blog-aux-options li a i[class*="ss-"] { vertical-align: -2px; height: 18px; display: inline-block; } .blog-aux-options li a:hover { text-decoration: none; } .blog-aux-options li form { margin: 0; position: relative; } .blog-aux-options li form input { margin: 0; border: 0; height: 34px; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blog-aux-options li form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 11px; right: 2px; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); } .blog-filter-wrap { margin-bottom: 20px; } .blog-filter-wrap .filter-slide-wrap { display: none; } .blog-filter-wrap ul { margin-bottom: 30px!important; } .blog-filter-wrap ul li { display: block; margin-bottom: 20px; } .blog-filter-wrap ul li a { display: block; padding: 10px; } .blog-filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } /* -------------------------------------------- STANDARD -------------------------------------------- */ .standard-items .blog-item { padding-top: 0; margin-bottom: 0; width: 100%; } .standard-items .blog-item:first-child .standard-post-content.no-thumb { padding-top: 0; } .standard-items .blog-item .standard-post-content { border-bottom: 1px solid #e3e3e3; } .standard-items .blog-item:last-child .standard-post-content { border-bottom: 0; } .standard-items .blog-item > figure { margin-top: 40px; } .standard-items .blog-item:first-child figure { margin-top: 0; } .standard-items .blog-item .read-more-button { float: left; } .standard-items .blog-item .comments-likes { float: right; } .standard-items .blog-item .comments-likes .blog-item-details { display: inline-block; margin-right: 10px; } /* -------------------------------------------- TIMELINE -------------------------------------------- */ .timeline { position: absolute; top: 0; left: 30px; width: 2px; height: 98%; background: #e4e4e4; float: left; z-index: 0; } .has-no-sidebar .timeline { left: 50%; margin-left: -1px; } .timeline-items .blog-item { border: 0; margin-top: 70px; margin-bottom: 10px; padding-top: 0; padding-left: 0; padding-right: 0; z-index: 1; position: relative; } .timeline-items .blog-item:first-child { margin-top: 0; } .blog .blog-items.timeline-items { max-width: 730px; margin: 0 auto; } .standard-post-date { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e3e3e3; padding: 13px 18px; display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 30px; } .standard-post-content { position: relative; padding: 20px 0px 40px; } .standard-post-content:empty { padding-top: 0; } .standard-post-content.no-thumb { padding: 40px 0; } .format-quote .standard-post-content, .format-link .standard-post-content { padding-top: 30px; } .standard-post-content h1 { margin-top: 0; margin-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } .standard-post-content h1 a:hover { text-decoration: none; } .standard-post-content .link-excerpt { position: relative; padding-bottom: 20px; } .standard-post-content .link-excerpt > p { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .standard-post-content .link-excerpt > i { display: block; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .standard-post-content .excerpt { margin-bottom: 25px; } .standard-post-content .excerpt > .container { padding-left: 0; padding-right: 0; width: 100%; } .has-no-sidebar .timeline-items .blog-item { text-align: center; } .has-no-sidebar .standard-post-content .read-more-button { margin-right: 20px; margin-bottom: 0; } .has-no-sidebar .timeline-items .standard-post-content .read-more-button { margin-right: 0; } .has-no-sidebar .timeline-items .standard-post-content .comments-likes { float: none; } .has-no-sidebar .standard-items .standard-post-content .comments-likes { float: left; } .has-no-sidebar .standard-post-content .comments-likes .blog-item-details { display: inline-block; margin-left: 20px; margin-right: 10px; } .has-no-sidebar .standard-post-content .comments-likes .blog-item-details { display: inline-block; margin-left: 20px; margin-right: 10px; } .download-button { margin-bottom: 0; margin-right: 15px!important; } /* -------------------------------------------- MASONRY -------------------------------------------- */ .blog-items { padding-bottom: 20px; margin-bottom: 30px; } .masonry-items, .multi-masonry-items { transition: height 0.4s ease-in-out; -moz-transition: height 0.4s ease-in-out; -webkit-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; } .blog-items.timeline-items { padding-bottom: 50px; margin-bottom: 0!important; } .masonry-items .blog-item { margin-bottom: 25px; padding-top: 0; border-top: 0; z-index: 1; } .masonry-items.no-gutters .blog-item { padding-left: 0; padding-right: 0; margin-bottom: 0; } .blog-masonry .masonry-items .blog-item { opacity: 0; } .blog-masonry .masonry-items .blog-item.item-animated { opacity: 1; } .masonry-items.no-gutters .blog-item.gallery { margin-left: 0; margin-right: 0; } .masonry-items .blog-item figure { margin-bottom: 0; } .masonry-items .blog-item .details-wrap, .masonry-items .blog-item .grid-no-image { padding: 25px 30px 120px; position: relative; } .masonry-items .blog-item .details-wrap:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.9); position: absolute; top: -10px; z-index: 5; left: 50%; margin-left: -10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .masonry-items .blog-item .details-wrap { -webkit-transition: background-color .3s ease-out, color .3s ease-out; -moz-transition: background-color .3s ease-out, color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out; } .masonry-items .blog-item .comments-likes a { -webkit-transition: none; -moz-transition: none; transition: none; } .masonry-items .blog-item h6 { display: none; text-transform: capitalize; font-weight: bold; color: inherit; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } .masonry-items .blog-item .details-wrap h3 { margin: 0 0 20px; } .masonry-items .blog-item .details-wrap h2, .masonry-items .blog-item .inst-overlay h2 { font-size: 28px; line-height: 36px; margin: 0 0 20px; } .masonry-items .blog-item .details-wrap .quote-excerpt { font-size: 28px; line-height: 36px; } .masonry-items .blog-item .post-item-details { margin-bottom: 0; position: absolute; bottom: 25px; font-size: 12px; } .masonry-items .blog-item .comments-likes { position: absolute; bottom: 25px; right: 30px; } .masonry-items .blog-item .post-date { display: block; font-weight: normal; } .masonry-items .instagram-item { position: relative; } .masonry-items .instagram-item .inst-overlay { position: absolute; z-index: 2; padding: 30px; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .masonry-items .instagram-item:hover .inst-overlay { opacity: 0.9; } .masonry-items .instagram-item .inst-overlay h3 { max-height: 65%; overflow: hidden; font-size: 28px; line-height: 36px; } .instagram-item .inst-overlay > a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .masonry-items .instagram-item img { position: relative; z-index: 1; width: 100%; } .masonry-items .blog-item .date { position: absolute; bottom: 50px; } .masonry-items .blog-item .tweet-text { font-size: 28px; line-height: 36px; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; transition: color .3s ease-out; } .masonry-items .blog-item .details-wrap > a:first-child { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; } .masonry-items .blog-item .twitter_intents { display: none; } .masonry-items .blog-item .author { position: absolute; bottom: 28px; font-weight: bold; white-space: nowrap; } .masonry-items .blog-item .tweet-icon, .masonry-items .blog-item .inst-icon { position: absolute; bottom: 30px; right: 30px; padding: 7px 9px 6px 9px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 18px; width: 31px; z-index: 3; } .masonry-items .instagram-item .inst-overlay .date { bottom: 30px; } /* -------------------------------------------- MINI ITEMS -------------------------------------------- */ .mini-items .blog-item { margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .mini-blog-item-wrap { border-top: 1px solid #e4e4e4; padding-top: 60px; } .blog-item:first-child .mini-blog-item-wrap { border-top: 0; padding-top: 0; } .mini-items .mini-alt-wrap { padding: 20px 30px 30px; border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt { margin-left: -30px; margin-right: -30px; margin-bottom: 30px; padding: 0 100px 20px; border-bottom: 1px solid rgba(0,0,0,0.08); position: relative; } .mini-items .mini-alt-wrap .quote-excerpt:before { content: "\201C"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .quote-excerpt:after { content: "\201D"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; top: 10px; right: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .link-excerpt > p { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .mini-items .mini-alt-wrap .link-excerpt > i { display: block; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .blog-item-details, .format-link .blog-item-details { display: inline; padding-right: 20px; } .mini-items .blog-item h3 { margin-top: -3px; -ms-word-wrap: break-word; word-wrap: break-word; } .mini-items .blog-item-details { margin-bottom: 5px; padding-bottom: 0; font-style: normal; } .format-aside .blog-item-details, .format-status .blog-item-details { display: none; } .mini-items .blog-item .excerpt { margin-top: 20px; margin-bottom: 25px; } .mini-items .comments-likes { float: none; margin-bottom: 15px; } .mini-items figure .wp-video video { max-height: 250px!important; } .mini-items .read-more-button { float: left; margin-right: 20px; } .mini-items .comments-likes { float: right; } /* -------------------------------------------- BOLD ITEMS -------------------------------------------- */ .blog-items.bold-items { margin-bottom: 0; padding-bottom: 0; } .bold-items .blog-item { margin-bottom: 0; padding: 50px; border-top: 1px solid #e3e3e3; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; } .bold-items .blog-item:first-child { border-top: 0; } .bold-item-wrap { text-align: center; width: 100%; max-width: 600px; margin: 0 auto; } .bold-item-wrap h1 { margin-top: 0; margin-bottom: 20px; font-size: 60px; line-height: 80px; } .bold-item-wrap h1, .bold-item-wrap h2, .bold-item-wrap h3 { text-align: left; } .bold-item-wrap h1 a, .bold-item-wrap .quote-excerpt a { display: block; } .bold-item-wrap .excerpt { text-align: left; margin-bottom: 40px; } .bold-item-wrap .blog-item-details { text-align: left; } .bold-item-wrap h1 a, .bold-item-wrap .blog-item-details span, .bold-item-wrap .blog-item-details a, .bold-item-wrap .blog-item-details time, .bold-item-wrap .quote-excerpt a *, .bold-item-wrap .excerpt * { transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -webkit-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; } .bold-item-wrap .blog-item-details .date { display: block; margin-top: 5px; } /* -------------------------------------------- BLOG MEDIA DISPLAY -------------------------------------------- */ .blog-item .quote-display { text-align: center; padding: 20px 10px 0; font-size: 42px; } .timeline-items .blog-item .quote-display { padding: 0 10px 20px; } .blog-item figure { position: relative; } .blog-item figure:empty { display: none; } .blog-item figure img { display: block; } .blog-items.timeline-items .blog-item figure { margin-bottom: 0; } .mini-items .blog-item figure { float: left; width: 370px; margin-right: 30px; } .mini-items .blog-item figure.thumb-media-audio { width: 100%; margin-bottom: 30px; } .has-both-sidebars .mini-items .blog-item figure { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } .has-no-sidebar .mini-items .blog-item figure { width: 446px; } .mini-items .blog-item figure.quote { float: none; width: 100%; } figure.media-wrap { height: auto; margin-bottom: 20px; position: relative; } figure.media-wrap.full-width-detail { margin-bottom: 40px; } figure.media-wrap.full-width-detail:empty { margin-bottom: 0; } figure.media-wrap a { display: block; } figure.media-wrap img { height: auto!important; width: 100%; } figure.media-wrap.media-type-gallery-stacked img { margin-top: 30px; } figure.media-wrap.media-type-gallery-stacked img:first-child { margin-top: 0; } figure.media-wrap iframe { display: block; width: 100%; } figure.media-wrap .wp-audio-shortcode { margin: 0 auto; } figure.media-wrap .sh-video-wrap > div, figure.media-wrap .sh-video-wrap .wp-video-shortcode { width: 100%!important; } .mejs-container.wp-video-shortcode { width: 100% !important; height: auto !important; padding-top: 56.5%; } figure .wp-video video { width: 100% !important; height: auto !important; display: block; } figure audio { margin: 0; display: block; visibility: visible!important; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .mejs-controls > div:last-of-type { position: relative; clear: both; float: right!important; top: -26px; } .mejs-video .mejs-overlay-button { margin-top: -60px!important; opacity: 0; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; } .mejs-video:hover .mejs-overlay-button { opacity: 1; } /* -------------------------------------------- DETAILS -------------------------------------------- */ .blog-item h3 { margin-bottom: 5px; margin-top: 0; } .blog-item h3 a, .blog-item h4 a { text-decoration: none; } .blog-item-details { padding-bottom: 15px; } .blog-item-details span.author { font-weight: bold; } .blog-item-details a { text-decoration: none; } .comments-likes { float: right; font-weight: normal; } .comments-likes a, .comments-likes a:hover { text-decoration: none; } .comments-likes .ss-chat { margin-right: 5px; font-size: 17px; vertical-align: -4px; } .comments-likes .love-it-wrapper { display: inline-block; } .comments-likes .love-it-wrapper a:hover { cursor: pointer; } .love-it-wrapper a { text-decoration: none; } .comments-likes .love-it-wrapper { margin-left: 5px; } .comments-likes .love-it-wrapper a { text-decoration: none; } .comments-likes a span, .comments-likes a i { margin: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes .love-it-wrapper .loved { margin: 0; } .comments-likes .love-it-wrapper i { font-size: 17px; vertical-align: -3px; margin-right: 5px; } .comments-likes .love-it-wrapper i[class*="fa-"] { vertical-align: 0px; font-size: 14px; margin-right: 2px; } span.love-count { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes span.love-count { margin-left: 1px; } .blog-item .excerpt { line-height: 22px; } .excerpt ul { list-style: disc inside; } .blog-item .read-more { text-decoration: none; clear: both; display: inline-block; margin-top: 5px; } .blog-item .read-more-bar { height: auto; overflow: hidden; margin-top: 20px; } .blog-item .read-more-bar .read-more { margin-top: 0; } .blog-item .quote-excerpt { padding-bottom: 15px; font-style: normal; min-height: 70px; display: block; } .blog-item .quote-excerpt p { font-size: inherit; line-height: inherit; } .quote-excerpt blockquote { margin: 0 0 10px; padding: 0; } /* -------------------------------------------- SINGLE POST -------------------------------------------- */ .single-post .inner-page-wrap { margin-top: 0; margin-bottom: 0; } .single-post .inner-page-wrap.no-top-spacing article.type-post.single-post-standard, .single-post .inner-page-wrap.no-top-spacing article.type-post.single-post-standard-above { padding-top: 0; } .single-post .inner-page-wrap.no-bottom-spacing article.post .content-wrap, .single-post .inner-page-wrap.no-bottom-spacing .sidebar { margin-bottom: 0; padding-bottom: 0; } .single-post .content-left, .single-post .left-sidebar { padding-left: 0; } .single-post .content-right, .single-post .right-sidebar { padding-right: 0; } .single-post .content-right { float: right; } .single-post .left-sidebar { float: left; } article.type-post.single-post-standard, article.type-post.single-post-standard-above { padding-top: 60px; } .audio-detail { width: 50%; min-width: 280px; margin: 20px auto 0; } .post-download { text-align: center; } .post-download a.sf-button { margin-bottom: 0; margin-right: 0; } .body-content.quote { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } .body-content.quote p { margin-bottom: 3px; } .body-content.quote cite { font-weight: bold; text-transform: uppercase; } .article-content.aside, .item-details.aside { margin-top: 10px; } .blog-excerpt p { margin-bottom: 10px; } .detail-feature { position: relative; z-index: 2; background-size: cover; background-position: center; margin-bottom: 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .detail-feature .details-overlay { position: absolute; z-index: 3; bottom: 45%; width: 100%; opacity: 0; text-align: center; } .detail-feature .details-overlay h1 { font-size: 60px; line-height: 80px; max-width: 600px; width: 80%; margin: 0 auto 20px; text-align: left; } .detail-feature .details-overlay .post-item-details { max-width: 600px; width: 80%; margin: 0 auto; text-align: left; } .detail-feature .details-overlay .post-item-details a { color: inherit; } .detail-feature .details-overlay .post-item-details .author { font-weight: bold; } .detail-feature .details-overlay .post-item-details .date { display: block; } .detail-feature figure.media-wrap { z-index: 2; } article.post figure.media-wrap, article.post .content-wrap, article.attachment .content-wrap { margin-bottom: 60px; } article.post.single-post-standard figure.media-wrap { margin-bottom: 40px; } article.post.single-post-standard figure.media-wrap:empty { display: none; } article.post .content-wrap .container { max-width: 100%; } figure.media-wrap:empty, figure.media-wrap.full-width-detail:empty { margin: 0; } figure.media-wrap.media-type-none { display: none!important; } figure.quote blockquote { margin-bottom: 0; } .content-wrap.extra-spacing > p { padding: 20px 50px; } .content-wrap.extra-spacing > p > img { margin: -10px -15%; width: 130%; max-width: none; } .content-wrap.extra-spacing blockquote { margin: 0 -10% 20px; padding: 0; text-align: center; } .article-divider { width: 80px; height: 2px; background: rgba(0,0,0,0.8); margin: 50px auto; } article.type-post .article-share { margin: 0 auto 20px; display: block!important; } .format-link figure.media-wrap { text-align: center; margin: 0 0 30px; } .format-link .link-post-link { font-size: 18px; line-height: 24px; display: inline-block; } .format-link .link-post-link i { margin-right: 8px; vertical-align: -1px; } .format-chat figure.media-wrap { margin-bottom: 40px; } .format-chat .chat { margin-top: 0; } .format-chat .chat .chat-timestamp { float: right; font-size: 12px; font-weight: normal; margin: 0 10px; } .format-chat .chat .chat-text { margin: 0 0 20px; } .format-status .body-text p { font-size: 18px; font-style: italic; line-height: 24px; } .format-status .excerpt { font-size: 18px; font-style: italic; line-height: 24px; } .single-format-aside .page-heading { display: none; } article.attachment .content-wrap p.attachment img { width: 100%; height: auto; } article.attachment .article-share { width: 100%!important; } .navigation { margin-top: 10px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; } .blog-navigation { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .nav-next i, .nav-previous i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .single .blog-pagination div > a > i { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .blog-pagination { border-top: 1px solid transparent; margin-top: 30px!important; } .nav-previous i { margin-right: 5px; } .nav-next i { margin-left: 8px; } .post-pagination-wrap { padding: 50px 0; } .post-pagination-wrap .next-article, .post-pagination-wrap .prev-article { text-align: center; } .post-pagination-wrap.prev-next .next-article, .post-pagination-wrap.prev-next .prev-article { width: 50%; float: right; } .post-pagination-wrap.prev-next .next-article { text-align: right; } .post-pagination-wrap.prev-next .prev-article { text-align: left; } .post-pagination-wrap h2 { font-size: 38px; line-height: 60px; word-break: break-all; max-width: 100%; } .article-review-wrap { padding: 40px 0 0; } .article-review-wrap h2 { margin-top: 0; margin-bottom: 20px; } .review-bar { height: 34px; line-height: 34px; margin-bottom: 10px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e3e3e3; } .review-bar .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; position: relative; } .review-bar .bar-text { position: absolute; top: 0; left: 0; line-height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; color: #fff; width: 100%; text-align: left; display: block; } .review-bar .bar-text > span { float: right; display: block; } .review-overview-wrap { margin: 30px 0 0; } .review-overview-wrap .overview-circle { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #2d2d35; width: 75px; height: 75px; text-align: center; float: left; margin-right: 25px; } .review-overview-wrap .overview-circle span.overview-text { display: block; font-size: 12px; font-weight: bold; line-height: 20px; padding-top: 15px; } .review-overview-wrap .overview-circle span.overview-score { display: block; font-size: 20px; font-weight: bold; } .review-overview-wrap .overview-circle span.overview-score.score-pts { font-size: 22px; } .review-overview-wrap p { margin-bottom: 0; } .author-info-wrap { width: 44%; float: left; border-top: 1px solid #e3e3e3; padding-top: 30px; margin-top: 50px; margin-left: 15px; } .author-avatar { float: left; margin-right: 30px; } .author-avatar img { width: 70px; height: 70px; } .author-avatar img, .comment-avatar img { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1); display: block; } .author-bio-text { margin-left: 100px; } .post-info { border-top: 1px solid #e3e3e3; float: right; width: 44%; margin: 50px 0 0 6%; padding-top: 30px; margin-right: 15px; } .post-info-fw { width: 100%; float: none; margin-left: 0; } .post-info .post-date { margin-bottom: 10px; } .post-info .categories-wrap, .post-info .tags-wrap, .post-info .comments-likes a > span, .post-info .comments-likes .love-it-wrapper span { font-weight: bold; } .post-info .categories-wrap span, .post-info .tags-wrap span { font-weight: normal; padding-left: 4px; } .post-info .comments-likes { float: none; margin-top: 20px; } .post-info .comments-wrapper a { border-bottom: 0; } .post-info .comments-likes .love-it-wrapper { margin-left: 0; } .author-bio h3 { margin-top: 0; margin-bottom: 5px; } .post-aux-wrap .article-share { display: block!important; margin-bottom: 30px; } .article-extras { } .related-wrap { height: auto; overflow: hidden; padding: 50px 50px 0; } .related-articles { max-width: 100%; } .related-articles > h2 { margin-top: 0; margin-bottom: 30px; } .related-items { margin-bottom: 0; } .related-items .recent-post { overflow: hidden; } .related-items.no-gutters .recent-post { padding: 0; } /* #Blog Grid ================================================== */ .fw-row .spb_blog_grid_widget { padding: 0; } .blog-grid-items { padding: 0; margin: 0; } .blog-grid-items .grid-items { opacity: 0; margin: 0; } .blog-grid-items .blog-item { margin: 0; padding: 0; height: 330px; } .blog-grid-items .blog-item > div { position: relative; } .blog-grid-items .blog-item .details-wrap > a:first-child { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; } .blog-grid-items .blog-item > div, .blog-grid-items .blog-item h2:after { transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; } .blog-grid-items .blog-item h2, .blog-grid-items .blog-item h6, .blog-grid-items .blog-item data, .blog-grid-items .blog-item .author span, .blog-grid-items .blog-item .post-icon, .blog-grid-items .blog-item .post-icon > i, .blog-grid-items .blog-item .tweet-icon, .blog-grid-items .blog-item .tweet-icon > i, .blog-grid-items .blog-item .inst-icon, .blog-grid-items .blog-item .inst-icon > i { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .blog-grid-items .blog-item .grid-left { float: left; width: 50%; height: 100%; padding: 30px; position: relative; } .blog-grid-items .blog-item .grid-left:after { content: ""; position: absolute; top: 50%; right: -15px; z-index: 99; width: 0; height: 0; margin-top: -20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #e3e3e3; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-grid-items .blog-item .grid-right { float: right; width: 50%; height: 100%; padding: 30px; position: relative; } .blog-grid-items .blog-item .grid-right:after { content: ""; position: absolute; top: 50%; left: -15px; z-index: 99; width: 0; height: 0; margin-top: -20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #e3e3e3; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-grid-items .blog-item .grid-image { float: right; width: 50%; height: 100%; overflow: hidden } .blog-grid-items .blog-item .grid-no-image { padding: 30px; height: 100%; } .blog-grid-items .blog-item h2 { font-size: 18px; line-height: 28px; margin: 0; } .blog-grid-items .blog-item .grid-no-image h2 { max-height: 60%; overflow: hidden; text-overflow: ellipsis; } .blog-grid-items .blog-item h6 { margin-top: 0; display: none; } .blog-grid-items .blog-item .tweet-text, .blog-grid-items .blog-item .quote-excerpt { max-height: 50%; overflow: hidden; display: block; text-overflow: ellipsis; } .blog-grid-items .blog-item .twitter_intents { display: none; } .blog-grid-items .instagram-item { position: relative; } .blog-grid-items .blog-item .inst-img-wrap { overflow: hidden; height: 100%; } .blog-grid-items .instagram-item .inst-overlay { position: relative; z-index: 2; padding: 30px; height: 100%; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-grid-items .instagram-item:hover .inst-overlay { opacity: 1; } .blog-grid-items .instagram-item .inst-overlay h2 { max-height: 65%; overflow: hidden; } .blog-grid-items .instagram-item img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } .blog-grid-items .blog-item .date { margin-top: 10px; display: block; } .blog-grid-items .blog-item .author { position: absolute; bottom: 25px; } .blog-grid-items .blog-item .tweet-icon, .blog-grid-items .blog-item .post-icon, .blog-grid-items .blog-item .inst-icon { position: absolute; bottom: 30px; right: 30px; font-size: 18px; line-height: 18px; color: #fff; width: 16px; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-grid-items .blog-item:hover .tweet-icon, .blog-grid-items .blog-item:hover .post-icon, .blog-grid-items .blog-item:hover .inst-icon { opacity: 1; } .blog-grid-items .blog-item .inst-icon { z-index: 3; } .blog-grid-items .blog-item .post-icon > i { height: 16px; vertical-align: -2px; display: inline-block; } /* #Team ================================================== */ ul.team-members { list-style: none; } .team-members.no-gutters .team-member { padding: 0; margin-bottom: 0; } .team-members.no-gutters.row { margin-left: 0; margin-right: 0; } .team-member { margin-bottom: 30px; } .team-member figure { margin-bottom: 20px; position: relative; overflow: hidden; z-index: 2; } .display-type-gallery .team-member figure { margin-bottom: 0; } .display-type-standard-alt h4, .display-type-standard-alt h5 { text-align: center; } .team-member figcaption a.view-profile { font-weight: bold; text-align: center; width: 100%; } .team-member figcaption.team-gallery h4, .team-member figcaption.team-gallery h5 { width: 100%; font-weight: bold; text-align: center; } .team-member figcaption.team-gallery h4 { font-size: 20px; margin-bottom: 0; } .team-member figcaption.team-gallery h5.team-member-position { font-size: 14px; font-weight: normal; } .team-member .team-member-name { margin: 0 0 5px 0; } .team-member .team-member-position { margin: 0 0 15px 0; } .team-member .team-member-bio { margin-bottom: 15px; } .team-member .member-contact { margin-bottom: 10px; font-size: 14px; } article.type-team { margin-bottom: 50px; } article.type-team .article-body-wrap { width: 50%; float: left; margin-right: 30px; } article.type-team .article-body-wrap .body-text { margin-top: 0; } article.type-team .member-position { margin: 0 0 20px; } article.type-team .profile-image-wrap { float: right; width: 46%; } ul.member-contact { margin-left: 0; padding-top: 10px; margin-bottom: 30px; list-style: none; } ul.member-contact li { line-height: 24px; margin-bottom: 5px; } ul.member-contact li i { vertical-align: -3px; margin-right: 10px; display: inline-block; height: 14px; margin-top: 4px; } ul.member-contact li i.ss-phone { vertical-align: -2px; } ul.member-contact li a { text-decoration: none; border-bottom: 1px dotted #e3e3e3; } /* #Sidebar ================================================== */ .sidebar { padding-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar.left-sidebar { padding-right: 20px; } .sidebar.right-sidebar { padding-left: 20px; } .sidebar .widget-heading { margin-top: -6px; margin-bottom: 0; } .sidebar .widget-heading h4 { margin-bottom: 20px; line-height: 150%; } .sidebar object, .sidebar object > img .sidebar embed { width: 100%; max-width: 100%; } .sidebar object > img { height: auto; } .sidebar a:hover { text-decoration: none; } .sidebar .widget #lang_sel a { padding: 2px 10px; } /* #Comments ================================================== */ #comment-area { padding-top: 50px; } .type-page #comment-area { padding-top: 20px; } #comment-area a { text-decoration: none; } .logged-in-as a { border-bottom: 1px dotted #e3e3e3; } #comments-list { margin-bottom: 50px; } #comments-list ol { list-style: none; margin: 0 0 -10px; padding: 0; } #comments-list ol li { margin-bottom: 0; } .comment .comment-wrap { position: relative; height: auto; padding: 20px 0; } .comment-wrap .comment-avatar { float: left; position: relative; } .comment-wrap .comment-avatar img { height: 50px; width: 50px; display: block; } #comments-list li .comment-wrap { border-top: 1px solid #e3e3e3; } #comments-list li ul { list-style: none; margin: 0 0 0 70px; font-size: 100%; } #comments-list li ul li .comment-wrap { border-bottom: 0; padding-bottom: 0; } .comment-content { margin-left: 70px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #comments-list li ul li .comment-content { padding-bottom: 20px; } .comment-content .comment-body p { margin-bottom: 10px; } .comment-meta { position: relative; margin-bottom: 5px; } .comment-meta .comment-author { font-weight: bold; } .comment-meta .comment-date { margin-left: 2px; font-size: 12px; } .comment-meta-actions { display: inline-block; font-size: 12px; } .comment-meta-actions .edit-link { margin-left: 5px; border-bottom: 1px dotted #e3e3e3; } .comment-meta-actions .meta-sep { margin: 0 0 0 1px; color: rgba(0,0,0,0.1); } .comment-meta-actions .comment-reply { border-bottom: 1px dotted #e3e3e3; } #comment-area .edit-link a:hover, #comment-area .comment-reply a:hover { text-decoration: none; } .comment-avatar .is-author { text-align: center; font-size: 10px; text-transform: uppercase; color: #ccc; } .comment-meta cite { font-style: normal; } .comment-meta-actions a.comment-reply-link { font-weight: normal; } .comment-meta .comment-author { letter-spacing: normal; } /* Trackbacks */ #trackbacks-list span { font-size: 12px; } #trackbacks-list ol li { margin-bottom: 10px; } #trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; } #trackbacks-list .comment-content p { font-size: 14px; } /* -------------------------------------------- COMMENT FORM -------------------------------------------- */ #respond-wrap { padding-bottom: 20px; position: relative; z-index: 1; margin-bottom: 30px; } #respond { margin: 30px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 0; padding-right: 0; } .comment-form-url { padding-right: 15px; } #commentform { margin-top: 10px; margin-bottom: 0; } #commentform p.comment-notes { margin-bottom: 20px; } #commentform p.comment-notes span.required { float: none; } #commentform label { font-weight: normal; margin-bottom: 4px; } #commentform p > input[type="text"] { margin-bottom: 12px; width: 100%; height: 38px; padding-left: 10px; padding-right: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #commentform textarea { width: 100%; max-width: 100%; min-width: 100%; outline: 0; padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 200px; } #commentform p.form-allowed-tags { display: none; } #commentform p.form-allowed-tags code { color: #444; } .comment #respond h3#reply-title { display: block; margin: 0px 0 10px; } #reply-title small { font-size: 14px; line-height: 0; margin-left: 5px; } #reply-title small a, #reply-title small a:hover { text-decoration: none; } p.comment-form-comment { margin-top: 5px; margin-bottom: 15px; } p.form-submit { height: auto; overflow: hidden; margin-bottom: 0; } #respond .form-submit input[type="submit"] { margin: 0; border: 0; background: none; text-transform: uppercase; border: 2px solid #e3e3e3; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 18px; height: auto; padding: 14px 18px; float: right; } /* #Campaigns ================================================== */ .campaign-item { margin-bottom: 30px; } .campaign-item .details-wrap { padding: 20px; } .campaign-item h3 { margin-top: 0; margin-bottom: 10px; } .campaign-item .excerpt { margin-bottom: 10px; } .campaign-details-mini { padding-top: 10px; } .campaign-details-mini .detail { width: 30%; float: left; font-size: 12px; } .campaign-details-mini .detail.pledged { width: 40%; } .campaign-details-mini .detail data { display: block; font-weight: bold; line-height: 12px; } .campaign-details-mini .detail span { font-size: 12px; } .single-download .inner-page-wrap { margin-bottom: 0; } .single-download .campaign-detail { margin-bottom: 50px; } .single-download .campaign-detail .video-container { width: 100% !important; height: auto !important; padding-top: 56.5%; position: relative; } .single-download .campaign-detail .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .single-download .content-wrap { margin-bottom: 60px; padding-left: 0; } .campaign-details { padding: 20px 30px; background: #f7f7f7; margin-bottom: 20px; } .campaign-details .detail { margin-top: 25px; } .campaign-details .detail:first-child { margin-top: 0; } .campaign-details .detail data { font-size: 48px; line-height: 48px; display: inline-block; float: left; } .campaign-details .detail span { line-height: 46px; display: inline-block; font-size: 16px; font-weight: bold; margin-left: 8px; } .campaign-details .detail.pledged data { float: none; } .campaign-details .detail.pledged span { display: block; margin-left: 0; margin-top: 5px; line-height: 20px; } .campaign-detail .back-this, .campaign-sidebar .contribute-now { width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; font-size: 16px; margin: 0 0 15px 0; } .campaign-detail h5.fund { margin: 0 0 20px; } .campaign-meta > * > span { font-weight: bold; margin-right: 8px; } #back-this-project { margin-bottom: 60px; padding-right: 0; } #back-this-project p.donate-only, #back-this-project p.project-ended { font-weight: bold; } #back-this-project h2 { margin-bottom: 15px; font-size: 24px; margin-top: 0; } #back-this-project h2.pledge-select { margin-bottom: 20px; } p.atcf_custom_price_wrap { position: relative; padding: 0; margin: 0 0 20px; } p.atcf_custom_price_wrap .currency { position: absolute; top: 50%; margin-top: -15px; font-size: 20px; left: 12px; } p.atcf_custom_price_wrap input[type="text"] { margin: 0; font-size: 18px!important; padding: 9px 0 10px 40px; height: 40px; } .edd_price_options .atcf-price-option { border-top: 1px solid #e3e3e3; padding: 30px 20px!important; background: #f7f7f7; } .edd_price_options .atcf-price-option.inactive { opacity: 0.5; } .edd_price_options .atcf-price-option:first-child { border-top: 0; } .edd_price_options .atcf-price-option .clear { height: auto; overflow: hidden; } .edd_price_options .atcf-price-option h3 { margin-top: 0; margin-bottom: 4px; } .edd_price_options .atcf-price-option:hover, .edd_price_options .atcf-price-option:hover label { cursor: pointer; } .edd_price_options .atcf-price-option.inactive:hover, .edd_price_options .atcf-price-option.inactive:hover label { cursor: default; } .edd_price_options .atcf-price-option label { width: 100%; } .edd_price_options .atcf-price-option input[type="radio"] { float: right; margin-right: 1px; } .edd_price_options .atcf-price-option .clear { margin-bottom: 8px; } .edd_price_options .atcf-price-option .backer-count { font-weight: bold; line-height: 20px; float: left; margin-right: 8px; } .edd_price_options .atcf-price-option small { line-height: 18px; display: inline-block; } .edd_price_options .atcf-price-option small.gone { color: #fff; background: #fe504f; padding: 2px 6px; } .campaign-share { text-align: center; } #campaign-updates { padding: 40px 0; } #campaign-updates h2 { margin-bottom: 20px; } article.type-download .article-share { margin: 0 auto 20px; } .contact-author.sf-button { margin-top: 20px; margin-right: 0; display: block; float: right; width: 100%; text-align: center; font-size: 14px; line-height: 22px; } #campaign-backers { padding-top: 40px; padding-bottom: 20px; } #campaign-backers h2 { margin-top: 0; margin-bottom: 20px; } #campaign-backers ol { margin: 0; padding: 0; list-style: none; } #campaign-backers ol li { width: 100%; margin-bottom: 20px; height: auto; overflow: hidden; } #campaign-backers ol li img { float: left; } #campaign-backers ol li .backer-info { float: left; margin-left: 20px; } #edd_checkout_cart .edd_cart_header_row th { padding: 10px 20px; } #edd_checkout_cart th { padding: 20px; } #edd_checkout_cart tr.edd_cart_footer_row:last-child th { padding: 10px 20px; } .edd_cart_total { font-size: 16px; } #edd_checkout_form_wrap legend { border: 0; } #edd_checkout_form_wrap span.edd-description { font-size: 95%; } #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea { padding: 8px 12px; } #edd_checkout_form_wrap #edd_final_total_wrap { padding: 15px; font-size: 16px; text-align: right; } #edd_purchase_submit input[type="submit"] { float: right; outline: 0!important; } h3.campaign_heading { margin-bottom: 30px; } h3.atcf-submit-section { margin-top: 50px; clear: both; } h3.atcf-submit-section:first-child { margin-top: 0; } .atcf-submit-campaign p > input { margin-bottom: 0; } #edd_checkout_form_wrap input[type=checkbox] { width: auto; } .atcf-submit-campaign-goal, .atcf-submit-campaign-image { width: 48%; float: left; } .atcf-submit-campaign-length, .atcf-submit-campaign-video { width: 48%; float: right; } .atcf-submit-campaign-length label { width: 100%; } .atcf-submit-campaign-length .atcf-toggle-neverending { float: right; display: inline-block; } .atcf-submit-campaign-length input[disabled="disabled"] { opacity: 0.2; } .atcf-submit-campaign-category { height: auto; overflow: hidden; clear: both; } .atcf-multi-select { height: auto; overflow: hidden; } .atcf-multi-select li { width: 33%; float: left; display: inline; } .atcf-multi-select label { font-weight: normal; margin-bottom: 8px; } .atcf-multi-select label > input { margin-right: 5px; } .atcf-submit-campaign-image input { width: 100%; padding: 11px 0; line-height: 12px; } .atcf-submit-campaign-image input[type="file"] { width: 100%; padding: 7px 10px 6px; } .atcf-submit-campaign-description { clear: both; } .atcf-submit-campaign-description .wp-editor-container { border: 1px solid #e3e3e3; margin-bottom: 20px; } .atcf-submit-campaign-excerpt textarea { min-height: 80px; } .atcf-submit-campaign-physical { margin-bottom: 6px; } .atcf-submit-campaign-physical input, .atcf-submit-campaign-norewards input{ margin-right: 5px; } .atcf-submit-campaign-reward { margin-bottom: 10px; } .atcf-submit-campaign-reward p { margin-bottom: 0; } .atcf-submit-campaign-reward-amount { float: left; width: 15%; } .atcf-submit-campaign-reward-name { float: left; margin-left: 2%; width: 65%; } .atcf-submit-campaign-reward-limit { float: left; margin-left: 2%; width: 10%; } .atcf-submit-campaign-reward-remove { padding: 12px 12px 12px 20px; display: inline-block; font-size: 22px; } .atcf-submit-campaign-add-reward { clear: both; margin-top: 5px; } .atcf-login form, .atcf-register form { border: 1px solid #e3e3e3; padding: 30px; } .atcf-login form > p, .atcf-register form > p { margin-bottom: 10px; } .atcf-login form > p.login-submit, .atcf-register form > p.login-submit, .atcf-register p.atcf-register-password { margin-bottom: 20px; } .atcf-login form input[type="text"], .atcf-login form input[type="password"], .atcf-login form input[type="submit"], .atcf-register form > p > input { margin-bottom: 0; } .atcf-register-submit { height: auto; overflow: hidden; } .atcf-register-submit > input[type="submit"] { float: right; margin-right: 0; } .atcf-profile form { margin-bottom: 60px; } .atcf-profile-campaigns { margin-bottom: 60px; } .atcf-profile-campaigns > li { border: 1px solid #e3e3e3; margin-bottom: 20px; padding: 20px; width: 100%; height: auto; overflow: hidden; } .atcf-profile-campaigns > li h4 { margin-top: 0; } .atcf-profile-campaigns > li ul.actions { margin-left: 0; margin-right: 10px; float: left; } .atcf-profile-campaigns > li ul.actions > li { float: left; margin-left: 10px; } .atcf-profile-campaigns > li ul.actions > li:first-child { margin-left: 0; } /* #Contact ================================================== */ .contact-map { margin-bottom: 30px; } .contact-form h6 { margin-bottom: 10px; } .contact-form p.thanks { display: none; } .contact-form label { font-weight: normal; font-size: 12px; margin-bottom: 6px; } .contact-form input, .contact-form textarea { width: 96%; } .contact-form textarea { height: 189px; } .contact-form h5 { margin-bottom: 10px; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* #Events ================================================== */ .events-archive .page-heading { display: none; } #tribe-events-pg-template { padding-top: 50px; } .single-tribe_events .tribe-events-event-meta, .tribe-events-loop .tribe-events-event-meta, #tribe-bar-collapse-toggle { background: transparent!important; } .tribe-events-othermonth { background: #f7f7f7!important; } #tribe-bar-form .tribe-bar-views-inner label { color: #666; } #tribe-bar-form input[type="text"] { padding: 8px 0!important; } .tribe-bar-submit { padding: 18px!important; } .tribe-bar-views-inner { padding-bottom: 50px!important; } .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { margin-top: 40px!important; } h2.tribe-events-page-title a { color: inherit!important; } #tribe-bar-collapse-toggle { line-height: 40px; } #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow { top: 50%; margin-top: -12px; } #tribe-events-content .tribe-events-calendar td.mobile-active div[id*="tribe-events-daynum-"] { margin-top: 0; padding-top: 6px; padding-bottom: 6px; } .events-cal #ui-datepicker-div { border: 1px solid #aaaaaa !important; background: #ffffff !important; color: #222222 !important; } /* #Shortcodes ================================================== */ /* -------------------------------------------- SUPER SEARCH -------------------------------------------- */ .sf-super-search { background: #252525; color: #fff; padding: 35px 20px; position: relative; display: block; } #super-search .container > .row { position: relative; } .sf-super-search .search-options { font-size: 24px; line-height: 42px; } #super-search .search-options { font-size: 22px; line-height: 38px; } .sf-super-search .search-options .ss-dropdown { float: none; display: inline-block; outline: 0; margin: 0 5px; position: relative; } .sf-super-search .search-options .ss-dropdown > span { border-bottom: 1px dotted #e4e4e4; text-transform: lowercase; } .sf-super-search .search-options .ss-dropdown > span:hover { cursor: pointer; } .sf-super-search .search-options .ss-dropdown ul { position: absolute; top: 30px; left: 0; z-index: 1000; display: block; pointer-events: none; -moz-opacity: 0; filter: alpha(opacity= 0); opacity: 0; background: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-browser .sf-super-search .search-options .ss-dropdown ul { top: 10px; left: -10px; } .browser-ie .sf-super-search .search-options .ss-dropdown ul { display: none; } .sf-super-search .search-options .ss-dropdown ul.show-dropdown { -moz-opacity: 1; filter: alpha(opacity= 100); opacity: 1; pointer-events: auto!important; } .browser-ie .sf-super-search .search-options .ss-dropdown ul.show-dropdown { display: block; } .sf-super-search .search-options .ss-dropdown ul li { height: 36px; line-height: 36px; font-size: 11px; text-transform: uppercase; color: #222; list-style-type: none; border-top: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-right: 38px; } .sf-super-search .search-options .ss-dropdown ul li:first-child { border-top: 0; } .sf-super-search .search-options .ss-dropdown ul li a { float: left; text-align: left; width: 100px; border-right: 1px solid #e4e4e4; padding-left: 15px; } .sf-super-search .search-options .ss-dropdown ul li .fa-check { display: none; position: absolute; right: 0; font-size: 14px; padding: 11px 12px; } .sf-super-search .search-options .ss-dropdown ul li.selected .fa-check { display: block; } .sf-super-search .search-options input { background: none; border: 0; border-bottom: 1px dotted #e4e4e4; color: #fff; font-size: 24px; width: 65px; line-height: 18px; height: 34px; padding: 12px 0 5px; display: inline-block; margin: 0 5px; vertical-align: top; text-align: center; } .sf-super-search .search-go { text-align: right; display: block; } .super-search-go { padding: 0 10px; line-height: 38px; border-width: 1px!important; border-style: solid!important; display: inline-block; margin-right: 10px; margin-bottom: 0!important; background: transparent!important; border: 1px solid #e3e3e3; } .super-search-close { font-size: 28px; padding: 10px; display: none; } /* -------------------------------------------- PROMO BAR SHORTCODE -------------------------------------------- */ .sf-promo-bar { padding: 35px 10%; text-align: center; } .sf-promo-bar p { font-size: 20px; line-height: 46px; margin-bottom: 0; display: inline-block; vertical-align: top; margin-right: 15px; } .sf-promo-bar a.sf-button { padding-left: 25px; padding-right: 25px; margin-bottom: 0; } .sf-promo-bar.promo-arrow, .sf-promo-bar.promo-text { padding: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sf-promo-bar.promo-arrow a, .sf-promo-bar.promo-text a { padding: 35px 10%; display: block; } .sf-promo-bar.promo-arrow > a, .sf-promo-bar.promo-text > a { font-size: 20px; line-height: 46px; display: block; } .sf-promo-bar.promo-arrow > a > i { vertical-align: -10px; font-size: 32px; display: inline-block; margin-left: 10px; height: 40px; } /* -------------------------------------------- FULL WIDTH VIDEO SHORTCODE -------------------------------------------- */ .fw-video-area { position: fixed; width: 100%; height: 100%; z-index: 1000; top: -100%; background: #2d2d2d; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); padding: 8%; } .fw-video-area > .fw-video-wrap { height: 100%; } .mobile-browser .fw-video-area { display: none; } .fw-video-close { display: none; position: absolute; right: 40px; top: 40px; width: 42px; text-align: center; cursor: pointer; z-index: 1001; color: #000; background: #fff; font-size: 28px; line-height: 38px; height: 42px; padding: 6px; opacity: 0.5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw-video-close:hover { opacity: 1; } .fw-video-close.is-open { display: block; pointer-events: auto; } .fw-video-link-icon { font-size: 30px; line-height: 16px; margin: 0 10px 10px; background: rgba(0,0,0,0.7); color: #fff; padding: 16px 21px 15px; height: 70px; width: 70px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; } .fw-video-link-icon:hover { background: #222; } .fw-video-link-icon i { height: 28px; display: inline-block; width: 28px; vertical-align: -15px; } .fw-video-link-image { position: relative; display: inline-block; } .fw-video-link-image img { width: 100%; max-width: 100%; height: auto; } .fw-video-link-image i { font-size: 28px; background: #444; background: rgba(255,255,255,0.9); color: #222; padding: 16px 21px 15px; height: 80px; width: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; line-height: 56px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw-video-link-image.fw-video-image-button2 i { background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 48px; width: 70px; margin-left: -30px; margin-top: -25px; line-height: 24px; } .fw-video-link-image.fw-video-image-button3 i { background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 48px; width: 70px; left: 22px; bottom: 22px; top: auto; margin: 0; line-height: 24px; } .fw-video-link-image:hover i { background: #222; } /* -------------------------------------------- GALLERY SHORTCODE -------------------------------------------- */ .spb_gallery_widget { margin-bottom: 40px; position: relative; overflow: hidden; padding-left: 15px; padding-right: 15px; } .spb_gallery_widget .masonry-gallery { position: relative; margin-left: -15px; margin-right: -15px; } .spb_gallery_widget .gallery-nav { margin-top: 30px; } .spb_gallery_widget .gallery-nav li { margin-left: 30px; width: 100px!important; } .spb_gallery_widget .gallery-nav li:first-child { margin-left: 0; } .spb_gallery_widget .gallery-nav li img { display: block; width: 100%; height: auto; opacity: .7; cursor: pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .spb_gallery_widget .gallery-nav li.flex-active-slide img, .spb_gallery_widget .gallery-nav li img:hover { opacity: 1; } .gallery-slider p.flex-caption { position: absolute; bottom: 0; padding: 15px 20px; color: #fff; margin: 0; width: 100%; font-size: 16px; } .gallery-slider .lightbox-icon { position: absolute; top: 20px; right: 20px; font-size: 16px; color: #fff; padding: 10px 11px; border-radius: 3px%; background: rgba(0,0,0,0.2); height: 38px; line-height: 22px; } .masonry-gallery .gallery-image { opacity: 0; margin-bottom: 30px; } .masonry-gallery.no-gutters .gallery-image { margin: 0; padding: 0; } .masonry-gallery .gallery-image.item-animated { opacity: 1; } /* -------------------------------------------- GALLERIES -------------------------------------------- */ .fw-row .spb_galleries_widget { padding-left: 0; padding-right: 0; } ul.gallery-items { margin-bottom: 0; list-style: none; transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; } .gallery-items .gallery-item { opacity: 0; margin: 0; } .gallery-items .gallery-item.item-animated, .mobile-browser .gallery-item { opacity: 1; } .fw-row ul.gallery-items.gutters { margin: 0 15px; } ul.gallery-items.gallery-galleries figure { margin-bottom: 0; } ul.gallery-items.no-gutters { margin: 0!important; } .gallery-items > li { margin-bottom: 30px; } .gallery-items.no-gutters:not(.col-1) > li { padding: 0; } .gallery-items.no-gutters > li { margin-bottom: 0; } .gallery-items > li figure { position: relative; } .masonry-items .gallery-item { border-bottom: 0; padding-bottom: 0; } .gallery-items.gutters .gallery-item { margin-bottom: 30px; } .gallery-items.no-gutters .gallery-item-details, .gallery-full-width .gallery-item-details { padding: 0 15px 20px; } .gallery-item.gallery { border-bottom: 0; padding-bottom: 0; padding-top: 0; } .gallery-item.gallery figure, .masonry-items .gallery-item.standard figure { margin-bottom: 0; } .gallery-item figure { margin-bottom: 25px; } .gallery-item.masonry-item figure, gallery-item figure { margin-bottom: 0; } .gallery-item figure img { width: 100%; height: auto; position: relative; display: block!important; } .gallery-item.masonry-item .gallery-item-details { padding: 25px 30px 20px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .gallery-item h3.gallery-item-title { font-weight: normal; margin-bottom: 5px; text-align: left; margin-top: 0; } .gallery-item h1.gallery-item-title { font-weight: normal; margin-bottom: 4px; text-align: left; margin-top: 10px; } .gallery-item-title a:hover { text-decoration: none; } .gallery-item h5.gallery-subtitle { display: block; margin-bottom: 5px; text-align: left; margin-top: 0; } .gallery-item h3.gallery-subtitle { display: block; text-align: center; margin-top: 0; margin-bottom: 8px; } .gallery-item .gallery-item-excerpt { font-size: 12px; padding-top: 5px; text-align: left; } .gallery-item .gallery-item-permalink { font-size: 12px; font-weight: bold; display: block; text-decoration: none; } article.type-galleries .gallery-share { text-align: center; margin-bottom: 80px; } .gallery-share .love-it-wrapper { margin-top: 20px; } .gallery-share .love-it-wrapper i { margin-right: 6px; vertical-align: -2px; } /* -------------------------------------------- SWIFT SLIDER ADJUSTMENTS -------------------------------------------- */ .swift-slider-prev, .swift-slider-next { margin: 0 30px; padding: 15px; width: 62px; height: 62px; border-radius: 40px!important; overflow: hidden; -webkit-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s; } .swift-slider-prev i { position: absolute; left: 11px; line-height: 28px; } .swift-slider-next i { position: absolute; right: 11px; line-height: 28px; } .swift-slider-prev h4, .swift-slider-next h4 { position: absolute; top: 0; margin: 0; text-transform: uppercase; white-space: nowrap; font-size: 16px; line-height: 50px; max-width: 60%; text-overflow: ellipsis; overflow: hidden; opacity: 0; color: inherit; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .swift-slider-prev h4 { right: 20px; -webkit-transform: translateX(50%); transform: translateX(50%); } .swift-slider-next h4 { left: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .swift-slider-prev:hover, .swift-slider-next:hover { width: 180px; } .swift-slider-prev:hover h4, .swift-slider-next:hover h4 { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0); } .swift-slider[data-type="slider"] .swift-slider-pagination .dot { width: 50px; } .swift-slider[data-type="slider"] .swift-slider-pagination .dot span, .swift-slider[data-type="slider"] .swift-slider-pagination .dot:after { width: 50px; height: 4px!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .swift-slider[data-type="slider"] .swift-slider-pagination .dot.active span { -webkit-transform: translateY(400%); transform: translateY(400%); } .swift-slider[data-type="curtain"] .swift-slider-pagination .dot { height: 50px; margin: 8px 5px 0; } .swift-slider[data-type="curtain"] .swift-slider-pagination .dot span, .swift-slider[data-type="curtain"] .swift-slider-pagination .dot:after { height: 50px!important; width: 4px!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .swift-slider[data-type="curtain"] .swift-slider-pagination .dot:after { -webkit-transform: translateY(-400%); transform: translateY(-400%); } .swift-slider[data-type="curtain"] .swift-slider-pagination .dot.active span { -webkit-transform: translateY(400%); transform: translateY(400%); } .swift-slider .swift-slider-continue { border: 0; } .swift-slider .swift-slider-continue i { font-size: 18px!important; margin-left: 4px; } .swift-slider .swift-slider-continue.dark { background: #222; } .swift-slider .swift-slider-continue.dark i { color: #fff!important; } .swift-slider .swift-slider-continue.light { background: #fff; } .swift-slider .swift-slider-continue.light i { color: #222!important; } .swiper-slide[data-style="light"] .caption-content h2, .swiper-slide[data-style="light"] .caption-content p { text-shadow: 1px 1px 3px rgba(0,0,0,0.1); } #swift-slider-loader { text-align: center; } /* -------------------------------------------- CONTACT FORM SHORTCODE -------------------------------------------- */ .wpcf7 p { clear: both; height: auto; overflow: hidden; margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; } .wpcf7 span.wpcf7-not-valid-tip { top: 3px; left: 5px; background: transparent; color: red; border: 0; } .wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip { top: 10px; left: 78px; } input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"] { width: 100%; margin-top: 6px; margin-bottom: 15px; padding: 6px; border: 1px solid #e3e3e3; font-size: 14px!important; height: 36px; } .chosen-container-multi .chosen-choices { padding: 2px 5px; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { height: auto; } textarea, .wpcf7 textarea { height: auto; } .wpcf7 .wpcf7-select { height: 36px; } input[type="date"] { padding: 5px 6px; } .ginput_container select { height: 36px; } .sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 input[type="email"], .sidebar .wpcf7 textarea, .sidebar .wpcf7 select { width: 88%; } .wpcf7 textarea { max-width: 100%; outline: 0!important; } .wpcf7 .wpcf7-captchac { float: left; border: 1px solid #CCC; padding: 3px 0 4px; margin: 6px 10px 0 0; } .wpcf7 input.wpcf7-captchar { float: left; width: 45%; } input[type="submit"], button[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] { display: inline-block; font-size: 12px; line-height: 18px; height: auto; padding: 14px 22px; margin: 0 10px 20px 0; font-weight: bold; letter-spacing: 1px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; overflow: hidden; outline: none; text-shadow: none; text-decoration: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; } .wpcf7 input.wpcf7-submit[type="submit"] { float: right; margin-right: 0; } select { display: block; vertical-align: top; z-index: 2; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 8px 30px 8px 15px; line-height: 150%; margin: 0 0 5px; background-image: url('images/down-arrow@2x.png'); background-repeat: no-repeat; background-position: 90% center; background-position: calc(100% - 12px) center; background-size: 9px 6px; border: 1px solid #e3e3e3; } .browser-ff select, .browser-ie select, .browser-ie10 select { background-image: none; } .gform_wrapper select { padding: 5px 8px!important; } .gform_wrapper .chzn-container .chzn-drop, .gform_wrapper .chzn-container-single .chzn-search input { width: 100%!important; } .gform_wrapper .chzn-container .chzn-results li { padding: 10px 7px 14px!important; } .ui-datepicker-title select { width: auto; padding: 0 25px 0 7px; height: 22px; background-position: 90% center; font-size: 12px!important; } .ui-datepicker-title select:first-child { margin-right: 4px; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { line-height: 40px; } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { margin-bottom: 0; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { line-height: 0; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { line-height: normal; margin-top: 0; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { padding: 5px 8px 5px 8px; } .gform_wrapper ul.gfield_radio li input+input { width: auto; height: 30px; } .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] { margin-top: 14px!important; } .gform_wrapper .chzn-container-single .chzn-search input { height: auto; } input[type="file"] { padding: 10px; border: 1px solid #e3e3e3; display: inline-block; width: auto; line-height: 0; margin-top: 6px; } /* -------------------------------------------- WP GALLERY SHORTCODE -------------------------------------------- */ .gallery { padding-top: 10px; margin: 0 -2%; } .gallery .gallery-item { width: auto; float: left; display: block; width: 20%; margin: 0 2% 4%; } .gallery dl.gallery-item figure { margin-bottom: 15px; } .gallery dl.gallery-item .gallery-item-caption { text-align: center; } .gallery-columns-1 .gallery-item { width: 96%; } .gallery-columns-2 .gallery-item { width: 46%; } .gallery-columns-3 .gallery-item { width: 29.3%; } .gallery-columns-4 .gallery-item { width: 21%; } .gallery-columns-5 .gallery-item { width: 16%; } .gallery-columns-6 .gallery-item { width: 12.6%; } .gallery-columns-7 .gallery-item { width: 10.2%; } .gallery-columns-8 .gallery-item { width: 8.4%; } .gallery-columns-9 .gallery-item { width: 7.1%; } .gallery-item .gallery-icon { background: #222 url(images/view-image.png) no-repeat center center; width: 100%; height: auto; } .gallery-item img { display: block; width: 100%; height: auto; } /* -------------------------------------------- PAGE BUILDER OVERRIDES -------------------------------------------- */ a.sf-button.large { padding: 14px 35px; } a.sf-button.dropshadow { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } a.sf-button.sf-icon-reveal { padding: 0; line-height: 20px; -webkit-transform: translate3d(0,0,0); } a.sf-button.large.sf-icon-reveal { padding: 0; line-height: 24px; } a.sf-button.sf-icon-reveal i { padding: 17px 14px 10px; left: -100%; font-size: 18px; height: 100%; width: 100%; line-height: 16px; display: inline-block; text-align: center; position: absolute; } a.sf-button.large.sf-icon-reveal i { padding: 22px 17px 14px; height: 56px; font-size: 22px; line-height: 24px; } a.sf-button.sf-icon-reveal span.text { padding: 13px 35px; display: block; vertical-align: 4px; text-align: center; width: 100%; } a.sf-button.large.sf-icon-reveal span.text { padding: 18px 50px; } a.sf-button.sf-icon-reveal i, a.sf-button.sf-icon-reveal span.text { -webkit-transition: all 300ms cubic-bezier(0.175,0.885,0.320,1.15); -moz-transition: all 300ms cubic-bezier(0.175,0.885,0.320,1.15); -o-transition: all 300ms cubic-bezier(0.175,0.885,0.320,1.15); transition: all 300ms cubic-bezier(0.175,0.885,0.320,1.15); } a.sf-button.sf-icon-reveal:hover i { left: 0; } a.sf-button.sf-icon-reveal:hover span.text, a.sf-button.large.sf-icon-reveal:hover span.text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } a.sf-button.sf-icon-reveal.large:hover span.text { padding-left: 77px; padding-right: 23px; } a.sf-button.sf-icon-stroke { padding: 0; } a.sf-button.sf-icon-stroke i { padding: 19px 25px 20px; left: 0; right: auto; height: 48px; line-height: 16px; } a.sf-button.large.sf-icon-stroke i { padding: 26px 25px 20px; height: 60px; } a.sf-button.sf-icon-stroke span.text { padding: 14px 25px 14px 60px; display: inline-block; white-space: nowrap; vertical-align: 4px; line-height: 20px; } a.sf-button.large.sf-icon-stroke span.text { padding: 17px 25px 17px 60px; } a.sf-button.bordered { background: none!important; position: relative; border: 0; } a.sf-button.bordered:before, a.sf-button.bordered:after { content: ''; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1); transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1); } a.sf-button.bordered:before { border-top: 2px solid #222; border-left: 2px solid #222; -moz-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 0 0; transform-origin: 0 0; } a.sf-button.bordered:after { border-bottom: 2px solid #222; border-right: 2px solid #222; -moz-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } a.sf-button.bordered:hover:before, a.sf-button.bordered:hover:after { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .toggle-wrap .spb_toggle:after { content: "\002B"; font-family: "SSGizmo" !important; margin-top: 4px; -webkit-transition: none; transition: none; -webkit-transform: none!important; -moz-transform: none!important; transform: none!important; } .toggle-wrap .spb_toggle_title_active:after { content: "\002D"; } .spb_accordion .spb_accordion_section > h4 a { padding: 12px 0; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute !important; right: 20px; top: 19px !important; margin-top: 0 !important; background-image: none !important; left: auto !important; width: 12px; height: 18px; overflow: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } .spb_accordion_section > h4 .ui-icon:before { content: "\002B"; font-family: "SSGizmo"; } .spb_accordion_section h4.ui-state-active .ui-icon:before { content: "\002D"; } .spb_accordion .ui-accordion .ui-accordion-content { padding: 15px 0 0; } .spb_accordion .ui-accordion .ui-accordion-content .row > [class*="col-sm"] { padding-left: 0!important; padding-right: 0!important; } .spb_tabs .nav-tabs li { margin-right: 0; } .spb_tabs .nav-tabs li a { border-width: 2px!important; border-left-width: 0!important; } .spb_tabs .nav-tabs li:first-child a { border-left-width: 2px!important; } .spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li.active:first-child a { border-left-width: 2px; } .spb_tour .nav-tabs li a { padding: 14px 20px; opacity: 0.7; border: 0!important; } .spb_tour .nav-tabs > li a:after { content: "\25BB"; font-family: "SSGizmo"!important; left: auto; right: 10px; bottom: auto; top: 50%; margin-top: -9px; position: absolute; font-size: 18px; } .spb_tour .nav-tabs li a:hover { background: transparent; opacity: 1; } .spb_tweets_slider_widget .spb-asset-content { padding-top: 80px; } .spb_tweets_slider_widget .tweet-icon { top: 16%; padding: 0; text-align: center; } .spb_tweets_slider_widget .flexslider { margin-top: 35px; } .spb_tweets_slider_widget .tweet-text { padding: 0 15%; text-align: center; } .spb_tweets_slider_widget .twitter_intents { display: none; } .spb_tweets_slider_widget a:hover { text-decoration: none; } .spb_testimonial_slider_widget .spb-asset-content { padding-top: 60px; padding-bottom: 55px; } .spb_testimonial_slider_widget .testimonial-icon { width: 100%; margin-bottom: 30px; padding: 0; text-align: center; } .testimonials-slider .testimonial-text { padding: 0 20%; } .testimonials-slider cite { text-align: center; width: 100%; display: block; } .testimonials-slider .flex-control-nav { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; z-index: 4; list-style: none !important; width: 100%; text-align: center; } .testimonials-slider .flex-control-nav li { float: none; } .testimonials.carousel-items li .testimonial-text { border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); } .swiper-slide .caption-content { padding: 0 15px; } .row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content { padding: 0 30px; } .row:not(.fw-row) .spb_swift-slider .swiper-slide .caption-content > h2 { font-size: 40px; line-height: 52px; } /* -------------------------------------------- CALENDAR WIDGET -------------------------------------------- */ .widget_calendar #calendar_wrap { border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ overflow: hidden; } #calendar_wrap caption { border-bottom: 1px solid #222; padding: 7px 0; } .widget_calendar table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; position: relative; margin-bottom: -2px; } .widget_calendar th { text-align: center; width: 26px; height: 35px; border: 1px solid #e4e4e4; border-bottom: 0; border-top: 0; vertical-align: middle; padding-right: 0!important; } .widget_calendar th:first-child { border-left: 0; } .widget_calendar th:last-child { border-right: 0; } .widget_calendar tbody tr { height: 35px; } .widget_calendar tbody tr > td { color: #444; text-align: center; border: 1px solid #e4e4e4; vertical-align: middle; padding: 0; } .widget_calendar tbody tr > td:first-child { border-left: 0; } .widget_calendar tbody tr > td:last-child { border-right: 0; } .widget_calendar tbody tr > td a { padding: 6px 0; display: block; } .sidebar .widget_calendar tbody tr > td a:hover { text-decoration: none; } .widget_calendar tbody tr > td.pad { border: 0; border-top: 1px solid #e4e4e4; background: transparent url('images/scanlines_dark.png') repeat 0 0; } .widget_calendar tfoot { position: absolute; top: 2px; width: 100%; display: block; } .widget_calendar tfoot tr { width: 100%; display: block } .widget_calendar tfoot td { padding: 5px 0; border-color: transparent; float: left; } .widget_calendar tfoot td#prev { padding-left: 10px; width: 40px; text-align: left; } .widget_calendar tfoot td#next { padding-right: 10px; width: 40px; text-align: right; float: right; } .sidebar .widget_calendar tfoot a { white-space: nowrap; } .widget_calendar tfoot td a:hover { text-decoration: none; } /* #BuddyPress ================================================== */ #buddypress div.dir-search { margin: 0 0 20px; } #buddypress div.dir-search label { margin-bottom: 0; } #buddypress div.dir-search input[type=text] { margin: 0; } #buddypress div.dir-search input[type="submit"] { margin: 0 0 0 5px; height: 36px; vertical-align: top; } #buddypress div.item-list-tabs ul li.last select, #buddypress form#whats-new-form #whats-new-options select { width: 185px; height: 32px; margin-left: 10px; padding: 0 10px; margin-top: -4px; } #buddypress form#whats-new-form p.activity-greeting { line-height: 1em; } #whats-new-post-in-box { line-height: 24px; } #buddypress form#whats-new-form #whats-new-submit { margin-top: 0; } #buddypress form#whats-new-form #whats-new-submit input[type=submit] { margin-right: 0; margin-bottom: 0; height: 36px; } #buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 { margin-bottom: 1em; } /* #CSS3 Keyframes ================================================== */ @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } @keyframes "circlespin" { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes circlespin { from { -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes "circlespin" { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes "circlespin" { from { -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes "circlespin" { from { -o-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes orbit-bars { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes orbit-bars { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes orbit-bars { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-o-keyframes orbit-bars { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes orbit-bars { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* #Debug ================================================== */ #sf-debug { margin: 0 auto; max-width: 80%; } #sf-debug > textarea { min-height: 800px; margin-bottom: 40px; outline: 0; } /* #Style Switcher ================================================== */ .style-switcher { position: fixed; top: 140px; left: -240px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; z-index: 999; width: 240px; -webkit-transform: translate3d(0,0,0); } .style-switcher h4 { background: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 7px 15px; margin-bottom: 0; line-height: 30px; height: 28px; width: 254px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .switch-button { width: 21px; float: right; font-size: 26px; text-align: center; text-decoration: none; display: block; } .switch-button i { line-height: 16px; display: inline-block; vertical-align: -2px; } .switch-button:hover { cursor: pointer; text-decoration: none; } .switch-cont { width: 240px; background: #222222; height: auto; padding: 10px 0; } .switch-cont h5 { color: #fff; font-size: 12px; font-weight: normal; margin-left: 20px; margin-bottom: 5px; } .switch-cont .ad-select h5 { margin-left: 0; margin-bottom: 10px; text-align: left; } .options { margin-bottom: 15px; height: auto; overflow: hidden; padding: 0 15px 10px; border-bottom: 1px solid #444; } .options .header-select { padding: 5px 10px; margin: 0 5px 10px; width: 205px; height: 38px; } .options li { float: left; display: inline; width: 50%; margin-bottom: 0; text-align: center; } .options.bg-select { margin-bottom: 10px; } .options.bg-select li { width: 37px; margin-right: 5px; margin-bottom: 5px; } .bg-select li img { display: block; width: 27px; height: 27px; border: 1px solid #333 } .options.color-select { margin-bottom: 10px; } .options.color-select li { width: 27px; margin: 4px; } .options.color-select a { width: 100%; height: 27px; display: block; } .options li a { text-decoration: none; color: #fff; padding: 4px; display: block; } .options li a:hover { background-color: #333; } .options li.selected a { background-color: #8dc63f; } .options select { width: 100%; font-size: 12px; height: 26px; margin-bottom: 0; } .options select:focus { outline: none; } .options span { color: #fff; margin: 0 5px; font-size: 12px; float: left; } .layout-select li { width: auto; } .layout-select li:first-child { margin-right: 10px; } .layout-select li img { width: 92px; height: 40px; display: block; } .switch-cont a.many-more { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 8px 12px; margin: 0 20px; display: block; text-align: center; } .many-more:hover { background-color: #333; } .styleswitcher-darkstyle nav .menu li a:hover, .styleswitcher-darkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } .styleswitcher-tbdarkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } @media only screen and (max-width: 1024px) { .style-switcher { display: none; } } /* #Retina Styles ================================================== */ /* * Swift Framework Retina Stylesheet v1.0 * Retina Stylesheet for Retina Dislay Devices * Copyright 2014, Swift Ideas */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #logo img.standard, #logo h1.standard, #mobile-logo img.standard, #mobile-logo h1.standard { display: none; } #logo img.retina, #logo h1.retina, #mobile-logo img.retina, #mobile-logo h1.retina { display: inline-block; } .logo-alt-version #logo img.retina { display: none; } .logo-alt-version .is-sticky #logo img.alt-logo, .logo-alt-version .is-sticky #logo img.standard { display: none; } .logo-alt-version .is-sticky #logo img.retina { display: inline-block; } .fs-aux-open #logo img.standard { display: none!important; } .fs-aux-open #logo img.retina { display: inline-block!important; } .sf-swipe-indicator { background-image: url("images/swipe_indicator@2x.png"); background-size: 76px 76px; } .flex-direction-nav a, .wooslider-direction-nav a, .carousel-wrap a.carousel-next, .carousel-wrap a.carousel-prev { background-image: url('images/showcase-nav@2x.png'); background-size: 76px 38px; } .tp-leftarrow, .tp-leftarrow.large, .tp-leftarrow.square, .tp-leftarrow.round, .tp-rightarrow, .tp-rightarrow.large, .tp-rightarrow.square, .tp-rightarrow.round, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-leftarrow.large, .rev_slider_wrapper > .tp-leftarrow.square, .rev_slider_wrapper > .tp-leftarrow.round, .rev_slider_wrapper > .tp-leftarrow.default, .rev_slider_wrapper > .tp-rightarrow, .rev_slider_wrapper > .tp-rightarrow.large, .rev_slider_wrapper > .tp-rightarrow.square, .rev_slider_wrapper > .tp-rightarrow.round, .rev_slider_wrapper > .tp-rightarrow.default, .thumb-slider .flex-direction-nav a, .item-slider .flex-direction-nav a, .gallery-slider .flex-direction-nav a, .gallery-nav .flex-direction-nav a { background-image: url('images/slider-nav@2x.png'); background-size: 72px 38px; } .widget_calendar tbody tr > td.pad { background-image: url('images/scanlines_dark@2x.png'); background-size: 4px 4px; } .woocommerce p.stars span, .woocommerce-page p.stars span, .woocommerce p.stars span a:hover, .woocommerce-page p.stars span a:hover, .woocommerce p.stars span a:focus, .woocommerce-page p.stars span a:focus, .woocommerce p.stars span a.active, .woocommerce-page p.stars span a.active { background-image: url('images/rating_stars@2x.png'); } } /* #Mobile Styles ================================================== */ .mobile-browser .spb_parallax_asset { background-position: 50% 0!important; } .apple-mobile-browser figure.animated-overlay > img { -webkit-backface-visibility: hidden; } .mobile-browser .portfolio-items .portfolio-item, .mobile-browser .blog-items .blog-item, .mobile-browser .masonry-gallery .gallery-image, .mobile-browser .gallery-items .gallery-item { opacity: 1; } .mobile-browser #sf-home-preloader { display: none!important; } .mobile-browser #site-loading { display: none!important; }