/* Theme Name: Salient Description: Main Salient styles */ /*--------------------------------------------------------------------------- [Table Of Contents] 1. Browser Reset 2. Globally Applied Styles 3. Page Transitions 4. Page Templates 5. Header / Search Bar Styles 6. Row Styles 7. Column Styles 8. Third Party Styling 9. Salient Elements 9.1. Animated Title 9.2. Button 9.3. Call to Action 9.4. Cascading images 9.5. Category Grid 9.6. Clients 9.7. Divider 9.8. Dropcap 9.9. Fancy Box 9.10. Fancy Unordered List 9.11. Flip Box 9.12. Food Menu Item 9.13. Highlighted Text 9.14. Horizontal List Item 9.15. Icon 9.16. Icon List 9.17. Icon with text 9.18. Image Comparison 9.19. Image with animation 9.20. Image with Hotspots 9.21. Interactive Map 9.22. Milestone 9.23. Morphing outline 9.24. Page Submenu 9.25. Pricing Table 9.26. Progress Bar 9.27. Recent Posts 9.28. Split Heading 9.29. Tabbed Section 9.30. Team Member 9.31. Testimonial Slider 9.32. Toggle Panels 9.33. Video Lightbox 9.34. Self Hosted Video Player 9.35. Scrolling Text 9.36. Drag Indicator 10. Page Header 11. Masonry Items / Search Results 12. Blog 12.1. General/Pagination 12.2. Masonry Auto Meta Overlaid 12.3. Masorny Classic Enhanced 12.4. Masonry Meta Overalaid 12.5. Standard Minimal 13. Footer 14. To Top Button 15. Off Canvas / Mobile Menu 16. Sidebar Styles 17. Comment Styles 18. General Form Styles 19. Page Builder Full Width 20. Salient Icons ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } input[type=submit]{ -webkit-appearance:none } html{ overflow-x:hidden; overflow-y:scroll; max-width: 100% } body{ max-width: 100%; overflow-x:hidden; background:white; font-family:'Open Sans',sans-serif; color:#676767; position:relative } ol, ul{ list-style:none } input[type=text]::-ms-clear{ display:none } sup{ font-size:10px; vertical-align:super } sub{ font-size:10px; vertical-align:sub } p:empty{ display:none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Main container */ .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { margin: 0 auto; position: relative; } .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 880px; } .row { position: relative; } /* Self clearing floats - clearfix method */ .row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* Default row styles */ .row, div.clear { padding-bottom: 24px; } /* Column width on displays +690px */ @media (min-width: 690px) { .span_1 { width: 6.5%; } .span_2 { width: 15.0%; } .span_3 { width: 23.5%; } .span_4 { width: 32.0%; } .span_5 { width: 40.5%; } .span_6 { width: 49.0%; } .span_7 { width: 57.5%; } .span_8 { width: 66.0%; } .span_9 { width: 74.5%; } .span_10 { width: 83.0%; } .span_11 { width: 91.5%; } .span_12 { width: 100%; } } /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ body{ font-size:14px; -webkit-font-smoothing: antialiased; font-family:'Open Sans'; font-weight:400; line-height:26px; } body:not(.nectar-no-flex-height) { display: flex; flex-direction: column; min-height: 100vh; } @media only screen and (min-width: 1000px) { body.admin-bar:not(.nectar-no-flex-height) { min-height: calc(100vh - 32px); } } body:not(.nectar-no-flex-height) #ajax-content-wrap, body:not(.nectar-no-flex-height) #ajax-content-wrap .blurred-wrap, body:not(.nectar-no-flex-height) .ocm-effect-wrap, body:not(.nectar-no-flex-height) .ocm-effect-wrap-inner { display: flex; flex-direction: column; flex-grow: 1; } body:not(.nectar-no-flex-height) .container-wrap { flex-grow: 1; } p{ -webkit-font-smoothing: antialiased; } body .ui-widget{ font-family:'Open Sans'; font-weight:400 } .overflow-x-hidden{ overflow-x:hidden } .alignleft{ float:left; margin-right:15px } .alignright{ float:right; margin-left:15px } .aligncenter{ display:block; margin:15px auto } .no-bottom-padding{ padding-bottom:0 } .col.center{ text-align:center } .col.right{ text-align:right } .wp-smiley{ margin-bottom:0 } dt{ font-family:'Open Sans'; font-weight:600; color:#333 } dd{ padding-left:20px } .gallery-caption{ margin-left:0; margin-bottom:10px; padding:0 10px } #wpstats{ display:none } .post-area:not(.masonry) .sticky{ margin-bottom:50px } .post-area:not(.masonry) .sticky .content-inner{ margin-bottom:0; padding-bottom:0; border-bottom:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); background-color:#fff; padding:25px; position:relative } .side-box{ padding:10px 0; margin-bottom:10px; border:1px solid #CCC; background-color:#E6E6E6; text-align:center } .side-box a:link, .side-box a:visited{ font-weight:normal; color:#06c55b; font-size:12px } div[id="wpadminbar"]{ z-index:1000000!important } table{ font-size:12px; margin-bottom:20px } .wp-caption{ max-width:100%; position: relative; } .wp-caption .wp-caption-text{ max-width: 90%; width: auto; margin-left: 5%; display:inline-block; margin-bottom:5px; background-color: #fff; box-shadow: 0 10px 35px rgba(0,0,0,0.1); } .wp-caption .wp-caption-text, .row .col .wp-caption .wp-caption-text { padding: 10px 15px; top: -25px; position: relative; border-left: 4px solid #000; } .wp-caption img, .row .col .wp-caption img { margin-bottom:0; display:block; margin-right: 0; } em{ font-style:italic } caption, th, td{ font-weight:normal; text-align:left } .container-wrap, .project-title{ background-color:#f8f8f8; position:relative; z-index:10; margin-top:0; padding-top:40px; padding-bottom:40px } body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { margin-top:0; padding-top:40px } body.page-template-template-no-header .container-wrap, body.page-template-template-no-header-footer .container-wrap { padding-top: 0; } body[data-smooth-scrolling="0"]{ overflow:hidden } .clear{ clear:both } .subheader{ color:#6F6F6F; margin-bottom:15px } a{ color:#3555ff; text-decoration:none; transition:color 0.3s; -webkit-transition:color 0.3s } a:hover { color:inherit } h1{ font-size:54px; line-height:62px; margin-bottom:7px } h2{ font-size:34px; line-height:44px; margin-bottom:7px } h3{ font-size:22px; line-height:34px; margin-bottom:7px } h4{ font-size:18px; line-height:32px; margin-bottom:7px } h5{ font-size:16px; line-height:26px; margin-bottom:7px } h6{ font-size:14px; line-height:24px; margin-bottom:7px } h1, h2, h3, h4, h5, h6{ color:#444; letter-spacing:0; -webkit-font-smoothing:antialiased; font-family:'Open Sans'; font-weight:600 } .bold, strong, b{ font-family:'Open Sans'; font-weight:600 } .uppercase{ font-weight:700; text-transform:uppercase } .tiny{ font-size:14px; line-height:22px } body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light{ text-transform:none; font-weight:300 } body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo{ font-size:100px; line-height:110px } h1.light{ font-size:34px; margin-bottom:30px } h2.light{ font-size:28px; margin-bottom:30px; letter-spacing:0.5px } h3.light{ font-size:24px; margin-bottom:15px; letter-spacing:0.5px } h4.light{ font-size:18px; margin-bottom:7px; letter-spacing:0.5px } h5.light{ font-size:16px; margin-bottom:7px; letter-spacing:0.5px } h6.light{ font-size:14px; margin-bottom:7px; letter-spacing:0.5px } body h1 em, body h2 em, body h3 em, body h4 em{ font-size:inherit } h1.uppercase{ letter-spacing:3px } h2.uppercase{ letter-spacing:2.5px } h3.uppercase{ letter-spacing:2px } h4.uppercase{ letter-spacing:2px } h5.uppercase{ letter-spacing:1.3px } h6.uppercase{ letter-spacing:1.3px } h1 .nectar-button, h2 .nectar-button, h3 .nectar-button, h4 .nectar-button{ margin-left:13px } .text-align-center{ text-align:center } p{ padding-bottom:27px } .row .col p:last-child{ padding-bottom:0 } .container .row:last-child, .wpb_wrapper .clear{ padding-bottom:0 } .wpb_wrapper >div{ margin-bottom:24px } .wpb_wrapper > div:last-child, .row .wpb_wrapper > img:last-child, .row .wpb_wrapper >.img-with-aniamtion-wrap:last-child img, .row .wpb_wrapper >.img-with-aniamtion-wrap:last-child .hover-wrap { margin-bottom:0 } body .pum-overlay, .pum-overlay .pum-container, .pum-overlay .pum-container .pum-content { line-height: inherit; } blockquote{ font-family:'Open Sans'; font-weight:300; line-height:40px; font-size:22px; padding-left:0; letter-spacing:0.5px; margin-bottom:30px } ul, ol{ margin-left:30px; margin-bottom:30px } li ul, li ol { margin-bottom: 0; } ul li{ list-style:disc; list-style-position:outside } ol li{ list-style:decimal; list-style-position:outside } #header-secondary-outer ul, #header-secondary-outer ol, #header-outer nav > ul, #header-outer ol, #footer-outer ul, #footer-outer ol, #slide-out-widget-area ul, #slide-out-widget-area ol, #search-outer ul, #search-outer ol, #mobile-menu ul, #mobile-menu ol, #header-outer .button_social_group ul { margin: 0; } #header-secondary-outer ul li, #header-secondary-outer ol li, #header-outer ul li, #header-outer ol li, #footer-outer ul li, #footer-outer ol li, #search-outer ul li, #search-outer ol li, #slide-out-widget-area ul li, #slide-out-widget-area ol li, #mobile-menu ul li, #mobile-menu ol li { list-style: none; } .main-content img{ max-width:100%; height:auto } .main-content .col.span_4 .col.span_2 img, .main-content .col.span_3 .col.span_2 img, .main-content .col.span_2 .col.span_2 img, .main-content .col.span_6 .col.span_2 img, .main-content .col.span_4 .col.span_2 i, .main-content .col.span_3 .col.span_2 i, .main-content .col.span_2 .col.span_2 i, .main-content .col.span_6 .col.span_2 i{ top:-4px } .no-transform{ -webkit-transform:inherit!important; transform:inherit!important; } html.no-overflow-y{ overflow-y:hidden!important; } html.no-overflow-y body{ overflow-y:hidden; } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p{ color:#fff } code{ display:block; clear:both; overflow:auto; padding: 1.6em; margin-bottom: 1.6em; white-space:pre; background-color:#f0f0f0; font:14px "Andale Mono",Courier,"Courier New",monospace } pre{ background: #f0f0f0; font-family: "Andale Mono",Courier,"Courier New",monospace; font-size: 14px; font-size: 0.9375rem; padding: 1.6em; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; } .body-border-bottom{ height:20px; width:100%; bottom:0; left:0; position:fixed; z-index:10000; background-color:#fff } .body-border-top{ height:20px; width:100%; top:0; left:0; z-index:10000; position:fixed; background-color:#fff } .admin-bar .body-border-top{ top:32px } .body-border-right{ height:100%; width:20px; top:0; right:0; z-index:10000; position:fixed; background-color:#fff } .body-border-left{ height:100%; width:20px; top:0; left:0; z-index:10000; position:fixed; background-color:#fff } .no-left-margin.first-section{ height:auto!important } .row .col h3, .row .col h4{ margin-bottom:8px } .vc_separator.vc_separator_align_center h4, .vc_separator.vc_separator_align_center h3 { margin-bottom: 0; } .row .col img{ margin-bottom:15px; max-width:100%; height:auto } .row .col img:not([srcset]){ width: auto; } .row .col .wp-block-gallery.is-cropped .blocks-gallery-image img, .row .col .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100%; margin-bottom: 0; } /* gutenberg full width images */ body .container-wrap [class*="wp-block"].alignfull { margin-left: -50vw!important; left: 50%; max-width: 100vw; width: 100vw; position: relative; } body .container-wrap [class*="wp-block"].alignfull img, body .container-wrap [class*="wp-block"].alignwide img { max-width: none; width: 100%; } /* gutenberg default blocks */ blockquote.wp-block-quote { position: relative; padding-left: 1.3em; } blockquote.wp-block-quote:before { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 4px; content: ''; border-left: 4px solid rgba(0,0,0,0.1); } blockquote.wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-style: inherit; font-size: 1em; } blockquote.wp-block-quote p { margin-bottom: 0; } blockquote.wp-block-quote cite { font-size: 14px; line-height: 18px; display: block; } .wpb_text_column >.wpb_wrapper >*:last-child { margin-bottom:0 } .gallery a img{ width:90%; max-width:90%; height:auto; max-height:90%; padding:5px; background-color:#fff; border:1px solid #e5e5e5!important; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } /*-------------------------------------------------------------------------*/ /* 3. Page Transitions /*-------------------------------------------------------------------------*/ #ajax-loading-screen{ background-color:#fff; width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:1000000000 } #ajax-loading-screen .reveal-1, #ajax-loading-screen .reveal-2{ position:absolute; left:100%; top:0; width:100%; height:100% } #ajax-loading-screen[data-effect*="horizontal_swipe"]{ background-color:transparent!important; left:-100% } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-effect*="horizontal_swipe"]{ display:block } body[data-ajax-transitions="true"][data-apte="horizontal_swipe_basic"] #ajax-loading-screen .reveal-2 { display: none; } #ajax-loading-screen.in-from-right{ left:0; } .no-cssanimations #ajax-loading-screen.loaded .reveal-1, .no-cssanimations #ajax-loading-screen.loaded .reveal-2{ display:none } #ajax-loading-screen.loaded .reveal-1{ backface-visibility: hidden; -webkit-animation:nectar-anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:nectar-anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards } #ajax-loading-screen.loaded .reveal-2{ backface-visibility: hidden; -webkit-animation:nectar-anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:nectar-anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-1{ -webkit-animation:nectar-anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:nectar-anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards } body[data-apte="horizontal_swipe_basic"] #ajax-loading-screen.loaded.in-from-right .reveal-1{ -webkit-animation:nectar-anim-effect-2-1 1.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation:nectar-anim-effect-2-1 1.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-2{ -webkit-animation:nectar-anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:nectar-anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"].hidden{ display:none } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"].hidden.loaded.in-from-right { display: block; } @-webkit-keyframes nectar-anim-effect-2-1{ 0%{ -ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 30%, 100%{ -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1) } } @keyframes nectar-anim-effect-2-1{ 0%{ -ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 30%, 100%{ -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1) } } @-webkit-keyframes nectar-anim-effect-2-2{ 0%,14.5%{ -ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 34.5%, 100%{ -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1) } } @keyframes nectar-anim-effect-2-2{ 0%,14.5%{ -ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 34.5%, 100%{ -ms-transform:translate3d(-100%,0,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1) } } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"][data-method="ajax"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"] .loading-icon{ display:block; opacity:1 } #ajax-loading-screen .loading-icon{ background-repeat:no-repeat; background-position:center center; display:block; position:absolute; opacity:0; top:0; left:0; width:100%; height:100% } .default-loading-icon{ top:50%; border-radius:100%; height:40px; width:40px; margin:0 auto; display:block; position:relative; border:3px solid #e5e5e5; margin-top:-20px } .loading-icon .material-icon .spinner{ width:60px; height:60px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto } .loading-icon .material-icon .spinner{ -webkit-animation:material-rotate-all 1s linear infinite; animation:material-rotate-all 1s linear infinite } .loading-icon .material-icon .spinner .right-side, .loading-icon .material-icon .spinner .left-side{ -webkit-animation:material-fade-in-first 1.2s linear infinite alternate; animation:material-fade-in-first 1.2s linear infinite alternate } .loading-icon .material-icon .spinner.color-2 .right-side, .loading-icon .material-icon .spinner.color-2 .left-side{ -webkit-animation:material-fade-in-second 1.2s linear infinite alternate; animation:material-fade-in-second 1.2s linear infinite alternate } .loading-icon .material-icon .right-side, .loading-icon .material-icon .left-side{ width:50%; height:100%; position:absolute; top:0; overflow:hidden } .loading-icon .material-icon .left-side{ left:0 } .loading-icon .material-icon .right-side{ right:0 } .loading-icon .material-icon .bar{ width:100%; height:100%; -webkit-border-radius:200px; border-radius:200px 0 0 200px; border:6px solid #666; position:relative } .loading-icon .material-icon .bar:after{ content:""; width:6px; height:6px; display:block; background:#666; position:absolute; -webkit-border-radius:6px; border-radius:6px } .loading-icon .material-icon .right-side .bar{ -webkit-border-radius:0; border-radius:0 200px 200px 0; border-left:none; -webkit-transform:rotate(-10deg); -webkit-transform-origin:left center; transform:rotate(-10deg); transform-origin:left center; -webkit-animation:material-rotate-right 0.75s linear infinite alternate; animation:material-rotate-right 0.75s linear infinite alternate } .loading-icon .material-icon .right-side .bar:after{ bottom:-6px; left:-3px } .loading-icon .material-icon .left-side .bar{ border-right:none; -webkit-transform:rotate(10deg); transform:rotate(10deg); -webkit-transform-origin:right center; transform-origin:right center; -webkit-animation:material-rotate-left 0.75s linear infinite alternate; animation:material-rotate-left 0.75s linear infinite alternate } .loading-icon .material-icon .left-side .bar:after{ bottom:-6px; right:-3px } @keyframes material-rotate-left{ to{ transform:rotate(30deg) } from{ transform:rotate(175deg) } } @keyframes material-rotate-right{ from{ transform:rotate(-175deg) } to{ transform:rotate(-30deg) } } @keyframes material-rotate-all{ from{ transform:rotate(0deg) } to{ transform:rotate(-360deg) } } @keyframes material-fade-in-first{ from{ opacity:1 } to{ opacity:0 } } @keyframes material-fade-in-second{ from{ opacity:0 } to{ opacity:1 } } .loading-icon .material-icon{ top:50%; height:65px; width:65px; position:relative; margin:-32px auto 0 auto; display:block } .default-loading-icon:before{ position:absolute; content:""; border-color:rgba(0,0,0,1) transparent transparent; border-radius:100%; border-style:solid; border-width:3px; display:block; height:100%; width:100%; top:-3px; left:-3px } .loading-icon.spin, .portfolio-loading.spin, .pp_loaderIcon.spin, .default-loading-icon.spin{ animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation; -webkit-animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation } .default-skin-loading-icon{ width:100%; height:100%; background-position:center; display:block; background-repeat:no-repeat; background-image:url("../img/icons/loading-white-bg.gif") } @keyframes spinning_animation{ 0%{ transform:scale(1) rotate(0deg); } 50%{ transform:scale(0.8) rotate(360deg); } 100%{ transform:scale(1) rotate(720deg); } } @-webkit-keyframes spinning_animation{ 0%{ -webkit-transform:scale(1) rotate(0deg) } 50%{ -webkit-transform:scale(0.8) rotate(360deg) } 100%{ -webkit-transform:scale(1) rotate(720deg) } } @keyframes bounce_in_animation{ 0%{ transform:scale(0,0); } 20%{ transform:scale(1.4,1.4); } 50%{ transform:scale(0.8,0.8); } 85%{ transform:scale(1.1,1.1); } 100%{ transform:scale(1,1); } } @-webkit-keyframes bounce_in_animation{ 0%{ -webkit-transform:scale(0,0) } 20%{ -webkit-transform:scale(1.4,1.4) } 50%{ -webkit-transform:scale(0.8,0.8) } 85%{ -webkit-transform:scale(1.1,1.1) } 100%{ -webkit-transform:scale(1,1) } } @keyframes grow_in_animation{ 0%{ transform:scale(0,0); } 100%{ transform:scale(1,1); } } @-webkit-keyframes grow_in_animation{ 0%{ -webkit-transform:scale(0,0) } 100%{ -webkit-transform:scale(1,1) } } body #ajax-loading-screen[data-effect="center_mask_reveal"]{ background-color:transparent } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="center_mask_reveal"].hidden{ display:none } #ajax-loading-screen[data-effect="center_mask_reveal"] span{ position:absolute; background:#fff; z-index:100; -webkit-transition:0.8s cubic-bezier(0.12,0.75,0.4,1); transition:0.8s cubic-bezier(0.12,0.75,0.4,1) } #ajax-loading-screen .mask-top{ top:0; left:0; height:50%; width:100% } #ajax-loading-screen .mask-right{ top:0; right:0; height:100%; width:50% } #ajax-loading-screen .mask-bottom{ bottom:0; right:0; height:50%; width:100% } #ajax-loading-screen .mask-left{ top:0; left:0; height:100%; width:50% } #ajax-loading-screen.loaded .mask-top{ -webkit-transform:translateY(-100%) translateZ(0); -ms-transform:translateY(-100%) translateZ(0); transform:translateY(-100%) translateZ(0) } #ajax-loading-screen.loaded .mask-right{ -webkit-transform:translateX(100%) translateZ(0); -ms-transform:translateX(100%) translateZ(0); transform:translateX(100%) translateZ(0) } #ajax-loading-screen.loaded .mask-bottom{ -webkit-transform:translateY(100%) translateZ(0); -ms-transform:translateY(100%) translateZ(0); transform:translateY(100%) translateZ(0) } #ajax-loading-screen.loaded .mask-left{ -webkit-transform:translateX(-100%) translateZ(0); -ms-transform:translateX(-100%) translateZ(0); transform:translateX(-100%) translateZ(0) } #ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade span, #ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade.loaded span { width:100%; height:100%; top:0; left:0; -webkit-transform:none; transform:none; } /*-------------------------------------------------------------------------*/ /* 4. Page Templates /*-------------------------------------------------------------------------*/ #error-404{ text-align:center; padding: 10% 0; position: relative; z-index: 10; } body.error { padding: 0; } body #error-404[data-cc="true"] h1, body #error-404[data-cc="true"] h2, body #error-404[data-cc="true"] p { color: inherit; } body.error404 .error-404-bg-img, body.error404 .error-404-bg-img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; z-index: 1; } body.error404 .error-404-bg-img-overlay { opacity: 0.8; } body #error-404 h1, body #error-404 h2 { font-family:'Open Sans'; font-weight:700 } body #ajax-content-wrap #error-404 h1 { font-size:250px; line-height:250px; } body #ajax-content-wrap #error-404 h2 { font-size:54px; } .woocommerce-page .woocommerce p.cart-empty { font-size:54px; font-family:'Open Sans'; font-weight:700 } body #error-404 .nectar-button { margin-top: 50px; } body.page-template-page-sidebar-php .main-content >.row >.post-area, body.page-template-page-sidebar-php .main-content >.row >#sidebar, body.page-template-page-left-sidebar-php .main-content >.row >.post-area, body.page-template-page-left-sidebar-php .main-content >.row >#sidebar{ margin-top:30px } .container-wrap .row >.wpb_row:last-child, .home-wrap .row >.wpb_row:last-child, #portfolio-extra >.wpb_row:last-child { margin-bottom:0 } .wpb_row, .wpb_content_element { margin-bottom: 35px; } body[data-bg-header="true"] .container-wrap, body.single-portfolio .container-wrap, body.page-template-template-portfolio-php .container-wrap, body.tax-project-type .container-wrap{ padding-top:25px; margin-top:0!important; padding-bottom:40px } body.search-results .container-wrap, body[data-header-resize="1"].search-results .container-wrap { padding-top: 50px; } body.search #page-header-bg { height: 250px; } body.search #page-header-bg h1 { font-size: 40px; line-height: 50px; padding: 0; } body.search #page-header-bg h1 span { color: inherit; } body.search-no-results[data-header-resize] .container-wrap { padding: 8% 0; } @media only screen and (max-width: 690px) { body.search-no-results[data-header-resize] .container-wrap { padding: 14% 0; } } body.search-no-results #search-results .search-form { position: relative; } body.search-no-results #search-results .search-form button[type=submit] { position: absolute; right: 0; top: 0; margin: 0; } @media only screen and (min-width: 1000px) { body.search-no-results:not(.post-type-archive) .container-wrap:not([data-layout="default"]) .container.main-content { max-width: 1000px; } body.search-results[data-ext-responsive="true"] #search-results[data-layout="list-no-sidebar"] { max-width: 1000px; margin: 0 auto; } } body.search-no-results #search-results input[type=text] { padding-right: 60px; } /*-------------------------------------------------------------------------*/ /* 5. Header / Search Bar Styles /*-------------------------------------------------------------------------*/ /* Secondary Header Layout - See css/header/header-secondary-nav.css */ #header-space{ height:90px; background-color: #fff; } body[data-header-color="dark"] #header-space { background-color: #000; } #header-outer{ width:100%; top:0; left:0; position:fixed; padding:28px 0 0 0; background-color:#fff; z-index:9999; overflow:visible } #header-outer[data-box-shadow="small"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="1"]:not(.transparent){ -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.22); box-shadow:0 0 3px 0 rgba(0,0,0,0.22); } #header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) { -webkit-box-shadow:0 3px 45px rgba(0,0,0,0.15); box-shadow:0 3px 45px rgba(0,0,0,0.15); } body.page-template-template-no-header #header-outer, body.page-template-template-no-header-footer #header-outer { visibility: hidden; } body[data-transparent-nav="1"][data-header-color="light"] #header-outer{ background-color:rgba(255,255,255,0.965) } body[data-header-color="dark"] #header-outer, body[data-header-color="dark"] #search-outer{ background-color:#000; -webkit-box-shadow:none; box-shadow:none; } body[data-header-color="dark"] #top nav ul li a, body[data-header-color="dark"] #search-outer input, body[data-header-color="dark"] #top #logo, body[data-header-color="dark"] #top nav ul #nectar-user-account a span, body[data-header-color="dark"] #top nav ul #search-btn a span, body[data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { color:#A0A0A0 } body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines:after, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines:before, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle .lines-button:after{ background-color:#A0A0A0 } .admin-bar #header-outer, .logged-in.buddypress #header-outer{ top:32px } #top #logo{ width:auto; max-width:none; display:block; line-height:22px; font-size:22px; letter-spacing:-1px; color:#444; font-family:'Open Sans'; font-weight:600 } #top #logo .retina-logo, #top .span_3 #logo .mobile-only-logo { display:none } #top #logo .starting-logo{ position:absolute; top:0; opacity:0; left:0 } #top #logo:hover, #top #logo:focus{ color:#000 } #top #logo img{ text-indent:-9999px; max-width:none; width:auto; margin-bottom:0; display:block; transition:opacity 0.4s ease } #header-outer[data-transparent-header="true"] #top #logo img.stnd { position: relative; } #top{ position:relative; z-index:9998; width:100% } #top .container .row{ padding-bottom:0 } #top nav >ul{ overflow:visible; transition:padding 0.8s ease,margin 0.25s ease; min-height:1px; line-height:1px } #top nav .no-menu-assigned{ visibility:hidden } body:not(.ascend) #top nav >.buttons, body.ascend #header-outer[data-full-width="false"] #top nav >.buttons, #header-outer[data-format="centered-menu-under-logo"] #top nav >.buttons{ margin-left:15px } body #header-outer[data-full-width="false"][data-has-buttons="no"]:not([data-format="left-header"]) #top nav >.buttons { margin-left: 0; } body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn{ margin-left:22px } #top nav >.buttons{ transition:padding 0.8s ease } #top nav >ul .slide-out-widget-area-toggle{ transition:margin 0.25s ease } .side-widget-open #top nav >ul .slide-out-widget-area-toggle{ transition:margin 0.75s ease } #header-outer[data-transparency-option="1"][data-full-width="true"].side-widget-open{ box-shadow:none } #header-outer.side-widget-open.hidden-menu #top nav >.sf-menu li, #header-outer.hidden-menu-items #top nav >.sf-menu li:not(#social-in-menu){ transition:opacity 0.75s ease } body:not(.material) #header-outer[data-format="centered-menu"].side-widget-open #top nav >.sf-menu:not(.buttons) li, body:not(.material) #header-outer.side-widget-open.hidden-menu #top nav >.sf-menu:not(.buttons) li, body:not(.material) #header-outer.side-widget-open.hidden-menu-items #top nav >.sf-menu:not(.buttons) li:not(#social-in-menu){ opacity:0 } .side-widget-open.no-bg-color { border-color:transparent!important } #header-outer #top nav >.buttons{ right:0; height:100%; overflow:hidden } body #header-outer[data-using-pr-menu="true"] #top nav >.buttons{ display:block; overflow:visible } body.material #header-outer[data-using-pr-menu="true"] #top nav >.buttons{ display: -webkit-flex; display: -ms-flexbox; display: flex; } .woocommerce #header-outer .cart-notification .item-name, #header-outer .woocommerce-page .cart-notification .item-name{ color:#999 } #top nav ul li{ float:right } #top nav > ul > li{ float:left } #top nav >ul >li >a, .pull-left-wrap > ul > li > a{ padding:0 10px 0 10px; display:block; color:#676767; font-size:14px; line-height:20px; -webkit-transition:color 0.1s ease; transition:color 0.1s linear } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a{ -webkit-transition:color 0.2s ease; transition:color 0.2s ease } /* Centered Bottom Bar Layout - See css/header/header-layout-centered-bottom-bar.css */ /* Left Header Layout - See css/header/header-layout-left.css */ /* Centered Menu Layout */ #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) { left:0; position:relative; text-align:center; width:100%; z-index:1 } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >li{ float:none; display:inline-block } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >.megamenu{ position:static } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >li ul{ text-align:left } #header-outer[data-format="centered-menu"] #top nav >.buttons, #header-outer[data-format="centered-menu"] #top .span_3{ z-index:10; position:absolute } #header-outer[data-format="centered-menu"] #top .span_3{ left:0 } /* Left Aligned Menu */ #header-outer[data-format="menu-left-aligned"] .row .col.span_3{ margin-right:25px } #header-outer[data-format="menu-left-aligned"] .row .col.span_9{ float:left } #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items{ float:right } body #header-outer[data-full-width="true"] #top nav >.buttons{ margin-left:0 } /* Centered Menu Under Logo */ #header-outer[data-format="centered-menu-under-logo"] #top nav{ display:inline-block } #header-outer[data-format="centered-menu-under-logo"] .span_9{ text-align:center; line-height:1px } body.original #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.original #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3, body.ascend #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.ascend #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3, body.material #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.material #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3 { display:block; float:none; width:100%!important } body #header-outer[data-format="centered-menu-under-logo"] .span_3{ text-align:center } #header-outer[data-format="centered-menu-under-logo"] #top nav >.sf-menu >li ul { text-align:left } #header-outer[data-format="centered-menu-under-logo"] #top .span_9{ position:relative } #header-outer[data-format="centered-menu-under-logo"] .cart-menu{ -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); top:50% } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a { padding-top:0; padding-bottom:20px } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #search-btn, #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #nectar-user-account, #header-outer[data-format="centered-menu-under-logo"] #top nav >ul .slide-out-widget-area-toggle { padding-top:0; padding-bottom:0 } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #social-in-menu a { margin-top:0; margin-bottom:20px } #header-outer[data-format="centered-menu-under-logo"] #top #logo img{ margin:0 auto 0 auto } #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo{ position:absolute; margin-bottom:0; left:50%; -webkit-transform:translateX(-50%) translateZ(0); transform:translateX(-50%) translateZ(0); } @media only screen and (min-width: 1000px) { #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo{ top:0; } } @media only screen and (max-width: 999px) { #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo { left: 0; -webkit-transform: none; transform: none; } } /* Centered Logo Between Menu */ #header-outer[data-format="centered-logo-between-menu"] .cart-menu-wrap{ z-index:10000 } @media only screen and (min-width:1000px){ #header-outer[data-format="centered-logo-between-menu"] nav{ visibility:hidden } } #header-outer[data-format="centered-logo-between-menu"] .span_3{ position:absolute; left:50%; margin-right:0 } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo.no-image{ -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img{ -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); } #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9, #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) { left:0; position:relative; text-align:center; width:100%; z-index:1 } body #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) { position:static } #header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons, #header-outer[data-format="centered-logo-between-menu"] #top .span_3{ z-index:10; position:absolute } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li ul{ text-align:left } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li{ float:none; } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >.megamenu{ position:static } #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu{ position:absolute; left:0 } /* Header button styles */ #top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a:before, #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before { display:block; position:absolute; left:0; padding-bottom:10px; -webkit-transform:translateY(-7px); -ms-transform:translateY(-7px); transform:translateY(-7px); width:100%; height:24px; content:' '; z-index:-1; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease } body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:before { top: 6px; } body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:after { top: -6px; } #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before, #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top: 50%; } #header-outer[data-format="centered-menu-under-logo"] #top nav >ul >li[class*="button_"] >a:before, #header-outer[data-format="centered-menu-bottom-bar"] #top nav >ul >li[class*="button_"] >a:before, #header-outer[data-format="centered-menu-bottom-bar"] #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before { -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px); } #header-outer[data-header-button_style="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover:before, #header-outer[data-header-button_style="default"].transparent #top nav >ul >li[class*="button_solid_color"] >a:hover:before{ opacity:0.85!important } #header-outer[data-header-button_style="shadow_hover_scale"] #top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer[data-header-button_style="shadow_hover_scale"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before { box-shadow: 0px 10px 25px rgba(0,0,0,0.13); } #header-outer[data-header-button_style*="hover_scale"] #top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer[data-header-button_style*="hover_scale"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before { -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; transform-origin: top; } #header-outer[data-header-button_style*="hover_scale"]:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav li[class*="button_solid_color"] >a:hover:before, #header-outer[data-header-button_style*="hover_scale"]:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover:before { -webkit-transform: scale(1.1) translateY(-50%); transform: scale(1.1) translateY(-50%); } #header-outer[data-header-button_style*="hover_scale"][data-format="centered-menu-bottom-bar"] #top nav >ul >li[class*="button_"] >a:hover:before, #header-outer[data-header-button_style*="hover_scale"][data-format="centered-menu-under-logo"] #top nav >ul >li[class*="button_"] >a:hover:before, #header-outer[data-header-button_style*="hover_scale"][data-format="centered-menu-under-logo"] #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover:before, #header-outer[data-header-button_style*="hover_scale"][data-format="centered-menu-bottom-bar"] #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover:before{ -webkit-transform: scale(1.1) translateY(-9px); transform: scale(1.1) translateY(-9px); } #top nav >ul >li[class*="button_bordered"] >a:before, #header-outer.transparent #top nav >ul >li[class*="button_bordered"] >a:before{ border:2px solid #fff; display:block; position:absolute; left:0; padding-bottom:10px; -webkit-transform:translateY(-7px); -ms-transform:translateY(-7px); transform:translateY(-7px); width:100%; height:34px; content:' '; z-index:-1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:border-color 0.2s ease; transition:border-color 0.2s ease; } #top nav >ul >li[class*="button_bordered"] >a:before{ border-color:rgba(0,0,0,0.4) } .light-text #top nav >ul >li[class*="button_bordered"] >a:before{ border-color:#fff } #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"].current_page_ancestor >a, #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"].current-menu-ancestor >a, #header-outer #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="default"] #top nav .sf-menu > [class*="button_solid_color"].sfHover:not(#social-in-menu) > a, #header-outer #top nav >ul >li[class*="button_solid_color"] >a .sf-sub-indicator i, #header-outer #top .sf-menu > li[class*="button_solid_color"].sfHover > a .sf-sub-indicator i, #header-outer #top .sf-menu > li[class*="button_solid_color"]:hover > a .sf-sub-indicator i { color:#fff!important; } #top nav >ul >li[class*="button_solid_color"] >a, body #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a, #header-outer.transparent.dark-slide > #top nav .sf-menu > li[class*="button_solid_color"].sfHover > a, #header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer[data-lhe="default"].transparent.dark-slide #top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer.dark-text #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="default"] #top nav .sf-menu .current_page_item[class*="button_solid_color"] >a, #header-outer.transparent.dark-slide >#top nav >ul >li[class*="button_solid_color"] >a:hover{ color:#fff!important; opacity:1!important; padding-left:20px; padding-right:20px; } #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"].sfHover > a { color: #fff!important; } #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_bordered"] > a, #top nav >ul >li[class*="button_bordered"] >a, body #header-outer.transparent #top nav >ul >li[class*="button_bordered"] >a, #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_bordered"] >a, #header-outer[data-lhe="default"] #top nav ul li[class*="button_bordered"] a:hover{ padding-left:20px; padding-right:20px; } body[data-header-search="false"][data-full-width-header="false"] #header-outer[data-lhe="animated_underline"][data-format="default"][data-cart="false"] #top nav >ul >li:last-child >a, body[data-header-search="false"][data-user-set-ocm="off"] #header-outer[data-lhe="animated_underline"][data-format="centered-menu"][data-cart="false"] #top nav >.buttons >li:last-child >a, body[data-header-search="false"][data-user-set-ocm="off"] #header-outer[data-lhe="animated_underline"][data-format="menu-left-aligned"][data-cart="false"] #top nav >.buttons >li:last-child >a{ margin-right:0 } #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a { padding: 0 18px; display: block; position: relative; } #header-outer #top nav .slide-out-widget-area-toggle[data-custom-color="true"]:not(.mobile-icon) a:not(.using-label) { width: 22px; } .original #header-outer #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a, .ascend #header-outer #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a, .original .slide-out-widget-area-toggle[data-custom-color="true"].mobile-icon a > span, .ascend .slide-out-widget-area-toggle[data-custom-color="true"].mobile-icon a > span { height: 22px; } /* Header text hover effects */ #header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) >a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:after { -ms-transition:-webkit-transform .3s ease-out,border-color .3s ease-out; -webkit-transition:-webkit-transform .3s ease-out, border-color .3s ease-out; transition:transform .3s ease-out,border-color .3s ease-out; position:absolute; display:block; bottom:-6px; left:0; width:100%; -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); border-top:2px solid #000; content:''; padding-bottom:inherit } #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a { position: relative; } body:not(.material) #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:after { bottom: -9px; } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:hover:after, #header-outer[data-lhe="animated_underline"] #top nav >ul >.sfHover >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current_page_ancestor >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-ancestor >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-item >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current_page_item >a:after, #header-outer[data-lhe="animated_underline"] .buttons .current-menu-item >a:after, #header-outer[data-lhe="animated_underline"] .buttons .current-menu-ancestor >a:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:hover:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:focus:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after, body.material #slide-out-widget-area[class="slide-out-from-right"] .off-canvas-menu-container li a:focus:after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item > a:after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:hover:after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:focus:after { backface-visibility: hidden; -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1) } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a{ padding-left:0; padding-right:0; margin-right:10px; margin-left:10px } #top nav ul li a{ color:#999 } /* Menu Dropdown Style */ .sf-menu{ line-height:1; float:left; margin-bottom:30px } .sf-menu ul li{ font-weight:normal; width:100% } #header-outer .sf-menu >li:hover >ul, #header-outer .sf-menu >.sfHover >ul{ top: 100% } .sub-menu{ z-index:3 } .sf-menu li:hover, .sf-menu .sfHover, .sf-menu:not(.buttons) a:focus, .sf-menu a:hover, .sf-menu a:active{ outline:0 none } .sf-menu ul li a{ margin:0; } .sf-sub-indicator{ display:inline-block; width:10px; position:relative; left:8px; height:10px } .sf-sub-indicator i{ width:8px } .sf-sub-indicator [class^="icon-"], body .sf-sub-indicator [class*=" icon-"]{ color:#888; font-size:12px; line-height:16px; height:auto; background-color:transparent } .material .sf-menu > li > a > .sf-sub-indicator i { font-size: 16px; } .sf-shadow .sf-shadow-off{ background:none repeat scroll 0 0 transparent } .sf-vertical, .sf-vertical li { width:100% } .sf-vertical li:hover ul, .sf-vertical .sfHover ul{ left:100%; top:0 } .sf-menu, .sf-menu *{ list-style:none outside none; margin:0; padding:0; z-index:10 } .sf-menu{ line-height:1 } .sf-menu ul{ position:absolute; top:-999em; } .sf-menu ul li, .sf-menu ul li li{ font-size:12px; width:100% } .sf-menu li:hover{ visibility:inherit } .sf-menu li{ float:left; line-height:0; font-size:12px; position:relative } .sf-menu a{ display:block; position:relative; text-decoration:none } .sf-menu li:hover ul, .sf-menu .sfHover ul { z-index:999 } .sf-menu li li:hover ul, .sf-menu li .sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li .sfHover ul { left:20em; top:0 } .sf-menu .sf-with-ul a{ min-width:1px; } #header-outer .sf-menu li ul li a{ font-size:12px; line-height:13px; transition:none; letter-spacing:0; } .sf-menu li ul li .sf-sub-indicator{ right:14px; left:auto; top:14px; display:block; position:absolute } .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a{ box-shadow:none } .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active{ border-radius:0 0 0 0; box-shadow:none; text-shadow:none } body #top nav >ul >li >.temp-hidden-display, body #header-secondary-outer nav >ul >li >.temp-hidden-display{ display:block!important; opacity:0; left:0!important; right:auto!important } body #top nav >ul >.edge >ul, body #header-secondary-outer nav >ul >.edge >ul{ left:auto; right:0 } body #top nav >ul >li .edge >ul, body #header-secondary-outer nav >ul >li .edge >ul{ left:auto; right:0 } #top .span_9{ position:static } #header-outer #top nav >ul >.megamenu{ position:inherit } #top nav >ul >.megamenu >.sub-menu{ width:100%; left:0; padding:15px 0; display:table; background-color:#1C1C1C } body .no-transition, #header-outer[data-megamenu-rt="1"].no-transition, #header-outer[data-megamenu-rt="1"].no-transition a:not(#logo), #header-outer[data-megamenu-rt="1"].no-transition img, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-search, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-m-user, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-cart, .ascend #header-outer[data-megamenu-rt="1"].no-transition .has_products .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines:after, #header-outer[data-megamenu-rt="1"].no-transition .lines-button:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul li a > .sf-sub-indicator i, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul #search-btn a:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul #nectar-user-account a:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a:after, #header-outer[data-megamenu-rt="1"].no-transition .cart-menu:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav >ul >li[class*="button_bordered"] >a:not(:hover):before, #header-outer[data-megamenu-rt="1"].no-transition.transparent #top nav >ul >li[class*="button_bordered"] >a:not(:hover):before, body #slide-out-widget-area-bg.fullscreen-alt.open.no-transition, body #slide-out-widget-area-bg.fullscreen-alt.no-transition, .page-submenu.no-trans, .sf-menu >.no-trans >ul, body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open), .posts-container article.ajax-loaded, body[data-button-style="slightly_rounded_shadow"] .nectar-button.wpb_start_animation, body[data-button-style="rounded_shadow"] .nectar-button.wpb_start_animation, .post-area.masonry { -webkit-transition:none!important; transition:none!important } .material #header-outer[data-megamenu-rt="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]).no-transition #logo img, .material #header-outer[data-megamenu-rt="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]).no-transition .logo-spacing img { -webkit-transition: height 0.15s ease!important; transition: height 0.15s ease!important; } .material #header-outer[data-megamenu-rt="1"]:not([data-format="left-header"]).no-transition #logo img, .material #header-outer[data-megamenu-rt="1"]:not([data-format="left-header"]).no-transition .logo-spacing img { -webkit-transition: height 0.32s ease!important; transition: height 0.32s ease!important; } #header-outer[data-megamenu-rt="1"].no-transition li[class*="button_"] a:hover{ -webkit-transition:opacity 0.2s ease,color 0.2s ease!important; transition:opacity 0.2s ease,color 0.2s ease!important } #header-outer[data-lhe="animated_underline"][data-megamenu-rt="1"].no-transition #top nav >ul >li:not([class*="button_"]) >a:after{ -webkit-transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out } #top nav >ul >.megamenu >.sub-menu{ display:table } #top nav >ul >.megamenu >.sub-menu{ padding:30px 0 } #top nav >ul >.megamenu >ul >li{ padding:0 0 0 30px; border:none } #top nav >ul >li >ul >li, #header-outer[data-format="centered-menu"] #top nav >ul >li >ul >li, #header-secondary-outer .sf-menu > li > ul > li, #header-outer .widget_shopping_cart .cart_list, #header-outer .widget_shopping_cart .total, #header-outer .widget_shopping_cart .buttons{ opacity:0; -ms-transform:translateY(13px); -webkit-transform:translateY(13px); transform:translateY(13px); -ms-transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); -webkit-transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1) } #top nav >ul >.sfHover >ul >li, #header-secondary-outer .sf-menu > .sfHover > ul > li, #header-outer[data-format="centered-menu"] #top nav >ul >.sfHover >ul >li, #header-outer .widget_shopping_cart.open .cart_list, #header-outer .widget_shopping_cart.open .total, #header-outer .widget_shopping_cart.open .buttons{ opacity:1; -ms-transform:translateY(0px); -webkit-transform:translateY(0px); transform:translateY(0px) } #header-outer .widget_shopping_cart .cart_list, #header-outer .widget_shopping_cart, .wpcf7-form-control-wrap, .nectar-social.full-width >* { display:block!important } #top nav >ul >.megamenu >ul >li:last-child{ padding-right:30px } [data-megamenu-width="full-width"] #top nav >ul >.megamenu >ul >li{ padding:0 30px 0 0 } [data-megamenu-width="full-width"] #top nav >ul >.megamenu >ul >li:last-child{ padding:0 } #top nav >ul >.megamenu >ul >li >ul{ margin:0; padding:0 } #top nav >ul >.megamenu >ul >li{ width:33.33% } #header-outer #top nav >ul >.megamenu >ul >li { display:table-cell; float:none; } #top nav >ul >.megamenu.columns-2 >ul >li{ width:50% } #top nav >ul >.megamenu.columns-3 >ul >li{ width:33.33% } #top nav >ul >.megamenu.columns-4 >ul >li{ width:25% } #top nav >ul >.megamenu.columns-5 >ul >li{ width:20% } #top nav >ul >.megamenu.columns-6 >ul >li{ width:16.66% } #top nav >ul >.megamenu >ul >li ul{ display:block!important; top:0!important; width:100%; opacity:1!important; left:0!important; box-shadow:none; position:relative } #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ margin-left:0; padding-right:0; padding-left:0 } #top nav >ul >.megamenu ul li{ float:none } #top nav >ul >.megamenu ul li a{ border-bottom:none; padding:9px 15px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a{ font-family:'Open Sans'; font-weight:700; font-size:12px; text-transform:uppercase; margin-bottom:7px; letter-spacing:2px; } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a{ color:#444 } body[data-header-color="dark"]:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body[data-header-color="dark"]:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a { color: #fff; } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ padding-bottom:15px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ padding-bottom:20px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul:last-child >ul{ padding-bottom:0 } #top nav >ul >.megamenu >.sub-menu >li a, body #top nav >ul >.megamenu >.sub-menu >li a, body #header-outer #top nav >ul >.megamenu >.sub-menu >li >a, #top nav >ul >.megamenu >ul >li >a:hover, #top nav >ul >.megamenu >ul >.sfHover >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul.current-menu-item >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a{ background-color:transparent!important } #header-secondary-outer .sf-menu li ul li a, #top .sf-menu li ul li a { background-color:transparent } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul ul li a:hover, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul ul .current-menu-item > a{ color:#CCC; background-color:#000 } #top .menu-item-language .iclflag, #header-secondary-outer .menu-item-language .iclflag{ top:1px; position:relative; margin-right:4px } .sf-menu >li >ul{ opacity:0; pointer-events:none; -ms-transition:none; -webkit-transition:none; transition:none; display:block; -webkit-box-shadow:0 19px 35px rgba(0,0,0,0.11); box-shadow:0 19px 35px rgba(0,0,0,0.11); } .sf-menu >li ul{ padding:20px; width:20em } .sf-menu >li ul a, #top nav >ul >.megamenu ul li a{ padding:6px 6px } .sf-menu li ul li .sf-sub-indicator{ top:6px; right:6px } body[data-header-color="light"]:not([data-header-format="left-header"]) #header-outer:not(.transparent) .sf-menu >li ul{ border-top:1px solid #e9e9e9 } #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu >li:not(.megamenu) ul{ border-top:none } #header-outer .open.widget_shopping_cart{ -ms-transform:translateY(0px); -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1; top: 100%; pointer-events:auto } #header-outer .cart-outer .cart-notification { top: 100%; } #header-outer .widget_shopping_cart{ -ms-transition:none; -webkit-transition:none; transition:none; opacity:0; pointer-events:none } .sf-menu >.sfHover{ z-index:500 } #header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #top .sf-menu li ul, #top nav >ul >.megamenu >.sub-menu, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .widget_shopping_cart_content { background-color:#fff } #header-outer .cart-outer .widget_shopping_cart > .widgettitle { display: none; } body[data-header-color="dark"] #header-secondary-outer .sf-menu li ul, body[data-header-color="dark"]:not([data-header-format="left-header"]) #top .sf-menu li ul, body[data-header-color="dark"] #top nav >ul >.megamenu >.sub-menu, body[data-header-color="dark"] #header-outer .widget_shopping_cart .cart_list li, body[data-header-color="dark"] #header-outer .cart-notification, body[data-header-color="dark"] #header-outer .widget_shopping_cart_content { background-color:#000 } #header-outer nav ul li li:hover >a .sf-sub-indicator i, #header-outer nav ul li .sfHover >a .sf-sub-indicator i, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a .sf-sub-indicator i, #header-outer:not([data-format="left-header"]) #top nav >ul >.megamenu ul ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >.megamenu ul ul .current-menu-ancestor >a, #header-outer #top nav > ul >.megamenu > ul ul .sfHover >a, #header-outer #top nav > ul >.megamenu > ul ul li a:hover, #header-outer #top nav > ul >.megamenu > ul ul li a:focus, body:not([data-header-format="left-header"]) #header-outer #top nav >ul >.megamenu >ul ul .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .sfHover >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a { color:#fff } #header-outer .widget_shopping_cart, .woocommerce .cart-notification, #header-outer .cart-notification{ -webkit-box-shadow:0 19px 35px rgba(0,0,0,0.11); box-shadow:0 19px 35px rgba(0,0,0,0.11); } #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .cart_list a:hover { background-color: transparent!important; } #header-outer .widget_shopping_cart a.button:hover, .nectar-slide-in-cart .widget_shopping_cart a.button:hover{ background-color:#333!important } #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .sfHover >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a{ background-color:#27CCC0 } #header-outer .sf-menu li ul li a, #header-outer .widget_shopping_cart .quantity, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .total, #header-outer .total strong, #header-outer .product_list_widget li dl dd{ color:#999 } #header-outer #top nav >ul >.megamenu:hover ul li{ pointer-events:auto } .sf-menu .megamenu li ul{ -webkit-transform:none; transform:none; -webkit-box-shadow:none; box-shadow:none } #header-outer #top .sf-menu .megamenu li ul, [data-header-color="light"] #header-outer:not(.transparent) .sf-menu > .megamenu li ul { border-top:0; } #header-secondary-outer .sf-menu li li ul { margin-left:-20px; margin-top:-20px; } .sf-menu li li ul{ display:block; visibility:visible; top:0!important; z-index:auto; left:20em; margin-left:-20px; margin-top:-20px; -ms-transition:transform 0.25s,opacity 0.25s; -webkit-transition:transform 0.25s,opacity 0.25s; transition:transform 0.25s,opacity 0.25s; -webkit-box-shadow:0 19px 35px rgba(0,0,0,0.11); box-shadow:0 19px 35px rgba(0,0,0,0.11); opacity:0; pointer-events:none; -ms-transform:translateX(25px); -webkit-transform:translateX(25px); transform:translateX(25px); } #header-secondary-outer .sf-menu li li .on-left-side, #header-secondary-outer sf-menu li .sfHover .on-left-side, .sf-menu li li .on-left-side, .sf-menu li .sfHover .on-left-side { right:20em; left: auto; margin-right: -20px; margin-left: 0; } .sf-menu .sfHover >.on-left-side { -ms-transform:translateY(0px) translateX(0px); -webkit-transform:translateY(0px) translateX(0px); transform:translateY(0px) translateX(0px); } body[data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul, body[data-header-color="custom"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul { margin-top: -21px; } body[data-header-color="light"] #header-secondary-outer .sf-menu > li:not(.megamenu) li ul, body[data-header-color="light"] .sf-menu > li:not(.megamenu) li ul, body[data-header-color="light"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul, body[data-header-color="custom"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul { margin-top:-20px } .sf-menu ul li a{ border-bottom:0 } .sf-menu .sfHover > ul { pointer-events:auto; opacity:1; -ms-transform:translateY(0px) translateX(0px); -webkit-transform:translateY(0px) translateX(0px); transform:translateY(0px) translateX(0px); } .sf-menu > li.sfHover:not(.megamenu) > ul:not(.on-left-side) { left: 0; } #header-outer:not([data-format="left-header"]) #logo, #header-outer:not([data-format="left-header"]) .logo-spacing { transition: margin 0.32s ease; } #header-outer:not([data-format="left-header"]) #logo img, #header-outer:not([data-format="left-header"]) .logo-spacing img { transition: height 0.32s ease, opacity 0.2s ease; } #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo, #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing { transition: margin 0.15s ease; } #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img, #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing img { transition: height 0.15s ease, opacity 0.2s ease; } #header-outer.small-nav:not([data-format="left-header"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease; } #header-outer.small-nav:not([data-format="left-header"]) #logo, #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing { transition: margin 0.32s ease; } #header-outer.small-nav:not([data-format="left-header"]) #logo img, #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing img { transition: height 0.32s ease; } body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header="true"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease; } #header-outer[data-using-secondary="1"]:not([data-format="left-header"]) { transition: transform 0.32s ease, background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease; } #header-outer[data-using-secondary="1"].small-nav:not([data-format="left-header"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease; } #header-outer[data-format="centered-menu"] .logo-spacing, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing { visibility: hidden; pointer-events:none; z-index: -100; } @media only screen and (max-width: 690px) { #header-outer[data-format="centered-menu"] .logo-spacing, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing { display: none; } } @media only screen and (min-width: 1000px) { #header-outer:not([data-format="left-header"]) { padding-top: 0; } #header-outer:not([data-format="left-header"]) #top > .container > .row, #header-outer:not([data-format="left-header"]) #top > .container > .row nav, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li { display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-outer:not([data-format="left-header"]) #top .span_9, #header-outer:not([data-format="left-header"]) #top .span_3 { display: -webkit-flex; display: -ms-flexbox; display: flex; float: none; width: auto; } #header-outer[data-format="centered-menu-under-logo"] .span_9, #header-outer[data-format="centered-menu-under-logo"] .span_9 nav, #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9 { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } #header-outer[data-format="centered-menu-under-logo"] .cart-menu { -webkit-transform: none; transform: none; } #header-outer .logo-spacing { line-height: 0; } #header-outer[data-format="centered-logo-between-menu"] .logo-spacing[data-using-image="false"] { font-size: 22px; line-height: 22px; letter-spacing: -1px; width: 1px; } #header-outer[data-format="centered-menu"] .logo-spacing img, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { margin-bottom: 0; } #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { width: 1px; } #header-outer[data-format="centered-logo-between-menu"] #top .span_9, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav { width: 100%; } #header-outer[data-format="centered-menu"] #top .span_3 { position: relative; margin-right: 0; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) { position: static; } #header-outer[data-format="centered-logo-between-menu"] .row .col.span_3 { pointer-events: none; } body #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img { transform: none; } body #header-outer[data-format="centered-logo-between-menu"] #top #logo { transform: translateX(-50%); pointer-events: auto; } body[data-slide-out-widget-area-style="slide-out-from-right"]:not(.material) #header-outer[data-format="centered-logo-between-menu"] #top #logo { transform: translateX(-50%)!important; } #header-outer[data-format="default"] #top .span_9 { margin-left: auto; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } #header-outer[data-format="centered-menu"] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav, #header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } #header-outer:not([data-format="left-header"]) #top nav >.buttons { overflow: visible; height: auto; } #header-outer:not([data-format="left-header"]) #top nav >ul >li { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } #header-outer:not([data-format="left-header"]) #top nav >ul { float: none; display: inline-block; vertical-align: middle; } #header-outer[data-format="centered-menu"] #top nav >.buttons, #header-outer[data-format="centered-menu"] #top .span_3, #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu, #header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons { height: 100%; } #header-outer #top > .container > .row .right-aligned-menu-items nav { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items { float: none; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-outer[data-format="centered-menu-under-logo"] .row, #header-outer[data-format="centered-menu-bottom-bar"] .row { -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 999px) { #top .col.span_9 { text-align: right; line-height: 0; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 { text-align: right; z-index: 10000; left: auto; } #top .span_9 >.slide-out-widget-area-toggle > div, #header-outer .mobile-search .icon-salient-search, #header-outer #top #mobile-cart-link i, #header-outer .mobile-user-account .icon-salient-m-user { position: relative; display: block; top: 50%; font-size: 18px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; } #top .span_9 >.slide-out-widget-area-toggle, #top #mobile-cart-link, #top .mobile-search, #header-outer #top .mobile-user-account { position: relative; width: auto; padding: 0 7px; top: auto; right: auto; margin-bottom: 0; margin-top: 0; display: inline-block; vertical-align: middle; line-height: 0; height: 100%; -webkit-transform: none; transform: none; } body[data-slide-out-widget-area-style="slide-out-from-right"].material a.slide_out_area_close:before, body[data-slide-out-widget-area-style="slide-out-from-right"] .slide_out_area_close:before { background-color: rgba(0,0,0,.06); } #header-outer[data-cart="true"] #top .span_9 >.slide-out-widget-area-toggle, #header-outer[data-cart="true"] #top #mobile-cart-link, #top .mobile-search { padding: 0 8px; } #header-outer[data-cart="true"] #top .row .span_9 > .slide-out-widget-area-toggle, #top .span_9 >.slide-out-widget-area-toggle { padding-right: 0; } #search-outer #search #close a:before, body.material #header-outer #search-outer #search #close a:before { height: 40px; width: 40px; margin: -20px 0 0 -20px; } #search-outer #search #close a span { font-size: 16px; height: 16px; line-height: 16px; } #search-outer #search #close a { height: 14px; } #search-outer #search #close, body.material #header-outer #search-outer #search #close { top: 0; right: -5px; } #search-outer #search #close a, body.material #header-outer #search-outer #search #close a { right: 13px; top: 19px; } body.original #search-outer #search #close a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav >.buttons { padding-bottom: 20px; } @media only screen and (max-width: 999px) { .slide-out-widget-area-toggle.mobile-icon a > span > .hover-effect { display: none; } } #top nav ul #search-btn a span, #top nav ul #search-btn a, #top nav ul .slide-out-widget-area-toggle a, #top nav ul #nectar-user-account a span, #top nav ul #nectar-user-account a { line-height: 20px; height: 20px; } #top nav ul .slide-out-widget-area-toggle a .label, #top .span_9 > .slide-out-widget-area-toggle a.using-label .label { font-style: normal; display: inline-block; vertical-align: middle; margin-right: 15px; line-height: 1em; font-size: 14px; } #top .span_9 > .slide-out-widget-area-toggle a.using-label .label { transition: color 0.2s ease; } #top nav ul .slide-out-widget-area-toggle a.using-label > span, #top .span_9 > .slide-out-widget-area-toggle a.using-label > span { display: inline-block; vertical-align: middle; } #top nav ul .slide-out-widget-area-toggle a.using-label, #top .span_9 > .slide-out-widget-area-toggle a.using-label, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a.using-label { width: auto; vertical-align: middle; } @media only screen and (min-width: 690px) { #slide-out-widget-area .secondary-header-text { display: none; } } @media only screen and (max-width: 999px) and (min-width: 690px) { body.original #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items { display: none; } } #top nav .buttons li{ line-height:12px; position:relative } #top nav .buttons .menu-item a{ position:relative } .original #top nav ul #search-btn >div, .original #top nav ul #nectar-user-account >div, .original #top nav ul .nectar-woo-cart >div, .original #top nav ul .slide-out-widget-area-toggle > div, .ascend #header-outer[data-full-width="false"] #top nav ul #search-btn >div, .ascend #header-outer[data-full-width="false"] #top nav ul #nectar-user-account >div, .ascend #header-outer[data-full-width="false"] #top nav ul .nectar-woo-cart >div, .ascend #header-outer[data-full-width="false"] #top nav ul .slide-out-widget-area-toggle > div { padding-left:19px } #header-outer .cart-menu .cart-icon-wrap i { line-height: 18px; } #header-outer:not([data-format="left-header"]) .cart-menu .cart-icon-wrap { width: auto; height: 20px; } #top nav ul #search-btn a, #top nav ul #nectar-user-account a, #top nav ul .slide-out-widget-area-toggle a{ padding:0 0 0 0; width:24px; display:block; background-position:right top; background-repeat:no-repeat; box-sizing:content-box; } #top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle, body.material #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul[data-user-set-ocm="off"] > .slide-out-widget-area-toggle{ display:none } #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span { top: 0; background-color:transparent; -webkit-transition:color 0.2s ease; transition:color 0.2s ease } #top nav ul .slide-out-widget-area-toggle a i.label { -webkit-transition:color 0.2s ease; transition:color 0.2s ease } .cart-menu .cart-icon-wrap .icon-salient-cart { -webkit-transition:color 0.2s ease; transition:color 0.2s ease } /* Social in menu */ #header-outer #social-in-menu i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i { font-size:18px; color:inherit; background-color:transparent; transition:transform 0.25s ease,opacity 0.2s ease; -webkit-transition:-webkit-transform 0.25s ease,opacity 0.2s ease; text-align:center; line-height:24px; height:22px; width:36px } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] #social-in-menu i{ font-size:20px; width:38px; line-height:26px; height:26px; margin-bottom:-3px } #header-outer #social-in-menu a, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a { display:inline-block; margin-right:0; margin-left:0; overflow:hidden } #header-outer #social-in-menu a:hover i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover i{ -webkit-transform:translateY(-100%); transform:translateY(-100%) } #header-outer #social-in-menu a i:after, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i:after { position:absolute; top:100%; left:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); width:100% } #header-outer #social-in-menu a i:before{ width:100% } #header-outer #social-in-menu [class^="fa-"]:after, #header-outer #social-in-menu [class*="fa-"]:after, #header-outer #social-in-menu .fa-vine:before, #header-outer #social-in-menu .fa-vine:after{ text-decoration:inherit; display:block; speak:none } #header-outer #social-in-menu .fa-vine{ display:block; text-align:center } #header-outer #social-in-menu i.fa-facebook{ width:28px } #header-outer #social-in-menu .fa-instagram:after, .material #slide-out-widget-area.slide-out-from-right .fa-instagram:after{ content:"\f16d" } #header-outer #social-in-menu .fa-behance:after, .material #slide-out-widget-area.slide-out-from-right .fa-behance:after{ content:"\f1b4" } #header-outer #social-in-menu .fa-vine:after, .material #slide-out-widget-area.slide-out-from-right .fa-vine:after{ content:"\f1ca" } #header-outer #social-in-menu .fa-vk:after, .material #slide-out-widget-area.slide-out-from-right .fa-vk:after{ content:"\f189" } #header-outer #social-in-menu .icon-salient-spotify:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-spotify:after{ content:"\f1bc" } #header-outer #social-in-menu .icon-salient-facebook-messenger:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-facebook-messenger:after{ content:"\e90d" } #header-outer #social-in-menu .fa-flickr:after, .material #slide-out-widget-area.slide-out-from-right .fa-flickr:after{ content:"\f16e" } #header-outer #social-in-menu .fa-soundcloud:after, .material #slide-out-widget-area.slide-out-from-right .fa-soundcloud:after{ content:"\f1be" } #header-outer #social-in-menu .fa-stackexchange:after, .material #slide-out-widget-area.slide-out-from-right .fa-stackexchange:after { content:"\f16c" } #header-outer #social-in-menu .fa-google:after, .material #slide-out-widget-area.slide-out-from-right .fa-google:after{ content:"\f1a0" } #header-outer #social-in-menu .fa-github-alt:after, .material #slide-out-widget-area.slide-out-from-right .fa-github-alt:after { content:"\f113" } #header-outer #social-in-menu .fa-dribbble:after, .material #slide-out-widget-area.slide-out-from-right .fa-dribbble:after{ content:"\f17d" } #header-outer #social-in-menu .fa-tumblr:after, .material #slide-out-widget-area.slide-out-from-right .fa-tumblr:after { content:"\f173" } #header-outer #social-in-menu .fa-youtube-play:after, .material #slide-out-widget-area.slide-out-from-right .fa-youtube-play:after { content:"\f16a" } #header-outer #social-in-menu .fa-linkedin:after, .material #slide-out-widget-area.slide-out-from-right .fa-linkedin:after { content:"\f0e1" } #header-outer #social-in-menu .fa-pinterest:after, .material #slide-out-widget-area.slide-out-from-right .fa-pinterest:after{ content:"\f0d2" } #header-outer #social-in-menu .fa-vimeo:after, .material #slide-out-widget-area.slide-out-from-right .fa-vimeo:after{ content:"\f27d" } #header-outer #social-in-menu .fa-facebook:after, .material #slide-out-widget-area.slide-out-from-right .fa-facebook:after{ content:"\f09a" } #header-outer #social-in-menu .fa-rss:after, .material #slide-out-widget-area.slide-out-from-right .fa-rss:after{ content:"\f09e" } #header-outer #social-in-menu .fa-twitter:after, .material #slide-out-widget-area.slide-out-from-right .fa-twitter:after{ content:"\f099" } #header-outer #social-in-menu .fa-houzz:after, .material #slide-out-widget-area.slide-out-from-right .fa-houzz:after{ content:"\f27c" } #header-outer #social-in-menu .fa-yelp:after, .material #slide-out-widget-area.slide-out-from-right .fa-yelp:after{ content:"\f1e9" } #header-outer #social-in-menu .fa-mixcloud:after, .material #slide-out-widget-area.slide-out-from-right .fa-mixcloud:after{ content:"\f289" } #header-outer #social-in-menu .fa-bandcamp:after, .material #slide-out-widget-area.slide-out-from-right .fa-bandcamp:after{ content:"\f2d5" } #header-outer #social-in-menu .fa-snapchat:after, .material #slide-out-widget-area.slide-out-from-right .fa-snapchat:after{ content:"\f2ab" } #header-outer #social-in-menu .fa-tripadvisor:after, .material #slide-out-widget-area.slide-out-from-right .fa-tripadvisor:after{ content:"\f262" } #header-outer #social-in-menu .fa-telegram:after, .material #slide-out-widget-area.slide-out-from-right .fa-telegram:after{ content:"\f2c6" } #header-outer #social-in-menu .fa-slack:after, .material #slide-out-widget-area.slide-out-from-right .fa-slack:after{ content:"\f198" } #header-outer #social-in-menu .fa-medium:after, .material #slide-out-widget-area.slide-out-from-right .fa-medium:after{ content:"\f23a" } #header-outer #social-in-menu .icon-salient-artstation:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-artstation:after{ content:"\e90b" } #header-outer #social-in-menu .icon-salient-discord:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-discord:after{ content:"\e90c" } #header-outer #social-in-menu .fa-whatsapp:after, .material #slide-out-widget-area.slide-out-from-right .fa-whatsapp:after{ content:"\f232" } #header-outer #social-in-menu .fa-phone:after, .material #slide-out-widget-area.slide-out-from-right .fa-phone:after{ content:"\f095" } #header-outer #social-in-menu .fa-envelope:after, .material #slide-out-widget-area.slide-out-from-right .fa-envelope:after{ content:"\f0e0" } #header-outer[data-format="default"] #social-in-menu{ margin:0 0 0 30px } #slide-out-widget-area .off-canvas-menu-container li > a > .sf-sub-indicator { display: none; } body.original #header-outer[data-full-width="true"][data-format="default"] #social-in-menu{ margin-right: 22px; } #header-outer[data-lhe="animated_underline"] #top nav >ul >#social-in-menu >a, #header-outer[data-lhe="default"] #top nav >ul >#social-in-menu >a{ margin-left:0; margin-right:0; padding-right:0; padding-left:0 } #top #mobile-cart-link, #top .mobile-search, #top .mobile-user-account { display:none; text-align:right; z-index:10000 } #top .span_9 >.slide-out-widget-area-toggle{ display:none; z-index:10000; } #top #mobile-cart-link i, .mobile-search .icon-salient-search, .mobile-user-account .icon-salient-m-user { background-color:transparent; color:#a9a9a9; line-height:34px; font-size:18px; width:18px; transition:color 0.3s ease; -webkit-transition:color 0.3s ease } #header-outer #mobile-cart-link .cart-wrap span { border-radius: 50%; height: 16px; width: 16px; text-align: center; line-height: 16px; font-size: 10px; display: block; visibility:hidden } #header-outer #mobile-cart-link .cart-wrap { position: absolute; top: 50%; margin-top: -14px; right: -1px; color: #fff; } #header-outer .first-load a.cart-contents .cart-wrap span, #header-outer #mobile-cart-link.first-load .cart-wrap span { visibility:visible; animation:.6s ease-in-out .12s normal both 1 bounce_in_animation; -webkit-animation:.6s ease-in-out .12s normal both 1 bounce_in_animation } .material .mobile-search .icon-salient-search, .material .mobile-user-account .icon-salient-m-user { color:#a9a9a9; } body #header-outer[data-transparent-header="true"],body #header-outer[data-transparent-header="true"] .cart-menu{ transition:background-color 0.30s ease,box-shadow 0.30s ease,margin 0.25s ease; -webkit-transition:background-color 0.30s ease,box-shadow 0.30s ease,margin 0.25s ease } body #header-outer[data-transparent-header="true"].transparent, body #header-outer[data-transparent-header="true"].transparent .cart-menu { transition:border-color 0.30s ease; -webkit-transition:border-color 0.30s ease } body.original #header-outer[data-transparent-header="true"].transparent, body.ascend #header-outer[data-transparent-header="true"].transparent, body.material #header-outer[data-transparent-header="true"].transparent { box-shadow:none; } body #header-outer[data-transparent-header="true"].transparent { background-color:transparent!important; -webkit-box-shadow:none; box-shadow:none; border-bottom:1px solid rgba(255,255,255,0.25) } #header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before { background: linear-gradient(to top,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 16%,rgba(0,0,0,0.23) 75%,rgba(0,0,0,0.33) 100%); position: absolute; pointer-events: none; height: 120%; top: 0; left: 0; width: 100%; content: ''; display: block; } .pum-open [data-body-border="1"] #header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before { opacity: 0; } body.material #header-outer[data-transparent-header="true"].transparent { border-bottom: 0; } body #header-outer[data-transparent-header="true"].transparent nav >ul >li >a{ margin-bottom:-1px } body #header-outer[data-transparent-header="true"][data-format="centered-menu"].transparent.side-widget-open.small-nav nav >ul >li >a{ margin-bottom:0 } #header-outer[data-transparent-header="true"].transparent #logo img, #header-outer[data-transparent-header="true"] #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo img{ opacity:0; -ms-filter:'alpha(opacity=0)' } #header-outer[data-transparent-header="true"].transparent #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo .starting-logo{ opacity:1; -ms-filter:'alpha(opacity=100)' } body #header-outer[data-transparent-header="true"][data-remove-border="true"], #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top .nectar-woo-cart .cart-contents { border:none!important } body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"]{ transition:background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease; -webkit-transition:background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease; } body:not(.ascend) #header-outer[data-transparent-header="true"][data-remove-border="true"]:not(.transparent) .cart-menu:after{ border-left:1px solid rgba(0,0,0,0) } body #header-outer.no-bg-color{ box-shadow:none!important; background-color:transparent!important } body #header-outer[data-transparent-header="true"][data-remove-border="true"].transparent.pseudo-data-transparent { border-color:transparent!important } #header-outer.slide-out-hover{ -webkit-transition:background-color .3s ease; -ms-transition:background-color .3s ease; transition:background-color .3s ease } #header-outer.slide-out-hover header, #header-outer.slide-out-hover >.cart-outer{ -webkit-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease } #header-outer.pseudo-data-transparent.transparent #top nav >ul >li >a, #header-outer.pseudo-data-transparent.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.pseudo-data-transparent.transparent #top nav ul #nectar-user-account a span, #header-outer.pseudo-data-transparent.transparent nav >ul >li >a >.sf-sub-indicator i, #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart{ color:#fff!important; opacity:0.75!important; transition:opacity 0.2s ease,color 0.2s ease } #header-outer.slide-out-hover #top.all-hidden, #header-outer >.cart-outer.all-hidden{ opacity:0 } body #header-outer-bg-only{ display:block; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; content:' '; -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.22); box-shadow:0 0 3px 0 rgba(0,0,0,0.22); -webkit-transition:opacity .7s cubic-bezier(0.2,1,.2,1),transform .7s cubic-bezier(0.2,1,.2,1); -ms-transition:opacity .7s cubic-bezier(0.2,1,.2,1),transform .7s cubic-bezier(0.2,1,.2,1); transition:opacity .7s cubic-bezier(0.2,1,.2,1),transform .7s cubic-bezier(0.2,1,.2,1) } body.admin-bar #header-outer-bg-only{ top:32px } /* Light and Dark Transparent Colors */ #header-outer.light-text #top nav >ul >li >a, #header-outer.light-text #top nav ul #search-btn a span, #header-outer.light-text #top nav ul #nectar-user-account a span, #header-outer.light-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].light-text #top nav .sf-menu .current-menu-item >a, body[data-header-inherit-rc="true"] #header-outer[data-lhe="default"].light-text #top nav .sf-menu > .sfHover:not(#social-in-menu) > a, #header-outer[data-lhe="default"].light-text #top nav >ul >li >a:hover, #header-outer[data-lhe="default"].light-text #top nav .sf-menu >.sfHover >a{ color:#fff!important; opacity:0.7 } #header-outer.light-text #logo { color: #fff; } body[data-header-inherit-rc="true"] #header-outer[data-lhe="animated_underline"].light-text #top nav >ul >li:not([class*="button_"]) >a:after { border-color: #fff; } #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines:after, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle .lines-button:after, #header-outer.pseudo-data-transparent.transparent >#top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.pseudo-data-transparent.transparent >#top nav ul .slide-out-widget-area-toggle a .lines:after { background-color:#fff !important } #header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].dark-text #top nav .sf-menu .current-menu-item >a{ color:#444!important; opacity:0.7 } #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:after{ background-color:#444 !important } #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines-button:after{ opacity:0.7 } #header-outer.light-text #top nav >ul >li >a:hover, #header-outer.light-text #top nav .sf-menu >.sfHover >a, #header-outer.light-text #top nav .sf-menu >.current_page_ancestor >a, #header-outer.light-text #top nav .sf-menu >.current-menu-item >a, #header-outer.light-text #top nav .sf-menu >.current-menu-ancestor >a, #header-outer.light-text #top nav .sf-menu >.current_page_item >a, #header-outer.light-text #top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.light-text #top nav >ul >.sfHover >a >span >i, #header-outer.light-text #top nav ul #search-btn a:hover span, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.light-text #top nav .sf-menu >.current-menu-item >a i, #header-outer.light-text #top nav .sf-menu >.current-menu-ancestor >a i, #header-outer.light-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.dark-text #top nav >ul >li >a:hover, #header-outer.dark-text #top nav .sf-menu >.sfHover >a, #header-outer.dark-text #top nav .sf-menu >.current_page_ancestor >a, #header-outer.dark-text #top nav .sf-menu >.current-menu-item >a, #header-outer.dark-text #top nav .sf-menu >.current-menu-ancestor >a, #header-outer.dark-text #top nav .sf-menu >.current_page_item >a, #header-outer.dark-text #top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.dark-text #top nav >ul >.sfHover >a >span >i, #header-outer.dark-text #top nav ul #search-btn a:hover span, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.dark-text #top nav .sf-menu >.current-menu-item >a i, #header-outer.dark-text #top nav .sf-menu >.current-menu-ancestor >a i, #header-outer.dark-text .cart-outer:hover .icon-salient-cart, #header-outer.light-text.side-widget-open #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #header-outer.dark-text.side-widget-open #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines:after { opacity:1!important } #header-outer.light-text #top nav >ul >li >a, #header-outer.light-text #top nav >ul >li *, body.ascend #header-outer.light-text .cart-menu, #header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav >ul >li *, .ascend #header-outer[data-full-width="true"].dark-text #top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].dark-text #top nav ul .slide-out-widget-area-toggle a, .ascend #header-outer[data-full-width="true"].light-text #top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].light-text #top nav ul .slide-out-widget-area-toggle a, body.ascend #header-outer.dark-text .cart-menu{ border-color:rgba(0,0,0,0.1) } #header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle{ position:relative } body #header-outer.transparent[data-transparent-header="true"].dark-slide, body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, body #header-outer.transparent[data-transparent-header="true"].dark-slide >#top nav ul #nectar-user-account >div, body #header-outer.transparent[data-transparent-header="true"].dark-slide >#top nav ul .slide-out-widget-area-toggle >div, #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after{ border-color:rgba(0,0,0,0.08) !important } #header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav >ul >li >a:after, #header-outer.transparent.dark-slide #top nav >ul >li[class*="button_bordered"] >a:before, .dark-slide.transparent #top nav >ul >li[class*="button_bordered"] >a:before { border-color:#000!important } #header-outer[data-transparent-header="true"].no-pointer-events { pointer-events:none } #header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open.style-slide-out-from-right, #header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open.style-slide-out-from-right-alt{ pointer-events:auto } body[data-bg-header="true"][data-header-search="true"].ascend #header-outer.transparent[data-has-menu="false"] #top nav ul #search-btn a:after, body[data-bg-header="true"][data-header-search="true"].ascend #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after, body[data-bg-header="true"][data-header-search="true"] #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after{ border:none; display:none } #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart { opacity:1 } .lines-button.x2.close .lines, .sf-menu .megamenu li ul, #top .sf-menu .megamenu ul .sub-menu { background-color:transparent!important } #header-outer[data-transparent-header="true"] #logo .dark-version { position:absolute } #header-outer[data-transparent-header="true"][data-format="centered-menu-under-logo"] #logo .dark-version { position:relative } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{ height:4px; width:2.1rem; -webkit-border-radius:1px; border-radius:1px; } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .lines-button, .slide-out-hover-icon-effect:not(.small) .lines-button, body .slide-out-hover-icon-effect:not(.small) .lines-button{ line-height:0; font-size:0 } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.close{ -webkit-transform:none; transform:none; } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label), .slide-out-hover-icon-effect a{ width:34px } .slide-out-hover-icon-effect.small a{ width:auto } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before{ top:9px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{ top:-9px } #header-outer[data-transparent-header="true"].transparent >header #logo img.dark-version, #header-outer[data-transparent-header="true"].light-text >header #logo img.dark-version, #header-outer[data-transparent-header="true"].transparent.dark-slide >header #logo img, #header-outer[data-transparent-header="true"].dark-text >header #logo img, #header-outer[data-transparent-header="true"].dark-text.side-widget-open >header #logo img.dark-version{ opacity:0!important } #header-outer[data-transparent-header="true"].transparent.dark-slide >header #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text >header #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text.side-widget-open >header #logo img.starting-logo{ opacity:1!important } /* Search bar */ #search-outer{ top:0; left:0; width:100%; height: 100%; position:absolute; z-index:10000; overflow:visible; display:none; background-color:#fff } .original #search-outer #search { height: 100%; display:-webkit-flex; display:flex; align-items: center; } #search-box{ position:relative } #search-outer .container{ overflow:visible; width: 100%; } #search-outer #search input[type=text]{ width:100%; color:#888; font-size:43px; line-height:43px; position:relative; padding:0; background-color:transparent; border:0; -webkit-transition:none; transition:none; -webkit-box-shadow:none; box-shadow:none; font-family:'Open Sans'; font-weight:700; text-transform:uppercase; letter-spacing:1px } #search-outer .ui-widget-content{ background-color:#1F1F1F; border:none; border-radius:0; -webkit-border-radius:0; background-image:none } #search-outer .ui-widget-content li:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background-color:#272727; cursor:pointer } #search-outer .ui-widget-content li:hover a{ background-image:none } #search-outer .ui-widget-content li:last-child a{ border:none } #search-outer .ui-widget-content li a{ border-bottom:1px solid rgba(255,255,255,0.1) } .ui-helper-hidden-accessible{ display:none } #search-outer .ui-widget-content img, #search-outer .ui-widget-content i{ width:40px; height:auto; float:left; margin-right:15px } #search-outer .ui-widget-content i{ line-height:40px; font-size:22px; background-color:rgba(255,255,255,0.1); border-radius:0 } .ui-widget{ font-family:Verdana,Arial,sans-serif; font-size:1.1em } .ui-menu{ display:block; float:left; list-style:none outside none; margin:0; padding:2px } .ui-autocomplete{ cursor:default; position:absolute } .ui-menu .ui-menu-item a{ display:block; line-height:1.5; padding:0.2em 0.4em; text-decoration:none } #search-outer .ui-widget-content{ width:100%!important; left:0!important } #search-outer .ui-widget-content li{ line-height:14px; clear:left; width:100%; display:block; float:left; margin:0 } #search-outer .ui-widget-content li .desc{ position:relative; line-height:14px; font-size:11px } #search-outer .ui-widget-content li a{ color:#CCC; line-height:1.4em; transition:none; -webkit-transition:none; padding:15px 15px } #search-outer >#search form{ width:92%; float:left } #search-outer #search #close{ list-style:none } #search-outer #search #close a{ position:absolute; right:0; top:24px; display:block; width:24px; height:17px; line-height:22px; z-index:10 } #search-outer #search #close a span:not(.close-line){ color:#a0a0a0; font-size:18px; height:20px; line-height:19px; background-color:transparent; -webkit-transition:color 0.2s ease; transition:color 0.2s ease } #search-outer >#search #close a:hover span{ color:#000 } #header-outer #search{ position:relative } #header-outer .row .col.span_3, #header-outer .row .col.span_9{ width:auto } #header-outer .row .col.span_9{ float:right } #header-outer[data-full-width="true"] header >.container, body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu { width:100%; max-width:100%; padding:0 28px } /* Hide Header Until Needed Effect */ #header-outer.highzI{ z-index:9999 } body[data-hhun="1"] #header-outer[data-remove-fixed="1"] { position:absolute } body[data-hhun="1"] #header-secondary-outer[data-remove-fixed="0"] { transition: transform 0.3s ease; } @media only screen and (min-width:1000px){ body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached), body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"][data-permanent-transparent="false"][data-using-secondary="1"] { top:0 } } body[data-hhun="1"].original #header-outer.detached:not(.side-widget-open){ -webkit-transform:translateY(0); transform:translateY(0); } body[data-hhun="1"].original #header-outer[data-remove-border="true"].detached:not(.side-widget-open){ border-color:rgba(255,255,255,0) } body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open){ -webkit-transition:-webkit-transform .3s ease; transition:transform .3s ease; z-index:9998; pointer-events:none } body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open), body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open) { -webkit-transform:translateY(-100%)!important; transform:translateY(-100%)!important; } body[data-hhun="1"] #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"][data-permanent-transparent="1"].detached, body[data-hhun="1"] #header-outer.detached{ position:fixed!important; z-index:9998!important; -webkit-transition:-webkit-transform .3s ease,height .3s ease,background .3s ease,opacity .3s ease,border-color 0.3s ease; transition:transform .3s ease,height .3s ease,background .3s ease,opacity .3s ease,border-color 0.3s } body[data-hhun="1"] #header-outer.transparent.at-top{ transition:background-color 0.3s ease,box-shadow 0.3s ease, transform 0.3s ease } /*-------------------------------------------------------------------------*/ /* 6. Row Styles /*-------------------------------------------------------------------------*/ /* Nectar Video BG */ .mobile-video-image{ position:absolute; z-index:1; top:0; left:0; display:none; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -o-background-size:cover } .using-mobile-browser .mobile-video-image { display: block; } .wpb_row .nectar-video-wrap, #page-header-bg .nectar-video-wrap { position:absolute; top:0; left: 0; padding-bottom:0; overflow:hidden; opacity:0; z-index:1; } .wpb_row .nectar-video-wrap .nectar-video-inner.transition, .wpb_row .row-bg-wrap .row-bg.transition { -webkit-transition: transform .65s cubic-bezier(.05,0.2,.1,1); transition: transform .65s cubic-bezier(.05,0.2,.1,1); } .wpb_row .nectar-video-wrap.column-video, .wpb_row .mobile-video-image.column-video { z-index: 0; } body.using-mobile-browser .wpb_row .nectar-video-wrap, body.using-mobile-browser #page-header-bg .nectar-video-wrap { left: -3000px; } body.using-mobile-browser .nectar-slider-wrap .slide-bg-wrap .video-wrap { bottom: -3000px; } .wpb_row .nectar-video-wrap video { transition: opacity 0.25s ease; opacity:0; } .wpb_row .nectar-video-wrap.position-loaded video { opacity:1; } #page-header-bg .nectar-video-wrap{ opacity:1; background-position:center; background-repeat:repeat; height: 100%; width: 100%; } #page-header-bg .nectar-video-wrap video{ opacity:0 } @media only screen and (min-width: 1000px) { body[data-ajax-transitions="true"][data-apte="center_mask_reveal"]:not(.using-mobile-browser) #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap video{ opacity:1 } } .video-color-overlay{ width:100%; height:100%; opacity:0; position:absolute; -webkit-backface-visibility:hidden; top:0; left:0; padding-bottom:0; z-index:3 } .wpb_row .nectar-video-wrap .mejs-container .mejs-controls, .mejs-overlay-button, .mejs-overlay-loading, #search-outer .ui-helper-hidden-accessible, .mobile #search-outer .ui-widget-content { display:none!important } .wpb_row >.span_12{ z-index:10; } .wpb_row >.span_12{ margin-bottom:0!important; } .wpb_row >.span_12 >.column_container:last-child{ margin-bottom:0; } #page-header-bg .container{ z-index:100 } /* Nectar mouse parallax */ .nectar-slider-loading{ background-color:#393939; background-position:center; background-repeat:repeat; position:absolute; z-index:1000; top:0; left:0; width:100%; height:100% } .wpb_row .nectar-parallax-scene{ position:absolute; top:0; left:0; margin-bottom:0; padding-bottom:0; margin-left: 0; overflow:hidden; width:100%; height:100%; z-index:1; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0px,0px,0px); transform:translate3d(0px,0px,0px); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .wpb_row.full-width-content .nectar-parallax-scene{ margin-left: 0; } .wpb_row .nectar-parallax-scene li:first-child { position: relative; } .wpb_row .nectar-parallax-scene li{ height:100%; width:100%; position: absolute; top: 0; left: 0; display: block; } .wpb_row .nectar-parallax-scene div{ margin-left:-10%; top:-10%; min-height:100%; width:120%; height:120%; background-size:cover; margin-bottom:0; max-width:none; position:relative; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0px,0px,0px); transform:translate3d(0px,0px,0px); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .wpb_row .nectar-parallax-scene[data-scene-position="center"] div{ background-position:center } .wpb_row .nectar-parallax-scene[data-scene-position="bottom"] div{ background-position:center bottom } .wpb_row .nectar-parallax-scene[data-scene-position="top"] div{ background-position:center top } /* General */ body .full-width-section { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } .full-width-section { -webkit-background-size:cover; background-size:cover; width:100%; position:relative; } .full-width-content.parallax_section{ -webkit-background-size:cover; background-size:cover; } .full-width-content.vc_row-fluid .wpb_column{ background-position:center; background-size:cover; -webkit-background-size:cover } .wpb_row{ position:relative } .wpb_row.vc_row-o-full-height { min-height: 99vh; } .wpb_row .row-bg, .full-width-section .row-bg, #page-header-bg .page-header-bg-image-wrap { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; -webkit-background-size:cover } body:not(.using-mobile-browser):not(.mobile) #page-header-bg .page-header-bg-image.translate { -webkit-transform: none!important; transform: none!important; height: 100%!important; } @media only screen and (max-width: 999px) { #page-header-bg[data-parallax="1"] .page-header-bg-image{ height: calc(100% + 15px); top: auto; bottom: 0; } } .wpb_row .row-bg-wrap .row-bg-overlay { display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:' '; z-index:2; backface-visibility: hidden; } .row.right-align-text{ text-align:right } .wpb_row[data-using-ctc="true"] h1, .wpb_row[data-using-ctc="true"] h2, .wpb_row[data-using-ctc="true"] h3, .wpb_row[data-using-ctc="true"] h4, .wpb_row[data-using-ctc="true"] h5, .wpb_row[data-using-ctc="true"] h6{ color:inherit } .wpb_row.full-width-section, .wpb_row.full-width-content, body.material .wpb_row.full-width-section, body.material .wpb_row.full-width-content{ margin-bottom:0 } .wpb_row.full-width-content img, .wpb_row.full-width-content .img-with-aniamtion-wrap, .wpb_row.full-width-content .img-with-aniamtion-wrap .hover-wrap{ margin-bottom:0 } body[data-ext-responsive="true"] .container .page-submenu > .full-width-section .container:not(.tab-container):not(.recent-post-container):not(.normal-container) { padding: 0 90px!important; } .full-width-section >.span_12 >div:last-child { padding-bottom:0 } .full-width-section >.span_12 >div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child, .full-width-section >.span_12 .col >div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child{ padding-bottom:15px!important } .full-width-section img{ display:block; margin-bottom:0 } html:not(.js) .full-width-section, html:not(.js) .full-width-content{ visibility:visible } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg, .wpb_row.parallax_section .row-bg{ background-attachment:fixed } body .full-width-section.parallax_section .row-bg.translate, body .full-width-content.parallax_section .row-bg.translate, body .wpb_row.parallax_section .row-bg.translate, .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg.translate, #page-header-bg .page-header-bg-image.translate, [data-parallax="true"] .swiper-slide .image-bg.translate { background-attachment:scroll; top:auto; bottom:0 } body .full-width-content.parallax_section .row-bg, body .full-width-section.parallax_section .row-bg, body .wpb_row.parallax_section .row-bg { background-attachment:fixed } body[data-ajax-transitions="false"] .parallax_section .row-bg, body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg { opacity: 0; transition: opacity 0.2s ease; } _::-webkit-full-page-media, _:future, :root body[data-ajax-transitions="false"] .parallax_section .row-bg { opacity: 1; } body[data-ajax-transitions="false"] .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]), body:not([data-remove-m-parallax="1"]) .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) { opacity: 1; background-attachment: scroll; top: auto; bottom: 0; } @media only screen and (min-width: 1000px) { body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="slow"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 90px); } body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="medium"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 70px); } body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="fast"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 40px); } } @media only screen and (max-width: 999px) { body .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) { height: calc(100% + 40px); } } body .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg { height: calc(100% + 40px); } body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .row-bg, body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .row-bg, body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .nectar-recent-post-slide .nectar-recent-post-bg, body[data-ajax-transitions="false"] .parallax_section .row-bg[data-parallax-speed="fixed"], body[data-ajax-transitions="false"] .parallax_section .row-bg .nectar-recent-post-slide { opacity: 1; } .full-width-section.parallax_section .row-bg-wrap, .full-width-content.parallax_section .row-bg-wrap, .wpb_row.parallax_section .row-bg-wrap, .wpb_row .row-bg-wrap .inner-wrap { overflow:hidden; width:100.1%; height:100.1%; position:absolute; z-index:1; top:0; left:0 } .wpb_row.parallax_section .row-bg-wrap, .wpb_row .row-bg-wrap[data-bg-animation="zoom-out-reveal"] { z-index: 2; } .wpb_row .row-bg-wrap, .full-width-section .row-bg-wrap { width:100%; height:100%; position:absolute; top:0; left:0 } /* Row border radius */ .wpb_row[data-br*="px"][data-br-applies="inner"] .row_col_wrap_12, .wpb_row[data-br*="px"][data-br-applies="bg"] > .row-bg-wrap { overflow: hidden; } .wpb_row[data-br="5px"][data-br-applies="inner"] .row_col_wrap_12, .wpb_row[data-br="5px"][data-br-applies="bg"] > .row-bg-wrap, .wpb_row[data-br="5px"][data-br-applies="bg"] > .nectar-video-wrap, .wpb_row[data-br="5px"][data-br-applies="bg"] > .nectar-parallax-scene { border-radius: 5px; } .wpb_row[data-br="10px"][data-br-applies="inner"] .row_col_wrap_12, .wpb_row[data-br="10px"][data-br-applies="bg"] > .row-bg-wrap, .wpb_row[data-br="10px"][data-br-applies="bg"] > .nectar-video-wrap, .wpb_row[data-br="10px"][data-br-applies="bg"] > .nectar-parallax-scene { border-radius: 10px; } .wpb_row[data-br="20px"][data-br-applies="inner"] .row_col_wrap_12, .wpb_row[data-br="20px"][data-br-applies="bg"] > .row-bg-wrap, .wpb_row[data-br="20px"][data-br-applies="bg"] > .nectar-video-wrap, .wpb_row[data-br="20px"][data-br-applies="bg"] > .nectar-parallax-scene { border-radius: 20px; } /* Row and Col Background Animations */ .wpb_row .row-bg-wrap canvas.nectar-liquid-bg, .column-image-bg-wrap canvas.nectar-liquid-bg { z-index: 100; position: relative; } .wpb_row .row-bg-wrap .nectar-displacement { display: none; } .wpb_row .column-image-bg-wrap .nectar-displacement { display: none; } .row-bg-wrap[data-bg-animation*="fade"], .row-bg-wrap[data-bg-animation*="zoom"], .column-image-bg-wrap[data-bg-animation*="fade"], .column-image-bg-wrap[data-bg-animation*="zoom"] { overflow: hidden; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation*="displace-filter"] .row-bg.using-image, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation*="displace-filter"] .column-image-bg, body:not(.compose-mode) #ajax-content-wrap .row-bg-wrap[data-bg-animation*="displace-filter"] .row-bg.using-image, body:not(.compose-mode) #ajax-content-wrap .column-image-bg-wrap[data-bg-animation*="displace-filter"] .column-image-bg { background-size: 0; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation="displace-filter-fade"] .row-bg.using-image .nectar-liquid-bg, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation="displace-filter-fade"] .nectar-liquid-bg { opacity: 0; transition: opacity 0.55s ease-out; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation="displace-filter-fade"] .row-bg.using-image .nectar-liquid-bg.animated-in, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation="displace-filter-fade"] .nectar-liquid-bg.animated-in { opacity: 1; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="fade-in"] .inner-wrap { opacity: 0; -webkit-transition: opacity 0.55s ease-out; transition: opacity 0.55s ease-out; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image.animated-in, .column-image-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.animated-in { opacity: 1; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap { -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-transition: transform 2.5s cubic-bezier(0.1,0.55,0.4,1); transition: transform 2.5s cubic-bezier(0.1,0.55,0.4,1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap { -webkit-transform: scale(1.6); transform: scale(1.6); -webkit-transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1); transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1); } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"], .row-bg-wrap[data-bg-animation="zoom-out-reveal"] { -webkit-transform: scale(0.7); transform: scale(0.7); overflow: hidden; opacity: 0; -webkit-transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1), opacity 0.4s ease-out; transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1), opacity 0.4s ease-out; } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"][data-bg-overlay="true"], .row-bg-wrap[data-bg-animation="zoom-out-reveal"][data-bg-overlay="true"] { -webkit-transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1), opacity 0.55s ease-out 0.2s; transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1), opacity 0.55s ease-out 0.2s; } .wpb_column .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"] { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.35s ease-out, transform 1.3s cubic-bezier(0.12,0.75,0.4,1); transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.35s ease-out, transform 1.3s cubic-bezier(0.12,0.75,0.4,1); } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap, .row-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap { -webkit-transform: scale(1.75); transform: scale(1.75); -webkit-transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1); transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap { -webkit-transform: scale(1.35); transform: scale(1.35); -webkit-transition: transform 8s cubic-bezier(0.1,0.2,.7,1); transition: transform 8s cubic-bezier(0.1,0.2,.7,1); } .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap { -webkit-transform: scale(1.45); transform: scale(1.45); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"].animated-in { -webkit-transform: scale(1); transform: scale(1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"].animated-in { opacity: 1; } .wpb_row .row-bg-wrap .inner-wrap { height: 100%; width: 100%; } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg, .wpb_row.parallax_section .row-bg { position:absolute; z-index:1; top:0; left:0; background-size:cover; -webkit-background-size:cover } .full-width-section.no-cover .row-bg, .wpb_row .row-bg.no-cover, .full-width-section .row-bg.no-cover{ background-size:auto!important; -webkit-background-size:auto } body .full-width-section >.col.span_12{ float:none } .full-width-section >.col.span_12.light, .full-width-content >.col.span_12.light, .col.span_12.light .wpb_text_column >.wpb_wrapper >ul{ color:#fff } .vc_row.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner{ width:100% } .vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper{ min-height:1px } .vc_column_container>.vc_column-inner { position: relative; } @media only screen and (max-width: 999px) { body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 >.vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 >.vc_column_container>.vc_column-inner, body .wpb_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .fp-scrollable > .fp-scroller > .full-page-inner-wrap-outer > .full-page-inner-wrap>.full-page-inner>.span_12>.vc_column_container>.vc_column-inner { display: -webkit-flex; display: flex; } } @media (max-width: 1299px) and (min-width: 1000px) { .vc_hidden-md { display: none; } } /* Shape divider layer */ .nectar-shape-divider-wrap { position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 150px; z-index: 3; transform: translateZ(0); } .post-area.span_9 .nectar-shape-divider-wrap { overflow: hidden; } .nectar-shape-divider-wrap[data-position="top"] { top: -1px; bottom: auto; } .nectar-shape-divider-wrap[data-position="top"] { transform: rotate(180deg) } .nectar-shape-divider-wrap[data-front="true"] { z-index: 50; } @media only screen and (min-width: 1000px) { .nectar-shape-divider-wrap[data-style="curve"] .nectar-shape-divider { filter: blur(0.5px); transform: scale(1.03); } } .nectar-shape-divider-wrap[data-style="waves_opacity"] svg path:first-child { opacity: 0.6; } @media only screen and (min-width: 1000px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 1700px; } } @media only screen and (max-width: 999px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 800px; } } @media only screen and (max-width: 690px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 690px; } } .nectar-shape-divider-wrap[data-style="fan"] svg { width: 102%; left: -1%; } .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="fan"] svg rect { opacity: 0.3; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:first-child { opacity: 0.1; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(2) { opacity: 0.12; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(3) { opacity: 0.18; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(4) { opacity: 0.33; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) { opacity: 0.3; } .nectar-shape-divider { width: 100%; left: 0; bottom: -1px; height: 100%; position: absolute; } .nectar-shape-divider-wrap.no-color .nectar-shape-divider { fill: #fff; } @media only screen and (max-width: 999px) { .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 75%; } .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 55%; } } @media only screen and (max-width: 690px) { .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 33%; } .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 33%; } } /*-------------------------------------------------------------------------*/ /* 7. Column Styles /*-------------------------------------------------------------------------*/ .col { position: relative; float: left; } /* Column boxed style */ .col.boxed:not(.wpb_column) { -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); background-color:#fff; padding:25px 15px 15px 15px; position:relative; -webkit-transition:top 0.2s ease,-webkit-box-shadow 0.2s ease; transition:top 0.2s ease,box-shadow 0.2s ease } .col.boxed .bottom-line, .wpb_column.boxed .bottom-line { height:1px; width:100%; display:block; position:absolute; bottom:2px; left:0; background-color:#E8E8E8 } .col.boxed img, .wpb_column.boxed img{ padding:0 15px } .col.boxed:not(.wpb_column):hover { top:-4px; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.3); box-shadow:0 2px 3px rgba(0,0,0,0.3) } .col.boxed.no-pointer-events{ pointer-events:none } /* Center align content */ .col.centered-text, .wpb_column.centered-text{ text-align:center } .centered-text .divider-small-border{ margin:25px auto } .centered-text .divider-border[data-animate="yes"], .centered-text .divider-small-border[data-animate="yes"]{ -webkit-transform-origin:center; transform-origin:center; } body .col.centered-text ul, body .wpb_column.centered-text ul{ display:inline-block; text-align:center; margin-left:0 } .col.centered-text ul, .wpb_column.centered-text ul{ text-align:left } body .col.centered-text img, body .wpb_column.centered-text img, .col.center img{ margin-left: auto; margin-right: auto; } /* Background */ .wpb_column{ background-position:center } .wpb_column[data-video-bg="true"] .wpb_wrapper, .wpb_column[data-overlay-color="true"] .wpb_wrapper, .wpb_column[data-has-bg-color="true"] .wpb_wrapper, .wpb_column[data-using-bg="true"] .wpb_wrapper, .wpb_column[data-hover-bg^="#"] .wpb_wrapper{ position:relative; z-index:2 } .wpb_column .column-bg-overlay, .wpb_column .column-bg-overlay-wrap { pointer-events: none; position:absolute; z-index:0; height:100%; width:100%; top:0; left:0; content:' '; display:block; opacity:0; transition:background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition:background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); } .vc_column-inner .column-overlay-layer { pointer-events: none; position:absolute; z-index:0; height:100%; width:100%; top:0; left:0; content:' '; display:block; } .wpb_column .column-bg-overlay-wrap { opacity: 1; } .column-link{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:10 } /* Border layer */ /* (Bulk Loaded conditionally) - See css/elements/wpb-column-border.css */ .img-with-aniamtion-wrap[data-border-radius="3px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="3px"] .hover-wrap, .nectar_video_player_self_hosted[data-border-radius="3px"] .wpb_video_wrapper { border-radius: 3px; } .img-with-aniamtion-wrap[data-border-radius="5px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="5px"] .hover-wrap, .nectar_video_player_self_hosted[data-border-radius="5px"] .wpb_video_wrapper { border-radius: 5px; } .img-with-aniamtion-wrap[data-border-radius="10px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="10px"] .hover-wrap, .nectar_video_player_self_hosted[data-border-radius="10px"] .wpb_video_wrapper { border-radius: 10px; } .img-with-aniamtion-wrap[data-border-radius="15px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="15px"] .hover-wrap, .nectar_video_player_self_hosted[data-border-radius="15px"] .wpb_video_wrapper { border-radius: 15px; } .img-with-aniamtion-wrap[data-border-radius="20px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="20px"] .hover-wrap, .nectar_video_player_self_hosted[data-border-radius="20px"] .wpb_video_wrapper { border-radius: 20px; } @media only screen and (min-width:1000px){ .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-top, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-bottom{ transition:transform 1s cubic-bezier(0.19,1,0.22,1); transform:scaleX(0) } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-left, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-right{ -webkit-transition:transform 1s cubic-bezier(0.19,1,0.22,1); -webkit-transform:scaleY(0); transition:transform 1s cubic-bezier(0.19,1,0.22,1); transform:scaleY(0) } } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-top, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-bottom { transform: scaleX(1); } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-top { transform-origin: left; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-bottom { transform-origin: right; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-left, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-right { transform: scaleY(1); } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-left { transform-origin: bottom; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-right { transform-origin: top; } /* General */ .col.span_3 .col.span_12 i, .col.span_4 .col.span_12 i{ margin-bottom:0 } body .wpb_text_column{ margin-bottom:0 } .wpb_animate_when_almost_visible { opacity: 0; } .wpb_start_animation { opacity: 1; } body .wpb_text_column h2:last-child, body .wpb_text_column h3:last-child{ margin-bottom:10px } /*-------------------------------------------------------------------------*/ /* 8. Third Party Styling /*-------------------------------------------------------------------------*/ /* carouFredSel */ .carousel-outer{ overflow:hidden; margin-right:2px } body[data-ajax-transitions="true"] .row.carousel{ opacity:1 } .carousel-heading{ z-index:100; position:relative; margin-bottom:7px; min-height:23px } .carousel-heading h2{ font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:12px; margin-left:10px; margin-bottom:7px } .carousel-wrap .item-count{ font-size:12px } .carousel-wrap[data-full-width="false"] .carousel-heading h2{ font-size:12px } html:not(.js) .carousel-heading{ display:none } .carousel-wrap[data-ctc="light"] .carousel-heading h2, .ascend .carousel-wrap[data-ctc="light"] .carousel-next i, .ascend .carousel-wrap[data-ctc="light"] .carousel-prev i, .carousel-wrap[data-ctc="light"] .item-count, .carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i{ color:#fff } .recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading{ background-color:#252525 } .caroufredsel_wrapper, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .woocommerce .products-carousel ul.products .product a{ cursor:grab!important; cursor:-moz-grab!important; cursor:-webkit-grab!important; margin:0!important } .caroufredsel_wrapper.active, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info .active, .woocommerce .products-carousel ul.products .product a.active{ cursor:grabbing!important; cursor:-moz-grabbing!important; cursor:-webkit-grabbing!important } body .carousel-wrap{ position:relative; overflow:hidden; margin:0 -10px 0 -10px } body .full-width-section .carousel-wrap{ margin-bottom:0 } .carousel-wrap[data-full-width="true"]{ padding:0 18px; } .carousel-wrap[data-full-width="true"] .carousel-heading{ background-color:#f8f8f8; padding:43px 0 40px 0; margin-bottom:0; text-align:center } body .carousel-wrap[data-full-width="true"] .carousel-heading h2{ font-size:24px; line-height:36px; letter-spacing:0.5px; margin:0 auto; max-width:900px; text-transform:none; font-family:'Open Sans'; font-weight:300 } .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next { top:8px!important } .carousel-wrap[data-full-width="true"] .carousel-heading a{ background-color:transparent } .carousel-wrap[data-full-width="true"] .carousel-heading i{ background-color:transparent; color:#888; font-size:30px; line-height:28px; transition:color 0.2s ease 0s } body .carousel-wrap[data-full-width="true"] .carousel-heading .container{ min-height:40px } body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"]{ padding:0 } .carousel-wrap .work-item.style-2, .carousel-wrap[data-full-width="true"]{ margin-bottom:0; } .carousel-wrap[data-full-width="true"] .span_4.no-margin { margin: 0; } .full-width-content .caroufredsel_wrapper{ overflow:visible!important } .carousel-wrap .carousel-heading{ padding:0 } html:not(.js) .carousel-wrap{ display:none } .carousel-wrap .left-border, .carousel-wrap .right-border{ width:10px; display:block; height:100%; position:absolute; top:0; z-index:100; background-color:#f8f8f8 } .carousel-wrap .left-border{ left:0 } .carousel-wrap .right-border{ right:0 } .carousel-next, .carousel-prev{ background-color:#dadada; cursor:pointer; display:block; margin-left:5px; line-height:22px; -webkit-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; background-repeat:no-repeat; position:absolute; top:0; height:20px; width:20px; -webkit-border-radius:1px; border-radius:1px; text-align:center } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev{ height:28px; width:44px } .carousel-wrap[data-full-width="true"] .carousel-next{ text-align:right } .carousel-wrap[data-full-width="true"] .carousel-prev{ text-align:left } .carousel-next{ right:0; padding-left:1px } .carousel-prev{ right:25px; padding-right:1px } .carousel-wrap[data-full-width="false"] .control-wrap{ position:absolute; right:0; top:0 } .carousel-next i, .carousel-prev i, .carousel-wrap .carousel-next i, .carousel-wrap .carousel-prev i{ background-color:transparent; line-height:24px; font-size:14px } .carousel-prev:hover, .carousel-next:hover{ background-color:#000 } ul.row.carousel{ opacity:0 } #ajax-content-wrap .carousel-wrap[data-full-width="true"] .span_4.no-margin .carousel-wrap[data-full-width="true"] .span_4.no-margin{ margin:0 } .carousel-wrap[data-full-width="true"].default-style{ padding:0 20px!important } .carousel-wrap[data-full-width="true"] .work-meta{ padding:0 15px } .carousel-wrap[data-full-width="true"].default-style .work-meta, .carousel-wrap[data-full-width="true"]{ padding:0!important } body .carousel .span_4, body .portfolio-items.carousel .span_4{ margin:0 10px 0 10px } .carousel-wrap[data-full-width="true"].default-style .span_4{ margin:0 15px 0 15px } .carousel .span_4 .clear{ padding-bottom:0; margin-bottom:0 } /* Owl carousel */ .owl-carousel{ display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 } .owl-carousel .owl-stage{ position:relative; padding:25px 0; cursor:-webkit-grab; cursor:-moz-grab; -ms-touch-action:pan-Y } .owl-carousel .owl-stage:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer{ position:relative; overflow:hidden; -webkit-transform:translate3d(0px,0px,0px) } .owl-carousel .owl-item{ position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none } .owl-carousel .owl-item img{ display:block; width:100%; -webkit-transform-style:preserve-3d } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{ display:none } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{ cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-loaded{ display:block } .owl-carousel.owl-loading{ opacity:0; display:block } .owl-carousel.owl-hidden{ opacity:0 } .owl-carousel.owl-refresh .owl-item{ display:none } .owl-carousel.owl-drag .owl-item{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-grab, .owl-stage.owl-grab{ cursor:-webkit-grabbing; cursor:-moz-grabbing } .owl-carousel.owl-rtl{ direction:rtl } .owl-carousel.owl-rtl .owl-item{ float:right } /* No Js */ .no-js .owl-carousel{ display:block } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated{ animation-duration:1000ms; animation-fill-mode:both } .owl-carousel .owl-animated-in{ z-index:0 } .owl-carousel .owl-animated-out{ z-index:1 } .owl-carousel .fadeOut{ animation-name:fadeOut } @keyframes fadeOut{ 0%{ opacity:1 } 100%{ opacity:0 } } .owl-height{ transition:height 500ms ease-in-out } .owl-carousel .owl-item .owl-lazy{ opacity:0; transition:opacity 400ms ease } .owl-carousel .owl-item img.owl-lazy{ transform-style:preserve-3d } .owl-theme .owl-nav{ margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent } .owl-theme .owl-nav [class*='owl-']{ color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px } .owl-theme .owl-nav [class*='owl-']:hover{ background:#869791; color:#FFF; text-decoration:none } .owl-theme .owl-nav .disabled{ opacity:0.5; cursor:default } .owl-theme .owl-nav.disabled+.owl-dots{ margin-top:10px } .owl-theme .owl-dots{ text-align:center; -webkit-tap-highlight-color:transparent } .owl-theme .owl-dots .owl-dot{ display:inline-block; zoom:1; background: none; border: none; padding: 0; } .owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; margin:5px 7px; background:rgba(0,0,0,0.25); display:block; -webkit-backface-visibility:visible; border-radius:30px; -webkit-transition:all 0.13s ease; transition:all 0.13s ease; -webkit-transform:scale(0.9); transform:scale(0.9); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#869791 } .span_12.light .owl-theme .owl-dots .owl-dot span{ background:rgba(255,255,255,0.5) } .span_12.light .owl-theme .owl-dots .owl-dot.active span, .span_12.light .owl-theme .owl-dots .owl-dot:hover span{ background:#fff } .owl-theme .owl-dots .owl-dot.active span{ -webkit-transform:scale(1.5); transform:scale(1.5); } .owl-carousel[data-column-padding="5px"] .carousel-item{ padding:6px } .owl-carousel[data-column-padding="10px"] .carousel-item{ padding:11px } .owl-carousel[data-column-padding="15px"] .carousel-item{ padding:16px } .owl-carousel[data-column-padding="20px"] .carousel-item{ padding:21px } .owl-carousel[data-column-padding="30px"] .carousel-item{ padding:31px } .owl-carousel[data-column-padding="40px"] .carousel-item{ padding:41px } .owl-carousel[data-column-padding="50px"] .carousel-item{ padding:51px } .owl-carousel.moving a{ pointer-events:none } .owl-carousel[data-enable-animation="true"] .owl-stage >.owl-item{ opacity:0; -ms-transform:translateY(70px); -webkit-transform:translateY(70px); transform:translateY(70px) } .owl-carousel[data-enable-animation="true"] .owl-controls{ opacity:0 } .owl-carousel[data-enable-animation="true"].animated-in .owl-controls{ opacity:1; -ms-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s } /* Revolution Slider */ rs-module video { visibility: visible; } /* Orbit */ .home-wrap { padding-top:3em; margin-bottom:0; padding-bottom:0; position:relative; z-index:100; background-color:#f8f8f8 } html:not(.js) .home-wrap{ padding-top:0 } .home-wrap .full-width-section.first-section{ margin-top:-37px } /* WP Job Manager */ .single_job_listing .company img { height: 3em; } .single_job_listing .meta li { list-style: none; } /* Flexslider */ .flex-gallery{ margin:0; padding:0 } .flex-gallery .slides >li{ display:none; -webkit-backface-visibility:hidden } .flex-gallery .slides img{ width:99.8%; display:block } .flex-pauseplay span{ text-transform:capitalize } .slides:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } html[xmlns] .slides{ display:block } * html .slides{ height:1% } .no-js .slides >li:first-child{ display:block } .flex-gallery{ margin:0 0 15px; position:relative; zoom:1; background-color:transparent } .flex-viewport{ max-height:2000px; -webkit-transition:all 1s ease; transition:all 1s ease } .loading .flex-viewport{ max-height:300px } .flex-gallery .slides{ zoom:1 } .flex-gallery ul{ position:relative; z-index:1000; margin:0 } .flex-gallery .flex-direction-nav{ margin:0; position:absolute; top:8px } .flex-gallery ul li{ list-style:none } .flex-gallery ul li img{ margin-bottom:0 } .carousel li{ margin-right:0; margin-left:0 } .flex-control-nav{ display:none } .flex-direction-nav{ *height:0 } .flex-direction-nav a{ display:block; line-height:22px; position:relative; background-color:#000; height:25px; width:25px; text-align:center; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-border-radius:1px 1px 1px 1px; border-radius:1px 1px 1px 1px; } .flex-direction-nav a i{ line-height:29px; font-size: 16px; color:#fff; background-color:transparent } .flex-direction-nav .flex-next{ padding-left:2px } .flex-direction-nav .flex-prev{ padding-right:2px } body #ajax-content-wrap .flex-gallery .flex-direction-nav li{ float:left; margin-left:7px } .flex-direction-nav a:hover{ background-color:#333 } .flex-direction-nav .flex-next span{ background-position:right top; top:9px; right:9px; position:absolute; display:block; height:15px; width:15px; z-index:100 } .flex-direction-nav .flex-prev span{ background-position:left top; top:9px; left:9px; position:absolute; display:block; height:15px; width:15px; z-index:100 } /* Slider paginations */ body.mobile.material [data-bullet_style="see_through"] .slider-pagination { bottom: 13px; } body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { position: relative; top: 50%; } body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { display: block; content: ''; } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot, .nectar-woo-flickity .flickity-page-dots .dot, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch { width:30px; margin:0; opacity:0.35 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot:before, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before, .nectar-quick-view-box .flickity-page-dots .dot:before, .nectar-woo-flickity .flickity-page-dots .dot:before, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { width:6px; height:6px; transition:all 0.25s ease; border-radius:50%; margin-left:11px; background-color:transparent; box-shadow:inset 0 0 0 5px #000 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch.swiper-active-switch, .nectar-quick-view-box .flickity-page-dots .dot.is-selected, .nectar-woo-flickity .flickity-page-dots .dot { opacity:1 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .nectar-quick-view-box .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before { -webkit-transform:scale(2); transform:scale(2); box-shadow:inset 0 0 0 1px #000; background-color:transparent } .span_12.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before, .span_12.light .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot:before, .span_12.light .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:before, .span_12.light .nectar-woo-flickity .flickity-page-dots .dot:before, .span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before, body.material [data-bullet_style="see_through"] .slider-pagination:not(.dark-cs) .swiper-pagination-switch:before { box-shadow:inset 0 0 0 5px #fff } .span_12.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected:before, .span_12.light .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style="see_through"] .slider-pagination:not(.dark-cs) .swiper-pagination-switch.swiper-active-switch:before { box-shadow:inset 0 0 0 1px #fff } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots{ bottom:-85px; margin:0 } .nectar-flickity[data-control-style="material_pagination"]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls="material_pagination"]:not(.masonry) .flickity-viewport{ margin:110px 0 130px 0 } iframe.iframe-embed, iframe{ max-width:100% } html:not(.js) .main-content iframe[src], .main-content #sidebar iframe[src], .wc-braintree-hosted-field iframe{ opacity:1 } .iframe-embed-standard iframe{ width:100%!important } /* Media Element Styles (mejs) */ body .mejs-container .mejs-controls >.mejs-horizontal-volume-slider{ height:26px; width:56px; position:relative; display:block; float:left; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ background:rgba(255,255,255,.33) } .mejs-controls .mejs-button button:focus{ outline:none } body[data-button-style*="_rounded"] .mejs-button>button, body[data-button-style^="rounded"] .mejs-controls .mejs-pause button, body .mejs-controls .mejs-pause { border-radius: 0!important; } video, audio{ visibility:hidden } .mejs-controls .mejs-time-rail .mejs-time-loaded{ background-color:rgba(255,255,255,0.3)!important } .mejs-video .mejs-controls .mejs-time-rail{ padding-top:12px } .mejs-audio .mejs-controls .mejs-time-rail{ padding-top:11px } .mejs-video .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-video .mejs-controls .mejs-time-rail span, .mejs-video .mejs-controls .mejs-time-rail a, .mejs-video .mejs-controls .mejs-time-rail .mejs-time-loaded{ height:8px } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-audio .mejs-controls .mejs-time-rail span, .mejs-audio .mejs-controls .mejs-time-rail a, .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded{ height:8px } #ajax-content-wrap .mejs-container{ background-color:transparent; background-image:none!important } .wp-video{ margin-bottom:20px; } .wp-video, .mejs-container .mejs-poster img{ max-width:none!important; width:100%!important } .wp-video-shortcode.mejs-container .mejs-poster img{ visibility:hidden; display: block; margin-bottom: 0; } .mejs-container-fullscreen .mejs-poster img{ height:100%!important } body .mejs-poster{ background-size:cover } body .mejs-container .mejs-controls .mejs-time{ opacity:0.8; } body .mejs-controls button{ transition:opacity 0.15s ease } body .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button{ opacity:0.8 } #ajax-content-wrap .mejs-controls .mejs-time-rail .mejs-time-total{ background-color:rgba(255,255,255,0.25) } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{ background:transparent!important } body .mejs-controls .mejs-button button{ font-size:18px; color:#fff; width:auto; position:relative; display:inline-block; background-image:none } body .mejs-controls button:before{ text-decoration:inherit; display:inline-block; speak:none } body .mejs-controls .mejs-play button:before{ content:"\e052" } body .mejs-controls .mejs-mute button:before{ content:"\e098" } body .mejs-controls .mejs-unmute button:before{ content:"\e099" } body .mejs-controls .mejs-fullscreen-button button:before{ content:"\e110"; font-size:17px } body .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before{ content:"\e111" } body .mejs-button.mejs-volume-button{ margin-left:5px } body .mejs-controls .mejs-pause{ top:2px; left:2px; position:relative; } body .mejs-controls .mejs-pause button{ border-left:3px solid #fff; border-right:3px solid #fff; width:9px; height:12px; right:3px; top:2px } #ajax-content-wrap .mejs-container.mejs-audio{ height:44px!important; background-color:rgba(0,0,0,1) } #ajax-content-wrap .mejs-container.mejs-audio .mejs-playpause-button { margin-left: 0; } body .mejs-container.mejs-audio .mejs-controls, body .masonry-blog-item .mejs-container.mejs-video .mejs-controls{ height:42px } #ajax-content-wrap .masonry-blog-item .mejs-container.mejs-video .mejs-controls .mejs-playpause-button{ margin-left:10px } #ajax-content-wrap .masonry-blog-item .mejs-container .mejs-fullscreen-button{ margin-right:10px } body .masonry-blog-item .mejs-container:not(.mejs-audio) .mejs-controls:before{ height:250% } body .mejs-container:not(.mejs-audio) .mejs-controls:before{ background:-webkit-linear-gradient(top,rgba(255,255,255,0) -2%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.04) 44%,rgba(0,0,0,0.8) 100%,rgba(0,0,0,0.6) 100%); background:linear-gradient(rgba(255,255,255,0) -2%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.04) 44%,rgba(0,0,0,0.8) 100%,rgba(0,0,0,0.6) 100%); position:absolute; bottom:0; left:0; width:100%; height:400%; z-index:11; border-radius:4px; content:' ' } body .mfp-wrap .mfp-content .mejs-container:not(.mejs-audio) .mejs-controls:before { border-radius: 0; } body .mejs-container .mejs-controls >*{ z-index:100; position:relative } body .mejs-container .mejs-controls{ background:none!important; height:50px } #ajax-content-wrap .mejs-playpause-button{ margin-left:20px } #ajax-content-wrap .mejs-fullscreen-button{ margin-right:20px } body .mejs-video .mejs-controls .mejs-time-rail .mejs-time-float{ color:#fff; border:none; background-color:transparent } body .mejs-controls .mejs-time-rail .mejs-time-float-corner{ border-color:transparent transparent } body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float{ border:none; background-color:#fff; height:15px; box-shadow:0 2px 12px rgba(0,0,0,0.25) } #header-outer .wpml-ls-menu-item .wpml-ls-flag{ margin-bottom:0 } /* Isotope */ .isotope-item{ z-index:2 } .isotope-hidden.isotope-item{ pointer-events:none; z-index:1 } .isotope{ -webkit-transition-property:height; -ms-transition-property:height; transition-property:height } .isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity; -ms-transition-property: -ms-transform,opacity; transition-property: transform,opacity } /* BBPress */ .bbp-author-avatar img{ margin-bottom:-3px } body #bbpress-forums fieldset.bbp-form{ border:1px solid #D9D9D9 } #bbpress-forums fieldset.bbp-form p{ padding-bottom:10px } #bbpress-forums .bbp-header, #bbpress-forums .bbp-footer{ font-weight:normal } #bbpress-forums .bbp-body ul.forum, #bbpress-forums .bbp-body ul.topic{ padding-left:15px } #bbpress-forums .bbp-forum-header, #bbpress-forums .bbp-topic-header, #bbpress-forums .bbp-reply-header{ background-color:#f4f4f4 } .bbp-topic-meta{ margin-top:1px } #bbpress-forums .bbp-header{ background-color:#f1f1f1 } #bbpress-forums .wp-editor-container, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results{ border:1px solid #DDD } .bbp-topic-permalink{ font-size:14px } .topic .bbp-topic-title{ margin-top:2px } .bbp-template-notice p{ padding:4px } #bbp_search_submit, #members_search_submit{ padding:10px 11px } #bbpress-forums #subscription-toggle{ color:#ccc } body #bbpress-forums fieldset.bbp-form{ padding-bottom:20px } /* BuddyPress */ body #buddypress form.bp-dir-search-form button[type="submit"] { padding: 10px .7em!important; } .material .buddypress-wrap form.bp-dir-search-form input[type="search"]:focus { box-shadow: none; } .buddypress-wrap form.bp-dir-search-form button[type=submit] span { line-height: 1em; } body[data-form-style="minimal"] #buddypress input[type="text"], body[data-form-style="minimal"] #buddypress input[type="password"], body[data-form-style="minimal"] #buddypress input[type="email"] { padding-left: 10px; padding-right: 10px; } #buddypress input[type=submit]:hover { color: #fff; } #buddypress .activity-update-form #whats-new-submit input[type=submit] { line-height: 1em; } body[data-form-style="minimal"] #buddypress textarea { background-color: rgba(0,0,0,0.018); border-radius: 4px; border: 1px solid rgba(0,0,0,0.05); padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .buddypress-wrap .bp-feedback.bp-messages p { padding-bottom: 0; } #buddypress form#whats-new-form textarea{ width:100%!important } .buddypress h1{ margin-bottom:30px } /* Events calendar */ .tribe-events-c-view-selector ul li, .tribe-events .tribe-events-c-top-bar__nav-list-item { list-style: none; } /*-------------------------------------------------------------------------*/ /* 9. Salient Elements /*-------------------------------------------------------------------------*/ /* 9.1. Animated Title */ .nectar-animated-title, body .wpb_wrapper > .nectar-animated-title { margin-bottom:0 } .nectar-animated-title-inner{ display:inline-block; overflow:hidden; position:relative; margin-bottom:10px } .nectar-animated-title h6{ padding:5px 10px } .nectar-animated-title h5{ padding:6px 12px } .nectar-animated-title h4{ padding:7px 14px } .nectar-animated-title h3{ padding:8px 16px } .nectar-animated-title h2{ padding:10px 20px } .nectar-animated-title h1{ padding:15px 30px } .nectar-animated-title .nectar-animated-title-inner .wrap >*{ margin-bottom:0; position:relative; z-index:100; color:#fff } .nectar-animated-title .nectar-animated-title-inner:after{ display:block; background-color:#000; content:' '; position:absolute; z-index:10; top:0; left:0; width:100%; height:100% } .nectar-animated-title .nectar-animated-title-outer{ display:inline-block } .nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-outer{ perspective:1000px } .nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-inner{ -ms-transform:rotateX(-90deg) translateZ(0); -webkit-transform:rotateX(-90deg) translateZ(0); transform:rotateX(-90deg) translateZ(0); -ms-transform-origin:0px 0px 0px; -webkit-transform-origin:0px 0px 0px; transform-origin:0px 0px 0px; opacity:0; box-shadow:rgba(0,0,0,0.13) 0px 6px 20px } .nectar-animated-title[data-style="hinge-drop"].completed .nectar-animated-title-inner{ -ms-transform:rotateX(0deg) translateZ(0); -webkit-transform:rotateX(0deg) translateZ(0); transform:rotateX(0deg) translateZ(0); opacity:1; -ms-transition:transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1); transition:transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1); -webkit-transition:-webkit-transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1) } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner:after{ -ms-transform-origin:left; -ms-transform:scale(0,1); transform-origin:left; transform:scale(0,1) } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap{ overflow:hidden; -ms-transform:translateX(-100%) translateZ(0); -webkit-transform:translateX(-100%) translateZ(0); transform:translateX(-100%) translateZ(0); position:relative; z-index:100 } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap *{ -ms-transform:translateX(100%) translateZ(0); -webkit-transform:translateX(100%) translateZ(0); transform:translateX(100%) translateZ(0); display:block } .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap *{ -ms-transform:translateX(0%) translateZ(0); -webkit-transform:translateX(0%) translateZ(0); transform:translateX(0%) translateZ(0); -ms-transition:transform 0.7s cubic-bezier(0.85,0,0.12,1); -webkit-transition:-webkit-transform 0.7s cubic-bezier(0.85,0,0.12,1); transition:transform 0.7s cubic-bezier(0.85,0,0.12,1) } .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner:after{ -webkit-animation:colorStripReveal 0.7s cubic-bezier(0.85,0,0.12,1) forwards; animation:colorStripReveal 0.7s cubic-bezier(0.85,0,0.12,1) forwards } @keyframes colorStripReveal{ 0%{ transform:scale(0,1) translateZ(0) } 100%{ transform:scale(1,1) translateZ(0) } } /* 9.2. Button */ .btn { padding:8px 16px } .nectar-button { border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; box-shadow:0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -3px rgba(0,0,0,0.1) inset; transition:opacity .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1); -o-transition:opacity .45s cubic-bezier(0.25,1,0.33,1); color:#FFF; font-family:'Open Sans'; font-weight:600; font-size:12px; padding:13px 18px; position:relative; top: 0; margin-bottom:10px; opacity:1; line-height:20px; background-color:#000; display:inline-block } .nectar-3d-transparent-button { font-family:'Open Sans'; font-weight:700; font-size:12px; line-height:20px; visibility:hidden } .nectar-button.small{ border-radius:2px 2px 2px 2px; font-size:11px; padding:8px 14px; color:#FFF; box-shadow:0 -1px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -1px rgba(0,0,0,0.1) inset; } .nectar-button.medium{ border-radius:3px 3px 3px 3px; padding:10px 15px; font-size:12px; color:#FFF; box-shadow:0 -2px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -2px rgba(0,0,0,0.1) inset; } body .nectar-button.small{ font-size:12px } body .nectar-button.medium{ font-size:12px } .nectar-button.large{ font-size:14px; padding:15px 22px; box-shadow:0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.jumbo{ font-size:18px; padding:25px 40px; box-shadow:0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.extra_jumbo{ font-size:60px; line-height:60px; padding:60px 90px; box-shadow:0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.small.see-through, .nectar-button.small.see-through-2, .nectar-button.small.see-through-3{ padding-top:6px; padding-bottom:6px } .nectar-button.medium.see-through, .nectar-button.medium.see-through-2, .nectar-button.medium.see-through-3{ padding-top:9px; padding-bottom:9px } body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3{ border-width:2px; padding-top:13px; padding-bottom:13px } body .nectar-button.jumbo.see-through, body .nectar-button.jumbo.see-through-2, body .nectar-button.jumbo.see-through-3{ border-width:4px; padding-top:21px; padding-bottom:21px } body .nectar-button.extra_jumbo.see-through, body .nectar-button.extra_jumbo.see-through-2, body .nectar-button.extra_jumbo.see-through-3{ border-width:10px } .nectar-button.extra_jumbo.has-icon, .nectar-button.tilt.extra_jumbo.has-icon{ padding-left:80px; padding-right:80px } .nectar-button.extra_jumbo i, .nectar-button.tilt.extra_jumbo i, .nectar-button.extra_jumbo i[class*="fa-"], .nectar-button.tilt.extra_jumbo i[class*="fa-"] { right:75px } .nectar-button.has-icon.extra_jumbo:hover i, .nectar-button.tilt.extra_jumbo.has-icon i{ -ms-transform:translateX(13px); -webkit-transform:translateX(13px); transform:translateX(13px); } .nectar-button.has-icon.extra_jumbo:hover span, .nectar-button.tilt.extra_jumbo.has-icon span { -ms-transform:translateX(-30px); -webkit-transform:translateX(-30px); transform:translateX(-30px) } body .nectar-button.extra_jumbo i{ font-size:40px; margin-top:-20px; line-height:40px } body .nectar-button em{ font-size:inherit; line-height:inherit } .nectar-button i, .nectar-button i[class*="fa-"] { font-size:18px; line-height:18px; width:18px; position:absolute; top:50%; right:30px; margin-top:-9px; opacity:0; -ms-filter:"alpha(opacity=0)"; transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1) } .nectar-button.small i{ font-size:16px; line-height:16px; right:26px } .nectar-button i.icon-button-arrow{ font-size:19px } .nectar-button.medium i.icon-button-arrow, .nectar-button.small i.icon-button-arrow{ font-size:16px } .nectar-button span{ left:0; display:inline-block; -webkit-transform:translateX(0); transform:translateX(0); transition:opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1); position:relative } .nectar-button .im-icon-wrap svg { width: 18px; height: 18px; fill: currentColor; } .nectar-button.extra_jumbo .im-icon-wrap svg { width: 40px; height: 40px; } .material .nectar-button .im-icon-wrap, .material .nectar-button .im-icon-wrap span { display: block; position: relative; width: 100%; height: 100%; } .material .nectar-button .im-icon-wrap svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body #ajax-content-wrap .nectar-button .im-icon-wrap, body #ajax-content-wrap .nectar-button .im-icon-wrap span { left: auto; transform: none; } .nectar-button.has-icon, .nectar-button.tilt.has-icon{ padding-left:42px; padding-right:42px } body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).has-icon, body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).tilt.has-icon{ padding-left:42px; padding-right:42px } .nectar-button.has-icon.small, .nectar-button.tilt.has-icon.small{ padding-left:33px; padding-right:33px } .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span, body.material .nectar-button.has-icon span { -ms-transform:translateX(-18px); -webkit-transform:translateX(-18px); transform:translateX(-18px) } .nectar-button.has-icon.small:hover span, .nectar-button.tilt.small.has-icon span, body.material .nectar-button.has-icon.small span { -ms-transform:translateX(-14px); -webkit-transform:translateX(-14px); transform:translateX(-14px) } .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i, body.material .nectar-button.has-icon i { opacity:1; -ms-filter:"alpha(opacity=100)"; -webkit-transform:translateX(6px); transform:translateX(6px); } .nectar-button.small.has-icon:hover i, .nectar-button.small.tilt.has-icon i, body.material .nectar-button.small.has-icon i { -webkit-transform:translateX(10px); transform:translateX(10px); } .nectar-button:hover, .full-width-section .light .nectar-button:hover{ opacity:0.87; color:#fff } @media only screen and (min-width: 1000px) { .full-width-section .light .nectar-button.wpb_animate_when_almost_visible:not(.see-through):not(.see-through-2):not(.see-through-3), body .nectar-button.wpb_animate_when_almost_visible{ opacity:0 } } body:not([data-button-style*="rounded_shadow"]) .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3), body .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3){ opacity:0.9 } body[data-button-style] .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body[data-button-style] .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body .nectar-button.wpb_animate_when_almost_visible.animated, body[data-button-style] .nectar-button.wpb_animate_when_almost_visible.animated { opacity:1 } .text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart{ font-family:'Open Sans'; font-weight:700; font-size:12px; line-height:14px; letter-spacing:1px; position:relative; text-transform:uppercase } .text_on_hover.product a.added_to_cart{ border-radius:2px } .nectar-button.see-through, body .nectar-button.see-through { -webkit-box-shadow:none; opacity:1!important; transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1); border-radius:2px; -webkit-border-radius:2px; border:2px solid rgba(255,255,255,0.75) } .text_on_hover.product .add_to_cart_button { -webkit-box-shadow:none; opacity:1; transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1); border-radius:2px; -webkit-border-radius:2px; border:2px solid rgba(255,255,255,0.75) } .nectar-button.see-through, body .nectar-button.see-through, .text_on_hover.product .add_to_cart_button { background-color:transparent!important; box-shadow:none!important; } .nectar-button.see-through-2, .nectar-button.see-through-3{ background-color:transparent; box-shadow:none; -webkit-box-shadow:none; opacity:1; transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1); border-radius:2px; -webkit-border-radius:2px; border:2px solid rgba(255,255,255,0.75) } .nectar-button.see-through-2:hover, .nectar-button.see-through-3:hover{ background-color:transparent } .nectar-button.see-through-3{ border:2px solid rgba(255,255,255,1) } /* rounded buttons */ body[data-button-style^="rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style^="rounded"] .nectar-button.see-through, body[data-button-style^="rounded"].ascend .nectar-button.see-through, body[data-button-style^="rounded"] .nectar-button.see-through-2, body[data-button-style^="rounded"].ascend .nectar-button.see-through-2, body[data-button-style^="rounded"] .nectar-button.see-through-3, body[data-button-style^="rounded"].ascend .nectar-button.see-through-3, body[data-button-style^="rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style^="rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before, body[data-button-style^="rounded"] #to-top, body[data-button-style^="rounded"] .flex-direction-nav a, body[data-button-style^="rounded"] #pagination span, body[data-button-style^="rounded"] #pagination a, body[data-button-style^="rounded"] #pagination .next.inactive, body[data-button-style^="rounded"] #pagination .prev.inactive, body[data-button-style^="rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style^="rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style^="rounded"] #infscr-loading, body[data-button-style^="rounded"] input[type=submit], body[data-button-style^="rounded"] button[type=submit], body[data-button-style^="rounded"] input[type="button"], body[data-button-style^="rounded"] button, body[data-button-style^="rounded"].ascend .container-wrap input[type="submit"], body[data-button-style^="rounded"].ascend .container-wrap button[type="submit"], body[data-button-style^="rounded"] .nectar-button, body[data-button-style^="rounded"] .swiper-slide .button a, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style^="rounded"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button, body[data-button-style^="rounded"] #header-outer .widget_shopping_cart a.button { border-radius: 200px!important; -webkit-border-radius: 200px!important; box-shadow: none; -ms-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="slightly_rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style*="slightly_rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before, body[data-button-style*="slightly_rounded"] #infscr-loading, body[data-button-style*="slightly_rounded"] .flex-direction-nav a, body[data-button-style*="slightly_rounded"] #pagination span, body[data-button-style*="slightly_rounded"] #pagination a, body[data-button-style*="slightly_rounded"] #pagination .next.inactive, body[data-button-style*="slightly_rounded"] #pagination .prev.inactive, body[data-button-style*="slightly_rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style*="slightly_rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style*="slightly_rounded"] input[type=submit], body[data-button-style*="slightly_rounded"] button[type=submit], body[data-button-style*="slightly_rounded"] input[type="button"], body[data-button-style*="slightly_rounded"] button, body[data-button-style*="slightly_rounded"].ascend .container-wrap input[type="submit"], body[data-button-style*="slightly_rounded"].ascend .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .nectar-button, body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button, body[data-button-style*="slightly_rounded"] .comment-list .reply a, body[data-button-style*="slightly_rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-social-inner >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-love, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, body[data-button-style*="slightly_rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a, .ascend[data-button-style="slightly_rounded"] .container-wrap input[type="submit"], .ascend[data-button-style*="slightly_rounded"] .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { border-radius: 4px!important; -webkit-border-radius: 4px!important; box-shadow: none; -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="slightly_rounded"] .nectar-hor-list-item .nectar-list-item-btn { border-radius: 4px; -webkit-border-radius: 4px; } body[data-button-style*="slightly_rounded"] #to-top { border-radius: 200px!important; -webkit-border-radius: 200px!important; } body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through-2 { border-color: rgba(0,0,0,0.15); color: #000; } body[data-button-style*="rounded_shadow"] .wp-block-button > .wp-block-button__link { transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="rounded_shadow"] .wp-block-button > .wp-block-button__link:hover, body[data-button-style*="rounded_shadow"] .nectar-button:hover, body[data-button-style*="rounded_shadow"] .nectar-button:focus, body[data-button-style*="rounded_shadow"].ascend .nectar-button.see-through:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:focus, body[data-button-style*="rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style*="rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="rounded_shadow"].ascend .nectar-button.see-through-2:hover, body[data-button-style*="rounded_shadow"].ascend .nectar-button:hover, body[data-button-style*="rounded_shadow"] .sharing-default-minimal .nectar-love:hover, body[data-button-style="rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, body[data-button-style*="rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, body[data-button-style*="rounded_shadow"] .container-wrap input[type="submit"]:hover, body[data-button-style="rounded_shadow"] .container-wrap button[type="submit"]:hover, body[data-button-style="rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } body[data-button-style*="rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, body[data-button-style*="rounded_shadow"].material .nectar-button.see-through:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.11)!important; } body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover, body[data-button-style="slightly_rounded_shadow"] .nectar-button:focus, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through:hover, body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:focus, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover, body[data-button-style="slightly_rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style="slightly_rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through-2:hover, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button:hover, body[data-button-style="slightly_rounded_shadow"].woocommerce-page .woocommerce p.return-to-shop a.wc-backward:hover, body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-love:hover, body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, body[data-button-style="slightly_rounded_shadow"] .container-wrap input[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16)!important; -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover { transform: translateY(-3px)!important; } body[data-button-style="slightly_rounded_shadow"] .nectar-button.wpb_start_animation, body[data-button-style="rounded_shadow"] .nectar-button.wpb_start_animation { -webkit-animation-fill-mode: none; animation-fill-mode: none; } body[data-button-style="slightly_rounded_shadow"] .widget_search input[type="submit"]:hover { -webkit-transform: none!important; transform: none!important; } body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding: 12px 18px; } body .nectar-button.see-through:hover { border-color: rgba(255,255,255,1); } .col.light .nectar-button.see-through-2, .col.light .nectar-button.see-through-3 { color: #fff; } .col.light .nectar-button.see-through { border-color: rgba(255,255,255,0.75); color: #fff; } .col.light .nectar-button.see-through:hover { border-color: rgba(255,255,255,1); } .col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { border-color: rgba(0,0,0,0.75); color: #444444; } .col.dark .nectar-button.see-through:hover { border-color: rgba(0,0,0,1); } body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover { color: #fff; opacity: 1!important; } h2 .nectar-button { top: -6px; } body.material .nectar-button[class*="m-extra-color-gradient-"][class*="see-through"] { visibility: hidden; } .swiper-slide .button.solid_color_2, .tilt-button-wrap{ -webkit-perspective:800px; perspective:800px; display:inline-block } .swiper-slide .button.solid_color_2:before{ -webkit-font-smoothing:antialiased } .swiper-slide .button.solid_color_2 a:hover, .nectar-button.tilt:hover, .swiper-slide .button.solid_color_2 a:hover:after, .nectar-button.tilt:hover:after, .swiper-slide .button.solid_color_2 a:hover:before, .nectar-button.tilt:hover:before{ -webkit-transition:all .5s cubic-bezier(0.25,1,0.33,1); transition:all .5s cubic-bezier(0.25,1,0.33,1); } .swiper-slide .button.solid_color_2 a, .nectar-button.tilt { display:block; background:#5cbcf6; outline:1px solid transparent; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; outline:none; padding-left:22px; padding-right:22px; position:relative; border-bottom:none; opacity:1; -webkit-transition:all .5s cubic-bezier(0.25,1,0.33,1); transition:all .5s cubic-bezier(0.25,1,0.33,1) } body[data-button-style*="rounded"] .nectar-button.tilt, body[data-button-style="rounded"] .swiper-slide .button-wrap a, body[data-button-style^="rounded"].ascend .container-wrap .search-form input[type="submit"] { border-radius:0!important; -webkit-border-radius:0!important } .swiper-slide .button.solid_color_2 a:after, .nectar-button.tilt:after{ width:100%; height:37%; left:0; top:-35%; -webkit-transform-origin:0% 100%; -webkit-transform:rotateX(90deg); transform-origin:0% 100%; transform:rotateX(90deg); content:''; position:absolute; z-index:-1; -webkit-transition:all .5s cubic-bezier(0.25,1,0.33,1); transition:all .5s cubic-bezier(0.25,1,0.33,1); -webkit-font-smoothing:antialiased } .swiper-slide .button.solid_color_2 a:before, .nectar-button.tilt:before{ width:100%; height:30%; left:0; top:99%; background:#49a7df; -webkit-transform-origin:0% 0%; -webkit-transform:rotateX(-90deg); -ms-transform-origin:0% 0%; -ms-transform:rotateX(-90deg); transform-origin:0% 0%; transform:rotateX(-90deg); -webkit-transition:all .5s cubic-bezier(0.25,1,0.33,1); transition:all .5s cubic-bezier(0.25,1,0.33,1); -webkit-font-smoothing:antialiased; content:''; position:absolute; z-index:-1 } .swiper-slide .button.solid_color_2 a:after, .nectar-button.tilt:after, .swiper-slide .button.solid_color_2 a:before, .nectar-button.tilt:before { opacity: 0; } .swiper-slide .button.solid_color_2 a:hover:after, .nectar-button.tilt:hover:after, .swiper-slide .button.solid_color_2 a:hover:before, .nectar-button.tilt:hover:before { opacity: 1; } .swiper-slide .button.solid_color_2 a:hover, .nectar-button.tilt:hover{ -webkit-transform:rotateX(20deg); -ms-transform:rotateX(20deg); transform:rotateX(20deg) } .swiper-slide .button.solid_color_2 .button-wrap, .tilt-button-inner{ overflow:hidden; padding:3px 0; display:inline } .nectar-3d-transparent-button{ display:inline-block } .nectar-3d-transparent-button a{ display:block } .nectar-3d-transparent-button .hidden-text{ height:1em; line-height:1.5; overflow:hidden } .nectar-3d-transparent-button .hidden-text{ display:block; height:0; position:absolute } body .nectar-3d-transparent-button{ position:relative; margin-bottom:0 } .nectar-3d-transparent-button .inner-wrap{ -webkit-perspective:2000px; perspective:2000px; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:block } .nectar-3d-transparent-button .front-3d{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:block } .nectar-3d-transparent-button .back-3d{ position:relative; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:block } .nectar-3d-transparent-button .back-3d{ -webkit-transform-origin:50% 50% -2.3em; transform-origin:50% 50% -2.3em } .nectar-3d-transparent-button .front-3d{ -webkit-transform-origin:50% 50% -2.3em; transform-origin:50% 50% -2.3em; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg) } .nectar-3d-transparent-button:hover .front-3d{ -webkit-transform:rotateX(0deg); transform:rotateX(0deg) } .nectar-3d-transparent-button:hover .back-3d{ -webkit-transform:rotateX(90deg); transform:rotateX(90deg) } .nectar-3d-transparent-button .back-3d, .nectar-3d-transparent-button .front-3d{ transition:-webkit-transform .25s cubic-bezier(.2,.65,.4,1); transition:transform .25s cubic-bezier(.2,.65,.4,1); transition:transform .25s cubic-bezier(.2,.65,.4,1),-webkit-transform .25s cubic-bezier(.2,.65,.4,1) } .nectar-3d-transparent-button .back-3d, .nectar-3d-transparent-button .front-3d{ -webkit-backface-visibility:hidden; backface-visibility:hidden } .nectar-3d-transparent-button .back-3d svg, .nectar-3d-transparent-button .front-3d svg{ display:block } /* Underline Effect */ .nectar-category-grid .nectar-category-grid-item .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:after, .nectar-cta[data-style="underline"] .link_wrap .link_text:after { display: block; content: ''; position: absolute; z-index: -1; width: 100%; height: 2px; background-color: #fff; bottom: -4px; opacity: 0.8; left: 0; backface-visibility: hidden; pointer-events: none; animation: portSliderLine2 0.45s cubic-bezier(.15,.75,.5,1) forwards; } body:not(.mobile) .nectar-category-grid .nectar-category-grid-item:hover .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, body:not(.mobile) .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:hover:after, body:not(.mobile) .nectar-cta[data-style="underline"] .link_wrap .link_text:hover:after { animation: portSliderLine 0.45s cubic-bezier(.15,.75,.5,1) forwards; } @keyframes portSliderLine { 0% { transform: scaleX(0); transform-origin: left;} 100% { transform: scaleX(1); transform-origin: left;} } @keyframes portSliderLine2 { 0% { transform: scaleX(1); transform-origin: right;} 100% { transform: scaleX(0); transform-origin: right;} } .nectar-category-grid[data-text-color="dark"] .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, .span_12.dark .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:after { background-color: #000; } .nectar-category-grid[data-text-color="dark"] .nectar-category-grid-item .content *, .span_12.dark .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a { color: #000; } .nectar-category-grid[data-text-color="light"] .nectar-category-grid-item .content *, .full-width-section > .col.span_12.dark .nectar-category-grid[data-text-color="light"] .nectar-category-grid-item .content *, .span_12.light .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a { color: #fff; } /* 9.3. Call to Action */ .nectar-cta .link_wrap .link_text{ padding-right:36px; position:relative; display:inline-block } .nectar-cta[data-display="inline"] { display: inline-block; } .nectar-cta[data-using-bg="true"] .text { margin-right: 10px; } .nectar-cta .link_wrap{ position:relative; text-decoration:inherit; speak:none } .nectar-cta[data-using-bg="true"] .link_wrap { cursor: pointer; } .nectar-cta[data-style="see-through"] .link_wrap .arrow:after{ position:absolute; content:''; border-bottom:1px solid #000; height:1px; width:22px; right:12px; top:50%; margin-top:-2px; -ms-transform:scale(0,1) translateX(0px); -ms-transform-origin:left; transform:scale(0,1) translateX(0px); transform-origin:left; -webkit-transform:scale(0,1) translateX(0px); -webkit-transform-origin:left; pointer-events:none; transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1) } .nectar-cta .link_wrap .arrow:before { font-family:'Fontawesome'; font-weight:normal; font-style:normal; text-decoration:inherit; backface-visibility:hidden; -webkit-font-smoothing:antialiased; content:"\f105"; color:#000; line-height:30px; font-size:14px; position:absolute; right:0; width:26px; text-align:center; height:30px; top:50%; margin-top:-16px; -ms-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1) } .nectar-cta[data-text-color="custom"] .link_wrap .arrow:before, .span_12.light .nectar-cta[data-text-color="custom"] .link_wrap .arrow:before, .nectar-cta[data-text-color="custom"] .arrow:after, .span_12.light .nectar-cta[data-text-color="custom"] .arrow:after, .nectar-cta[data-style="see-through"][data-text-color="custom"] .link_wrap .arrow:after{ color:inherit; border-color:inherit } .nectar-cta[data-alignment="left"]{ text-align:left } .nectar-cta[data-alignment="center"]{ text-align:center } .nectar-cta[data-alignment="right"]{ text-align:right } .span_12.light .nectar-cta .link_wrap .link_text:after{ border-color:rgba(255,255,255,0.5); border-radius:50% } .nectar-cta[data-color="black"]:not([data-style="material"]) .link_wrap { background-color: #000; } .nectar-cta[data-color="white"]:not([data-style="material"]) .link_wrap { background-color: #fff; } #ajax-content-wrap .nectar-cta .arrow, .nectar-cta .arrow{ letter-spacing:0 } .span_12.light .nectar-cta .arrow:before{ color:#fff } .span_12.light .nectar-cta .arrow:after{ border-color:#fff } .nectar-cta .link_wrap .link_text{ color:inherit } .nectar-cta > p { padding-bottom: 0; } .nectar-cta[data-text-color="custom"] .link_wrap .link_text:after, .nectar-cta[data-text-color="custom"] .link_wrap:after{ border-color:inherit!important } .nectar-cta[data-text-color="custom"] .link_wrap:before{ color:inherit!important } .nectar-cta[data-style="material"] .link_wrap .circle { background-color: #000; } .nectar-cta .link_wrap .link_text:after, .nectar-cta[data-style="material"] .link_wrap .link_text:before, .nectar-cta[data-style="material"] .link_wrap .circle { border-radius:100px; border:1px solid rgba(0,0,0,0.3); height:25px; width:25px; position:absolute; right:0; top:50%; margin-top:-14px; content:' '; display:block; pointer-events:none; -ms-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1) } .nectar-cta[data-style="see-through"] .link_wrap:hover .link_text:after{ -ms-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0 } .nectar-cta[data-style="see-through"] .link_wrap:hover .arrow:after, .nectar-cta[data-style="see-through"] .link_wrap:hover .arrow:before{ -ms-transform:scale(1,1) translateX(9px); -webkit-transform:scale(1,1) translateX(9px); transform:scale(1,1) translateX(9px) } .nectar-cta[data-style="material"] .link_wrap .circle { border: none; z-index: -1; } .nectar-cta[data-style="material"] .link_wrap .link_text:before { box-shadow: 0 9px 20px; opacity: 0.29; border: none; z-index: -1; } .nectar-cta[data-style="material"] .link_wrap .link_text:after { background-color: inherit; border: none; } .nectar-cta[data-style="material"] .link_wrap .link_text { padding-right: 38px; } .nectar-cta[data-style="material"] .link_wrap .arrow { overflow: hidden; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -14px; height: 25px; line-height: 28px; width: 24px; border-radius: 50px; transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1) } .nectar-cta[data-style="material"] .link_wrap .arrow:before, .nectar-cta[data-style="material"] .link_wrap .arrow:after { margin-top: -14px; height: 28px; line-height: 28px; width: 25px; padding-left: 1px; box-sizing: border-box; } .nectar-cta[data-style="material"] .link_wrap .arrow:after { transform: translateX(-100%); } .nectar-cta[data-style="material"] .link_wrap .link_text:before, .nectar-cta[data-style="material"] .link_wrap .circle { height: 27px; width: 27px; right: -1px; margin-top: -14px; } .nectar-cta[data-style="material"] .link_wrap .circle { transform: scale(0.85); } .nectar-cta[data-style="material"] .link_wrap .link_text:before { transform: scale(0.84); } .nectar-cta[data-style="material"] .link_wrap:hover .circle, .nectar-cta[data-style="material"] .link_wrap:hover .link_text:before { transform: scale(1); } .nectar-cta[data-style="material"] .arrow, .nectar-cta[data-style="material"] .link_wrap .arrow:before, .nectar-cta[data-style="material"] .link_wrap .arrow:after { color: #fff; } .nectar-cta[data-style="underline"] .link_wrap .link_text { padding-right: 0; } .nectar-cta[data-style="underline"] .link_wrap .link_text:after { margin-top: 0; top: auto; border-top: none; border-right: none; bottom: 0px; border-left: none; border-bottom: 2px solid #000; border-radius: 0; background-color: transparent!important; transition: transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1); animation: none; transform-origin: left; z-index: 1; } .span_12.light .nectar-cta[data-style="underline"] .link_wrap .link_text:after { border-radius: 0; } body:not(.mobile) .nectar-cta[data-style="underline"] .link_wrap:hover .link_text:after { animation: none; transform: scaleX(0); transform-origin: right; } .nectar-cta[data-style="arrow-animation"] svg, .nectar-cta[data-style="arrow-animation"] svg polyline { stroke: currentColor; } .team-meta .nectar-cta[data-style="arrow-animation"] svg polyline { stroke-dashoffset: 0; stroke-dasharray: 0; } .nectar-cta[data-style="arrow-animation"] svg polyline { stroke-dashoffset: 140px; stroke-dasharray: 140px; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text:after { display: none; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text { padding: 0 0 0 40px; position: relative; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { display: block; } .nectar-cta[data-style="arrow-animation"] .line { height: 1px; width: 25px; position: absolute; content: ''; left: 0; display: block; top: 50%; transform-origin:left; -webkit-transform: translateY(calc(-50% + 0.5px)) translateZ(0); transform: translateY(calc(-50% + 0.5px)) translateZ(0); } .nectar-cta[data-style="arrow-animation"] svg { position: absolute; left: 25px; top: 50%; width: 6px; } .team-meta nectar-cta[data-style="arrow-animation"] svg { left: 24px; } @keyframes ctaArrowSVGStart { 0% { transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0); } 100% { transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0); } } @keyframes ctaArrowSVGEnd { 0% { transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0); } 100% { transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0); } } @keyframes ctaArrowTextStart { 0% { transform: translateX(6px); } 100% { transform: translateX(0); } } @keyframes ctaArrowTextEnd { 0% { transform: translateX(0); } 100% { transform: translateX(6px); } } @keyframes ctaArrowStart { 0% { stroke-dashoffset: 140px; stroke-dasharray: 140px; } 100% { stroke-dasharray: 140px; stroke-dashoffset: 10px; } } @keyframes ctaArrowStartTeam { 0% { stroke-dashoffset: 0px; stroke-dasharray: 0px; } 50% { stroke-dashoffset: 140px; stroke-dasharray: 140px; } 100% { stroke-dasharray: 140px; stroke-dashoffset: 10px; } } @keyframes ctaArrowEnd { 0% { stroke-dashoffset: 10px; stroke-dasharray: 150px 150px; } 40% { opacity: 1; } 100% { opacity: 0; stroke-dashoffset: -53px; stroke-dasharray: 1px 150px; } } @keyframes ctaArrowLineStart { 0% { transform-origin: left; transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0); } 100% { transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0); } } @keyframes ctaArrowLineEnd { 0% { transform-origin: right; transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0); } 50% { transform-origin: right; transform: scaleX(0) translateY(calc(-50% + 0.5px)) translateZ(0); } 51% { transform-origin: left; } 100% { transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0); transform-origin: left; } } .nectar-cta[data-style="arrow-animation"]:not(.loaded) * { animation-duration: 0s!important; } .nectar-cta[data-style="arrow-animation"] svg polyline { animation: ctaArrowEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: none; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { animation: ctaArrowTextStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .line { animation: ctaArrowLineStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] svg { animation: ctaArrowSVGStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover svg, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap svg { animation: ctaArrowSVGEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover .link_text .line, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text .line { animation: ctaArrowLineEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover .link_text > .text, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { animation: ctaArrowTextEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover polyline, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: ctaArrowStart 0.45s ease 0.25s forwards; } .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap:hover polyline, .team-member:hover .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: ctaArrowStartTeam 0.8s ease forwards; } .nectar-cta[data-style="basic"] .link_wrap .link_text:after { display: none; } .nectar-cta[data-style="basic"] .link_wrap .link_text { padding-right: 0; } .nectar-cta[data-style="basic"][data-using-bg="true"] .text { margin-right: 0; } body[data-button-style^="rounded"] .nectar-cta .link_wrap:before { border-radius: 200px; } body[data-button-style*="slightly_rounded"] .nectar-cta .link_wrap:before { border-radius: 4px; } .nectar-cta[data-color*="extra-color-gradient"][class*="hover_color_"] .link_wrap:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; } .nectar-cta[data-color*="extra-color-gradient"][class*="hover_color_"] .link_wrap:before { left: -0.1%; top: -0.1%; width: 100.2%; height: 100.2%; } .nectar-cta[data-color*="extra-color-gradient"][class*="hover_color_"] .link_wrap:hover:before { opacity: 1; } /* 9.4. Cascading images */ .nectar_cascading_images{ position:relative; display:block; } .nectar_cascading_images .cascading-image { pointer-events: none; } .nectar_cascading_images .cascading-image img, .nectar_cascading_images .cascading-image .img-wrap{ display:block; margin-bottom:0; line-height:0 } .nectar_cascading_images .cascading-image img.nectar-lazy { opacity: 0; width: 100%; transition: opacity 0.5s ease; } .nectar_cascading_images .cascading-image img.nectar-lazy.loaded { opacity: 1; } .nectar_cascading_images .cascading-image img{ backface-visibility:hidden; -webkit-backface-visibility:hidden } .nectar_cascading_images .cascading-image .img-wrap{ backface-visibility:hidden; -webkit-backface-visibility:hidden; display:inline-block } .nectar_cascading_images .cascading-image, .nectar_cascading_images .cascading-image .inner-wrap{ display:inline-block; width:100%; text-align:center } .nectar_cascading_images { line-height: 0; } .nectar_cascading_images .cascading-image:not(:first-child){ position:absolute; top:50%; left:50%; -ms-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%) } .nectar_cascading_images.animated-in .cascading-image .inner-wrap{ -ms-transition:transform 0.7s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease; -webkit-transition:-webkit-transform 0.7s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease; transition:transform 0.7s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease } .nectar_cascading_images.animated-in .cascading-image[data-animation="grow-in-reveal"] .inner-wrap{ -ms-transition:transform 1.1s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease; -webkit-transition:-webkit-transform 1.1s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease; transition:transform 1.1s cubic-bezier(.3,0.95,.3,0.95),opacity 0.3s ease } .nectar_cascading_images[data-border-radius="3px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="3px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="3px"] .inner-wrap .bg-color { border-radius: 3px; } .nectar_cascading_images[data-border-radius="5px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="5px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="5px"] .inner-wrap .bg-color { border-radius: 5px; } .nectar_cascading_images[data-border-radius="10px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="10px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="10px"] .inner-wrap .bg-color { border-radius: 10px; } .nectar_cascading_images[data-border-radius="15px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="15px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="15px"] .inner-wrap .bg-color { border-radius: 15px; } .nectar_cascading_images[data-border-radius="20px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="20px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="20px"] .inner-wrap .bg-color { border-radius: 20px; } .cascading-image[data-has-img="true"] .inner-wrap .bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nectar_cascading_images .cascading-image[data-max-width="125%"] img { max-width: 125%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="135%"] img { max-width: 135%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="150%"] img { max-width: 150%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="175%"] img { max-width: 175%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="200%"] img { max-width: 200%; width: auto; } @media only screen and (max-width: 1000px) { .nectar_cascading_images .cascading-image[data-max-width-mobile="100%"] img { max-width: 100%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="125%"] img { max-width: 125%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="135%"] img { max-width: 135%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="150%"] img { max-width: 150%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="175%"] img { max-width: 175%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="200%"] img { max-width: 200%; width: auto; } } @media all and (-ms-high-contrast:none){ *::-ms-backdrop,.row .nectar_cascading_images .cascading-image img:not([srcset]){ width:100% } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .row .nectar_cascading_images .cascading-image img:not([srcset]){ width:100% } .nectar_cascading_images .cascading-image .img-wrap { max-width: 100%; } } /* 9.5. Category Grid (Loaded conditionally) - See css/elements/category-grid.css */ /* 9.6. Clients */ .clients.two-cols >div{ width:49.4% } .clients.two-cols.no-carousel >div{ width:48.4% } .clients.two-cols >div:nth-child(2n+2){ margin-right:0 } .clients.carousel.two-cols >div{ margin:0 10px } .clients.three-cols >div{ width:32.6% } .clients.three-cols.no-carousel >div{ width:31.6% } .clients.three-cols >div:nth-child(3n+3){ margin-right:0 } .clients.carousel.three-cols >div{ margin:0 10px } @media only screen and (min-width: 1000px) { .clients.no-carousel.three-cols > div:nth-child(3n+4) { clear: both; } } @media only screen and (min-width: 690px) { .clients.no-carousel.four-cols > div:nth-child(4n+5) { clear: both; } .clients.no-carousel.five-cols > div:nth-child(5n+6) { clear: both; } .clients.no-carousel.six-cols > div:nth-child(6n+7) { clear: both; } } .clients.four-cols >div{ width:24.2% } .clients.four-cols.no-carousel >div{ width:23.2% } .clients.four-cols >div:nth-child(4n+4){ margin-right:0 } .clients.carousel.four-cols >div{ margin:0 10px } .clients.five-cols >div{ width:19.2% } .clients.five-cols.no-carousel >div{ width:18.2% } .clients.five-cols >div:nth-child(5n+5){ margin-right:0 } .clients.carousel.five-cols >div{ margin:0 10px } .clients.six-cols >div{ width:15.8% } .clients.six-cols.no-carousel >div{ width:14.8% } .clients.six-cols >div:nth-child(6n+6){ margin-right:0 } .clients.carousel.six-cols >div{ margin:0 10px } .clients >div{ float:left; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; margin-right:2%; margin-bottom:2%; opacity:1 } .clients.fade-in-animation >div{ opacity:0; -webkit-transition:none; transition:none; } .clients.fade-in-animation.completed >div{ -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; -webkit-backface-visibility:hidden } .clients:not(.fade-in-animation) >.no-link:hover, .clients.fade-in-animation.completed >.no-link:hover{ opacity:1!important } .clients:not(.fade-in-animation) >div:hover, .clients.fade-in-animation.completed >div:hover{ opacity:0.7!important } .clients >div img{ display:block; max-width:100%; margin:0 auto } .clients.no-carousel:after{ content:""; display:block; height:0; clear:both; visibility:hidden } .clients.no-carousel { display: -ms-flexbox; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -ms-flex-flow: row wrap; flex-wrap: wrap; } .clients.no-carousel > div { float: none; } .clients[data-additional_padding="2"].no-carousel > div, .clients[data-additional_padding="3"].no-carousel > div, .clients[data-additional_padding="4"].no-carousel > div, .clients[data-additional_padding="2"].no-carousel > div img, .clients[data-additional_padding="3"].no-carousel > div img, .clients[data-additional_padding="4"].no-carousel > div img { margin: 0; } .clients[data-additional_padding="2"].no-carousel >div { padding: 2%; } .clients[data-additional_padding="3"].no-carousel >div { padding: 3%; } .clients[data-additional_padding="4"].no-carousel >div { padding: 3% 5%; } .clients[data-he="greyscale_to_color"] > div img{ transition: filter 0.45s cubic-bezier(0.3, 0.4, 0.1, 1), opacity 0.45s cubic-bezier(0.3, 0.4, 0.1, 1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.55; } .clients[data-he="greyscale_to_color"] > div:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } /* 9.7. Divider */ .wpb_wrapper >.divider, .wpb_wrapper >.divider-border, .wpb_wrapper >.divider-small-border, .wpb_wrapper >.divider-wrap{ margin-bottom:0 } .divider{ height:20px } .divider-border{ margin:35px auto 35px auto; background-color:rgba(0,0,0,0.12); height:1px } .span_12.light .divider-border{ background-color:rgba(255,255,255,0.3) } .divider-small-border{ margin:25px 0; width:20%; height:1px; background-color:#ddd } .divider-border[data-animate="yes"], .divider-small-border[data-animate="yes"]{ visibility:hidden; transform-origin:left; -webkit-transform-origin:left } .divider-wrap[data-alignment="center"] .divider-small-border { transform-origin:center; -webkit-transform-origin:center; margin: 25px auto; } .divider-wrap[data-alignment="right"] { text-align: right; } .divider-wrap[data-alignment="right"] .divider-small-border { transform-origin: right; -webkit-transform-origin: right; margin-right: 0; margin-left: 0; display: inline-block; } body .wpb_separator, body .vc_text_separator{ border-color:rgba(0,0,0,0.06) } body .vc_text_separator div{ background-color:#f8f8f8; font-family:'Open Sans'; font-weight:300; font-size:22px; line-height:32px; letter-spacing:0.5px; top:-20px } .light .divider-small-border{ background-color:rgba(255,255,255,0.6) } /* 9.8. Dropcap */ .nectar-dropcap{ font-size:4em; display:block; float:left; padding:5px 10px 0 0 } .nectar-dropcap span{ display:block } /* 9.9. Fancy Box (Loaded conditionally) - See css/elements/fancy-box.css */ /* 9.10. Fancy Unordered List */ .nectar-fancy-ul ul li{ list-style:none; position:relative; padding-left:38px } body .nectar-fancy-ul[data-list-icon="none"] ul li{ padding-left:0; margin-bottom:0 } .nectar-fancy-ul ul{ margin-left:0 } .nectar-fancy-ul ul li i, .nectar-fancy-ul ul li i.icon-default-style{ position:absolute; left:0; top:0; width:20px } .nectar-fancy-ul ul li .icon-default-style[class^="icon-"]{ font-size:16px; height:100%; line-height:22px } .nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line{ font-size:27px; height:27px; line-height:27px } .main-content .nectar-fancy-ul[data-spacing="5px"] ul li { margin-bottom: 5px; } .main-content .nectar-fancy-ul[data-spacing="10px"] ul li { margin-bottom: 10px; line-height: 1.5em; } .main-content .nectar-fancy-ul[data-spacing="15px"] ul li { margin-bottom: 15px; line-height: 1.5em; } .main-content .nectar-fancy-ul[data-spacing="20px"] ul li { margin-bottom: 20px; line-height: 1.5em; } .main-content .nectar-fancy-ul[data-spacing="25px"] ul li { margin-bottom: 25px; line-height: 1.5em; } .nectar-fancy-ul[data-list-icon="dot"] ul li { padding-left: 30px; } .nectar-fancy-ul[data-list-icon="dot"] ul li:before { content: "."; position: absolute; left: 0px; top: 9px; line-height: 0; font-size: 26px; } .nectar-fancy-ul[data-animation="true"] ul li{ opacity:0; left:-20px; margin-bottom:5px } .nectar-fancy-ul[data-alignment="center"] ul, .nectar-fancy-ul[data-alignment="center"] ul li{ text-align:center!important } .nectar-fancy-ul[data-alignment="right"] ul, .nectar-fancy-ul[data-alignment="right"] ul li{ text-align:right!important } .nectar-fancy-ul[data-alignment="right"] ul li i:not(.none), .nectar-fancy-ul[data-alignment="center"] ul li i:not(.none){ position:relative; margin-right:10px } /* 9.11. Flip Box (Loaded conditionally) - See css/elements/flip-box.css */ /* 9.12. Food Menu Item */ body .nectar_food_menu_item, body .tabbed .nectar_food_menu_item{ margin-bottom:30px } body .nectar_food_menu_item .inner{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .span_12.light .nectar_food_menu_item .line_spacer{ border-color:#fff } .tabbed > .wpb_tab:not(.visible-tab) { display: none; } .nectar_food_menu_item h3, .nectar_food_menu_item h4, .nectar_food_menu_item h5, .nectar_food_menu_item h6, .row .col .nectar_food_menu_item h3, .row .col .nectar_food_menu_item h4, .row .col .nectar_food_menu_item h5, .row .col .nectar_food_menu_item h6 { margin-bottom:0; line-height:21px } .nectar_food_menu_item[data-style="default"] .line_spacer{ visibility:hidden } .nectar_food_menu_item .line_spacer{ border-bottom:1px solid #000; -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto } .nectar_food_menu_item .item_price{ -webkit-box-flex:0; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; padding-left:10px; text-align:left } .nectar_food_menu_item .item_name{ padding-right:10px; -webkit-box-flex:0; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto } .nectar_food_menu_item .inner{ transition:transform 0.6s cubic-bezier(0,0.2,0.22,1),opacity 0.6s cubic-bezier(0,0.2,0.22,1); transform:translateY(50px); opacity:0 } .nectar_food_menu_item .item_description{ margin-top:10px; transition:transform 0.6s cubic-bezier(0,0.2,0.22,1) 0.1s,opacity 0.6s cubic-bezier(0,0.2,0.22,1) 0.1s; transform:translateY(50px); opacity:0 } .nectar_food_menu_item.animated-in .item_description, .nectar_food_menu_item.animated-in .inner{ -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } /* 9.13. Highlighted Text */ .nectar-highlighted-text em { position: relative; display: inline-block; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; line-height: 1em; padding: 0 3px; } .nectar-highlighted-text[class*="font_size_"] em { line-height: inherit; } .nectar-highlighted-text em:before, .nectar-highlighted-text[data-style="regular_underline"] a em:after, .nectar-highlighted-text[data-style="regular_underline"] em a:after { -webkit-transition: -webkit-transform 1.2s cubic-bezier(.15,.75,.4,1), opacity 0.25s ease; transition: transform 1.2s cubic-bezier(.15,.75,.4,1), opacity 0.25s ease; content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } .nectar-highlighted-text[data-style="regular_underline"] a em:after, .nectar-highlighted-text[data-style="regular_underline"] em a:after { -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.23, 0.46, 0.4, 1); transition: transform 0.45s cubic-bezier(0.23, 0.46, 0.4, 1); } .nectar-highlighted-text[data-style="regular_underline"] em a, .nectar-highlighted-text[data-style="regular_underline"] a em { -webkit-transition: color 0.45s cubic-bezier(0.23, 0.46, 0.4, 1); transition: color 0.45s cubic-bezier(0.23, 0.46, 0.4, 1); } .nectar-highlighted-text[data-style="regular_underline"] a:hover em, .nectar-highlighted-text[data-style="regular_underline"] em:hover a { color: #fff; } .nectar-highlighted-text[data-style="regular_underline"][data-color="#ffffff"] a:hover em, .nectar-highlighted-text[data-style="regular_underline"][data-color="#ffffff"] em:hover a { color: #000; } .nectar-highlighted-text[data-style="half_text"] em:before { height: 28%; top: auto; bottom: 0; } .nectar-highlighted-text[data-style="regular_underline"] em:before { height: 3px; top: auto; bottom: -1px; padding: 0; } .nectar-highlighted-text[data-style="regular_underline"][data-underline-thickness="1px"] em:before { height: 1px; } .nectar-highlighted-text[data-style="regular_underline"][data-underline-thickness="2px"] em:before { height: 2px; } .nectar-highlighted-text[data-style="regular_underline"][data-underline-thickness="4px"] em:before { height: 4px; } .nectar-highlighted-text[data-style="regular_underline"] em { padding: 0; } .nectar-highlighted-text[data-style="regular_underline"] a em:after { height: 100%; } .nectar-highlighted-text em.animated:before, .nectar-highlighted-text[data-style="regular_underline"] a:hover em:after, .nectar-highlighted-text[data-style="regular_underline"] em:hover a:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .nectar-highlighted-text[data-using-custom-color="false"] em:before { opacity: 0.3; } @media only screen and (max-width: 999px) { body:not([data-m-animate="1"]) .nectar-highlighted-text em.animated:before { -webkit-transition: none; transition: none; } } .nectar-highlighted-text a { color: inherit; } .nectar-highlighted-text[data-style="half_text"] a:hover em.animated:before { -webkit-transform: scaleX(1) scaleY(0.5); transform: scaleX(1) scaleY(0.5); } .nectar-highlighted-text[data-style="full_text"] a:hover em.animated:before { opacity: 0.65; } .nectar-highlighted-text[data-style="text_outline"] em:before { display: none; } .nectar-highlighted-text[data-style="text_outline"] em, .nectar-scrolling-text[data-style="text_outline"] em, .nectar-scrolling-text[data-style="text_outline"] i { -webkit-text-stroke-color: inherit; -webkit-text-fill-color: rgba(0,0,0,0); } .nectar-highlighted-text[data-style="text_outline"] a em { transition: transform 0.3s ease; transform-origin: left bottom; } .nectar-highlighted-text[data-style="text_outline"] a:hover em { -webkit-text-fill-color: initial; -webkit-text-stroke-color: rgba(0,0,0,0); transform: skewX(-10deg); } .nectar-highlighted-text[data-style][data-user-color="true"] * { color: inherit; } .nectar-highlighted-text[data-style="text_outline"] em { display: inline; padding: 0; } .nectar-highlighted-text[data-style="text_outline"][data-outline-thickness="thin"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="thin"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="thin"] i { -webkit-text-stroke-width: 0.015em; } .nectar-highlighted-text[data-style="text_outline"][data-outline-thickness="regular"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="regular"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="regular"] i { -webkit-text-stroke-width: 0.02em; } .nectar-highlighted-text[data-style="text_outline"][data-outline-thickness="thick"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="thick"] em { -webkit-text-stroke-width: 0.03em; } .nectar-highlighted-text[data-style="text_outline"][data-outline-thickness="extra_thick"] em, .nectar-scrolling-text[data-style="text_outline"][data-outline-thickness="extra_thick"] em { -webkit-text-stroke-width: 0.04em; } /* 9.14. Horizontal List Item */ .wpb_wrapper >.nectar-hor-list-item:not([data-hover-effect="full_border"]):last-child{ border-bottom:0 } .wpb_wrapper >.nectar-hor-list-item{ margin-bottom:0 } .nectar-hor-list-item{ box-sizing:border-box; position:relative; border-bottom:1px solid rgba(0,0,0,0.12); padding:22px; margin-bottom:0; -webkit-transition:all .4s cubic-bezier(0.2,0,0.15,1); -ms-transition:all .4s cubic-bezier(0.2,0,0.15,1); transition:all .4s cubic-bezier(0.2,0,0.15,1) } .nectar-hor-list-item[data-hover-effect="none"] { padding-left: 0; padding-right: 0; } body .tabbed .nectar-hor-list-item { padding:22px; } .span_12.light .nectar-hor-list-item{ border-color:rgba(255,255,255,0.12) } .nectar-hor-list-item[data-hover-effect="default"]:before{ height:100%; opacity:0; bottom:0; left:0; content:''; position:absolute; right:0; z-index:-1; -webkit-transform:perspective(1000px) rotateX(90deg); -ms-transform:perspective(1000px) rotateX(90deg); transform:perspective(1000px) rotateX(90deg); -webkit-transform-origin:50% 100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transition:all .4s cubic-bezier(0.2,0,0.15,1); -ms-transition:all .4s cubic-bezier(0.2,0,0.15,1); transition:all .4s cubic-bezier(0.2,0,0.15,1) } .nectar-hor-list-item[data-color="black"]:before{ background-color:#000 } .nectar-hor-list-item[data-color="white"]:before{ background-color:#fff } .nectar-hor-list-item[data-hover-effect="default"]:hover{ border-color:transparent!important } .nectar-hor-list-item[data-hover-effect="default"]:hover:before{ opacity:1; -webkit-transform:perspective(1000px) rotateX(0); -ms-transform:perspective(1000px) rotateX(0); transform:perspective(1000px) rotateX(0) } .nectar-hor-list-item[data-hover-effect="default"]:hover .nectar-list-item, .nectar-hor-list-item[data-hover-effect="default"]:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item, .span_12.light .nectar-hor-list-item .nectar-list-item-btn { color:#fff } .nectar-hor-list-item[data-hover-effect="default"]:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item-btn{ border-color:rgba(255,255,255,0.5) } .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item, .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item-btn{ color:#000 } .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item-btn{ border-color:rgba(0,0,0,0.3) } body .nectar-hor-list-item .nectar-list-item-btn { font-size:14px; } .nectar-hor-list-item .nectar-list-item-btn{ padding:8px 12px; display:inline-block; border:2px solid rgba(0,0,0,0.3); line-height:12px; color:#000; margin:3px 3px; -webkit-transition:border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1); -ms-transition:border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1); transition:border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1) } .nectar-hor-list-item[data-hover-effect="default"] .nectar-list-item-btn:hover, .span_12.light .nectar-hor-list-item .nectar-list-item-btn:hover{ border-color:#fff } .nectar-hor-list-item[data-hover-effect="none"]:hover .nectar-list-item { color: inherit; } .nectar-hor-list-item .full-link{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100 } body[data-button-style^="rounded"] .nectar-hor-list-item .nectar-list-item-btn{ border-radius:100px } .nectar-hor-list-item >.nectar-list-item{ display:inline-block; vertical-align:middle; -webkit-transition:color .4s cubic-bezier(0.2,0,0.15,1); -ms-transition:color .4s cubic-bezier(0.2,0,0.15,1); transition:color .4s cubic-bezier(0.2,0,0.15,1) } .nectar-hor-list-item >.nectar-list-item[data-text-align="left"]{ text-align:left } .nectar-hor-list-item >.nectar-list-item[data-text-align="center"]{ text-align:center } .nectar-hor-list-item >.nectar-list-item[data-text-align="right"]{ text-align:right } .nectar-hor-list-item[data-columns="1"] >.nectar-list-item{ width:100% } .nectar-hor-list-item[data-columns="2"] >.nectar-list-item{ width:50% } .nectar-hor-list-item[data-columns="3"] >.nectar-list-item{ width:33.3% } .nectar-hor-list-item[data-columns="4"] >.nectar-list-item{ width:25% } .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(3){ width:15% } .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(4){ width:35% } .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(1){ width:20% } .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(3){ width:40% } .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(3){ width:50% } .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(3), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(3), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(2){ width:25% } .nectar-hor-list-item[data-columns="2"][data-column-layout="large_first"] >div:nth-child(1){ width:70% } .nectar-hor-list-item[data-columns="2"][data-column-layout="large_first"] >div:nth-child(2){ width:30% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xlarge_first"] >div:nth-child(1){ width:80% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xlarge_first"] >div:nth-child(2){ width:20% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xsmall_first"] >div:nth-child(1){ width:20% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xsmall_first"] >div:nth-child(2){ width:80% } .nectar-hor-list-item[data-columns="2"][data-column-layout="small_first"] >div:nth-child(1){ width:30% } .nectar-hor-list-item[data-columns="2"][data-column-layout="small_first"] >div:nth-child(2){ width:70% } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] >div:nth-child(1){ width: 40%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] >div:nth-child(2){ width: 60%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_last"] >div:nth-child(1){ width: 40%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_last"] >div:nth-child(2){ width: 60%; } .nectar-hor-list-item .nectar-list-item[data-text-align="left"] { padding-right: 30px; } .nectar-hor-list-item > div[data-text-align="left"]:last-child { padding-right: 0; } .nectar-hor-list-item .nectar-list-item[data-text-align="right"] { padding-left: 30px; } .nectar-hor-list-item .nectar-list-item[data-text-align="center"] { padding-right: 15px; padding-right: 15px; } .nectar-hor-list-item[data-hover-effect="none"]:before { display: none; } .row .nectar-hor-list-item h5, .row .nectar-hor-list-item h4, .row .nectar-hor-list-item h3, .row .nectar-hor-list-item h2 { color: inherit; margin-bottom: 0; } .nectar-hor-list-item[data-hover-effect="full_border"] { transition: all 0.25s ease; } .nectar-hor-list-item[data-hover-effect="full_border"] .nectar-list-item-btn { border: none; background-color: rgba(0, 0, 0, 0.05); transition: all 0.25s ease; } .nectar-hor-list-item[data-hover-effect="full_border"] .nectar-list-item-btn:hover { color: #fff; } .span_12.light .nectar-hor-list-item[data-hover-effect="full_border"] .nectar-list-item-btn { border: none; background-color: rgba(255, 255, 255, 0.1); } .nectar-hor-list-item[data-hover-effect="full_border"][data-br="3px"] { border-radius: 3px;} .nectar-hor-list-item[data-hover-effect="full_border"][data-br="5px"] { border-radius: 5px;} .nectar-hor-list-item[data-hover-effect="full_border"][data-br="10px"] { border-radius: 10px;} .nectar-hor-list-item[data-hover-effect="full_border"][data-br="15px"] { border-radius: 15px;} .nectar-hor-list-item[data-hover-effect="full_border"] { border: 1px solid rgba(0,0,0,0.15); margin-top: 20px; } .span_12.light .nectar-hor-list-item[data-hover-effect="full_border"] { border: 1px solid rgba(255,255,255,0.25); } .nectar-hor-list-item[data-hover-effect="full_border"][data-color="white"]:hover { border-color: rgba(255,255,255,1); } .nectar-hor-list-item[data-hover-effect="full_border"][data-color="black"]:hover { border-color: rgba(0,0,0,1); } .nectar-hor-list-item[data-hover-effect="full_border"]:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .nectar-hor-list-item .nectar-list-item[data-icon="true"] > * { display: inline-block; vertical-align: middle; } .nectar-hor-list-item .item-icon { font-size: 30px; margin: 10px 15px 10px 0; top: 0; } .nectar-hor-list-item .item-icon[data-size="small"] { font-size: 20px; } .nectar-hor-list-item .item-icon[data-size="large"] { font-size: 40px; margin-right: 20px; } .nectar-hor-list-item .item-icon[data-size="x_large"] { font-size: 50px; margin-right: 20px; } /* 9.15. Icon */ i[class*="fa-"], span[class*="fa-"] { display:inline-block; word-spacing:1px; position:relative; text-align:center; top: -2px; vertical-align:middle; max-width:100% } [class^="icon-"], i[class*=" icon-"]{ display:inline-block; max-width:100%; position:relative; text-align:center; vertical-align:middle; top: -2px; word-spacing:1px } i.icon-normal { background-color:#000; border-radius:999px; -webkit-border-radius:999px; color:#fff; font-size:16px; width:32px; height:32px; line-height:32px; } [class^="icon-"].icon-3x, i[class*=" icon-"].icon-3x{ background-color:#eeedec } body [class^="icon-"].icon-3x.alt-style, body [class*=" icon-"].icon-3x.alt-style{ background-color:#000; color:#fff } .col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered{ background-color:rgba(0,0,0,0.035) } .light .col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .light .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered{ background-color:rgba(0,0,0,0.1) } #sidebar .widget:hover i[class^="icon-"].icon-3x.alt-style{ background-color:rgba(0,0,0,0.035) } .full-width-section i[class^="icon-"].icon-3x, .full-width-section i[class*=" icon-"].icon-3x{ background-color:rgba(0,0,0,0.021) } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, .circle-border{ background-color:#eeedec; border-radius:999px; -webkit-border-radius:999px; color:#000; display:inline-block; font-size:30px; height:90px; line-height:90px; max-width:100%; position:relative; text-align:center; vertical-align:middle; width:90px; word-spacing:1px; transition:all 0.1s linear; -webkit-transition:all 0.1s linear; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x{ margin-bottom:27px } body [class^="icon-"].icon-tiny{ line-height:15px; height:13px; width:15px; margin-right:5px; font-size:13px; background-color:transparent } [class^="icon-"].icon-tiny { color:#888; } body [class^="icon-"].icon-default-style{ line-height:34px; height:34px; width:34px; margin-right:0; font-size:34px; color:#000; background-color:transparent } h3 [class^="icon-"], h2 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"]{ margin-right:5px } .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border, #sidebar .widget:hover .circle-border{ border:1px solid #000; transform:scale(1.18); transition-timing-function:cubic-bezier(0.4,0.25,0.14,1.73); -webkit-transition-timing-function:cubic-bezier(0.4,0.25,0.14,1.73); } .col:not(.post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.hovered, .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered, #sidebar .widget:hover [class^="icon-"].icon-3x{ color:#fff; background-color:#000 } .circle-border{ background:none repeat scroll 0 0 transparent; border:1px solid #eeedec; height:88px; left:1px; position:absolute; z-index:1; top:1px; transition-duration:225ms; -webkit-duration:225ms; transition-property:all; -webkit-transition-property:all; transition-timing-function:cubic-bezier(0.5,-0.7,0.67,0.7); -webkit-transition-timing-function:cubic-bezier(0.5,-0.7,0.67,0.7); width:88px } .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-1 .circle-border, #sidebar .widget:hover .extra-color-gradient-1 .circle-border, .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-2 .circle-border, #sidebar .widget:hover .extra-color-gradient-2 .circle-border, .extra-color-gradient-1 .circle-border, .extra-color-gradient-2 .circle-border { transform:none; -webkit-transform:none; } .extra-color-gradient-1 .circle-border, .extra-color-gradient-2 .circle-border{ border:2px solid rgba(0,0,0,0.065)!important } .light .extra-color-gradient-1 .circle-border, .light .extra-color-gradient-2 .circle-border{ border:2px solid rgba(255,255,255,0.085)!important } [class^="icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class^="icon-"].icon-3x.extra-color-gradient-1:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-1:not(.alt-style), body:not(.material) .nectar-button i, body.material:not([data-button-style^="rounded"]) .nectar-button i { background-color:transparent!important } [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before{ background:#fff; -webkit-background-clip:text; background-clip:text } [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class^="icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-2"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-2"].no-grad:before, .extra-color-gradient-2[class^="icon-"]:not(.icon-normal).no-grad:before, .extra-color-gradient-2[class*=" icon-"]:not(.icon-normal).no-grad:before, .nectar-gradient-text.no-grad *, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i{ background-color:transparent!important; background:none!important } body .nectar-gradient-text[data-color="extra-color-gradient-1"].no-grad *, body .nectar-gradient-text[data-color="extra-color-gradient-2"].no-grad *, .nectar-button.see-through-extra-color-gradient-2.no-text-grad .start, .nectar-button.see-through-extra-color-gradient-1.no-text-grad .start, .nectar-button.extra-color-gradient-1.no-text-grad .hover, .nectar-button.extra-color-gradient-2.no-text-grad .hover, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-1"].icon-default-style.no-grad:before, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-2"].icon-default-style.no-grad:before, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i{ -webkit-text-fill-color:initial } .nectar_icon_wrap[data-style="border-animation"] .nectar_icon:not(.no-grad):hover i, [class^="icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class^="icon-"].extra-color-gradient-2.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-2.icon-3x.alt-style:before, body .nectar_icon_wrap[data-color="white"] i, body .svg-icon-holder[data-color="white"]{ color:#fff!important } body .nectar_icon_wrap[data-color="black"] i, body .svg-icon-holder[data-color="black"]{ color:#000!important } body .nectar_icon_wrap[data-color="grey"] i, body .svg-icon-holder[data-color="grey"]{ color:#c8c8c8!important } body .svg-icon-holder[data-color="white"] svg path { stroke:#fff } body .svg-icon-holder[data-color="black"] svg path { stroke:#000 } body .svg-icon-holder[data-color="grey"] svg path { stroke:#c8c8c8 } .nectar_icon_wrap[data-style="soft-bg"][data-color="black"] .nectar_icon:before, .nectar_icon_wrap[data-style="soft-bg"][data-color="grey"] .nectar_icon:before { background-color: #888; } .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon i, .nectar_icon .im-icon-wrap > span { display: inline-block; } .nectar_icon .im-icon-wrap { display: flex; height: 100%; justify-content: center; align-items: center; } .nectar_icon_wrap .im-icon-wrap[data-color="white"] path, .nectar-fancy-box[data-style="parallax_hover"] .im-icon-wrap path{ fill: #fff; } .nectar_icon_wrap .im-icon-wrap[data-color="black"] path { fill: #000; } .nectar_icon_wrap .im-icon-wrap[data-color="grey"] path { fill: #888; } .full-width-section .circle-border{ background-color:rgba(0,0,0,0.021); border-color:rgba(0,0,0,0.05) } .full-width-section .light .circle-border{ background-color:rgba(0,0,0,0.021); border-color:rgba(0,0,0,0.2) } .main-content .svg-icon-holder{ height:64px; overflow:hidden; min-width:1px; margin-bottom:20px; display:inline-block; opacity:0 } .nectar_icon_wrap{ display:inline-block; position:relative } .nectar_icon_wrap .nectar_icon .svg-icon-holder{ margin-bottom:0 } .nectar_icon_wrap[data-padding="10px"] .nectar_icon{ padding:10px } .nectar_icon_wrap[data-padding="15px"] .nectar_icon{ padding:15px } .nectar_icon_wrap[data-padding="20px"] .nectar_icon{ padding:20px } .nectar_icon_wrap[data-padding="25px"] .nectar_icon{ padding:25px } .nectar_icon_wrap[data-padding="30px"] .nectar_icon{ padding:30px } .nectar_icon_wrap[data-padding="35px"] .nectar_icon{ padding:35px } .nectar_icon_wrap[data-padding="40px"] .nectar_icon{ padding:40px } .nectar_icon_wrap[data-padding="45px"] .nectar_icon{ padding:45px } .nectar_icon_wrap[data-padding="50px"] .nectar_icon{ padding:50px } .span_12.light .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .span_12.light .nectar_icon_wrap[data-style="border-animation"] .nectar_icon{ border-color:rgba(255,255,255,0.15) } .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .nectar_icon_wrap[data-style="border-animation"] .nectar_icon, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon { line-height:0; border:2px solid rgba(0,0,0,0.065); text-align: center; border-radius:100px; position:relative; -webkit-transition:background-color .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1); transition:background-color .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1) } .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon { border: 0; } .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { height: 100%; width: 100%; top: 0; left: 0; content: ''; position: absolute; display: block; border-radius:100px; z-index: -1; opacity: 0.11; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { opacity: 1; } .nectar_icon_wrap[data-style*="border"] .nectar_icon i, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon i, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon i { display: inline-block; vertical-align: middle; max-width: none; top: 0; } .nectar_icon_wrap[data-style="shadow-bg"][data-color="white"] .nectar_icon i { color: #000!important; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before { box-shadow: 0 15px 28px #000; opacity: 0.1; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { background-color: #fff; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i { border-radius: 0!important; text-align: center; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i:before { vertical-align: top; } .nectar_icon_wrap i:before { line-height: inherit; } .nectar_icon_wrap[data-style="border-animation"] .nectar_icon i{ -webkit-transition:color .45s cubic-bezier(0.25,1,0.33,1); transition:color .45s cubic-bezier(0.25,1,0.33,1) } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon{ border-color:transparent } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon:before{ opacity:1 } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{ position:absolute; z-index:-1; content:' '; display:block; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:100px; -webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1); transition:opacity .45s cubic-bezier(0.25,1,0.33,1) } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{ opacity:1 } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{ background-color:#f6f6f6 } .nectar_icon_wrap[data-border-thickness="1px"] .nectar_icon{ border-width:1px } .nectar_icon_wrap[data-border-thickness="2px"] .nectar_icon{ border-width:2px } .nectar_icon_wrap[data-border-thickness="3px"] .nectar_icon{ border-width:3px } .nectar_icon_wrap[data-border-thickness="4px"] .nectar_icon{ border-width:4px } .nectar_icon_wrap[data-border-thickness="5px"] .nectar_icon{ border-width:5px } .nectar_icon_wrap[data-style="border-basic"] .nectar_icon i{ text-align:center } .nectar_icon_wrap a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1 } /* 9.16. Icon List (Loaded conditionally) - See css/elements/icon-list.css */ /* 9.17. Icon with text */ .iwithtext{ position:relative } .iwithtext .iwt-icon{ position:absolute; left:0; top:0 } .iwithtext .iwt-icon img{ width:35px; height:auto; padding:0 } .row .col .iwithtext .iwt-icon img:not([srcset]) { width:35px; } .span_10.iwt h2{ line-height:20px } .span_10.iwt h3{ line-height:18px } .iwithtext .iwt-text{ padding-left:55px } .main-content .vc_span2 .iwithtext .iwt-icon, .main-content .vc_col-sm-2 .iwithtext .iwt-icon{ top:-2px } .main-content .vc_span2 .iwithtext .iwt-icon i, .main-content .vc_col-sm-2 .iwithtext .iwt-icon i{ font-size:26px; line-height:26px; width:26px; height:26px } .main-content .vc_span2 .iwithtext .iwt-icon img, .main-content .vc_col-sm-2 .iwithtext .iwt-icon img{ width:26px } .main-content .vc_span2 .iwithtext .iwt-icon img:not([srcset]), .main-content .vc_col-sm-2 .iwithtext .iwt-icon img:not([srcset]) { width:26px } .main-content .vc_span2 .iwithtext .iwt-text, .main-content .vc_col-sm-2 .iwithtext .iwt-text{ padding-left:45px } /* 9.18. Image Comparison (Loaded conditionally) - See css/twentytwenty.css */ /* 9.19. Image with animation / Col animation */ img.img-with-animation, .img-with-aniamtion-wrap .hover-wrap, .col.has-animation, .wpb_column.has-animation, .nectar_cascading_images .cascading-image .inner-wrap, .nectar-fancy-box.has-animation{ opacity:0; position:relative } .wpb_column.has-animation[data-animation*="reveal"]{ opacity:1 } img.img-with-animation[data-animation="grow-in"].full-opacity{ opacity:1 } html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .wpb_column.has-animation{ opacity:1 } img.img-with-animation[data-animation="none"], .img-with-aniamtion-wrap[data-animation="none"] .hover-wrap, .nectar_cascading_images .cascading-image[data-animation="none"] .inner-wrap{ opacity:1 } .col.has-animation[data-animation="zoom-out"] { transform: translateZ(0) scale(1.2); opacity: 0; } .col.has-animation[data-animation="slight-twist"] { transform: rotateY(20deg) rotateZ(-4deg); opacity: 0; } img.img-with-animation[data-animation="grow-in"], .img-with-aniamtion-wrap[data-animation="grow-in"] .hover-wrap, .col.has-animation[data-animation="grow-in"], .wpb_column.has-animation[data-animation="grow-in"], .nectar-fancy-box.has-animation[data-animation="grow-in"]{ opacity:0; transform:scale(0.75); -webkit-transform:scale(0.75); transition:opacity 0.6s cubic-bezier(0.15,0.84,0.35,1.25),background-color 0.35s cubic-bezier(.65,0,.35,1); -webkit-transition:opacity 0.6s cubic-bezier(0.15,0.84,0.35,1.25),background-color 0.35s cubic-bezier(.65,0,.35,1); -webkit-backface-visibility:hidden } .nectar_cascading_images .cascading-image[data-animation="grow-in"] .inner-wrap{ -webkit-transform:scale(0.75); transform:scale(0.75); } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap { -webkit-transform:scale(0.5); transform:scale(0.5); } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap .img-wrap { overflow: hidden; } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap img { -webkit-transform: scale(1.7); transform: scale(1.7); transition: transform 1.1s cubic-bezier(.3,0.95,.3,0.95); -webkit-transition: transform 1.1s cubic-bezier(.3,0.95,.3,0.95); } img.img-with-animation[data-animation="flip-in"], .img-with-aniamtion-wrap[data-animation="flip-in"] .hover-wrap, .col.has-animation[data-animation="flip-in"], .wpb_column.has-animation[data-animation="flip-in"], .nectar-fancy-box.has-animation[data-animation="flip-in"]{ opacity:0; transform: rotateY(25deg); -webkit-transform:rotateY(25deg); -webkit-transition:opacity 1s ease,background-color 0.35s cubic-bezier(.65,0,.35,1); transition:opacity 1s ease,background-color 0.35s cubic-bezier(.65,0,.35,1); } .nectar_cascading_images .cascading-image[data-animation="flip-in"] .inner-wrap{ transform: rotateY(25deg); -webkit-transform:rotateY(25deg); } .flip-in-vertical-wrap{ -webkit-perspective:2000px; perspective:2000px } img.img-with-animation[data-animation="flip-in-vertical"], .img-with-aniamtion-wrap[data-animation="flip-in-vertical"] .hover-wrap, .col.has-animation[data-animation="flip-in-vertical"], .wpb_column.has-animation[data-animation="flip-in-vertical"], .nectar-fancy-box.has-animation[data-animation="flip-in-vertical"]{ opacity:0; transform: rotateX(-45deg) translateY(120px); -webkit-transform:rotateX(-45deg) translateY(120px); transition:opacity 1s ease,background-color 0.35s cubic-bezier(.65,0,.35,1); -webkit-transition:opacity 1s ease,background-color 0.35s cubic-bezier(.65,0,.35,1); } img.img-with-animation[data-shadow="small_depth"], .img-with-aniamtion-wrap[data-shadow="small_depth"] .hover-wrap, .nectar_cascading_images .cascading-image[data-shadow="small_depth"] .img-wrap, .nectar_cascading_images .cascading-image[data-shadow="small_depth"] .bg-color, .nectar-video-box[data-shadow="small_depth"]:before, .nectar-flickity[data-shadow="small_depth"] .cell, .nectar_video_player_self_hosted[data-shadow="small_depth"] .wpb_video_wrapper { box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px, rgba(0, 0, 0, 0.05) 0px 2px 7px, rgba(0, 0, 0, 0.06) 0px 12px 22px; } img.img-with-animation[data-shadow="medium_depth"], .img-with-aniamtion-wrap[data-shadow="medium_depth"] .hover-wrap, .nectar_cascading_images .cascading-image[data-shadow="medium_depth"] .img-wrap, .nectar_cascading_images .cascading-image[data-shadow="medium_depth"] .bg-color, .nectar-video-box[data-shadow="medium_depth"]:before, .nectar-flickity[data-shadow="medium_depth"] .cell, .nectar_video_player_self_hosted[data-shadow="medium_depth"] .wpb_video_wrapper { box-shadow:0 30px 80px rgba(0,0,0,0.14),0 20px 70px rgba(0,0,0,0.12) } img.img-with-animation[data-shadow="large_depth"], .img-with-aniamtion-wrap[data-shadow="large_depth"] .hover-wrap, .nectar_cascading_images .cascading-image[data-shadow="large_depth"] .img-wrap, .nectar_cascading_images .cascading-image[data-shadow="large_depth"] .bg-color, .nectar-video-box[data-shadow="large_depth"]:before, .nectar_video_player_self_hosted[data-shadow="large_depth"] .wpb_video_wrapper { box-shadow:0 40px 100px rgba(0,0,0,0.15),0 25px 80px rgba(0,0,0,0.1) } .nectar-flickity[data-shadow="large_depth"] .cell{ box-shadow:0 35px 55px rgba(0,0,0,0.08),0 25px 63px rgba(0,0,0,0.08) } img.img-with-animation[data-shadow="x_large_depth"], .img-with-aniamtion-wrap[data-shadow="x_large_depth"] .hover-wrap, .nectar_cascading_images .cascading-image[data-shadow="x_large_depth"] .img-wrap, .nectar_cascading_images .cascading-image[data-shadow="x_large_depth"] .bg-color, .nectar-video-box[data-shadow="x_large_depth"]:before, .nectar-flickity[data-shadow="x_large_depth"] .cell, .nectar_video_player_self_hosted[data-shadow="x_large_depth"] .wpb_video_wrapper { box-shadow:0 60px 135px rgba(0,0,0,0.14),0 15px 65px rgba(0,0,0,0.14) } img.img-with-animation[data-animation="fade-in-from-left"], .img-with-aniamtion-wrap[data-animation="fade-in-from-left"] .hover-wrap { transform:translateX(-75px); -webkit-transform:translateX(-75px); padding-right:30px } img.img-with-animation[data-animation="fade-in-from-left"][data-shadow*="_depth"], .img-with-aniamtion-wrap[data-animation="fade-in-from-left"][data-shadow*="_depth"] .hover-wrap { padding-right: 0; } .col.has-animation[data-animation="fade-in-from-left"], .wpb_column.has-animation[data-animation="fade-in-from-left"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-left"]{ transform:translateX(-45px); -webkit-transform:translateX(-45px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-left"] .inner-wrap{ transform:translateX(-60px); -webkit-transform:translateX(-60px); } img.img-with-animation[data-animation="fade-in-from-right"], .img-with-aniamtion-wrap[data-animation="fade-in-from-right"] .hover-wrap { transform:translateX(75px); -webkit-transform:translateX(75px); } .col.has-animation[data-animation="fade-in-from-right"], .wpb_column.has-animation[data-animation="fade-in-from-right"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-right"]{ transform:translateX(45px); -webkit-transform:translateX(45px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-right"] .inner-wrap{ transform:translateX(60px); -webkit-transform:translateX(60px); } .nectar-scrolling-text .background-layer[data-bg-animation="fade-in-from-bottom"] .inner, img.img-with-animation[data-animation="fade-in-from-bottom"], .img-with-aniamtion-wrap[data-animation="fade-in-from-bottom"] .hover-wrap{ transform:translateY(100px); -webkit-transform:translateY(100px); } .col.has-animation[data-animation="fade-in-from-bottom"], .wpb_column.has-animation[data-animation="fade-in-from-bottom"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-bottom"]{ transform:translateY(50px); -webkit-transform:translateY(50px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-bottom"] .inner-wrap{ transform:translateY(60px); -webkit-transform:translateY(60px); } img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-right"]{ margin:0 auto } .img-with-aniamtion-wrap, body .wpb_wrapper > .img-with-aniamtion-wrap { line-height:0; margin-bottom:0 } .img-with-aniamtion-wrap > .inner { height: 100%; } .center img.img-with-animation{ margin:0 auto; display:block } .right.img-with-aniamtion-wrap{ text-align:right } .right.img-with-aniamtion-wrap img{ display:inline-block } .img-with-aniamtion-wrap .color-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; opacity: 0; pointer-events: none; } .img-with-aniamtion-wrap:hover .color-overlay { opacity: 0.5; } .img-with-aniamtion-wrap .hover-wrap { overflow: hidden; } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="none"] { overflow: visible; } .img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap, .img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap .hover-wrap-inner { display: inline-block; } .img-with-aniamtion-wrap[data-shadow*="depth"].center { text-align: center; } .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation { opacity: 1; -webkit-transform: none; transform: none; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 0; } .img-with-aniamtion-wrap[data-animation*="reveal-from-"] .hover-wrap, .nectar-scrolling-text .background-layer:not([data-bg-animation="none"]).animated-in .inner { opacity: 1; } .nectar-scrolling-text .background-layer[data-bg-animation="fade-in-from-bottom"] .inner { -webkit-transition: transform 1s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease; transition: transform 1s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease; } .nectar-scrolling-text .background-layer[data-bg-animation="fade-in-from-bottom"].animated-in .inner { transform: translateY(0); } .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"], .nectar-scrolling-text .background-layer:not([data-bg-animation="none"]) .inner { overflow: hidden; opacity: 0; } .nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"] .inner, .img-with-aniamtion-wrap[data-animation*="reveal-from-"] .inner, .column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap { opacity: 0; overflow: hidden; -webkit-transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease; transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease; will-change: transform, opacity; -webkit-backface-visibility: hidden; } .img-with-aniamtion-wrap[data-animation*="reveal-from-"], .img-with-aniamtion-wrap[data-animation*="reveal-from-"] .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation*="reveal-from-"] .color-overlay, .column-image-bg-wrap[data-bg-animation*="reveal-from-"], .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"], .column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap .column-image-bg, .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] > div, .nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"] .background-image { -webkit-transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity .65s cubic-bezier(.2,1,.2,1); transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity .65s cubic-bezier(.2,1,.2,1); will-change: transform; -webkit-backface-visibility: hidden; } .img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in, .revealed-bg .column-image-bg-wrap[data-bg-animation*="reveal-from-"], .revealed-bg .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in .inner, .revealed-bg .column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap, .revealed-bg .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"], .revealed-bg .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] > div { -webkit-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); opacity: 1; } .nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"].animated-in .inner { -webkit-transform: rotate(0deg) translate3d(0,0,0); transform: rotate(0deg) translate3d(0,0,0); opacity: 1; } .nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"].animated-in .background-image, .img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in .color-overlay, .revealed-bg .column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap .column-image-bg { -webkit-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } /* reveal left */ .img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"], .column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"], .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-left"] { -webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0); } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .inner, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"] .inner-wrap, .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-left"] > div { -webkit-transform: rotate(-25deg) translateZ(0); transform: rotate(-25deg) translateZ(0); transform-origin: right bottom; } .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-left"] .inner { -webkit-transform: translate3d(-250px,0,0) rotate(-25deg); transform: translate3d(-250px,0,0) rotate(-25deg); transform-origin: right bottom; } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .color-overlay, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"] .inner-wrap .column-image-bg, .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-left"] .background-image { -webkit-transform: rotate(25deg) translateZ(0); transform: rotate(25deg) translateZ(0); transform-origin: right bottom; } /* reveal right */ .img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"], .column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"], .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-right"] { -webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); transform-origin: left bottom; } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .inner, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"] .inner-wrap, .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-right"] > div { -webkit-transform: rotate(25deg) translateZ(0); transform: rotate(25deg) translateZ(0); transform-origin: left bottom; } .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-right"] .inner { -webkit-transform: translate3d(250px,0,0) rotate(25deg); transform: translate3d(250px,0,0) rotate(25deg); transform-origin: left bottom; } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .color-overlay, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"] .inner-wrap .column-image-bg, .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-right"] .background-image { -webkit-transform: rotate(-25deg) translateZ(0); transform: rotate(-25deg) translateZ(0); transform-origin: left bottom; } /* reveal bottom */ .img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"], .column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"], .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-bottom"] { -webkit-transform: translate3d(0,250px,0); transform: translate3d(0,250px,0); } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .inner, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"] .inner-wrap, .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-bottom"] > div { -webkit-transform: rotate(25deg) translateZ(0); transform: rotate(25deg) translateZ(0); transform-origin: left bottom; } .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-bottom"] .inner { -webkit-transform: translate3d(0,250px,0) rotate(25deg) ; transform: translate3d(0,250px,0) rotate(25deg) ; transform-origin: left bottom; } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .color-overlay, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"] .inner-wrap .column-image-bg, .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-bottom"] .background-image { -webkit-transform: rotate(-25deg) translateZ(0); transform: rotate(-25deg) translateZ(0); transform-origin: left bottom; } /* reveal top */ .img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"], .column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"], .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-top"] { -webkit-transform: translate3d(0,-250px,0); transform: translate3d(0,-250px,0); } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .inner, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"] .inner-wrap, .column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-top"] > div { -webkit-transform: rotate(-25deg) translateZ(0); transform: rotate(-25deg) translateZ(0); transform-origin: left top; } .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-top"] .inner { -webkit-transform: translate3d(0,-250px,0) rotate(-25deg) ; transform: translate3d(0,-250px,0) rotate(-25deg) ; transform-origin: left top; } .img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .hover-wrap .hover-wrap-inner img.img-with-animation, .img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .color-overlay, .column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"] .inner-wrap .column-image-bg, .nectar-scrolling-text .background-layer[data-bg-animation="ro-reveal-from-top"] .background-image { -webkit-transform: rotate(25deg) translateZ(0); transform: rotate(25deg) translateZ(0); transform-origin: left top; } img.img-with-animation.nectar-lazy { display: block; min-height: 1px; min-width: 1px; } .row .col img.img-with-animation.nectar-lazy:not([srcset]) { width: 100%; } .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy, .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy { opacity: 0; transition: opacity 0.5s ease; } .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy.loaded, .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy.loaded { opacity: 1; } .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 15px; } .img-with-aniamtion-wrap .color-overlay { -webkit-transition: opacity .65s cubic-bezier(.2,1,.2,1); transition: opacity .65s cubic-bezier(.2,1,.2,1); } .img-with-aniamtion-wrap[data-shadow] .hover-wrap .img-with-animation { box-shadow: none; } .img-with-aniamtion-wrap .inner .hover-wrap:not([data-hover-animation="none"]) { -webkit-transition: all .65s cubic-bezier(.05,0.2,.1,1); transition: all .65s cubic-bezier(.05,0.2,.1,1)!important; } .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner { -webkit-transition: transform .65s cubic-bezier(.05,0.2,.1,1); transition: transform .65s cubic-bezier(.05,0.2,.1,1); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom"]:hover .hover-wrap-inner { -webkit-transform: scale(1.13); transform: scale(1.13); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom-crop"]:hover .hover-wrap-inner { -webkit-transform: scale(1.15); transform: scale(1.15); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom-crop"]:hover { -webkit-transform: scale(0.95); transform: scale(0.95)!important; } .right.img-with-aniamtion-wrap[data-max-width="110%"] img, .right.img-with-aniamtion-wrap[data-max-width="125%"] img, .right.img-with-aniamtion-wrap[data-max-width="150%"] img, .right.img-with-aniamtion-wrap[data-max-width="175%"] img, .right.img-with-aniamtion-wrap[data-max-width="200%"] img, .right.img-with-aniamtion-wrap[data-max-width="225%"] img, .right.img-with-aniamtion-wrap[data-max-width="250%"] img{ display:block } .img-with-aniamtion-wrap[data-max-width="50%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="75%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="110%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="125%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="150%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="175%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="200%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="225%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="250%"]:not(.right) img{ backface-visibility:hidden } .wpb_column.has-animation[data-animation*="reveal"]{ overflow:hidden } .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap{ overflow:hidden; height:100%; width:100% } .img-with-aniamtion-wrap[data-max-width="110%"] .inner{ width:110%; display:block } .img-with-aniamtion-wrap[data-max-width="125%"] .inner{ width:125%; display:block } .img-with-aniamtion-wrap[data-max-width="150%"] .inner{ width:150%; display:block } .img-with-aniamtion-wrap[data-max-width="165%"] .inner{ width:165%; display:block } .img-with-aniamtion-wrap[data-max-width="175%"] .inner{ width:175%; display:block } .img-with-aniamtion-wrap[data-max-width="200%"] .inner{ width:200%; display:block } .img-with-aniamtion-wrap[data-max-width="225%"] .inner{ width:225%; display:block } .img-with-aniamtion-wrap[data-max-width="250%"] .inner{ width:250%; display:block } .img-with-aniamtion-wrap[data-max-width="110%"].center .inner{ margin-left:-5% } .img-with-aniamtion-wrap[data-max-width="125%"].center .inner{ margin-left:-12.5% } .img-with-aniamtion-wrap[data-max-width="150%"].center .inner{ margin-left:-25% } .img-with-aniamtion-wrap[data-max-width="165%"].center .inner{ margin-left:-32.5% } .img-with-aniamtion-wrap[data-max-width="175%"].center .inner{ margin-left:-37.5% } .img-with-aniamtion-wrap[data-max-width="200%"].center .inner{ margin-left:-50% } .img-with-aniamtion-wrap[data-max-width="225%"].center .inner{ margin-left:-62.5% } .img-with-aniamtion-wrap[data-max-width="250%"].center .inner{ margin-left:-75% } .img-with-aniamtion-wrap.right[data-max-width="110%"] .inner{ margin-left:-10% } .img-with-aniamtion-wrap.right[data-max-width="125%"] .inner{ margin-left:-25% } .img-with-aniamtion-wrap.right[data-max-width="150%"] .inner{ margin-left:-50% } .img-with-aniamtion-wrap.right[data-max-width="165%"] .inner{ margin-left:-65% } .img-with-aniamtion-wrap.right[data-max-width="175%"] .inner{ margin-left:-75% } .img-with-aniamtion-wrap.right[data-max-width="200%"] .inner{ margin-left:-100% } .img-with-aniamtion-wrap.right[data-max-width="225%"] .inner{ margin-left:-125% } .img-with-aniamtion-wrap.right[data-max-width="250%"] .inner{ margin-left:-150% } .img-with-aniamtion-wrap[data-max-width="50%"] .inner, .nectar-flickity:not(.masonry) .flickity-slider .cell .img-with-aniamtion-wrap[data-max-width="50%"] img { max-width:50%; width: auto; } .img-with-aniamtion-wrap[data-max-width="75%"] .inner, .nectar-flickity:not(.masonry) .flickity-slider .cell .img-with-aniamtion-wrap[data-max-width="75%"] img { max-width:75%; width: auto; } .img-with-aniamtion-wrap[data-max-width="50%"].right .inner, .img-with-aniamtion-wrap[data-max-width="75%"].right .inner, .img-with-aniamtion-wrap[data-max-width="50%"].center .inner, .img-with-aniamtion-wrap[data-max-width="75%"].center .inner { display: inline-block } .img-with-aniamtion-wrap[data-max-width="110%"] img, .img-with-aniamtion-wrap[data-max-width="125%"] img, .img-with-aniamtion-wrap[data-max-width="150%"] img, .img-with-aniamtion-wrap[data-max-width="175%"] img, .img-with-aniamtion-wrap[data-max-width="200%"] img, .img-with-aniamtion-wrap[data-max-width="225%"] img, .img-with-aniamtion-wrap[data-max-width="250%"] img{ max-width:100%; width: auto; } .img-with-aniamtion-wrap[data-max-width="none"] img, .row .img-with-aniamtion-wrap[data-max-width="none"] img:not([srcset]) { max-width: none; width: 100%; } .img-with-aniamtion-wrap[data-max-width="125%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="150%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="175%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="200%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="225%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="250%"][data-shadow*="depth"] img { max-width: none; width: 100%; } .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform, .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform .column-inner{ transform:none; -webkit-transform:none } @media only screen and (min-width: 690px) { .vc_row-o-equal-height .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vc_row-o-equal-height.vc_row-o-content-middle .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: auto; } .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap, .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap > .column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .wpb_column .column-inner[data-bg-cover="true"], .wpb_column[data-bg-cover="true"] { background-size:cover; background-position:center } .vc_ie-flexbox-fixer { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal } .vc_ie-flexbox-fixer>.vc_row { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } /* 9.20. Image with Hotspots (Loaded conditionally) - See css/elements/image-with-hotspots.css */ @-webkit-keyframes pulsate{ from{ opacity:1; transform:scale(1) } to{ opacity:0; transform:scale(3) } } @keyframes pulsate{ from{ opacity:1; transform:scale(1) } to{ opacity:0; transform:scale(3) } } @keyframes nectarBounceIn{ 0%{ transform:translateY(80px); opacity:0 } 33%{ transform:translateY(-13px); opacity:1 } 66%{ transform:translateY(4px); opacity:1 } 100%{ transform:translateY(0px); opacity:1 } } @-webkit-keyframes nectarBounceIn{ 0%{ transform:translateY(80px); opacity:0 } 33%{ transform:translateY(-13px); opacity:1 } 66%{ transform:translateY(4px); opacity:1 } 100%{ transform:translateY(0px); opacity:1 } } /* 9.21. Interactive Map */ html:not(.js) #contact-map, html:not(.js) .nectar-google-map{ display:none } .grecaptcha-badge { z-index: 100; } #contact-map{ width:100%; height:370px; margin-bottom:30px } body.page-template-template-contact[data-header-resize="1"] .container-wrap { padding-top: 0; } .gm-style-iw{ color:#777 } #contact-map div, .nectar-google-map div { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box } .wpb_wrapper > .nectar-google-map, .nectar-google-map{ margin-bottom:0 } .nectar-google-map img{ max-width:none!important } .wpb_column.centered-text .nectar-google-map img { display: block; } body[data-bg-header="true"] #contact-map{ margin-top:-30px } .contact-info{ padding-left:20px } body.page-template-template-contact-php .page-header-no-bg .col.section-title{ border-bottom:0 } body.page-template-template-contact-php #page-header-bg{ margin-bottom:0 } .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div{ font-family:arial; letter-spacing:0; line-height:20px } .nectar-google-map .animated-dot, .nectar-leaflet-map .animated-dot { width:20px; height:20px; left:-9px; top:-5px; position:relative } .nectar-google-map .animated-dot .middle-dot, .nectar-leaflet-map .animated-dot .middle-dot { width:16px; height:16px; border-radius:30px; position:absolute; left:2px; top:2px; transform-origin:50% 50%; animation-fill-mode:forwards; animation-iteration-count:infinite } .nectar-google-map[data-dark-color-scheme="1"] .animated-dot .middle-dot:after{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; content:' '; background-color:#fff; border-radius:30px; z-index:100; opacity:0; animation:animationSignal2 cubic-bezier(0,.55,.55,1) 2s; transform-origin:50% 50%; animation-fill-mode:forwards; animation-delay:0.78s; animation-iteration-count:infinite } .nectar-google-map .animated-dot .signal, .nectar-leaflet-map .animated-dot .signal { width:180px; pointer-events:none; height:180px; border-radius:200px; position:absolute; left:-80px; top:-80px; opacity:0; -webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s; animation:animationSignal cubic-bezier(0,.55,.55,1) 2s; transform-origin:50% 50%; animation-fill-mode:forwards; animation-delay:0.78s; animation-iteration-count:infinite } .nectar-google-map .animated-dot .signal2, .nectar-leaflet-map .animated-dot .signal2 { width:180px; height:180px; pointer-events:none; border-radius:200px; position:absolute; left:-80px; top:-80px; opacity:0; -webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s; animation:animationSignal cubic-bezier(0,.55,.55,1) 2s; transform-origin:50% 50%; animation-fill-mode:forwards; animation-delay:1s; animation-iteration-count:infinite } .nectar-leaflet-map .nectar-leaflet-pin { width: 34px; height: 34px; font-size: 0; border: 10px solid #3452ff; border-radius: 50% 50% 50% 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; background-color: #fff; } .nectar-leaflet-map:not([data-marker-style="nectar"]) .leaflet-marker-icon:before { background-image: url(../img/icons/leaflet/marker-shadow.png); position: absolute; z-index: -1; display: block; top: 2px; left: 9px; width: 41px; height: 41px; content: ''; -webkit-transform: rotate(13deg); transform: rotate(13deg); } .nectar-leaflet-map .leaflet-marker-icon { overflow: visible; background-color: transparent; border: none; } .nectar-leaflet-map[data-greyscale="1"] > .leaflet-map-pane .leaflet-tile-container { -webkit-filter: grayscale(100%); filter: grayscale(100%); } @-webkit-keyframes animationSignal{ 0%{ opacity:0; transform: scale(0.00) } 1%{ opacity:0.25 } 20%{ opacity:0.25 } 60%{ transform: scale(1); opacity:0 } } @-webkit-keyframes animationSignal2{ 0%{ opacity:0 } 1%{ opacity:0.2 } 20%{ opacity:0.17 } 60%{ opacity:0 } } @keyframes animationSignal{ 0%{ opacity:0; transform: scale(0.00) } 1%{ opacity:0.25 } 20%{ opacity:0.25 } 60%{ transform: scale(1); opacity:0 } } @keyframes animationSignal2{ 0%{ opacity:0 } 1%{ opacity:0.2 } 20%{ opacity:0.17 } 60%{ opacity:0 } } /* 9.22. Milestone */ .nectar-milestone{ text-align:center } .nectar-milestone:not(.animated-in){ opacity:0 } .span_12.right .nectar-milestone, .nectar-milestone[data-ms-align="right"]{ text-align:right } .nectar-milestone[data-ms-align="left"]{ text-align:left } .span_12.right .nectar-milestone[data-symbol-alignment="superscript"]{ padding-right:40px } body .nectar-milestone .number h1, body .nectar-milestone .number h2, body .nectar-milestone .number h3, body .nectar-milestone .number h4, body .nectar-milestone .number h5{ font-size:inherit; line-height:inherit; color:inherit; display:inline-block } .nectar-milestone .number{ font-size:62px; line-height:62px; font-family:'Open Sans'; font-weight:600; margin-bottom:5px; position:relative; display:inline-block } .nectar-milestone.motion_blur .number span:not(.in-sight) { transform:translateY(-100%); -webkit-transform:translateY(-100%); opacity:0 } .nectar-milestone.motion_blur .number span{ display:inline-block } body .nectar-milestone .subject { letter-spacing:0.5px; font-size:16px; line-height:25px } .nectar-milestone .number .symbol-wrap{ display:inline-block } .nectar-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap{ transform:translateX(103%); -webkit-transform:translateX(103%); top:0; right:0; position:absolute; display:inline; font-size:30px; line-height:34px } .nectar-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap{ transform:translateX(-103%); -webkit-transform:translateX(-103%); right:auto; left:0 } .milestone-wrap{ text-align:center } /* 9.23. Morphing outline */ .morphing-outline{ visibility:visible; padding:90px 50px; text-align:center } .morphing-outline .inner{ -webkit-transition:color .35s cubic-bezier(.65,0,.35,1); transition:color .35s cubic-bezier(.65,0,.35,1); position:relative; display:inline-block; line-height:1; z-index:1; -webkit-perspective:1000; text-align:center } .morphing-outline .inner p{ padding-bottom:10px } body .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >*{ transform:scale(1.11); -webkit-transform:scale(1.11); } body .wpb_column >.wpb_wrapper >.morphing-outline .inner >h5{ transform:scale(0.68); -webkit-transform:scale(0.68); } body .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >h5{ transform:scale(0.77); -webkit-transform:scale(0.77); } .morphing-outline .inner >*{ color:#fff; -webkit-transition:color .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1); transition:color .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1) } .morphing-outline .inner >*:last-child{ margin-bottom:0; padding-bottom:0 } .morphing-outline .inner:after{ -webkit-transition:all .35s cubic-bezier(.65,0,.35,1); transition:all .35s cubic-bezier(.65,0,.35,1); height:100%; width:100%; position:absolute; left:-62px; top:-92px; padding:80px 50px; z-index:-1; border-width:12px; border-style:solid; border-color:#fff; display:block; content:''; border-radius:50% } body[data-button-style="default"] .wpb_column >.wpb_wrapper >.morphing-outline .inner:after, body[data-button-style="default"] .wpb_column >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after{ border-radius:0 } body[data-button-style="default"] .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner:after, body[data-button-style="default"] .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after{ border-radius:50% } .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner:after, .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after{ border-radius:0%; border-color:#fff; } .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >*, .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner >*{ color:#fff } /* 9.24. Page Submenu */ .page-submenu:not(.stuck){ transform:translateY(0px)!important; -webkit-transform:translateY(0px)!important } .page-submenu.stuck{ position:fixed; top:0; left:0; width:100%; z-index:1000; transition:all 0.3s; -webkit-transition:all 0.3s; } .page-submenu.stuck.header-not-visible{ transition:all 0.2s; -webkit-transition:all 0.2s; } .page-submenu.stuck .full-width-content, .full-width-content >.span_12 >.vc_col-sm-12 >.vc_column-inner >.wpb_wrapper .page-submenu:not(.stuck) >.full-width-content{ margin-left:0!important } .page-submenu .full-width-section, .page-submenu .full-width-content{ height:auto!important } .page-submenu ul{ margin:0; color:inherit } @media only screen and (min-width:1000px){ .page-submenu ul{ display:block!important; height:auto!important } } .page-submenu[data-alignment="left"]{ text-align:left } .page-submenu[data-alignment="center"]{ text-align:center } .page-submenu[data-alignment="right"]{ text-align:right } .page-submenu[data-alignment="right"] .full-width-section ul li:last-child{ margin-right:0 } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child{ margin-left:0 } .page-submenu[data-alignment="left"] .full-width-content ul li:first-child{ margin-left:25px } .page-submenu[data-alignment="right"] .full-width-content ul li:last-child{ margin-right:33px } .page-submenu li{ display:inline-block; margin:0 25px 0 0; color:inherit } body .page-submenu li a{ color:inherit; transition:all 0.1s ease; -webkit-transition:all 0.1s ease; padding-top:20px; padding-bottom:20px; display:block; opacity:0.7 } .page-submenu li a:hover, .page-submenu.stuck .current-menu-item a{ opacity:1; color:inherit } .page-submenu .mobile-menu-link{ padding:16px 20px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); color:inherit; display:none; line-height:17px } .page-submenu[data-bg-color="#fff"] .mobile-menu-link{ border-left:1px solid rgba(0,0,0,0.08); border-right:1px solid rgba(0,0,0,0.08) } .salient-page-submenu-icon{ font-size:16px; float:left; margin-right:8px } .salient-page-submenu-icon:before{ content:'\e067' } /* 9.25. Pricing Table (Loaded conditionally) - See css/elements/pricing-table.css */ /* 9.26. Progress Bar */ .nectar-progress-bar, .wpb_wrapper > .nectar-progress-bar{ margin-bottom:0 } .nectar-progress-bar .bar-wrap{ margin-bottom:13px; border-radius:300px 300px 300px 300px; -webkit-border-radius:300px 300px 300px 300px; background-color:#ebebeb; box-shadow:0 1px 2px rgba(0,0,0,0.09) inset; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.09) inset; -o-box-shadow:0 1px 2px rgba(0,0,0,0.09) inset } .nectar-progress-bar span{ height:14px; width:0; display:block; background-color:#000; border-radius:300px 300px 300px 300px; -webkit-border-radius:300px 300px 300px 300px; } .nectar-progress-bar p{ padding-bottom:2px } .nectar-progress-bar span{ overflow:visible; position:relative } .nectar-progress-bar span strong{ position:absolute; right:-0px; top:-23px; opacity:0; display:block; font-family:'Open Sans'; font-weight:600; border-radius:2px; -webkit-border-radius:2px; } .nectar-progress-bar span strong i{ font-style:normal; font-family:'Open Sans'; font-weight:600; letter-spacing:0; text-transform:none } body .nectar-progress-bar span strong, body .nectar-progress-bar .bar-wrap span strong i, body .nectar-progress-bar .bar-wrap span strong{ font-size:11px!important; line-height:12px!important } .nectar-progress-bar span strong.full:after{ left:15px } .nectar-progress-bar span strong.full{ width:43px; text-align:right } body .vc_pie_chart .vc_pie_chart_value{ font-size:42px; font-family:'Open Sans'; font-weight:300 } body .vc_pie_chart .wpb_pie_chart_heading{ font-family:'Open Sans'; font-weight:700; text-transform:uppercase; font-size:12px; margin-top:12px; margin-bottom:0; letter-spacing:2px } body .vc_pie_chart_back{ border-width:7px; opacity:0 } body .vc_pie_chart { opacity: 1; } /* 9.27. Recent Posts (Loaded conditionally) - See css/elements/recent-posts.css */ /* 9.28. Split Heading */ .nectar-split-heading .heading-line{ display:block; overflow:hidden; position:relative } .nectar-split-heading .heading-line >div{ display:block; transform:translateY(200%); -webkit-transform:translateY(200%) } .nectar-split-heading h1{ margin-bottom:0 } @media only screen and (min-width: 1000px) { .nectar-split-heading[data-custom-font-size="true"] h1, .nectar-split-heading[data-custom-font-size="true"] h2, .nectar-split-heading[data-custom-font-size="true"] h3, .nectar-split-heading[data-custom-font-size="true"] h4 { font-size: inherit; line-height: inherit; } } .centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h1, .centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h2, .centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h3, .centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h4 { margin: 0 auto; } .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated), .nectar-split-heading[data-animation-type="letter-fade-reveal"]:not(.markup-generated) { opacity: 0; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] > * > span, .nectar-split-heading[data-animation-type="letter-fade-reveal"] > * > span { position: relative; display: inline-block; overflow: hidden; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span, .nectar-split-heading[data-animation-type="letter-fade-reveal"] span { vertical-align: bottom; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner { position: relative; display: inline-block; -webkit-transform: translateY(102%); transform: translateY(102%); } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner.animated { -webkit-transform: none; transform: none; } .nectar-split-heading[data-animation-type="letter-fade-reveal"] span span { position: relative; display: inline-block; -webkit-transform: translateY(102%); transform: translateY(102%); opacity: 0; } .nectar-split-heading[data-animation-type="twist-in"] { transform: rotateY(25deg) rotateZ(-4deg); opacity: 0; transition: opacity 1s cubic-bezier(.15,.75,.4,1), transform 1.2s cubic-bezier(.15,.75,.4,1); } .nectar-split-heading[data-animation-type="twist-in"].animated-in { transform: rotateY(0deg) rotateZ(0deg); opacity: 1; } /* 9.29. Tabbed Section (Loaded conditionally) - See css/elements/tabbed-section.css */ /* 9.30. Team Member (Loaded conditionally) - See css/elements/team-member.css */ /* 9.31. Testimonial Slider (Loaded conditionally) - See css/elements/testimonial.css */ .wpb_column[data-cfc="true"] h1, .wpb_column[data-cfc="true"] h2, .wpb_column[data-cfc="true"] h3, .wpb_column[data-cfc="true"] h4, .wpb_column[data-cfc="true"] h5, .wpb_column[data-cfc="true"] h6, .wpb_column[data-cfc="true"] p{ color:inherit } blockquote .image-icon[data-shadow="true"] { box-shadow: 0px 15px 37px rgba(0,0,0,0.15) } .span_12.light .flickity-page-dots .dot:before, .testimonial_slider[data-style="multiple_visible"][data-color*="-light"] .flickity-page-dots .dot:before{ background-color:#fff } /* 9.32. Toggle Panels */ body .toggle{ margin-bottom:15px } .toggle.open h3 a{ color:#fff; background-color:#000 } body .toggle h3, body .row .toggle h3 { margin-bottom:0 } .toggle h3 { position:relative; z-index:10; font-size:12px; } div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3{ font-size:14px; line-height:14px } .toggle h3 a{ display:block; color: rgba(0,0,0,0.65); letter-spacing:0; font-size:14px; line-height:16px; padding:14px 14px 16px 43px; font-weight:400; background-color:rgba(0,0,0,0.045); transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .toggle h3 a i{ position:absolute; left:13px; background-color:transparent; color:#888; top:13px; width:18px; height:16px; line-height:18px; font-size:15px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .toggle.open h3 a i{ color:#fff } .toggle h3 a:hover{ background-color:rgba(0,0,0,0.035) } body .toggle >div{ border-top:0; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2); padding:10px 14px; display:none; } .toggle >div .wpb_wrapper{ margin:0 } body .toggle[data-inner-wrap="true"] > div { -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; max-height: 0; overflow: hidden; pointer-events: none; display: block; } body .toggle[data-inner-wrap="true"].open > div { pointer-events: all; } body .toggle[data-inner-wrap="true"] > div, div[data-style="minimal_small"] .toggle[data-inner-wrap="true"] > div, div[data-style*="minimal"] .toggle[data-inner-wrap="true"] > div { padding: 0; } body div[data-style="minimal_small"] .toggle > div .inner-toggle-wrap { padding-top: 1.4em; padding-bottom: 0; } div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap { padding: 0 0 30px 0; } body .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap { padding:10px 14px; } .toggle >div >div:last-child, .toggle[data-inner-wrap="true"] .inner-toggle-wrap > div:last-child{ margin-bottom:0!important } .light .toggle >div{ color:#676767 } .light .toggles[data-style="default"] .toggle h3 a { color: #fff; } .light .toggles[data-style="default"] .toggle >div{ background-color: transparent; } body div[data-style*="minimal"] .toggle.open h3 a, body div[data-style*="minimal"] .toggle h3 a{ background-color:transparent } div[data-style*="minimal"] .toggle >div{ box-shadow:none; -webkit-box-shadow:none; padding:0 0 30px 0; background-color:transparent } div[data-style*="minimal"] .toggle h3 i{ width:30px; height:30px; position:absolute; right:0; left:auto; top:50%; margin-top:-15px; border:2px solid #888; border-radius:30px 30px; -ms-transition:border-color 0.15s ease; transition:border-color 0.15s ease; -webkit-transition:border-color 0.15s ease } div[data-style="minimal"] .toggle h3 a{ padding:30px 70px 30px 0px; -ms-transition:color 0.15s ease; transition:color 0.15s ease; -webkit-transition:color 0.15s ease } div[data-style="minimal"] .toggle{ border-bottom:2px solid rgba(0,0,0,0.08); -ms-transition:border-color 0.15s ease; transition:border-color 0.15s ease; -webkit-transition:border-color 0.15s ease; } body div[data-style="minimal"] .toggle { margin-bottom:0 } div[data-style="minimal"] .toggle h3 i:before{ content:' '; top:14px; left:6px; margin-top:-2px; width:14px; height:2px; position:absolute; background-color:#888; -ms-transition:background-color 0.15s ease; transition:background-color 0.15s ease; -webkit-transition:background-color 0.15s ease } div[data-style="minimal"] .toggle h3 i:after{ content:' '; top:6px; left:14px; width:2px; margin-left:-2px; height:14px; position:absolute; background-color:#888; -ms-transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease; transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease; -webkit-transition:-webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease } .light div[data-style="minimal"] .toggle { border-color:rgba(255,255,255,0.2) } .light div[data-style*="minimal"] .toggle h3 i{ border-color:#fff } .light div[data-style*="minimal"] .toggle h3 i:before, .light div[data-style*="minimal"] .toggle h3 i:after{ background-color:#fff } .light div[data-style*="minimal"] .toggle h3 a{ color:#fff } div[data-style*="minimal"] .toggle.open i:after{ -ms-transform:scale(1,0); transform:scale(1,0); -webkit-transform:scale(1,0) } div[data-style="minimal_small"] .toggle h3 { display: inline-block; padding: 0 0 4px; } div[data-style="minimal_small"] .toggle h3 a { padding: 0 } div[data-style="minimal_small"] .toggle.default h3 a:hover, div[data-style="minimal_small"] .toggle.default.open h3 a { color: #000; } div[data-style="minimal_small"] .toggle.default > h3:after { background-color: #000; } .span_12.light div[data-style="minimal_small"] .toggle.default h3 a:hover, .span_12.light div[data-style="minimal_small"] .toggle.default.open h3 a { color: #fff; } .span_12.light div[data-style="minimal_small"] .toggle > h3:before { background-color: rgba(255,255,255,0.2); } .span_12.light div[data-style="minimal_small"] .toggle.default:hover > h3:after, .span_12.light div[data-style="minimal_small"] .toggle.default.open > h3:after, .span_12.light div[data-style="minimal_small"] .toggle.default > h3:after { background-color: #fff; } div[data-style="minimal_small"] .toggle > h3:after, div[data-style="minimal_small"] .toggle > h3:before { display: block; content: ''; position: absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.1); height: 2px; left: 0; pointer-events: none; } div[data-style="minimal_small"] .toggle > h3:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transform-origin: left; } div[data-style="minimal_small"] .toggle.open > h3:after, div[data-style="minimal_small"] .toggle:hover > h3:after { -webkit-transform: scaleX(1); transform: scaleX(1); } div[data-style="minimal_small"] .toggle >div { padding-top: 1.3em; padding-bottom: 0; } div[data-style="minimal_small"] .toggle > h3 i { display: none; } div[data-style="minimal_small"] .toggle { margin-bottom: 1.4em; } /* 9.33. Video Lightbox */ .nectar_video_lightbox svg, .masonry-blog-item .video-play-button svg, .auto_meta_overlaid_spaced article .content-inner > .play svg { display:block; width:20px; height:20px; position:absolute; top:50%; left:50%; margin-left:2px; -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) } .nectar_video_lightbox.play_button:before, .nectar-video-box .play_button_mouse_follow:before, .auto_meta_overlaid_spaced article .content-inner > .play:before { display:block; position:absolute; content:' '; top:0; left:0; width:100%; height:100%; border:6px solid #fff; z-index:10; border-radius:200px; box-sizing:border-box; -webkit-box-sizing:border-box; transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s; -webkit-transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s } .nectar-video-box .play_button_mouse_follow { transition: opacity 0.3s ease; } .nectar-video-box .play_button_mouse_follow:not(.visible) { opacity: 0; } .nectar-video-box .play_button_mouse_follow:before { border-width: 2px; } .nectar-video-box .play_button_mouse_follow svg { width: 12px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 94px; height: 94px; left: 0; top: 0; margin-top: -47px; margin-left: -47px; pointer-events: none; } .nectar-video-box[data-mouse-style="see_through_contrast"] .play_button_mouse_follow { mix-blend-mode: difference; } .nectar-video-box[data-mouse-style="see_through_contrast"], .nectar-video-box[data-mouse-style="see_through_contrast"] > .inner-wrap { background-color: #fff; } @media only screen and (max-width: 690px) { .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox svg { width: 10px; } } .nectar-video-box[data-mouse-style="solid_color"] .play_button_mouse_follow:before { border: none; } @-webkit-keyframes pulse-1{ 0%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1); opacity:1 } 100%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @keyframes pulse-1{ 0%{ transform:translate3d(-50%,-50%,0)scale(1); opacity:1 } 100%{ transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @-webkit-keyframes pulse-2{ 0%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1); opacity:0.5 } 100%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @keyframes pulse-2{ 0%{ transform:translate3d(-50%,-50%,0)scale(1); opacity:0.5 } 100%{ transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } .nectar_video_lightbox.play_button{ position:relative; width:90px; height:90px; margin:0; display:inline-block } .centered-text .nectar_video_lightbox.play_button{ margin:0 30px } .nectar_video_lightbox.play_button_with_text .play{ height:52px; width:52px; position:relative; vertical-align:middle; display:inline-block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap{ height:100%; width:100%; display:block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap:before { border-radius:200px; backface-visibility: hidden; height:100%; width:100%; display:block; content:''; transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s; -webkit-transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play >.inner-wrap:before { background-color:#000; } .nectar_video_lightbox.play_button_with_text:hover .play >.inner-wrap:before{ -webkit-transform:scale(1.15); transform:scale(1.15) } .nectar_video_lightbox.play_button_with_text .link-text >*{ margin-bottom:0 } body .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before{ width:50px; height:50px; left:50%; top:50%; z-index:-1 } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before, .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:after{ position:absolute; top:50%; left:50%; display:block; content:''; border:1px solid rgba(255,255,255,.5); border-radius:50%; -webkit-transform:scale(.35) translateY(-50%) translateX(-50%); -ms-transform:scale(.35) translateY(-50%) translateX(-50%); transform:scale(.35) translateY(-50%) translateX(-50%); opacity:0; -webkit-animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite } .nectar_video_lightbox.play_button_with_text .play:after{ width:50px; height:50px; z-index:-1; border-color:rgba(255,255,255,.4); -webkit-animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite; animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:before, .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after{ -webkit-animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after{ -webkit-animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite; animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite } .nectar_video_lightbox.play_button_with_text svg{ width:14px; height:14px; z-index:100 } .span_12.light .nectar_video_lightbox.play_button_with_text .link-text{ color:#fff } .nectar_video_lightbox.play_button_with_text .link-text{ display:inline-block; margin-left:25px; color:#000; vertical-align:middle } .play_button_with_text .link-text[data-font="nectar-btn-jumbo"] { font-size: 18px; } .play_button_with_text .link-text[data-font="nectar-btn-large"] { font-size: 14px; } .play_button_with_text .link-text[data-font="nectar-btn-medium"] { font-size: 12px; } .nectar_video_lightbox.play_button_with_text .play:before{ display:block; position:absolute; content:' '; top:0; left:0; width:100%; height:100%; z-index:10; border-radius:200px; box-sizing:border-box; -webkit-box-sizing:border-box } .nectar_video_lightbox .play{ display:block; height:100%; width:100%; transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s; -webkit-transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s } .nectar_video_lightbox path, .span_12.dark .nectar_video_lightbox.play_button_with_text path{ fill:#fff } .span_12.dark .nectar_video_lightbox path{ fill:#000 } .span_12.dark .nectar_video_lightbox.play_button:before{ border:5px solid #000 } .nectar_video_lightbox:hover:before{ transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.4 } .nectar_video_lightbox:not(.play_button_with_text):hover .play{ transform:scale(1.3); -webkit-transform:scale(1.3) } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:before, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:after { display: none; } .nectar_video_lightbox.play_button_with_text[data-style="small"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg { height: 30px; width: 30px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg { width: 70px; height: 70px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] .button-bg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] .button-bg { width: 90px; height: 90px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] { text-align: center; display: inline-block; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .link-text { display: block; margin-left: 0; margin-top: 28px; } .main-content .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"]:not([data-style="small"]) .play >.inner-wrap:before { background-color: transparent!important; } .play_button_with_text[data-style="small"][data-font-style="h3"] span.play, .play_button_with_text[data-style="small"][data-font-style="h3"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h2"] span.play, .play_button_with_text[data-style="small"][data-font-style="h2"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h1"] span.play, .play_button_with_text[data-style="small"][data-font-style="h1"] .button-bg { height: 40px; width: 40px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg-wrap, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg-wrap { margin-top: -20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] svg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] svg { height: 10px; width: 10px; } .nectar_video_lightbox.play_button_with_text { display: inline-block; padding: 20px 0; } .nectar_video_lightbox.play_button_with_text > span { display: block; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .link-text { margin-left: 15px; } .play_button_with_text[data-style="small"][data-font-style="h1"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h2"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h3"] .link-text { margin-left: 20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before { border-width: 2px; border-style: solid; box-sizing: border-box; border-color: #000; } .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="small"] path, .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] path { fill: #000; } .light .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .light .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before { border-color: #fff; } .span_12.dark .nectar_video_lightbox.nectar-button[data-color*="transparent"]{ border:2px solid #000; color:#000 } .nectar_video_lightbox.nectar-button[data-color*="transparent"] { background-color:transparent; border:2px solid #fff; opacity:1; transition:all 0.2s ease; -webkit-transition:all 0.2s ease } .nectar_video_lightbox.nectar-button[data-color*="transparent"]:hover{ color:#fff; border-color:transparent } .nectar-video-box{ line-height:0; position:relative; margin-bottom:35px } .nectar-video-box img{ transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1); margin-bottom:0!important; transform:translateZ(0) scale(1.05); -webkit-transform:translateZ(0) scale(1.05); backface-visibility:hidden; -webkit-backface-visibility:hidden; max-width:none!important; width:100%!important } .nectar-video-box[data-hover="zoom_button"] img, .nectar-video-box[data-hover="zoom_button"]:hover img{ transition:none; -webkit-transition:none; -webkit-transform:none; transform:none } .nectar-video-box .nectar_video_lightbox{ position:absolute; left:50%; top:50%; z-index:10; width:70px; height:70px; margin-top:-35px; margin-left:-35px; color:#fff; display:inline-block; border-radius:200px; -webkit-transform:translateZ(0); transform:translateZ(0) } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox:after{ background-color:#000; position:absolute; content:' '; display:block; left:0; top:0; width:100%; border-radius:200px; height:100%; z-index:1; transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1) } .nectar-video-box:hover .nectar_video_lightbox:after{ -webkit-transform:scale(1.14); transform:scale(1.14) } .nectar-video-box[data-hover="zoom_button"] .play{ position:relative; z-index:10 } .nectar-video-box .inner-wrap >a.full-link{ position:absolute; display:block; top:0; left:0; height:100%; width:100%; z-index:100 } .nectar-video-box:hover img{ transform:scale(1.14); -webkit-transform:scale(1.14) } .nectar-video-box .nectar_video_lightbox path{ fill:#fff!important } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox{ background-color:transparent!important } .nectar-video-box .inner-wrap { overflow: hidden; } .nectar-video-box[data-border-radius*="px"] > .inner-wrap { transform: translateZ(0); } .nectar-video-box[data-border-radius="3px"] .inner-wrap { border-radius: 3px; } .nectar-video-box[data-border-radius="5px"] .inner-wrap { border-radius: 5px; } .nectar-video-box[data-border-radius="10px"] .inner-wrap { border-radius: 10px; } .nectar-video-box[data-border-radius="15px"] .inner-wrap { border-radius: 15px; } .nectar-video-box[data-border-radius="20px"] .inner-wrap { border-radius: 20px; } .nectar-video-box[data-shadow*="depth"]:before { position: absolute; width: 98%; height: 98%; top: 1%; left: 1%; display: block; content: ''; z-index: -1; } .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox { height: 110px; width: 110px; margin-left: -55px; margin-top: -55px; } /* 9.34. Self Hosted Video Player */ .nectar_video_player_self_hosted .wpb_wrapper video { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: visible; object-fit: cover; } .nectar_video_player_self_hosted[data-border-radius*="px"] .wpb_video_wrapper { overflow: hidden; } /* 9.35. Scrolling Text */ .nectar-scrolling-text { overflow: hidden; } .nectar-scrolling-text .nectar-scrolling-text-inner { width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; overflow: hidden; white-space: nowrap; } .nectar-scrolling-text[data-overflow="visible"], .nectar-scrolling-text[data-overflow="visible"] .nectar-scrolling-text-inner { overflow: visible; } .nectar-scrolling-text .nectar-scrolling-text-inner > * { color: inherit; margin-bottom: 0; } .nectar-scrolling-text .nectar-scrolling-text-inner > * { transform: translateX(-20%) translateZ(0); animation: nectar-scrolling-text-animation linear infinite 15s; } .nectar-scrolling-text[data-s-dir="rtl"] .nectar-scrolling-text-inner > * { animation-direction: reverse; will-change: transform; } .nectar-scrolling-text[data-s-speed="slow"] .nectar-scrolling-text-inner > * { animation-duration: 8s; } .nectar-scrolling-text[data-s-speed="medium"] .nectar-scrolling-text-inner > * { animation-duration: 6s; } .nectar-scrolling-text[data-s-speed="fast"] .nectar-scrolling-text-inner > * { animation-duration: 4s; } .nectar-scrolling-text[data-style="text_outline"] em, .nectar-scrolling-text[data-style="text_outline"] i { font-style: normal; font-family: inherit; } .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > h1, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > h2, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > h3, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > h4, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > h5, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > p, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > strong, .nectar-scrolling-text[data-spacing="true"] .nectar-scrolling-text-inner > b { padding-left: 0.5em; } .row .nectar-scrolling-text .nectar-scrolling-text-inner > * { margin-bottom: 0; } .nectar-scrolling-text .nectar-scrolling-text-inner span.custom { padding: 0 0.4em; display: inline-block; vertical-align: middle; font-weight: normal; } .nectar-scrolling-text .nectar-scrolling-text-inner span.custom[data-scale="three-fourths"] { -webkit-transform: scale(0.75); transform: scale(0.75); padding: 0 0.35em; } .nectar-scrolling-text .nectar-scrolling-text-inner span.custom[data-scale="half"] { -webkit-transform: scale(0.5); transform: scale(0.5); padding: 0 0.3em; } @keyframes nectar-scrolling-text-animation { to { transform: translateX(-120%) translateZ(0); } } body .nectar-scrolling-text[data-using-bg="true"] .background-layer, body .full-width-section .nectar-scrolling-text[data-using-bg="true"] .background-layer.row-bg-wrap { overflow: hidden; z-index: 100; position: relative; width: 100%; margin-left: 0; left: 0; top: 0; } .nectar-scrolling-text[data-using-bg="true"] .background-image { background-size: cover; background-position: center; } .nectar-scrolling-text[data-sep-text="true"] { position: relative; } .nectar-scrolling-text[data-sep-text="true"], .nectar-scrolling-text[data-sep-text="true"] > .nectar-scrolling-text-inner { overflow: visible; } .nectar-scrolling-text[data-using-bg="true"][data-sep-text="true"] .nectar-scrolling-text-inner { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .wpb_row .nectar-scrolling-text .row-bg { position: relative; top: 0; left: 0; } .nectar-scrolling-text .background-layer:not([data-bg-animation="none"]) .nectar-scrolling-text-inner { opacity: 0; transition: opacity 0.6s ease; } .nectar-scrolling-text .background-layer:not([data-bg-animation="none"]).animated-in .nectar-scrolling-text-inner { opacity: 1; } /* 9.36. Drag Indicator */ .nectar-view-indicator { position: fixed; z-index: 400; left: -47px; top: -47px; pointer-events: none; width: 94px; height: 94px; mix-blend-mode: difference; will-change: transform; } .nectar-drag-indicator { position: fixed; z-index: 400; left: -26px; top: -26px; pointer-events: none; width: 52px; height: 52px; mix-blend-mode: difference; will-change: transform; } .nectar-drag-indicator:before { border: 2px solid #fff; width: 100%; height: 100%; display: block; content: ''; position: absolute; left: -2px; top: -2px; transform: scale(0.2); opacity: 0; border-radius: 50%; } .nectar-drag-indicator span { position: absolute; top: 50%; left: 0; display: block; width: 100%; text-align: center; transform: translateY(-50%); } .nectar-drag-indicator i { top: 0; color: #fff; font-size: 16px; opacity: 0; position: absolute; } .nectar-drag-indicator i.fa-angle-left { left: -22px; top: -9px; transform: translateX(17px); } .nectar-drag-indicator i.fa-angle-right { right: -22px; top: -9px; transform: translateX(-17px); } .nectar-drag-indicator:before, .nectar-view-indicator .color-circle { -webkit-transition: transform 0.45s ease, opacity 0.3s ease; transition: transform 0.45s ease, opacity 0.3s ease; } .nectar-drag-indicator i, .nectar-view-indicator span { -webkit-transition: transform 0.2s ease, opacity 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease; } .nectar-drag-indicator.visible i { -webkit-transition: transform 0.45s ease, opacity 0.3s ease; transition: transform 0.45s ease, opacity 0.3s ease; } .nectar-drag-indicator.visible:before, .nectar-view-indicator.visible .color-circle, .nectar-view-indicator.visible span, .nectar-drag-indicator.visible i.fa-angle-left, .nectar-drag-indicator.visible i.fa-angle-right { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .nectar-drag-indicator.visible.pointer-down:before { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform 0.25s ease-out, opacity 0.3s ease; transition: transform 0.25s ease-out, opacity 0.3s ease; } .nectar-view-indicator:not(.style-see-through) { mix-blend-mode: normal; } .nectar-view-indicator .color-circle { background-color: #000; width: 100%; height: 100%; display: block; content: ''; position: absolute; left: -2px; top: -2px; transform: scale(0.2); opacity: 0; border-radius: 50%; } body .nectar-view-indicator span { opacity: 0; font-size: 16px; color: #fff; line-height: 94px; text-align: center; width: 100%; display: inline-block; } .nectar-view-indicator.style-see-through .color-circle { background-color: transparent; border: 2px solid #fff; } .nectar-drag-indicator.in-boxed, .nectar-view-indicator.in-boxed { z-index: 10000; } /* Salient Widgets - Popular Posts */ .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="minimal-counter"] > li::before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before, body.search-results #search-results[data-layout="list-no-sidebar"] article:before { content: counter(step-counter); margin-right: 20px; border: 1px solid rgba(0,0,0,0.1); font-weight: bold; display: block; position: absolute; left: 0; top: 50%; z-index: 10; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; line-height: 34px; font-size: 12px; pointer-events: none; text-align: center; border-radius: 50%; -webkit-transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); } body.search-results #search-results[data-layout="list-no-sidebar"] article:before { height: 50px; width: 50px; font-size: 16px; line-height: 50px; } body.search-results #search-results[data-layout="list-no-sidebar"] article { counter-increment: step-counter; } #footer-outer .widget.widget_media_image img { margin-bottom: 0; } .blog-recent[data-style="list_featured_first_row"] .small { position: relative; -webkit-transform: none; transform: none; top: 0; display: inline-block; vertical-align: middle; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after, .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { border-radius: 0; text-align: center; color: #fff; font: normal normal normal 18px/60px FontAwesome; content: "\f03e"; text-rendering: auto; -webkit-font-smoothing: antialiased; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { font-size: 50px } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap, .post-area.featured_img_left .post-featured-img-wrap { background-color: rgba(0,0,0,0.25) } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Parallax Image Grid */ @media only screen and (min-width: 1600px) { .full-width-content .vc_col-sm-12 .wpb_gallery .parallax-grid-item { width: 33%; } .full-width-content .vc_col-sm-12 .wpb_gallery .wpb_gallery_slidesparallax_image_grid > div:nth-child(3) { margin-top: 0; } } .wpb_gallery .parallax-grid-item img { width: 100%; max-width: none; height: auto; } .wpb_gallery .parallax-grid-item img:not([srcset]) { max-width: 100%; } .wpb_gallery .parallax-grid-item .parallaxImg-layers a { display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%; } .wpb_gallery .parallax-grid-item .item-meta p { opacity: 0.65; } .wpb_gallery .parallax-grid-item .item-meta h4 { margin-bottom: 3px; } .wpb_gallery .parallax-grid-item .item-meta { padding: 5% 0 0 0; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+2) { padding-left: 3.3%; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+1) { padding-right: 3.3%; } .wpb_gallery .parallax-grid-item { width: 50%; display: inline-block; margin-top: 6.2%; vertical-align: top; transform: translateZ(0px); } .wpb_gallery_slidesparallax_image_grid > div:nth-child(1) { margin-top: 0; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2) { margin-top: 0; } body.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container { transition: transform 0.2s cubic-bezier(0,0,0.65,1); -webkit-transition: transform 0.2s cubic-bezier(0,0,0.65,1); outline: 1px solid transparent; backface-visibility: hidden; } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg.transition .parallaxImg-container { transition: transform 0.8s cubic-bezier(0,0,0.55,1); -webkit-transition: transform 0.8s cubic-bezier(0,0,0.55,1); } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container { transition: transform 0.5s cubic-bezier(0,0,0.55,1); -webkit-transition: transform 0.5s cubic-bezier(0,0,0.55,1); backface-visibility: hidden; } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container:not(.over), html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container:not(.over) .parallaxImg-rendered-layer, html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg:not(.over) { transition: transform 1.1s cubic-bezier(0,0,0.2,1); -webkit-transition: transform 1.1s cubic-bezier(0,0,0.2,1); } /*-------------------------------------------------------------------------*/ /* 10. Page Header /*-------------------------------------------------------------------------*/ .row .col.section-title{ margin:0 0 0 0; padding:0 0 36px 0; border-bottom:1px solid rgba(0,0,0,0.15) } .row .col.section-title.project-title, .row .col.section-title.blog-title{ margin-bottom:14px } .home .row .col.section-title{ padding:0 0 3em 0 } .row .col.section-title h1, .row .col.section-title h2{ margin-bottom:0; font-family:'Open Sans'; font-weight:600; letter-spacing:-1px; position:relative } .row .col.section-title h2{ margin-bottom:5px } .page-template-template-portfolio-php .row .col.section-title h1{ margin-bottom:0 } .row .col.section-title h1{ top:3px } .row .col.section-title span{ font-size:20px; line-height:20px; color: rgba(0,0,0,0.45); top:0; position:relative; text-transform:none; font-family:'Open Sans'; padding-left:10px } #ajax-content-wrap .row .col.section-title .nectar-love span { line-height: 20px; } .archive.author .row .col.section-title span, .archive.category .row .col.section-title span, .archive.tag .row .col.section-title span, .archive.date .row .col.section-title span{ padding-left:0 } .archive.author #page-header-wrap, .archive.category #page-header-wrap, .archive.tag #page-header-wrap, .archive.date #page-header-wrap { height: 400px; } .archive.author #page-header-wrap #page-header-bg, .archive.category #page-header-wrap #page-header-bg, .archive.tag #page-header-wrap #page-header-bg, .archive.date #page-header-wrap #page-header-bg { height: 100%; } .row .col.section-title h1{ margin-bottom:0 } .row .col.section-title p { font-size:20px; line-height:28px; padding-bottom:0; } .archive.category .row .col.section-title p { margin-top: 10px; } /* Background Layer Animations */ #page-header-wrap[data-animate-in-effect="slide-down"], #page-header-wrap[data-animate-in-effect="slide-down"] #page-header-bg{ transition:height 0.85s cubic-bezier(0.725,0,0,0.995); -webkit-transition:height 0.85s cubic-bezier(0.725,0,0,0.995); } body[data-ajax-transitions="true"] #page-header-wrap[data-animate-in-effect="slide-down"] { transition:height 0.85s 0.2s cubic-bezier(0.725,0,0,0.995); -webkit-transition:height 0.85s 0.2s cubic-bezier(0.725,0,0,0.995); } @media only screen and (min-width: 1000px) { #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap, .top-level .nectar-slider-wrap[data-animate-in-effect="zoom-out"]:not([data-bg-animation="ken_burns"]) .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="zoom-out"] .nectar-recent-posts-slider-inner:not(.loaded) .nectar-recent-post-bg, body[data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform:scale(1.11) translateZ(0); -ms-transform:scale(1.11) translateZ(0); transform:scale(1.11) translateZ(0); -webkit-transition:0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9); transition:0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9) } } body[data-apte*="horizontal_swipe"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap, body[data-apte*="horizontal_swipe"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap, body[data-apte*="horizontal_swipe"][data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transition:1.25s 0s cubic-bezier(0.3,0.58,0.42,0.9); transition:1.25s 0s cubic-bezier(0.3,0.58,0.42,0.9) } body[data-ajax-transitions="true"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap{ -webkit-transition:transform 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9); transition:transform 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9) } #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"].loaded .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"].loaded .nectar-video-wrap, .top-level .nectar-slider-wrap[data-animate-in-effect="zoom-out"]:not([data-bg-animation="ken_burns"]).loaded .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="zoom-out"].loaded .nectar-recent-post-bg, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"].loaded .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"].loaded .nectar-video-wrap, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .image-bg, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .video-wrap, .parallax_slider_outer .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="long-zoom-out"].loaded .nectar-recent-post-bg, .js_active body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg, .js_active body[data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0) } @media only screen and (min-width: 1000px) { body[data-aie="zoom-out"] .first-section .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .top-level .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .first-section .project-slide .bg-inner-wrap{ -webkit-transform:scale(1.11) translateZ(0); -ms-transform:scale(1.11) translateZ(0); transform:scale(1.11) translateZ(0) } } body[data-aie="zoom-out"] .first-section.loaded .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .top-level.loaded .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .first-section.loaded .project-slide .bg-inner-wrap{ -webkit-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0); -webkit-transition:transform 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9); transition:transform 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9) } body[data-aie="zoom-out"] #nectar_fullscreen_rows[data-row-bg-animation="ken_burns"] .first-section .row-bg-wrap .inner-wrap { -webkit-transform:none; -ms-transform:none; transform:none; } body[data-aie="zoom-out"] .first-section .row-bg-wrap, body[data-aie="zoom-out"] .top-level .row-bg-wrap, body[data-aie="long-zoom-out"] .first-section .row-bg-wrap{ overflow:hidden; height:100%; width:100%; position:absolute; left:0; top:0 } #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"] .nectar-video-wrap, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .image-bg, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .video-wrap, .first-section .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .image-bg, .first-section .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .video-wrap, .nectar-recent-posts-slider[data-animate-in-effect="long-zoom-out"] .nectar-recent-posts-slider-inner:not(.loaded) .nectar-recent-post-bg, body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform:scale(1.14) translateZ(0); -ms-transform:scale(1.14) translateZ(0); transform:scale(1.14) translateZ(0); -webkit-transition:3.5s 0s cubic-bezier(0.4,0.58,0.5,1); transition:3.5s 0s cubic-bezier(0.4,0.58,0.5,1) } body[data-aie="long-zoom-out"] .first-section .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .top-level .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .first-section .nectar-video-wrap video{ -webkit-transform:scale(1.14) translateZ(0); -ms-transform:scale(1.14) translateZ(0); transform:scale(1.14) translateZ(0) } body[data-aie="long-zoom-out"] .first-section.loaded .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .top-level.loaded .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .first-section.loaded .nectar-video-wrap video, .js_active body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0); -webkit-transition:transform 3.5s 0s cubic-bezier(0.4,0.58,0.5,1); transition:transform 3.5s 0s cubic-bezier(0.4,0.58,0.5,1) } #page-header-bg[data-animate-in-effect="fade-in"] .scroll-down-wrap { opacity: 0; transition: opacity 1s ease 0.6s; -webkit-transition: opacity 1s ease 0.6s; } #page-header-bg[data-animate-in-effect="fade-in"].loaded .scroll-down-wrap { opacity: 1; transition: opacity 1s ease 0.4s; -webkit-transition: opacity 1s ease 0.4s; } #page-header-bg[data-animate-in-effect="fade-in"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="fade-in"] .nectar-video-wrap { opacity: 0; -webkit-animation: pageHeaderFadeIn 1.5s ease forwards; animation: pageHeaderFadeIn 1.5s ease forwards; animation-delay: 0.5s; } #page-header-bg[data-animate-in-effect="fade-in"] .container { opacity: 0; -webkit-animation: pageHeaderFadeInText 1.5s ease forwards; animation: pageHeaderFadeInText 1.5s ease forwards; animation-delay: 0.1s; } @keyframes pageHeaderFadeIn { 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes pageHeaderFadeInText { 0%{ -webkit-transform:translateY(40px); transform:translateY(40px); opacity: 0; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); opacity: 1; } } /* Page header core */ body[data-bg-header="true"] .container-wrap, html.fp-enabled .container-wrap{ margin-top:0!important; padding-top:0!important } #page-header-wrap{ height:60px; overflow:hidden; position:relative; background-color:#f8f8f8; -webkit-font-smoothing:antialiased } body.material #page-header-wrap, body[data-header-resize="0"] #page-header-wrap { margin-top: 0; } #page-header-bg{ width:100%; height:60px; overflow:hidden; color:#fff; display:block!important; -webkit-font-smoothing:antialiased; position:relative; z-index:2 } .page-header-bg-image{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; background-repeat:no-repeat; background-position:top center; background-size:cover } .page-header-overlay-color{ position:static; height:1px; width:1px; margin-left:-9999px; pointer-events:none; background-color: #333; } .page-header-overlay-color:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:inherit; content:' '; z-index:10; opacity:0.65 } .page-header-overlay-color[data-overlay-opacity="0.9"]:after { opacity:0.9; } .page-header-overlay-color[data-overlay-opacity="0.8"]:after { opacity:0.8; } .page-header-overlay-color[data-overlay-opacity="0.7"]:after { opacity:0.7; } .page-header-overlay-color[data-overlay-opacity="0.6"]:after { opacity:0.6; } .page-header-overlay-color[data-overlay-opacity="0.5"]:after { opacity:0.5; } .page-header-overlay-color[data-overlay-opacity="0.4"]:after { opacity:0.4; } .page-header-overlay-color[data-overlay-opacity="0.3"]:after { opacity:0.3; } .page-header-overlay-color[data-overlay-opacity="0.2"]:after { opacity:0.2; } .page-header-overlay-color[data-overlay-opacity="0.1"]:after { opacity:0.1; } #page-header-bg[data-bg-pos="bottom"] .page-header-bg-image{ background-position:bottom center } #page-header-bg[data-bg-pos="top"] .page-header-bg-image{ background-position:top center } #page-header-bg[data-bg-pos="center"] .page-header-bg-image{ background-position:center center } body[data-header-resize="0"] #page-header-bg{ margin-top:0 } .page-header-no-bg{ padding-bottom:0; padding-top: 35px; background-color:#f8f8f8 } .page-header-no-bg{ z-index:1000 } #page-header-bg[data-parallax="1"]{ overflow:hidden; margin:0; position:fixed; z-index:2 } body[data-footer-reveal="1"] #page-header-bg[data-parallax="1"]{ opacity:1 } #page-header-bg[data-parallax="1"] .span_6{ z-index:0 } body[data-apte="center_mask_reveal"][data-ajax-transitions="true"] #page-header-bg[data-parallax="1"]:not(.out-of-sight){ opacity:1 } #page-header-bg[data-parallax="1"].out-of-sight{ pointer-events:none } #page-header-bg[data-parallax="1"].out-of-sight .nectar-video-wrap{ display:none } #page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"] { text-align:center } #page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"] { text-align:right } #page-header-bg[data-alignment-v="bottom"] .row, #page-header-bg[data-alignment-v="bottom"] .container, #page-header-bg[data-alignment-v="top"] .row, #page-header-bg[data-alignment-v="top"] .container, #page-header-bg[data-alignment-v="middle"] .row, #page-header-bg[data-alignment-v="middle"] .container { height:100% } #page-header-bg[data-alignment-v="bottom"] .span_6, #page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6, #page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap { bottom:26%; top:auto!important; left:0; margin-bottom:0!important; position:absolute!important } #page-header-bg[data-alignment-v="top"].fullscreen-header .nectar-particles .span_6, #page-header-bg[data-alignment-v="middle"].fullscreen-header .nectar-particles .span_6 { top:auto!important; transform:none!important; -webkit-transform:none!important } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap { left:0; position:absolute } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap, #page-header-bg[data-alignment-v="top"].fullscreen-header .span_6{ top:25%!important } #page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap { transform:translateY(50%)!important; -webkit-transform:translateY(50%)!important } #page-header-bg .span_6 { width:100% } .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after{ background-color:rgba(45,45,45,0.35); position:absolute; top:0; left:0; height:100%; width:100%; content:' '; z-index:1; display:block } body[data-bg-header="true"].archive .container-wrap, body[data-bg-header="true"].category .container-wrap, body[data-bg-header="true"].blog .container-wrap{ padding-top:4.1em!important } body[data-bg-header="true"].archive .container-wrap.meta_overlaid_blog, body[data-bg-header="true"].category .container-wrap.meta_overlaid_blog { padding-top: 0!important; } #page-header-bg .row{ z-index:100; position:relative } html:not(.js) #page-header-bg .row, body #page-header-bg .row { visibility:visible } html:not(.js) #page-header-bg .span_6{ margin-top:120px } #page-header-bg h1, .nectar-box-roll .overlaid-content h1{ font-family:'Open Sans'; font-weight:600; font-size:44px; line-height:54px; margin-bottom:8px; display:block; color:#fff; z-index:101 } .single.single-post .heading-title[data-header-style="default"] h1 { margin-bottom: 8px; } #page-header-bg #portfolio-nav a i, #page-header-bg span, #page-header-bg .pinterest-share i, #page-header-bg .facebook-share i, #page-header-bg .linkedin-share i, #page-header-bg .twitter-share i, #page-header-bg .google-plus-share i, #page-header-bg .icon-salient-heart, #page-header-bg .icon-salient-heart-2{ color:#fff } .single #page-header-bg #single-below-header >span, .single #page-header-bg #single-meta > div > a { border-color:rgba(255,255,255,0.25) } .single #single-meta > div >a, .single #single-meta ul .n-shortcode a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #project-meta ul .project-date{ display:block; border-radius:100px; padding: 6px 20px!important; -webkit-transition:border-color .45s cubic-bezier(0.25,1,0.33,1); transition:border-color .45s cubic-bezier(0.25,1,0.33,1); height:auto; line-height:20px } .single #single-meta ul li span, .single #single-meta ul .n-shortcode span, #project-meta ul li span, #project-meta ul .n-shortcode span{ transition:color 0.2s linear; line-height:20px!important; font-family:inherit!important } .blog-title #single-meta .nectar-social.hover .share-btn, .blog-title #single-meta .nectar-social.hover > div a, .single .blog-title #single-meta > div >a, .single .blog-title #single-meta div .n-shortcode a, .single-product #single-meta > div >a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #sidebar #project-meta ul .project-date, .ascend #sidebar #project-meta ul .project-date{ border:2px solid rgba(0,0,0,0.1) } .ascend #sidebar #project-meta ul .project-date { border:2px solid rgba(0,0,0,0.1)!important; } #page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn, #page-header-bg .blog-title #single-meta .nectar-social.hover > div a, .single #page-header-bg .blog-title #single-meta > div >a, .single #page-header-bg .blog-title #single-meta > div .n-shortcode a{ border:2px solid rgba(255,255,255,0.4) } #page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn:hover, #page-header-bg .blog-title #single-meta .nectar-social.hover > div a:hover, .single #page-header-bg .blog-title #single-meta > div >a:hover, .single #page-header-bg .blog-title #single-meta div .n-shortcode:hover a{ border:2px solid rgba(255,255,255,1) } body.single #single-meta ul li:first-child{ border:none!important } .single .blog-title #single-meta div i, .single #single-meta .meta-comment-count a, .single #single-meta ul .meta-share-count .nectar-social a, #project-meta ul li i, #project-meta .meta-comment-count a, #project-meta ul .meta-share-count .nectar-social a, #project-meta ul li span, #project-meta ul .n-shortcode span, #project-meta ul .project-date { color:#999!important } .single #page-header-bg #single-meta ul li{ border:none; margin:0 } body.single #ajax-content-wrap #single-meta ul li:first-child, .single #page-header-bg #single-meta ul li, .single .blog-title #single-meta ul li, #project-meta ul li, body.single-portfolio #ajax-content-wrap #sidebar #project-meta ul li:first-child { margin:5px } .single #single-meta ul .meta-share-count, #project-meta ul .meta-share-count{ position:relative; z-index:100 } .single #single-meta ul .meta-share-count span, .single #project-meta ul .meta-share-count span{ font-size:inherit; padding-left:0; color:#888 } .single #single-meta ul li i, #project-meta ul li i{ font-size:16px!important; width:16px; line-height:22px!important; margin-right:7px; height:20px } .single #single-meta ul li i.icon-salient-heart-2, #project-meta ul li i.icon-salient-heart-2{ line-height:20px!important } .single-post #single-meta{ top:50%; margin-top:-13px; float:none; z-index:102; position:absolute } #page-header-bg .subheader, .nectar-box-roll .overlaid-content .subheader{ font-size:28px; line-height:28px; color:#fff!important; font-family:'Open Sans'; font-weight:300 } #page-header-bg[data-text-alignment="center"], .page-header-no-bg[data-text-alignment="center"], .nectar-box-roll .overlaid-content[data-text-alignment="center"]{ text-align:center } #page-header-bg[data-text-alignment="right"], .page-header-no-bg[data-text-alignment="right"], .nectar-box-roll .overlaid-content[data-text-alignment="right"]{ text-align:right } #page-header-bg[data-text-alignment="center"] .span_6, .page-header-no-bg[data-text-alignment="center"] .span_6, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .span_6{ left:0; width:100%!important } #page-header-bg[data-text-alignment="center"] h1, .nectar-box-roll .overlaid-content[data-text-alignment="center"] h1{ margin-bottom:12px } #page-header-bg[data-text-alignment="center"] h1, .page-header-bg[data-text-alignment="center"] .subheader, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .subheader{ max-width:900px; margin:0 auto; display:block } /* Particle Styles */ #page-header-bg .canvas-bg{ transition:background-color 0.7s ease; -webkit-transition:background-color 0.7s ease; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 10; } #page-header-bg .nectar-particles .span_6, .nectar-box-roll .overlaid-content .span_6{ backface-visibility:visible; transform-style:preserve-3d; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; top:auto; bottom:auto; width:100%; height:100% } #page-header-bg .nectar-particles{ width:100%; height:100% } #page-header-bg .nectar-particles .inner-wrap { top:0; left:0; position:absolute; width:100%; } @media only screen and (min-width: 1000px) { #page-header-bg[data-alignment-v="middle"][data-alignment="center"][data-parallax="1"] .nectar-particles .inner-wrap { height: 100%; top: 0; -webkit-transform: none; transform: none; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; padding-top: 0; } } #page-header-bg .nectar-particles .span_6 .inner-wrap, .nectar-box-roll .overlaid-content .span_6 .inner-wrap { left:0; position:absolute; width:100% } #page-header-wrap .nectar-particles .fade-out{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1000; opacity:0; background-color:#000; pointer-events:none } #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap{ left:0; position:absolute; width:100% } .pagination-navigation{ text-align:center; font-size:0; position:absolute; right:20px; top:50%; width:33px; transform:translateY(-50%) translateZ(0); -webkit-transform:translateY(-50%) translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; opacity:0.5; line-height:1px; z-index:1000 } @media only screen and (max-width:690px){ #ajax-content-wrap .pagination-navigation, .pagination-navigation{ display:none } .overlaid-content svg{ display:none } } .pagination-dot, .pagination-current{ transition: transform 0.3s cubic-bezier(.21, .6, .35, 1); position:relative; display:inline-block; width:10px; height:10px; padding:0; line-height:17px; background:#fff; border-radius:50%; margin:12px 7px; border:none; outline:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0 } .nectar-particles .pagination-current, .overlaid-content .pagination-current{ position:absolute; left:1px; top:0; z-index:100; display: none; } .pagination-dot.active { transform: scale(1.7)!important; } body .pagination-navigation { -webkit-filter: none; filter: none; } /* Header Text Effects */ #page-header-bg[data-text-effect="rotate_in"] .wraped, .overlaid-content[data-text-effect="rotate_in"] .wraped{ display:inline-block } #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped span, #page-header-bg[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading){ opacity:0; transform-origin:center center; -webkit-transform-origin:center center; transform:translateY(30px); -webkit-transform:translateY(30px); transform-style:preserve-3d; -webkit-transform-style:preserve-3d } #page-header-bg .nectar-particles .inner-wrap >*:not(.top-heading), .overlaid-content .inner-wrap >*:not(.top-heading){ opacity:0; transform:translateY(35px); -webkit-transform:translateY(35px) } #page-header-bg[data-text-effect="rotate_in"] .wraped span, #page-header-bg[data-text-effect="rotate_in"] .inner-wrap.shape-1 >*:not(.top-heading), #page-header-bg[data-text-effect="rotate_in"] >div:not(.nectar-particles) .span_6 .inner-wrap >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .inner-wrap.shape-1 >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading){ transform:rotateX(90deg) translateY(35px); -webkit-transform:rotateX(90deg) translateY(35px) } #page-header-bg[data-text-effect="rotate_in"] .wraped, #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped, .overlaid-content[data-text-effect="rotate_in"] .wraped span{ display:inline-block } #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped span{ transform-origin:initial; -webkit-transform-origin:initial } .scroll-down-wrap.hidden{ transform:translateY(55px); -webkit-transform:translateY(55px); opacity:0 } .scroll-down-wrap{ transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease; } /* Fullscreen header */ #page-header-bg.fullscreen-header, #page-header-wrap.fullscreen-header{ width:100%; position:relative; transition:none; -webkit-transition:none; z-index:2 } #page-header-bg[data-parallax="1"].fullscreen-header{ position:fixed } #page-header-wrap.fullscreen-header{ background-color:#2b2b2b } #page-header-bg.fullscreen-header .span_6{ opacity:1 } #page-header-bg.fullscreen-header[data-alignment-v="middle"] .span_6{ top:50%!important } .hidden-social-img{ position:absolute; pointer-events: none; visibility:hidden; opacity:0; z-index: -100; } .default-blog-title.fullscreen-header{ position:relative } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap{ text-align:center } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, body.material #page-header-bg.fullscreen-header .inner-wrap >a{ color:#fff; font-weight: 600; border:2px solid rgba(255,255,255,0.4); padding:4px 10px; margin:5px 6px 0px 5px; display:inline-block; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; font-size:14px; line-height:18px } body.material #page-header-bg.fullscreen-header .inner-wrap >a{ margin-bottom: 15px; } body.material #page-header-bg.fullscreen-header .inner-wrap >a { border: none; padding: 6px 10px } body[data-button-style^="rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, body[data-button-style^="rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a { border-radius:100px } body.single [data-post-hs="default_minimal"] #single-below-header span, body.single .heading-title[data-header-style="default_minimal"] #single-below-header span { line-height: 14px; } #page-header-bg[data-post-hs="default_minimal"] #single-below-header{ text-align:center; position:relative; z-index:100 } #page-header-bg[data-post-hs="default_minimal"] #single-below-header span{ float:none; display:inline-block } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:hover, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:focus{ border-color:transparent } #page-header-bg.fullscreen-header .avatar, #page-header-bg[data-post-hs="default_minimal"] .avatar{ border-radius:100% } #page-header-bg.fullscreen-header .meta-author span, #page-header-bg[data-post-hs="default_minimal"] .meta-author span{ display:block } #page-header-bg.fullscreen-header .meta-author img{ margin-bottom:0; height:50px; width:auto } #page-header-bg[data-post-hs="default_minimal"] .meta-author img{ margin-bottom:0; height:40px; width:auto } #page-header-bg[data-post-hs="default_minimal"] .author-section{ position:absolute; bottom:30px } #page-header-bg.fullscreen-header .meta-author, #page-header-bg[data-post-hs="default_minimal"] .meta-author{ font-size:18px } #page-header-bg.fullscreen-header .author-section .meta-date, #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date{ font-size:12px; color:rgba(255,255,255,0.8) } #page-header-bg.fullscreen-header .author-section .meta-date i{ font-size:12px } #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date i{ font-size:11px; line-height:14px } #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info{ position:relative; top:-5px } #page-header-bg.fullscreen-header .author-section a, #page-header-bg[data-post-hs="default_minimal"] .author-section a{ display:block; margin-bottom:-2px } #page-header-bg[data-post-hs="default_minimal"] .author-section a{ font-size:14px; line-height:14px } #page-header-bg.fullscreen-header .author-section a:hover, #page-header-bg[data-post-hs="default_minimal"] .author-section a:hover{ color:rgba(255,255,255,0.85)!important } #page-header-bg.fullscreen-header .author-section, #page-header-bg[data-post-hs="default_minimal"] .author-section{ width:100%; z-index:10; text-align:center } #page-header-bg.fullscreen-header .author-section { margin-top: 25px; } #page-header-bg.fullscreen-header .author-section span, #page-header-bg[data-post-hs="default_minimal"] .author-section span{ padding-left:0; line-height:20px; font-size:20px } #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info{ margin-left:10px } #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg.fullscreen-header .author-section .meta-author, #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info, #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-author{ text-align:left; display:inline-block; top:9px } #page-header-bg.fullscreen-header .author-section a, #page-header-bg[data-post-hs="default_minimal"] .author-section a, #footer-outer #footer-widgets .col .tagcloud a:hover, #footer-outer .nectar-button:hover { color:#fff!important } #page-header-bg .project-title .container, #page-header-bg .heading-title{ border:none!important; padding:0 } #page-header-bg .section-title{ padding-bottom:0; margin-bottom:0 } .single .heading-title{ padding-bottom:35px; border-bottom:1px solid #DDD; margin-bottom:35px } .single .row .section-title{ padding:0; margin:0 } /* Page header css vert center */ #page-header-bg .span_6, #page-header-bg .nectar-particles .span_6 .inner-wrap { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="bottom"] .span_6 { -webkit-transform: none; transform: none; } #page-header-bg .nectar-particles .span_6 { top: 0; -webkit-transform: none; transform: none; } /* Scroll down link */ .section-down-arrow, body[data-button-style^="rounded"] .scroll-down-wrap, .scroll-down-wrap.no-border, .scroll-down-wrap.minimal-arrow { position:absolute; bottom:20px; left:50%; width:60px; margin-left:-30px; z-index:101 } .scroll-down-wrap.minimal-arrow, body[data-button-style^="rounded"] #ajax-content-wrap .scroll-down-wrap.minimal-arrow { bottom: 30px; width: 40px; margin-left: -20px; } @media only screen and (max-width: 690px) { .scroll-down-wrap.minimal-arrow { transform: scale(0.6); } } body[data-button-style*="rounded"] .scroll-down-wrap{ margin-left:-22px } body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] { height:60px; width:60px; font-size:20px; line-height:60px; z-index:10; animation:3.4s ease-in-out infinite fadebottom; -webkit-animation:3.4s ease-in-out infinite fadebottom } body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"], body[data-button-style^="rounded"] .section-down-arrow, .nectar-next-section-wrap.mouse-wheel .nectar-next-section, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section, .scroll-down-wrap.no-border .section-down-arrow, body[data-button-style^="rounded"] .section-down-arrow i, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i { color:#fff!important; } body[data-button-style^="rounded"] .section-down-arrow, .nectar-next-section-wrap.mouse-wheel .nectar-next-section, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section, .scroll-down-wrap.no-border .section-down-arrow{ display:inline-block; width:49px; height:49px; border:2px solid #fff; text-align:center; line-height:50px; border-radius:100px; font-size:25px; -webkit-border-radius:100px; transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease; overflow:hidden; margin-left:0; left:0; bottom:16px; opacity:0.6 } body[data-button-style^="rounded"] .section-down-arrow.hidden{ transform:translateY(55px); -webkit-transform:translateY(55px); opacity:0 } body[data-button-style^="rounded"] .section-down-arrow i, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i{ transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; display:block; width:49px; height:48px; line-height:48px; font-size:20px } body[data-button-style^="rounded"] .nectar-box-roll .section-down-arrow i{ transition:none; -webkit-transition:none } body[data-button-style^="rounded"] .section-down-arrow:hover, body[data-button-style^="rounded"] .section-down-arrow.hovered, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section:hover { opacity:1 } body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i { -webkit-transform:translate(0,-48px); transform:translate(0,-48px) } body[data-button-style^="rounded"] .section-down-arrow:hover i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow:hover i.fa-angle-down, body[data-button-style^="rounded"] .section-down-arrow.hovered i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow.hovered i.fa-angle-down, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section:hover i { -webkit-transform:translate(0,0px)!important; transform:translate(0,0px)!important } .nectar-next-section-wrap.bounce a:before { border-radius: 100px; background-color: #000; position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; display: block; content: ''; transition: all 0.45s cubic-bezier(.15,0.2,.1,1); -webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1); transform: scale(0.8); } .nectar-next-section-wrap.bounce a:hover:before { transform: scale(1); } .nectar-next-section-wrap.bounce a { position: relative; height: 50px; width: 50px; line-height: 50px; text-align: center; vertical-align: middle; display: inline-block; -webkit-animation: down_arrow_bounce 2.3s infinite; animation: down_arrow_bounce 2.3s infinite; } .nectar-next-section-wrap.bounce i { font-size: 24px; width: 24px; height: 24px; line-height: 24px; color: #fff; top: 0; display: inline-block; background-color: transparent; } .nectar-next-section-wrap.bounce[data-shad="add_shadow"] a, .nectar-next-section-wrap.down-arrow-bordered[data-shad="add_shadow"] a { box-shadow: 0px 13px 35px rgba(0,0,0,0.15); } .nectar-next-section-wrap.bounce i.dark-arrow { color: #000; } .nectar-next-section-wrap.minimal-arrow a { width: 30px; height: 70px; text-align: center; display: block; line-height: 0; position: relative; } .centered-text .nectar-next-section-wrap.minimal-arrow a { display: inline-block; } .nectar-next-section-wrap[data-align="center"] { text-align: center; } .nectar-next-section-wrap[data-align="right"] { text-align: right; } .nectar-next-section-wrap[data-align="center"].minimal-arrow a, .nectar-next-section-wrap[data-align="right"].minimal-arrow a { display: inline-block; } @keyframes ctaMinimaLArrowOuter { 0% { transform: translateY(0); } 20% { transform: translateY(12px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes ctaMinimaLArrowLine { 0% { transform-origin: bottom; transform: scaleY(1); } 50% { transform-origin: bottom; transform: scaleY(0); } 51% { transform-origin: top; } 100% { transform: scaleY(1); transform-origin: top; } } @keyframes ctaMinimaLArrow { 0% { stroke-dasharray: 45px; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 45px; stroke-dashoffset: -45px; } 51% { stroke-dasharray: 45px; stroke-dashoffset: 45px; } 100% { stroke-dasharray: 45px; stroke-dashoffset: 0px; } } .nectar-next-section-wrap.minimal-arrow svg { animation: ctaMinimaLArrowOuter 2.5s cubic-bezier(.55, 0, 0.45, 1) infinite; } .nectar-next-section-wrap.minimal-arrow a:hover svg path { animation: ctaMinimaLArrowLine 0.6s cubic-bezier(.25, 0, 0.45, 1) forwards; } .nectar-next-section-wrap.minimal-arrow a:hover svg polyline { stroke-dashoffset: 0px; stroke-dasharray: 45px; animation: ctaMinimaLArrow 0.6s cubic-bezier(.25, 0, 0.45, 1) forwards 0.1s; } .nectar-next-section-wrap.minimal-arrow svg { display: block; width: 40px; position: absolute; bottom: 0; left: 0; } .nectar-next-section-wrap[data-custom-color="true"].bounce a { border-radius: 100px; } .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel .nectar-next-section:before { display: none; } .nectar-next-section-wrap[data-custom-color="true"].bounce a:before { background: inherit!important; } .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a, .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel a:after { border-color: inherit; } .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a, .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a i { color: inherit!important; } .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel a:after { opacity: 0.5; } @keyframes down_arrow_bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-14px); } 60% { transform: translateY(-7px); } } @media only screen and (max-height:750px){ body[data-button-style="rounded"] .section-down-arrow{ bottom:33px } } @media only screen and (max-height:650px){ body[data-button-style^="rounded"] .section-down-arrow{ width:30px; height:30px; line-height:34px; bottom:25px; margin-left:-15px } body[data-button-style^="rounded"] .scroll-down-wrap:not(.no-border) { margin-left:0 } body[data-button-style^="rounded"] .section-down-arrow i{ width:26px; height:26px; line-height:28px } body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down{ -webkit-transform:translate(0,-26px); -ms-transform:translate(0,-26px); transform:translate(0,-26px); font-size:18px } } @media only screen and (max-height:450px){ body[data-button-style^="rounded"] .section-down-arrow{ display:none } } body[data-button-style^="rounded"] .scroll-down-wrap.no-border, .scroll-down-wrap.no-border{ bottom:12px } .scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border { border:none!important; overflow:visible; text-align:center; opacity:1; height:auto; bottom:13px; -webkit-animation:nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite; animation:nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite } .nectar-next-section-wrap.mouse-wheel .nectar-next-section { border-width: 0; overflow:visible; text-align:center; opacity:1; height:auto; bottom:13px; -webkit-animation:nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite; animation:nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite } .nectar-scroll-icon-path{ fill:transparent; stroke-width:2px; stroke-dashoffset:120; stroke-dasharray:120; -webkit-animation:mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1); animation:mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1) } .nectar-scroll-icon{ width:30px; height:45px; text-align:center; cursor:pointer; position:relative; z-index:100 } .scroll-down-wrap.no-border .section-down-arrow:after, .nectar-next-section-wrap.mouse-wheel .nectar-next-section:after, .slider-down-arrow.no-border:after{ content:""; position:absolute; top:0; left:50%; display:block; width:30px; height:45px; margin-left:-15px; border:2px solid rgba(255,255,255,0.5); border-radius:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:62 } .scroll-down-wrap.no-border:hover .section-down-arrow:before, .slider-down-arrow.no-border:hover:before{ background-color:rgba(255,255,255,1) } .scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .nectar-next-section:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path{ stroke-dashoffset:0; -webkit-animation:mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1); animation:mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1) } @-webkit-keyframes mouse-scroll-btn-roll-over{ 0%{ stroke-dashoffset:120 } 100%{ stroke-dashoffset:0 } } @keyframes mouse-scroll-btn-roll-over{ 0%{ stroke-dashoffset:120 } 100%{ stroke-dashoffset:0 } } @-webkit-keyframes mouse-scroll-btn-roll-out{ 0%{ stroke-dashoffset:0 } 100%{ stroke-dashoffset:-120 } } @keyframes mouse-scroll-btn-roll-out{ 0%{ stroke-dashoffset:0 } 100%{ stroke-dashoffset:-120 } } .scroll-down-wrap.no-border .section-down-arrow:before, .nectar-next-section-wrap.mouse-wheel .nectar-next-section:before, .slider-down-arrow.no-border:before, .nectar-next-section-wrap.mouse-wheel[data-custom-color="true"] .track-ball { position:absolute; content:''; display:block; left:50%; margin-left:-1px; top:22px; background-color:rgba(255,255,255,0.5); width:2px; height:6px; border-radius:10px; transition:background-color .55s cubic-bezier(.5,.1,.07,1); -webkit-animation:trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite; animation:trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite } @-webkit-keyframes trackBallSlide{ 0%{ opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 45%{ opacity:0; -webkit-transform:scaleY(0.5) translateY(13px); transform:scaleY(0.5) translateY(13px) } 46%{ opacity:0; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 65%, 100%{ opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } } @keyframes trackBallSlide{ 0%{ opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 45%{ opacity:0; -webkit-transform:scaleY(0.5) translateY(13px); transform:scaleY(0.5) translateY(13px) } 46%{ opacity:0; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 65%, 100%{ opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } } @keyframes nudgeMouse{ 0%{ -webkit-transform:translateY(0); transform:translateY(0) } 45%{ -webkit-transform:translateY(8px); transform:translateY(8px) } 65%, 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } @-webkit-keyframes nudgeMouse{ 0%{ -webkit-transform:translateY(0); transform:translateY(0) } 45%{ -webkit-transform:translateY(8px); transform:translateY(8px) } 65%, 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .text .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .text .line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .text .line { height: 2px; width: 45px; background-color: #fff; position: absolute; content:''; right: -74px; display: block; backface-visibility: hidden; top: 50%; -webkit-transform: translateY(-50%) translateX(28px) scaleX(0); -webkit-transform-origin: right; transform: translateY(-50%) translateX(28px) scaleX(0); transform-origin: right; } @keyframes portRightLineStart { 0% { transform: translateY(-50%) translateX(-25px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineStart { 0% { transform: translateY(-50%) translateX(-88px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineEnd { 0% { transform: translateY(-50%) translateX(0px) scaleX(1); } 100% { transform: translateY(-50%) translateX(28px) scaleX(0); } } @keyframes rightLineStart2 { 0% { transform: translateY(-50%) translateX(88px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineEnd2 { 0% { transform: translateY(-50%) translateX(0px) scaleX(1); } 100% { transform: translateY(-50%) translateX(-28px) scaleX(0); } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow, .portfolio-items[data-ps="8"] .next-arrow, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .next-arrow { position: absolute; backface-visibility: hidden; right: -43px; top: 50%; margin-top: -15px; height: 30px; width: 40px; display: block; transform: translateX(38px); } @keyframes rightArrowStart { 0% { transform: translateX(-50px); } 100% { transform: translateX(42px); } } @keyframes rightArrowEnd { 0% { transform: translateX(42px); } 100% { transform: translateX(75px); } } @keyframes rightArrowStart2 { 0% { transform: translateX(50px) rotate(180deg); } 100% { transform: translateX(-42px) rotate(180deg); } } @keyframes rightArrowEnd2 { 0% { transform: translateX(-42px) rotate(180deg); } 100% { transform: translateX(-75px) rotate(180deg); } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3 .next-arrow line, .portfolio-items[data-ps="8"] line { stroke-width: 2px; stroke-dasharray: 10px; stroke-dashoffset: 30px; } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3 .next-arrow line, .portfolio-items[data-ps="8"] line { stroke: #ffffff; } .portfolio-items[data-ps="8"] line, .portfolio-items[data-ps="8"] .col .work-info .vert-center line { -webkit-transition: none; transition: none; } @keyframes rightArrowLineStart { 0% { stroke-dashoffset: 30px; } 100% { stroke-dashoffset: 40px; } } @keyframes rightArrowLineEnd { 0% { stroke-dashoffset: 40px; } 100% { stroke-dashoffset: 50px; } } /*-------------------------------------------------------------------------*/ /* 11. Masonry Items / Search Results /*-------------------------------------------------------------------------*/ /* Masonry Auto Meta Overlaid Style - See css/blog/masonry-auto-meta-overlaid.css */ /* Masonry Classic Enhanced Style - See css/blog/masonry-classic-enhanced.css */ /* Masonry Meta Overlaid Style - See css/blog/masonry-meta-overlaid.css */ .post-area.masonry{ width:1125px; margin-bottom:20px; margin-top:0; overflow:visible } .blog-fullwidth-wrap .post-area.masonry { margin-bottom:40px; } [data-ext-responsive="false"] .blog-fullwidth-wrap .post-area.masonry { width: auto; } .full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) { overflow-x: auto; overflow-y: hidden; } .vc_col-sm-4 .post-area.masonry, .vc_col-sm-3 .post-area.masonry{ width:100% } body[data-ext-responsive="true"] .post-area.masonry{ width:100% } .post-area.masonry.span_9{ width:834px; margin-right:5px } body[data-ext-responsive="true"] .post-area.masonry.span_9, body[data-ext-responsive="true"] .post-area.masonry.span_9.meta_overlaid{ width:76.5%; margin-right:0 } .post-area.masonry.span_12 #pagination, .blog-fullwidth-wrap .post-area.masonry #pagination { height:32px; margin-top:55px; text-align:center; width:100%; margin-bottom:40px } .post-area.masonry.span_9 #pagination { height:32px; margin-top:45px; width:100%; margin-bottom:40px } .post-area.masonry.span_12 #pagination, .blog-fullwidth-wrap .post-area.masonry #pagination, .post-area.masonry.span_9 #pagination { position:relative; bottom:0; } .post-area.masonry.span_12 #pagination >div, .blog-fullwidth-wrap .post-area.masonry #pagination >div{ display:inline; float:none; margin:0 5px 0 0 } body.blog .meta_overlaid_blog.container-wrap{ padding-top:0!important } body.blog .meta_overlaid_blog.container-wrap .post-area, .blog-fullwidth-wrap .post-area.masonry:not(.meta_overlaid), .page-submenu .full-width-section.first-section { margin-top:0!important } .post-area.masonry .post .post-meta.no-img{ top:0!important } .post-area.masonry >article:last-child .content-inner{ border-bottom:1px solid #DDD } .post-area.masonry .post .post-content, .post-area.featured_img_left .post .post-content{ padding-left:0!important } .post-area.masonry .post .quote-inner, .post-area.masonry .post .link-inner{ margin-bottom:8px } #search-results{ margin-bottom:30px; overflow:visible; } #search-results article { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #search-results .result img{ margin-bottom:10px } .post-area.masonry .post .post-meta{ display:block; margin-bottom:0 } .post-area.infinite_scroll video.wp-video-shortcode, .post-area.infinite_scroll .wp-video-shortcode video{ visibility:visible } .search .row .col.section-title h1{ font-size:28px; line-height:42px; margin-bottom:0; text-transform:none; font-family:'Open Sans'; font-weight:600; letter-spacing:-1px } .post.masonry-blog-item .post-meta{ position:relative } body .post.masonry-blog-item .post-meta .date{ border-bottom:0; line-height:22px; padding-bottom:0; float:left; margin-bottom:0 } .light .post.masonry-blog-item p{ color:#676767 } .post.masonry-blog-item .content-inner{ padding-bottom:0; margin-bottom:18px } .masonry.classic .post.masonry-blog-item h3.title{ font-size:20px; line-height: 30px } .post.masonry-blog-item .post-meta .date span{ float:left; display:inline!important; text-transform:capitalize; font-family:'Open Sans'; font-weight:400; font-size:12px; line-height:12px; color:#676767 } .post.masonry-blog-item .more-link{ margin-bottom:10px } .post.masonry-blog-item .post-meta:after{ content:""; display:block; height:0; clear:both; visibility:hidden } .portfolio-items[data-col-num="elastic"] .col img, body .masonry.meta_overlaid .post-featured-img img, body .masonry.meta_overlaid .content-inner .whole-link{ width:100%!important; max-width:100%!important } .post-featured-img img.nectar-lazy { display: block; } .post-featured-img img.nectar-lazy:not(.loaded) { opacity: 0; } .post-featured-img img.nectar-lazy.loaded { opacity: 1; } .masonry.classic .post-featured-img img.nectar-lazy, .post-content.classic .post-featured-img img.nectar-lazy, .post-area.standard-minimal .post-featured-img img.nectar-lazy { transition: opacity 0.5s ease; } .masonry .post-featured-img img.nectar-lazy:not(.loaded) { width: 100%; } #search-results .result, .masonry-blog-item{ width:31%; display:inline-block; margin-bottom:2.5%; position:relative; color:#676767 } body #search-results .result { width:33.3%; padding: 15px; margin-bottom: 0; } #search-results[data-layout="masonry-no-sidebar"] .result { width: 25%; } @media only screen and (max-width: 999px) { #search-results[data-layout="masonry-no-sidebar"] .result { width: 50%; } } body.search-results #pagination[data-layout="masonry-no-sidebar"], body.search-results #pagination[data-layout="list-no-sidebar"] { text-align: center; } body.search-results #pagination[data-layout="masonry-no-sidebar"] >div, body.search-results #pagination[data-layout="list-no-sidebar"] >div { float: none; display: inline-block; } body.search-results #search-results[data-layout="list-no-sidebar"] article { opacity: 1; width: 100%; margin-bottom: 15px; padding: 15px 0 15px 0; } body.search-results #search-results[data-layout="list-no-sidebar"] .bottom-line { display: none; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap { border: 0; border-radius: 0; padding: 0; background-color: transparent; box-shadow: none; } body.search-results #search-results[data-layout="list-no-sidebar"] article:hover .inner-wrap { -webkit-transform: none; transform: none; box-shadow: none; } body.search-results #search-results[data-layout="list-no-sidebar"] .result .inner-wrap h2 { padding-top: 25px; padding-left: 0; padding-bottom: 0; position: relative; } body.search-results #search-results[data-layout="list-no-sidebar"] .result .inner-wrap h2 span { opacity: 0.6; font-size: 13px; line-height: 13px; position: absolute; top: 0; left: 0; } body.search-results #search-results[data-layout="list-no-sidebar"] article { font-size: 14px; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a { width: 50px; height: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; border-radius: 100px; display: block; background-color: #000; transition: margin-top 0.25s ease, box-shadow 0.25s ease; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a:hover { box-shadow: 0px 20px 40px rgba(0,0,0,0.14); } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a img { height: 80px; width: auto; max-width: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; opacity: 0.7; } body.search-results #search-results[data-layout="list-no-sidebar"] article[data-post-thumb="1"]:before { color: #fff; border: 1px transparent; } body.search-results #search-results[data-layout="list-no-sidebar"] article { padding-left: 80px; } .masonry-blog-item .inner-wrap, #search-results .result .inner-wrap{ -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15); box-shadow:0 1px 2px rgba(0,0,0,0.15); background-color:#fff; padding:18px } .original .masonry.material .masonry-blog-item .inner-wrap { padding: 0; } .original .masonry.material .masonry-blog-item .content-inner { padding-bottom: 0; margin-bottom: 0; } .masonry.material .post .post-featured-img { overflow: hidden; display: block; line-height: 0; position: relative; } .masonry.material .post .post-featured-img img { margin-bottom: 0 } .masonry.material .posts-container .format-video .post-featured-img, .masonry.material .posts-container .format-audio .post-featured-img { overflow: visible; } .masonry.material .posts-container .format-video .post-featured-img .wrap, .related-posts[data-style="material"] .post-featured-img { overflow: hidden; display: block; } .masonry.material .post.quote:not(.has-post-thumbnail) .post-content .quote-inner:before, .masonry.material .post.link:not(.has-post-thumbnail) .post-content .link-inner:before { -webkit-transition: all .21s cubic-bezier(.5,.5,.4,.88); transition: all .21s cubic-bezier(.5,.5,.4,.88); } .masonry.material .masonry-blog-item .inner-wrap { background-color: transparent; } .masonry.material .posts-container .video-play-button, body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { position: absolute; bottom: 0; right: 30px; transform: translateY(50%); -webkit-transform: translateY(50%); -webkit-transition: all .21s cubic-bezier(.5,.5,.4,.88); transition: all .21s cubic-bezier(.5,.5,.4,.88); color: #fff; font-size: 30px; z-index: 1000; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 100px; } body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { pointer-events: none; font-size: inherit; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .post-area.masonry.material .post .post-content > .post-meta { display: none; } .masonry.material .masonry-blog-item .grav-wrap{ position: relative; margin-top: 30px; z-index: 110; } .masonry.material .masonry-blog-item .grav-wrap img, .related-posts[data-style="material"] .grav-wrap img, .post-area.featured_img_left article .grav-wrap img, .nectar-recent-posts-single_featured .grav-wrap img, [data-style="list_featured_first_row"] .grav-wrap img { border-radius: 50%; width: 38px; height: 38px; margin-bottom: 0; margin-right: 13px; vertical-align: middle; display: inline-block; transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1); } .related-posts[data-style="material"] .grav-wrap { position: absolute; bottom: 30px; left: 30px; } body .related-posts[data-style="material"] .article-content-wrap { padding-bottom:80px!important } .related-posts[data-style="material"] .grav-wrap img { display: inline-block; } .masonry.material .masonry-blog-item .grav-wrap .text a, .related-posts[data-style="material"] .grav-wrap .text a, .post-area.featured_img_left article .grav-wrap .text a{ display:block; font-size: 14px; line-height: 20px } .masonry.material .masonry-blog-item .meta-category a, .related-posts[data-style="material"] .meta-category a, .post-area.featured_img_left article .meta-category a, .nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { font-size: 14px; line-height: 19px; position:relative; display: inline-block; font-weight: 600; margin: 0 10px 10px 0; } .masonry.material .masonry-blog-item .meta-category a:before, .post-area.featured_img_left .meta-category a:before, .related-posts[data-style="material"] .meta-category a:before, .nectar-recent-posts-single_featured .grav-wrap .text a:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before, [data-style="list_featured_first_row"] .meta-category a:before { height: 2px; width: 100%; position: absolute; bottom: -3px; left: 0; content: ''; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); } .masonry.material .masonry-blog-item .meta-category a:hover:before, .related-posts[data-style="material"] .meta-category a:hover:before, .post-area.featured_img_left .meta-category a:hover:before, .nectar-recent-posts-single_featured .grav-wrap .text a:hover:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover:before, [data-style="list_featured_first_row"] .meta-category a:hover:before, .masonry.material .masonry-blog-item .meta-category a:focus:before, .related-posts[data-style="material"] .meta-category a:focus:before, .post-area.featured_img_left .meta-category a:focus:before, .nectar-recent-posts-single_featured .grav-wrap .text a:focus:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:focus:before, [data-style="list_featured_first_row"] .meta-category a:focus:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .masonry.material .masonry-blog-item .grav-wrap .text span, .related-posts[data-style="material"] .grav-wrap .text span, .post-area.featured_img_left article .grav-wrap .text span { font-size: 13px; line-height: 18px; } .masonry.material .masonry-blog-item .grav-wrap .text, .related-posts[data-style="material"] .grav-wrap .text, .post-area.featured_img_left article .grav-wrap .text, .nectar-recent-posts-single_featured .grav-wrap .text { vertical-align: middle; display:inline-block; line-height: 0 } .masonry.material .masonry-blog-item .grav-wrap a, .related-posts[data-style="material"] .grav-wrap a, .post-area.featured_img_left .grav-wrap a { color: inherit; } .masonry.material .masonry-blog-item .grav-wrap a:hover img, .nectar-recent-posts-single_featured a:hover img, .nectar-recent-posts-single_featured a img.hovered, .masonry.material .masonry-blog-item .grav-wrap a img.hovered, .post-area.featured_img_left .grav-wrap a:hover img, .post-area.featured_img_left .grav-wrap a img.hovered, .related-posts[data-style="material"] .grav-wrap a:hover img, .related-posts[data-style="material"] .grav-wrap a img.hovered { box-shadow: 0 7px 20px rgba(0,0,0,0.19); } .material.masonry .masonry-blog-item .video-play-button { box-shadow: 0 10px 37px rgba(0,0,0,0.19); } .material.masonry .masonry-blog-item .video-play-button svg, .post-area.featured_img_left .video-play-button svg { height: 14px; width: 14px } .masonry .video-play-button path, .post-area .video-play-button path { fill: #fff; } .post-area.featured_img_left .video-play-button svg { margin-right: -2px; } .post.format-quote .quote-inner .title, .post.format-link .link-inner .title, .masonry.material .post.quote .quote-inner .title, .masonry.material .post.link .link-inner .title, .single .post.quote .quote-inner .title, .post-area.featured_img_left .post.quote .quote-inner .title, .post-area.featured_img_left .post.link .link-inner .title { color: #fff; } .post-area.featured_img_left .post.link .link-inner .title { margin-bottom: 0; } .masonry.material .masonry-blog-item h3 a, .related-posts[data-style="material"] h3 a, .post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a:hover, .related-posts[data-style="material"] h3 a:hover, .post-area.featured_img_left h3 a:hover { color: inherit!important; } .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap { padding: 10px 30px 30px 30px!important; } .masonry.auto_meta_overlaid_spaced .post.quote .post-content .quote-inner, .masonry.auto_meta_overlaid_spaced .post.link .post-content .link-inner, .masonry.material .post.quote .post-content .quote-inner, .masonry.material .post.link .post-content .link-inner, .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { background-color: transparent!important; } .masonry.material .masonry-blog-item .article-content-wrap, .masonry.material .masonry-blog-item .meta-category, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before { background-color: #fff; } .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { text-align: center; padding: 10%; border-radius: 5px; overflow: hidden; } .post.format-quote .n-post-bg, .post.format-link .n-post-bg, .masonry.material .post.quote .post-content .quote-inner:before, .masonry.material .post.link .post-content .link-inner:before, .post.quote .classic .n-post-bg, .post.link .classic .n-post-bg, .masonry .post.quote .n-post-bg, .masonry .post.link .n-post-bg, .standard-minimal .n-post-bg, .masonry.auto_meta_overlaid_spaced .post .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .post-area.featured_img_left .post.quote .post-content .quote-inner:before, .post-area.featured_img_left .post.link .post-content .link-inner:before, .auto_meta_overlaid_spaced .post.quote .n-post-bg:after, .auto_meta_overlaid_spaced .post.link .n-post-bg:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.88; } .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg { background-position: center; } .format-quote .n-post-bg, .format-link .post.link .n-post-bg { background-size: cover; background-position: center; } .masonry.material .post.quote .post-content .quote-inner:before, .masonry.material .post.link .post-content .link-inner:before, .featured_img_left .post.quote .post-content .quote-inner:before, .featured_img_left .post.link .post-content .link-inner:before { z-index: 10; } .masonry .post.quote .n-post-bg, .masonry .post.link .n-post-bg, .post.quote .classic .n-post-bg, .post.link .classic .n-post-bg, .standard-minimal .n-post-bg, .standard-minimal .post.quote .n-post-bg, .standard-minimal .post.link .n-post-bg, .single .quote-inner .n-post-bg, .single .link-inner .n-post-bg { opacity: 0.25 } .single .post.format-link .post-content > .link-inner, .single .post.format-quote .post-content > .quote-inner { padding: 10%; } .post.format-quote .post-content .quote-inner:hover, .post.format-link .post-content .link-inner:hover, .masonry.classic .post.quote .post-content .quote-inner:hover, .masonry.meta_overlaid .post.quote .post-content .quote-inner:hover, .masonry.classic_enhanced .post.quote .post-content .quote-inner:hover, .masonry.classic .post.link .post-content .link-inner:hover, .masonry.meta_overlaid .post.link .post-content .link-inner:hover, .masonry.classic_enhanced .post.link .post-content .link-inner:hover, .post.quote .classic .quote-inner:hover, .post.link .classic .link-inner:hover { background-color: #333; } .post-area.featured_img_left .post.quote .post-content, .post-area.featured_img_left .post.link .post-content { display: block; backface-visibility: hidden; border-radius: 5px; overflow: hidden } .single .post.format-quote .quote-inner .quote-wrap:before, .masonry.material .post.quote .quote-wrap:before, .post-area.featured_img_left .post.quote .quote-wrap:before, .masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before { content: "\201C"; font-family:sans-serif; font-weight:700; font-size: 54px; color: #fff; z-index: 10000; height: 32px; display: block; position: relative; padding-top: 33%; } .single .post.format-quote .quote-inner .quote-wrap:before, .masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before { padding-top: 0; } .single-post .quote-below-content { margin-top: 70px; } .post-area.featured_img_left .post.quote .quote-wrap:before { padding-top: 0; line-height: 54px; padding-bottom: 15px } .post .quote-wrap, .post .link-wrap { display: block; } .masonry.material .post.quote:not(.has-post-thumbnail):hover .post-content .quote-inner:before, .masonry.material .post.link:not(.has-post-thumbnail):hover .post-content .link-inner:before, .post-area.featured_img_left .post.quote:not(.has-post-thumbnail):hover .post-content .quote-inner:before, .post-area.featured_img_left .post.link:not(.has-post-thumbnail):hover .post-content .link-inner:before { opacity: 1; } .masonry.material .post.quote .author, .post-area.featured_img_left .post.quote .author { margin-top: 10px; display: block; } .masonry.material .post.quote .n-post-bg, .masonry.material .post.link .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .masonry.auto_meta_overlaid_spaced .post .n-post-bg { opacity: 1; background-size: cover; } .masonry.material .post .post-content .quote-inner .icon, .masonry.material .post .post-content .link-inner .icon, .masonry.auto_meta_overlaid_spaced .post .post-content .quote-inner .icon, .masonry.auto_meta_overlaid_spaced .post .post-content .link-inner .icon, .post-area.featured_img_left .post .post-content .quote-inner .icon, .post-area.featured_img_left .post .post-content .link-inner .icon { display: none; } .post-area.featured_img_left .format-link .content-inner, .post-area.featured_img_left .format-quote .content-inner { padding-bottom: 0; margin-bottom: 0; } .masonry.material .post .post-content .link-inner .link-wrap, .post-area.featured_img_left .post .post-content .link-inner .link-wrap { z-index: 10; position: relative; } .masonry.material .post.quote .post-content .quote-inner, .masonry.material .post.link .post-content .link-inner { padding: 30px; margin-bottom: 0; } .masonry.material .masonry-blog-item .meta-category, .related-posts[data-style="material"] .meta-category { padding: 20px 30px 0 30px; display: block; position: relative; z-index: 110; } .masonry.material .masonry-blog-item.format-video .meta-category { padding-right: 90px; } .masonry.material .masonry-blog-item .inner-wrap, body .related-posts[data-style="material"] .inner-wrap { box-shadow: 0px 30px 90px rgba(0,0,0,0.14); border-radius: 5px; overflow: hidden; } .masonry-blog-item{ margin-bottom:0 } .masonry-blog-item{ width:31.1% } #ajax-content-wrap .post-area.full-width-article, .post-area.full-width-article { margin-bottom:0 } .post-area.full-width-article .masonry-blog-item{ width:100%!important } .post-area.masonry.span_9 .masonry-blog-item{ width:46.8% } #search-results .result{ font-size:11px } #search-results .result .bottom-line, .masonry-blog-item .bottom-line{ height:1px; width:100%; display:block; position:absolute; bottom:2px; left:0; background-color:#eaeaea } #search-results .result .title span{ display:block; font-size:12px; letter-spacing:0; font-family:'Open Sans'; font-weight:400; color:#999; margin-top:3px } #search-results .result h2{ margin-bottom:1px; font-size:17px; line-height:22px } #search-results .result p{ padding-bottom:0 } article.result .title a{ color:#000 } .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span { line-height: 1.5em; display: block; } #search-results .result .title a, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span { background-repeat: no-repeat; background-size: 0% 2px; background-image: linear-gradient(to right, #000 0%, #000 100%); -webkit-transition: background-size 0.55s cubic-bezier(.2,.75,.5,1); transition: background-size 0.55s cubic-bezier(.2,.75,.5,1); background-position: left bottom; } #search-results .result .title a:hover, #search-results .result .title a:focus, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close:hover span { background-size: 100% 2px; } .posts-container article .inner-wrap.animated, .posts-container[data-load-animation="fade_in"] article .inner-wrap.animated{ opacity:0; transition:opacity 0.5s ease-out; -webkit-transition:opacity 0.5s ease-out } .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap, .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap.animated { transition:opacity 0.3s cubic-bezier(0.3,0.58,0.55,1),transform 0.3s cubic-bezier(0.3,0.58,0.55,1); -webkit-transition:opacity 0.3s cubic-bezier(0.3,0.58,0.55,1),-webkit-transform 0.3s cubic-bezier(0.3,0.58,0.55,1); } .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap{ transform:translateY(80px); -webkit-transform:translateY(80px); } .post-area:not(.masonry) .posts-container[data-load-animation="none"] article .inner-wrap.animated, .auto_meta_overlaid_spaced .posts-container[data-load-animation="none"] article .inner-wrap.animated { opacity: 1; } .posts-container[data-load-animation="perspective"]{ perspective:2000px; -webkit-perspective:2000px; perspective-origin:50% 0px; -webkit-perspective-origin:50% 700px } .posts-container[data-load-animation="perspective"] article{ -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .posts-container[data-load-animation="perspective"] article .inner-wrap, .posts-container[data-load-animation="perspective"] article .inner-wrap.animated { transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1),transform 0.72s cubic-bezier(0.1,0.3,0.27,1); -webkit-transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1),-webkit-transform 0.72s cubic-bezier(0.1,0.3,0.27,1); } .posts-container[data-load-animation="perspective"] article .inner-wrap { transform:translateY(450px) rotateX(24deg); -webkit-transform:translateY(450px) rotateX(24deg); } .posts-container article .inner-wrap{ height:100% } .posts-container article.animated-in .inner-wrap, .posts-container[data-load-animation="fade_in"] article.animated-in .inner-wrap.animated{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); height:100% } .posts-container[data-load-animation="perspective"] article.animated-in .inner-wrap.animated{ transform:translateY(0) translateZ(0) rotateX(0); -webkit-transform:translateY(0) translateZ(0) rotateX(0); opacity:1 } .post-area.masonry.classic_enhanced .post .post-featured-img, .blog-recent[data-style*="classic_enhanced"] .post-featured-img, .post-area.masonry.classic_enhanced .n-post-bg { transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1); line-height:0; display:block; position:relative } .post-area.masonry.classic_enhanced .post .post-featured-img img, .post-area.masonry.material .post .post-featured-img img, .post-area.featured_img_left .post .post-featured-img, .related-posts[data-style="material"] .post-featured-img img, .post-area.masonry.classic_enhanced .post.format-gallery .inner-wrap .flickity-slider .cell img, .post-area.masonry.material .post.format-gallery .inner-wrap .flickity-slider .cell img, .post-area.masonry.classic_enhanced .post.format-gallery.wide_tall .inner-wrap .flickity-viewport, .post-area.masonry.classic_enhanced .post.format-gallery.large_featured .inner-wrap .flickity-viewport, .masonry.material .post.quote .n-post-bg, .masonry.material .post.link .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img, .blog-recent[data-style*="classic_enhanced"] .post-featured-img img, .masonry.auto_meta_overlaid_spaced .post.quote .n-post-bg, .masonry.auto_meta_overlaid_spaced .post.link .n-post-bg { margin-bottom:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1) } .post-area.masonry.classic_enhanced .post .inner-wrap:hover .post-featured-img img, .post-area.masonry.classic_enhanced .post.large_featured .inner-wrap:hover .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .inner-wrap:hover .post-featured-img, .post-area.masonry.classic_enhanced .post.format-gallery .inner-wrap:hover .flickity-slider .cell img, .post-area.masonry.classic_enhanced .link .inner-wrap:hover .n-post-bg, .post-area.masonry.classic_enhanced .quote .inner-wrap:hover .n-post-bg, .post-area.masonry.material .post.format-gallery .inner-wrap:hover .flickity-slider .cell img, .post-area.masonry.classic_enhanced .post.format-gallery.wide_tall .inner-wrap:hover .flickity-viewport, .post-area.masonry.classic_enhanced .post.format-gallery.large_featured .inner-wrap:hover .flickity-viewport, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:hover .post-featured-img img, .post-area.masonry.material .post .inner-wrap:hover .post-featured-img img, .related-posts[data-style="material"] .inner-wrap:hover .post-featured-img img, .masonry.material .post.quote:hover .n-post-bg, .masonry.material .post.link:hover .n-post-bg, .auto_meta_overlaid_spaced .masonry-blog-item:hover .post-featured-img, .post-area.featured_img_left .post.quote:hover .n-post-bg, .post-area.featured_img_left .post.link:hover .n-post-bg, .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap:hover .post-featured-img, .masonry.auto_meta_overlaid_spaced .post.quote:hover .n-post-bg, .masonry.auto_meta_overlaid_spaced .post.link:hover .n-post-bg { transform:scale(1.07); -webkit-transform:scale(1.07) } .masonry.classic_enhanced .masonry-blog-item .entire-meta-link, .post-area.featured_img_left .entire-meta-link, .masonry.material .masonry-blog-item .entire-meta-link, .blog-recent[data-style*="classic_enhanced"] .entire-meta-link, .blog-recent[data-style="material"] .entire-meta-link { position:absolute; top:0; left:0; display:block; width:100%; z-index:101; height:100% } .related-post-wrap .row-bg-wrap { z-index: 0; pointer-events: none; } .related-post-wrap .row-bg-wrap .row-bg { background-color: rgba(0,0,0,0.04); } .related-post-wrap { padding-bottom: 0 } .original .blog-recent.related-posts { padding: 0 0 60px 0; } .related-post-wrap h3.related-title { padding: 60px 0 30px 0; } .ascend .blog-recent.related-posts, .material .blog-recent.related-posts { padding: 0 0 8% 0; } .ascend .related-post-wrap h3.related-title, .material .related-post-wrap h3.related-title { padding: 8% 0 40px 0; } .related-post-wrap[data-using-post-pagination="true"], .ascend .fullscreen-blog-header .related-post-wrap[data-using-post-pagination="false"] { margin-top: 0 } .related-post-wrap[data-using-post-pagination="false"] { margin-top: 80px } .post-area.featured_img_left .post-content-wrap .grav-wrap, .post-area.featured_img_left .post-content-wrap .meta-category { z-index: 150; position: relative; } .post-area.featured_img_left article { margin-bottom: 6%; } .post-area.featured_img_left .article-content-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap { width: 33%; position: relative; border-radius: 5px; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before { transition: box-shadow .7s cubic-bezier(.2,1,.22,1); -webkit-transition: box-shadow .7s cubic-bezier(.2,1,.22,1); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; transform: scale(0.96); border-radius: 5px; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:before { transform: none; } .post-area.featured_img_left .article-content-wrap .post-featured-img { border-radius: 5px; overflow: hidden; } .post-area.featured_img_left article .article-content-wrap .post-featured-img-wrap { transition: all .7s cubic-bezier(.2,1,.22,1); -webkit-transition: all .7s cubic-bezier(.2,1,.22,1); } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .post-area.featured_img_left .article-content-wrap .post-content-wrap { width: 66.6%; border-radius: 0 5px 5px 0; overflow: hidden; padding: 6% 0 6% 6%; } .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap { padding: 7%; } .post-area.featured_img_left.span_12 article { margin-bottom: 60px; } .post-area.featured_img_left .post:hover .post-featured-img-wrap:before { box-shadow: 0px 30px 60px rgba(0,0,0,0.17); } .post-area.featured_img_left article:hover .article-content-wrap .post-featured-img-wrap { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .post-area.featured_img_left .post-content-wrap .grav-wrap { margin-top: 20px } .post-area.featured_img_left .article-content-wrap .post-featured-img { background-size: cover; background-position: center } /*-------------------------------------------------------------------------*/ /* 12. Blog /*-------------------------------------------------------------------------*/ /* 12.1. General/Pagination */ .post-area #pagination{ padding-left:95px } .post-area.featured_img_left #pagination, .post-area.masonry #pagination { padding-left: 0; } .post-area.infinite_scroll #pagination{ visibility: hidden; height: 1px; width: 1px; } #infscr-loading{ position:relative; z-index:10000000; background-image:url("../img/icons/loading-white-bg.gif"); background-repeat:no-repeat; background-position:center; height:60px; border-radius:2px; color:#555; display:inline-block; margin:0 auto; text-align:center; width:60px; font-family:'Open Sans'; font-weight:700; font-size:12px; letter-spacing:2px; border-color:#555; border-style:solid; border-width:0; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box } #infscr-loading.default_loader{ background-image:none } .infscr-loading-wrap{ margin:20px auto; clear:both; padding:0; text-align:center; height:0; opacity:0; transform:scale(0.5); box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box } #infscr-loading div{ opacity:0; color:#555; font-size:12px; font-family:'Open Sans'; font-weight:700; letter-spacing:2px; text-transform:uppercase } #ajax-content-wrap #infscr-loading img, #infscr-loading img{ margin-bottom:0; display:none } .post-area{ padding-right:30px; margin-top:4px } .post-area.col_last{ padding-left:20px; padding-right:0 } .post-area.col_last.span_12{ padding-left:0; float:none } .post-area >article .content-inner{ margin-bottom:0; border-bottom:0 } .post .more-link, .blog-recent .more-link{ display:block; margin-top:25px; cursor:default; color:#fff } .post .content-inner{ padding-bottom:80px; } .single-post .content-inner > .post-tags { margin-top: 50px; } .post .more-link span, .blog-recent .more-link span{ background-color:#333; transition:all 0.45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all 0.45s cubic-bezier(0.25,1,0.33,1); width:auto; cursor:pointer; padding:8px 12px; border-radius:2px; -webkit-border-radius:2px; } body[data-button-style*="slightly_rounded"] .post .more-link span, body[data-button-style*="slightly_rounded"] .blog-recent .more-link span { border-radius:4px; -webkit-border-radius:4px; } .post .more-link span:hover, .blog-recent .more-link span:hover{ background-color:#000 } .post .post-meta{ position:absolute; left:0; top:0 } .post.masonry-blog-item .post-meta{ border-right:0 } .main-content .recent-posts-title{ font-size:12px; letter-spacing:1.5px; margin-bottom:7px } .post-header, #single-below-header{ margin-bottom:12px; color:#888 } .post .post-header h1, .post .post-header h2{ font-size:26px; line-height:30px } .post .post-header h2 a{ color:#000 } .post .post-header h2 a:hover{ color:inherit } .post .post-header a, .result a, #single-below-header a, #page-header-bg #single-below-header a{ color:inherit } #single-below-header a:hover, #single-below-header a:focus{ color:#000 } #page-header-bg #single-below-header a:hover, #page-header-bg #single-below-header a:focus { color: #fff; } .post .post-content.classic .content-inner { border-bottom: 1px solid #DDD; padding-bottom: 60px; margin-bottom: 60px; } .post-area:not(.masonry) article .post-content.classic { overflow: hidden; } .original .post-area.masonry .post .post-content.classic .content-inner { padding-bottom: 15px; margin-bottom: 15px; } .ascend .post-area.masonry .post .post-content.classic .content-inner, .material .post-area.masonry .post .post-content.classic .content-inner { border: none; padding-bottom: 0; margin-bottom: 0; } .masonry .post-content.classic .post-header { font-size: 12px; } .post .post-content{ position:relative; min-height:98px } .post-tags h4{ float:left; margin-top:8px; margin-bottom:15px; margin-right:25px } .post-tags .clear{ padding-bottom:0 } .post-content{ padding-left:95px } .post .content-inner{ position:relative } .post.format-quote .post-content .quote-inner, .post.format-link .post-content .link-inner { background-color:#000; position:relative; padding:15px; color:#fff; transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1) } .post.quote .content-inner .quote-inner .whole-link{ transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1) } .post.format-aside .aside-inner p{ margin-bottom:15px } .post.format-aside .aside-inner .post-header{ margin-bottom:0 } .post.format-chat .content-inner dt{ margin-top:15px } .post.quote .quote-inner a, .post.format-aside .aside-inner a, .post.format-aside .aside-inner a:hover, .post.format-aside .aside-inner p, .post.format-aside .aside-inner .post-header{ color:#fff!important } .post.quote .quote-inner .title, .post.quote .quote-inner .author, .post.quote .quote-inner .title, .post.quote .quote-inner .icon, .post.format-quote .quote-wrap, .post.format-link .link-wrap { position:relative; z-index:100 } .post.quote .content-inner .whole-link{ position:absolute; z-index:10; display:block; background-color:#000; height:100%; width:100%; top:0; left:0 } .post .full-post-link { position:absolute; content: ''; z-index:1000; display:block; height:100%; width:100%; top:0; left:0 } .post.quote .content-inner .quote-inner:hover .whole-link{ background-color:#333 } .post.quote figure:not([class*="wp-block"]) { margin:0 auto } .post.quote blockquote:not(.wp-block-quote):not(.wp-block-pullquote){ background-image:none; padding:0; font-family:inherit; margin:0 auto } .post.quote .wp-block-quote blockquote:not(.wp-block-quote), .post.quote .wp-block-pullquote blockquote:not(.wp-block-quote) { color: inherit!important; } .post.link .post-content .destination{ word-wrap:break-word } .post.quote .post-content .quote-inner .icon{ bottom:17px; height:17px; width:19px; display:block; background-image:url(../img/icons/quote.png); position:absolute; right:20px } .post.link .post-content .link-inner .icon{ bottom:17px; height:20px; width:18px; display:block; background-image:url(../img/icons/link.png); position:absolute; right:20px } .post.format-status .post-content .status-inner .icon{ bottom:17px; height:16px; width:18px; display:block; background-image:url(../img/icons/status.png); position:absolute; right:20px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ body .post.quote .post-content .quote-inner .icon{ background-size:19px 17px; background-image:url(../img/icons/quote-2x.png) } body .post.link .post-content .link-inner .icon{ background-size:18px 20px; background-image:url(../img/icons/link-2x.png) } } .post .post-content.quote a, .post .post-content.link a{ display:block; z-index:10 } .post.quote .post-content h3, .post.link .post-content h3, .masonry.classic_enhanced .post.quote.masonry-blog-item h3.title, .masonry.classic_enhanced .post.link.masonry-blog-item h3.title{ color:#fff; font-size:26px; line-height:34px; display:block; margin-bottom:15px } .post.format-quote .post-content h3, .post.format-link .post-content h3 { margin-bottom:15px } .single .post.format-quote .post-content h3, .single .post.format-link .post-content h3 { margin-bottom:20px } .single .post.format-link .post-content h3 a { color: inherit; } body .meta_overlaid .post.quote .post-content h3, body .meta_overlaid .post.link .post-content h3 { font-size:18px; line-height:30px; } .post.quote .post-content .quote-below-content h2 { color: inherit; } .format-status .post-content h2 a{ color:#fff } .post.quote .post-content a:hover .quote-inner, .post.link .post-content a:hover .link-inner { background-color:#333 } .post .post-meta a{ color:#888 } .post-content.classic .post-header > span:after { background-color: #888; width: 1px; margin: 0 4px; height: 11px; content: ''; display: inline-block; } .masonry .post-content.classic .post-header > span:after { height: 10px; margin: 0 6px; } .post-content.classic .post-header > span:last-of-type:after { display: none; } .post .post-meta a:hover{ color:#000 } .post h3.title{ margin-bottom: 4px } .post .post-meta{ display:block; margin-bottom:20px; border-right:1px solid #E6E6E6 } .post .post-meta.no-img{ top:6px } .post .content-inner .post-featured-img img{ max-width:none; margin-bottom:15px; width:100% } .post .post-meta .date{ font-size:12px; padding-bottom:2px; margin-bottom:12px; position:relative; transition:all 0.2s linear 0s } .masonry.classic .nectar-love-wrap .nectar-love-count { font-size: 12px; } .post .post-meta .month, .post .post-meta .year{ display:block; font-size:17px; line-height:10px; text-align:center; text-transform:uppercase; margin-bottom:4px; padding:0; font-weight:600 } .post-content.classic .post-meta .month { line-height: 1em; } .post .post-meta .year{ margin-top:5px } .post .post-meta .day{ display:block; font-size:30px; line-height:29px; text-align:center; padding:0 12px 0 12px; font-weight:700; text-transform:uppercase } .post .post-meta .date{ padding-bottom:17px; border-bottom:1px solid #E6E6E6 } .post-content.classic .post-meta[data-love="false"] .date { border-bottom: 0; } .post-content.classic .post-meta[data-love="false"] { border-right: 0; } .post-content.classic .post-meta[data-love="false"] .month, .post-content.classic .post-meta[data-love="false"] .year { font-size: 24px; } .post-content.classic .post-meta[data-love="false"] .day { font-size: 36px; line-height: 36px; } .post.video .video-wrap, .single-portfolio .video-wrap{ position:relative; padding-bottom:56.25%; height:0; margin-bottom:15px } .post.video .video-wrap iframe, .single-portfolio .video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100% } .post.video .mejs-container{ margin-bottom:15px } .post.audio .audio-wrap, .main-content .audio-wrap{ margin-bottom:15px } .post .gallery-slider .gallery, .post .gallery-slider .jetpack-slideshow{ display:none } .post table{ width:100% } .post table td, .post table th{ text-align:center } .post table tbody td{ padding:5px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#676767 } .post table tbody tr td:first-child{ border-left:1px solid #E6E6E6 } .post table th{ border-bottom:1px solid #E6E6E6; color:#676767 } .post table #prev{ text-align:left; position:relative; z-index:2 } .post table #next{ text-align:right; position:relative; z-index:2 } .post caption{ position:absolute; bottom:0; z-index:1; width:100%; text-align:center } /* remove archive meta date */ .hentry .updated.rich-snippet-hidden, #page-header-bg[data-post-hs="default_minimal"] #single-below-header .updated.rich-snippet-hidden, .post-area[data-remove-post-date="1"] article .date, .post-area[data-remove-post-date="1"].masonry.classic_enhanced .post-header > span, .post-area[data-remove-post-date="1"].masonry.material .masonry-blog-item .grav-wrap .text > span, .post-area[data-remove-post-date="1"].featured_img_left .grav-wrap .text span, .blog-recent[data-style*="classic_enhanced"][data-remove-post-date="1"] .post-header > span, .blog-recent[data-style="title_only"][data-remove-post-date="1"] .post-header > span, .blog-recent[data-style="minimal"][data-remove-post-date="1"] .post-header > .meta > span { display: none; } /* remove archive meta author */ .post-area[data-remove-post-author="1"] article .meta-author, .post-area[data-remove-post-author="1"].masonry.material .masonry-blog-item .grav-wrap .text a, .post-area[data-remove-post-author="1"].masonry.material .masonry-blog-item .grav-wrap > a, .post-area[data-remove-post-author="1"].featured_img_left .grav-wrap .text a, .post-area[data-remove-post-author="1"].featured_img_left .grav-wrap > a, .post-area[data-remove-post-author="1"].standard-minimal .post-author .grav-wrap, .blog-recent[data-style="default"][data-remove-post-author="1"] .meta-author, .blog-recent[data-style*="classic_enhanced"][data-remove-post-author="1"] .meta-author, .nectar-recent-posts-single_featured[data-remove-post-author="1"] .grav-wrap > a, .nectar-recent-posts-single_featured[data-remove-post-author="1"] .grav-wrap .text > span { display: none; } /* remove archive meta comment */ .post-area[data-remove-post-comment-number="1"] article .meta-comment-count, .blog-recent[data-style="default"][data-remove-post-comment-number="1"] .meta-comment-count, .blog-recent[data-style*="classic_enhanced"][data-remove-post-comment-number="1"] .meta-comment-count { display: none; } /* remove archive meta love */ .post-area[data-remove-post-nectar-love="1"] article .nectar-love, .post-area[data-remove-post-nectar-love="1"].masonry.classic_enhanced article .nectar-love-wrap { display: none; pointer-events: none; } body.single-post .container-wrap[data-remove-post-author="1"][data-remove-post-date="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap, .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .inner-wrap { padding-bottom: 0; } .post-area[data-remove-post-date="1"][data-remove-post-nectar-love="1"]:not(.masonry):not(.standard-minimal) .post .post-content, .post-area[data-remove-post-author="1"].standard-minimal .post .post-content { padding-left: 0; } .post-area[data-remove-post-author="1"].standard-minimal .post-author { position: relative; text-align: left; width: auto; } .container-wrap[data-remove-post-comment-number="1"][data-remove-post-author="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .post-meta, .post-area.masonry.material[data-remove-post-author="1"][data-remove-post-date="1"] .masonry-blog-item .grav-wrap, .post-area.featured_img_left[data-remove-post-author="1"][data-remove-post-date="1"] .post-content-wrap .grav-wrap { display: none; } .post-area.masonry.classic_enhanced[data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .post .post-meta, #ajax-content-wrap .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"] .nectar-love-wrap, .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .post-meta { display: none; } p >a >i.icon-3x{ margin-bottom:0 } #pagination{ position:relative; margin-bottom:10px; height:32px; width:100% } #pagination.fw-pagination{ text-align:center; height:auto; padding:10px 0 50px 0; margin-bottom:0 } #pagination.fw-pagination.alt-style-padding{ padding:50px 0 } #pagination.fw-pagination >div{ float:none; display:inline-block } #pagination.infinite_scroll{ display:none } #pagination span:not(.page-numbers), #pagination a:not(.page-numbers){ background-color:#333 } #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .container-wrap nav.woocommerce-pagination ul li span { background-repeat:no-repeat; cursor:pointer; display:inline-block; padding:11px 13px 10px 13px!important; background-position:-21px center; position:relative; text-transform:capitalize; color:#fff !important; transition:all .45s cubic-bezier(0.25,1,0.33,1); border-radius:2px 2px 2px 2px; font-family:'Open Sans'; font-weight:700 } .woocommerce nav.woocommerce-pagination ul li{ overflow:visible } body #pagination span.page-numbers.dots, body #pagination >a, .woocommerce nav.woocommerce-pagination ul li a, body nav.woocommerce-pagination ul li span.page-numbers.dots{ background-color:transparent!important; font-size:12px!important; line-height:14px } body #pagination span.page-numbers.dots, body #pagination >a, .woocommerce nav.woocommerce-pagination ul li a, body nav.woocommerce-pagination ul li span.page-numbers.dots, body #pagination .page-numbers.prev, body #pagination .page-numbers.next, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next { color:inherit!important; } body #pagination >span.page-numbers.current, body nav.woocommerce-pagination span.page-numbers.current{ -webkit-box-shadow:0 6px 15px rgba(0,0,0,0.16); box-shadow:0 6px 15px rgba(0,0,0,0.16); margin:0 8px; height:35px; width:35px; text-align:center; line-height:14px; font-size:12px!important } body #pagination .page-numbers.prev, body #pagination .page-numbers.next, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next{ width:auto; background-color:transparent; background-image:none; text-indent:0!important; border:0 } #ajax-content-wrap nav.woocommerce-pagination .page-numbers.prev, #ajax-content-wrap nav.woocommerce-pagination .page-numbers.next body nav.woocommerce-pagination .page-numbers.prev, body nav.woocommerce-pagination .page-numbers.next{ width:auto } body #pagination >span:first-child.page-numbers{ margin-left:0!important } body #pagination >a:hover, body #pagination >a.page-numbers:hover, body nav.woocommerce-pagination li a:hover{ background-color:transparent!important } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .container-wrap nav.woocommerce-pagination ul li span { line-height:11px!important } #pagination >div{ float:left; margin:0 5px 0 0 } #pagination >div:first-child{ margin-left:0 } #pagination .next a:hover, #pagination .prev a:hover, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:active{ background-color:#000 } #pagination span{ cursor:default } #pagination a, #pagination span{ display:inline-block } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next, #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{ text-indent:-9999px; height:32px; width:32px; background-repeat:no-repeat!important } #pagination a.page-numbers, #pagination span.page-numbers{ font-size:12px; line-height:11px } #pagination .next.inactive, #pagination .prev.inactive{ background-color:#eae8e5; cursor:default!important; height:32px; width:32px; margin:0 5px 0 0 } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next{ background-image:url("../img/icons/portfolio-arrows.png"); background-position:-20px 12px } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{ background-image:url("../img/icons/portfolio-arrows.png"); background-position:13px 12px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next{ background-image:url("../img/icons/portfolio-arrows-2x.png"); background-size:40px 9px } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{ background-image:url("../img/icons/portfolio-arrows-2x.png"); background-size:40px 9px } } #author-bio{ padding-bottom:50px; margin-bottom:50px; margin-top:0; min-height:80px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; border-bottom:1px solid #DDD; position:relative } #author-bio #author-info{ width:100%; padding-left:105px } #author-bio img{ width:80px; height:80px; margin-bottom:0; position:absolute; left:0; top:0 } #author-bio .clear{ padding-bottom:0 } /* 12.2. Masonry Auto Meta Overlaid */ .auto_meta_overlaid_spaced .masonry-blog-item { padding: 4px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12 { padding: 4px; } body[data-col-gap] .vc_row-fluid .span_12.post-area.auto_meta_overlaid_spaced[data-ams="4px"], .post-area.auto_meta_overlaid_spaced { margin: 0 0 0 -4px; } body .post-area.auto_meta_overlaid_spaced.span_12 { width: calc(100% + 8px); } .auto_meta_overlaid_spaced[data-ams="8px"] .masonry-blog-item { padding: 8px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="8px"] { padding: 8px; } body[data-col-gap] .vc_row-fluid .span_12.post-area.auto_meta_overlaid_spaced[data-ams="8px"], .post-area.auto_meta_overlaid_spaced[data-ams="8px"] { margin: 0 0 0 -8px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="8px"] { width: calc(100% + 16px); } .auto_meta_overlaid_spaced[data-ams="12px"] .masonry-blog-item { padding: 12px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="12px"] { padding: 12px; } body[data-col-gap] .vc_row-fluid .span_12.post-area.auto_meta_overlaid_spaced[data-ams="12px"], .post-area.auto_meta_overlaid_spaced[data-ams="12px"] { margin: 0 0 0 -12px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="12px"] { width: calc(100% + 24px); } .auto_meta_overlaid_spaced[data-ams="16px"] .masonry-blog-item { padding: 16px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="16px"] { padding: 16px; } body[data-col-gap] .vc_row-fluid .span_12.post-area.auto_meta_overlaid_spaced[data-ams="16px"], .post-area.auto_meta_overlaid_spaced[data-ams="16px"] { margin: 0 0 0 -16px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="16px"] { width: calc(100% + 32px); } .auto_meta_overlaid_spaced[data-ams="20px"] .masonry-blog-item { padding: 20px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="20px"] { padding: 20px; } body[data-col-gap] .vc_row-fluid .span_12.post-area.auto_meta_overlaid_spaced[data-ams="20px"], .post-area.auto_meta_overlaid_spaced[data-ams="20px"] { margin: 0 0 0 -20px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="20px"] { width: calc(100% + 40px); } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12, .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams], body[data-col-gap] .vc_row-fluid .blog-fullwidth-wrap .span_12.post-area.auto_meta_overlaid_spaced[data-ams] { margin: 0; width: 100%!important; } .auto_meta_overlaid_spaced .post-header .meta-author, .auto_meta_overlaid_spaced .post-header .meta-category, .auto_meta_overlaid_spaced .post-header .meta-comment-count { display: none; } .auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap { background-color: transparent; padding: 0; border-radius: 5px; overflow: hidden; transform: translateZ(0); } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .ascend .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { padding: 30px!important; } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img, .auto_meta_overlaid_spaced .content-inner > a, .auto_meta_overlaid_spaced .masonry-blog-item .content-inner, .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { top: auto; bottom: 0; height: 75%; } body .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img { transition: transform .7s cubic-bezier(.2,1,.22,1), opacity 0.5s ease; backface-visibility: visible; background-size: cover; background-position: center; width: 100.5%; height: 100.5%; } .auto_meta_overlaid_spaced .masonry-blog-item .content-inner { background-color: rgba(0,0,0,0.3); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img[data-nectar-img-src], .post-area.featured_img_left .post-featured-img[data-nectar-img-src] { opacity: 0; } body .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img.no-img { background-color: rgba(0,0,0,0.2); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { content: ''; background: linear-gradient(to bottom,rgba(35,35,35,0),rgba(35,35,35,.65) 100%); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img img { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .content-inner > a { z-index: 30; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap { left: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { pointer-events: none; z-index: 33; position: absolute; bottom: 0; width: 100%; } .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { height: 100%; } .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner .quote-wrap, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner .link-wrap { bottom: 0; left: 0; width: 100%; height: auto; position: absolute; padding: 30px; } .auto_meta_overlaid_spaced .post.link .full-post-link, .auto_meta_overlaid_spaced .post.quote .full-post-link { pointer-events: all; } .auto_meta_overlaid_spaced.post-area.masonry .post .quote-inner, .auto_meta_overlaid_spaced.post-area.masonry .post .link-inner { margin-bottom: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap h3 a, .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap h3 a:hover, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { color: #fff!important; transition: opacity 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); } .auto_meta_overlaid_spaced .meta-category a, .auto_meta_overlaid_spaced .post.quote .author { font-weight: 600; } .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { opacity: 0.72; } .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover { opacity: 1; } .post-area.auto_meta_overlaid_spaced .posts-container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content { height: 50vh; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap .meta-category { pointer-events: all; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 25%; display: block; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) { width: 50%; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header { max-width: 55%; } .auto_meta_overlaid_spaced .masonry-blog-item .post-header, .auto_meta_overlaid_spaced .masonry-blog-item .post-header h3 { margin-bottom: 0; } .post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item { width: 50%; } .post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(3n+1) { width: 100%; } @media only screen and (max-width: 690px) { .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content { height: 33vh; } } @media only screen and (max-width: 999px) { .post-area.masonry.auto_meta_overlaid_spaced .masonry-blog-item { width: 50%; } .post-area.masonry.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(3n+1) { width: 100%; } } @media only screen and (max-width: 1600px) and (min-width: 1001px) { .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 25%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-header { max-width: 100%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) { width: 50%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header { max-width: 55%; } } @media only screen and (min-width: 1601px) { .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 20%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-header { max-width: 100%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+1), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+7), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+9), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+10) { width: 40%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+1) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+7) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+9) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+10) .post-header { max-width: 55%; } } .auto_meta_overlaid_spaced article .content-inner > .play svg { width: 14px; height: 14px; } .auto_meta_overlaid_spaced article .content-inner > .play { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: 60px; width: 60px; z-index: 100; pointer-events: none; } .auto_meta_overlaid_spaced article .content-inner > .play:before { border-width: 3px; } .auto_meta_overlaid_spaced article:hover .content-inner > .play:before { transform: scale(1.14); -webkit-transform: scale(1.14); opacity: 0.4; } .auto_meta_overlaid_spaced article .content-inner > .play svg path { fill: #fff; } /* 12.3. Masorny Classic Enhanced */ body .blog-recent[data-style*="classic_enhanced"] .post-meta { position: absolute; bottom: 0; left: 0; top: auto; z-index: 300; width: 100%; margin-bottom: 0; border-right: 0; } .masonry.classic_enhanced .post .post-header h2 a { color: inherit; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post .post-meta i:not(.icon-salient-heart), .blog-recent[data-style*="classic_enhanced"] .post-meta a, .blog-recent[data-style*="classic_enhanced"] .post-meta i:not(.icon-salient-heart) { transition: color 0.1s linear; -webkit-transition: color 0.1s linear; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post-header, .masonry.classic_enhanced .post .excerpt, .blog-recent[data-style*="classic_enhanced"] .excerpt, .blog-recent[data-style*="classic_enhanced"] .post-meta a { color: #888; } .blog-recent[data-style*="classic_enhanced"] .post-meta a .nectar-love-count { color: #888; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post-meta .nectar-love-count, .masonry.classic_enhanced .post-header, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-count, .blog-recent[data-style*="classic_enhanced"] .post-header, .blog-recent[data-style*="classic_enhanced"] .post-meta a { font-size: 12px; } .masonry.classic_enhanced .post .post-meta i, .masonry.classic_enhanced .post .post-header .icon-salient-m-clock, .blog-recent[data-style*="classic_enhanced"] .post-meta i, .blog-recent[data-style*="classic_enhanced"] .post-header .icon-salient-m-clock { color: #b9b9b9; } .masonry.classic_enhanced .post.wide_tall .post-meta i, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta i { color: rgba(255,255,255,0.5); } .masonry.classic_enhanced .post .post-meta a, .blog-recent[data-style*="classic_enhanced"] .post-meta a { display: inline-block; vertical-align: middle; } .masonry.classic_enhanced .post .post-meta i, .blog-recent[data-style*="classic_enhanced"] .post-meta i { width: 15px; margin-right: 3px; font-size: 14px; top: 0; } .masonry.classic_enhanced .post .post-meta .icon-salient-heart-2, .blog-recent[data-style*="classic_enhanced"] .post-meta .icon-salient-heart-2 { margin-right: 0; } .masonry.classic_enhanced .post .post-meta .meta-comment-count i, .blog-recent[data-style*="classic_enhanced"] .post-meta .meta-comment-count i { width: 14px; } .masonry.classic_enhanced .post .post-header .icon-salient-m-clock, .blog-recent[data-style*="classic_enhanced"] .post-header .icon-salient-m-clock { width: 14px; margin-right: 5px; font-size: 14px; top: 0; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .meta-category a, .masonry.classic_enhanced .posts-container .large_featured .meta-category a, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { color: #000; border: 2px solid rgba(0,0,0,0.2); } body[data-button-style^="rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style^="rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a { border-radius: 100px; } .masonry.classic_enhanced .posts-container article .meta-category a, .masonry.classic_enhanced .posts-container .wide_tall .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { padding: 0 10px; display: inline-block; line-height: 20px; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; color: #fff; border: 2px solid rgba(255,255,255,0.5); transition: all 0.2s ease; } body .blog-recent[data-style*="classic_enhanced_alt"] .meta-category a, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { color: #fff; border: 2px solid rgba(255,255,255,0.5); } .masonry.classic_enhanced .posts-container article .meta-category a:hover { border: 2px solid transparent; color: #fff; } body .blog-recent[data-style*="classic_enhanced"] .meta-category a:hover, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .meta-category a:hover { border: 2px solid transparent; color: #fff; } .masonry.classic_enhanced .posts-container .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { position: absolute; top: 20px; left: 20px; z-index: 101; } body .blog-recent[data-style*="classic_enhanced"] .meta-category a { z-index: 301; } .masonry.classic_enhanced .posts-container article .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { z-index: 101; position: relative; } .masonry.classic_enhanced .posts-container article .meta-category a:not(:first-child), .blog-recent[data-style*="classic_enhanced"] .meta-category a:not(:first-child) { display: none; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .meta-category a { margin-top: 20px; margin-left: 20px; margin-bottom: 0; } .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap { float: none; display: inline-block; } .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love i, .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love .heart-wrap, .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love .nectar-love-count, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love i, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love .heart-wrap, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love .nectar-love-count { display: block; line-height: 18px; float: left; } .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap { overflow: hidden; } .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap.has-post-thumbnail { background-color: transparent; } .post-area.masonry.classic_enhanced .post .post-meta, .blog-recent[data-style*="classic_enhanced"] .post-meta { padding: 6px 21px; z-index: 101; position: relative; border-top: 1px solid rgba(0,0,0,0.06); } .post-area.masonry.classic_enhanced .post.wide_tall.format-video .video-play-button { display: none; } .post-area.masonry.classic_enhanced .post.format-link.has-post-thumbnail .post-featured-img, .post-area.masonry.classic_enhanced .post.format-quote.has-post-thumbnail .post-featured-img { display: none; } .span_12.light .masonry.classic_enhanced .masonry-blog-item h3.title, .span_12.light .blog-recent[data-style="classic_enhanced"] h3.title { color: #444; } .masonry.classic_enhanced .masonry-blog-item .inner-wrap, .blog-recent[data-style*="classic_enhanced"] .inner-wrap { border-radius: 4px; overflow: hidden; box-shadow: 0px 1px 3px rgba(0,0,0,.08); } .blog-recent[data-style*="classic_enhanced"] .inner-wrap { -webkit-perspective: none; perspective: none; } body:not(.ascend) .masonry.classic_enhanced .masonry-blog-item .inner-wrap { padding: 0; } body:not(.ascend) .masonry.classic_enhanced .post .content-inner { border: none; padding-bottom: 0; margin-bottom: 0; } .post-area.masonry.classic_enhanced .post.large_featured:not(.format-link):not(.format-quote) .content-inner { position: relative; width: 50%; height: 100%; z-index: 100; background-color: #fff; } .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap { width: 100%; top: 50%; left: 0; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .post-area.masonry.classic_enhanced .post:not(.wide_tall) .img-link { position: relative; display: block; } .post-area.masonry.classic_enhanced .post.large_featured .post-content { height: 100%; } .post-area.masonry.classic_enhanced .post.large_featured .img-link, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 100; } .post-area.masonry.classic_enhanced .post.large_featured .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity .cell, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity .cell { background-size: cover; width: 100%; height: 100%; z-index: 100; background-color: #333; background-position: center; } .post-area.masonry.classic_enhanced .post.wide_tall .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-featured-img { position: absolute; background-size: cover; top: 0; right: 0; width: 100%; height: 100%; z-index: 10; background-position: center; background-color: #777; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-featured-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap > .img-link { display: block; height: 100%; width: 100%; position: absolute; overflow: hidden; border-radius: 4px; } .post-area.masonry.classic_enhanced .post.wide_tall.format-quote .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall.format-link .post-featured-img { opacity: 0.1; } .post-area.masonry.classic_enhanced .post.wide_tall .flickity-slider .cell, .post-area.masonry.classic_enhanced .post.wide_tall .flickity-viewport, .post-area.masonry.classic_enhanced .post.large_featured .flickity-slider .cell, .post-area.masonry.classic_enhanced .post.large_featured .flickity-viewport { height: 100%!important; } .post-area.masonry.classic_enhanced .post.wide_tall .meta-category, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .meta-category { z-index: 1000; display: block; position: relative; } .post-area.masonry.classic_enhanced .post.wide_tall h3, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap h3, .span_12.light .post-area.masonry.classic_enhanced .post.wide_tall h3 { color: #fff; } .post-area.masonry.classic_enhanced article h3:hover a { color: inherit; } .post-area.masonry.classic_enhanced .post.wide_tall .inner-wrap:after, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:after { background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) -2%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.04) 44%,rgba(0,0,0,0.25) 100%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) -2%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.04) 44%,rgba(0,0,0,0.25) 100%,rgba(0,0,0,0.5) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; z-index: 11; border-radius: 4px; content: ' '; } .post-area.masonry.classic_enhanced .post.wide_tall:not(.format-quote):not(.format-link) .inner-wrap:before, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:before { background-color: rgba(0,0,0,0.43); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 11; content: ' '; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:before { background-color: rgba(0,0,0,0.55); border-radius: 4px; } .masonry.classic_enhanced .post.wide_tall .post-meta a, .masonry.classic_enhanced .wide_tall .post-header, .masonry.classic_enhanced .post.wide_tall .excerpt, .masonry.classic_enhanced .post.wide_tall .nectar-love span, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta a, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-header, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .excerpt, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .nectar-love span { color: rgba(255,255,255,0.9); } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .nectar-love span { color: rgba(255,255,255,0.9); } .post-area.masonry.classic_enhanced .post.wide_tall .post-meta, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta { border-color: rgba(255,255,255,0.15); } .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap { position: absolute; z-index: 100; top: 50%; background-color: transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; padding: 20%; } .post-area.masonry.classic_enhanced .post.large_featured .post-meta { bottom: 0; top: auto; left: 0; z-index: 1000; width: 50%; position: absolute; } .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap { padding: 21%; } .masonry.classic_enhanced .masonry-blog-item h3.title { line-height: 26px; } .post-area.masonry.classic_enhanced .post.quote .post-content .quote-inner, .post-area.masonry.classic_enhanced .post.link .post-content .link-inner { padding: 0; } .post-area.masonry.classic_enhanced .post.quote .post-content, .post-area.masonry.classic_enhanced .post.quote .content-inner, .post-area.masonry.classic_enhanced .post.quote .quote-inner, .post-area.masonry.classic_enhanced .post.link .post-content, .post-area.masonry.classic_enhanced .post.link .content-inner, .post-area.masonry.classic_enhanced .post.link .link-inner, .post-area.masonry.classic_enhanced .post.wide_tall .post-content, .post-area.masonry.classic_enhanced .post.wide_tall .content-inner, .post-area.masonry.classic_enhanced .post.wide_tall .conent-inner a { height: 100%; } .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .article-content-wrap { padding: 17%!important; display: block; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; z-index: 10; left: 0; position: absolute; } .post-area.masonry.classic_enhanced .large_featured .quote-wrap, .post-area.masonry.classic_enhanced .large_featured .link-wrap { padding: 10.5%!important; } @media only screen and (min-width:1000px) { .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { padding: 17%; display: block; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; z-index: 10; left: 0; position: absolute; } } .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { width: 100%; } .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .content-inner, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .content-inner, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .content-inner { height: 100%; } .masonry.classic_enhanced .posts-container article .video-play-button svg { width: 16px; height: 16px; display: block; } .masonry.classic_enhanced .posts-container article .video-play-button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -webkit-transition: all .21s cubic-bezier(.5,.5,.4,.88); transition: all .21s cubic-bezier(.5,.5,.4,.88); color: #fff; font-size: 40px; z-index: 1000; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; } .masonry.classic_enhanced .posts-container .format-audio:hover .video-play-button, .masonry.classic_enhanced .posts-container .format-video:hover .video-play-button { transform: translateY(-50%) translateX(-50%) scale(1.18); -webkit-transform: translateY(-50%) translateX(-50%) scale(1.18); box-shadow: 0 5px 8px 0 rgba(0,0,0,.17); } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .video-play-button, .masonry.classic_enhanced .posts-container .wide_tall .video-play-button { position: relative; top: 0; left: 0; margin-bottom: 20px; transform: none; -webkit-transform: none; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail):hover .video-play-button, .masonry.classic_enhanced .posts-container .wide_tall:hover .video-play-button { transform: scale(1.1); -webkit-transform: scale(1.1); } .masonry.classic_enhanced .posts-container .large_featured .video-play-button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); } .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .post-meta.no-img, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .post-meta.no-img, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-meta.no-img, .post-area.masonry.classic_enhanced .post.wide_tall .post-meta, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta { position: absolute!important; bottom: 0; top: auto!important; left: 0; z-index: 101; width: 100%; } @media only screen and (min-width:1000px) { .masonry.classic_enhanced .masonry-blog-item.large_featured h3.title { font-size: 30px; line-height: 36px; } } @media only screen and (min-width: 1000px) { .blog-recent[data-style*="classic_enhanced"].related-posts .col { margin-bottom: 0; } } .blog-recent[data-style*="classic_enhanced"].related-posts .article-content-wrap { padding: 30px; } .blog-recent[data-style*="classic_enhanced"].related-posts .article-content-wrap .post-header { margin-bottom: 0; } .blog-recent[data-style*="classic_enhanced"].related-posts .post-meta { padding: 10px 21px; } .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap { padding-bottom: 52px!important; } .container-wrap[data-remove-post-author="1"][data-remove-post-date="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap { padding-bottom: 0!important; } .post-area.masonry.classic_enhanced .post .post-meta >*, .blog-recent[data-style*="classic_enhanced"] .post-meta >* { margin-right: 13px; margin-left: 0; } .post-area.masonry.classic_enhanced .post .content-inner { position: static; } .post-area.masonry.classic_enhanced .post .post-meta >*:last-child, .blog-recent[data-style*="classic_enhanced"] .post-meta >*:last-child { margin-right: 0; } .post-area.masonry.classic_enhanced .post .post-meta .nectar-love, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love { margin-left: 0; } .post-area.masonry.classic_enhanced .post .post-meta .nectar-love .icon-salient-heart, .post-area.masonry.classic_enhanced .post.large_featured .post-featured-img img, .post-area.masonry.classic_enhanced .post.wide_tall .post-featured-img img, .blog-recent[data-style*="classic_enhanced_alt"] .post-featured-img img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity .cell img, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity .cell img { display: none; } .masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap { padding: 17%; position: relative; z-index: 100; background-color: #fff; } .masonry.classic_enhanced .masonry-blog-item h3.title, .blog-recent[data-style*="classic_enhanced"] h3.title { margin-bottom: 0; } @media only screen and (max-width: 690px) { .post-area.masonry.classic_enhanced .post.large_featured:not(.format-link):not(.format-quote) .content-inner { width: 100%; height: auto; position: static; } body .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap, body .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .article-content-wrap { position: relative; -webkit-transform: none; transform: none; top: auto; height: auto!important; padding: 17%; } .post-area.masonry.classic_enhanced .post.large_featured .post-meta, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-meta.no-img, .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap, .post-area.masonry.classic_enhanced .post.wide_tall .post-meta { position: relative; width: 100%!important; } body .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap { padding: 30% 17%; } .post-area.masonry.classic_enhanced .post.wide_tall .post-meta { position: absolute; } .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity { position: relative; width: 100%; height: 280px; overflow: hidden; z-index: 110; } body .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .article-content-wrap, body .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .article-content-wrap, .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap { height: auto!important; -webkit-transform: none; transform: none; position: relative; } .post-area.masonry.classic_enhanced .post.large_featured .meta-category a { color: #fff; border: 2px solid rgba(255,255,255,0.5); } .post-area.masonry.classic_enhanced .post.large_featured .img-link { position: relative; width: 100%; height: 280px; } .post-area.masonry.classic_enhanced .post.large_featured, .post-area.masonry.classic_enhanced .post.regular .article-content-wrap, .post-area.masonry.classic_enhanced .post.regular.format-standard.has-post-thumbnail, .post-area.masonry.classic_enhanced .post.regular.format-video.has-post-thumbnail, .post-area.masonry.classic_enhanced .post.regular.format-audio.has-post-thumbnail, .masonry.classic_enhanced .masonry-blog-item { height: auto!important; } .post-area.masonry.classic_enhanced .posts-container:not(.meta-moved) .post-content > .post-meta { opacity: 0; position: absolute!important; } } /* 12.4. Masonry Meta Overalaid */ .post-area.masonry.meta_overlaid{ margin-bottom:0 } .post-area.masonry.meta_overlaid .posts-container{ overflow:hidden } body[data-ext-responsive="true"] .post-area.masonry.meta_overlaid{ width:100% } body.blog .post-area.masonry.meta_overlaid.infinite_scroll #pagination{ margin-bottom:0; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap{ padding:20px } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap >*:not(.post-header){ display:none } .post-area.masonry.meta_overlaid .post .post-meta{ margin: 0 0 3px; line-height:26px } .post-area.masonry.meta_overlaid .post.wide_tall .post-meta, .post-area.masonry.meta_overlaid .post.large_featured .post-meta{ margin:6px 0 6px } body .post-area.masonry.meta_overlaid article.post .post-meta .date, body .post-area.masonry.meta_overlaid .post.quote .quote-inner .author, body .post-area.masonry.meta_overlaid .post.link .post-content .destination{ float:none!important; font-size:12px } .post-area.masonry.meta_overlaid article .post-header{ font-size:12px } body .meta_overlaid .post .post-header h3 { font-size:18px; margin-bottom:6px } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-category, body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-comment-count{ display:none } body .masonry.meta_overlaid .masonry-blog-item{ margin-bottom:0 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:before{ background:-moz-linear-gradient(center top,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 16%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0.6) 100%) repeat scroll 0 0 rgba(0,0,0,0); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 16%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0.6) 100%); bottom:0; content:""; display:block; height:50%; left:0; position:absolute; transition:all 300ms cubic-bezier(0.42,0,0.58,1) 0s; width:100%; opacity:1; z-index:1 } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:before{ opacity:1 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img{ transition:opacity 300ms cubic-bezier(0.42,0,0.58,1) 0s; opacity:0.85 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img.nectar-lazy:not(.loaded) { opacity: 0; } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:hover img{ opacity:1 } body .masonry.meta_overlaid .content-inner >a{ height:100% } body .masonry.meta_overlaid .content-inner >a >.post-featured-img{ background-color:#000 } .masonry.meta_overlaid .masonry-blog-item .bottom-line, .masonry.meta_overlaid .masonry-blog-item .more-link{ display:none } .masonry.meta_overlaid .masonry-blog-item, .masonry.meta_overlaid .masonry-blog-item .mejs-container .mejs-controls{ box-shadow:none } .masonry.meta_overlaid .masonry-blog-item .post-meta{ padding:0 18px 0 18px } .masonry.meta_overlaid .post .nectar-love-wrap{ line-height:20px } .masonry.meta_overlaid .masonry-blog-item{ padding:0 } .masonry.meta_overlaid .masonry-blog-item .content-inner .post-featured-img img, .masonry.meta_overlaid .masonry-blog-item .more-link, .masonry.meta_overlaid .post .quote-inner, .masonry.meta_overlaid .post .link-inner, .masonry.meta_overlaid .post .status-inner, .masonry.meta_overlaid .post .aside-inner, .masonry.meta_overlaid .masonry-blog-item .content-inner.gallery-slider img{ margin-bottom:0!important } .masonry.meta_overlaid .masonry-blog-item .content-inner{ padding-bottom:0; border:0; margin-bottom:0 } .masonry.meta_overlaid .post.quote .post-content .post-meta, .masonry.meta_overlaid .post.link .post-content .post-meta, .masonry.meta_overlaid .format-status .post-content .post-meta, .masonry.meta_overlaid .post.format-aside .post-meta{ display:none } .masonry.meta_overlaid .post .post-header h3 a, .masonry.meta_overlaid .post .post-header, .masonry.meta_overlaid .post .post-header h3 a:hover{ color:#fff } .masonry.meta_overlaid .post .post-header h3 a{ display:block } body .masonry.meta_overlaid .content-inner >a, body .masonry.meta_overlaid .content-inner >a >span{ display:block; line-height:1px } body .masonry.meta_overlaid article.post .post-header .meta-author span{ font-size:13px } body .masonry.meta_overlaid .post .post-header .meta-author a{ margin-left:4px; color:#fff; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; } body .masonry.meta_overlaid .post .post-header .meta-author a:hover{ opacity:0.85 } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap{ position:absolute; bottom:10px; width:100%; z-index:10; text-align:center } body .post-area.masonry.meta_overlaid .masonry-blog-item.wide_tall .post-meta .date, body .post-area.masonry.meta_overlaid .masonry-blog-item.large_featured .post-meta .date{ font-size:16px } body .post-area.masonry.meta_overlaid .masonry-blog-item.large_featured { width: 100%!important; } @media only screen and (min-width: 690px) { body .masonry.meta_overlaid .masonry-blog-item.wide_tall h3.title, body .masonry.meta_overlaid .masonry-blog-item.large_featured h3.title{ font-size:30px; line-height: 36px; margin-bottom:12px } } body .masonry.meta_overlaid .post .content-inner, body .masonry.meta_overlaid .post .post-content, body .masonry.meta_overlaid .post.quote .post-content .quote-inner, body .masonry.meta_overlaid .post .post-content .link-inner, body .masonry.meta_overlaid .post.format-link .content-inner a{ height:100%!important; width:100%!important } body .masonry.meta_overlaid .link-inner .link-wrap, body .masonry.meta_overlaid .quote-inner .quote-wrap{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block; z-index:100; padding:0 12% } body .masonry.meta_overlaid .post-content{ min-height:40px } body .post-area.masonry.meta_overlaid.span_9{ padding-right:40px } .post-area.masonry.meta_overlaid .post .quote-inner, .post-area.masonry.meta_overlaid .post .link-inner, .post-area.masonry.meta_overlaid .post .status-inner, .post-area.masonry.meta_overlaid .post .aside-inner{ text-align:center; overflow:hidden } /* 12.5. Standard Minimal */ .post-area.standard-minimal .post-author{ position:absolute; left:0; top:0; text-align:center; width:100px; font-size:12px; line-height:22px } .post-area.standard-minimal.full-width-content .post{ border-bottom:1px solid #e6e6e6; padding-top:70px } .post-area.standard-minimal.full-width-content .posts-container >article:last-child{ border:none } .post-area.standard-minimal.full-width-content .post .content-inner{ padding-bottom:0; margin-bottom:70px; border-bottom: 0; } .post-area.standard-minimal.full-width-content .post .more-link{ margin-top:25px } .post-area.standard-minimal.full-width-content #pagination{ text-align:center } .post-area.standard-minimal.full-width-content #pagination >div{ float:none; display:inline-block } .post-area.standard-minimal .post .more-link span{ background-color:transparent; padding:0; color:#333 } .post-area.standard-minimal .post .post-header, .post-area.standard-minimal .post .content-inner .post-featured-img img, .post-area.standard-minimal .post .content-inner .article-content-wrap >.video >.wp-video, .post-area.standard-minimal .post .content-inner .article-content-wrap .audio-wrap, .post-area.standard-minimal .post .content-inner .quote-inner{ margin-bottom:60px!important } .post-area.standard-minimal .post .content-inner .quote-inner h3 { color:#fff; margin-bottom:20px } .post-area.standard-minimal .post .content-inner .quote-inner, .post-area.standard-minimal .post .content-inner .link-inner{ padding:10%; position: relative; } .post-area.standard-minimal .quote-wrap, .post-area.standard-minimal .link-wrap { z-index: 100; position: relative; } .post-area.standard-minimal .post.quote .post-content .quote-inner .icon, .post-area.standard-minimal .post.link .post-content .link-inner .icon{ right:30px; bottom:30px } .post-area.standard-minimal .post .content-inner .quote-inner .author{ position:relative; padding-left:30px } .post-area.standard-minimal .post .content-inner .quote-inner .author:before{ position:absolute; display:block; top:50%; left:0; width:20px; height:2px; content:' '; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:#fff } .post-area.standard-minimal .post .more-link{ display:inline-block; cursor:pointer; height:50px; position:relative; line-height:50px; padding-right:25px } .post-area.standard-minimal .post .more-link span{ transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1) } .post-area.standard-minimal .post .more-link span:after { display:inline-block; font-family:'FontAwesome'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:50px; height:50px; -webkit-font-smoothing:antialiased; letter-spacing:0; content:"\f105"; margin-left:15px; position:absolute; right:0; top:53%; -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); font-size:25px; transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1) } .post-area.standard-minimal .post .more-link:hover span:after{ transform:translateX(12px) translateY(-50%); -webkit-transform:translateX(12px) translateY(-50%) } .post-area.standard-minimal .post .more-link:hover span:before{ opacity:1; transform:translateY(-50%) translateX(0px); -webkit-transform:translateY(-50%) translateX(0px) } .post-area.standard-minimal .post .more-link span:before { backface-visibility:hidden; letter-spacing:0; display:block; content:' '; z-index:100; position:absolute; width:22px; height:2px; background-color:#000; top:53%; opacity:0; right:-10px; cursor:pointer; transform:translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform:translateY(-50%) translateX(-20px) translateZ(0); transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1) } .post-area.standard-minimal .post .post-meta .date, .post-area.standard-minimal .post .more-link span{ font-family:'Open Sans'; font-weight:700; margin-bottom:5px; font-size:14px } .post-area.standard-minimal .post .post-meta .date a{ display:block } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a span, .post-area.standard-minimal .post .article-content-wrap .nectar-love, .post-area.standard-minimal .post .article-content-wrap .nectar-love >span, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count i, .post-area.standard-minimal .post .article-content-wrap .nectar-love i, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count, .post-area.standard-minimal .post .article-content-wrap .nectar-love-wrap, .post-area.standard-minimal .post .article-content-wrap .nectar-love-wrap >span, .post-area.standard-minimal .post .article-content-wrap .meta-category i{ line-height:34px; height:34px; width:auto; display:inline-block } .post-area.standard-minimal .post .more-link{ margin-top:15px } .post-area.standard-minimal .post .article-content-wrap .meta-category i{ font-size:20px } .post-area.standard-minimal .post .article-content-wrap .nectar-love >span{ font-size:14px; color:#aaa } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count{ margin-left:15px } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a, .post-area.standard-minimal .post .article-content-wrap .meta-category a{ font-size:14px } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a:not(:hover), .post-area.standard-minimal .post .article-content-wrap .meta-category a:not(:hover){ color:#aaa } .post-area.standard-minimal .post .article-content-wrap a i, .post-area.standard-minimal .post .article-content-wrap .meta-category i{ font-size:20px; width:22px; margin-right:5px; transition:color 0.2s linear; -webkit-transition:color 0.2s linear } .post-area.standard-minimal .post .article-content-wrap a:not(:hover) i:not(.loved), .post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) i{ color:#c1c1c1 } .post-area.standard-minimal .post .article-content-wrap .flex-direction-nav a:not(:hover) i:not(.loved), .post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) .flex-direction-nav i{ color:#fff } .post-area.standard-minimal .post .post-meta{ margin-bottom:0 } .post-area.standard-minimal #pagination{ padding-left:0 } .post-area.standard-minimal .post .post-meta, .post-area.standard-minimal .post .post-meta .date{ position:relative; padding-bottom:0; border:none } .post-area.standard-minimal .post-content{ padding-left:175px; overflow: hidden; } .single .post-area.standard-minimal .post-content { overflow: visible; } .post-area.standard-minimal .post-author .grav-wrap{ border-radius:100px; overflow:hidden; margin-bottom:10px; width:90px; height:90px; margin:0 auto 25px auto } #pagination{ position:relative; margin-bottom:10px; height:32px; width:100% } .standard-minimal.full-width-content.post-area #pagination { margin-bottom: 40px; } .post-area.standard-minimal .post .post-meta.no-img{ top:0 } .post-area.standard-minimal .post .nectar-love .icon-salient-heart { display:none } @media only screen and (min-width : 690px) and (max-width : 999px) { .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 600px; } .post-area.standard-minimal .post-author .grav-wrap { width: 70px; height: 70px; } .post-area.standard-minimal .post-content { padding-left: 140px; } } @media only screen and (max-width: 321px) { .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 300px; } } @media only screen and (min-width: 480px) and (max-width: 690px) { .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 420px; } } @media only screen and (max-width: 690px) { .post-area.standard-minimal .post-author { position: relative; } .post-area.standard-minimal .grav-wrap { display: none; } .post-area.standard-minimal .post-author { width: 100%; text-align: left; } } /*-------------------------------------------------------------------------*/ /* 13. Footer /*-------------------------------------------------------------------------*/ #footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap{ color:#ccc; position:relative; z-index:10; background-color:#252525 } #footer-outer .row{ padding:55px 0; margin-bottom:0 } #footer-outer #footer-widgets[data-has-widgets="false"] .row { padding: 0; } #footer-outer .widget h4, .text-on-hover-wrap .categories a{ color:#777; font-size:14px; font-family:'Open Sans'; font-weight:600; margin-bottom:20px } #footer-outer .widget{ margin-bottom:30px } #footer-outer .widget.widget_categories ul ul, #footer-outer .widget.widget_pages ul ul, #footer-outer .widget.widget_nav_menu ul ul, #slide-out-widget-area .widget.widget_nav_menu ul ul{ margin:0!important; padding:0 0 0 20px } #footer-outer #footer-widgets .widget.widget_pages li, #footer-outer #footer-widgets .widget.widget_nav_menu li, #slide-out-widget-area .widget.widget_nav_menu li { border-bottom:0; padding:0!important } #footer-outer .widget.widget_pages li a, #footer-outer .widget.widget_nav_menu li a{ padding:8px 0; display:block; border-bottom:1px solid #444 } #ajax-content-wrap #footer-outer #footer-widgets .widget.widget_categories li a, #ajax-content-wrap #footer-outer #footer-widgets .widget.widget_archive li a { display: inline-block; border-bottom: 0; } #slide-out-widget-area .widget.widget_nav_menu li a{ padding:6px 20px; display:block } #footer-outer .widget.widget_categories >ul >li:first-child >a, #footer-outer .widget.widget_pages >ul >li:first-child >a, #footer-outer .widget.widget_nav_menu >ul >li:first-child >a, #slide-out-widget-area .widget.widget_categories >ul >li:first-child >a, #slide-out-widget-area .widget.widget_pages >ul >li:first-child >a{ padding-top:0 } #footer-outer .span_3 .widget:last-child{ margin-bottom:0 } #footer-outer a{ color:#ccc } #footer-outer a:hover{ color:#000 } .original #footer-outer[data-link-hover="underline"] #footer-widgets .col ul li a { padding: 0; border: none; } .original #footer-outer[data-link-hover="underline"] #footer-widgets .col ul li { padding: 4px 0!important; border: none; } #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button), #slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #slide-out-widget-area.fullscreen-split .textwidget a:not(.nectar-button) { background-repeat: no-repeat; background-size: 0% 2px; background-position: left bottom; background-image: linear-gradient(to right, #000000 0%, #000000 100%); -webkit-transition: background-size 0.55s cubic-bezier(.2,.75,.5,1), color 0.5s ease; transition: background-size 0.55s cubic-bezier(.2,.75,.5,1), color 0.5s ease; } #slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #slide-out-widget-area.fullscreen-split .textwidget a:not(.nectar-button) { background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%); } #ajax-content-wrap #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button), #slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #slide-out-widget-area.fullscreen-split .textwidget a:not(.nectar-button) { display: inline; } #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover, #footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button):hover, #slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover, #slide-out-widget-area.fullscreen-split .textwidget a:not(.nectar-button):hover { background-size: 100% 2px; opacity: 1; } #footer-outer .widget ul li{ margin-bottom:7px } #footer-outer #copyright{ padding:20px 0; font-size:12px; background-color:#1c1c1c; color:#777 } #footer-outer #copyright li{ float:left; margin-left:20px } #footer-outer[data-cols="1"] #copyright .social li a { height: 50px; } #footer-outer #copyright .container div:last-child{ margin-bottom:0 } #footer-outer #copyright li a, #header-secondary-outer #social li a{ display:block; line-height:22px; height:24px; position:relative; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; background-position:center top } #footer-outer #copyright li a i, #header-secondary-outer #social li a i{ color:#777; transition:all 0.2s linear; -webkit-transition:all 0.2s linear } #footer-outer .icon-be, #footer-outer .icon-vimeo, #footer-outer .icon-salient-spotify { line-height:32px } #footer-outer .fa-vine{ font-size:16px } #footer-outer[data-full-width="1"] .container{ width:100%; padding:0 28px; max-width:none } #footer-outer #copyright li a i:hover{ color:#000 } #footer-outer #copyright li .vimeo, #footer-outer #copyright li .behance, #header-secondary-outer #social li .behance, #header-secondary-outer #social li .vimeo{ background-color:#666 } #footer-outer #copyright li .vimeo:hover, #footer-outer #copyright li .behance:hover, #header-secondary-outer #social li .behance:hover, #header-secondary-outer #social li .vimeo:hover{ background-color:#000 } #footer-outer #copyright p{ line-height:22px; margin-top:3px } #footer-outer #copyright .col ul{ float:right } #footer-outer #copyright li .facebook{ width:12px } #footer-outer #copyright li .twitter{ width:20px } #footer-outer #copyright li .dribbble{ width:24px } #footer-outer #copyright li .google-plus{ width:20px } #footer-outer #copyright li .pinterest{ width:17px } #footer-outer #copyright li .rss{ width:18px } #footer-outer #copyright li .vimeo{ width:20px; text-indent:-9999px } #footer-outer #copyright li .tumblr{ width:21px } #footer-outer #copyright li .youtube{ width:21px } #footer-outer #copyright li .linkedin{ width:19px } #footer-outer #copyright li .behance{ width:27px; text-indent:-9999px } #footer-outer #copyright li .instagram{ width:20px } #footer-outer #copyright #social .icon-soundcloud{ font-size:26px } body #footer-outer i, body #header-secondary-outer #social i{ font-size:20px; width:auto; background-color:transparent } #footer-outer #copyright i.icon-be{ font-size:24px } #header-secondary-outer #social li .icon-be{ font-size:18px } /* Footer Reveal Effect */ body[data-footer-reveal="1"] #ajax-content-wrap, body[data-footer-reveal="1"] #ajax-content-wrap > .blurred-wrap { overflow: hidden; } body[data-footer-reveal="1"] #footer-outer { position:fixed; bottom:0; width:100%; z-index:1; } body[data-footer-reveal="1"] .container-wrap{ margin-bottom:280px } body[data-footer-reveal="1"][data-footer-reveal-shadow="small"] .container-wrap{ box-shadow:0 5px 8px -3px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 8px -3px rgba(0,0,0,0.2); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large"] .container-wrap{ box-shadow:0 27px 25px -2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] .container-wrap{ box-shadow: 0 70px 110px -30px rgba(0,0,0,1); -webkit-box-shadow: 0 70px 110px -30px rgba(0,0,0,1); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] #footer-outer .row{ padding:80px 0 } body .container-wrap.no-shadow, body[data-footer-reveal="1"][data-footer-reveal-shadow] .container-wrap.no-shadow{ box-shadow:none } body[data-footer-reveal="1"] #call-to-action .triangle{ display:none } @media only screen and (min-width:1000px){ #footer-widgets[data-cols="5"] .container .row >div{ width:19.5% } #footer-widgets[data-cols="5"] .container .row >div:first-child{ width:35% } } #footer-outer .col { z-index: 10; min-height: 1px; } #footer-outer[data-cols="1"] .col { text-align: center; } #footer-outer[data-cols="1"] #footer-widgets .container .col { width: 100%; } #footer-outer[data-cols="1"] #footer-widgets .span_12 > div:last-child { margin-bottom: 0; } #footer-outer[data-cols="1"] #copyright .col, #footer-outer[data-cols="1"] #copyright .col ul, #footer-outer #copyright[data-layout="centered"] .col, #footer-outer #copyright[data-layout="centered"] .col ul { width: 100%; float: none; } #footer-outer #copyright[data-layout="centered"] .col .social li { margin-top: 25px; } #footer-outer[data-cols="1"] #copyright #social li a { display: block; height: 50px; width: 50px; } #footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a { height: 30px; width: 30px; line-height: 30px; } #footer-outer[data-cols="1"] #copyright li a i { -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); font-size: 20px; height: 50px; width: 50px; line-height: 48px; } #footer-outer[data-cols="1"] #copyright li a:hover i { border-color: #fff; color: #fff; } #footer-outer[data-cols="1"] #copyright .col ul li { margin-bottom: 25px; } #footer-outer[data-cols="1"] #copyright, #footer-outer #copyright[data-layout="centered"] { padding: 45px 0; } #footer-outer[data-cols="1"] #copyright li, #footer-outer #copyright[data-layout="centered"] li, #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li { float: none; display: inline-block; margin: 0 10px; width: auto; } @media only screen and (min-width: 1000px) { #footer-outer #copyright[data-layout="centered"] .col.span_5 { max-width: 70%; margin: 0 auto; } } @media only screen and (max-width: 999px) { #footer-outer #copyright[data-layout="centered"] .col.span_5 { margin-bottom: 0; } } #footer-outer #copyright[data-layout="centered"] .widget, #footer-outer[data-cols="1"] #copyright .widget { margin-bottom: 0; } .ascend #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:first-child, .material #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:first-child { padding-top: 4px!important; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li, #footer-outer #copyright[data-layout="centered"] .widget_pages li, #footer-outer[data-cols="1"] #copyright .widget_pages li { vertical-align: top; text-align: left; margin: 0 15px; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li ul, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li ul, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li ul, #footer-outer #copyright[data-layout="centered"] .widget_pages li ul, #footer-outer[data-cols="1"] #copyright .widget_pages li ul { padding-left: 0; margin-left: 0; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li ul li, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li ul li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li ul li, #footer-outer #copyright[data-layout="centered"] .widget_pages li ul li, #footer-outer[data-cols="1"] #copyright .widget_pages li ul li { display: block; margin-left: 0; } #footer-outer #copyright[data-layout="centered"] .widget [data-style="minimal-counter"] > li::before, #footer-outer[data-cols="1"] #copyright .widget [data-style="minimal-counter"] > li::before, #footer-outer[data-cols="1"] #copyright .arrow-circle, #footer-outer #copyright[data-layout="centered"] .widget .arrow-circle, #footer-outer #copyright .widget_products img { display: none; } #footer-outer #copyright .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li, #footer-outer #copyright[data-layout="centered"] .widget_search, #footer-outer[data-cols="1"] #copyright .widget_search { margin: 20px 0; } #footer-outer #copyright[data-layout="centered"] .col { text-align: center; } #footer-outer[data-cols="1"] #copyright li a i:after { position: absolute; -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); pointer-events: none; display: block; content: ''; top: 0; left: 0; opacity: 0.2; border-radius: 50%; border: 2px solid #fff; height: 46px; width: 46px; } #footer-outer[data-cols="1"] #copyright li a:hover i:after { opacity: 1; } body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row { padding-top: 70px; padding-bottom: 40px; } #footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright { padding-bottom: 70px; } body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright, body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"] #copyright { padding-top: 70px; } body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] .row { padding-bottom: 0; } body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright { padding-top: 30px; } #footer-outer[data-cols="1"] #copyright[data-layout="centered"] .col .social li { margin-top: 0; } #footer-outer[data-using-bg-img="true"] { background-size: cover; background-position: center; } #footer-outer[data-using-bg-img="true"]:after { position: absolute; width: 100%; height: 100%; content:''; left:0; top:0; background-color: inherit; opacity: 0.9; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0"]:after, #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.0"]:after { opacity: 0; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.1"]:after { opacity: 0.1; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.2"]:after { opacity: 0.2; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.3"]:after { opacity: 0.3; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.4"]:after { opacity: 0.4; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.5"]:after { opacity: 0.5; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.6"]:after { opacity: 0.6; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.7"]:after { opacity: 0.7; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.8"]:after { opacity: 0.8; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.9"]:after { opacity: 0.9; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="1"]:after { opacity: 1; } /*-------------------------------------------------------------------------*/ /* 14. To Top Button /*-------------------------------------------------------------------------*/ #to-top{ display:block; position:fixed; text-align:center; line-height:12px; right:17px; bottom:-30px; color:#fff; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; z-index:9994; height:29px; width:29px; background-color:rgba(0,0,0,0.25); background-repeat:no-repeat; background-position:center; transition:background-color 0.1s linear; -webkit-transition:background-color 0.1s linear; } body[data-button-style*="rounded"] #to-top{ transition:box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.1s linear; -webkit-transition:-webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.1s linear; background-color:rgba(0,0,0,0.25) } body[data-button-style*="rounded"] #to-top:hover, body[data-button-style*="rounded"] #to-top.dark:hover{ transition:box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.05s linear 0.25s; -webkit-transition:-webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1),background-color 0.05s linear 0.25s; box-shadow:1px 2px 3px rgba(0,0,0,0.16); background-color:transparent!important } body[data-button-style*="rounded"] #to-top:after, body[data-button-style*="rounded"] #to-top:before{ display:block; content:' '; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; background-color:#000; transform:scale(0); -webkit-transform:scale(0); transition:all 0.3s cubic-bezier(.55,0,.1,1); -webkit-transition:all 0.3s cubic-bezier(.55,0,.1,1); border-radius:100px; -webkit-border-radius:100px } body[data-button-style*="rounded"] #to-top:before{ background-color:rgba(255,255,255,0.25); transform:scale(1); -webkit-transform:scale(1); transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1); -webkit-transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1); opacity:0; z-index:2 } body[data-button-style*="rounded"] #to-top:hover:after{ transform:scale(1); -webkit-transform:scale(1); } body[data-button-style*="rounded"] #to-top{ overflow:hidden } body[data-button-style*="rounded"] #to-top i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top i.fa-angle-up{ -webkit-transform:translate(0,0px); transform:translate(0,0px); transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; } body[data-button-style*="rounded"] #to-top:hover i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top:hover i.fa-angle-up, body[data-button-style*="rounded"] #to-top.hovered i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top.hovered i.fa-angle-up{ -webkit-transform:translate(0,-29px); transform:translate(0,-29px) } body[data-button-style*="rounded"] #to-top:active:before{ opacity:1 } #to-top i{ line-height:29px; width:29px; height:29px; font-size:14px; top:0; left:0; text-align:center; position:relative; z-index:10; background-color:transparent } #to-top:hover, #to-top.dark:hover{ background-color:#000 } #to-top.dark{ background-color:rgba(0,0,0,0.87) } /*-------------------------------------------------------------------------*/ /* 15. Off Canvas / Mobile Menu /*-------------------------------------------------------------------------*/ /* Fullscreen style - See css/off-canvas/fullscreen.css */ /* Simple Dropdown - See css/off-canvas/simple-dropdown.css */ /* Slide Out Right Hover - See css/off-canvas/slide-out-right-hover.css */ #slide-out-widget-area.slide-out-from-right{ position:fixed; transform:translate(301px,0px); -webkit-transform:translate(301px,0px); -ms-transform:translate(301px,0px); top:0; right:0; width:300px; height:100%; z-index:10000; padding:33px; overflow:hidden } #slide-out-widget-area .inner .off-canvas-menu-container li a{ font-size:20px; line-height:30px; font-family:'Open Sans'; font-weight:700; } #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small{ opacity:0.7; transition:opacity 0.2s ease, color 0.2s ease; -webkit-transition:opacity 0.2s ease, color 0.2s ease; } #slide-out-widget-area.fullscreen .inner li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .inner .current_page_ancestor >a, #slide-out-widget-area .inner .current-menu-item >a, #slide-out-widget-area .inner .current-menu-ancestor >a, #slide-out-widget-area .inner .current_page_item >a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus, #slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li >a.hovered{ opacity:1 } #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li { position: relative; } #slide-out-widget-area .ocm-dropdown-arrow { transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1); position: absolute; right: -6px; top: 10px; transform: translateY(-50%); cursor: pointer; height: 28px; width: 28px; line-height: 0; } #slide-out-widget-area .ocm-dropdown-arrow i { font-size: 18px; height: 28px; width: 28px; line-height: 28px; top:0 ; } #slide-out-widget-area .open-submenu > .ocm-dropdown-arrow { transform: translateY(-50%) rotate(180deg); } .admin-bar #slide-out-widget-area{ padding-top:33px } .admin-bar #slide-out-widget-area.slide-out-from-right{ padding-top:53px } #slide-out-widget-area .secondary-header-text { margin-bottom: 35px; border-radius: 6px; background-color: rgba(0,0,0,0.1); padding: 10px 15px; } body #slide-out-widget-area .secondary-header-text { line-height: 1.4em; } #slide-out-widget-area.mobile, #slide-out-widget-area.slide-out-from-right-hover.mobile { overflow-y:scroll; overflow-x:hidden; } #slide-out-widget-area-bg{ -webkit-backface-visibility:hidden; background-color:rgba(0,0,0,0.8); position:fixed; height:1px; width:1px; opacity:0; left:0; top:0; z-index:9996 } #slide-out-widget-area-bg .bg-inner{ width:100%; height:100%; background-color:rgba(0,0,0,0.8) } #slide-out-widget-area .bottom-text{ padding-bottom:0; font-size:12px } #slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li{ display:inline-block; padding:0 6px 6px 0 } #slide-out-widget-area .off-canvas-social-links li i{ background-color:transparent; font-size:18px; line-height:22px } body:not(.material) #slide-out-widget-area .off-canvas-social-links li a, .material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a { padding: 0 8px; } #header-outer #mobile-menu .off-canvas-social-links li:first-child a, #slide-out-widget-area .off-canvas-social-links li:first-child a { padding-left: 0; } .blurred-wrap{ transition:filter 0.45s linear; -webkit-transition:-webkit-filter 0.45s linear; } .blurred-wrap.blurred{ -webkit-filter:blur(5px); -moz-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px) } .msie .blurred-wrap.blurred{ -ms-filter:none; filter:none } #slide-out-widget-area .widget h4{ margin-bottom:8px } #slide-out-widget-area .inner >div{ margin-bottom:25px } #slide-out-widget-area .inner >div:first-of-type{ margin-top:-7px } #slide-out-widget-area .inner{ width:100%; height:100% } #slide-out-widget-area a, #slide-out-widget-area, #slide-out-widget-area h4, #slide-out-widget-area h3{ color:#fff } body.material #slide-out-widget-area.slide-out-from-right .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover { color:#fff } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{ position:absolute; right:22px; top:22px } body[data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close{ top:47px } body[data-full-width-header="false"].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close, body[data-full-width-header="false"].original #slide-out-widget-area.slide-out-from-right .slide_out_area_close { z-index: 100; } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{ display:block; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; font-family:'Open Sans'; font-weight:400 } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{ backface-visibility:hidden; -webkit-backface-visibility:hidden; width:34px; height:34px; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; color:#ddd; font-size:18px; max-width:none; line-height:32px } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^="icon-"]{ transform:rotate(90deg); -webkit-transform:rotate(90deg) } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover{ border-color:rgba(255,255,255,0.7) } body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{ -webkit-backface-visibility:hidden; color:#fff; font-size:18px; height:34px; left:-2px; line-height:32px; max-width:none; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; width:34px } body[data-full-width-header="true"] .slide_out_area_close{ display:none } #top nav ul .slide-out-widget-area-toggle a .lines, #top nav ul .slide-out-widget-area-toggle a .lines:before, #top nav ul .slide-out-widget-area-toggle a .lines:after{ background-color:rgba(0,0,0,0.4) } body .lines-button { line-height:0; font-size:0; } .lines-button{ transition:.3s; cursor:pointer; top:9px; position:relative; user-select:none; display:block } .lines-button:hover{ opacity:1 } .lines{ display:block; width:1.4rem; height:3px; background-color:#ecf0f1; transition:0.3s; position:relative } .lines:before, .lines:after{ display:block; width:1.4rem; height:3px; background:#ecf0f1; transition:0.3s; position:absolute; left:0; content:''; -webkit-transform-origin:0.142rem center; transform-origin:0.142rem center } .lines:before{ top:6px } .lines:after{ top:-6px } .lines-button.close{ -webkit-transform:scale3d(0.8,0.8,0.8); transform:scale3d(0.8,0.8,0.8) } .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after{ top:0; width:1.11111rem } #header-outer.transparent #top nav ul .slide-out-widget-area-toggle a .lines-button .lines, #header-outer #top nav ul .slide-out-widget-area-toggle a .lines-button .lines, #header-outer.transparent.dark-slide >#top nav ul .slide-out-widget-area-toggle a .lines-button i, #footer-outer[data-using-bg-img="true"] #copyright { background-color:transparent!important } .slide-out-widget-area-toggle .lines-button.close .lines:before{ -webkit-transform:translateY(-6px) rotateZ(-45deg); -ms-transform:translateY(-6px) rotateZ(-45deg); transform:translateY(-6px) rotateZ(-45deg) } .slide-out-widget-area-toggle .lines-button.close .lines:after{ -webkit-transform:translateY(6px) rotateZ(45deg); -ms-transform:translateY(6px) rotateZ(45deg); transform:translateY(6px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button:after{ background-color:rgba(0,0,0,0.4); display:inline-block; width:1.4rem; height:2px; transition:transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear; -webkit-transition:-webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease; position:absolute; left:0; top:0; content:''; transform:scale(1,1); -webkit-transform:scale(1,1) } .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button:after { background-color:#999 } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle.mobile-icon .lines:before{ top:6px } body #header-outer .lines-button{ top:9px } body.original .slide-out-hover-icon-effect.small .lines-button, body.ascend .slide-out-hover-icon-effect.small .lines-button { top: 10px; } body.ascend:not(.mobile) .slide-out-hover-icon-effect:not(.small) .lines-button { top: -1px; } body.original #header-outer[data-has-menu="true"] .lines-button, body.ascend #header-outer[data-has-menu="true"] .lines-button{ top:10px } .slide-out-widget-area-toggle.mobile-icon .lines-button:after{ top:0!important } #header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:before{ -webkit-transform:translateY(-6px) rotateZ(-45deg); transform:translateY(-6px) rotateZ(-45deg) } #header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:after{ -webkit-transform:translateY(6px) rotateZ(45deg); transform:translateY(6px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button.x2 .lines:before, .slide-out-widget-area-toggle .lines-button.x2 .lines:after{ transition:-webkit-transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease; transition:transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease } .slide-out-widget-area-toggle.mobile-icon .lines{ background-color:transparent } .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines:after { height:2px!important; width:22px!important } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) > span { height: auto; } body[data-header-search="false"].material #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) > span { height: 22px; } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button:after{ height:3px; top:0; width:2rem; border-radius:2px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{ height:3px; width:2rem; border-radius:2px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before{ top:9px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .close .lines:before{ top:10px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button.close .lines:before{ -webkit-transform:translateY(-9px) rotateZ(-45deg); -ms-transform:translateY(-9px) rotateZ(-45deg); transform:translateY(-9px) rotateZ(-45deg) } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button.close .lines:after{ -webkit-transform:translateY(10px) rotateZ(45deg); -ms-transform:translateY(10px) rotateZ(45deg); transform:translateY(10px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button.close:after{ transform:scale(0,1); -webkit-transform:scale(0,1) } .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after{ -webkit-transform:none; transform:none; top:0; width:1.4rem } .lines-button.x.close .lines{ background:transparent!important } .lines-button.x.close .lines:before, .lines-button.x.close .lines:after{ -webkit-transform-origin:50% 50%; transform-origin:50% 50%; top:0; width:1.4rem } .lines-button.x2 .lines{ transition:background 0.2s ease,opacity 0.2s ease } .lines-button.x2 .lines:before, .lines-button.x2 .lines:after{ -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.4s 0.45s ease,-webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease; transition:top 0.4s 0.45s ease,transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease } .slide-out-widget-area-toggle a >span{ transition:-webkit-transform 0.33s 0.3s ease-in; transition:transform 0.33s 0.3s ease-in; -webkit-transform-origin:center; transform-origin:center; display:block; height:21px } .slide-out-widget-area-toggle.mobile-icon a >span{ height:20px } .slide-out-widget-area-toggle .closed >span{ transition:-webkit-transform 0.33s 0s ease; transition:transform 0.33s 0s ease } #slide-out-widget-area .menuwrapper{ position:relative; -webkit-perspective:1000px; perspective:1000px; -webkit-perspective-origin:center; perspective-origin:center; margin-right:0; display:block } #slide-out-widget-area .menuwrapper button{ background:#ccc; border:none; width:48px; height:45px; text-indent:-900em; overflow:hidden; position:relative; cursor:pointer; outline:none } #slide-out-widget-area .menuwrapper button:after{ content:''; position:absolute; width:68%; height:5px; background:#fff; top:10px; left:16%; box-shadow:0 10px 0 #fff,0 20px 0 #fff } #slide-out-widget-area .menuwrapper ul{ padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d } #slide-out-widget-area .menuwrapper li{ position:relative } #slide-out-widget-area .menuwrapper li small{ display:inline-block; text-transform:uppercase; font-size:15px; font-family:'Open Sans'; font-weight:600; letter-spacing:2px; position:relative; top:-4px; opacity:0.6 } #slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{ font-size:10px; display:block; font-family:'Open Sans'; font-weight:700 } #slide-out-widget-area .no-touch .menuwrapper li a:hover{ background:rgba(255,248,213,0.1) } #slide-out-widget-area .menuwrapper .back >a{ background:rgba(0,0,0,0.13) } #slide-out-widget-area:not(.fullscreen) .menuwrapper .back >a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container .back > a { padding-left:10px; padding-right:10px; margin-left:-10px } body #slide-out-widget-area .menuwrapper .back, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >.back{ display:inline-block; margin-bottom:20px!important } #slide-out-widget-area .menuwrapper .menu{ margin:0; position:relative; width:100%; opacity:0; pointer-events:none; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden } #slide-out-widget-area .menuwrapper .menu.menu-toggle{ transition:all 0.25s ease } #slide-out-widget-area .menuwrapper .menu.menuopen{ opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px) } /* Hide the inner submenus */ body #slide-out-widget-area .menuwrapper li .sub-menu{ display:none; } body #slide-out-widget-area .menuwrapper li .sub-menu, #slide-out-widget-area .menuwrapper >.sub-menu { margin:0!important; padding:0!important } body #slide-out-widget-area .menu.subview li, body #slide-out-widget-area .menu.subview .subviewopen >a, body #slide-out-widget-area .menu.subview .subview >a, body #slide-out-widget-area .menu.subview .subviewopen >small, body #slide-out-widget-area .menu.subview .subview >small, #slide-out-widget-area .mobile-only { display:none } body #slide-out-widget-area .menu.subview .subviewopen >a, body #slide-out-widget-area .menu.subview .subview >a { display: none!important; } body #slide-out-widget-area .menu.subview .subview, body #slide-out-widget-area .menu.subview .subview .sub-menu, body #slide-out-widget-area .menu.subview .subviewopen, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >li{ display:block } /* Dynamically added submenu outside of the menu context */ #slide-out-widget-area .menuwrapper >.sub-menu{ position:absolute; width:100%; top:0; left:0; } .menu.dl-animate-out-5{ -webkit-animation:MenuAnimOut5 0.4s ease-in-out; animation:MenuAnimOut5 0.4s ease-in-out } .menu.dl-animate-in-5{ -webkit-animation:MenuAnimIn5 0.4s ease-in-out; animation:MenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-5{ -webkit-animation:SubMenuAnimIn5 0.4s ease-in-out; animation:SubMenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-out-5{ -webkit-animation:SubMenuAnimOut5 0.4s ease-in-out; animation:SubMenuAnimOut5 0.4s ease-in-out } @-webkit-keyframes MenuAnimOut5{ 0%{ } 100%{ -webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0 } } @keyframes MenuAnimOut5{ 0%{ } 100%{ -webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0 } } @-webkit-keyframes MenuAnimIn5{ 0%{ -webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0 } 100%{ -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } } @keyframes MenuAnimIn5{ 0%{ -webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0 } 100%{ -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } } @-webkit-keyframes SubMenuAnimIn5{ 0%{ -webkit-transform:rotateY(25deg) translateX(300px); opacity:0 } 100%{ -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } } @keyframes SubMenuAnimIn5{ 0%{ -webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0 } 100%{ -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } } @-webkit-keyframes SubMenuAnimOut5{ 0%{ -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } 100%{ -webkit-transform:rotateY(25deg) translateX(300px); opacity:0 } } @keyframes SubMenuAnimOut5{ 0%{ -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } 100%{ -webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0 } } .menu.dl-animate-out-4{ -webkit-animation:MenuAnimOut4 0.4s ease-in-out; animation:MenuAnimOut4 0.4s ease-in-out } .menu.dl-animate-in-4{ -webkit-animation:MenuAnimIn4 0.4s ease-in-out; animation:MenuAnimIn4 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-4{ -webkit-animation:SubMenuAnimIn4 0.4s ease; animation:SubMenuAnimIn4 0.4s ease } .menuwrapper >.sub-menu.dl-animate-out-4{ -webkit-animation:SubMenuAnimOut4 0.4s ease; animation:SubMenuAnimOut4 0.4s ease } @-webkit-keyframes MenuAnimOut4{ 0%{ } 100%{ -webkit-transform:scale(1.2); opacity:0 } } @keyframes MenuAnimOut4{ 0%{ } 100%{ -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } @-webkit-keyframes MenuAnimIn4{ 0%{ -webkit-transform: scale(1.2); opacity:0 } 100%{ -webkit-transform:scale(1); opacity:1 } } @keyframes MenuAnimIn4{ 0%{ -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } 100%{ -webkit-transform: scale(1); transform: scale(1); opacity:1 } } @-webkit-keyframes SubMenuAnimIn4{ 0%{ -webkit-transform:scale(0.8); opacity:0 } 100%{ -webkit-transform:scale(1); opacity:1 } } @keyframes SubMenuAnimIn4{ 0%{ -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0 } 100%{ -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @-webkit-keyframes SubMenuAnimOut4{ 0%{ -webkit-transform:scale(1); opacity:1 } 100%{ -webkit-transform:scale(0.8); opacity:0 } } @keyframes SubMenuAnimOut4{ 0%{ -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100%{ -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0 } } #nectar-ocm-ht-line-check { position: absolute; visibility: hidden; pointer-events: none; width: 100%; font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; } #slide-out-widget-area.fullscreen-split[data-dropdown-func="default"] .off-canvas-menu-container li ul, .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul { position: relative; max-height: 0; box-sizing: content-box; -webkit-transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1); transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1); -ms-transform: none; -webkit-transform: none; transform: none; overflow: hidden; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul { padding-left: 20px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:first-child, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:first-child { margin-top: 10px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:last-child, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child { margin-bottom: 0; } .material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a { font-size: 16px; line-height: 22px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container .menu-item-has-children > a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container .menu-item-has-children > a{ margin-right: 20px; } body:not(.material) #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child { margin-bottom: 10px; } #footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span, #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{ display:block; line-height:17px; color:#999; font-size:11px; margin-bottom:6px } #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{ color:inherit } #slide-out-widget-area .widget_recent_entries span{ opacity:0.8 } #footer-outer #footer-widgets .col ul li{ padding:8px 0; list-style:none; margin-bottom:0; border-bottom:1px solid #444 } #footer-outer #footer-widgets .col ul li:last-child{ margin-bottom:0 } #footer-outer .widget.widget_nav_menu li a, #footer-outer #footer-widgets .col ul ul li:last-child{ border-bottom:0!important } #footer-outer #footer-widgets .col p{ padding-bottom:20px } #footer-outer #footer-widgets .col p:last-child{ padding-bottom:0 } /***************** Calendar Widget ******************/ .widget_calendar{ position:relative; } #sidebar .widget_calendar { margin-bottom: 30px; } .widget_calendar table{ width:100%; border-collapse:collapse } .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th{ text-align:center } .widget_calendar table tbody td{ border:0; padding:4px; font-size:14px; color:#666 } .widget_calendar table tbody tr td:first-child{ border-left:0 } .widget_calendar table tbody tr:nth-child(2n+1){ background-color:#f0f0f0 } #slide-out-widget-area .widget_calendar table tbody tr:nth-child(2n+1) { background-color: rgba(0,0,0,0.1); } .widget_calendar table th{ font-weight:700; border-bottom:0; text-align:center; padding-bottom:10px; color:#999 } .widget_calendar table #prev{ text-align:left; position:relative; padding:10px 0 0 0; z-index:2 } .widget_calendar table #next{ text-align:right; position:relative; padding:10px 0 0 0; z-index:2 } .widget_calendar caption{ width: 100%; text-align: center; color: #fff; padding: 5px; background-color: rgba(0,0,0,0.2); } .widget_calendar .wp-calendar-nav { display: table; width: 100%; } body .widget_calendar th, body:not(.woocommerce-cart) .main-content .widget_calendar th { text-align: center; } .widget_calendar .wp-calendar-nav span { display: table-cell; line-height: 1; padding: 2.5%; } .widget_calendar .wp-calendar-nav-prev{ text-align: left; } .widget_calendar .calendar_wrap .wp-calendar-nav-next{ text-align: right; } #footer-outer #footer-widgets .col .widget_calendar table tbody td{ border:0; color:#666; padding:8px; font-size:14px } #footer-outer #footer-widgets .col .widget_calendar table{ border-collapse:collapse } #footer-outer #footer-widgets .col .widget_calendar table tbody tr td:first-child{ border-left:0 } #footer-outer #footer-widgets .col .widget_calendar table tbody tr:nth-child(2n+1){ background-color:rgba(0,0,0,0.1) } #footer-outer #footer-widgets .col .widget_calendar table th{ border-bottom:0; padding-bottom:10px; font-weight:700; padding: 10px; color:#666 } #footer-outer #footer-widgets .col .widget_calendar table tfoot tr{ margin-top:20px } .widget_search .search-form, .newsletter-widget form{ position:relative; overflow:hidden } .widget_search .search-form input[type=text], #sidebar .widget_search .search-form input[type=text], #footer-outer #footer-widgets .widget_search .search-form input[type=text] { padding-right:45px; margin:0 } .newsletter-widget form input[type=email]{ padding-right:75px; margin:0 } .widget_search .search-form button[type=submit] .text, body.search-no-results .search-form button[type=submit] .text { display: none; } body .widget_search .search-form button[type=submit], body.search-no-results .search-form button[type=submit] { padding: 14px!important; } body .widget_search .search-form button[type=submit], .widget_search .search-form button[type=submit] .icon-salient-search, body.search-no-results .search-form button[type=submit], body.search-no-results .search-form button[type=submit] .icon-salient-search, body .widget_search .search-form button[type=submit]:hover, body.search-no-results .search-form button[type=submit]:hover, body.search-no-results #search-results .search-form button[type=submit]:hover { background-color: transparent!important; } body .widget_search .search-form button[type=submit], body.search-no-results #search-results .search-form button[type=submit] { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; } body .widget_search .search-form button[type=submit]:hover, body.search-no-results .search-form button[type=submit]:hover, body.search-no-results #search-results .search-form button[type=submit]:hover { -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: none!important; } body[data-form-style="minimal"] .widget_search .search-form button[type=submit], body[data-form-style="minimal"] .widget_search .search-form button[type=submit]:hover { top: auto; bottom: 0; -webkit-transform: none; transform: none; } body.search-no-results[data-form-style="minimal"] #search-results .search-form button[type=submit] { top: auto; bottom: 0; -webkit-transform: none; transform: none; } .widget_search .search-form button[type=submit] .icon-salient-search, body.search-no-results .search-form button[type=submit] .icon-salient-search { margin-top: 1px; display: block; font-size: 17px; } .widget_search .search-form button[type=submit] .icon-salient-search:before, body.search-no-results .search-form button[type=submit] .icon-salient-search:before { content: "\e906"; } .widget_search .search-form, body.search-no-results .search-form { overflow: visible; } .widget_search .search-form button[type=submit], .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit], body[data-form-style="minimal"] .main-content .post-password-form input[type=submit]{ position:absolute; right:0; top:0; margin:0!important; line-height:22px; padding:10px 11px } body[data-form-style="minimal"] .main-content .post-password-form input[type=submit]{ top:auto; bottom:35px } .main-content > .row > form.post-password-form { padding: 15% 0; } #footer-outer .widget_search .search-form input[type=submit], #footer-outer .newsletter-widget form input[type=submit]{ padding:10px 11px 11px 10px } #footer-outer #footer-widgets .col .tagcloud a{ background-color: rgba(0,0,0,0.1); color:#A0A0A0; cursor:pointer; display:inline-block; float:left; margin:3px 3px 0 0; padding:5px 7px; position:relative; font-size:8pt; text-transform:capitalize; transition:all 0.2s linear; border-radius:2px; line-height:22px; -webkit-border-radius:2px; } #footer-outer #footer-widgets .col .widget_tag_cloud:after{ display:block; height:0; clear:both; content:""; visibility:hidden } #slide-out-widget-area .tagcloud a{ padding:2px 11px; position: relative; border:1px solid #fff; background-color: transparent; margin:0 8px 8px 0; font-size:12px; display:block; float:left; text-transform:uppercase; transition:all 0.2s linear; -webkit-transition:all 0.2s linear } #slide-out-widget-area .tagcloud a:last-child:after, #slide-out-widget-area .tagcloud:after{ display:block; content:' '; clear:both; height:1px } #footer-outer #footer-widgets .col .tagcloud a:hover { background-color:#000; } #footer-outer #footer-widgets .col .widget_recent_comments ul li, #slide-out-widget-area .widget_recent_comments ul li{ background:none repeat scroll 0 0 rgba(0,0,0,0.15); border:medium none; display:block; margin-bottom:18px; padding:15px; position:relative } #footer-outer #footer-widgets .col .widget.widget_recent_comments ul li { padding:15px!important; } #slide-out-widget-area .widget_recent_comments ul li{ background:none repeat scroll 0 0 rgba(0,0,0,0.05) } #footer-outer #footer-widgets .col .widget_recent_comments ul li:last-child, #slide-out-widget-area .widget_recent_comments ul li:last-child{ margin-bottom:0 } #footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email]{ padding:10px; width:100% } body[data-form-style="minimal"] #footer-outer #footer-widgets .col input[type=text]{ color:#fff } body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=text]:focus, body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=email]:focus{ background-color:#fff } #footer-outer #footer-widgets .col input[type=submit]{ background-color:#000; opacity:0.9; transition:opacity 0.2s linear 0s; -webkit-transition:opacity 0.2s linear 0s; } #footer-outer #footer-widgets .col input[type=submit]:hover{ opacity:1 } #footer-outer #footer-widgets .col .search-form form, #footer-outer #footer-widgets .col .search-form label, #footer-outer #footer-widgets .col .newsletter-widget form, #footer-outer #footer-widgets .col .search-form{ line-height:12px } #footer-outer .recent_projects_widget img{ background-color:#444; border-color:#4d4d4d } #footer-outer .recent_projects_widget a:hover img{ border-color:#616161; background-color:#616161 } #footer-outer #footer-widgets .col ul li:first-child >a, #footer-outer #footer-widgets .col ul li:first-child { padding-top:0!important } #footer-outer #footer-widgets .rsswidget img{ margin-bottom:-2px; margin-right:2px } /***************** Call to action ******************/ #call-to-action{ font-family:'Open Sans'; font-weight:300; position:relative; z-index:10; background-color:#eeedec; text-align:center; vertical-align:bottom; font-size:22px } #boxed #call-to-action .container, #call-to-action .container, #footer-outer[data-full-width="1"] #call-to-action .container{ padding:42px 0 36px 0 } #call-to-action .container span{ display:inline-block } #call-to-action .container a{ background:none repeat scroll 0 0 #000; position:relative; top:-3px; color:#FFF; margin-bottom:0; font-size:12px; box-shadow:0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 -3px rgba(0,0,0,0.1) inset; text-transform:uppercase; font-family:'Open Sans'; font-weight:700; letter-spacing:2px; margin-left:20px; line-height:24px; display:inline-block; border-radius:5px 5px 5px 5px; padding:16px 21px } #call-to-action .triangle{ border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #f8f8f8; height:10px; width:10px; left:440px; margin:-42px auto 33px auto } #call-to-action a{ color:#45484a; opacity:1; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; } #call-to-action a:hover{ opacity:0.75 } #call-to-action span{ color:#4b4f52; font-family:'Open Sans'; font-weight:600 } /*-------------------------------------------------------------------------*/ /* 16. Sidebar Styles /*-------------------------------------------------------------------------*/ #sidebar div ul{ margin-left:0 } #sidebar div ul li{ padding:8px 0; list-style:none; border-bottom:1px solid #e6e6e6 } #sidebar >div{ margin-bottom:50px } #sidebar >div:last-child{ margin-bottom:0 } #sidebar #sidebar-inner{ margin-bottom:0 } #sidebar h4{ color:#000; opacity: 0.7; font-family:'Open Sans'; font-weight:600; font-size:14px; margin-bottom:15px; } #sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4{ margin-bottom:16px } #sidebar .widget li:first-child{ padding-top:0 } #sidebar .widget .recentcomments, .original #sidebar .widget .recentcomments, .ascend #sidebar .widget .recentcomments { padding:15px; margin-bottom:22px; border:none; position:relative; display:block; background:none repeat scroll 0 0 rgba(0,0,0,0.02) } .widget .tagcloud a, #sidebar .widget .tagcloud a, .post-area .content-inner > .post-tags a { background-color:#333; color:#FFF; cursor:pointer; display:inline-block; line-height:22px; margin:3px 3px 0 0; padding:5px 7px; font-size: 14px!important; position:relative; text-transform:capitalize; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border-radius:2px; -webkit-border-radius:2px; } .single #ajax-content-wrap .post-area .content-inner > .post-tags a { font-size: 14px!important; text-transform:capitalize; } #sidebar .widget_tag_cloud:after{ display:block; height:0; clear:both; content:""; visibility:hidden } #sidebar .widget .tagcloud a:hover, .post-tags a:hover{ background-color:#000 } #sidebar .widget input[type=text], #sidebar .widget input[type=email]{ padding:10px; width:100% } #sidebar .widget form p{ padding-bottom:15px } #sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul{ margin:0!important; padding:0 0 0 20px } #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li{ border-bottom:0!important; padding:0!important } #sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a{ padding:8px 0; display:block; border-bottom:1px solid #E6E6E6 } #sidebar .widget.widget_categories li { position: relative; } #sidebar .widget.widget_categories li .post_count { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0,0,0,0.05); padding: 5px 8px; border-radius: 100px; font-size: 11px; line-height: 11px; display: inline-block; } #sidebar .widget.widget_categories >ul >li:first-child >a, #sidebar .widget.widget_pages >ul >li:first-child >a, #sidebar .widget.widget_nav_menu >ul >li:first-child >a{ padding-top:0 } #sidebar.left-sidebar{ float:left } .post-area.col_last{ float:right } #sidebar > .widget_media_image { text-align: center; } #sidebar .recent_projects_widget img, #footer-outer .recent_projects_widget img { margin-bottom:0; } .recent_projects_widget img, #sidebar #flickr img, #footer-outer #flickr img{ margin-bottom:0; display:block; padding:5px; background-color:#fff; margin-top:0; margin-left:0; border:1px solid #e5e5e5; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .recent_projects_widget a:hover img, #sidebar #flickr a:hover img, #footer-outer #flickr a:hover img{ border-color:#000 } .recent_projects_widget div a, #sidebar #flickr div a, #footer-outer #flickr div a{ float:left; margin:2% 2% 0 0; width:32% } .recent_projects_widget div a:nth-child(3n+3), #sidebar #flickr div:nth-child(3n+3) a, #footer-outer #flickr div:nth-child(3n+3) a{ margin-right:0 } #slide-out-widget-area .recent_projects_widget img{ height:auto; width:100% } #sidebar select{ max-width:100% } .recent_projects_widget >div:after{ clear:both; content:''; display:block } .widget_pages ul ul{ margin-top:20px; margin-bottom:30px; margin-left:20px!important } /*-------------------------------------------------------------------------*/ /* 17. Comment Styles /*-------------------------------------------------------------------------*/ body #respond{ background-color:transparent; box-shadow:none; padding:0 } #respond >p, #respond .comment-notes, p.logged-in-as{ margin-bottom:10px } p.logged-in-as{ padding-bottom:0 } body .comment-list{ margin-bottom:40px; margin-left:0 } .comment-list li{ list-style:none } .comment-list .comment >div, .comment-list .pingback >div{ background-color:#fff; margin:0; overflow:hidden; padding:25px; margin-top:2em; position:relative; padding-left:116px; box-shadow:0 1px 2px rgba(0,0,0,0.17); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.17) } .comment-list .children{ margin-left:0; padding-left:40px; border-left:1px solid #ddd; } body:not(.material) .comment-list .children{ margin-left:0; padding-left:40px; border-left:1px solid #ddd; background-repeat:no-repeat; background-position:left 20px; background-image:url(../img/icons/comment-children-line.jpg) } .comment-list .comment >div img.avatar, .comment-list .pingback >div img.avatar{ position:absolute; left:29px; top:29px; width:60px; height:60px } .comment-list .reply{ position:absolute; top:29px; right:29px } .comment-list .reply a{ box-shadow:0 1px 0 rgba(255,255,255,0.3) inset; color:#FFF; cursor:pointer; padding:3px 7px; font-size:11px; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; width:auto; border-radius:2px; -webkit-border-radius:2px; background-color:#333 } .comment-list .comment-author, .comment-list .pingback .comment-body > a { color:#333; font-family:'Open Sans'; font-weight:600; font-size: 16px; line-height: 30px; } .comment-list .pingback .comment-body > a { display: block; } body.material .comment-list .pingback .comment-body, body.ascend .comment-list .pingback .comment-body { padding-left: 0; } body.original .comment-list .pingback .comment-body { padding-left: 25px; } .comment-list .comment-meta{ font-size:11px; line-height:15px } .comment-list .comment-meta a{ color:#888 } .comment-list .comment-meta a:hover{ color:#000 } .comment-list .reply a:hover{ background-color:#000 } .comment-list .comment >div p, .comment-list .pingback >div p{ padding-bottom:0; margin-top:10px } .comment-list .comment #commentform .form-submit { margin-top: 0; } #respond h3 .cancel-comment-reply, #respond #cancel-comment-reply-link{ display:inline-block; margin-left:10px; padding-left:10px; position:relative; border-left:1px solid #ddd } #respond h3, h3#comments{ font-family:'Open Sans'; font-weight:600; text-transform:none; } .comment-author a{ color:inherit } body.original .bypostauthor .comment-body { position: relative; } body.original .bypostauthor .comment-body:before { opacity: 0.06; position: absolute; width: 100%; height: 100%; content: ''; display: block; top: 0; left: 0; } body:not(.original) .bypostauthor > .comment-body > .comment-author > img.avatar { border: 3px solid #000; padding: 3px; } body.material .comment-list .comment .bypostauthor > .comment-body > .comment-author > img.avatar { border: 2px solid #000; padding: 2px; } /*-------------------------------------------------------------------------*/ /* 18. General Form Styles /*-------------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea { padding:10px; width:100%; font-size:14px; font-family: inherit; line-height:24px; color:#555; background-color:#f1f1f1; border: none; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } input:focus, select:focus, textarea:focus { outline: 0; } .original[data-form-style="default"] input[type=text]:focus, .original[data-form-style="default"] textarea:focus, .original[data-form-style="default"] input[type=email]:focus, .original[data-form-style="default"] input[type=search]:focus, .original[data-form-style="default"] input[type=password]:focus, .original[data-form-style="default"] input[type=tel]:focus, .original[data-form-style="default"] input[type=url]:focus, .original[data-form-style="default"] input[type=date]:focus{ background-color:#ebebeb } input[type=submit], button[type=submit], input[type="button"]{ background-color:#333; padding:7px 11px; border:none; color:#fff; cursor:pointer; transition:all 0.45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all 0.45s cubic-bezier(0.25,1,0.33,1); width:auto; font-family:'Open Sans'; font-weight: 600; font-size:14px; border-radius:2px; -webkit-border-radius:2px; } input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover{ background-color:#000 } body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn) { padding:15px 22px!important } body[data-form-submit="regular"] input[type=submit]:hover, body[data-form-submit="regular"] button[type=submit]:hover{ opacity:0.85 } body[data-form-submit="see-through"] input[type=submit], body[data-form-submit="see-through"] button[type=submit]:not(.search-widget-btn), body[data-form-submit="see-through"] .woocommerce #order_review #payment #place_order { background-color:transparent!important; border:2px solid #000!important } select{ padding:10px; width:100%; border: none; font-family:'Open Sans'; font-weight:400; font-size:12px; line-height:22px; color:#555; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.16); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.16); transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } textarea{ max-width:100% } /* Minimal Form Style */ body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date] { background-color: rgba(0,0,0,0.035); box-shadow:none; -webkit-box-shadow:none; border:none; position:relative; margin:0; font-size:14px; border-bottom: 2px solid #e0e0e0; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; border-radius: 0; } body[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"], body[data-form-style="minimal"] .container-wrap .span_12.light textarea, body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=password], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=url], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=search], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=date]{ color:#fff; border-top: 0; border-left: 0; border-right: 0; background-color: rgba(255,255,255,0.04); box-shadow: none; border-bottom: 2px solid transparent; } body[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light textarea:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type=password]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type=url]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type=search]:focus, body[data-form-style="minimal"] .container-wrap .span_12.light input[type=date]:focus { border-top: 0; border-left: 0; border-right: 0; border-color: #fff; } body[data-form-style="minimal"] textarea, body[data-form-style="minimal"].woocommerce #review_form #respond textarea{ padding: 20px; } body[data-form-style="minimal"] .widget_search .search-form .search-submit{ top:30px } /* Fancy Selects */ body[data-fancy-form-rcs="1"] .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; padding: 4px; } body[data-fancy-form-rcs="1"] .select2-container .select2-choice, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single { height: auto; background-color:transparent; border-color:#e0e0e0; padding-top:5px; padding-bottom:5px; -webkit-transition:background-color 0.15s cubic-bezier(.39,.71,.56,.98),color 0.15s cubic-bezier(.39,.71,.56,.98); transition:background-color 0.15s cubic-bezier(.39,.71,.56,.98),color 0.15s cubic-bezier(.39,.71,.56,.98) } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover .select2-arrow b:after{ -webkit-transition:border-color 0.15s cubic-bezier(.39,.71,.56,.98); transition:border-color 0.15s cubic-bezier(.39,.71,.56,.98) } body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-dropdown{ border:none; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,0.2) } body[data-fancy-form-rcs="1"] .select2-container, body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-search, .select2-search input{ font-size:14px } body[data-fancy-form-rcs="1"] .select2-container:not(.select2-dropdown-open) .select2-choice:hover .select2-arrow b:after, body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b, body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection__arrow b { border-top-color:#fff } body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice .select2-arrow b:after, body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b, body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color:#fff } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; width: 30px; top: 0; } body[data-fancy-form-rcs="1"] .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 30px; } body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option[aria-selected=true], body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f0f0!important; } body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-above .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-below .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop .select2-search input[type="text"]{ padding:0 4px!important; margin-top:7px!important } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover, body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover >.select2-chosen, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice >.select2-chosen{ color:#fff!important; box-shadow:none; -webkit-box-shadow:none } body[data-fancy-form-rcs="1"].admin-bar .select2-drop.select2-drop-above.select2-drop-active{ margin-top:-33px } .select2-container .select2-choice>.select2-chosen{ color:#000!important; line-height:30px; padding-left:3px } body[data-fancy-form-rcs="1"] .fancy-select-wrap{ padding-top:12px } body[data-fancy-form-rcs="1"] .fancy-select-wrap label{ padding-bottom:0; font-size:12px; display:inline-block; color:#acacac!important } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single .select2-selection__rendered, body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #444!important; } body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__rendered, body[data-fancy-form-rcs="1"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, body[data-form-submit="see-through"] input[type=submit]:hover, body[data-form-submit="see-through"] button[type=submit]:not(.search-widget-btn):hover, .nectar_icon_wrap[data-style="shadow-bg"]:not([data-color="white"]) .nectar_icon i { color: #fff!important; } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single:hover .select2-selection__placeholder { color: #fff; } div.wpforms-container-full .wpforms-form .select2-container { position: relative; } .widget_text textarea{ max-height:100px } /* Gravity Forms */ body .gform_wrapper .description, body .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction{ font-size:12px } body .gform_wrapper div.charleft{ font-size:10px } body .gform_wrapper .top_label .gfield_label { margin-top:20px; margin-bottom:6px; font-family:'Open Sans'; font-weight:700 } /* Contact Form 7 */ .wpcf7-form p span{ color:#000 } div.wpcf7-validation-errors, .light .wpcf7 div.wpcf7-response-output{ color:#666!important } div.wpcf7 img.ajax-loader{ margin-top:10px; display:inline-block } .wpcf7-not-valid-tip{ background:none repeat scroll 0 0 #fff } .minimal-form-input .wpcf7-not-valid-tip{ position:absolute; top:100% } .wpcf7-form .wpcf7-not-valid-tip{ top:-3px; padding:2px 6px; border:0; box-shadow:0 4px 9px rgba(0,0,0,0.07); -webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.07); } .wpb_column.centered-text .wpcf7-form .wpcf7-not-valid-tip { text-align: left; } .wpcf7 .wpcf7-response-output{ background-color:#fff; margin-left:0; margin-top:10px } .wpcf7-form .nectar-wpcf7-inline-form { display: flex; flex-direction: row; padding: 27px 0; } .material .wpcf7-form .nectar-wpcf7-inline-form { padding: 1.5em 0; } .wpcf7-form .nectar-wpcf7-inline-form > div:last-child { padding-right: 0; } .wpcf7-form .nectar-wpcf7-inline-form .nectar-wpcf7-inline-field { flex-grow: 1; padding-right: 30px; display: flex; align-items: center; } .wpcf7-form .nectar-wpcf7-inline-form .ajax-loader { align-self: center; margin-left: 10px; } .wpcf7-form .nectar-wpcf7-inline-form .nectar-wpcf7-inline-field input { width: 100%; } .wpcf7-form .nectar-wpcf7-inline-form .nectar-wpcf7-inline-field > *:not(.ajax-loader) { width: 100%; } @media only screen and (max-width: 1000px) { .wpcf7-form .nectar-wpcf7-inline-form.mobile-1-col, .wpcf7-form .nectar-wpcf7-inline-form.mobile-2-col { flex-wrap: wrap; padding-bottom: 0; } .wpcf7-form .nectar-wpcf7-inline-form.mobile-2-col .nectar-wpcf7-inline-field { width: 50%; padding-bottom: 1.5em; } .wpcf7-form .nectar-wpcf7-inline-form.mobile-1-col .nectar-wpcf7-inline-field { width: 100%; padding-bottom: 1.5em; } } /* table styling */ body:not(.woocommerce-cart) .main-content table{ margin:0 0 20px; padding:0; width:100%; border-collapse:collapse; border-spacing:0; background-color:#fff; border-top:1px solid #ececec } body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child{ border-left-style:solid; border-left-width:1px; border-color:#ececec } body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child{ border-left-style:solid; border-left-width:1px } body:not(.woocommerce-cart) .main-content th{ border-left:medium none; border-style:none solid solid none; border-top:medium none; border-width:medium 1px 1px medium; font-weight:bold; padding:10px; text-align:left; border-color:#ececec } body:not(.woocommerce-cart) .main-content td{ border-color:#ececec; border-left:none; border-style:none solid solid none; border-top:medium none; border-width:medium 1px 1px medium; font-size: 14px; padding:10px } body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1){ background-color:#fcfcfc } /******** Keyframe animations ********/ @keyframes fadebottom{ 0%{ opacity:1; transform:translateY(0px); } 25%{ opacity:0; transform:translateY(20px); } 30%{ opacity:0; transform:translateY(0px); } 45%{ opacity:1; transform:translateY(0px); } 100%{ opacity:1; transform:translateY(0px); } } @-webkit-keyframes fadebottom{ 0%{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px) } 25%{ opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px) } 30%{ opacity:0; transform:translateY(0px); -webkit-transform:translateY(0px) } 45%{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px) } 100%{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px) } } /*-------------------------------------------------------------------------*/ /* 19. Page Builder Full Width Calcs /*-------------------------------------------------------------------------*/ /* Full width row BGs */ body .full-width-section, body .full-width-content { visibility: visible; } .portfolio-filters-inline.full-width-section:not(.non-fw), .portfolio-filters-inline.full-width-content, .post-area.full-width-content.standard-minimal, body[data-col-gap] .vc_row-fluid .span_12.post-area.full-width-content.standard-minimal, .full-width-content.blog-fullwidth-wrap, .wpb_row.full-width-content, .full-width-content.nectar-shop-outer, .page-submenu > .full-width-section, .page-submenu .full-width-content, .wpb_row.full-width-section .mobile-video-image, body .full-width-section .row-bg-wrap, body .full-width-section .nectar-parallax-scene, body .full-width-section > .nectar-shape-divider-wrap, body .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] .first-section .row-bg-wrap, body[data-aie="zoom-out"] .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] .top-level.full-width-section .row-bg-wrap, body .full-width-section.parallax_section .row-bg-wrap, .nectar-slider-wrap[data-full-width="true"], .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: -50vw; left: 50%; width: 100vw; } body .full-width-section > .nectar-video-wrap { margin-left: -50vw; left: 50%; width: 100vw!important; } body .full-width-section > .nectar-video-wrap, body .full-width-content > .nectar-video-wrap, .nectar-video-wrap .nectar-video-inner { height: 100%; } /* Boxed and left header */ @media only screen and (min-width: 1000px) { [data-header-format="left-header"] .full-width-content.blog-fullwidth-wrap, [data-header-format="left-header"] .wpb_row.full-width-content, [data-header-format="left-header"] .full-width-content.nectar-shop-outer, [data-header-format="left-header"] .page-submenu > .full-width-section, [data-header-format="left-header"] .page-submenu .full-width-content, [data-header-format="left-header"] .full-width-section .row-bg-wrap, [data-header-format="left-header"] .full-width-section .nectar-parallax-scene, [data-header-format="left-header"] .full-width-section > .nectar-shape-divider-wrap, [data-header-format="left-header"] .full-width-section > .video-color-overlay, [data-header-format="left-header"][data-aie="zoom-out"] .first-section .row-bg-wrap, [data-header-format="left-header"][data-aie="long-zoom-out"] .first-section .row-bg-wrap, [data-header-format="left-header"][data-aie="zoom-out"] .top-level.full-width-section .row-bg-wrap, [data-header-format="left-header"][data-aie="long-zoom-out"] .top-level.full-width-section .row-bg-wrap, [data-header-format="left-header"] .full-width-section.parallax_section .row-bg-wrap, [data-header-format="left-header"] .nectar-slider-wrap[data-full-width="true"], body[data-header-format="left-header"] .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: calc(-50vw + 135px); width: calc(100vw - 272px); left: 50%; } [data-header-format="left-header"] .full-width-section > .nectar-video-wrap { margin-left: calc(-50vw + 135px); width: calc(100vw - 272px)!important; left: 50%; } #boxed .full-width-content.blog-fullwidth-wrap, #boxed .wpb_row.full-width-content, #boxed .page-submenu > .full-width-section, #boxed .page-submenu .full-width-content, #boxed .full-width-content.nectar-shop-outer, body #boxed .full-width-section .row-bg-wrap, body #boxed .full-width-section .nectar-parallax-scene, body #boxed .full-width-section > .nectar-shape-divider-wrap, body #boxed .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body #boxed .full-width-section.parallax_section .row-bg-wrap, #boxed .nectar-slider-wrap[data-full-width="true"], #boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap, #boxed .portfolio-filters-inline.full-width-section:not(.non-fw) { margin-left: -5%; width: 110%; left: 0; } body #boxed .full-width-section > .nectar-video-wrap { margin-left: -5%; width: 110%!important; left: 0; } } @media only screen and (max-width: 999px) and (min-width: 691px) { #boxed .full-width-content.blog-fullwidth-wrap, #boxed .wpb_row.full-width-content, #boxed .page-submenu > .full-width-section, #boxed .page-submenu .full-width-content, body #boxed .full-width-section .row-bg-wrap, body #boxed .full-width-section .nectar-parallax-scene, body #boxed .full-width-section > .nectar-shape-divider-wrap, body #boxed .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body #boxed .full-width-section.parallax_section .row-bg-wrap, #boxed .nectar-slider-wrap[data-full-width="true"], #boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: -7%; width: 114%; left: 0; } body #boxed .full-width-section > .nectar-video-wrap { margin-left: -7%; width: 114%!important; left: 0; } } .page-submenu .full-width-content, .page-submenu > .full-width-section, .full-width-content.blog-fullwidth-wrap, .portfolio-filters-inline.full-width-content, .portfolio-filters-inline.full-width-section { position: relative; } /* Prevent full width bgs on rows inside non compat areas */ body .post-area.span_9 body .post-area.span_9 .portfolio-filters-inline.full-width-section:not(.non-fw), body .post-area.span_9 .portfolio-filters-inline.full-width-content, body .post-area.span_9 .post-area.full-width-content.standard-minimal, body .post-area.span_9 .full-width-content.blog-fullwidth-wrap, body .post-area.span_9 .wpb_row.full-width-content, body .post-area.span_9 .page-submenu > .full-width-section, body .post-area.span_9 .page-submenu .full-width-content, body .post-area.span_9 .full-width-section .row-bg-wrap, body .post-area.span_9 .full-width-section .nectar-parallax-scene, body .post-area.span_9 .full-width-section > .nectar-shape-divider-wrap, body .post-area.span_9 .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] .post-area.span_9 .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] .post-area.span_9 .first-section .row-bg-wrap, body[data-aie="zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap, body .post-area.span_9 .full-width-section.parallax_section .row-bg-wrap, body .post-area.span_9 .wpb_row.parallax_section .row-bg-wrap, .post-area.span_9 .nectar-slider-wrap[data-full-width="true"], body #boxed .post-area.span_9 .full-width-section .row-bg-wrap, body .post-area.span_9 .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: 0; left: 0; width: 100%; } body .post-area.span_9 .full-width-section > .nectar-video-wrap { margin-left: 0; left: 0; width: 100%!important; } .pum .pum-container .popmake-content .full-width-section .row-bg-wrap, .pum .pum-container .popmake-content .wpb_row.full-width-content, body #boxed .pum .pum-container .popmake-content .full-width-section .row-bg-wrap, body #boxed .pum .pum-container .popmake-content .wpb_row.full-width-content { margin-left: 0!important; left: 0!important; width: 100%!important; } /* Inner row */ body .wpb_row.full-width-section .wpb_row > .row-bg-wrap, #boxed .wpb_row.full-width-section .wpb_row > .row-bg-wrap, body .wpb_row.full-width-content .wpb_row > .row-bg-wrap, #boxed .wpb_row.full-width-content .wpb_row > .row-bg-wrap { margin-left: 0; left: 0; width: 100%; } /* Col BG */ .wpb_row .column-image-bg-wrap, .wpb_row .column-image-bg-wrap .inner-wrap, .wpb_row .column-image-bg-wrap .column-image-bg { overflow:hidden; width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; } .wpb_column[data-bg-cover="true"] .column-image-bg, .wpb_column .column-inner[data-bg-cover="true"] .column-image-bg { background-size:cover; background-position:center } .wpb_row .column-image-bg-wrap { z-index: 0; overflow: hidden; } .full-width-content.vc_row-fluid .wpb_column .column-image-bg-wrap .column-image-bg{ background-position:center; background-size:cover; -webkit-background-size:cover } .column-image-bg-wrap[data-bg-pos="center top"] .column-image-bg { background-position: center top; } .column-image-bg-wrap[data-bg-pos="center bottom"] .column-image-bg { background-position: center bottom; } .column-image-bg-wrap[data-bg-pos="left top"] .column-image-bg { background-position: left top; } .column-image-bg-wrap[data-bg-pos="left center"] .column-image-bg { background-position: left center; } .column-image-bg-wrap[data-bg-pos="left bottom"] .column-image-bg { background-position: left bottom; } .column-image-bg-wrap[data-bg-pos="right top"] .column-image-bg { background-position: right top; } .column-image-bg-wrap[data-bg-pos="right center"] .column-image-bg { background-position: right center; } .column-image-bg-wrap[data-bg-pos="right bottom"] .column-image-bg { background-position: right bottom; } /*-------------------------------------------------------------------------*/ /* 20. Salient Icons /*-------------------------------------------------------------------------*/ @font-face{ font-family:'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); font-weight:normal; font-style:normal } /* linecons */ @font-face{font-family:linecons;src:url(fonts/linecons.eot);src:url(fonts/linecons.eot?#iefix) format('embedded-opentype'),url(fonts/linecons.ttf) format('truetype'),url(fonts/linecons.woff) format('woff'),url(fonts/linecons.svg#linecons) format('svg');font-weight:400;font-style:normal}[class*=" linecon-icon-"],[class^=linecon-icon-]{font-family:linecons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.linecon-icon-heart:before{content:"\e600"}.linecon-icon-cloud:before{content:"\e601"}.linecon-icon-star:before{content:"\e602"}.linecon-icon-tv:before{content:"\e603"}.linecon-icon-sound:before{content:"\e604"}.linecon-icon-video:before{content:"\e605"}.linecon-icon-trash:before{content:"\e606"}.linecon-icon-user:before{content:"\e607"}.linecon-icon-key:before{content:"\e608"}.linecon-icon-search:before{content:"\e609"}.linecon-icon-eye:before{content:"\e60a"}.linecon-icon-bubble:before{content:"\e60b"}.linecon-icon-stack:before{content:"\e60c"}.linecon-icon-cup:before{content:"\e60d"}.linecon-icon-phone:before{content:"\e60e"}.linecon-icon-news:before{content:"\e60f"}.linecon-icon-mail:before{content:"\e610"}.linecon-icon-like:before{content:"\e611"}.linecon-icon-photo:before{content:"\e612"}.linecon-icon-note:before{content:"\e613"}.linecon-icon-food:before{content:"\e614"}.linecon-icon-t-shirt:before{content:"\e615"}.linecon-icon-fire:before{content:"\e616"}.linecon-icon-clip:before{content:"\e617"}.linecon-icon-shop:before{content:"\e618"}.linecon-icon-calendar:before{content:"\e619"}.linecon-icon-wallet:before{content:"\e61a"}.linecon-icon-vynil:before{content:"\e61b"}.linecon-icon-truck:before{content:"\e61c"}.linecon-icon-world:before{content:"\e61d"}.linecon-icon-clock:before{content:"\e61e"}.linecon-icon-paperplane:before{content:"\e61f"}.linecon-icon-params:before{content:"\e620"}.linecon-icon-banknote:before{content:"\e621"}.linecon-icon-data:before{content:"\e622"}.linecon-icon-music:before{content:"\e623"}.linecon-icon-megaphone:before{content:"\e624"}.linecon-icon-study:before{content:"\e625"}.linecon-icon-lab:before{content:"\e626"}.linecon-icon-location:before{content:"\e627"}.linecon-icon-display:before{content:"\e628"}.linecon-icon-diamond:before{content:"\e629"}.linecon-icon-pen:before{content:"\e62a"}.linecon-icon-bulb:before{content:"\e62b"}.linecon-icon-lock:before{content:"\e62c"}.linecon-icon-tag:before{content:"\e62d"}.linecon-icon-camera:before{content:"\e62e"}.linecon-icon-settings:before{content:"\e62f"} /* steadysets */ @font-face{font-family:steadysets;src:url(fonts/steadysets.eot);src:url(fonts/steadysets.eot?#iefix) format('embedded-opentype'),url(fonts/steadysets.ttf) format('truetype'),url(fonts/steadysets.woff) format('woff'),url(fonts/steadysets.svg#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" steadysets-icon-"],[class^=steadysets-icon-]{font-family:steadysets!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.steadysets-icon-type:before{content:"\e600"}.steadysets-icon-box:before{content:"\e601"}.steadysets-icon-archive:before{content:"\e602"}.steadysets-icon-envelope:before{content:"\e603"}.steadysets-icon-email:before{content:"\e604"}.steadysets-icon-files:before{content:"\e605"}.steadysets-icon-uniE606:before{content:"\e606"}.steadysets-icon-connection-empty:before{content:"\e607"}.steadysets-icon-connection-25:before{content:"\e608"}.steadysets-icon-connection-50:before{content:"\e609"}.steadysets-icon-connection-75:before{content:"\e60a"}.steadysets-icon-connection-full:before{content:"\e60b"}.steadysets-icon-microphone:before{content:"\e60c"}.steadysets-icon-microphone-off:before{content:"\e60d"}.steadysets-icon-book:before{content:"\e60e"}.steadysets-icon-cloud:before{content:"\e60f"}.steadysets-icon-book2:before{content:"\e610"}.steadysets-icon-star:before{content:"\e611"}.steadysets-icon-phone-portrait:before{content:"\e612"}.steadysets-icon-phone-landscape:before{content:"\e613"}.steadysets-icon-tablet:before{content:"\e614"}.steadysets-icon-tablet-landscape:before{content:"\e615"}.steadysets-icon-laptop:before{content:"\e616"}.steadysets-icon-uniE617:before{content:"\e617"}.steadysets-icon-barbell:before{content:"\e618"}.steadysets-icon-stopwatch:before{content:"\e619"}.steadysets-icon-atom:before{content:"\e61a"}.steadysets-icon-syringe:before{content:"\e61b"}.steadysets-icon-pencil:before{content:"\e61c"}.steadysets-icon-chart:before{content:"\e61d"}.steadysets-icon-bars:before{content:"\e61e"}.steadysets-icon-cube:before{content:"\e61f"}.steadysets-icon-image:before{content:"\e620"}.steadysets-icon-crop:before{content:"\e621"}.steadysets-icon-graph:before{content:"\e622"}.steadysets-icon-select:before{content:"\e623"}.steadysets-icon-bucket:before{content:"\e624"}.steadysets-icon-mug:before{content:"\e625"}.steadysets-icon-clipboard:before{content:"\e626"}.steadysets-icon-lab:before{content:"\e627"}.steadysets-icon-bones:before{content:"\e628"}.steadysets-icon-pill:before{content:"\e629"}.steadysets-icon-bolt:before{content:"\e62a"}.steadysets-icon-health:before{content:"\e62b"}.steadysets-icon-map-marker:before{content:"\e62c"}.steadysets-icon-stack:before{content:"\e62d"}.steadysets-icon-newspaper:before{content:"\e62e"}.steadysets-icon-uniE62F:before{content:"\e62f"}.steadysets-icon-coffee:before{content:"\e630"}.steadysets-icon-bill:before{content:"\e631"}.steadysets-icon-sun:before{content:"\e632"}.steadysets-icon-vcard:before{content:"\e633"}.steadysets-icon-shorts:before{content:"\e634"}.steadysets-icon-drink:before{content:"\e635"}.steadysets-icon-diamond:before{content:"\e636"}.steadysets-icon-bag:before{content:"\e637"}.steadysets-icon-calculator:before{content:"\e638"}.steadysets-icon-credit-cards:before{content:"\e639"}.steadysets-icon-microwave-oven:before{content:"\e63a"}.steadysets-icon-camera:before{content:"\e63b"}.steadysets-icon-share:before{content:"\e63c"}.steadysets-icon-bullhorn:before{content:"\e63d"}.steadysets-icon-user:before{content:"\e63e"}.steadysets-icon-users:before{content:"\e63f"}.steadysets-icon-user2:before{content:"\e640"}.steadysets-icon-users2:before{content:"\e641"}.steadysets-icon-unlocked:before{content:"\e642"}.steadysets-icon-unlocked2:before{content:"\e643"}.steadysets-icon-lock:before{content:"\e644"}.steadysets-icon-forbidden:before{content:"\e645"}.steadysets-icon-switch:before{content:"\e646"}.steadysets-icon-meter:before{content:"\e647"}.steadysets-icon-flag:before{content:"\e648"}.steadysets-icon-home:before{content:"\e649"}.steadysets-icon-printer:before{content:"\e64a"}.steadysets-icon-clock:before{content:"\e64b"}.steadysets-icon-calendar:before{content:"\e64c"}.steadysets-icon-comment:before{content:"\e64d"}.steadysets-icon-chat-3:before{content:"\e64e"}.steadysets-icon-chat-2:before{content:"\e64f"}.steadysets-icon-chat-1:before{content:"\e650"}.steadysets-icon-chat:before{content:"\e651"}.steadysets-icon-zoom-out:before{content:"\e652"}.steadysets-icon-zoom-in:before{content:"\e653"}.steadysets-icon-search:before{content:"\e654"}.steadysets-icon-trashcan:before{content:"\e655"}.steadysets-icon-tag:before{content:"\e656"}.steadysets-icon-download:before{content:"\e657"}.steadysets-icon-paperclip:before{content:"\e658"}.steadysets-icon-checkbox:before{content:"\e659"}.steadysets-icon-checkbox-checked:before{content:"\e65a"}.steadysets-icon-checkmark:before{content:"\e65b"}.steadysets-icon-refresh:before{content:"\e65c"}.steadysets-icon-reload:before{content:"\e65d"}.steadysets-icon-arrow-right:before{content:"\e65e"}.steadysets-icon-arrow-down:before{content:"\e65f"}.steadysets-icon-arrow-up:before{content:"\e660"}.steadysets-icon-arrow-left:before{content:"\e661"}.steadysets-icon-settings:before{content:"\e662"}.steadysets-icon-battery-full:before{content:"\e663"}.steadysets-icon-battery-75:before{content:"\e664"}.steadysets-icon-battery-50:before{content:"\e665"}.steadysets-icon-battery-25:before{content:"\e666"}.steadysets-icon-battery-empty:before{content:"\e667"}.steadysets-icon-battery-charging:before{content:"\e668"}.steadysets-icon-uniE669:before{content:"\e669"}.steadysets-icon-grid:before{content:"\e66a"}.steadysets-icon-list:before{content:"\e66b"}.steadysets-icon-wifi-low:before{content:"\e66c"}.steadysets-icon-folder-check:before{content:"\e66d"}.steadysets-icon-folder-settings:before{content:"\e66e"}.steadysets-icon-folder-add:before{content:"\e66f"}.steadysets-icon-folder:before{content:"\e670"}.steadysets-icon-window:before{content:"\e671"}.steadysets-icon-windows:before{content:"\e672"}.steadysets-icon-browser:before{content:"\e673"}.steadysets-icon-file-broken:before{content:"\e674"}.steadysets-icon-align-justify:before{content:"\e675"}.steadysets-icon-align-center:before{content:"\e676"}.steadysets-icon-align-right:before{content:"\e677"}.steadysets-icon-align-left:before{content:"\e678"}.steadysets-icon-file:before{content:"\e679"}.steadysets-icon-file-add:before{content:"\e67a"}.steadysets-icon-file-settings:before{content:"\e67b"}.steadysets-icon-mute:before{content:"\e67c"}.steadysets-icon-heart:before{content:"\e67d"}.steadysets-icon-enter:before{content:"\e67e"}.steadysets-icon-volume-decrease:before{content:"\e67f"}.steadysets-icon-wifi-mid:before{content:"\e680"}.steadysets-icon-volume:before{content:"\e681"}.steadysets-icon-bookmark:before{content:"\e682"}.steadysets-icon-screen:before{content:"\e683"}.steadysets-icon-map:before{content:"\e684"}.steadysets-icon-measure:before{content:"\e685"}.steadysets-icon-eyedropper:before{content:"\e686"}.steadysets-icon-support:before{content:"\e687"}.steadysets-icon-phone:before{content:"\e688"}.steadysets-icon-email2:before{content:"\e689"}.steadysets-icon-volume-increase:before{content:"\e68a"}.steadysets-icon-wifi-full:before{content:"\e68b"} .icon-salient-x, .icon-salient-m-eye, .icon-salient-search, .icon-salient-woo-zoom-icon, .icon-salient-right-arrow, .icon-salient-left-arrow, .icon-salient-right-line, .icon-salient-back-to-all, .icon-salient-left-arrow-thin, .icon-salient-right-arrow-thin, .icon-salient-down-arrow-thin, .icon-salient-down-arrow, .icon-salient-google-plus, .ascend .mfp-image-holder .mfp-close, .ascend .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .icon-salient-facebook, .icon-salient-twitter, .icon-salient-pinterest, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-plus, .icon-salient-cart, .icon-salient-pencil, .icon-salient-artstation, .icon-salient-discord, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify, .icon-salient-m-user, .icon-salient-facebook-messenger, .salient-page-submenu-icon, .icon-salient-m-clock, .video-play-button, .mejs-controls .mejs-button button { font-family:'icomoon'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased } .icon-salient-m-bag:before{content:"\e900"} .icon-salient-m-eye:before{content:"\e015"} .icon-salient-m-clock:before{content:"\e016"} .icon-salient-m-gear:before{content:"\e023"} .icon-salient-m-heart:before{content:"\e024"} .icon-salient-m-search:before{content:"\e036"} .icon-salient-m-prev:before{content:"\e050"} .icon-salient-m-rewind:before{content:"\e051"} .icon-salient-m-play:before{content:"\e052"} .icon-salient-woo-zoom-icon:before{content:"\e908"} .icon-salient-woo-zoom-icon-minus:before{content:"\e90a"} .icon-salient-m-pause:before{content:"\e053"} .icon-salient-m-stop:before{content:"\e054"} .icon-salient-m-ff:before{content:"\e055"} .icon-salient-m-next:before{content:"\e056"} .icon-salient-m-user:before{content:"\e074"} .icon-salient-m-chat:before{content:"\e076"} .icon-salient-m-social:before{content:"\e081"} .icon-salient-m-left-arrow:before{content:"\e094"} .icon-salient-m-right-arrow:before{content:"\e095"} .icon-salient-m-sound:before{content:"\e098"} .icon-salient-m-mute:before{content:"\e099"} .icon-salient-m-close:before{content:"\e117"} .icon-salient-m-menu:before{content:"\e120"} .icon-salient-x:before{content:"\e003"} .icon-salient-right-arrow:before{content:"\e000"} .icon-salient-left-arrow:before{content:"\e001"} .icon-salient-right-line:before{content:"\e004"} .icon-salient-back-to-all:before{content:"\e005"} .icon-salient-right-arrow-thin:before{content:"\e006"} .icon-salient-left-arrow-thin:before{content:"\e007"} .icon-salient-down-arrow-thin:before{content:"\e00c"} .icon-salient-down-arrow:before{content:"\e008"} .icon-salient-google-plus:before{content:"\e009"} .icon-salient-facebook:before{content:"\e00a"} .icon-salient-twitter:before{content:"\e00b"} .icon-salient-pinterest:before{content:"\e00d"} .icon-salient-heart:before{content:"\e00e"} .icon-salient-plus:before{content:"\e010"} .icon-salient-cart:before{content:"\e012"} .icon-salient-pencil:before{content:"\e011"} .icon-be:before{content:"\e013"} .icon-vimeo:before{content:"\e014"} .icon-soundcloud:before{content:"\e600"} .icon-button-arrow:before{content:"\e909"} .icon-salient-thin-line:before{content:"\e602"} .icon-salient-spotify:before{content:"\f1bc"} .icon-salient-facebook-messenger:before{content:"\e90d"} .icon-salient-artstation:before{content:"\e90b"} .icon-salient-discord:before{content:"\e90c"} body[data-header-search="false"].ascend #header-outer[data-has-menu="false"][data-cart="false"][data-full-width="true"] .slide-out-widget-area-toggle:not(.mobile-icon) a:not(.using-label) .lines-button{ top:-1px } body .lines, body .lines:before, body .lines:after{ height:2px } body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{ font-size:24px!important } .icon-salient-search:before{ content:"\e036" } body .icon-salient-x:before{ content:"\e117" } body.ascend .icon-salient-cart:before, body .icon-salient-cart:before{ content:"\e106" } body.ascend #header-outer .cart-contents .cart-wrap span{ width:17px; line-height:17px; font-size:10px; font-family:'Open Sans',sans-serif; font-weight:600 } .icon-salient-heart-2:before{ content:"\e024"!important } body #single-below-header.fullscreen-header .steadysets-icon-chat-3, body #single-below-header.fullscreen-header .steadysets-icon-book2, body .steadysets-icon-chat-3{ font-family:'icomoon'!important; font-size:20px } body .steadysets-icon-chat-3:before{ content:"\e076" } body .steadysets-icon-book2:before{ font-family:'icomoon'!important; content:"\e034" } #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span, #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size:18px; color:rgba(0,0,0,0.48) } body #search-outer #search #close a span{ font-size:20px }