/* Theme Name: Salient Description: Main Salient styles */ /*-------------------------- [Table Of Contents] 1. Browser Reset 2. Global 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{ max-width: 100%; overflow-y: scroll; overflow-x:hidden; } body{ max-width: 100%; overflow: 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; } :root { --scroll-bar-w: -2px; } /* Main container */ .container { margin: 0 auto; position: relative; max-width: 880px; } .row { position: relative; } /* Bootstrap compatibility */ .main-content > .row, header .row { margin-left: 0; margin-right: 0; } /* 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. Global 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 } .screen-reader-text, .nectar-skip-to-content:not(:focus) { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal !important; } @media only screen and (min-width: 1000px) { .nectar-mobile-only { display: none; } } #header-outer .screen-reader-text { height: 1px; } .overflow-x-hidden{ overflow-x:hidden } .nectar-pseudo-expand:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; } .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; 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, body.single-salient_g_sections .container-wrap { padding-top: 0; } .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 } h1.light{ font-size:34px; margin-bottom:30px } h2.light{ font-size:28px; margin-bottom:30px; } h3.light{ font-size:24px; margin-bottom:15px; } h4.light{ font-size:18px; margin-bottom:7px; } h5.light{ font-size:16px; } h6.light{ font-size:14px; margin-bottom:7px; } body h1 em, body h2 em, body h3 em, body h4 em{ font-size:inherit } .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 } .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; } .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; } .wpb_gallery_slidesimage_grid .portfolio-items .col img { width: 100%; } .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 .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 } .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) } } /*---------------------*/ /* 4. Page Templates /*---------------------*/ .nectar-global-section { position: relative; } .nectar-global-section.before-footer { z-index: 11; } .nectar-global-section.after-nav { z-index: 12; } .nectar-global-section.before-footer > .row, .nectar-global-section.after-nav > .row { padding-bottom: 0; } .woocommerce-page .woocommerce p.cart-empty { font-size:54px; font-family:'Open Sans'; font-weight:700 } 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; } .wpb_row.has-global-section, #ajax-content-wrap .wpb_row.has-global-section { margin-bottom: 0; } 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 } /*---------------------*/ /* 5. Header / Search Bar Styles /*---------------------*/ /* Secondary Header Layout - See css/header/header-secondary-nav.css */ #header-space{ height:90px; background-color: #fff; } #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){ 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) { box-shadow:0 3px 45px rgba(0,0,0,0.15); } #header-outer[data-box-shadow="large-line"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large-line"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large-line"][data-remove-fixed="0"]:not(.transparent):not(.fixed-menu).scrolling, body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large-line"][data-remove-fixed="1"]:not(.transparent) { box-shadow: 0 0 2px rgba(0,0,0,0.14), 0 18px 40px rgba(0,0,0,0.045); } 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) } .admin-bar #header-outer, .logged-in.buddypress #header-outer{ top:32px } #top #logo{ width:auto; max-width:none; line-height:22px; font-size:22px; letter-spacing:-1px; color:#444; font-family:'Open Sans'; font-weight:600; align-self: center; } #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 { 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.2s ease; transition:color 0.2s ease; } #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 - See css/header/header-layout-centered-menu.css */ /* 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 } #header-outer[data-format="menu-left-aligned"] #top nav .buttons li.nectar-megamenu-menu-item { position: static; } body #header-outer[data-full-width="true"] #top nav >.buttons{ margin-left:0 } /* Centered Menu Under Logo - See css/header/header-layout-centered-menu-under-logo.css */ /* Centered Logo Between Menu - See css/header/header-layout-centered-logo-between-menu.css */ /* 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); 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%); 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); transform:translateY(-9px); } #header-outer[data-format="centered-menu-under-logo"] #top li[class*="button_"].menu-item-has-icon >a:before, #header-outer[data-format="centered-menu-bottom-bar"] #top li[class*="button_"].menu-item-has-icon >a:before { top: 0; } #header-outer[data-format="centered-menu-under-logo"] #top nav >ul >li[class*="button_"] >a, #header-outer[data-format="centered-menu-bottom-bar"] #top nav >ul >li[class*="button_"] >a { line-height: 1.25em; } #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 } #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); transform:translateY(-7px); width:100%; height:34px; content:' '; z-index:-1; -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, #header-outer[data-lhe="default"] #top nav .sf-menu > [class*="button_solid_color"].current-menu-ancestor > a 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; } #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, body[data-header-color="light"] .span_9 > .slide-out-widget-area-toggle a .label { 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:not(.buttons) a:focus { 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-menu > li > a > .sf-sub-indicator i { transition: color 0.2s ease; } .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: 100%; left: 0; pointer-events: none; } .sf-menu .nectar-woo-cart .open ul { pointer-events: all; } .sf-menu ul li, .sf-menu ul li li{ font-size:12px; width:100% } .sf-menu .menu-item a { outline: 0 none; } .sf-menu li{ float:left; outline: 0 none; 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; pointer-events: all; } .sf-menu li li.sfHover { 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 li ul li a, .sf-menu li ul li li a{ box-shadow:none } .sf-menu ul li a, .sf-menu ul li li a{ 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 nav >ul >.megamenu{ position:inherit } #header-outer nav >ul >.megamenu >.sub-menu{ width:100%; left:0; padding:15px 0; display:table; background-color:#1C1C1C } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu, #header-outer nav >ul >.nectar-megamenu-menu-item >.sub-menu { display: flex; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu { padding: 0; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li { padding: 20px; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li.megamenu-column-padding-none { padding: 0; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >ul >li { width: auto; display: block; flex: 1; } #header-outer nav > ul >.megamenu.nectar-megamenu-menu-item .widget-area-active a { padding: 0; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item[class*="align-"]:not(.width-100) > ul { left: auto; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item.width-50 > ul { width: 45em; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item.width-75 > ul { width: 70em; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul, #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul > li { background-size: cover; background-position: center; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul { overflow: hidden; } #header-outer .sf-menu > .megamenu.nectar-megamenu-menu-item li .widget-area-active img { margin-bottom: 0; } #header-outer .sf-menu > .megamenu.nectar-megamenu-menu-item li .widget-area-active ul { margin-left: 0; margin-top: 0; padding: 0; } #header-outer nav > .sf-menu > .megamenu.nectar-megamenu-menu-item > ul .widget-area-active { height: 100%; } #header-outer nav > .sf-menu > .megamenu.nectar-megamenu-menu-item > ul .widget-area-active li { line-height: 2em; } #header-outer nav > .sf-menu > .megamenu.nectar-megamenu-menu-item > ul .widget-area-active .widget a:hover { background-color: transparent!important; } #header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >ul >li.menu-item.megamenu-column-padding-none >a{ margin-bottom: 0; } body[data-megamenu-width="full-width"] #header-outer #top .sf-menu > .megamenu.nectar-megamenu-menu-item.width-100 > ul { border-radius: 0; } #header-outer .menu-item-hidden-text > a .menu-title-text, #header-outer .menu-item-hidden-text > a .nectar-ext-menu-item .menu-title-text, #slide-out-widget-area .menu-item-hidden-text > a > .menu-title-text, #slide-out-widget-area .menu-item-hidden-text > a > .nectar-menu-icon-text > .menu-title-text, #slide-out-widget-area .menu-item-hidden-text > a > .nectar-ext-menu-item .menu-title-text, #slide-out-widget-area .menu-item-hidden-text:not(.menu-item-has-icon) > a > .nectar-ext-menu-item > .inner-content > .title, #mobile-menu .menu-item-hidden-text:not(.menu-item-has-icon) > a .nectar-ext-menu-item > .inner-content > .title { display: none; } #header-outer .menu-item-hidden-text > a > .nectar-menu-icon, #slide-out-widget-area .menu-item-hidden-text > a > .nectar-menu-icon { margin-right: 0; } body .no-transition, 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 } #header-outer nav >ul >.megamenu >.sub-menu{ display:table } #header-outer nav >ul >.megamenu >.sub-menu{ padding:30px 0 } #header-outer 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; 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; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } #header-outer .widget_shopping_cart .cart_list, #header-outer .widget_shopping_cart, .wpcf7-form-control-wrap, .nectar-social.full-width >* { display:block!important } #header-outer nav >ul >.megamenu >ul >li:last-child{ padding-right:30px } [data-megamenu-width="full-width"] #top nav >ul >.megamenu:not(.width-50):not(.width-75) >ul >li { padding-right: 30px; padding-left: 0; } [data-megamenu-width="full-width"] #top nav >ul >.megamenu:not(.width-50):not(.width-75) >ul >li:last-child{ padding-right:0; padding-left: 0; } #header-outer nav >ul >.megamenu >ul >li >ul{ margin:0; padding:0 } #top nav >ul >.megamenu >ul >li{ width:33.33% } #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% } #header-outer nav >ul >.megamenu >ul >li ul { display:block; top:0!important; width:100%; opacity:1!important; left:0!important; box-shadow:none; position:relative } #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ margin-left:0; padding-right:0; padding-left:0 } #header-outer nav >ul >.megamenu ul li{ float:none } #header-outer nav >ul >.megamenu ul li a{ border-bottom:none; padding:9px 15px } body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >a{ color:#444 } body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ padding-bottom:15px } body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{ padding-bottom:20px } body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul:last-child >ul{ padding-bottom:0 } #header-outer nav >ul >.megamenu >.sub-menu >li a, body #header-outer nav >ul >.megamenu >.sub-menu >li a, body #header-outer nav >ul >.megamenu >.sub-menu >li >a, #header-outer nav >ul >.megamenu >ul >li >a:hover, #header-outer nav >ul >.megamenu >ul >.sfHover >a, body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul.current-menu-item >a, body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #header-outer 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 } #header-outer .sf-menu li ul li a .item_desc, #slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc { display: block; font-size: 14px; line-height: 22px; } #slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc { display: none; opacity: 0.75; } body[data-header-format="left-header"] #top .sf-menu li ul li a .item_desc { margin-bottom: 10px; } #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; display:block; transform: translateY(-9999px); box-shadow:0 6px 28px rgba(0,0,0,0.08); } .sf-menu >li.sfHover >ul { transform: none; } .sf-menu >li ul{ padding:20px; width:20em } .sf-menu >li ul a, #header-outer 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{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; top: 100%; pointer-events:auto } #header-outer .cart-outer .cart-notification { top: 100%; } #header-outer .widget_shopping_cart{ -webkit-transition:none; transition:none; opacity:0; pointer-events:none } #header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #top .sf-menu li ul, #header-outer 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; } #header-outer .widget_shopping_cart, .woocommerce .cart-notification, #header-outer .cart-notification { box-shadow:0 6px 28px rgba(0,0,0,0.08); } #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 .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 } #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, #header-outer #header-secondary-outer .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; -webkit-transition:transform 0.25s,opacity 0.25s; transition:transform 0.25s,opacity 0.25s; box-shadow:0 19px 35px rgba(0,0,0,0.11); opacity:0; pointer-events:none; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0); } #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 { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 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:all; opacity:1; } .sf-menu ul .sfHover > ul { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .sf-menu > li.sfHover:not(.megamenu) > ul:not(.on-left-side) { left: 0; } #header-outer:not([data-header-resize="1"]):not([data-format="left-header"]) #logo img { transition: opacity 0.2s ease; } #header-outer[data-header-resize="1"]:not([data-format="left-header"]) #logo, #header-outer[data-header-resize="1"]:not([data-format="left-header"]) .logo-spacing { transition: margin 0.32s ease, color 0.32s ease; } #header-outer[data-header-resize="1"]:not([data-format="left-header"]) #logo img, #header-outer[data-header-resize="1"]:not([data-format="left-header"]) .logo-spacing img { transition: height 0.32s ease, opacity 0.2s ease; } #header-outer[data-header-resize="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo, #header-outer[data-header-resize="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing { transition: margin 0.15s ease; } #header-outer[data-header-resize="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img, #header-outer[data-header-resize="1"]: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; } @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 .logo-spacing { line-height: 0; } #header-outer[data-format="default"] #top .span_9 { margin-left: auto; } #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; -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-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; 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-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; -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[data-header-format="left-header"] #search-outer #search #close a:before, body.material #header-outer #search-outer #search #close a:before { height: 28px; width: 28px; margin: -14px 0 0 -14px; } .material #search-outer #search #close a span { font-size: 13px; height: 13px; line-height: 13px; top: 6px; } #search-outer #search #close a span { font-size: 16px; height: 16px; line-height: 16px; } .ascend #search-outer #search #close a span { top: 0; } .ascend #search-outer #search #close a { height: 20px; } #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: 8px; top: 9px; } body.original #search-outer #search #close a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @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; } #top nav .buttons li{ line-height:12px; position:relative } #top nav .buttons .menu-item a{ position:relative } #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; text-align: center; 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 } /* Icons in menu */ #header-outer header .nectar-menu-icon-img { margin-bottom: 0; width: 18px; max-height: 200px; height: auto; vertical-align: middle; transition: opacity 0.2s ease 0.05s; } #header-outer nav ul ul .nectar-menu-icon-img:not(.loaded) { opacity: 0; } #header-outer ul.sf-menu > li > a > .nectar-menu-icon-img { max-height: 40px; } #header-outer ul.sf-menu > li.menu-item-has-icon > a { display: flex; align-items: center; } #header-outer #header-secondary-outer .nectar-menu-icon-img { margin-bottom: 0; width: 16px; height: auto; vertical-align: middle; } #header-outer header .nectar-menu-icon-img, #header-outer header .nectar-menu-icon { margin-right: 10px; top: 0; line-height: inherit; display: inline-block; } #header-secondary-outer .nectar-menu-icon, #header-secondary-outer .nectar-menu-icon-img { margin-right: 7px; top: 0; line-height: inherit; display: inline-block; } #header-outer header .nectar-menu-icon { font-size: 16px; top: -1px; vertical-align: middle; } #header-outer header .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon { transition: color 0.2s ease; } #header-outer header .nectar-menu-item-with-icon, #header-secondary-outer .nectar-menu-item-with-icon, #slide-out-widget-area .menu-item-has-icon > a { display: flex; align-items: flex-start; } .off-canvas-menu-container .nectar-menu-icon { font-size: inherit; top: 0; margin-right: 10px; } .off-canvas-menu-container .sub-menu .nectar-menu-icon { transform: none; margin-right: 10px; } .off-canvas-menu-container .nectar-menu-icon-img { max-width: 40px; height: auto; margin-right: 10px; width: 100%; } /* Menu Label Badges */ .nectar-menu-label { padding: 5px 8px; line-height: 1; font-size: 12px; margin-left: 5px; position: relative; display: inline-block; vertical-align: middle; } .nectar-menu-label:before { opacity: 0.15; } /* Nectar Megamenu */ /* 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; position: relative; } 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 #top #social-in-menu i.fa-houzz, #header-outer #top #social-in-menu i.icon-salient-tiktok { font-size:16px; } #header-outer[data-format="default"] #social-in-menu{ margin:0 0 0 30px } 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.no-bg-color{ box-shadow:none!important; background-color:transparent!important } #header-outer.slide-out-hover{ -webkit-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; transition:opacity .3s 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:' '; 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); 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 } #header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle{ position:relative } 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, #header-outer .sf-menu .megamenu ul .sub-menu { background-color:transparent!important } #header-outer[data-transparent-header="true"] #logo .dark-version { position:absolute } 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; 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 } /* Search bar */ #search-outer{ top:0; left:0; width:100%; height: 100%; position:absolute; z-index:10000; overflow:visible; display:none; background-color:#fff } #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; box-shadow:none; font-family:'Open Sans'; font-weight:700; text-transform:uppercase; letter-spacing:1px } .ui-helper-hidden-accessible{ display:none } #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[data-header-resize="0"]:not([data-format="left-header"]).invisible { box-shadow: none; } body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open){ -webkit-transition:-webkit-transform .3s ease, box-shadow 0.3s ease; transition:transform .3s ease, box-shadow 0.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"] { transition: transform .3s ease, box-shadow 0.3s ease, background .3s ease, opacity .3s ease, border-color 0.3s ease; } 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, box-shadow 0.3s ease; transition:transform .3s ease, height .3s ease, background .3s ease,opacity .3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } @media only screen and (max-width: 1000px) { body[data-hhun="1"] #header-outer { transition:transform .3s ease, height .3s ease, background .3s ease,opacity .3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } } 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 } .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% } /* General */ body .full-width-section { -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 } #page-header-bg[data-parallax="1"] .page-header-bg-image{ height: calc(100% + 20px); top: auto; bottom: 0; } @media only screen and (min-width: 1000px) { #page-header-bg[data-parallax="1"] .page-header-bg-image{ height: calc(100% + 40px); } } .page-header-bg-image-wrap[data-n-parallax-bg="true"] .page-header-bg-image{ height: calc(100% + 40px); 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 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, .wpb_row .column-image-bg-wrap .column-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-layer.column-image-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; } .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap .parallax-layer { top: auto; bottom: 0; opacity: 1; } @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"]), body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed="slow"] .parallax-layer { 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"]), body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed="medium"] .parallax-layer { 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"]), body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed*="fast"] .parallax-layer { height: calc(100% + 40px); } } @media only screen and (max-width: 999px) { body .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]), .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed*="fast"] .parallax-layer { height: calc(100% + 40px); } } body .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg, body .top-level .nectar-simple-slider[data-parallax="true"] .parallax-layer { height: calc(100% + 40px); } .global-section-after-header-nav-active #page-header-bg[data-parallax="1"] .page-header-bg-image, .global-section-after-header-nav-active .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg, .global-section-after-header-nav-active .top-level .nectar-simple-slider[data-parallax="true"] .parallax-layer, .global-section-after-header-nav-active #ajax-content-wrap .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) { height: calc(100% + 90px); } 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, body[data-ajax-transitions="false"] .nectar-parallax-enabled .parallax-layer.column-image-bg:not([data-nectar-img-src]) { 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; } /* Row and Col Background Animations */ .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[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image{ opacity: 0; -webkit-transition: opacity 0.85s ease-out; transition: opacity 0.85s ease-out; } .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); } @keyframes row_bg_zoom_out { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } body[data-ajax-transitions="false"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap, body[data-ajax-transitions="false"] .top-level .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image { -webkit-transform: scale(1); transform: scale(1); animation: row_bg_zoom_out 2.5s cubic-bezier(0.1,0.55,0.4,1) forwards; } body[data-ajax-transitions="false"] .top-level .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image { -webkit-transform: scale(1); transform: scale(1); animation: row_bg_zoom_out 8s cubic-bezier(0.1,0.2,.7,1) forwards; } 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 } html body .vc_row-fluid.legacy > .span_12 { display: block; } .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 { display: -webkit-flex; display: flex; } } @media (max-width: 1299px) and (min-width: 1000px) { .vc_hidden-md { display: none; } } /*---------------------*/ /* 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 } .column-image-bg-wrap .column-image-bg[data-nectar-img-src], .row-bg-wrap .row-bg[data-nectar-img-src] { opacity: 0; } .column-image-bg-wrap .column-image-bg.loaded, .row-bg-wrap .row-bg.loaded, body[data-ajax-transitions] .parallax_section .row-bg.loaded, body[data-ajax-transitions] .parallax-layer.column-image-bg.loaded { transition: opacity 0.4s ease 0.2s; } /* 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 */ /* 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 /*---------------------*/ /* yoast breadcrumbs */ body[data-bg-header="true"].page .main-content > .row > #breadcrumbs.yoast, body[data-bg-header="true"].single-portfolio #full_width_portfolio .main-content > .row > #breadcrumbs.yoast { padding-top: 20px; } /* 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; border-radius: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; } body .mejs-controls .mejs-button:not(.mejs-replay) button { background-image:none } body .mejs-controls .mejs-button.mejs-replay button { width: 20px; } 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; transition-property:height } .isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity; transition-property: transform,opacity } /*---------------------*/ /* 9. Salient Elements /*---------------------*/ /* 9.1. Animated Title */ /* (Bulk Loaded conditionally) - See css/elements/animated title.css */ /* 9.2. Button */ .btn { padding:8px 16px } .nectar-button { border-radius:5px; 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); 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-button.large{ font-size:14px; padding:15px 22px; 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; } 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 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 i.icon-button-arrow{ font-size:19px } .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; } .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 } .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span, body.material .nectar-button.has-icon span { -webkit-transform:translateX(-18px); transform:translateX(-18px) } .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: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; 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; 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; 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) } 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"] .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"].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 .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); 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); transform:rotateX(20deg) } .swiper-slide .button.solid_color_2 .button-wrap, .tilt-button-inner{ overflow:hidden; padding:3px 0; display:inline } /* 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; 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; 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; 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{ -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{ -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; background-color: #000; -webkit-transform: translateY(calc(-50% + 0.5px)) translateZ(0); transform: translateY(calc(-50% + 0.5px)) translateZ(0); } .light .nectar-cta[data-style="arrow-animation"] .line { background-color: #fff; } .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 (Loaded conditionally) - See css/elements/cascading-images.css */ /* 9.5. Category Grid (Loaded conditionally) - See css/elements/category-grid.css */ /* 9.6. Clients */ /* 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 - See css/elements/fancy-box.css */ /* 9.10. Fancy Unordered List - See css/elements/fancy-ul.css */ /* 9.11. Flip Box - See css/elements/flip-box.css */ /* 9.12. Food Menu Item - See css/elements/food-item.css */ /* 9.13. Highlighted Text - See css/elements/highlighted-text.css */ /* 9.14. Horizontal List Item - See css/elements/horizontal-list-item.css */ /* 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% } i[class^="icon-"] { display:inline-block; text-align: center; vertical-align: middle; } 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; color:#fff; font-size:16px; width:32px; height:32px; line-height:32px; } i.icon-normal[class*=" linecon-icon-"], i.icon-normal[class*=" steadysets-icon-"] { 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; 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; font-style: normal; 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 } .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:150px; 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[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i[class*="fa-"], .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i[class^="icon-"] { vertical-align: baseline; } .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"]:hover .nectar_icon{ border-color:transparent } .nectar_icon_wrap[data-style="border-animation"][data-color*="extra-color-gradient"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color*="extra-color-gradient"]:hover .nectar_icon:before{ opacity:1 } .nectar_icon_wrap[data-style="border-animation"][data-color*="extra-color-gradient"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color*="extra-color-gradient"] .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"] .nectar_icon:before{ opacity:1 } .nectar_icon_wrap[data-style="border-animation"][data-color*="extra-color-gradient"] .nectar_icon:before{ background-color:#f6f6f6 } .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 (Loaded conditionally) */ /* 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 } .col.has-animation[data-animation="none"]:not(.wpb_column) { opacity: 1; } .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 } 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); } .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); } 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-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); } 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:not([data-hover-animation]), .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; } .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.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; } .img-with-aniamtion-wrap[data-max-width="50%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="75%"]:not(.right) img { backface-visibility:hidden } .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="50%"].center, .img-with-aniamtion-wrap[data-max-width="75%"].center, .img-with-aniamtion-wrap[data-max-width="custom"].center { text-align: center; } .img-with-aniamtion-wrap[data-max-width="50%"].center .inner img[src*=".svg"], .img-with-aniamtion-wrap[data-max-width="75%"].center .inner img[src*=".svg"] { width: 100%; } .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="none"] img, .row .img-with-aniamtion-wrap[data-max-width="none"] img:not([srcset]) { 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 } } .grecaptcha-badge { z-index: 100; } /* 9.21. Interactive Map - See css/elements/interactive-map.css */ /* 9.22. Milestone - See css/elements/milestone.css */ /* 9.23. Morphing outline - See css/elements/morphing-outline.css */ /* 9.24. Page Submenu - See css/elements/page-submenu.css*/ /* 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; background-color:#ebebeb; 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; } .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; } .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, .row .nectar-split-heading[data-custom-font-size="true"] h3, .row .nectar-split-heading[data-custom-font-size="true"] h4, .row .nectar-split-heading[data-custom-font-size="true"] h5, .row .nectar-split-heading[data-custom-font-size="true"] h6 { 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, .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated) > * { line-height: 1.2; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-stagger="true"] span .inner { transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner { position: relative; display: inline-block; -webkit-transform: translateY(1.2em); transform: translateY(1.2em); } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner.animated { -webkit-transform: none; transform: none; } @media only screen and ( max-width: 1000px ) { .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-rm-animation="true"] span .inner { -webkit-transform: none; transform: none!important; } } .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; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="left"] { display: flex; justify-content: flex-start; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="center"] { display: flex; justify-content: center; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="right"] { display: flex; justify-content: flex-end; } @media only screen and (max-width: 1000px) { .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="left"] { display: flex; justify-content: flex-start; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="center"] { display: flex; justify-content: center; } .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="right"] { display: flex; justify-content: flex-end; } } /* 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 (Loaded conditionally) - See css/elements/toggles.css */ /* 9.33. Video Lightbox (Loaded conditionally) - See css/elements/video-lightbox.css */ .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; 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 } /* 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; box-sizing: border-box; visibility: visible; object-fit: cover; } .nectar_video_player_self_hosted[data-border-radius*="px"] .wpb_video_wrapper { overflow: hidden; } .full-width-content.vc_row-fluid .wpb_video_widget.vc_video-align-center .wpb_wrapper { margin: 0 auto; } .wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper { padding-top: 177.77%; } /* 9.35. Scrolling Text (Loaded conditionally) - See css/elements/scrolling-text.css */ /* 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.color-dark, .nectar-drag-indicator.color-light { mix-blend-mode: normal; } .nectar-drag-indicator.color-dark:before { border: 2px solid #000; } .nectar-drag-indicator.color-dark i { color: #000; } .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 */ #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; } /*---------------------*/ /* 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 } .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 } .row .col.section-title span.author-leading, .row .col.section-title span.fn { padding-left: 0; } #ajax-content-wrap .row .col.section-title .nectar-love span { line-height: 20px; } .row .col.section-title h1{ margin-bottom:0 } .row .col.section-title p { font-size:20px; line-height:28px; padding-bottom:0; } body[data-bg-header="true"].archive .container-wrap { padding-top:4.1em!important } /* 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; 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"] .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(25,25,25,0.35); position:absolute; top:0; left:0; height:100%; width:100%; content:' '; z-index:1; display:block } #page-header-bg .row{ z-index:100; position:relative } html:not(.js) #page-header-bg .row, body #page-header-bg .row { visibility:visible } #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 } #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: 1.3; 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 } #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap{ left:0; position:absolute; width:100% } /* Header Text Effects */ [data-aie="zoom-out"] .first-section .row-bg-wrap, [data-aie="zoom-out"] .top-level .row-bg-wrap { overflow:hidden; height:100%; width:100%; position:absolute; left:0; top:0 } #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) } .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-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%; -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; 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); 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; 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) } } @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); } } .portfolio-items[data-ps="8"] line { stroke-width: 2px; stroke-dasharray: 10px; stroke-dashoffset: 30px; } .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 /*---------------------*/ .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; } .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, body.archive .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 } .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 } .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 } .masonry.classic .post.masonry-blog-item .post-header > h3, .masonry.classic .post.masonry-blog-item .excerpt { color: #000; } .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 } .portfolio-items[data-col-num="elastic"]:not(.fullwidth-constrained) { overflow: hidden; } .post-featured-img img.nectar-lazy { display: block; } .post-featured-img img.nectar-lazy:not(.loaded), .wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy:not(.loaded) { opacity: 0; } .post-featured-img img.nectar-lazy.loaded, .wpb_gallery_slidesimage_grid .portfolio-items 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; } .wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy { transition: all 0.6s ease; } .masonry .post-featured-img img.nectar-lazy:not(.loaded) { width: 100%; } .masonry-blog-item .inner-wrap, #search-results .result .inner-wrap{ box-shadow:0 1px 2px rgba(0,0,0,0.15); background-color:#fff; padding:18px } .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 { 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; } .masonry.material .masonry-blog-item h3, .masonry.material .masonry-blog-item .article-content-wrap { color: #000; } .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, .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; } .related-posts .article-content-wrap .post-header { color: inherit; } .related-posts .article-content-wrap .excerpt { margin-top: 5px; } 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 { display:block; font-size: 14px; line-height: 20px } .masonry.material .masonry-blog-item .meta-category a, .related-posts[data-style="material"] .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, .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.3s cubic-bezier(0.25, 0, 0.4, 1); transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1); } .masonry.material .masonry-blog-item .meta-category a:hover:before, .related-posts[data-style="material"] .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, .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 { font-size: 13px; line-height: 18px; } .masonry.material .masonry-blog-item .grav-wrap .text, .related-posts[data-style="material"] .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{ 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, .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 { height: 14px; width: 14px } .masonry .video-play-button path, .post-area .video-play-button path { fill: #fff; } .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 { color: #fff; } .masonry.material .masonry-blog-item h3 a, .related-posts[data-style="material"] h3 a, .masonry.material .masonry-blog-item h3 a:hover, .related-posts[data-style="material"] 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 { 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.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, .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; } .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 { 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, .post.quote .classic .quote-inner:hover, .post.link .classic .link-inner:hover { background-color: #333; } .single .post.format-quote .quote-inner .quote-wrap:before, .masonry.material .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 .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{ opacity: 1; } .masonry.material .post.quote .author { margin-top: 10px; display: block; } .masonry.material .post.quote .n-post-bg, .masonry.material .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 { display: none; } .masonry.material .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; 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 } .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, .nectar-ajax-search-results .search-post-item h5, .nectar-category-grid[data-style="mouse_follow_image"] .nectar-category-grid-item .cat-heading, .nectar-underline h1, .nectar-underline h2, .nectar-underline h3, .nectar-underline h4, .nectar-underline h5 { 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; } .nectar-underline h1, .nectar-underline h2, .nectar-underline h3, .nectar-underline h4, .nectar-underline h5 { display: inline; } .nectar-category-grid[data-style="mouse_follow_image"][data-text-color="light"]:not([data-text-hover-color="dark"]) .nectar-category-grid-item .cat-heading, .nectar-category-grid[data-style="mouse_follow_image"][data-text-hover-color="light"] .nectar-category-grid-item .cat-heading, .span_12.light .nectar-underline h1, .span_12.light .nectar-underline h2, .span_12.light .nectar-underline h3, .span_12.light .nectar-underline h4, .span_12.light .nectar-underline h5 { background-image: linear-gradient(to right, #fff 0%, #fff 100%); } #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, .nectar-ajax-search-results .search-post-item:hover h5, .nectar-category-grid[data-style="mouse_follow_image"] .nectar-category-grid-item:hover .cat-heading, .nectar-underline:hover h1, .nectar-underline:hover h2, .nectar-underline:hover h3, .nectar-underline:hover h4, .nectar-underline:hover h5 { 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.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.material .post.format-gallery .inner-wrap .flickity-slider .cell img, .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, .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.material .post.format-gallery .inner-wrap:hover .flickity-slider .cell 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, .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% } /*---------------------*/ /* 12. Blog /*---------------------*/ /* 12.1. General/Pagination */ .post-area #pagination{ padding-left:95px } .post-area.masonry #pagination { padding-left: 0; } #ajax-content-wrap .post-area.infinite_scroll #pagination{ visibility: hidden; height: 1px; width: 1px; margin: 0; } #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; } #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; } #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; } body[data-button-style*="slightly_rounded"] .post .more-link span, body[data-button-style*="slightly_rounded"] .blog-recent .more-link span { 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; } .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.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 { 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; } 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; 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{ 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 } } #pagination{ position:relative; margin-bottom:10px; height:32px; width:100% } /* 12.2. Masonry Auto Meta Overlaid Spaced (Loaded conditionally) - See css/blog/auto-masonry-meta-overlaid-spaced.css */ /* 12.3. Masorny Classic Enhanced (Loaded conditionally) - See css/blog/masonry-classic-enhanced.css */ /* 12.4. Masonry Meta Overalaid (Loaded conditionally) - See css/blog/masonry-meta-overlaid.css */ /* 12.5. Standard Minimal (Loaded conditionally) - See css/blog/standard-minimal.css */ /*---------------------*/ /* 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 h3, #footer-outer .widget h5, #footer-outer .widget h6 { color: inherit; } #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 } #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 #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 } @media only screen and (min-width: 1000px) { #footer-outer[data-full-width="1"]:not([data-cols="1"]) #copyright:not([data-layout="centered"]) .col ul { padding-right: 35px; } } body .container-wrap.no-shadow { box-shadow:none } #footer-outer .col { z-index: 10; min-height: 1px; } #footer-outer[data-cols="1"] #copyright { padding: 45px 0; } #footer-outer #copyright .widget_products img { display: none; } #footer-outer #copyright .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li { margin: 20px 0; } /*---------------------*/ /* 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 */ #header-outer #mobile-menu { display: none; padding: 0; z-index: 1000; position: absolute; left: 0; top: calc(99% + 12px); width: 100%; } #slide-out-widget-area { display: none; } .original #slide-out-widget-area[class*="slide-out-from-right"], .ascend #slide-out-widget-area[class*="slide-out-from-right"] { display: block; } #slide-out-widget-area.slide-out-from-right-hover{ position:fixed; transform:translate3d(341px,0,0); -webkit-transform:translate3d(341px,0,0); top:0; right:0; width:340px; height:100%; } @media only screen and (min-width: 500px) { #slide-out-widget-area.slide-out-from-right-hover { width: 400px; -webkit-transform: translate3d(101%,0,0); transform: translate3d(101%,0,0); } } #slide-out-widget-area.slide-out-from-right{ position:fixed; transform:translate(301px,0px); -webkit-transform:translate(301px,0px); top:0; right:0; width:300px; height:100%; z-index:10000; padding:33px; overflow:hidden } .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-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) } #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; } 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); transform:translateY(-6px) rotateZ(-45deg) } .slide-out-widget-area-toggle .lines-button.close .lines:after{ -webkit-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); 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); 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 } #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; } #footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span{ display:block; line-height:17px; color:#999; font-size:11px; margin-bottom:6px } #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), #header-outer .widget-area-active .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 { 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 .widget_search .search-form button[type=submit]:hover { background-color: transparent!important; } body .widget_search .search-form button[type=submit]{ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body #ajax-content-wrap .widget_search .search-form button[type=submit]:hover { -webkit-transform: translateY(-50%); transform: translateY(-50%); } body #ajax-content-wrap .widget_search .search-form button[type=submit]:hover, body.search-no-results #search-results .search-form button[type=submit]:hover { 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; } .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 > p:first-child { font-size: 1.5em; line-height: 1.5em; text-align: center; } .main-content > .row > form.post-password-form { padding: 15% 0; max-width: 600px; margin: 0 auto; } .post-password-form input[type="submit"] { margin-top: 20px; display: block; width: 100%; text-align: center; } #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; } #footer-outer #footer-widgets .col .widget_tag_cloud:after{ display:block; height:0; clear:both; content:""; visibility:hidden } #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 } /*---------------------*/ /* 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; } .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 } #sidebar select{ max-width:100% } .span_12.light .wpb_widgetised_column #sidebar .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date, .span_12.light .wpb_widgetised_column #sidebar h4, .span_12.light .wpb_widgetised_column #sidebar .widget li a, body.material .span_12.light .wpb_widgetised_column #sidebar .widget li a:hover { color: #fff; } .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); } .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{ 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; 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: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; } 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; } 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); transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } textarea{ max-width:100% } .select2-container .select2-choice>.select2-chosen{ color:#000!important; line-height:30px; padding-left:3px } 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; } 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); } .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 } .nectar-wpcf7-rounded-form input[type="text"], .nectar-wpcf7-rounded-form input[type="email"], .nectar-wpcf7-rounded-form input[type="url"], .nectar-wpcf7-rounded-form input[type="tel"], .nectar-wpcf7-rounded-form input[type="date"] { border-radius: 50px; } .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, .wpb_row.full-width-content.has-global-section .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, .single-product .product[data-gallery-style="left_thumb_sticky"][data-gallery-variant="fullwidth"] .single-product-wrap, body[data-header-format="left-header"][class*="page-template-template-no-header"] .wpb_row.full-width-content, body[data-header-format="left-header"][class*="page-template-template-no-header"] .full-width-section .row-bg-wrap, body[data-header-format="left-header"][class*="page-template-template-no-header"] .full-width-section.parallax_section .row-bg-wrap { margin-left: -50vw; margin-left: calc(-50vw + var(--scroll-bar-w)/2); left: 50%; width: 100vw; width: calc(100vw - var(--scroll-bar-w)); } 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%; } /* left header */ @media only screen and (min-width: 1000px) { [data-header-format="left-header"] .portfolio-filters-inline.full-width-section:not(.non-fw), [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"] .wpb_row.full-width-content.has-global-section .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, .single-product[data-header-format="left-header"] .product[data-gallery-style="left_thumb_sticky"][data-gallery-variant="fullwidth"] .single-product-wrap { margin-left: calc(-50vw + 135px); margin-left: calc(-50vw + 135px + var(--scroll-bar-w)/2); width: calc(100vw - 272px); width: calc(100vw - 272px - var(--scroll-bar-w)); 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%; } } .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 .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 .masonry-blog-item .wpb_row.full-width-content, 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 .woocommerce-tabs[data-tab-style="in_sidebar"] .wpb_row.full-width-content, body .woocommerce-tabs[data-tab-style="in_sidebar"] .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 .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 { margin-left: 0!important; left: 0!important; width: 100%!important; } /* Inner row */ body .wpb_row.full-width-section .wpb_row > .row-bg-wrap, body .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 } /*---------------------*/ /* 20. Salient Icons /*---------------------*/ [class^="iconsmind-"], [class*=" iconsmind-"] { visibility: hidden; } @font-face{ font-family:'icomoon'; src:url('fonts/icomoon.eot?v=1.1'); src:url('fonts/icomoon.eot?#iefix&v=1.1') format('embedded-opentype'), url('fonts/icomoon.woff?v=1.1') format('woff'), url('fonts/icomoon.ttf?v=1.1') format('truetype'), url('fonts/icomoon.svg#icomoon?v=1.1') format('svg'); font-weight:normal; font-display:block; font-style:normal } .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, .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-m-close, .icon-salient-plus, .icon-salient-cart, .icon-salient-pencil, .icon-salient-artstation, .icon-salient-discord, .icon-salient-m-social-alt, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify, .icon-salient-tiktok, .icon-salient-twitch, .icon-salient-houzz, .icon-salient-m-user, .icon-salient-facebook-messenger, .icon-salient-apple-music, .salient-page-submenu-icon, .icon-salient-m-clock, .video-play-button, .mejs-controls .mejs-button button, i.fa.fa-houzz { 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-social-alt:before{content:"\e90e"} .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-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"} .icon-salient-tiktok:before{content:"\e90f"} .icon-salient-houzz, i.fa.fa-houzz:before{content:"\e904"} .icon-salient-twitch:before{content:"\e905"} .icon-salient-apple-music:before{content:"\e903"} 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 } .icon-salient-search:before{ content:"\e036" } body .nectar-social.fixed > a > i, #ajax-content-wrap .nectar-social.fixed > a > i, body .nectar-social.hover .share-btn > i { font-family:'icomoon'!important; } body .nectar-social.fixed > a > i:before, #ajax-content-wrap .nectar-social.fixed > a > i:before, body .nectar-social.hover .share-btn > i:before { content:"\e90e"; } body .icon-salient-x:before{ content:"\e117" } body.ascend .icon-salient-cart:before, body .icon-salient-cart:before{ content:"\e910" } 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 }