/* Theme Name: Salient Description: Main Salient styles */ /*--------------------------------------------------------------------------- [Table Of Contents] 1. Browser Reset 2. Globally Applied Styles 3. Page Transitions 4. Page Templates 5. Header / Search Bar Styles 6. Row Styles 7. Column Styles 8. Third Party Styling 9. Salient Elements 9.1. Animated Title 9.2. Button 9.3. Call to Action 9.4. Cascading images 9.5. Category Grid 9.6. Clients 9.7. Divider 9.8. Dropcap 9.9. Fancy Box 9.10. Fancy Unordered List 9.11. Flip Box 9.12. Food Menu Item 9.13. Highlighted Text 9.14. Horizontal List Item 9.15. Icon 9.16. Icon List 9.17. Icon with text 9.18. Image Comparison 9.19. Image with animation 9.20. Image with Hotspots 9.21. Interactive Map 9.22. Milestone 9.23. Morphing outline 9.24. Page Submenu 9.25. Pricing Table 9.26. Progress Bar 9.27. Recent Posts 9.28. Split Heading 9.29. Tabbed Section 9.30. Team Member 9.31. Testimonial Slider 9.32. Toggle Panels 9.33. Video Lightbox 9.34. Drag Indicator 10. Page Header 11. Masonry Items / Search Results 12. Blog 12.1. General/Pagination 12.2. Masonry Auto Meta Overlaid 12.3. Masorny Classic Enhanced 12.4. Masonry Meta Overalaid 12.5. Standard Minimal 13. Footer 14. To Top Button 15. Off Canvas / Mobile Menu 16. Sidebar Styles 17. Comment Styles 18. General Form Styles 19. Page Builder Full Width 20. Salient Icons ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } input[type=submit] { -webkit-appearance: none } html { overflow-x: hidden; overflow-y: scroll; max-width: 100% } body { max-width: 100%; overflow-x: hidden; background: white; font-family: 'Open Sans', sans-serif; color: #676767; position: relative } ol, ul { list-style: none } input[type=text]::-ms-clear { display:none } a:visited { color: #00008B; } sup { font-size: 10px; vertical-align: super } sub { font-size: 10px; vertical-align: sub } p:empty { display: none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Main container */ .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { margin: 0 auto; position: relative; } .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 880px; } .row { position: relative; } /* Self clearing floats - clearfix method */ .row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* Default row styles */ .row, div.clear { padding-bottom: 24px; } /* Column width on displays +690px */ @media (min-width: 690px) { .span_1 { width: 6.5%; } .span_2 { width: 15.0%; } .span_3 { width: 23.5%; } .span_4 { width: 32.0%; } .span_5 { width: 40.5%; } .span_6 { width: 49.0%; } .span_7 { width: 57.5%; } .span_8 { width: 66.0%; } .span_9 { width: 74.5%; } .span_10 { width: 83.0%; } .span_11 { width: 91.5%; } .span_12 { width: 100%; } } /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ body { font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 400; line-height: 26px; } body:not(.nectar-no-flex-height) { display: flex; flex-direction: column; min-height: 100vh; } @media only screen and (min-width: 1000px) { body.admin-bar:not(.nectar-no-flex-height) { min-height: calc(100vh - 32px); } } body:not(.nectar-no-flex-height) #ajax-content-wrap, body:not(.nectar-no-flex-height) #ajax-content-wrap .blurred-wrap, body:not(.nectar-no-flex-height) .ocm-effect-wrap, body:not(.nectar-no-flex-height) .ocm-effect-wrap-inner { display: flex; flex-direction: column; flex-grow: 1; } body:not(.nectar-no-flex-height) .container-wrap { flex-grow: 1; } p { -webkit-font-smoothing: antialiased; } body .ui-widget { font-family: 'Open Sans'; font-weight: 400 } .overflow-x-hidden { overflow-x: hidden } .alignleft { float: left; margin-right: 15px } .alignright { float: right; margin-left: 15px } .aligncenter { display: block; margin: 15px auto } .no-bottom-padding { padding-bottom: 0 } .col.center { text-align: center } .col.right { text-align: right } .wp-smiley { margin-bottom: 0 } dt { font-family: 'Open Sans'; font-weight: 600; color: #333 } dd { padding-left: 20px } .gallery-caption { margin-left: 0; margin-bottom: 10px; padding: 0 10px } #wpstats { display: none } .post-area:not(.masonry) .sticky { margin-bottom: 50px } .post-area:not(.masonry) .sticky .content-inner { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); background-color: #fff; padding: 25px; position: relative } .side-box { padding: 10px 0; margin-bottom: 10px; border: 1px solid #CCC; background-color: #E6E6E6; text-align: center } .side-box a:link, .side-box a:visited { font-weight: normal; color: #06c55b; font-size: 12px } div[id="wpadminbar"] { z-index: 1000000!important } table { font-size: 12px; margin-bottom: 20px } .wp-caption { max-width: 100%; position: relative; } .wp-caption .wp-caption-text { max-width: 90%; width: auto; margin-left: 5%; display: inline-block; margin-bottom: 5px; background-color: #fff; box-shadow: 0 10px 35px rgba(0,0,0,0.1); } .wp-caption .wp-caption-text, .row .col .wp-caption .wp-caption-text { padding: 10px 15px; top: -25px; position: relative; border-left: 4px solid #000; } .wp-caption img, .row .col .wp-caption img { margin-bottom: 0; display: block; margin-right: 0; } em { font-style: italic } caption, th, td { font-weight: normal; text-align: left } .container-wrap, .project-title { background-color: #f8f8f8; position: relative; z-index: 10; margin-top: 0; } body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { margin-top: 0; } body.page-template-template-no-header .container-wrap, body.page-template-template-no-header-footer .container-wrap { padding-top: 0; } body[data-smooth-scrolling="0"] { overflow: hidden } .clear { clear: both } .subheader { color: #6F6F6F; margin-bottom: 15px } a { color: #3555ff; text-decoration: none; transition: color 0.2s; -webkit-transition: color 0.2s } a:hover { color: inherit } h1 { font-size: 28px; line-height: 40px; margin-bottom: 7px } h2 { font-size: 20px; line-height: 30px; margin-bottom: 7px } h3 { font-size: 18px; line-height: 26px; margin-bottom: 7px } h4 { font-size: 16px; line-height: 26px; margin-bottom: 7px } h5 { font-size: 14px; line-height: 26px; margin-bottom: 7px } h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px } h1, h2, h3, h4, h5, h6 { color: #444; letter-spacing: 0; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 600 } .bold, strong, b { font-family: 'Open Sans'; font-weight: 600 } .uppercase { font-weight: 700; text-transform: uppercase } .tiny { font-size: 14px; line-height: 22px } body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light { text-transform: none; font-weight: 300 } body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo { font-size: 100px; line-height: 110px } h1.light { font-size: 34px; margin-bottom: 30px } h2.light { font-size: 28px; margin-bottom: 30px; letter-spacing: 0.5px } h3.light { font-size: 24px; margin-bottom: 15px; letter-spacing: 0.5px } h4.light { font-size: 18px; margin-bottom: 7px; letter-spacing: 0.5px } h5.light { font-size: 16px; margin-bottom: 7px; letter-spacing: 0.5px } h6.light { font-size: 14px; margin-bottom: 7px; letter-spacing: 0.5px } body h1 em, body h2 em, body h3 em, body h4 em { font-size: inherit } h1.uppercase { letter-spacing: 3px } h2.uppercase { letter-spacing: 2.5px } h3.uppercase { letter-spacing: 2px } h4.uppercase { letter-spacing: 2px } h5.uppercase { letter-spacing: 1.3px } h6.uppercase { letter-spacing: 1.3px } h1 .nectar-button, h2 .nectar-button, h3 .nectar-button, h4 .nectar-button { margin-left: 13px } .text-align-center { text-align: center } p { padding-bottom: 27px } .row .col p:last-child { padding-bottom: 0 } .container .row:last-child, .wpb_wrapper .clear { padding-bottom: 0 } .wpb_wrapper >div { margin-bottom: 24px } .wpb_wrapper >div:last-child, .row .wpb_wrapper >img:last-child, .row .wpb_wrapper >.img-with-aniamtion-wrap:last-child img { margin-bottom: 0 } body .pum-overlay, .pum-overlay .pum-container, .pum-overlay .pum-container .pum-content { line-height: inherit; } blockquote { font-family: 'Open Sans'; font-weight: 300; line-height: 40px; font-size: 22px; padding-left: 0; letter-spacing: 0.5px; margin-bottom: 30px } ul, ol { margin-left: 30px; margin-bottom: 30px } li ul, li ol { margin-bottom: 0; } ul li { list-style: disc; list-style-position: outside } ol li { list-style: decimal; list-style-position: outside } #header-secondary-outer ul, #header-secondary-outer ol, #header-outer nav > ul, #header-outer ol, #footer-outer ul, #footer-outer ol, #slide-out-widget-area ul, #slide-out-widget-area ol, #search-outer ul, #search-outer ol, #mobile-menu ul, #mobile-menu ol, #header-outer .button_social_group ul { margin: 0; } #header-secondary-outer ul li, #header-secondary-outer ol li, #header-outer ul li, #header-outer ol li, #footer-outer ul li, #footer-outer ol li, #search-outer ul li, #search-outer ol li, #slide-out-widget-area ul li, #slide-out-widget-area ol li, #mobile-menu ul li, #mobile-menu ol li { list-style: none; } .main-content img { max-width: 100%; height: auto } .main-content .col.span_4 .col.span_2 img, .main-content .col.span_3 .col.span_2 img, .main-content .col.span_2 .col.span_2 img, .main-content .col.span_6 .col.span_2 img, .main-content .col.span_4 .col.span_2 i, .main-content .col.span_3 .col.span_2 i, .main-content .col.span_2 .col.span_2 i, .main-content .col.span_6 .col.span_2 i { top: -4px } .no-transform { -webkit-transform: inherit!important; transform: inherit!important; } html.no-overflow-y { overflow-y: hidden!important; } html.no-overflow-y body { overflow-y: hidden; } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { color: #fff } code { display: block; clear: both; overflow: auto; padding: 1.6em; margin-bottom: 1.6em; white-space: pre; background-color: #f0f0f0; font: 14px "Andale Mono", Courier, "Courier New", monospace } pre { background: #f0f0f0; font-family: "Andale Mono", Courier, "Courier New", monospace; font-size: 14px; font-size: 0.9375rem; padding: 1.6em; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; } .body-border-bottom { height: 20px; width: 100%; bottom: 0; left: 0; position: fixed; z-index: 10000; background-color: #fff } .body-border-top { height: 20px; width: 100%; top: 0; left: 0; z-index: 10000; position: fixed; background-color: #fff } .admin-bar .body-border-top { top: 32px } .body-border-right { height: 100%; width: 20px; top: 0; right: 0; z-index: 10000; position: fixed; background-color: #fff } .body-border-left { height: 100%; width: 20px; top: 0; left: 0; z-index: 10000; position: fixed; background-color: #fff } .no-left-margin.first-section { height: auto!important } .row .col h3, .row .col h4 { margin-bottom: 8px } .vc_separator.vc_separator_align_center h4, .vc_separator.vc_separator_align_center h3 { margin-bottom: 0; } .row .col img { margin-bottom: 15px; max-width: 100%; height: auto } .row .col img:not([srcset]) { width: auto; } .row .col .wp-block-gallery.is-cropped .blocks-gallery-image img, .row .col .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100%; margin-bottom: 0; } /* gutenberg full width images */ body .container-wrap [class*="wp-block"].alignfull { margin-left: -50vw!important; left: 50%; max-width: 100vw; width: 100vw; position: relative; } body .container-wrap [class*="wp-block"].alignfull img, body .container-wrap [class*="wp-block"].alignwide img { max-width: none; width: 100%; } /* gutenberg default blocks */ blockquote.wp-block-quote { position: relative; padding-left: 1.3em; } blockquote.wp-block-quote:before { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 4px; content: ''; border-left: 4px solid rgba(0,0,0,0.1); } blockquote.wp-block-quote p { margin-bottom: 0; } blockquote.wp-block-quote cite { font-size: 14px; line-height: 18px; display: block; } .wpb_text_column >.wpb_wrapper >*:last-child { margin-bottom: 0 } .gallery a img { width: 90%; max-width: 90%; height: auto; max-height: 90%; padding: 5px; background-color: #fff; border: 1px solid #e5e5e5!important; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } /*-------------------------------------------------------------------------*/ /* 3. Page Transitions /*-------------------------------------------------------------------------*/ #ajax-loading-screen { background-color: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 1000000000 } #ajax-loading-screen .reveal-1, #ajax-loading-screen .reveal-2 { position: absolute; left: 100%; top: 0; width: 100%; height: 100% } #ajax-loading-screen[data-effect*="horizontal_swipe"] { background-color: transparent!important; left: -100% } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-effect*="horizontal_swipe"] { display: block } body[data-ajax-transitions="true"][data-apte="horizontal_swipe_basic"] #ajax-loading-screen .reveal-2 { display: none; } #ajax-loading-screen.in-from-right { left: 0; } .no-cssanimations #ajax-loading-screen.loaded .reveal-1, .no-cssanimations #ajax-loading-screen.loaded .reveal-2 { display: none } #ajax-loading-screen.loaded .reveal-1 { backface-visibility: hidden; -webkit-animation: nectar-anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: nectar-anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } #ajax-loading-screen.loaded .reveal-2 { backface-visibility: hidden; -webkit-animation: nectar-anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: nectar-anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-1 { -webkit-animation: nectar-anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: nectar-anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } body[data-apte="horizontal_swipe_basic"] #ajax-loading-screen.loaded.in-from-right .reveal-1 { -webkit-animation: nectar-anim-effect-2-1 1.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: nectar-anim-effect-2-1 1.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-2 { -webkit-animation: nectar-anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: nectar-anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"].hidden { display: none } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"].hidden.loaded.in-from-right { display: block; } @-webkit-keyframes nectar-anim-effect-2-1 { 0% { -ms-transform:translateX(0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 30%, 100% { -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1) } } @keyframes nectar-anim-effect-2-1 { 0% { -ms-transform:translateX(0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 30%, 100% { -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1) } } @-webkit-keyframes nectar-anim-effect-2-2 { 0%, 14.5% { -ms-transform:translateX(0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 34.5%, 100% { -ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1) } } @keyframes nectar-anim-effect-2-2 { 0%, 14.5% { -ms-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 34.5%, 100% { -ms-transform:translate3d(-100%, 0, 0); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.67, 0, 0.3, 1) } } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect*="horizontal_swipe"][data-method="ajax"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"] .loading-icon { display: block; opacity: 1 } #ajax-loading-screen .loading-icon { background-repeat: no-repeat; background-position: center center; display: block; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100% } .default-loading-icon { top: 50%; border-radius: 100%; height: 40px; width: 40px; margin: 0 auto; display: block; position: relative; border: 3px solid #e5e5e5; margin-top: -20px } .loading-icon .material-icon .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .loading-icon .material-icon .spinner { -webkit-animation: material-rotate-all 1s linear infinite; animation: material-rotate-all 1s linear infinite } .loading-icon .material-icon .spinner .right-side, .loading-icon .material-icon .spinner .left-side { -webkit-animation: material-fade-in-first 1.2s linear infinite alternate; animation: material-fade-in-first 1.2s linear infinite alternate } .loading-icon .material-icon .spinner.color-2 .right-side, .loading-icon .material-icon .spinner.color-2 .left-side { -webkit-animation: material-fade-in-second 1.2s linear infinite alternate; animation: material-fade-in-second 1.2s linear infinite alternate } .loading-icon .material-icon .right-side, .loading-icon .material-icon .left-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden } .loading-icon .material-icon .left-side { left: 0 } .loading-icon .material-icon .right-side { right: 0 } .loading-icon .material-icon .bar { width: 100%; height: 100%; -webkit-border-radius: 200px; border-radius: 200px 0 0 200px; border: 6px solid #666; position: relative } .loading-icon .material-icon .bar:after { content: ""; width: 6px; height: 6px; display: block; background: #666; position: absolute; -webkit-border-radius: 6px; border-radius: 6px } .loading-icon .material-icon .right-side .bar { -webkit-border-radius: 0; border-radius: 0 200px 200px 0; border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; -webkit-animation: material-rotate-right 0.75s linear infinite alternate; animation: material-rotate-right 0.75s linear infinite alternate } .loading-icon .material-icon .right-side .bar:after { bottom: -6px; left: -3px } .loading-icon .material-icon .left-side .bar { border-right: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: material-rotate-left 0.75s linear infinite alternate; animation: material-rotate-left 0.75s linear infinite alternate } .loading-icon .material-icon .left-side .bar:after { bottom: -6px; right: -3px } @keyframes material-rotate-left { to { transform:rotate(30deg) } from { transform: rotate(175deg) } } @keyframes material-rotate-right { from { transform:rotate(-175deg) } to { transform: rotate(-30deg) } } @keyframes material-rotate-all { from { transform:rotate(0deg) } to { transform: rotate(-360deg) } } @keyframes material-fade-in-first { from { opacity:1 } to { opacity: 0 } } @keyframes material-fade-in-second { from { opacity:0 } to { opacity: 1 } } .loading-icon .material-icon { top: 50%; height: 65px; width: 65px; position: relative; margin: -32px auto 0 auto; display: block } .default-loading-icon:before { position: absolute; content: ""; border-color: rgba(0,0,0,1) transparent transparent; border-radius: 100%; border-style: solid; border-width: 3px; display: block; height: 100%; width: 100%; top: -3px; left: -3px } .loading-icon.spin, .portfolio-loading.spin, .pp_loaderIcon.spin, .default-loading-icon.spin { animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation; -webkit-animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation } .default-skin-loading-icon { width: 100%; height: 100%; background-position: center; display: block; background-repeat: no-repeat; background-image: url("../img/icons/loading-white-bg.gif") } @keyframes spinning_animation { 0% { transform:scale(1) rotate(0deg); } 50% { transform:scale(0.8) rotate(360deg); } 100% { transform:scale(1) rotate(720deg); } } @-webkit-keyframes spinning_animation { 0% { -webkit-transform:scale(1) rotate(0deg) } 50% { -webkit-transform:scale(0.8) rotate(360deg) } 100% { -webkit-transform:scale(1) rotate(720deg) } } @keyframes bounce_in_animation { 0% { transform:scale(0, 0); } 20% { transform:scale(1.4, 1.4); } 50% { transform:scale(0.8, 0.8); } 85% { transform:scale(1.1, 1.1); } 100% { transform:scale(1, 1); } } @-webkit-keyframes bounce_in_animation { 0% { -webkit-transform:scale(0, 0) } 20% { -webkit-transform:scale(1.4, 1.4) } 50% { -webkit-transform:scale(0.8, 0.8) } 85% { -webkit-transform:scale(1.1, 1.1) } 100% { -webkit-transform:scale(1, 1) } } @keyframes grow_in_animation { 0% { transform:scale(0, 0); } 100% { transform:scale(1, 1); } } @-webkit-keyframes grow_in_animation { 0% { -webkit-transform:scale(0, 0) } 100% { -webkit-transform:scale(1, 1) } } body #ajax-loading-screen[data-effect="center_mask_reveal"] { background-color: transparent } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="center_mask_reveal"].hidden { display: none } #ajax-loading-screen[data-effect="center_mask_reveal"] span { position: absolute; background: #fff; z-index: 100; -webkit-transition: 0.8s cubic-bezier(0.12, 0.75, 0.4, 1); transition: 0.8s cubic-bezier(0.12, 0.75, 0.4, 1) } #ajax-loading-screen .mask-top { top: 0; left: 0; height: 50%; width: 100% } #ajax-loading-screen .mask-right { top: 0; right: 0; height: 100%; width: 50% } #ajax-loading-screen .mask-bottom { bottom: 0; right: 0; height: 50%; width: 100% } #ajax-loading-screen .mask-left { top: 0; left: 0; height: 100%; width: 50% } #ajax-loading-screen.loaded .mask-top { -webkit-transform: translateY(-100%) translateZ(0); -ms-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0) } #ajax-loading-screen.loaded .mask-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0) } #ajax-loading-screen.loaded .mask-bottom { -webkit-transform: translateY(100%) translateZ(0); -ms-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0) } #ajax-loading-screen.loaded .mask-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0) } #ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade span, #ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade.loaded span { width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; } /*-------------------------------------------------------------------------*/ /* 4. Page Templates /*-------------------------------------------------------------------------*/ #error-404 { text-align: center; padding: 10% 0; position: relative; z-index: 10; } body.error { padding: 0; } body #error-404[data-cc="true"] h1, body #error-404[data-cc="true"] h2, body #error-404[data-cc="true"] p { color: inherit; } body.error404 .error-404-bg-img, body.error404 .error-404-bg-img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; z-index: 1; } body.error404 .error-404-bg-img-overlay { opacity: 0.8; } body #error-404 h1, body #error-404 h2 { font-family: 'Open Sans'; font-weight: 700 } body #ajax-content-wrap #error-404 h1 { font-size: 250px; line-height: 250px; } body #ajax-content-wrap #error-404 h2 { font-size: 54px; } .woocommerce-page .woocommerce p.cart-empty { font-size: 54px; font-family: 'Open Sans'; font-weight: 700 } body #error-404 .nectar-button { margin-top: 50px; } body.page-template-page-sidebar-php .main-content >.row >.post-area, body.page-template-page-sidebar-php .main-content >.row >#sidebar, body.page-template-page-left-sidebar-php .main-content >.row >.post-area, body.page-template-page-left-sidebar-php .main-content >.row >#sidebar { margin-top: 30px } .container-wrap .row >.wpb_row:last-child, .home-wrap .row >.wpb_row:last-child, #portfolio-extra >.wpb_row:last-child { margin-bottom: 0 } .wpb_row, .wpb_content_element { margin-bottom: 35px; } body[data-bg-header="true"] .container-wrap, body.single-portfolio .container-wrap, body.page-template-template-portfolio-php .container-wrap, body.tax-project-type .container-wrap { padding-top: 25px; margin-top: 0!important; } body.search-results .container-wrap, body[data-header-resize="1"].search-results .container-wrap { padding-top: 50px; } body.search #page-header-bg { height: 250px; } body.search #page-header-bg h1 { font-size: 40px; line-height: 50px; padding: 0; } body.search #page-header-bg h1 span { color: inherit; } body.search-no-results[data-header-resize] .container-wrap { padding: 8% 0; } @media only screen and (max-width: 690px) { body.search-no-results[data-header-resize] .container-wrap { padding: 14% 0; } } body.search-no-results #search-results .search-form { position: relative; } body.search-no-results #search-results .search-form button[type=submit] { position: absolute; right: 0; top: 0; margin: 0; } @media only screen and (min-width: 1000px) { body.search-no-results:not(.post-type-archive) .container-wrap:not([data-layout="default"]) .container.main-content { max-width: 1000px; } body.search-results[data-ext-responsive="true"] #search-results[data-layout="list-no-sidebar"] { max-width: 1000px; margin: 0 auto; } } body.search-no-results #search-results input[type=text] { padding-right: 60px; } /*-------------------------------------------------------------------------*/ /* 5. Header / Search Bar Styles /*-------------------------------------------------------------------------*/ /* Secondary Header Layout - See css/header/header-secondary-nav.css */ #header-space { height: 90px; background-color: #fff; } body[data-header-color="dark"] #header-space { background-color: #000; } #header-outer { width: 100%; top: 0; left: 0; position: fixed; padding: 28px 0 0 0; background-color: #fff; z-index: 9999; overflow: visible } #header-outer[data-box-shadow="small"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="small"][data-remove-fixed="1"]:not(.transparent) { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); } #header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) { -webkit-box-shadow: 0 3px 45px rgba(0,0,0,0.15); box-shadow: 0 3px 45px rgba(0,0,0,0.15); } body.page-template-template-no-header #header-outer, body.page-template-template-no-header-footer #header-outer { visibility: hidden; } body[data-transparent-nav="1"][data-header-color="light"] #header-outer { background-color: rgba(255,255,255,0.965) } body[data-header-color="dark"] #header-outer, body[data-header-color="dark"] #search-outer { background-color: #000; -webkit-box-shadow: none; box-shadow: none; } body[data-header-color="dark"] #top nav ul li a, body[data-header-color="dark"] #search-outer input, body[data-header-color="dark"] #top #logo, body[data-header-color="dark"] #top nav ul #nectar-user-account a span, body[data-header-color="dark"] #top nav ul #search-btn a span, body[data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { color: #A0A0A0 } body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines:after, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle a .lines:before, body[data-header-color="dark"] #top nav ul .slide-out-widget-area-toggle .lines-button:after { background-color: #A0A0A0 } .admin-bar #header-outer, .logged-in.buddypress #header-outer { top: 32px } #top #logo { width: auto; max-width: none; display: block; line-height: 22px; font-size: 22px; letter-spacing: -1px; color: #444; font-family: 'Open Sans'; font-weight: 600 } #top #logo .retina-logo, #top .span_3 #logo .mobile-only-logo { display: none } #top #logo .starting-logo { position: absolute; top: 0; opacity: 0; left: 0 } #top #logo:hover, #top #logo:focus { color: #000 } #top #logo img { text-indent: -9999px; max-width: none; width: auto; margin-bottom: 0; display: block; transition: opacity 0.4s ease } #header-outer[data-transparent-header="true"] #top #logo img.stnd { position: relative; } #top { position: relative; z-index: 9998; width: 100% } #top .container .row { padding-bottom: 0 } #top nav >ul { overflow: visible; transition: padding 0.8s ease, margin 0.25s ease; min-height: 1px; line-height: 1px } #top nav .no-menu-assigned { visibility: hidden } body:not(.ascend) #top nav >.buttons, body.ascend #header-outer[data-full-width="false"] #top nav >.buttons, #header-outer[data-format="centered-menu-under-logo"] #top nav >.buttons { margin-left: 15px } body #header-outer[data-full-width="false"][data-has-buttons="no"]:not([data-format="left-header"]) #top nav >.buttons { margin-left: 0; } body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn { margin-left: 22px } #top nav >.buttons { transition: padding 0.8s ease } #top nav >ul .slide-out-widget-area-toggle { transition: margin 0.25s ease } .side-widget-open #top nav >ul .slide-out-widget-area-toggle { transition: margin 0.75s ease } #header-outer[data-transparency-option="1"][data-full-width="true"].side-widget-open { box-shadow: none } #header-outer.side-widget-open.hidden-menu #top nav >.sf-menu li, #header-outer.hidden-menu-items #top nav >.sf-menu li:not(#social-in-menu) { transition: opacity 0.75s ease } body:not(.material) #header-outer[data-format="centered-menu"].side-widget-open #top nav >.sf-menu:not(.buttons) li, body:not(.material) #header-outer.side-widget-open.hidden-menu #top nav >.sf-menu:not(.buttons) li, body:not(.material) #header-outer.side-widget-open.hidden-menu-items #top nav >.sf-menu:not(.buttons) li:not(#social-in-menu) { opacity: 0 } .side-widget-open.no-bg-color { border-color: transparent!important } #header-outer #top nav >.buttons { right: 0; height: 100%; overflow: hidden } body #header-outer[data-using-pr-menu="true"] #top nav >.buttons { display: block; overflow: visible } body.material #header-outer[data-using-pr-menu="true"] #top nav >.buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; } .woocommerce #header-outer .cart-notification .item-name, #header-outer .woocommerce-page .cart-notification .item-name { color: #999 } #top nav ul li { float: right } #top nav > ul > li { float: left } #top nav >ul >li >a, .pull-left-wrap > ul > li > a { padding: 0 10px 0 10px; display: block; color: #676767; font-size: 14px; line-height: 20px; -webkit-transition: color 0.1s ease; transition: color 0.1s linear } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a { -webkit-transition: color 0.2s ease; transition: color 0.2s ease } /* Centered Bottom Bar Layout - See css/header/header-layout-centered-bottom-bar.css */ /* Left Header Layout - See css/header/header-layout-left.css */ /* Centered Menu Layout */ #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) { left: 0; position: relative; text-align: center; width: 100%; z-index: 1 } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >li { float: none; display: inline-block } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >.megamenu { position: static } #header-outer[data-format="centered-menu"] #top nav >.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-menu"] #top nav >.buttons, #header-outer[data-format="centered-menu"] #top .span_3 { z-index: 10; position: absolute } #header-outer[data-format="centered-menu"] #top .span_3 { left: 0 } /* Left Aligned Menu */ #header-outer[data-format="menu-left-aligned"] .row .col.span_3 { margin-right: 25px } #header-outer[data-format="menu-left-aligned"] .row .col.span_9 { float: left } #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items { float: right } body #header-outer[data-full-width="true"] #top nav >.buttons { margin-left: 0 } /* Centered Menu Under Logo */ #header-outer[data-format="centered-menu-under-logo"] #top nav { display: inline-block } #header-outer[data-format="centered-menu-under-logo"] .span_9 { text-align: center; line-height: 1px } body.original #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.original #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3, body.ascend #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.ascend #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3, body.material #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9, body.material #header-outer[data-format="centered-menu-under-logo"] #top .row .span_3 { display: block; float: none; width: 100%!important } body #header-outer[data-format="centered-menu-under-logo"] .span_3 { text-align: center } #header-outer[data-format="centered-menu-under-logo"] #top nav >.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 { position: relative } #header-outer[data-format="centered-menu-under-logo"] .cart-menu { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a { padding-top: 0; padding-bottom: 20px } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #search-btn, #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #nectar-user-account, #header-outer[data-format="centered-menu-under-logo"] #top nav >ul .slide-out-widget-area-toggle { padding-top: 0; padding-bottom: 0 } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 ul #social-in-menu a { margin-top: 0; margin-bottom: 20px } #header-outer[data-format="centered-menu-under-logo"] #top #logo img { margin: 0 auto 0 auto } #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo { position: absolute; margin-bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } @media only screen and (min-width: 1000px) { #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo { top: 0; } } @media only screen and (max-width: 999px) { #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo { left: 0; -webkit-transform: none; transform: none; } } /* Centered Logo Between Menu */ #header-outer[data-format="centered-logo-between-menu"] .cart-menu-wrap { z-index: 10000 } @media only screen and (min-width:1000px) { #header-outer[data-format="centered-logo-between-menu"] nav { visibility: hidden } } #header-outer[data-format="centered-logo-between-menu"] .span_3 { position: absolute; left: 50%; margin-right: 0 } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo.no-image { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9, #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) { left: 0; position: relative; text-align: center; width: 100%; z-index: 1 } body #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) { position: static } #header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons, #header-outer[data-format="centered-logo-between-menu"] #top .span_3 { z-index: 10; position: absolute } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li { float: none; } #header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >.megamenu { position: static } #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu { position: absolute; left: 0 } /* Header button styles */ #top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a:before { display: block; position: absolute; left: 0; padding-bottom: 10px; -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); width: 100%; height: 24px; content: ' '; z-index: -1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease } #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } #header-outer[data-format="centered-menu-under-logo"] #top nav >ul >li[class*="button_"] >a:before, #header-outer[data-format="centered-menu-bottom-bar"] #top nav >ul >li[class*="button_"] >a:before { -webkit-transform: translateY(-9px); -ms-transform: translateY(-9px); transform: translateY(-9px); } #top nav >ul >li[class*="button_solid_color"] >a:hover:before, #header-outer.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); -ms-transform: translateY(-7px); transform: translateY(-7px); width: 100%; height: 34px; content: ' '; z-index: -1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #top nav >ul >li[class*="button_bordered"] >a:before { border-color: rgba(0,0,0,0.4) } .light-text #top nav >ul >li[class*="button_bordered"] >a:before { border-color: #fff } #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"].current_page_ancestor >a, #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"].current-menu-ancestor >a, #header-outer #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="default"] #top nav .sf-menu > [class*="button_solid_color"].sfHover:not(#social-in-menu) > a, #header-outer #top nav >ul >li[class*="button_solid_color"] >a .sf-sub-indicator i, #header-outer #top .sf-menu > li[class*="button_solid_color"].sfHover > a .sf-sub-indicator i, #header-outer #top .sf-menu > li[class*="button_solid_color"]:hover > a .sf-sub-indicator i { color: #fff!important; } #top nav >ul >li[class*="button_solid_color"] >a, body #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[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 text hover effects */ #header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) >a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:after { -ms-transition: -webkit-transform .3s ease-out, border-color .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out, border-color .3s ease-out; transition: transform .3s ease-out, border-color .3s ease-out; position: absolute; display: block; bottom: -6px; left: 0; width: 100%; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); border-top: 2px solid #000; content: ''; padding-bottom: inherit } body:not(.material) #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:after { bottom: -9px; } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:hover:after, #header-outer[data-lhe="animated_underline"] #top nav >ul >.sfHover >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current_page_ancestor >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-ancestor >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-item >a:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current_page_item >a:after, #header-outer[data-lhe="animated_underline"] .buttons .current-menu-item >a:after, #header-outer[data-lhe="animated_underline"] .buttons .current-menu-ancestor >a:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:hover:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a:focus:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:focus:after { backface-visibility: hidden; -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1) } #header-outer[data-lhe="animated_underline"] #top nav >ul >li >a { padding-left: 0; padding-right: 0; margin-right: 10px; margin-left: 10px } #top nav ul li a { color: #999 } /* Menu Dropdown Style */ .sf-menu { line-height: 1; float: left; margin-bottom: 30px } .sf-menu ul li { font-weight: normal; width: 100% } #header-outer .sf-menu >li:hover >ul, #header-outer .sf-menu >.sfHover >ul { top: 100% } .sub-menu { z-index: 3 } .sf-menu li:hover, .sf-menu .sfHover, .sf-menu:not(.buttons) a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0 none } .sf-menu ul li a { margin: 0; } .sf-sub-indicator { display: inline-block; width: 10px; position: relative; left: 8px; height: 10px } .sf-sub-indicator i { width: 8px } .sf-sub-indicator [class^="icon-"], body .sf-sub-indicator [class*=" icon-"] { color: #888; font-size: 12px; line-height: 16px; height: auto; background-color: transparent } .material .sf-menu > li > a > .sf-sub-indicator i { font-size: 16px; } .sf-shadow .sf-shadow-off { background: none repeat scroll 0 0 transparent } .sf-vertical, .sf-vertical li { width: 100% } .sf-vertical li:hover ul, .sf-vertical .sfHover ul { left: 100%; top: 0 } .sf-menu, .sf-menu * { list-style: none outside none; margin: 0; padding: 0; z-index: 10 } .sf-menu { line-height: 1 } .sf-menu ul { position: absolute; top: -999em; } .sf-menu ul li, .sf-menu ul li li { font-size: 12px; width: 100% } .sf-menu li:hover { visibility: inherit } .sf-menu li { float: left; line-height: 0; font-size: 12px; position: relative } .sf-menu a { display: block; position: relative; text-decoration: none } .sf-menu li:hover ul, .sf-menu .sfHover ul { z-index: 999 } .sf-menu li li:hover ul, .sf-menu li .sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li .sfHover ul { left: 20em; top: 0 } .sf-menu .sf-with-ul a { min-width: 1px; } #header-outer .sf-menu li ul li a { font-size: 12px; line-height: 13px; transition: none; letter-spacing: 0; } .sf-menu li ul li .sf-sub-indicator { right: 14px; left: auto; top: 14px; display: block; position: absolute } .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a { box-shadow: none } .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active { border-radius: 0 0 0 0; box-shadow: none; text-shadow: none } body #top nav >ul >li >.temp-hidden-display, body #header-secondary-outer nav >ul >li >.temp-hidden-display { display: block!important; opacity: 0; left: 0!important; right: auto!important } body #top nav >ul >.edge >ul, body #header-secondary-outer nav >ul >.edge >ul { left: auto; right: 0 } body #top nav >ul >li .edge >ul, body #header-secondary-outer nav >ul >li .edge >ul { left: auto; right: 0 } #top .span_9 { position: static } #header-outer #top nav >ul >.megamenu { position: inherit } #top nav >ul >.megamenu >.sub-menu { width: 100%; left: 0; padding: 15px 0; display: table; background-color: #1C1C1C } body .no-transition, #header-outer[data-megamenu-rt="1"].no-transition, #header-outer[data-megamenu-rt="1"].no-transition a:not(#logo), #header-outer[data-megamenu-rt="1"].no-transition img, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-search, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-m-user, #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-cart, .ascend #header-outer[data-megamenu-rt="1"].no-transition .has_products .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a .lines:after, #header-outer[data-megamenu-rt="1"].no-transition .lines-button:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul li a > .sf-sub-indicator i, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul #search-btn a:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul #nectar-user-account a:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav ul .slide-out-widget-area-toggle a:after, #header-outer[data-megamenu-rt="1"].no-transition .cart-menu:after, #header-outer[data-megamenu-rt="1"].no-transition #top nav >ul >li[class*="button_bordered"] >a:not(:hover):before, #header-outer[data-megamenu-rt="1"].no-transition.transparent #top nav >ul >li[class*="button_bordered"] >a:not(:hover):before, body #slide-out-widget-area-bg.fullscreen-alt.open.no-transition, body #slide-out-widget-area-bg.fullscreen-alt.no-transition, .page-submenu.no-trans, .sf-menu >.no-trans >ul, body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open), .posts-container article.ajax-loaded, body[data-button-style="slightly_rounded_shadow"] .nectar-button.wpb_start_animation, body[data-button-style="rounded_shadow"] .nectar-button.wpb_start_animation, .post-area.masonry { -webkit-transition: none!important; transition: none!important } .material #header-outer[data-megamenu-rt="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]).no-transition #logo img, .material #header-outer[data-megamenu-rt="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]).no-transition .logo-spacing img { -webkit-transition: height 0.15s ease!important; transition: height 0.15s ease!important; } .material #header-outer[data-megamenu-rt="1"]:not([data-format="left-header"]).no-transition #logo img, .material #header-outer[data-megamenu-rt="1"]:not([data-format="left-header"]).no-transition .logo-spacing img { -webkit-transition: height 0.32s ease!important; transition: height 0.32s ease!important; } #header-outer[data-megamenu-rt="1"].no-transition li[class*="button_"] a:hover { -webkit-transition: opacity 0.2s ease, color 0.2s ease!important; transition: opacity 0.2s ease, color 0.2s ease!important } #header-outer[data-lhe="animated_underline"][data-megamenu-rt="1"].no-transition #top nav >ul >li:not([class*="button_"]) >a:after { -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } #top nav >ul >.megamenu >.sub-menu { display: table } #top nav >ul >.megamenu >.sub-menu { padding: 30px 0 } #top nav >ul >.megamenu >ul >li { padding: 0 0 0 30px; border: none } #top nav >ul >li >ul >li, #header-outer[data-format="centered-menu"] #top nav >ul >li >ul >li, #header-secondary-outer .sf-menu > li > ul > li, #header-outer .widget_shopping_cart .cart_list, #header-outer .widget_shopping_cart .total, #header-outer .widget_shopping_cart .buttons { opacity: 0; -ms-transform: translateY(13px); -webkit-transform: translateY(13px); transform: translateY(13px); -ms-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1); transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1); -webkit-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1) } #top nav >ul >.sfHover >ul >li, #header-secondary-outer .sf-menu > .sfHover > ul > li, #header-outer[data-format="centered-menu"] #top nav >ul >.sfHover >ul >li, #header-outer .widget_shopping_cart.open .cart_list, #header-outer .widget_shopping_cart.open .total, #header-outer .widget_shopping_cart.open .buttons { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px) } #header-outer .widget_shopping_cart .cart_list, #header-outer .widget_shopping_cart, .wpcf7-form-control-wrap, .nectar-social.full-width >* { display: block!important } #top nav >ul >.megamenu >ul >li:last-child { padding-right: 30px } [data-megamenu-width="full-width"] #top nav >ul >.megamenu >ul >li { padding: 0 30px 0 0 } [data-megamenu-width="full-width"] #top nav >ul >.megamenu >ul >li:last-child { padding: 0 } #top nav >ul >.megamenu >ul >li >ul { margin: 0; padding: 0 } #top nav >ul >.megamenu >ul >li { width: 33.33% } #header-outer #top nav >ul >.megamenu >ul >li { display: table-cell; float: none; } #top nav >ul >.megamenu.columns-2 >ul >li { width: 50% } #top nav >ul >.megamenu.columns-3 >ul >li { width: 33.33% } #top nav >ul >.megamenu.columns-4 >ul >li { width: 25% } #top nav >ul >.megamenu.columns-5 >ul >li { width: 20% } #top nav >ul >.megamenu.columns-6 >ul >li { width: 16.66% } #top nav >ul >.megamenu >ul >li ul { display: block!important; top: 0!important; width: 100%; opacity: 1!important; left: 0!important; box-shadow: none; position: relative } #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul { margin-left: 0; padding-right: 0; padding-left: 0 } #top nav >ul >.megamenu ul li { float: none } #top nav >ul >.megamenu ul li a { border-bottom: none; padding: 9px 15px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a { font-family: 'Open Sans'; font-weight: 700; font-size: 12px; text-transform: uppercase; margin-bottom: 7px; letter-spacing: 2px; } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a { color: #444 } body[data-header-color="dark"]:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body[data-header-color="dark"]:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a { color: #fff; } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul { padding-bottom: 15px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >ul { padding-bottom: 20px } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul:last-child >ul { padding-bottom: 0 } #top nav >ul >.megamenu >.sub-menu >li a, body #top nav >ul >.megamenu >.sub-menu >li a, body #header-outer #top nav >ul >.megamenu >.sub-menu >li >a, #top nav >ul >.megamenu >ul >li >a:hover, #top nav >ul >.megamenu >ul >.sfHover >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul.current-menu-item >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >a, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul >li >ul >.has-ul >a { background-color: transparent!important } #header-secondary-outer .sf-menu li ul li a, #top .sf-menu li ul li a { background-color: transparent } body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul ul li a:hover, body:not([data-header-format="left-header"]) #top nav >ul >.megamenu >ul ul .current-menu-item > a { color: #CCC; background-color: #000 } #top .menu-item-language .iclflag, #header-secondary-outer .menu-item-language .iclflag { top: 1px; position: relative; margin-right: 4px } .sf-menu >li >ul { opacity: 0; pointer-events: none; -ms-transition: none; -webkit-transition: none; transition: none; display: block; -webkit-box-shadow: 0 19px 35px rgba(0,0,0,0.11); box-shadow: 0 19px 35px rgba(0,0,0,0.11); } .sf-menu >li ul { padding: 20px; width: 20em } .sf-menu >li ul a, #top nav >ul >.megamenu ul li a { padding: 6px 6px } .sf-menu li ul li .sf-sub-indicator { top: 6px; right: 6px } body[data-header-color="light"]:not([data-header-format="left-header"]) #header-outer:not(.transparent) .sf-menu >li ul { border-top: 1px solid #e9e9e9 } #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu >li:not(.megamenu) ul { border-top: none } #header-outer .open.widget_shopping_cart { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; top: 100%; pointer-events: auto } #header-outer .cart-outer .cart-notification { top: 100%; } #header-outer .widget_shopping_cart { -ms-transition: none; -webkit-transition: none; transition: none; opacity: 0; pointer-events: none } .sf-menu >.sfHover { z-index: 500 } #header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #top .sf-menu li ul, #top nav >ul >.megamenu >.sub-menu, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .widget_shopping_cart_content { background-color: #fff } #header-outer .cart-outer .widget_shopping_cart > .widgettitle { display: none; } body[data-header-color="dark"] #header-secondary-outer .sf-menu li ul, body[data-header-color="dark"]:not([data-header-format="left-header"]) #top .sf-menu li ul, body[data-header-color="dark"] #top nav >ul >.megamenu >.sub-menu, body[data-header-color="dark"] #header-outer .widget_shopping_cart .cart_list li, body[data-header-color="dark"] #header-outer .cart-notification, body[data-header-color="dark"] #header-outer .widget_shopping_cart_content { background-color: #000 } #header-outer nav ul li li:hover >a .sf-sub-indicator i, #header-outer nav ul li .sfHover >a .sf-sub-indicator i, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a .sf-sub-indicator i, #header-outer:not([data-format="left-header"]) #top nav >ul >.megamenu ul ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >.megamenu ul ul .current-menu-ancestor >a, #header-outer #top nav > ul >.megamenu > ul ul .sfHover >a, #header-outer #top nav > ul >.megamenu > ul ul li a:hover, #header-outer #top nav > ul >.megamenu > ul ul li a:focus, body:not([data-header-format="left-header"]) #header-outer #top nav >ul >.megamenu >ul ul .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .sfHover >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a { color: #fff } #header-outer .widget_shopping_cart, .woocommerce .cart-notification, #header-outer .cart-notification { -webkit-box-shadow: 0 19px 35px rgba(0,0,0,0.11); box-shadow: 0 19px 35px rgba(0,0,0,0.11); } #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .cart_list a:hover { background-color: transparent!important; } #header-outer .widget_shopping_cart a.button:hover, .nectar-slide-in-cart .widget_shopping_cart a.button:hover { background-color: #333!important } #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) .sfHover >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-item >a, #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-ancestor >a { background-color: #27CCC0 } #header-outer .sf-menu li ul li a, #header-outer .widget_shopping_cart .quantity, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .total, #header-outer .total strong, #header-outer .product_list_widget li dl dd { color: #999 } #header-outer #top nav >ul >.megamenu:hover ul li { pointer-events: auto } .sf-menu .megamenu li ul { -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none } #header-outer #top .sf-menu .megamenu li ul, [data-header-color="light"] #header-outer:not(.transparent) .sf-menu > .megamenu li ul { border-top: 0; } #header-secondary-outer .sf-menu li li ul { margin-left: -20px; margin-top: -20px; } .sf-menu li li ul { display: block; visibility: visible; top: 0!important; z-index: auto; left: 20em; margin-left: -20px; margin-top: -20px; -ms-transition: transform 0.25s, opacity 0.25s; -webkit-transition: transform 0.25s, opacity 0.25s; transition: transform 0.25s, opacity 0.25s; -webkit-box-shadow: 0 19px 35px rgba(0,0,0,0.11); box-shadow: 0 19px 35px rgba(0,0,0,0.11); opacity: 0; pointer-events: none; -ms-transform: translateX(25px); -webkit-transform: translateX(25px); transform: translateX(25px); } #header-secondary-outer .sf-menu li li .on-left-side, #header-secondary-outer sf-menu li .sfHover .on-left-side, .sf-menu li li .on-left-side, .sf-menu li .sfHover .on-left-side { right: 20em; left: auto; margin-right: -20px; margin-left: 0; } .sf-menu .sfHover >.on-left-side { -ms-transform: translateY(0px) translateX(0px); -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); } body[data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul, body[data-header-color="custom"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul { margin-top: -21px; } body[data-header-color="light"] #header-secondary-outer .sf-menu > li:not(.megamenu) li ul, body[data-header-color="light"] .sf-menu > li:not(.megamenu) li ul, body[data-header-color="light"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul, body[data-header-color="custom"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul { margin-top: -20px } .sf-menu ul li a { border-bottom: 0 } .sf-menu .sfHover > ul { pointer-events: auto; opacity: 1; -ms-transform: translateY(0px) translateX(0px); -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); } .sf-menu > li.sfHover:not(.megamenu) > ul:not(.on-left-side) { left: 0; } #header-outer:not([data-format="left-header"]) #logo, #header-outer:not([data-format="left-header"]) .logo-spacing { transition: margin 0.32s ease; } #header-outer:not([data-format="left-header"]) #logo img, #header-outer:not([data-format="left-header"]) .logo-spacing img { transition: height 0.32s ease, opacity 0.2s ease; } #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo, #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing { transition: margin 0.15s ease; } #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img, #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing img { transition: height 0.15s ease, opacity 0.2s ease; } #header-outer.small-nav:not([data-format="left-header"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease; } #header-outer.small-nav:not([data-format="left-header"]) #logo, #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing { transition: margin 0.32s ease; } #header-outer.small-nav:not([data-format="left-header"]) #logo img, #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing img { transition: height 0.32s ease; } body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header="true"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease; } #header-outer[data-using-secondary="1"]:not([data-format="left-header"]) { transition: transform 0.32s ease, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease; } #header-outer[data-using-secondary="1"].small-nav:not([data-format="left-header"]) { transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease; } #header-outer[data-format="centered-menu"] .logo-spacing, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing { visibility: hidden; pointer-events: none; z-index: -100; } @media only screen and (max-width: 690px) { #header-outer[data-format="centered-menu"] .logo-spacing, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing { display: none; } } @media only screen and (min-width: 1000px) { #header-outer:not([data-format="left-header"]) { padding-top: 0; } #header-outer:not([data-format="left-header"]) #top > .container > .row, #header-outer:not([data-format="left-header"]) #top > .container > .row nav, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li { display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-outer:not([data-format="left-header"]) #top .span_9, #header-outer:not([data-format="left-header"]) #top .span_3 { display: -webkit-flex; display: -ms-flexbox; display: flex; float: none; width: auto; } #header-outer[data-format="centered-menu-under-logo"] .span_9, #header-outer[data-format="centered-menu-under-logo"] .span_9 nav, #header-outer[data-format="centered-menu-under-logo"] #top .row .span_9 { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } #header-outer[data-format="centered-menu-under-logo"] .cart-menu { -webkit-transform: none; transform: none; } #header-outer .logo-spacing { line-height: 0; } #header-outer[data-format="centered-logo-between-menu"] .logo-spacing[data-using-image="false"] { font-size: 22px; line-height: 22px; letter-spacing: -1px; width: 1px; } #header-outer[data-format="centered-menu"] .logo-spacing img, #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { margin-bottom: 0; } #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { width: 1px; } #header-outer[data-format="centered-logo-between-menu"] #top .span_9, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav { width: 100%; } #header-outer[data-format="centered-menu"] #top .span_3 { position: relative; margin-right: 0; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) { position: static; } #header-outer[data-format="centered-logo-between-menu"] .row .col.span_3 { pointer-events: none; } body #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img { transform: none; } body #header-outer[data-format="centered-logo-between-menu"] #top #logo { transform: translateX(-50%); pointer-events: auto; } #header-outer[data-format="default"] #top .span_9 { margin-left: auto; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-menu"] #top .span_9 nav { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; } #header-outer[data-format="centered-menu"] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav, #header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 nav { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } #header-outer:not([data-format="left-header"]) #top nav >.buttons { overflow: visible; height: auto; } #header-outer:not([data-format="left-header"]) #top nav >ul >li { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } #header-outer:not([data-format="left-header"]) #top nav >ul { float: none; display: inline-block; vertical-align: middle; } #header-outer[data-format="centered-menu"] #top nav >.buttons, #header-outer[data-format="centered-menu"] #top .span_3, #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu, #header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons { height: 100%; } #header-outer #top > .container > .row .right-aligned-menu-items nav { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items { float: none; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-outer[data-format="centered-menu-under-logo"] .row, #header-outer[data-format="centered-menu-bottom-bar"] .row { -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 999px) { #top .col.span_9 { text-align: right; line-height: 0; } #header-outer[data-format="centered-menu"] #top .span_9, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 { text-align: right; z-index: 10000; left: auto; } #top .span_9 >.slide-out-widget-area-toggle > div, #header-outer .mobile-search .icon-salient-search, #header-outer #top #mobile-cart-link i, #header-outer .mobile-user-account .icon-salient-m-user { position: relative; display: block; top: 50%; font-size: 18px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; } #top .span_9 >.slide-out-widget-area-toggle, #top #mobile-cart-link, #top .mobile-search, #header-outer #top .mobile-user-account { position: relative; width: auto; padding: 0 7px; top: auto; right: auto; margin-bottom: 0; margin-top: 0; display: inline-block; vertical-align: middle; line-height: 0; height: 100%; -webkit-transform: none; transform: none; } body[data-slide-out-widget-area-style="slide-out-from-right"].material a.slide_out_area_close:before, body[data-slide-out-widget-area-style="slide-out-from-right"] .slide_out_area_close:before { background-color: rgba(0,0,0,.06); } #header-outer[data-cart="true"] #top .span_9 >.slide-out-widget-area-toggle, #header-outer[data-cart="true"] #top #mobile-cart-link, #top .mobile-search { padding: 0 8px; } #header-outer[data-cart="true"] #top .row .span_9 > .slide-out-widget-area-toggle, #top .span_9 >.slide-out-widget-area-toggle { padding-right: 0; } #search-outer #search #close a:before, body.material #header-outer #search-outer #search #close a:before { height: 40px; width: 40px; margin: -20px 0 0 -20px; } #search-outer #search #close a span { font-size: 16px; height: 16px; line-height: 16px; } #search-outer #search #close a { height: 14px; } #search-outer #search #close, body.material #header-outer #search-outer #search #close { top: 0; right: -5px; } #search-outer #search #close a, body.material #header-outer #search-outer #search #close a { right: 13px; top: 19px; } body.original #search-outer #search #close a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav >.buttons { padding-bottom: 20px; } @media only screen and (max-width: 999px) { .slide-out-widget-area-toggle.mobile-icon a > span > .hover-effect { display: none; } } #top nav ul #search-btn a span, #top nav ul #search-btn a, #top nav ul .slide-out-widget-area-toggle a, #top nav ul #nectar-user-account a span, #top nav ul #nectar-user-account a { line-height: 20px; height: 20px; } #top nav ul .slide-out-widget-area-toggle a .label, #top .span_9 > .slide-out-widget-area-toggle a.using-label .label { font-style: normal; display: inline-block; vertical-align: middle; margin-right: 15px; line-height: 1em; font-size: 14px; } #top .span_9 > .slide-out-widget-area-toggle a.using-label .label { transition: color 0.2s ease; } #top nav ul .slide-out-widget-area-toggle a.using-label > span, #top .span_9 > .slide-out-widget-area-toggle a.using-label > span { display: inline-block; vertical-align: middle; } #top nav ul .slide-out-widget-area-toggle a.using-label, #top .span_9 > .slide-out-widget-area-toggle a.using-label, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a.using-label { width: auto; vertical-align: middle; } @media only screen and (min-width: 690px) { #slide-out-widget-area .secondary-header-text { display: none; } } @media only screen and (max-width: 999px) and (min-width: 690px) { body.original #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items { display: none; } } #top nav .buttons li { line-height: 12px; position: relative } #top nav .buttons .menu-item a { position: relative } .original #top nav ul #search-btn >div, .original #top nav ul #nectar-user-account >div, .original #top nav ul .nectar-woo-cart >div, .original #top nav ul .slide-out-widget-area-toggle > div, .ascend #header-outer[data-full-width="false"] #top nav ul #search-btn >div, .ascend #header-outer[data-full-width="false"] #top nav ul #nectar-user-account >div, .ascend #header-outer[data-full-width="false"] #top nav ul .nectar-woo-cart >div, .ascend #header-outer[data-full-width="false"] #top nav ul .slide-out-widget-area-toggle > div { padding-left: 19px } #header-outer .cart-menu .cart-icon-wrap i { line-height: 18px; } #header-outer:not([data-format="left-header"]) .cart-menu .cart-icon-wrap { width: auto; height: 20px; } #top nav ul #search-btn a, #top nav ul #nectar-user-account a, #top nav ul .slide-out-widget-area-toggle a { padding: 0 0 0 0; width: 24px; display: block; background-position: right top; background-repeat: no-repeat; box-sizing: content-box; } #top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle, body.material #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul[data-user-set-ocm="off"] > .slide-out-widget-area-toggle { display: none } #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span { top: 0; background-color: transparent; -webkit-transition: color 0.2s ease; transition: color 0.2s ease } #top nav ul .slide-out-widget-area-toggle a i.label { -webkit-transition: color 0.2s ease; transition: color 0.2s ease } .cart-menu .cart-icon-wrap .icon-salient-cart { -webkit-transition: color 0.2s ease; transition: color 0.2s ease } /* Social in menu */ #header-outer #social-in-menu i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i { font-size: 18px; color: inherit; background-color: transparent; transition: transform 0.25s ease, opacity 0.2s ease; -webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s ease; text-align: center; line-height: 24px; height: 22px; width: 36px } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] #social-in-menu i { font-size: 20px; width: 38px; line-height: 26px; height: 26px; margin-bottom: -3px } #header-outer #social-in-menu a, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a { display: inline-block; margin-right: 0; margin-left: 0; overflow: hidden } #header-outer #social-in-menu a:hover i, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover i { -webkit-transform: translateY(-100%); transform: translateY(-100%) } #header-outer #social-in-menu a i:after, .material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i:after { position: absolute; top: 100%; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100% } #header-outer #social-in-menu a i:before { width: 100% } #header-outer #social-in-menu [class^="fa-"]:after, #header-outer #social-in-menu [class*="fa-"]:after, #header-outer #social-in-menu .fa-vine:before, #header-outer #social-in-menu .fa-vine:after { text-decoration: inherit; display: block; speak: none } #header-outer #social-in-menu .fa-vine { display: block; text-align: center } #header-outer #social-in-menu i.fa-facebook { width: 28px } #header-outer #social-in-menu .fa-instagram:after, .material #slide-out-widget-area.slide-out-from-right .fa-instagram:after { content: "\f16d" } #header-outer #social-in-menu .fa-behance:after, .material #slide-out-widget-area.slide-out-from-right .fa-behance:after { content: "\f1b4" } #header-outer #social-in-menu .fa-vine:after, .material #slide-out-widget-area.slide-out-from-right .fa-vine:after { content: "\f1ca" } #header-outer #social-in-menu .fa-vk:after, .material #slide-out-widget-area.slide-out-from-right .fa-vk:after { content: "\f189" } #header-outer #social-in-menu .icon-salient-spotify:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-spotify:after { content: "\f1bc" } #header-outer #social-in-menu .fa-flickr:after, .material #slide-out-widget-area.slide-out-from-right .fa-flickr:after { content: "\f16e" } #header-outer #social-in-menu .fa-soundcloud:after, .material #slide-out-widget-area.slide-out-from-right .fa-soundcloud:after { content: "\f1be" } #header-outer #social-in-menu .fa-stackexchange:after, .material #slide-out-widget-area.slide-out-from-right .fa-stackexchange:after { content: "\f16c" } #header-outer #social-in-menu .fa-google-plus:after, .material #slide-out-widget-area.slide-out-from-right .fa-google-plus:after { content: "\f0d5" } #header-outer #social-in-menu .fa-github-alt:after, .material #slide-out-widget-area.slide-out-from-right .fa-github-alt:after { content: "\f113" } #header-outer #social-in-menu .fa-dribbble:after, .material #slide-out-widget-area.slide-out-from-right .fa-dribbble:after { content: "\f17d" } #header-outer #social-in-menu .fa-tumblr:after, .material #slide-out-widget-area.slide-out-from-right .fa-tumblr:after { content: "\f173" } #header-outer #social-in-menu .fa-youtube-play:after, .material #slide-out-widget-area.slide-out-from-right .fa-youtube-play:after { content: "\f16a" } #header-outer #social-in-menu .fa-linkedin:after, .material #slide-out-widget-area.slide-out-from-right .fa-linkedin:after { content: "\f0e1" } #header-outer #social-in-menu .fa-pinterest:after, .material #slide-out-widget-area.slide-out-from-right .fa-pinterest:after { content: "\f0d2" } #header-outer #social-in-menu .fa-vimeo:after, .material #slide-out-widget-area.slide-out-from-right .fa-vimeo:after { content: "\f27d" } #header-outer #social-in-menu .fa-facebook:after, .material #slide-out-widget-area.slide-out-from-right .fa-facebook:after { content: "\f09a" } #header-outer #social-in-menu .fa-rss:after, .material #slide-out-widget-area.slide-out-from-right .fa-rss:after { content: "\f09e" } #header-outer #social-in-menu .fa-twitter:after, .material #slide-out-widget-area.slide-out-from-right .fa-twitter:after { content: "\f099" } #header-outer #social-in-menu .fa-houzz:after, .material #slide-out-widget-area.slide-out-from-right .fa-houzz:after { content: "\f27c" } #header-outer #social-in-menu .fa-yelp:after, .material #slide-out-widget-area.slide-out-from-right .fa-yelp:after { content: "\f1e9" } #header-outer #social-in-menu .fa-mixcloud:after, .material #slide-out-widget-area.slide-out-from-right .fa-mixcloud:after { content: "\f289" } #header-outer #social-in-menu .fa-bandcamp:after, .material #slide-out-widget-area.slide-out-from-right .fa-bandcamp:after { content: "\f2d5" } #header-outer #social-in-menu .fa-snapchat:after, .material #slide-out-widget-area.slide-out-from-right .fa-snapchat:after { content: "\f2ab" } #header-outer #social-in-menu .fa-tripadvisor:after, .material #slide-out-widget-area.slide-out-from-right .fa-tripadvisor:after { content: "\f262" } #header-outer #social-in-menu .fa-telegram:after, .material #slide-out-widget-area.slide-out-from-right .fa-telegram:after { content: "\f2c6" } #header-outer #social-in-menu .fa-slack:after, .material #slide-out-widget-area.slide-out-from-right .fa-slack:after { content: "\f198" } #header-outer #social-in-menu .fa-medium:after, .material #slide-out-widget-area.slide-out-from-right .fa-medium:after { content: "\f23a" } #header-outer #social-in-menu .icon-salient-artstation:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-artstation:after { content: "\e90b" } #header-outer #social-in-menu .icon-salient-discord:after, .material #slide-out-widget-area.slide-out-from-right .icon-salient-discord:after { content: "\e90c" } #header-outer #social-in-menu .fa-whatsapp:after, .material #slide-out-widget-area.slide-out-from-right .fa-whatsapp:after { content: "\f232" } #header-outer #social-in-menu .fa-phone:after, .material #slide-out-widget-area.slide-out-from-right .fa-phone:after { content: "\f095" } #header-outer #social-in-menu .fa-envelope:after, .material #slide-out-widget-area.slide-out-from-right .fa-envelope:after { content: "\f0e0" } #header-outer[data-format="default"] #social-in-menu { margin: 0 0 0 30px } #slide-out-widget-area .off-canvas-menu-container li > a > .sf-sub-indicator { display: none; } body.original #header-outer[data-full-width="true"][data-format="default"] #social-in-menu { margin-right: 22px; } #header-outer[data-lhe="animated_underline"] #top nav >ul >#social-in-menu >a, #header-outer[data-lhe="default"] #top nav >ul >#social-in-menu >a { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0 } #top #mobile-cart-link, #top .mobile-search, #top .mobile-user-account { display: none; text-align: right; z-index: 10000 } #top .span_9 >.slide-out-widget-area-toggle { display: none; z-index: 10000; } #top #mobile-cart-link i, .mobile-search .icon-salient-search, .mobile-user-account .icon-salient-m-user { background-color: transparent; color: #a9a9a9; line-height: 34px; font-size: 18px; width: 18px; transition: color 0.3s ease; -webkit-transition: color 0.3s ease } #header-outer #mobile-cart-link .cart-wrap span { border-radius: 50%; height: 16px; width: 16px; text-align: center; line-height: 16px; font-size: 10px; display: block; visibility: hidden } #header-outer #mobile-cart-link .cart-wrap { position: absolute; top: 50%; margin-top: -14px; right: -1px; color: #fff; } #header-outer .first-load a.cart-contents .cart-wrap span, #header-outer #mobile-cart-link.first-load .cart-wrap span { visibility: visible; animation: .6s ease-in-out .12s normal both 1 bounce_in_animation; -webkit-animation: .6s ease-in-out .12s normal both 1 bounce_in_animation } .material .mobile-search .icon-salient-search, .material .mobile-user-account .icon-salient-m-user { color: #a9a9a9; } body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu { transition: background-color 0.30s ease, box-shadow 0.30s ease, margin 0.25s ease; -webkit-transition: background-color 0.30s ease, box-shadow 0.30s ease, margin 0.25s ease } body #header-outer[data-transparent-header="true"].transparent, body #header-outer[data-transparent-header="true"].transparent .cart-menu { transition: border-color 0.30s ease; -webkit-transition: border-color 0.30s ease } body.original #header-outer[data-transparent-header="true"].transparent, body.ascend #header-outer[data-transparent-header="true"].transparent, body.material #header-outer[data-transparent-header="true"].transparent { box-shadow: none; } body #header-outer[data-transparent-header="true"].transparent { background-color: transparent!important; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.25) } #header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before { background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.04) 16%, rgba(0,0,0,0.23) 75%, rgba(0,0,0,0.33) 100%); position: absolute; pointer-events: none; height: 120%; top: 0; left: 0; width: 100%; content: ''; display: block; } .pum-open [data-body-border="1"] #header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before { opacity: 0; } body.material #header-outer[data-transparent-header="true"].transparent { border-bottom: 0; } body #header-outer[data-transparent-header="true"].transparent nav >ul >li >a { margin-bottom: -1px } body #header-outer[data-transparent-header="true"][data-format="centered-menu"].transparent.side-widget-open.small-nav nav >ul >li >a { margin-bottom: 0 } #header-outer[data-transparent-header="true"].transparent #logo img, #header-outer[data-transparent-header="true"] #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo img { opacity: 0; -ms-filter: 'alpha(opacity=0)' } #header-outer[data-transparent-header="true"].transparent #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo .starting-logo { opacity: 1; -ms-filter: 'alpha(opacity=100)' } body #header-outer[data-transparent-header="true"][data-remove-border="true"], #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top .nectar-woo-cart .cart-contents { border: none!important } body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] { transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease; -webkit-transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease; } body:not(.ascend) #header-outer[data-transparent-header="true"][data-remove-border="true"]:not(.transparent) .cart-menu:after { border-left: 1px solid rgba(0,0,0,0) } body #header-outer.no-bg-color { box-shadow: none!important; background-color: transparent!important } body #header-outer[data-transparent-header="true"][data-remove-border="true"].transparent.pseudo-data-transparent { border-color: transparent!important } #header-outer.slide-out-hover { -webkit-transition: background-color .3s ease; -ms-transition: background-color .3s ease; transition: background-color .3s ease } #header-outer.slide-out-hover header, #header-outer.slide-out-hover >.cart-outer { -webkit-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease } #header-outer.pseudo-data-transparent.transparent #top nav >ul >li >a, #header-outer.pseudo-data-transparent.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.pseudo-data-transparent.transparent #top nav ul #nectar-user-account a span, #header-outer.pseudo-data-transparent.transparent nav >ul >li >a >.sf-sub-indicator i, #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: #fff!important; opacity: 0.75!important; transition: opacity 0.2s ease, color 0.2s ease } #header-outer.slide-out-hover #top.all-hidden, #header-outer >.cart-outer.all-hidden { opacity: 0 } body #header-outer-bg-only { display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; content: ' '; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); -webkit-transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1); -ms-transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1); transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1) } body.admin-bar #header-outer-bg-only { top: 32px } /* Light and Dark Transparent Colors */ #header-outer.light-text #top nav >ul >li >a, #header-outer.light-text #top nav ul #search-btn a span, #header-outer.light-text #top nav ul #nectar-user-account a span, #header-outer.light-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].light-text #top nav .sf-menu .current-menu-item >a, body[data-header-inherit-rc="true"] #header-outer[data-lhe="default"].light-text #top nav .sf-menu > .sfHover:not(#social-in-menu) > a, #header-outer[data-lhe="default"].light-text #top nav >ul >li >a:hover, #header-outer[data-lhe="default"].light-text #top nav .sf-menu >.sfHover >a { color: #fff!important; opacity: 0.7 } #header-outer.light-text #logo { color: #fff; } body[data-header-inherit-rc="true"] #header-outer[data-lhe="animated_underline"].light-text #top nav >ul >li:not([class*="button_"]) >a:after { border-color: #fff; } #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines:after, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle .lines-button:after, #header-outer.pseudo-data-transparent.transparent >#top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.pseudo-data-transparent.transparent >#top nav ul .slide-out-widget-area-toggle a .lines:after { background-color: #fff !important } #header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].dark-text #top nav .sf-menu .current-menu-item >a { color: #444!important; opacity: 0.7 } #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:after { background-color: #444 !important } #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines-button:after { opacity: 0.7 } #header-outer.light-text #top nav >ul >li >a:hover, #header-outer.light-text #top nav .sf-menu >.sfHover >a, #header-outer.light-text #top nav .sf-menu >.current_page_ancestor >a, #header-outer.light-text #top nav .sf-menu >.current-menu-item >a, #header-outer.light-text #top nav .sf-menu >.current-menu-ancestor >a, #header-outer.light-text #top nav .sf-menu >.current_page_item >a, #header-outer.light-text #top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.light-text #top nav >ul >.sfHover >a >span >i, #header-outer.light-text #top nav ul #search-btn a:hover span, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.light-text #top nav .sf-menu >.current-menu-item >a i, #header-outer.light-text #top nav .sf-menu >.current-menu-ancestor >a i, #header-outer.light-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.dark-text #top nav >ul >li >a:hover, #header-outer.dark-text #top nav .sf-menu >.sfHover >a, #header-outer.dark-text #top nav .sf-menu >.current_page_ancestor >a, #header-outer.dark-text #top nav .sf-menu >.current-menu-item >a, #header-outer.dark-text #top nav .sf-menu >.current-menu-ancestor >a, #header-outer.dark-text #top nav .sf-menu >.current_page_item >a, #header-outer.dark-text #top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.dark-text #top nav >ul >.sfHover >a >span >i, #header-outer.dark-text #top nav ul #search-btn a:hover span, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.dark-text #top nav .sf-menu >.current-menu-item >a i, #header-outer.dark-text #top nav .sf-menu >.current-menu-ancestor >a i, #header-outer.dark-text .cart-outer:hover .icon-salient-cart, #header-outer.light-text.side-widget-open #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #header-outer.dark-text.side-widget-open #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer.pseudo-data-transparent.transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines:after { opacity: 1!important } #header-outer.light-text #top nav >ul >li >a, #header-outer.light-text #top nav >ul >li *, body.ascend #header-outer.light-text .cart-menu, #header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav >ul >li *, .ascend #header-outer[data-full-width="true"].dark-text #top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].dark-text #top nav ul .slide-out-widget-area-toggle a, .ascend #header-outer[data-full-width="true"].light-text #top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].light-text #top nav ul .slide-out-widget-area-toggle a, body.ascend #header-outer.dark-text .cart-menu { border-color: rgba(0,0,0,0.1) } #header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle { position: relative } body #header-outer.transparent[data-transparent-header="true"].dark-slide, body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, body #header-outer.transparent[data-transparent-header="true"].dark-slide >#top nav ul #nectar-user-account >div, body #header-outer.transparent[data-transparent-header="true"].dark-slide >#top nav ul .slide-out-widget-area-toggle >div, #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after { border-color: rgba(0,0,0,0.08) !important } #header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav >ul >li >a:after, #header-outer.transparent.dark-slide #top nav >ul >li[class*="button_bordered"] >a:before, .dark-slide.transparent #top nav >ul >li[class*="button_bordered"] >a:before { border-color: #000!important } #header-outer[data-transparent-header="true"].no-pointer-events { pointer-events: none } #header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open.style-slide-out-from-right, #header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open.style-slide-out-from-right-alt { pointer-events: auto } body[data-bg-header="true"][data-header-search="true"].ascend #header-outer.transparent[data-has-menu="false"] #top nav ul #search-btn a:after, body[data-bg-header="true"][data-header-search="true"].ascend #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after, body[data-bg-header="true"][data-header-search="true"] #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after { border: none; display: none } #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart { opacity: 1 } .lines-button.x2.close .lines, .sf-menu .megamenu li ul, #top .sf-menu .megamenu ul .sub-menu { background-color: transparent!important } #header-outer[data-transparent-header="true"] #logo .dark-version { position: absolute } #header-outer[data-transparent-header="true"][data-format="centered-menu-under-logo"] #logo .dark-version { position: relative } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not(.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(.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(.mobile-icon) a:not(.using-label) .lines:after { height: 4px; width: 2.1rem; -webkit-border-radius: 1px; border-radius: 1px; } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .lines-button, .slide-out-hover-icon-effect:not(.small) .lines-button, body .slide-out-hover-icon-effect:not(.small) .lines-button { line-height: 0; font-size: 0 } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.close { -webkit-transform: none; transform: none; } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a, .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(.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(.mobile-icon) a:not(.using-label) .lines:after { top: -9px } #header-outer[data-transparent-header="true"].transparent >header #logo img.dark-version, #header-outer[data-transparent-header="true"].light-text >header #logo img.dark-version, #header-outer[data-transparent-header="true"].transparent.dark-slide >header #logo img, #header-outer[data-transparent-header="true"].dark-text >header #logo img, #header-outer[data-transparent-header="true"].dark-text.side-widget-open >header #logo img.dark-version { opacity: 0!important } #header-outer[data-transparent-header="true"].transparent.dark-slide >header #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text >header #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text.side-widget-open >header #logo img.starting-logo { opacity: 1!important } /* Search bar */ #search-outer { top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 10000; overflow: visible; display: none; background-color: #fff } .original #search-outer #search { height: 100%; display: -webkit-flex; display: flex; align-items: center; } #search-box { position: relative } #search-outer .container { overflow: visible; width: 100%; } #search-outer #search input[type=text] { width: 100%; color: #888; font-size: 43px; line-height: 43px; position: relative; padding: 0; background-color: transparent; border: 0; -webkit-transition: none; transition: none; -webkit-box-shadow: none; box-shadow: none; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; letter-spacing: 1px } #search-outer .ui-widget-content { background-color: #1F1F1F; border: none; border-radius: 0; -webkit-border-radius: 0; background-image: none } #search-outer .ui-widget-content li:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #272727; cursor: pointer } #search-outer .ui-widget-content li:hover a { background-image: none } #search-outer .ui-widget-content li:last-child a { border: none } #search-outer .ui-widget-content li a { border-bottom: 1px solid rgba(255,255,255,0.1) } .ui-helper-hidden-accessible { display: none } #search-outer .ui-widget-content img, #search-outer .ui-widget-content i { width: 40px; height: auto; float: left; margin-right: 15px } #search-outer .ui-widget-content i { line-height: 40px; font-size: 22px; background-color: rgba(255,255,255,0.1); border-radius: 0 } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em } .ui-menu { display: block; float: left; list-style: none outside none; margin: 0; padding: 2px } .ui-autocomplete { cursor: default; position: absolute } .ui-menu .ui-menu-item a { display: block; line-height: 1.5; padding: 0.2em 0.4em; text-decoration: none } #search-outer .ui-widget-content { width: 100%!important; left: 0!important } #search-outer .ui-widget-content li { line-height: 14px; clear: left; width: 100%; display: block; float: left; margin: 0 } #search-outer .ui-widget-content li .desc { position: relative; line-height: 14px; font-size: 11px } #search-outer .ui-widget-content li a { color: #CCC; line-height: 1.4em; transition: none; -webkit-transition: none; padding: 15px 15px } #search-outer >#search form { width: 92%; float: left } #search-outer #search #close { list-style: none } #search-outer #search #close a { position: absolute; right: 0; top: 24px; display: block; width: 24px; height: 17px; line-height: 22px; z-index: 10 } #search-outer #search #close a span:not(.close-line) { color: #a0a0a0; font-size: 18px; height: 20px; line-height: 19px; background-color: transparent; -webkit-transition: color 0.2s ease; transition: color 0.2s ease } #search-outer >#search #close a:hover span { color: #000 } #header-outer #search { position: relative } #header-outer .row .col.span_3, #header-outer .row .col.span_9 { width: auto } #header-outer .row .col.span_9 { float: right } #header-outer[data-full-width="true"] header >.container, body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu { width: 100%; max-width: 100%; padding: 0 28px } /* Hide Header Until Needed Effect */ #header-outer.highzI { z-index: 9999 } body[data-hhun="1"] #header-outer[data-remove-fixed="1"] { position: absolute } body[data-hhun="1"] #header-secondary-outer[data-remove-fixed="0"] { transition: transform 0.3s ease; } @media only screen and (min-width:1000px) { body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached), body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"][data-permanent-transparent="false"][data-using-secondary="1"] { top: 0 } } body[data-hhun="1"].original #header-outer.detached:not(.side-widget-open) { -webkit-transform: translateY(0); transform: translateY(0); } body[data-hhun="1"].original #header-outer[data-remove-border="true"].detached:not(.side-widget-open) { border-color: rgba(255,255,255,0) } body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open) { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; z-index: 9998; pointer-events: none } body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open), body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open) { -webkit-transform: translateY(-100%)!important; transform: translateY(-100%)!important; } body[data-hhun="1"] #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"][data-permanent-transparent="1"].detached, body[data-hhun="1"] #header-outer.detached { position: fixed!important; z-index: 9998!important; -webkit-transition: -webkit-transform .3s ease, height .3s ease, background .3s ease, opacity .3s ease, border-color 0.3s ease; transition: transform .3s ease, height .3s ease, background .3s ease, opacity .3s ease, border-color 0.3s } body[data-hhun="1"] #header-outer.transparent.at-top { transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease } /*-------------------------------------------------------------------------*/ /* 6. Row Styles /*-------------------------------------------------------------------------*/ /* Nectar Video BG */ .mobile-video-image { position: absolute; z-index: 1; top: 0; left: 0; display: none; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover } .using-mobile-browser .mobile-video-image { display: block; } .wpb_row .nectar-video-wrap, #page-header-bg .nectar-video-wrap { position: absolute; top: 0; left: 0; padding-bottom: 0; overflow: hidden; opacity: 0; z-index: 1; } .wpb_row .nectar-video-wrap .nectar-video-inner.transition, .wpb_row .row-bg-wrap .row-bg.transition { -webkit-transition: transform .65s cubic-bezier(.05, 0.2, .1, 1); transition: transform .65s cubic-bezier(.05, 0.2, .1, 1); } .wpb_row .nectar-video-wrap.column-video, .wpb_row .mobile-video-image.column-video { z-index: 0; } body.using-mobile-browser .wpb_row .nectar-video-wrap, body.using-mobile-browser #page-header-bg .nectar-video-wrap { left: -3000px; } body.using-mobile-browser .nectar-slider-wrap .slide-bg-wrap .video-wrap { bottom: -3000px; } .wpb_row .nectar-video-wrap video { transition: opacity 0.25s ease; opacity: 0; } .wpb_row .nectar-video-wrap.position-loaded video { opacity: 1; } #page-header-bg .nectar-video-wrap { opacity: 1; background-position: center; background-repeat: repeat; height: 100%; width: 100%; } #page-header-bg .nectar-video-wrap video { opacity: 0 } @media only screen and (min-width: 1000px) { body[data-ajax-transitions="true"][data-apte="center_mask_reveal"]:not(.using-mobile-browser) #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap video { opacity: 1 } } .video-color-overlay { width: 100%; height: 100%; opacity: 0; position: absolute; -webkit-backface-visibility: hidden; top: 0; left: 0; padding-bottom: 0; z-index: 3 } .wpb_row .nectar-video-wrap .mejs-container .mejs-controls, .mejs-overlay-button, .mejs-overlay-loading, #search-outer .ui-helper-hidden-accessible, .mobile #search-outer .ui-widget-content { display: none!important } .wpb_row >.span_12 { z-index: 10; } .wpb_row >.span_12, .wpb_row >.span_12 >.column_container:last-child { margin-bottom: 0!important } #page-header-bg .container { z-index: 100 } /* Nectar mouse parallax */ .nectar-slider-loading { background-color: #393939; background-position: center; background-repeat: repeat; position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100% } .wpb_row .nectar-parallax-scene { position: absolute; top: 0; left: 0; margin-bottom: 0; padding-bottom: 0; overflow: hidden; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .wpb_row.full-width-content .nectar-parallax-scene { margin-left: 0; } .wpb_row .nectar-parallax-scene li:first-child { position: relative; } .wpb_row .nectar-parallax-scene li { height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; } .wpb_row .nectar-parallax-scene div { margin-left: -10%; top: -10%; min-height: 100%; width: 120%; height: 120%; background-size: cover; margin-bottom: 0; max-width: none; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .wpb_row .nectar-parallax-scene[data-scene-position="center"] div { background-position: center } .wpb_row .nectar-parallax-scene[data-scene-position="bottom"] div { background-position: center bottom } .wpb_row .nectar-parallax-scene[data-scene-position="top"] div { background-position: center top } /* General */ body .full-width-section { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .full-width-section { -webkit-background-size: cover; background-size: cover; width: 100%; position: relative; } .full-width-content.parallax_section { -webkit-background-size: cover; background-size: cover; } .full-width-content.vc_row-fluid .wpb_column { background-position: center; background-size: cover; -webkit-background-size: cover } .wpb_row { position: relative } .wpb_row .row-bg, .full-width-section .row-bg, #page-header-bg .page-header-bg-image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover } body:not(.using-mobile-browser):not(.mobile) #page-header-bg .page-header-bg-image.translate { -webkit-transform: none!important; transform: none!important; height: 100%!important; } @media only screen and (max-width: 999px) { #page-header-bg[data-parallax="1"] .page-header-bg-image { height: calc(100% + 15px); top: auto; bottom: 0; } } .wpb_row .row-bg-wrap .row-bg-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; z-index: 2; backface-visibility: hidden; } .row.right-align-text { text-align: right } .wpb_row[data-using-ctc="true"] h1, .wpb_row[data-using-ctc="true"] h2, .wpb_row[data-using-ctc="true"] h3, .wpb_row[data-using-ctc="true"] h4, .wpb_row[data-using-ctc="true"] h5, .wpb_row[data-using-ctc="true"] h6 { color: inherit } .wpb_row.full-width-section, .wpb_row.full-width-content, body.material .wpb_row.full-width-section, body.material .wpb_row.full-width-content { margin-bottom: 0 } .wpb_row.full-width-content img, .wpb_row.full-width-content .img-with-aniamtion-wrap, .wpb_row.full-width-content .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 0 } body[data-ext-responsive="true"] .container .page-submenu > .full-width-section .container:not(.tab-container):not(.recent-post-container):not(.normal-container) { padding: 0 90px!important; } .full-width-section >.span_12 >div:last-child { padding-bottom: 0 } .full-width-section >.span_12 >div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child, .full-width-section >.span_12 .col >div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child { padding-bottom: 15px!important } .full-width-section img { display: block; margin-bottom: 0 } html:not(.js) .full-width-section, html:not(.js) .full-width-content { visibility: visible } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg, .wpb_row.parallax_section .row-bg { background-attachment: fixed } body .full-width-section.parallax_section .row-bg.translate, body .full-width-content.parallax_section .row-bg.translate, body .wpb_row.parallax_section .row-bg.translate, .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg.translate, #page-header-bg .page-header-bg-image.translate, [data-parallax="true"] .swiper-slide .image-bg.translate { background-attachment: scroll; top: auto; bottom: 0 } body .full-width-content.parallax_section .row-bg, body .full-width-section.parallax_section .row-bg, body .wpb_row.parallax_section .row-bg { background-attachment: fixed } body[data-ajax-transitions="false"] .parallax_section .row-bg, body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg { opacity: 0; transition: opacity 0.2s ease; } body[data-ajax-transitions="false"] .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]), body:not([data-remove-m-parallax="1"]) .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) { opacity: 1; background-attachment: scroll; top: auto; bottom: 0; } @media only screen and (min-width: 1000px) { body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="slow"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 90px); } body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="medium"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 70px); } body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="fast"]:not([data-parallax-speed="fixed"]) { height: calc(100% + 40px); } } @media only screen and (max-width: 999px) { body .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) { height: calc(100% + 40px); } } body .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg { height: calc(100% + 40px); } body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .row-bg, body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .row-bg, body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .nectar-recent-post-slide .nectar-recent-post-bg, body[data-ajax-transitions="false"] .parallax_section .row-bg[data-parallax-speed="fixed"], body[data-ajax-transitions="false"] .parallax_section .row-bg .nectar-recent-post-slide { opacity: 1; } .full-width-section.parallax_section .row-bg-wrap, .full-width-content.parallax_section .row-bg-wrap, .wpb_row.parallax_section .row-bg-wrap, .wpb_row .row-bg-wrap .inner-wrap { overflow: hidden; width: 100.1%; height: 100.1%; position: absolute; z-index: 1; top: 0; left: 0 } .wpb_row.parallax_section .row-bg-wrap, .wpb_row .row-bg-wrap[data-bg-animation="zoom-out-reveal"] { z-index: 2; } .wpb_row .row-bg-wrap, .full-width-section .row-bg-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } /* Row and Col Background Animations */ .wpb_row .row-bg-wrap canvas.nectar-liquid-bg, .column-image-bg-wrap canvas.nectar-liquid-bg { z-index: 100; position: relative; } .wpb_row .row-bg-wrap .nectar-displacement { background-image: url(../img/textures/displacement.jpg); display: none; } .wpb_row .column-image-bg-wrap .nectar-displacement { background-image: url(../img/textures/displacement2.jpg); display: none; } .row-bg-wrap[data-bg-animation*="fade"], .row-bg-wrap[data-bg-animation*="zoom"], .column-image-bg-wrap[data-bg-animation*="fade"], .column-image-bg-wrap[data-bg-animation*="zoom"] { overflow: hidden; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation*="displace-filter"] .row-bg.using-image, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation*="displace-filter"] .column-image-bg, body:not(.compose-mode) #ajax-content-wrap .row-bg-wrap[data-bg-animation*="displace-filter"] .row-bg.using-image, body:not(.compose-mode) #ajax-content-wrap .column-image-bg-wrap[data-bg-animation*="displace-filter"] .column-image-bg { background-size: 0; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation="displace-filter-fade"] .row-bg.using-image .nectar-liquid-bg, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation="displace-filter-fade"] .nectar-liquid-bg { opacity: 0; transition: opacity 0.55s ease-out; } body:not(.compose-mode) .row-bg-wrap[data-bg-animation="displace-filter-fade"] .row-bg.using-image .nectar-liquid-bg.animated-in, body:not(.compose-mode) .column-image-bg-wrap[data-bg-animation="displace-filter-fade"] .nectar-liquid-bg.animated-in { opacity: 1; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="fade-in"] .inner-wrap { opacity: 0; -webkit-transition: opacity 0.55s ease-out; transition: opacity 0.55s ease-out; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image.animated-in, .column-image-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.animated-in { opacity: 1; } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: transform 2.2s cubic-bezier(0.12, 0.75, 0.4, 1); transition: transform 2.2 cubic-bezier(0.12, 0.75, 0.4, 1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap { -webkit-transform: scale(1.6); transform: scale(1.6); -webkit-transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"], .row-bg-wrap[data-bg-animation="zoom-out-reveal"] { -webkit-transform: scale(0.7); transform: scale(0.7); overflow: hidden; opacity: 0; -webkit-transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1), opacity 0.4s ease-out; transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1), opacity 0.4s ease-out; } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"][data-bg-overlay="true"], .row-bg-wrap[data-bg-animation="zoom-out-reveal"][data-bg-overlay="true"] { -webkit-transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1), opacity 0.55s ease-out 0.2s; transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1), opacity 0.55s ease-out 0.2s; } .wpb_column .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"] { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.35s ease-out, transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.35s ease-out, transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); } .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap, .row-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap { -webkit-transform: scale(1.75); transform: scale(1.75); -webkit-transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); transition: transform 1.3s cubic-bezier(0.12, 0.75, 0.4, 1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image, .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap { -webkit-transform: scale(1.35); transform: scale(1.35); -webkit-transition: transform 8s cubic-bezier(0.1, 0.2, .7, 1); transition: transform 8s cubic-bezier(0.1, 0.2, .7, 1); } .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap { -webkit-transform: scale(1.45); transform: scale(1.45); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap.animated-in, body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap.animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"].animated-in { -webkit-transform: scale(1); transform: scale(1); } body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-image-bg-wrap[data-bg-animation="zoom-out-reveal"].animated-in, .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"].animated-in { opacity: 1; } .wpb_row .row-bg-wrap .inner-wrap { height: 100%; width: 100%; } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg, .wpb_row.parallax_section .row-bg { position: absolute; z-index: 1; top: 0; left: 0; background-size: cover; -webkit-background-size: cover } .full-width-section.no-cover .row-bg, .wpb_row .row-bg.no-cover, .full-width-section .row-bg.no-cover { background-size: auto!important; -webkit-background-size: auto } body .full-width-section >.col.span_12 { float: none } .full-width-section >.col.span_12.light, .full-width-content >.col.span_12.light, .col.span_12.light .wpb_text_column >.wpb_wrapper >ul { color: #fff } .vc_row.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner { width: 100% } .vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper { min-height: 1px } .vc_column_container>.vc_column-inner { position: relative; } @media only screen and (max-width: 999px) { body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 >.vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 >.vc_column_container>.vc_column-inner, body .wpb_row.vc_row-flex.vc_row-o-equal-height > .fp-tableCell .fp-scrollable > .fp-scroller > .full-page-inner-wrap-outer > .full-page-inner-wrap>.full-page-inner>.span_12>.vc_column_container>.vc_column-inner { display: -webkit-flex; display: flex; } } @media (max-width: 1299px) and (min-width: 1000px) { .vc_hidden-md { display: none; } } /* Shape divider layer */ .nectar-shape-divider-wrap { position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 150px; z-index: 3; transform: translateZ(0); } .post-area.span_9 .nectar-shape-divider-wrap { overflow: hidden; } .nectar-shape-divider-wrap[data-position="top"] { top: -1px; bottom: auto; } .nectar-shape-divider-wrap[data-position="top"] { transform: rotate(180deg) } .nectar-shape-divider-wrap[data-front="true"] { z-index: 50; } .nectar-shape-divider-wrap[data-style="curve"] .nectar-shape-divider { filter: blur(0.5px); transform: scale(1.03); } .nectar-shape-divider-wrap[data-style="waves_opacity"] svg path:first-child { opacity: 0.6; } @media only screen and (min-width: 1000px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 1700px; } } @media only screen and (max-width: 999px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 800px; } } @media only screen and (max-width: 690px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 690px; } } .nectar-shape-divider-wrap[data-style="fan"] svg { width: 102%; left: -1%; } .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="fan"] svg rect { opacity: 0.3; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:first-child { opacity: 0.1; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(2) { opacity: 0.12; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(3) { opacity: 0.18; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(4) { opacity: 0.33; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) { opacity: 0.3; } .nectar-shape-divider { width: 100%; left: 0; bottom: -1px; height: 100%; position: absolute; } .nectar-shape-divider-wrap.no-color .nectar-shape-divider { fill: #fff; } @media only screen and (max-width: 999px) { .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 75%; } .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 55%; } } @media only screen and (max-width: 690px) { .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 33%; } .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider { height: 33%; } } /*-------------------------------------------------------------------------*/ /* 7. Column Styles /*-------------------------------------------------------------------------*/ .col { position: relative; float: left; } /* Column boxed style */ .col.boxed:not(.wpb_column) { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); background-color: #fff; padding: 25px 15px 15px 15px; position: relative; -webkit-transition: top 0.2s ease, -webkit-box-shadow 0.2s ease; transition: top 0.2s ease, box-shadow 0.2s ease } .col.boxed .bottom-line, .wpb_column.boxed .bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0; background-color: #E8E8E8 } .col.boxed img, .wpb_column.boxed img { padding: 0 15px } .col.boxed:not(.wpb_column):hover { top: -4px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3); box-shadow: 0 2px 3px rgba(0,0,0,0.3) } .col.boxed.no-pointer-events { pointer-events: none } /* Center align content */ .col.centered-text, .wpb_column.centered-text { text-align: center } .centered-text .divider-small-border { margin: 25px auto } .centered-text .divider-border[data-animate="yes"], .centered-text .divider-small-border[data-animate="yes"] { -webkit-transform-origin: center; transform-origin: center; } body .col.centered-text ul, body .wpb_column.centered-text ul { display: inline-block; text-align: center; margin-left: 0 } .col.centered-text ul, .wpb_column.centered-text ul { text-align: left } body .col.centered-text img, body .wpb_column.centered-text img, .col.center img { margin-left: auto; margin-right: auto; } /* Background */ .wpb_column { background-position: center } .wpb_column[data-overlay-color="true"] .wpb_wrapper, .wpb_column[data-has-bg-color="true"] .wpb_wrapper, .wpb_column[data-using-bg="true"] .wpb_wrapper, .wpb_column[data-hover-bg^="#"] .wpb_wrapper { position: relative; z-index: 2 } .wpb_column .column-bg-overlay, .wpb_column .column-bg-overlay-wrap { pointer-events: none; position: absolute; z-index: 0; height: 100%; width: 100%; top: 0; left: 0; content: ' '; display: block; opacity: 0; transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1); } .vc_column-inner .column-overlay-layer { pointer-events: none; position: absolute; z-index: 0; height: 100%; width: 100%; top: 0; left: 0; content: ' '; display: block; } .wpb_column .column-bg-overlay-wrap { opacity: 1; } .column-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10 } /* Border layer */ /* (Bulk Loaded conditionally) - See css/elements/wpb-column-border.css */ .img-with-aniamtion-wrap[data-border-radius="3px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="3px"] .hover-wrap { border-radius: 3px; } .img-with-aniamtion-wrap[data-border-radius="5px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="5px"] .hover-wrap { border-radius: 5px; } .img-with-aniamtion-wrap[data-border-radius="10px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="10px"] .hover-wrap { border-radius: 10px; } .img-with-aniamtion-wrap[data-border-radius="15px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="15px"] .hover-wrap { border-radius: 15px; } .img-with-aniamtion-wrap[data-border-radius="20px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="20px"] .hover-wrap { border-radius: 20px; } @media only screen and (min-width:1000px) { .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-top, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-bottom { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transform: scaleX(0) } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-left, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap >.border-right { -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: scaleY(0); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transform: scaleY(0) } } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-top, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-bottom { transform: scaleX(1); } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-top { transform-origin: left; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-bottom { transform-origin: right; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-left, .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-right { transform: scaleY(1); } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-left { transform-origin: bottom; } .wpb_column[data-border-animation="true"] .vc_column-inner > .border-wrap.animation > .border-right { transform-origin: top; } /* General */ .col.span_3 .col.span_12 i, .col.span_4 .col.span_12 i { margin-bottom: 0 } body .wpb_text_column { margin-bottom: 0 } .wpb_animate_when_almost_visible { opacity: 0; } .wpb_start_animation { opacity: 1; } body .wpb_text_column h2:last-child, body .wpb_text_column h3:last-child { margin-bottom: 10px } /*-------------------------------------------------------------------------*/ /* 8. Third Party Styling /*-------------------------------------------------------------------------*/ /* carouFredSel */ .carousel-outer { overflow: hidden; margin-right: 2px } body[data-ajax-transitions="true"] .row.carousel { opacity: 1 } .carousel-heading { z-index: 100; position: relative; margin-bottom: 7px; min-height: 23px } .carousel-heading h2 { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; margin-left: 10px; margin-bottom: 7px } .carousel-wrap .item-count { font-size: 12px } .carousel-wrap[data-full-width="false"] .carousel-heading h2 { font-size: 12px } html:not(.js) .carousel-heading { display: none } .carousel-wrap[data-ctc="light"] .carousel-heading h2, .ascend .carousel-wrap[data-ctc="light"] .carousel-next i, .ascend .carousel-wrap[data-ctc="light"] .carousel-prev i, .carousel-wrap[data-ctc="light"] .item-count, .carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i { color: #fff } .recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading { background-color: #252525 } .caroufredsel_wrapper, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .woocommerce .products-carousel ul.products .product a { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0!important } .caroufredsel_wrapper.active, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info .active, .woocommerce .products-carousel ul.products .product a.active { cursor: grabbing!important; cursor: -moz-grabbing!important; cursor: -webkit-grabbing!important } body .carousel-wrap { position: relative; overflow: hidden; margin: 0 -10px 0 -10px } body .full-width-section .carousel-wrap { margin-bottom: 0 } .carousel-wrap[data-full-width="true"] { padding: 0 18px; } .carousel-wrap[data-full-width="true"] .carousel-heading { background-color: #f8f8f8; padding: 43px 0 40px 0; margin-bottom: 0; text-align: center } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { font-size: 24px; line-height: 36px; letter-spacing: 0.5px; margin: 0 auto; max-width: 900px; text-transform: none; font-family: 'Open Sans'; font-weight: 300 } .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next { top: 8px!important } .carousel-wrap[data-full-width="true"] .carousel-heading a { background-color: transparent } .carousel-wrap[data-full-width="true"] .carousel-heading i { background-color: transparent; color: #888; font-size: 30px; line-height: 28px; transition: color 0.2s ease 0s } body .carousel-wrap[data-full-width="true"] .carousel-heading .container { min-height: 40px } body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"] { padding: 0 } .carousel-wrap .work-item.style-2, .carousel-wrap[data-full-width="true"] { margin-bottom: 0; } .carousel-wrap[data-full-width="true"] .span_4.no-margin { margin: 0; } .full-width-content .caroufredsel_wrapper { overflow: visible!important } .carousel-wrap .carousel-heading { padding: 0 } html:not(.js) .carousel-wrap { display: none } .carousel-wrap .left-border, .carousel-wrap .right-border { width: 10px; display: block; height: 100%; position: absolute; top: 0; z-index: 100; background-color: #f8f8f8 } .carousel-wrap .left-border { left: 0 } .carousel-wrap .right-border { right: 0 } .carousel-next, .carousel-prev { background-color: #dadada; cursor: pointer; display: block; margin-left: 5px; line-height: 22px; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; background-repeat: no-repeat; position: absolute; top: 0; height: 20px; width: 20px; -webkit-border-radius: 1px; border-radius: 1px; text-align: center } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { height: 28px; width: 44px } .carousel-wrap[data-full-width="true"] .carousel-next { text-align: right } .carousel-wrap[data-full-width="true"] .carousel-prev { text-align: left } .carousel-next { right: 0; padding-left: 1px } .carousel-prev { right: 25px; padding-right: 1px } .carousel-wrap[data-full-width="false"] .control-wrap { position: absolute; right: 0; top: 0 } .carousel-next i, .carousel-prev i, .carousel-wrap .carousel-next i, .carousel-wrap .carousel-prev i { background-color: transparent; line-height: 24px; font-size: 14px } .carousel-prev:hover, .carousel-next:hover { background-color: #000 } ul.row.carousel { opacity: 0 } #ajax-content-wrap .carousel-wrap[data-full-width="true"] .span_4.no-margin .carousel-wrap[data-full-width="true"] .span_4.no-margin { margin: 0 } .carousel-wrap[data-full-width="true"].default-style { padding: 0 20px!important } .carousel-wrap[data-full-width="true"] .work-meta { padding: 0 15px } .carousel-wrap[data-full-width="true"].default-style .work-meta, .carousel-wrap[data-full-width="true"] { padding: 0!important } body .carousel .span_4, body .portfolio-items.carousel .span_4 { margin: 0 10px 0 10px } .carousel-wrap[data-full-width="true"].default-style .span_4 { margin: 0 15px 0 15px } .carousel .span_4 .clear { padding-bottom: 0; margin-bottom: 0 } /* Owl carousel */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; padding: 25px 0; cursor: -webkit-grab; cursor: -moz-grab; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { display: none } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab, .owl-stage.owl-grab { cursor: -webkit-grabbing; cursor: -moz-grabbing } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } /* No Js */ .no-js .owl-carousel { display: block } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height 500ms ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; background: none; border: none; padding: 0; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px 7px; background: rgba(0,0,0,0.25); display: block; -webkit-backface-visibility: visible; border-radius: 30px; -webkit-transition: all 0.13s ease; transition: all 0.13s ease; -webkit-transform: scale(0.9); transform: scale(0.9); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .span_12.light .owl-theme .owl-dots .owl-dot span { background: rgba(255,255,255,0.5) } .span_12.light .owl-theme .owl-dots .owl-dot.active span, .span_12.light .owl-theme .owl-dots .owl-dot:hover span { background: #fff } .owl-theme .owl-dots .owl-dot.active span { -webkit-transform: scale(1.5); transform: scale(1.5); } .owl-carousel[data-column-padding="5px"] .carousel-item { padding: 6px } .owl-carousel[data-column-padding="10px"] .carousel-item { padding: 11px } .owl-carousel[data-column-padding="15px"] .carousel-item { padding: 16px } .owl-carousel[data-column-padding="20px"] .carousel-item { padding: 21px } .owl-carousel[data-column-padding="30px"] .carousel-item { padding: 31px } .owl-carousel[data-column-padding="40px"] .carousel-item { padding: 41px } .owl-carousel[data-column-padding="50px"] .carousel-item { padding: 51px } .owl-carousel.moving a { pointer-events: none } .owl-carousel[data-enable-animation="true"] .owl-stage >.owl-item { opacity: 0; -ms-transform: translateY(70px); -webkit-transform: translateY(70px); transform: translateY(70px) } .owl-carousel[data-enable-animation="true"] .owl-controls { opacity: 0 } .owl-carousel[data-enable-animation="true"].animated-in .owl-controls { opacity: 1; -ms-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s } /* 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 } /* Flexslider */ .flex-gallery { margin: 0; padding: 0 } .flex-gallery .slides >li { display: none; -webkit-backface-visibility: hidden } .flex-gallery .slides img { width: 99.8%; display: block } .flex-pauseplay span { text-transform: capitalize } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides >li:first-child { display: block } .flex-gallery { margin: 0 0 15px; position: relative; zoom: 1; background-color: transparent } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .flex-gallery .slides { zoom: 1 } .flex-gallery ul { position: relative; z-index: 1000; margin: 0 } .flex-gallery .flex-direction-nav { margin: 0; position: absolute; top: 8px } .flex-gallery ul li { list-style: none } .flex-gallery ul li img { margin-bottom: 0 } .carousel li { margin-right: 0; margin-left: 0 } .flex-control-nav { display: none } .flex-direction-nav { *height:0 } .flex-direction-nav a { display: block; line-height: 22px; position: relative; background-color: #000; height: 25px; width: 25px; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; } .flex-direction-nav a i { line-height: 29px; font-size: 16px; color: #fff; background-color: transparent } .flex-direction-nav .flex-next { padding-left: 2px } .flex-direction-nav .flex-prev { padding-right: 2px } body #ajax-content-wrap .flex-gallery .flex-direction-nav li { float: left; margin-left: 7px } .flex-direction-nav a:hover { background-color: #333 } .flex-direction-nav .flex-next span { background-image: url("../img/icons/slider-arrows-small.png"); 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-image: url("../img/icons/slider-arrows-small.png"); background-position: left top; top: 9px; left: 9px; position: absolute; display: block; height: 15px; width: 15px; z-index: 100 } /* Slider paginations */ body.mobile.material [data-bullet_style="see_through"] .slider-pagination { bottom: 13px; } body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { position: relative; top: 50%; } body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { display: block; content: ''; } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot, .nectar-woo-flickity .flickity-page-dots .dot, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch { width: 30px; margin: 0; opacity: 0.35 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot:before, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before, .nectar-quick-view-box .flickity-page-dots .dot:before, .nectar-woo-flickity .flickity-page-dots .dot:before, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before { width: 6px; height: 6px; transition: all 0.25s ease; border-radius: 50%; margin-left: 11px; background-color: transparent; box-shadow: inset 0 0 0 5px #000 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch.swiper-active-switch, .nectar-quick-view-box .flickity-page-dots .dot.is-selected, .nectar-woo-flickity .flickity-page-dots .dot { opacity: 1 } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .nectar-quick-view-box .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before { -webkit-transform: scale(2); transform: scale(2); box-shadow: inset 0 0 0 1px #000; background-color: transparent } .span_12.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before, .span_12.light .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot:before, .span_12.light .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:before, .span_12.light .nectar-woo-flickity .flickity-page-dots .dot:before, .span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before, body.material [data-bullet_style="see_through"] .slider-pagination:not(.dark-cs) .swiper-pagination-switch:before { box-shadow: inset 0 0 0 5px #fff } .span_12.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot.is-selected:before, .span_12.light .testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style="see_through"] .slider-pagination:not(.dark-cs) .swiper-pagination-switch.swiper-active-switch:before { box-shadow: inset 0 0 0 1px #fff } .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots { bottom: -85px; margin: 0 } .nectar-flickity[data-control-style="material_pagination"]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls="material_pagination"]:not(.masonry) .flickity-viewport { margin: 110px 0 130px 0 } iframe.iframe-embed, iframe { max-width: 100% } html:not(.js) .main-content iframe[src], .main-content #sidebar iframe[src], .wc-braintree-hosted-field iframe { opacity: 1 } .iframe-embed-standard iframe { width: 100%!important } /* Media Element Styles (mejs) */ body .mejs-container .mejs-controls >.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255,255,255,.33) } .mejs-controls .mejs-button button:focus { outline: none } body[data-button-style*="_rounded"] .mejs-button>button, body[data-button-style^="rounded"] .mejs-controls .mejs-pause button, body .mejs-controls .mejs-pause { border-radius: 0!important; } video, audio { visibility: hidden } .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255,255,255,0.3)!important } .mejs-video .mejs-controls .mejs-time-rail { padding-top: 12px } .mejs-audio .mejs-controls .mejs-time-rail { padding-top: 11px } .mejs-video .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-video .mejs-controls .mejs-time-rail span, .mejs-video .mejs-controls .mejs-time-rail a, .mejs-video .mejs-controls .mejs-time-rail .mejs-time-loaded { height: 8px } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-audio .mejs-controls .mejs-time-rail span, .mejs-audio .mejs-controls .mejs-time-rail a, .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { height: 8px } #ajax-content-wrap .mejs-container { background-color: transparent; background-image: none!important } .wp-video { margin-bottom: 20px; } .wp-video, .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important } .wp-video-shortcode.mejs-container .mejs-poster img { visibility: hidden; display: block; margin-bottom: 0; } .mejs-container-fullscreen .mejs-poster img { height: 100%!important } body .mejs-poster { background-size: cover } body .mejs-container .mejs-controls .mejs-time { opacity: 0.8; } body .mejs-controls button { transition: opacity 0.15s ease } body .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 0.8 } #ajax-content-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background-color: rgba(255,255,255,0.25) } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent!important } body .mejs-controls .mejs-button button { font-size: 18px; color: #fff; width: auto; position: relative; display: inline-block; background-image: none } body .mejs-controls button:before { text-decoration: inherit; display: inline-block; speak: none } body .mejs-controls .mejs-play button:before { content: "\e052" } body .mejs-controls .mejs-mute button:before { content: "\e098" } body .mejs-controls .mejs-unmute button:before { content: "\e099" } body .mejs-controls .mejs-fullscreen-button button:before { content: "\e110"; font-size: 17px } body .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before { content: "\e111" } body .mejs-button.mejs-volume-button { margin-left: 5px } body .mejs-controls .mejs-pause { top: 2px; left: 2px; position: relative; } body .mejs-controls .mejs-pause button { border-left: 3px solid #fff; border-right: 3px solid #fff; width: 9px; height: 12px; right: 3px; top: 2px } #ajax-content-wrap .mejs-container.mejs-audio { height: 44px!important; background-color: rgba(0,0,0,1) } #ajax-content-wrap .mejs-container.mejs-audio .mejs-playpause-button { margin-left: 0; } body .mejs-container.mejs-audio .mejs-controls, body .masonry-blog-item .mejs-container.mejs-video .mejs-controls { height: 42px } #ajax-content-wrap .masonry-blog-item .mejs-container.mejs-video .mejs-controls .mejs-playpause-button { margin-left: 10px } #ajax-content-wrap .masonry-blog-item .mejs-container .mejs-fullscreen-button { margin-right: 10px } body .masonry-blog-item .mejs-container:not(.mejs-audio) .mejs-controls:before { height: 250% } body .mejs-container:not(.mejs-audio) .mejs-controls:before { background: -webkit-linear-gradient(top, rgba(255,255,255,0) -2%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.04) 44%, rgba(0,0,0,0.8) 100%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(255,255,255,0) -2%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.04) 44%, rgba(0,0,0,0.8) 100%, rgba(0,0,0,0.6) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 400%; z-index: 11; border-radius: 4px; content: ' ' } body .mfp-wrap .mfp-content .mejs-container:not(.mejs-audio) .mejs-controls:before { border-radius: 0; } body .mejs-container .mejs-controls >* { z-index: 100; position: relative } body .mejs-container .mejs-controls { background: none!important; height: 50px } #ajax-content-wrap .mejs-playpause-button { margin-left: 20px } #ajax-content-wrap .mejs-fullscreen-button { margin-right: 20px } body .mejs-video .mejs-controls .mejs-time-rail .mejs-time-float { color: #fff; border: none; background-color: transparent } body .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-color: transparent transparent } body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { border: none; background-color: #fff; height: 15px; box-shadow: 0 2px 12px rgba(0,0,0,0.25) } #header-outer .wpml-ls-menu-item .wpml-ls-flag { margin-bottom: 0 } /* Isotope */ .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1 } .isotope { -webkit-transition-property: height; -ms-transition-property: height; transition-property: height } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity } /* BBPress */ .bbp-author-avatar img { margin-bottom: -3px } body #bbpress-forums fieldset.bbp-form { border: 1px solid #D9D9D9 } #bbpress-forums fieldset.bbp-form p { padding-bottom: 10px } #bbpress-forums .bbp-header, #bbpress-forums .bbp-footer { font-weight: normal } #bbpress-forums .bbp-body ul.forum, #bbpress-forums .bbp-body ul.topic { padding-left: 15px } #bbpress-forums .bbp-forum-header, #bbpress-forums .bbp-topic-header, #bbpress-forums .bbp-reply-header { background-color: #f4f4f4 } .bbp-topic-meta { margin-top: 1px } #bbpress-forums .bbp-header { background-color: #f1f1f1 } #bbpress-forums .wp-editor-container, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #DDD } .bbp-topic-permalink { font-size: 14px } .topic .bbp-topic-title { margin-top: 2px } .bbp-template-notice p { padding: 4px } #bbp_search_submit, #members_search_submit { padding: 10px 11px } #bbpress-forums #subscription-toggle { color: #ccc } body #bbpress-forums fieldset.bbp-form { padding-bottom: 20px } /* BuddyPress */ body #buddypress form.bp-dir-search-form button[type="submit"] { padding: 10px .7em!important; } .material .buddypress-wrap form.bp-dir-search-form input[type="search"]:focus { box-shadow: none; } .buddypress-wrap form.bp-dir-search-form button[type=submit] span { line-height: 1em; } body[data-form-style="minimal"] #buddypress input[type="text"], body[data-form-style="minimal"] #buddypress input[type="password"], body[data-form-style="minimal"] #buddypress input[type="email"] { padding-left: 10px; padding-right: 10px; } #buddypress input[type=submit]:hover { color: #fff; } #buddypress .activity-update-form #whats-new-submit input[type=submit] { line-height: 1em; } body[data-form-style="minimal"] #buddypress textarea { background-color: rgba(0,0,0,0.018); border-radius: 4px; border: 1px solid rgba(0,0,0,0.05); padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .buddypress-wrap .bp-feedback.bp-messages p { padding-bottom: 0; } #buddypress form#whats-new-form textarea { width: 100%!important } .buddypress h1 { margin-bottom: 30px } /*-------------------------------------------------------------------------*/ /* 9. Salient Elements /*-------------------------------------------------------------------------*/ /* 9.1. Animated Title */ .nectar-animated-title, body .wpb_wrapper > .nectar-animated-title { margin-bottom: 0 } .nectar-animated-title-inner { display: inline-block; overflow: hidden; position: relative; margin-bottom: 10px } .nectar-animated-title h6 { padding: 5px 10px } .nectar-animated-title h5 { padding: 6px 12px } .nectar-animated-title h4 { padding: 7px 14px } .nectar-animated-title h3 { padding: 8px 16px } .nectar-animated-title h2 { padding: 10px 20px } .nectar-animated-title h1 { padding: 15px 30px } .nectar-animated-title .nectar-animated-title-inner .wrap >* { margin-bottom: 0; position: relative; z-index: 100; color: #fff } .nectar-animated-title .nectar-animated-title-inner:after { display: block; background-color: #000; content: ' '; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100% } .nectar-animated-title .nectar-animated-title-outer { display: inline-block } .nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-outer { perspective: 1000px } .nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-inner { -ms-transform: rotateX(-90deg) translateZ(0); -webkit-transform: rotateX(-90deg) translateZ(0); transform: rotateX(-90deg) translateZ(0); -ms-transform-origin: 0px 0px 0px; -webkit-transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px; opacity: 0; box-shadow: rgba(0,0,0,0.13) 0px 6px 20px } .nectar-animated-title[data-style="hinge-drop"].completed .nectar-animated-title-inner { -ms-transform: rotateX(0deg) translateZ(0); -webkit-transform: rotateX(0deg) translateZ(0); transform: rotateX(0deg) translateZ(0); opacity: 1; -ms-transition: transform 1.3s cubic-bezier(0.2, 1, 0.2, 1), opacity 1.3s cubic-bezier(0.2, 1, 0.2, 1); transition: transform 1.3s cubic-bezier(0.2, 1, 0.2, 1), opacity 1.3s cubic-bezier(0.2, 1, 0.2, 1); -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.2, 1, 0.2, 1), opacity 1.3s cubic-bezier(0.2, 1, 0.2, 1) } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner:after { -ms-transform-origin: left; -ms-transform: scale(0, 1); transform-origin: left; transform: scale(0, 1) } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap { overflow: hidden; -ms-transform: translateX(-100%) translateZ(0); -webkit-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); position: relative; z-index: 100 } .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap * { -ms-transform: translateX(100%) translateZ(0); -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); display: block } .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap * { -ms-transform: translateX(0%) translateZ(0); -webkit-transform: translateX(0%) translateZ(0); transform: translateX(0%) translateZ(0); -ms-transition: transform 0.7s cubic-bezier(0.85, 0, 0.12, 1); -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.85, 0, 0.12, 1); transition: transform 0.7s cubic-bezier(0.85, 0, 0.12, 1) } .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner:after { -webkit-animation: colorStripReveal 0.7s cubic-bezier(0.85, 0, 0.12, 1) forwards; animation: colorStripReveal 0.7s cubic-bezier(0.85, 0, 0.12, 1) forwards } @keyframes colorStripReveal { 0% { transform:scale(0, 1) translateZ(0) } 100% { transform:scale(1, 1) translateZ(0) } } /* 9.2. Button */ .btn { padding: 8px 16px } .nectar-button { border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1); color: #FFF; font-family: 'Open Sans'; font-weight: 600; font-size: 12px; padding: 13px 18px; position: relative; top: 0; margin-bottom: 10px; opacity: 1; line-height: 20px; background-color: #000; display: inline-block } .nectar-3d-transparent-button { font-family: 'Open Sans'; font-weight: 700; font-size: 12px; line-height: 20px; visibility: hidden } .nectar-button.small { border-radius: 2px 2px 2px 2px; font-size: 11px; padding: 8px 14px; color: #FFF; box-shadow: 0 -1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -1px rgba(0,0,0,0.1) inset; } .nectar-button.medium { border-radius: 3px 3px 3px 3px; padding: 10px 15px; font-size: 12px; color: #FFF; box-shadow: 0 -2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -2px rgba(0,0,0,0.1) inset; } body .nectar-button.small { font-size: 12px } body .nectar-button.medium { font-size: 12px } .nectar-button.large { font-size: 14px; padding: 15px 22px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.jumbo { font-size: 18px; padding: 25px 40px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.extra_jumbo { font-size: 60px; line-height: 60px; padding: 60px 90px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; } .nectar-button.small.see-through, .nectar-button.small.see-through-2, .nectar-button.small.see-through-3 { padding-top: 6px; padding-bottom: 6px } .nectar-button.medium.see-through, .nectar-button.medium.see-through-2, .nectar-button.medium.see-through-3 { padding-top: 9px; padding-bottom: 9px } body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 { border-width: 2px; padding-top: 13px; padding-bottom: 13px } body .nectar-button.jumbo.see-through, body .nectar-button.jumbo.see-through-2, body .nectar-button.jumbo.see-through-3 { border-width: 4px; padding-top: 21px; padding-bottom: 21px } body .nectar-button.extra_jumbo.see-through, body .nectar-button.extra_jumbo.see-through-2, body .nectar-button.extra_jumbo.see-through-3 { border-width: 10px } .nectar-button.extra_jumbo.has-icon, .nectar-button.tilt.extra_jumbo.has-icon { padding-left: 80px; padding-right: 80px } .nectar-button.extra_jumbo i, .nectar-button.tilt.extra_jumbo i, .nectar-button.extra_jumbo i[class*="fa-"], .nectar-button.tilt.extra_jumbo i[class*="fa-"] { right: 75px } .nectar-button.has-icon.extra_jumbo:hover i, .nectar-button.tilt.extra_jumbo.has-icon i { -ms-transform: translateX(13px); -webkit-transform: translateX(13px); transform: translateX(13px); } .nectar-button.has-icon.extra_jumbo:hover span, .nectar-button.tilt.extra_jumbo.has-icon span { -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px) } body .nectar-button.extra_jumbo i { font-size: 40px; margin-top: -20px; line-height: 40px } body .nectar-button em { font-size: inherit; line-height: inherit } .nectar-button i, .nectar-button i[class*="fa-"] { font-size: 18px; line-height: 18px; width: 18px; position: absolute; top: 50%; right: 30px; margin-top: -9px; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1) } .nectar-button.small i { font-size: 16px; line-height: 16px; right: 26px } .nectar-button i.icon-button-arrow { font-size: 19px } .nectar-button.medium i.icon-button-arrow, .nectar-button.small i.icon-button-arrow { font-size: 16px } .nectar-button span { left: 0; display: inline-block; -webkit-transform: translateX(0); transform: translateX(0); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform .45s cubic-bezier(0.25, 1, 0.33, 1); position: relative } .nectar-button .im-icon-wrap svg { width: 18px; height: 18px; fill: currentColor; } .nectar-button.extra_jumbo .im-icon-wrap svg { width: 40px; height: 40px; } .material .nectar-button .im-icon-wrap, .material .nectar-button .im-icon-wrap span { display: block; position: relative; width: 100%; height: 100%; } .material .nectar-button .im-icon-wrap svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body #ajax-content-wrap .nectar-button .im-icon-wrap, body #ajax-content-wrap .nectar-button .im-icon-wrap span { left: auto; transform: none; } .nectar-button.has-icon, .nectar-button.tilt.has-icon { padding-left: 42px; padding-right: 42px } body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).has-icon, body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3).tilt.has-icon { padding-left: 42px; padding-right: 42px } .nectar-button.has-icon.small, .nectar-button.tilt.has-icon.small { padding-left: 33px; padding-right: 33px } .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span, body.material .nectar-button.has-icon span { -ms-transform: translateX(-18px); -webkit-transform: translateX(-18px); transform: translateX(-18px) } .nectar-button.has-icon.small:hover span, .nectar-button.tilt.small.has-icon span, body.material .nectar-button.has-icon.small span { -ms-transform: translateX(-14px); -webkit-transform: translateX(-14px); transform: translateX(-14px) } .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i, body.material .nectar-button.has-icon i { opacity: 1; -ms-filter: "alpha(opacity=100)"; -webkit-transform: translateX(6px); transform: translateX(6px); } .nectar-button.small.has-icon:hover i, .nectar-button.small.tilt.has-icon i, body.material .nectar-button.small.has-icon i { -webkit-transform: translateX(10px); transform: translateX(10px); } .nectar-button:hover, .full-width-section .light .nectar-button:hover { opacity: 0.87; color: #fff } @media only screen and (min-width: 1000px) { .full-width-section .light .nectar-button.wpb_animate_when_almost_visible:not(.see-through):not(.see-through-2):not(.see-through-3), body .nectar-button.wpb_animate_when_almost_visible { opacity: 0 } } body:not([data-button-style*="rounded_shadow"]) .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3), body .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3) { opacity: 0.9 } body[data-button-style] .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body[data-button-style] .full-width-section .light .nectar-button.wpb_animate_when_almost_visible.animated:not(.see-through):not(.see-through-2):not(.see-through-3):hover, body .nectar-button.wpb_animate_when_almost_visible.animated, body[data-button-style] .nectar-button.wpb_animate_when_almost_visible.animated { opacity: 1 } .text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart { font-family: 'Open Sans'; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 1px; position: relative; text-transform: uppercase } .text_on_hover.product a.added_to_cart { border-radius: 2px } .nectar-button.see-through, body .nectar-button.see-through { -webkit-box-shadow: none; opacity: 1!important; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid rgba(255,255,255,0.75) } .text_on_hover.product .add_to_cart_button { -webkit-box-shadow: none; opacity: 1; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid rgba(255,255,255,0.75) } .nectar-button.see-through, body .nectar-button.see-through, .text_on_hover.product .add_to_cart_button { background-color: transparent!important; box-shadow: none!important; } .nectar-button.see-through-2, .nectar-button.see-through-3 { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; opacity: 1; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid rgba(255,255,255,0.75) } .nectar-button.see-through-2:hover, .nectar-button.see-through-3:hover { background-color: transparent } .nectar-button.see-through-3 { border: 2px solid rgba(255,255,255,1) } /* rounded buttons */ body[data-button-style^="rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style^="rounded"] .nectar-button.see-through, body[data-button-style^="rounded"].ascend .nectar-button.see-through, body[data-button-style^="rounded"] .nectar-button.see-through-2, body[data-button-style^="rounded"].ascend .nectar-button.see-through-2, body[data-button-style^="rounded"] .nectar-button.see-through-3, body[data-button-style^="rounded"].ascend .nectar-button.see-through-3, body[data-button-style^="rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style^="rounded"] #to-top, body[data-button-style^="rounded"] .flex-direction-nav a, body[data-button-style^="rounded"] #pagination span, body[data-button-style^="rounded"] #pagination a, body[data-button-style^="rounded"] #pagination .next.inactive, body[data-button-style^="rounded"] #pagination .prev.inactive, body[data-button-style^="rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style^="rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style^="rounded"] #infscr-loading, body[data-button-style^="rounded"] input[type=submit], body[data-button-style^="rounded"] button[type=submit], body[data-button-style^="rounded"] input[type="button"], body[data-button-style^="rounded"] button, body[data-button-style^="rounded"].ascend .container-wrap input[type="submit"], body[data-button-style^="rounded"].ascend .container-wrap button[type="submit"], body[data-button-style^="rounded"] .nectar-button, body[data-button-style^="rounded"] .swiper-slide .button a, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style^="rounded"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button, body[data-button-style^="rounded"] #header-outer .widget_shopping_cart a.button { border-radius: 200px!important; -webkit-border-radius: 200px!important; box-shadow: none; -ms-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="slightly_rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style*="slightly_rounded"] #infscr-loading, body[data-button-style*="slightly_rounded"] .flex-direction-nav a, body[data-button-style*="slightly_rounded"] #pagination span, body[data-button-style*="slightly_rounded"] #pagination a, body[data-button-style*="slightly_rounded"] #pagination .next.inactive, body[data-button-style*="slightly_rounded"] #pagination .prev.inactive, body[data-button-style*="slightly_rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style*="slightly_rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style*="slightly_rounded"] input[type=submit], body[data-button-style*="slightly_rounded"] button[type=submit], body[data-button-style*="slightly_rounded"] input[type="button"], body[data-button-style*="slightly_rounded"] button, body[data-button-style*="slightly_rounded"].ascend .container-wrap input[type="submit"], body[data-button-style*="slightly_rounded"].ascend .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .nectar-button, body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button, body[data-button-style*="slightly_rounded"] .comment-list .reply a, body[data-button-style*="slightly_rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-social-inner >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-love, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, body[data-button-style*="slightly_rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a, .ascend[data-button-style="slightly_rounded"] .container-wrap input[type="submit"], .ascend[data-button-style*="slightly_rounded"] .container-wrap button[type="submit"], body[data-button-style*="slightly_rounded"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { border-radius: 4px!important; -webkit-border-radius: 4px!important; box-shadow: none; -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="slightly_rounded"] .nectar-hor-list-item .nectar-list-item-btn { border-radius: 4px; -webkit-border-radius: 4px; } body[data-button-style*="slightly_rounded"] #to-top { border-radius: 200px!important; -webkit-border-radius: 200px!important; } body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through-2 { border-color: rgba(0,0,0,0.15); color: #000; } body[data-button-style*="rounded_shadow"] .wp-block-button > .wp-block-button__link { transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); } body[data-button-style*="rounded_shadow"] .wp-block-button > .wp-block-button__link:hover, body[data-button-style*="rounded_shadow"] .nectar-button:hover, body[data-button-style*="rounded_shadow"] .nectar-button:focus, body[data-button-style*="rounded_shadow"].ascend .nectar-button.see-through:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:focus, body[data-button-style*="rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style*="rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="rounded_shadow"].ascend .nectar-button.see-through-2:hover, body[data-button-style*="rounded_shadow"].ascend .nectar-button:hover, body[data-button-style*="rounded_shadow"] .sharing-default-minimal .nectar-love:hover, body[data-button-style="rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, body[data-button-style*="rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, body[data-button-style*="rounded_shadow"] .container-wrap input[type="submit"]:hover, body[data-button-style="rounded_shadow"] .container-wrap button[type="submit"]:hover, body[data-button-style="rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } body[data-button-style*="rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, body[data-button-style*="rounded_shadow"].material .nectar-button.see-through:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.11)!important; } body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover, body[data-button-style="slightly_rounded_shadow"] .nectar-button:focus, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through:hover, body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:focus, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover, body[data-button-style="slightly_rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style="slightly_rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through-2:hover, body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button:hover, body[data-button-style="slightly_rounded_shadow"].woocommerce-page .woocommerce p.return-to-shop a.wc-backward:hover, body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-love:hover, body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, body[data-button-style="slightly_rounded_shadow"] .container-wrap input[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover, body[data-button-style="slightly_rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16)!important; -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover { transform: translateY(-3px)!important; } body[data-button-style="slightly_rounded_shadow"] .nectar-button.wpb_start_animation, body[data-button-style="rounded_shadow"] .nectar-button.wpb_start_animation { -webkit-animation-fill-mode: none; animation-fill-mode: none; } body[data-button-style="slightly_rounded_shadow"] .widget_search input[type="submit"]:hover { -webkit-transform: none!important; transform: none!important; } body[data-button-style^="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding: 12px 18px; } body .nectar-button.see-through:hover { border-color: rgba(255,255,255,1); } .col.light .nectar-button.see-through-2, .col.light .nectar-button.see-through-3 { color: #fff; } .col.light .nectar-button.see-through { border-color: rgba(255,255,255,0.75); color: #fff; } .col.light .nectar-button.see-through:hover { border-color: rgba(255,255,255,1); } .col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { border-color: rgba(0,0,0,0.75); color: #444444; } .col.dark .nectar-button.see-through:hover { border-color: rgba(0,0,0,1); } body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover { color: #fff; opacity: 1!important; } h2 .nectar-button { top: -6px; } body.material .nectar-button[class*="m-extra-color-gradient-"][class*="see-through"] { visibility: hidden; } .swiper-slide .button.solid_color_2, .tilt-button-wrap { -webkit-perspective: 800px; perspective: 800px; display: inline-block } .swiper-slide .button.solid_color_2:before { -webkit-font-smoothing: antialiased } .swiper-slide .button.solid_color_2 a:hover, .nectar-button.tilt:hover, .swiper-slide .button.solid_color_2 a:hover:after, .nectar-button.tilt:hover:after, .swiper-slide .button.solid_color_2 a:hover:before, .nectar-button.tilt:hover:before { -webkit-transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); } .swiper-slide .button.solid_color_2 a, .nectar-button.tilt { display: block; background: #5cbcf6; outline: 1px solid transparent; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; outline: none; padding-left: 22px; padding-right: 22px; position: relative; border-bottom: none; opacity: 1; -webkit-transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); transition: all .5s cubic-bezier(0.25, 1, 0.33, 1) } body[data-button-style*="rounded"] .nectar-button.tilt, body[data-button-style="rounded"] .swiper-slide .button-wrap a, body[data-button-style^="rounded"].ascend .container-wrap .search-form input[type="submit"] { border-radius: 0!important; -webkit-border-radius: 0!important } .swiper-slide .button.solid_color_2 a:after, .nectar-button.tilt:after { width: 100%; height: 37%; left: 0; top: -35%; -webkit-transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); transform-origin: 0% 100%; transform: rotateX(90deg); content: ''; position: absolute; z-index: -1; -webkit-transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); -webkit-font-smoothing: antialiased } .swiper-slide .button.solid_color_2 a:before, .nectar-button.tilt:before { width: 100%; height: 30%; left: 0; top: 99%; background: #49a7df; -webkit-transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -ms-transform-origin: 0% 0%; -ms-transform: rotateX(-90deg); transform-origin: 0% 0%; transform: rotateX(-90deg); -webkit-transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); transition: all .5s cubic-bezier(0.25, 1, 0.33, 1); -webkit-font-smoothing: antialiased; content: ''; position: absolute; z-index: -1 } .swiper-slide .button.solid_color_2 a:after, .nectar-button.tilt:after, .swiper-slide .button.solid_color_2 a:before, .nectar-button.tilt:before { opacity: 0; } .swiper-slide .button.solid_color_2 a:hover:after, .nectar-button.tilt:hover:after, .swiper-slide .button.solid_color_2 a:hover:before, .nectar-button.tilt:hover:before { opacity: 1; } .swiper-slide .button.solid_color_2 a:hover, .nectar-button.tilt:hover { -webkit-transform: rotateX(20deg); -ms-transform: rotateX(20deg); transform: rotateX(20deg) } .swiper-slide .button.solid_color_2 .button-wrap, .tilt-button-inner { overflow: hidden; padding: 3px 0; display: inline } .nectar-3d-transparent-button { display: inline-block } .nectar-3d-transparent-button a { display: block } .nectar-3d-transparent-button .hidden-text { height: 1em; line-height: 1.5; overflow: hidden } .nectar-3d-transparent-button .hidden-text { display: block; height: 0; position: absolute } body .nectar-3d-transparent-button { position: relative; margin-bottom: 0 } .nectar-3d-transparent-button .inner-wrap { -webkit-perspective: 2000px; perspective: 2000px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block } .nectar-3d-transparent-button .front-3d { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block } .nectar-3d-transparent-button .back-3d { position: relative; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block } .nectar-3d-transparent-button .back-3d { -webkit-transform-origin: 50% 50% -2.3em; transform-origin: 50% 50% -2.3em } .nectar-3d-transparent-button .front-3d { -webkit-transform-origin: 50% 50% -2.3em; transform-origin: 50% 50% -2.3em; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg) } .nectar-3d-transparent-button:hover .front-3d { -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .nectar-3d-transparent-button:hover .back-3d { -webkit-transform: rotateX(90deg); transform: rotateX(90deg) } .nectar-3d-transparent-button .back-3d, .nectar-3d-transparent-button .front-3d { transition: -webkit-transform .25s cubic-bezier(.2, .65, .4, 1); transition: transform .25s cubic-bezier(.2, .65, .4, 1); transition: transform .25s cubic-bezier(.2, .65, .4, 1), -webkit-transform .25s cubic-bezier(.2, .65, .4, 1) } .nectar-3d-transparent-button .back-3d, .nectar-3d-transparent-button .front-3d { -webkit-backface-visibility: hidden; backface-visibility: hidden } .nectar-3d-transparent-button .back-3d svg, .nectar-3d-transparent-button .front-3d svg { display: block } /* Underline Effect */ .nectar-category-grid .nectar-category-grid-item .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:after, .nectar-cta[data-style="underline"] .link_wrap .link_text:after { display: block; content: ''; position: absolute; z-index: -1; width: 100%; height: 2px; background-color: #fff; bottom: -4px; opacity: 0.8; left: 0; backface-visibility: hidden; pointer-events: none; animation: portSliderLine2 0.45s cubic-bezier(.15, .75, .5, 1) forwards; } body:not(.mobile) .nectar-category-grid .nectar-category-grid-item:hover .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, body:not(.mobile) .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:hover:after, body:not(.mobile) .nectar-cta[data-style="underline"] .link_wrap .link_text:hover:after { animation: portSliderLine 0.45s cubic-bezier(.15, .75, .5, 1) forwards; } @keyframes portSliderLine { 0% { transform: scaleX(0); transform-origin: left; } 100% { transform: scaleX(1); transform-origin: left; } } @keyframes portSliderLine2 { 0% { transform: scaleX(1); transform-origin: right; } 100% { transform: scaleX(0); transform-origin: right; } } .nectar-category-grid[data-text-color="dark"] .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after, .span_12.dark .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:after { background-color: #000; } .nectar-category-grid[data-text-color="dark"] .nectar-category-grid-item .content *, .span_12.dark .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a { color: #000; } .nectar-category-grid[data-text-color="light"] .nectar-category-grid-item .content *, .full-width-section > .col.span_12.dark .nectar-category-grid[data-text-color="light"] .nectar-category-grid-item .content *, .span_12.light .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a { color: #fff; } /* 9.3. Call to Action */ .nectar-cta .link_wrap .link_text { padding-right: 36px; position: relative; display: inline-block } .nectar-cta[data-display="inline"] { display: inline-block; } .nectar-cta[data-using-bg="true"] .text { margin-right: 10px; } .nectar-cta .link_wrap { position: relative; text-decoration: inherit; speak: none } .nectar-cta[data-using-bg="true"] .link_wrap { cursor: pointer; } .nectar-cta[data-style="see-through"] .link_wrap .arrow:after { position: absolute; content: ''; border-bottom: 1px solid #000; height: 1px; width: 22px; right: 12px; top: 50%; margin-top: -2px; -ms-transform: scale(0, 1) translateX(0px); -ms-transform-origin: left; transform: scale(0, 1) translateX(0px); transform-origin: left; -webkit-transform: scale(0, 1) translateX(0px); -webkit-transform-origin: left; pointer-events: none; transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1) } .nectar-cta .link_wrap .arrow:before { font-family: 'Fontawesome'; font-weight: normal; font-style: normal; text-decoration: inherit; backface-visibility: hidden; -webkit-font-smoothing: antialiased; content: "\f105"; color: #000; line-height: 30px; font-size: 14px; position: absolute; right: 0; width: 26px; text-align: center; height: 30px; top: 50%; margin-top: -16px; -ms-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1) } .nectar-cta[data-text-color="custom"] .link_wrap .arrow:before, .span_12.light .nectar-cta[data-text-color="custom"] .link_wrap .arrow:before, .nectar-cta[data-text-color="custom"] .arrow:after, .span_12.light .nectar-cta[data-text-color="custom"] .arrow:after, .nectar-cta[data-style="see-through"][data-text-color="custom"] .link_wrap .arrow:after { color: inherit; border-color: inherit } .nectar-cta[data-alignment="left"] { text-align: left } .nectar-cta[data-alignment="center"] { text-align: center } .nectar-cta[data-alignment="right"] { text-align: right } .span_12.light .nectar-cta .link_wrap .link_text:after { border-color: rgba(255,255,255,0.5); border-radius: 50% } #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[data-text-color="custom"] .link_wrap .link_text:after, .nectar-cta[data-text-color="custom"] .link_wrap:after { border-color: inherit!important } .nectar-cta[data-text-color="custom"] .link_wrap:before { color: inherit!important } .nectar-cta[data-style="material"] .link_wrap .circle { background-color: #000; } .nectar-cta .link_wrap .link_text:after, .nectar-cta[data-style="material"] .link_wrap .link_text:before, .nectar-cta[data-style="material"] .link_wrap .circle { border-radius: 100px; border: 1px solid rgba(0,0,0,0.3); height: 25px; width: 25px; position: absolute; right: 0; top: 50%; margin-top: -14px; content: ' '; display: block; pointer-events: none; -ms-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1) } .nectar-cta[data-style="see-through"] .link_wrap:hover .link_text:after { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0 } .nectar-cta[data-style="see-through"] .link_wrap:hover .arrow:after, .nectar-cta[data-style="see-through"] .link_wrap:hover .arrow:before { -ms-transform: scale(1, 1) translateX(9px); -webkit-transform: scale(1, 1) translateX(9px); transform: scale(1, 1) translateX(9px) } .nectar-cta[data-style="material"] .link_wrap .circle { border: none; z-index: -1; } .nectar-cta[data-style="material"] .link_wrap .link_text:before { box-shadow: 0 9px 20px; opacity: 0.29; border: none; z-index: -1; } .nectar-cta[data-style="material"] .link_wrap .link_text:after { background-color: inherit; border: none; } .nectar-cta[data-style="material"] .link_wrap .link_text { padding-right: 38px; } .nectar-cta[data-style="material"] .link_wrap .arrow { overflow: hidden; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -14px; height: 25px; line-height: 28px; width: 24px; border-radius: 50px; transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1) } .nectar-cta[data-style="material"] .link_wrap .arrow:before, .nectar-cta[data-style="material"] .link_wrap .arrow:after { margin-top: -14px; height: 28px; line-height: 28px; width: 25px; padding-left: 1px; box-sizing: border-box; } .nectar-cta[data-style="material"] .link_wrap .arrow:after { transform: translateX(-100%); } .nectar-cta[data-style="material"] .link_wrap .link_text:before, .nectar-cta[data-style="material"] .link_wrap .circle { height: 27px; width: 27px; right: -1px; margin-top: -14px; } .nectar-cta[data-style="material"] .link_wrap .circle { transform: scale(0.85); } .nectar-cta[data-style="material"] .link_wrap .link_text:before { transform: scale(0.84); } .nectar-cta[data-style="material"] .link_wrap:hover .circle, .nectar-cta[data-style="material"] .link_wrap:hover .link_text:before { transform: scale(1); } .nectar-cta[data-style="material"] .arrow, .nectar-cta[data-style="material"] .link_wrap .arrow:before, .nectar-cta[data-style="material"] .link_wrap .arrow:after { color: #fff; } .nectar-cta[data-style="underline"] .link_wrap .link_text { padding-right: 0; } .nectar-cta[data-style="underline"] .link_wrap .link_text:after { margin-top: 0; top: auto; border-top: none; border-right: none; bottom: 0px; border-left: none; border-bottom: 2px solid #000; border-radius: 0; background-color: transparent!important; transition: transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 0.46, 0.4, 1); animation: none; transform-origin: left; z-index: 1; } .span_12.light .nectar-cta[data-style="underline"] .link_wrap .link_text:after { border-radius: 0; } body:not(.mobile) .nectar-cta[data-style="underline"] .link_wrap:hover .link_text:after { animation: none; transform: scaleX(0); transform-origin: right; } .nectar-cta[data-style="arrow-animation"] svg, .nectar-cta[data-style="arrow-animation"] svg polyline { stroke: currentColor; } .team-meta .nectar-cta[data-style="arrow-animation"] svg polyline { stroke-dashoffset: 0; stroke-dasharray: 0; } .nectar-cta[data-style="arrow-animation"] svg polyline { stroke-dashoffset: 140px; stroke-dasharray: 140px; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text:after { display: none; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text { padding: 0 0 0 40px; position: relative; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { display: block; } .nectar-cta[data-style="arrow-animation"] .line { height: 1px; width: 25px; position: absolute; content: ''; left: 0; display: block; top: 50%; transform-origin: left; -webkit-transform: translateY(calc(-50% + 0.5px)) translateZ(0); transform: translateY(calc(-50% + 0.5px)) translateZ(0); } .nectar-cta[data-style="arrow-animation"] svg { position: absolute; left: 25px; top: 50%; width: 6px; } .team-meta nectar-cta[data-style="arrow-animation"] svg { left: 24px; } @keyframes ctaArrowSVGStart { 0% { transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0); } 100% { transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0); } } @keyframes ctaArrowSVGEnd { 0% { transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0); } 100% { transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0); } } @keyframes ctaArrowTextStart { 0% { transform: translateX(6px); } 100% { transform: translateX(0); } } @keyframes ctaArrowTextEnd { 0% { transform: translateX(0); } 100% { transform: translateX(6px); } } @keyframes ctaArrowStart { 0% { stroke-dashoffset: 140px; stroke-dasharray: 140px; } 100% { stroke-dasharray: 140px; stroke-dashoffset: 10px; } } @keyframes ctaArrowStartTeam { 0% { stroke-dashoffset: 0px; stroke-dasharray: 0px; } 50% { stroke-dashoffset: 140px; stroke-dasharray: 140px; } 100% { stroke-dasharray: 140px; stroke-dashoffset: 10px; } } @keyframes ctaArrowEnd { 0% { stroke-dashoffset: 10px; stroke-dasharray: 150px 150px; } 40% { opacity: 1; } 100% { opacity: 0; stroke-dashoffset: -53px; stroke-dasharray: 1px 150px; } } @keyframes ctaArrowLineStart { 0% { transform-origin: left; transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0); } 100% { transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0); } } @keyframes ctaArrowLineEnd { 0% { transform-origin: right; transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0); } 50% { transform-origin: right; transform: scaleX(0) translateY(calc(-50% + 0.5px)) translateZ(0); } 51% { transform-origin: left; } 100% { transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0); transform-origin: left; } } .nectar-cta[data-style="arrow-animation"]:not(.loaded) * { animation-duration: 0s!important; } .nectar-cta[data-style="arrow-animation"] svg polyline { animation: ctaArrowEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: none; } .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { animation: ctaArrowTextStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .line { animation: ctaArrowLineStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] svg { animation: ctaArrowSVGStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover svg, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap svg { animation: ctaArrowSVGEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover .link_text .line, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text .line { animation: ctaArrowLineEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover .link_text > .text, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text { animation: ctaArrowTextEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards; } .nectar-cta[data-style="arrow-animation"] .link_wrap:hover polyline, .team-member:hover .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: ctaArrowStart 0.45s ease 0.25s forwards; } .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap:hover polyline, .team-member:hover .team-meta .nectar-cta[data-style="arrow-animation"] .link_wrap polyline { animation: ctaArrowStartTeam 0.8s ease forwards; } /* 9.4. Cascading images */ .nectar_cascading_images { position: relative; display: block } .nectar_cascading_images .cascading-image img, .nectar_cascading_images .cascading-image .img-wrap { display: block; margin-bottom: 0; line-height: 0 } .nectar_cascading_images .cascading-image img.nectar-lazy { opacity: 0; width: 100%; transition: opacity 0.5s ease; } .nectar_cascading_images .cascading-image img.nectar-lazy.loaded { opacity: 1; } .nectar_cascading_images .cascading-image img { backface-visibility: hidden; -webkit-backface-visibility: hidden } .nectar_cascading_images .cascading-image .img-wrap { backface-visibility: hidden; -webkit-backface-visibility: hidden; display: inline-block } .nectar_cascading_images .cascading-image, .nectar_cascading_images .cascading-image .inner-wrap { display: inline-block; width: 100%; text-align: center } .nectar_cascading_images { line-height: 0; } .nectar_cascading_images .cascading-image:not(:first-child) { position: absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) } .nectar_cascading_images.animated-in .cascading-image .inner-wrap { -ms-transition: transform 0.7s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease; -webkit-transition: -webkit-transform 0.7s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease; transition: transform 0.7s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease } .nectar_cascading_images.animated-in .cascading-image[data-animation="grow-in-reveal"] .inner-wrap { -ms-transition: transform 1.1s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease; -webkit-transition: -webkit-transform 1.1s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease; transition: transform 1.1s cubic-bezier(.3, 0.95, .3, 0.95), opacity 0.3s ease } .nectar_cascading_images[data-border-radius="3px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="3px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="3px"] .inner-wrap .bg-color { border-radius: 3px; } .nectar_cascading_images[data-border-radius="5px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="5px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="5px"] .inner-wrap .bg-color { border-radius: 5px; } .nectar_cascading_images[data-border-radius="10px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="10px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="10px"] .inner-wrap .bg-color { border-radius: 10px; } .nectar_cascading_images[data-border-radius="15px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="15px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="15px"] .inner-wrap .bg-color { border-radius: 15px; } .nectar_cascading_images[data-border-radius="20px"] .inner-wrap img, .nectar_cascading_images[data-border-radius="20px"] .inner-wrap .img-wrap, .nectar_cascading_images[data-border-radius="20px"] .inner-wrap .bg-color { border-radius: 20px; } .cascading-image[data-has-img="true"] .inner-wrap .bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nectar_cascading_images .cascading-image[data-max-width="125%"] img { max-width: 125%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="135%"] img { max-width: 135%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="150%"] img { max-width: 150%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="175%"] img { max-width: 175%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width="200%"] img { max-width: 200%; width: auto; } @media only screen and (max-width: 1000px) { .nectar_cascading_images .cascading-image[data-max-width-mobile="100%"] img { max-width: 100%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="125%"] img { max-width: 125%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="135%"] img { max-width: 135%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="150%"] img { max-width: 150%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="175%"] img { max-width: 175%; width: auto; } .nectar_cascading_images .cascading-image[data-max-width-mobile="200%"] img { max-width: 200%; width: auto; } } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .row .nectar_cascading_images .cascading-image img:not([srcset]) { width:100% } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .row .nectar_cascading_images .cascading-image img:not([srcset]) { width: 100% } } /* 9.5. Category Grid (Loaded conditionally) - See css/elements/category-grid.css */ /* 9.6. Clients */ .clients.two-cols >div { width: 49.4% } .clients.two.no-carousel >div { width: 48.4% } .clients.two-cols >div:nth-child(2n+2) { margin-right: 0 } .clients.carousel.two-cols >div { margin: 0 10px } .clients.three-cols >div { width: 32.6% } .clients.three-cols.no-carousel >div { width: 31.6% } .clients.three-cols >div:nth-child(3n+3) { margin-right: 0 } .clients.carousel.three-cols >div { margin: 0 10px } @media only screen and (min-width: 1000px) { .clients.no-carousel.three-cols > div:nth-child(3n+4) { clear: both; } } @media only screen and (min-width: 690px) { .clients.no-carousel.four-cols > div:nth-child(4n+5) { clear: both; } .clients.no-carousel.five-cols > div:nth-child(5n+6) { clear: both; } .clients.no-carousel.six-cols > div:nth-child(6n+7) { clear: both; } } .clients.four-cols >div { width: 24.2% } .clients.four-cols.no-carousel >div { width: 23.2% } .clients.four-cols >div:nth-child(4n+4) { margin-right: 0 } .clients.carousel.four-cols >div { margin: 0 10px } .clients.five-cols >div { width: 19.2% } .clients.five-cols.no-carousel >div { width: 18.2% } .clients.five-cols >div:nth-child(5n+5) { margin-right: 0 } .clients.carousel.five-cols >div { margin: 0 10px } .clients.six-cols >div { width: 15.8% } .clients.six-cols.no-carousel >div { width: 14.8% } .clients.six-cols >div:nth-child(6n+6) { margin-right: 0 } .clients.carousel.six-cols >div { margin: 0 10px } .clients >div { float: left; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; margin-right: 2%; margin-bottom: 2%; opacity: 1 } .clients.fade-in-animation >div { opacity: 0; -webkit-transition: none; transition: none; } .clients.fade-in-animation.completed >div { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-backface-visibility: hidden } .clients:not(.fade-in-animation) >.no-link:hover, .clients.fade-in-animation.completed >.no-link:hover { opacity: 1!important } .clients:not(.fade-in-animation) >div:hover, .clients.fade-in-animation.completed >div:hover { opacity: 0.7!important } .clients >div img { display: block; max-width: 100%; margin: 0 auto } .clients.no-carousel:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .clients.no-carousel { display: -ms-flexbox; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -ms-flex-flow: row wrap; flex-wrap: wrap; } .clients.no-carousel > div { float: none; } .clients[data-additional_padding="2"].no-carousel > div, .clients[data-additional_padding="3"].no-carousel > div, .clients[data-additional_padding="4"].no-carousel > div, .clients[data-additional_padding="2"].no-carousel > div img, .clients[data-additional_padding="3"].no-carousel > div img, .clients[data-additional_padding="4"].no-carousel > div img { margin: 0; } .clients[data-additional_padding="2"].no-carousel >div { padding: 2%; } .clients[data-additional_padding="3"].no-carousel >div { padding: 3%; } .clients[data-additional_padding="4"].no-carousel >div { padding: 3% 5%; } .clients[data-he="greyscale_to_color"] > div img { transition: filter 0.45s cubic-bezier(0.3, 0.4, 0.1, 1), opacity 0.45s cubic-bezier(0.3, 0.4, 0.1, 1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.55; } .clients[data-he="greyscale_to_color"] > div:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } /* 9.7. Divider */ .wpb_wrapper >.divider, .wpb_wrapper >.divider-border, .wpb_wrapper >.divider-small-border, .wpb_wrapper >.divider-wrap { margin-bottom: 0 } .divider { height: 20px } .divider-border { margin: 35px auto 35px auto; background-color: rgba(0,0,0,0.12); height: 1px } .span_12.light .divider-border { background-color: rgba(255,255,255,0.3) } .divider-small-border { margin: 25px 0; width: 20%; height: 1px; background-color: #ddd } .divider-border[data-animate="yes"], .divider-small-border[data-animate="yes"] { visibility: hidden; transform-origin: left; -webkit-transform-origin: left } .divider-wrap[data-alignment="center"] .divider-small-border { transform-origin: center; -webkit-transform-origin: center; margin: 25px auto; } .divider-wrap[data-alignment="right"] { text-align: right; } .divider-wrap[data-alignment="right"] .divider-small-border { transform-origin: right; -webkit-transform-origin: right; margin-right: 0; margin-left: 0; display: inline-block; } body .wpb_separator, body .vc_text_separator { border-color: rgba(0,0,0,0.06) } body .vc_text_separator div { background-color: #f8f8f8; font-family: 'Open Sans'; font-weight: 300; font-size: 22px; line-height: 32px; letter-spacing: 0.5px; top: -20px } .light .divider-small-border { background-color: rgba(255,255,255,0.6) } /* 9.8. Dropcap */ .nectar-dropcap { font-size: 4em; display: block; float: left; padding: 5px 10px 0 0 } .nectar-dropcap span { display: block } /* 9.9. Fancy Box (Loaded conditionally) - See css/elements/fancy-box.css */ /* 9.10. Fancy Unordered List */ .nectar-fancy-ul ul li { list-style: none; position: relative; padding-left: 38px } body .nectar-fancy-ul[data-list-icon="none"] ul li { padding-left: 0; margin-bottom: 0 } .nectar-fancy-ul ul { margin-left: 0 } .nectar-fancy-ul ul li i, .nectar-fancy-ul ul li i.icon-default-style { position: absolute; left: 0; top: 0; width: 20px } .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] { font-size: 16px; height: 100%; line-height: 22px } .nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line { font-size: 27px; height: 27px; line-height: 27px } .main-content .nectar-fancy-ul[data-spacing="5px"] ul li { margin-bottom: 5px; } .main-content .nectar-fancy-ul[data-spacing="10px"] ul li { margin-bottom: 10px; } .main-content .nectar-fancy-ul[data-spacing="15px"] ul li { margin-bottom: 15px; } .main-content .nectar-fancy-ul[data-spacing="20px"] ul li { margin-bottom: 20px; } .nectar-fancy-ul[data-list-icon="dot"] ul li { padding-left: 30px; } .nectar-fancy-ul[data-list-icon="dot"] ul li:before { content: "."; position: absolute; left: 0px; top: 9px; line-height: 0; font-size: 26px; } .nectar-fancy-ul[data-animation="true"] ul li { opacity: 0; left: -20px; margin-bottom: 5px } .nectar-fancy-ul[data-alignment="center"] ul, .nectar-fancy-ul[data-alignment="center"] ul li { text-align: center!important } .nectar-fancy-ul[data-alignment="right"] ul, .nectar-fancy-ul[data-alignment="right"] ul li { text-align: right!important } .nectar-fancy-ul[data-alignment="right"] ul li i:not(.none), .nectar-fancy-ul[data-alignment="center"] ul li i:not(.none) { position: relative; margin-right: 10px } /* 9.11. Flip Box (Loaded conditionally) - See css/elements/flip-box.css */ /* 9.12. Food Menu Item */ body .nectar_food_menu_item, body .tabbed .nectar_food_menu_item { margin-bottom: 30px } body .nectar_food_menu_item .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .span_12.light .nectar_food_menu_item .line_spacer { border-color: #fff } .tabbed > .wpb_tab:not(.visible-tab) { display: none; } .nectar_food_menu_item h3, .nectar_food_menu_item h4, .nectar_food_menu_item h5, .nectar_food_menu_item h6, .row .col .nectar_food_menu_item h3, .row .col .nectar_food_menu_item h4, .row .col .nectar_food_menu_item h5, .row .col .nectar_food_menu_item h6 { margin-bottom: 0; line-height: 21px } .nectar_food_menu_item[data-style="default"] .line_spacer { visibility: hidden } .nectar_food_menu_item .line_spacer { border-bottom: 1px solid #000; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .nectar_food_menu_item .item_price { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 10px; text-align: left } .nectar_food_menu_item .item_name { padding-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .nectar_food_menu_item .inner { transition: transform 0.6s cubic-bezier(0, 0.2, 0.22, 1), opacity 0.6s cubic-bezier(0, 0.2, 0.22, 1); transform: translateY(50px); opacity: 0 } .nectar_food_menu_item .item_description { margin-top: 10px; transition: transform 0.6s cubic-bezier(0, 0.2, 0.22, 1) 0.1s, opacity 0.6s cubic-bezier(0, 0.2, 0.22, 1) 0.1s; transform: translateY(50px); opacity: 0 } .nectar_food_menu_item.animated-in .item_description, .nectar_food_menu_item.animated-in .inner { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } /* 9.13. Highlighted Text */ .nectar-highlighted-text em { position: relative; display: inline-block; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; line-height: 1em; padding: 0 3px; } .nectar-highlighted-text em:before { -webkit-transition: -webkit-transform 1s cubic-bezier(.15, .75, .4, 1), opacity 0.25s ease; transition: transform 1s cubic-bezier(.15, .75, .4, 1), opacity 0.25s ease; content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; } .nectar-highlighted-text[data-style="half_text"] em:before { height: 28%; top: auto; bottom: 0; } .nectar-highlighted-text[data-style="regular_underline"] em:before { height: 3px; top: auto; bottom: -1px; padding: 0; } .nectar-highlighted-text[data-style="regular_underline"] em { padding: 0; } .nectar-highlighted-text em.animated:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .nectar-highlighted-text[data-using-custom-color="false"] em:before { opacity: 0.3; } @media only screen and (max-width: 999px) { .nectar-highlighted-text em.animated:before { -webkit-transition: none; transition: none; } } .nectar-highlighted-text a { color: inherit; } .nectar-highlighted-text[data-style="half_text"] a:hover em.animated:before { -webkit-transform: scaleX(1) scaleY(0.5); transform: scaleX(1) scaleY(0.5); } .nectar-highlighted-text[data-style="full_text"] a:hover em.animated:before { opacity: 0.65; } /* 9.14. Horizontal List Item */ .wpb_wrapper >.nectar-hor-list-item:last-child { border-bottom: 0 } .wpb_wrapper >.nectar-hor-list-item { margin-bottom: 0 } .nectar-hor-list-item { box-sizing: border-box; position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); padding: 22px; margin-bottom: 0; -webkit-transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); -ms-transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); transition: all .4s cubic-bezier(0.2, 0, 0.15, 1) } .nectar-hor-list-item[data-hover-effect="none"] { padding-left: 0; padding-right: 0; } body .tabbed .nectar-hor-list-item { padding: 22px; } .span_12.light .nectar-hor-list-item { border-color: rgba(255,255,255,0.12) } .nectar-hor-list-item:before { height: 100%; opacity: 0; bottom: 0; left: 0; content: ''; position: absolute; right: 0; z-index: -1; -webkit-transform: perspective(1000px) rotateX(90deg); -ms-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); -ms-transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); transition: all .4s cubic-bezier(0.2, 0, 0.15, 1) } .nectar-hor-list-item[data-color="black"]:before { background-color: #000 } .nectar-hor-list-item[data-color="white"]:before { background-color: #fff } .nectar-hor-list-item:not([data-hover-effect="none"]):hover { border-color: transparent!important } .nectar-hor-list-item:hover:before { opacity: 1; -webkit-transform: perspective(1000px) rotateX(0); -ms-transform: perspective(1000px) rotateX(0); transform: perspective(1000px) rotateX(0) } .nectar-hor-list-item:hover .nectar-list-item, .nectar-hor-list-item:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item, .span_12.light .nectar-hor-list-item .nectar-list-item-btn { color: #fff } .nectar-hor-list-item:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item-btn { border-color: rgba(255,255,255,0.5) } .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item, .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item-btn { color: #000 } .nectar-hor-list-item[data-color="white"]:hover .nectar-list-item-btn { border-color: rgba(0,0,0,0.3) } body .nectar-hor-list-item .nectar-list-item-btn { font-size: 14px; } .nectar-hor-list-item .nectar-list-item-btn { padding: 8px 12px; display: inline-block; border: 2px solid rgba(0,0,0,0.3); line-height: 12px; color: #000; margin: 3px 3px; -webkit-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1); -ms-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1); transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1) } .nectar-hor-list-item .nectar-list-item-btn:hover, .span_12.light .nectar-hor-list-item .nectar-list-item-btn:hover { border-color: #fff } .nectar-hor-list-item[data-hover-effect="none"]:hover .nectar-list-item { color: inherit; } .nectar-hor-list-item .full-link { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100 } body[data-button-style^="rounded"] .nectar-hor-list-item .nectar-list-item-btn { border-radius: 100px } .nectar-hor-list-item >.nectar-list-item { display: inline-block; vertical-align: middle; -webkit-transition: color .4s cubic-bezier(0.2, 0, 0.15, 1); -ms-transition: color .4s cubic-bezier(0.2, 0, 0.15, 1); transition: color .4s cubic-bezier(0.2, 0, 0.15, 1) } .nectar-hor-list-item >.nectar-list-item[data-text-align="left"] { text-align: left } .nectar-hor-list-item >.nectar-list-item[data-text-align="center"] { text-align: center } .nectar-hor-list-item >.nectar-list-item[data-text-align="right"] { text-align: right } .nectar-hor-list-item[data-columns="1"] >.nectar-list-item { width: 100% } .nectar-hor-list-item[data-columns="2"] >.nectar-list-item { width: 50% } .nectar-hor-list-item[data-columns="3"] >.nectar-list-item { width: 33.3% } .nectar-hor-list-item[data-columns="4"] >.nectar-list-item { width: 25% } .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(4), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(3) { width: 15% } .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_first_last"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(1), .nectar-hor-list-item[data-columns="4"][data-column-layout="large_nth"] >div:nth-child(3), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(2), .nectar-hor-list-item[data-columns="4"][data-column-layout="small_nth"] >div:nth-child(4) { width: 35% } .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(1) { width: 20% } .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="small_first"] >div:nth-child(3) { width: 40% } .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(3) { width: 50% } .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(2), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_first"] >div:nth-child(3), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_middle"] >div:nth-child(3), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(1), .nectar-hor-list-item[data-columns="3"][data-column-layout="large_last"] >div:nth-child(2) { width: 25% } .nectar-hor-list-item[data-columns="2"][data-column-layout="large_first"] >div:nth-child(1) { width: 70% } .nectar-hor-list-item[data-columns="2"][data-column-layout="large_first"] >div:nth-child(2) { width: 30% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xlarge_first"] >div:nth-child(1) { width: 80% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xlarge_first"] >div:nth-child(2) { width: 20% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xsmall_first"] >div:nth-child(1) { width: 20% } .nectar-hor-list-item[data-columns="2"][data-column-layout="xsmall_first"] >div:nth-child(2) { width: 80% } .nectar-hor-list-item[data-columns="2"][data-column-layout="small_first"] >div:nth-child(1) { width: 30% } .nectar-hor-list-item[data-columns="2"][data-column-layout="small_first"] >div:nth-child(2) { width: 70% } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] >div:nth-child(1) { width: 40%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] >div:nth-child(2) { width: 60%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_last"] >div:nth-child(1) { width: 40%; } .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_last"] >div:nth-child(2) { width: 60%; } .nectar-hor-list-item[data-hover-effect="none"]:before { display: none; } .row .nectar-hor-list-item h5, .row .nectar-hor-list-item h4, .row .nectar-hor-list-item h3, .row .nectar-hor-list-item h2 { color: inherit; margin-bottom: 0; } /* 9.15. Icon */ i[class*="fa-"], span[class*="fa-"] { display: inline-block; word-spacing: 1px; position: relative; text-align: center; top: -2px; vertical-align: middle; max-width: 100% } [class^="icon-"], i[class*=" icon-"] { display:inline-block; max-width:100%; position:relative; text-align:center; vertical-align:middle; top: -2px; word-spacing:1px } i.icon-normal { background-color: #000; border-radius: 999px; -webkit-border-radius: 999px; color: #fff; font-size: 16px; width: 32px; height: 32px; line-height: 32px; } [class^="icon-"].icon-3x, i[class*=" icon-"].icon-3x { background-color: #eeedec } body [class^="icon-"].icon-3x.alt-style, body [class*=" icon-"].icon-3x.alt-style { background-color: #000; color: #fff } .col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { background-color: rgba(0,0,0,0.035) } .light .col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .light .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { background-color: rgba(0,0,0,0.1) } #sidebar .widget:hover i[class^="icon-"].icon-3x.alt-style { background-color: rgba(0,0,0,0.035) } .full-width-section i[class^="icon-"].icon-3x, .full-width-section i[class*=" icon-"].icon-3x { background-color: rgba(0,0,0,0.021) } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, .circle-border { background-color: #eeedec; border-radius: 999px; -webkit-border-radius: 999px; color: #000; display: inline-block; font-size: 30px; height: 90px; line-height: 90px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 90px; word-spacing: 1px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x { margin-bottom: 27px } body [class^="icon-"].icon-tiny { line-height: 15px; height: 13px; width: 15px; margin-right: 5px; font-size: 13px; color: #888; background-color: transparent } body [class^="icon-"].icon-default-style { line-height: 34px; height: 34px; width: 34px; margin-right: 0; font-size: 34px; color: #000; background-color: transparent } h3 [class^="icon-"], h2 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"] { margin-right: 5px } .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border, #sidebar .widget:hover .circle-border { border: 1px solid #000; transform: scale(1.18); transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); } .col:not(.post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.hovered, .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered, #sidebar .widget:hover [class^="icon-"].icon-3x { color: #fff; background-color: #000 } .circle-border { background: none repeat scroll 0 0 transparent; border: 1px solid #eeedec; height: 88px; left: 1px; position: absolute; z-index: 1; top: 1px; transition-duration: 225ms; -webkit-duration: 225ms; transition-property: all; -webkit-transition-property: all; transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); width: 88px } .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-1 .circle-border, #sidebar .widget:hover .extra-color-gradient-1 .circle-border, .col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-2 .circle-border, #sidebar .widget:hover .extra-color-gradient-2 .circle-border, .extra-color-gradient-1 .circle-border, .extra-color-gradient-2 .circle-border { transform: none; -webkit-transform: none; } .extra-color-gradient-1 .circle-border, .extra-color-gradient-2 .circle-border { border: 2px solid rgba(0,0,0,0.065)!important } .light .extra-color-gradient-1 .circle-border, .light .extra-color-gradient-2 .circle-border { border: 2px solid rgba(255,255,255,0.085)!important } [class^="icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class^="icon-"].icon-3x.extra-color-gradient-1:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-1:not(.alt-style), body:not(.material) .nectar-button i, body.material:not([data-button-style^="rounded"]) .nectar-button i { background-color: transparent!important } [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before { background: #fff; -webkit-background-clip: text; background-clip: text } [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class^="icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-2"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-2"].no-grad:before, .extra-color-gradient-2[class^="icon-"]:not(.icon-normal).no-grad:before, .extra-color-gradient-2[class*=" icon-"]:not(.icon-normal).no-grad:before, .nectar-gradient-text.no-grad *, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i { background-color: transparent!important; background: none!important } body .nectar-gradient-text[data-color="extra-color-gradient-1"].no-grad *, body .nectar-gradient-text[data-color="extra-color-gradient-2"].no-grad *, .nectar-button.see-through-extra-color-gradient-2.no-text-grad .start, .nectar-button.see-through-extra-color-gradient-1.no-text-grad .start, .nectar-button.extra-color-gradient-1.no-text-grad .hover, .nectar-button.extra-color-gradient-2.no-text-grad .hover, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-1"].icon-default-style.no-grad:before, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-2"].icon-default-style.no-grad:before, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i { -webkit-text-fill-color: initial } .nectar_icon_wrap[data-style="border-animation"] .nectar_icon:not(.no-grad):hover i, [class^="icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class^="icon-"].extra-color-gradient-2.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-2.icon-3x.alt-style:before, body .nectar_icon_wrap[data-color="white"] i, body .svg-icon-holder[data-color="white"] { color: #fff!important } body .nectar_icon_wrap[data-color="black"] i, body .svg-icon-holder[data-color="black"] { color: #000!important } body .nectar_icon_wrap[data-color="grey"] i, body .svg-icon-holder[data-color="grey"] { color: #c8c8c8!important } body .svg-icon-holder[data-color="white"] svg path { stroke: #fff } body .svg-icon-holder[data-color="black"] svg path { stroke: #000 } body .svg-icon-holder[data-color="grey"] svg path { stroke: #c8c8c8 } .nectar_icon_wrap[data-style="soft-bg"][data-color="black"] .nectar_icon:before, .nectar_icon_wrap[data-style="soft-bg"][data-color="grey"] .nectar_icon:before { background-color: #888; } .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon i, .nectar_icon .im-icon-wrap > span { display: inline-block; } .nectar_icon .im-icon-wrap { display: flex; height: 100%; justify-content: center; align-items: center; } .nectar_icon_wrap .im-icon-wrap[data-color="white"] path, .nectar-fancy-box[data-style="parallax_hover"] .im-icon-wrap path { fill: #fff; } .nectar_icon_wrap .im-icon-wrap[data-color="black"] path { fill: #000; } .nectar_icon_wrap .im-icon-wrap[data-color="grey"] path { fill: #888; } .full-width-section .circle-border { background-color: rgba(0,0,0,0.021); border-color: rgba(0,0,0,0.05) } .full-width-section .light .circle-border { background-color: rgba(0,0,0,0.021); border-color: rgba(0,0,0,0.2) } .main-content .svg-icon-holder { height: 64px; overflow: hidden; min-width: 1px; margin-bottom: 20px; display: inline-block; opacity: 0 } .nectar_icon_wrap { display: inline-block; position: relative } .nectar_icon_wrap .nectar_icon .svg-icon-holder { margin-bottom: 0 } .nectar_icon_wrap[data-padding="10px"] .nectar_icon { padding: 10px } .nectar_icon_wrap[data-padding="15px"] .nectar_icon { padding: 15px } .nectar_icon_wrap[data-padding="20px"] .nectar_icon { padding: 20px } .nectar_icon_wrap[data-padding="25px"] .nectar_icon { padding: 25px } .nectar_icon_wrap[data-padding="30px"] .nectar_icon { padding: 30px } .nectar_icon_wrap[data-padding="35px"] .nectar_icon { padding: 35px } .nectar_icon_wrap[data-padding="40px"] .nectar_icon { padding: 40px } .nectar_icon_wrap[data-padding="45px"] .nectar_icon { padding: 45px } .nectar_icon_wrap[data-padding="50px"] .nectar_icon { padding: 50px } .span_12.light .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .span_12.light .nectar_icon_wrap[data-style="border-animation"] .nectar_icon { border-color: rgba(255,255,255,0.15) } .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .nectar_icon_wrap[data-style="border-animation"] .nectar_icon, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon { line-height: 0; border: 2px solid rgba(0,0,0,0.065); text-align: center; border-radius: 100px; position: relative; -webkit-transition: background-color .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1); transition: background-color .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1) } .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon { border: 0; } .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { height: 100%; width: 100%; top: 0; left: 0; content: ''; position: absolute; display: block; border-radius: 100px; z-index: -1; opacity: 0.11; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { opacity: 1; } .nectar_icon_wrap[data-style*="border"] .nectar_icon i, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon i, .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon i { display: inline-block; vertical-align: middle; max-width: none; top: 0; } .nectar_icon_wrap[data-style="shadow-bg"][data-color="white"] .nectar_icon i { color: #000!important; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:before { box-shadow: 0 15px 28px #000; opacity: 0.1; } .nectar_icon_wrap[data-style="shadow-bg"] .nectar_icon:after { background-color: #fff; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i { border-radius: 0!important; text-align: center; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i:before { vertical-align: top; } .nectar_icon_wrap i:before { line-height: inherit; } .nectar_icon_wrap[data-style="border-animation"] .nectar_icon i { -webkit-transition: color .45s cubic-bezier(0.25, 1, 0.33, 1); transition: color .45s cubic-bezier(0.25, 1, 0.33, 1) } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon { border-color: transparent } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon:before { opacity: 1 } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before { position: absolute; z-index: -1; content: ' '; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 100px; -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1) } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before { opacity: 1 } .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before { background-color: #f6f6f6 } .nectar_icon_wrap[data-border-thickness="1px"] .nectar_icon { border-width: 1px } .nectar_icon_wrap[data-border-thickness="2px"] .nectar_icon { border-width: 2px } .nectar_icon_wrap[data-border-thickness="3px"] .nectar_icon { border-width: 3px } .nectar_icon_wrap[data-border-thickness="4px"] .nectar_icon { border-width: 4px } .nectar_icon_wrap[data-border-thickness="5px"] .nectar_icon { border-width: 5px } .nectar_icon_wrap[data-style="border-basic"] .nectar_icon i { text-align: center } .nectar_icon_wrap a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } /* 9.16. Icon List (Loaded conditionally) - See css/elements/icon-list.css */ /* 9.17. Icon with text */ .iwithtext { position: relative } .iwithtext .iwt-icon { position: absolute; left: 0; top: 0 } .iwithtext .iwt-icon img { width: 35px; height: auto; padding: 0 } .row .col .iwithtext .iwt-icon img:not([srcset]) { width: 35px; } .span_10.iwt h2 { line-height: 20px } .span_10.iwt h3 { line-height: 18px } .iwithtext .iwt-text { padding-left: 55px } .main-content .vc_span2 .iwithtext .iwt-icon, .main-content .vc_col-sm-2 .iwithtext .iwt-icon { top: -2px } .main-content .vc_span2 .iwithtext .iwt-icon i, .main-content .vc_col-sm-2 .iwithtext .iwt-icon i { font-size: 26px; line-height: 26px; width: 26px; height: 26px } .main-content .vc_span2 .iwithtext .iwt-icon img, .main-content .vc_col-sm-2 .iwithtext .iwt-icon img { width: 26px } .main-content .vc_span2 .iwithtext .iwt-icon img:not([srcset]), .main-content .vc_col-sm-2 .iwithtext .iwt-icon img:not([srcset]) { width: 26px } .main-content .vc_span2 .iwithtext .iwt-text, .main-content .vc_col-sm-2 .iwithtext .iwt-text { padding-left: 45px } /* 9.18. Image Comparison (Loaded conditionally) - See css/twentytwenty.css */ /* 9.19. Image with animation / Col animation */ img.img-with-animation, .img-with-aniamtion-wrap .hover-wrap, .col.has-animation, .wpb_column.has-animation, .nectar_cascading_images .cascading-image .inner-wrap, .nectar-fancy-box.has-animation { opacity: 0; position: relative } .wpb_column.has-animation[data-animation*="reveal"] { opacity: 1 } img.img-with-animation[data-animation="grow-in"].full-opacity { opacity: 1 } html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .wpb_column.has-animation { opacity: 1 } img.img-with-animation[data-animation="none"], .img-with-aniamtion-wrap[data-animation="none"] .hover-wrap, .nectar_cascading_images .cascading-image[data-animation="none"] .inner-wrap { opacity: 1 } .col.has-animation[data-animation="zoom-out"] { transform: translateZ(0) scale(1.2); opacity: 0; } .col.has-animation[data-animation="slight-twist"] { transform: rotateY(20deg) rotateZ(-4deg); opacity: 0; } img.img-with-animation[data-animation="grow-in"], .img-with-aniamtion-wrap[data-animation="grow-in"] .hover-wrap, .col.has-animation[data-animation="grow-in"], .wpb_column.has-animation[data-animation="grow-in"], .nectar-fancy-box.has-animation[data-animation="grow-in"] { opacity: 0; transform: scale(0.75); -webkit-transform: scale(0.75); transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65, 0, .35, 1); -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65, 0, .35, 1); -webkit-backface-visibility: hidden } .nectar_cascading_images .cascading-image[data-animation="grow-in"] .inner-wrap { -webkit-transform: scale(0.75); transform: scale(0.75); } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap { -webkit-transform: scale(0.5); transform: scale(0.5); } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap .img-wrap { overflow: hidden; } .nectar_cascading_images .cascading-image[data-animation="grow-in-reveal"] .inner-wrap img { -webkit-transform: scale(1.7); transform: scale(1.7); transition: transform 1.1s cubic-bezier(.3, 0.95, .3, 0.95); -webkit-transition: transform 1.1s cubic-bezier(.3, 0.95, .3, 0.95); } img.img-with-animation[data-animation="flip-in"], .img-with-aniamtion-wrap[data-animation="flip-in"] .hover-wrap, .col.has-animation[data-animation="flip-in"], .wpb_column.has-animation[data-animation="flip-in"], .nectar-fancy-box.has-animation[data-animation="flip-in"] { opacity: 0; transform: rotateY(25deg); -webkit-transform: rotateY(25deg); -webkit-transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65, 0, .35, 1); transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65, 0, .35, 1); } .nectar_cascading_images .cascading-image[data-animation="flip-in"] .inner-wrap { transform: rotateY(25deg); -webkit-transform: rotateY(25deg); } .flip-in-vertical-wrap { -webkit-perspective: 2000px; perspective: 2000px } img.img-with-animation[data-animation="flip-in-vertical"], .img-with-aniamtion-wrap[data-animation="flip-in-vertical"] .hover-wrap, .col.has-animation[data-animation="flip-in-vertical"], .wpb_column.has-animation[data-animation="flip-in-vertical"], .nectar-fancy-box.has-animation[data-animation="flip-in-vertical"] { opacity: 0; transform: rotateX(-45deg) translateY(120px); -webkit-transform: rotateX(-45deg) translateY(120px); transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65, 0, .35, 1); -webkit-transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65, 0, .35, 1); } img.img-with-animation[data-shadow="small_depth"], .img-with-aniamtion-wrap[data-shadow="small_depth"] .hover-wrap, .nectar_cascading_images .cascading-image[data-shadow="small_depth"] .img-wrap, .nectar_cascading_images .cascading-image[data-shadow="small_depth"] .bg-color, .nectar-video-box[data-shadow="small_depth"]:before, .nectar-flickity[data-shadow="small_depth"] .cell { box-shadow: 0 10px 50px rgba(0,0,0,0.08), 0 13px 45px rgba(0,0,0,0.08) } 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 { 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 { 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 { box-shadow: 0 60px 135px rgba(0,0,0,0.14), 0 15px 65px rgba(0,0,0,0.14) } img.img-with-animation[data-animation="fade-in-from-left"], .img-with-aniamtion-wrap[data-animation="fade-in-from-left"] .hover-wrap { transform: translateX(-75px); -webkit-transform: translateX(-75px); padding-right: 30px } img.img-with-animation[data-animation="fade-in-from-left"][data-shadow*="_depth"], .img-with-aniamtion-wrap[data-animation="fade-in-from-left"][data-shadow*="_depth"] .hover-wrap { padding-right: 0; } .col.has-animation[data-animation="fade-in-from-left"], .wpb_column.has-animation[data-animation="fade-in-from-left"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-left"] { transform: translateX(-45px); -webkit-transform: translateX(-45px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-left"] .inner-wrap { transform: translateX(-60px); -webkit-transform: translateX(-60px); } img.img-with-animation[data-animation="fade-in-from-right"], .img-with-aniamtion-wrap[data-animation="fade-in-from-right"] .hover-wrap { transform: translateX(75px); -webkit-transform: translateX(75px); } .col.has-animation[data-animation="fade-in-from-right"], .wpb_column.has-animation[data-animation="fade-in-from-right"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-right"] { transform: translateX(45px); -webkit-transform: translateX(45px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-right"] .inner-wrap { transform: translateX(60px); -webkit-transform: translateX(60px); } img.img-with-animation[data-animation="fade-in-from-bottom"], .img-with-aniamtion-wrap[data-animation="fade-in-from-bottom"] .hover-wrap { transform: translateY(100px); -webkit-transform: translateY(100px); } .col.has-animation[data-animation="fade-in-from-bottom"], .wpb_column.has-animation[data-animation="fade-in-from-bottom"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-bottom"] { transform: translateY(50px); -webkit-transform: translateY(50px); } .nectar_cascading_images .cascading-image[data-animation="fade-in-from-bottom"] .inner-wrap { transform: translateY(60px); -webkit-transform: translateY(60px); } img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"], .nectar-fancy-box.has-animation[data-animation="fade-in-from-right"] { margin: 0 auto } .img-with-aniamtion-wrap, body .wpb_wrapper > .img-with-aniamtion-wrap { line-height: 0; margin-bottom: 0 } .img-with-aniamtion-wrap > .inner { height: 100%; } .center img.img-with-animation { margin: 0 auto; display: block } .right.img-with-aniamtion-wrap { text-align: right } .right.img-with-aniamtion-wrap img { display: inline-block } .img-with-aniamtion-wrap .color-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; opacity: 0; } .img-with-aniamtion-wrap:hover .color-overlay { opacity: 0.5; } .img-with-aniamtion-wrap .hover-wrap { overflow: hidden; } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="none"] { overflow: visible; } .img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap, .img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap .hover-wrap-inner { display: inline-block; } .img-with-aniamtion-wrap[data-shadow*="depth"].center { text-align: center; } .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation { opacity: 1; -webkit-transform: none; transform: none; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 0; } img.img-with-animation.nectar-lazy { display: block; min-height: 1px; min-width: 1px; } .row .col img.img-with-animation.nectar-lazy:not([srcset]) { width: 100%; } .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy, .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy { opacity: 0; transition: opacity 0.5s ease; } .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy.loaded, .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy.loaded { opacity: 1; } .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 15px; } .img-with-aniamtion-wrap .color-overlay { -webkit-transition: opacity .65s cubic-bezier(.2, 1, .2, 1); transition: opacity .65s cubic-bezier(.2, 1, .2, 1); } .img-with-aniamtion-wrap[data-shadow] .hover-wrap .img-with-animation { box-shadow: none; } .img-with-aniamtion-wrap .inner .hover-wrap:not([data-hover-animation="none"]) { -webkit-transition: all .65s cubic-bezier(.05, 0.2, .1, 1); transition: all .65s cubic-bezier(.05, 0.2, .1, 1)!important; } .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner { -webkit-transition: transform .65s cubic-bezier(.05, 0.2, .1, 1); transition: transform .65s cubic-bezier(.05, 0.2, .1, 1); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom"]:hover .hover-wrap-inner { -webkit-transform: scale(1.13); transform: scale(1.13); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom-crop"]:hover .hover-wrap-inner { -webkit-transform: scale(1.15); transform: scale(1.15); } .img-with-aniamtion-wrap .hover-wrap[data-hover-animation="zoom-crop"]:hover { -webkit-transform: scale(0.95); transform: scale(0.95)!important; } .right.img-with-aniamtion-wrap[data-max-width="110%"] img, .right.img-with-aniamtion-wrap[data-max-width="125%"] img, .right.img-with-aniamtion-wrap[data-max-width="150%"] img, .right.img-with-aniamtion-wrap[data-max-width="175%"] img, .right.img-with-aniamtion-wrap[data-max-width="200%"] img, .right.img-with-aniamtion-wrap[data-max-width="225%"] img, .right.img-with-aniamtion-wrap[data-max-width="250%"] img { display: block } .img-with-aniamtion-wrap[data-max-width="50%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="75%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="110%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="125%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="150%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="175%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="200%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="225%"]:not(.right) img, .img-with-aniamtion-wrap[data-max-width="250%"]:not(.right) img { backface-visibility: hidden } .wpb_column.has-animation[data-animation*="reveal"] { overflow: hidden } .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap { overflow: hidden; height: 100%; width: 100% } .img-with-aniamtion-wrap[data-max-width="110%"] .inner { width: 110%; display: block } .img-with-aniamtion-wrap[data-max-width="125%"] .inner { width: 125%; display: block } .img-with-aniamtion-wrap[data-max-width="150%"] .inner { width: 150%; display: block } .img-with-aniamtion-wrap[data-max-width="165%"] .inner { width: 165%; display: block } .img-with-aniamtion-wrap[data-max-width="175%"] .inner { width: 175%; display: block } .img-with-aniamtion-wrap[data-max-width="200%"] .inner { width: 200%; display: block } .img-with-aniamtion-wrap[data-max-width="225%"] .inner { width: 225%; display: block } .img-with-aniamtion-wrap[data-max-width="250%"] .inner { width: 250%; display: block } .img-with-aniamtion-wrap[data-max-width="110%"].center .inner { margin-left: -5% } .img-with-aniamtion-wrap[data-max-width="125%"].center .inner { margin-left: -12.5% } .img-with-aniamtion-wrap[data-max-width="150%"].center .inner { margin-left: -25% } .img-with-aniamtion-wrap[data-max-width="165%"].center .inner { margin-left: -32.5% } .img-with-aniamtion-wrap[data-max-width="175%"].center .inner { margin-left: -37.5% } .img-with-aniamtion-wrap[data-max-width="200%"].center .inner { margin-left: -50% } .img-with-aniamtion-wrap[data-max-width="225%"].center .inner { margin-left: -62.5% } .img-with-aniamtion-wrap[data-max-width="250%"].center .inner { margin-left: -75% } .img-with-aniamtion-wrap.right[data-max-width="110%"] .inner { margin-left: -10% } .img-with-aniamtion-wrap.right[data-max-width="125%"] .inner { margin-left: -25% } .img-with-aniamtion-wrap.right[data-max-width="150%"] .inner { margin-left: -50% } .img-with-aniamtion-wrap.right[data-max-width="165%"] .inner { margin-left: -65% } .img-with-aniamtion-wrap.right[data-max-width="175%"] .inner { margin-left: -75% } .img-with-aniamtion-wrap.right[data-max-width="200%"] .inner { margin-left: -100% } .img-with-aniamtion-wrap.right[data-max-width="225%"] .inner { margin-left: -125% } .img-with-aniamtion-wrap.right[data-max-width="250%"] .inner { margin-left: -150% } .img-with-aniamtion-wrap[data-max-width="50%"] img, .nectar-flickity:not(.masonry) .flickity-slider .cell .img-with-aniamtion-wrap[data-max-width="50%"] img { max-width: 50%; width: auto; } .img-with-aniamtion-wrap[data-max-width="75%"] img, .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="110%"] img, .img-with-aniamtion-wrap[data-max-width="125%"] img, .img-with-aniamtion-wrap[data-max-width="150%"] img, .img-with-aniamtion-wrap[data-max-width="175%"] img, .img-with-aniamtion-wrap[data-max-width="200%"] img, .img-with-aniamtion-wrap[data-max-width="225%"] img, .img-with-aniamtion-wrap[data-max-width="250%"] img { max-width: 100%; width: auto; } .img-with-aniamtion-wrap[data-max-width="none"] img, .row .img-with-aniamtion-wrap[data-max-width="none"] img:not([srcset]) { max-width: none; width: 100%; } .img-with-aniamtion-wrap[data-max-width="125%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="150%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="175%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="200%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="225%"][data-shadow*="depth"] img, .img-with-aniamtion-wrap[data-max-width="250%"][data-shadow*="depth"] img { max-width: none; width: 100%; } .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform, .wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform .column-inner { transform: none; -webkit-transform: none } @media only screen and (min-width: 690px) { .vc_row-o-equal-height .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vc_row-o-equal-height.vc_row-o-content-middle .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: auto; } .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap, .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap > .column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .wpb_column .column-inner[data-bg-cover="true"], .wpb_column[data-bg-cover="true"] { background-size: cover; background-position: center } .vc_ie-flexbox-fixer { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal } .vc_ie-flexbox-fixer>.vc_row { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } /* 9.20. Image with Hotspots (Loaded conditionally) - See css/elements/image-with-hotspots.css */ @-webkit-keyframes pulsate { from { opacity:1; transform:scale(1) } to { opacity: 0; transform: scale(3) } } @keyframes pulsate { from { opacity:1; transform:scale(1) } to { opacity: 0; transform: scale(3) } } @keyframes nectarBounceIn { 0% { transform:translateY(80px); opacity:0 } 33% { transform:translateY(-13px); opacity:1 } 66% { transform:translateY(4px); opacity:1 } 100% { transform:translateY(0px); opacity:1 } } @-webkit-keyframes nectarBounceIn { 0% { transform:translateY(80px); opacity:0 } 33% { transform:translateY(-13px); opacity:1 } 66% { transform:translateY(4px); opacity:1 } 100% { transform:translateY(0px); opacity:1 } } /* 9.21. Interactive Map */ html:not(.js) #contact-map, html:not(.js) .nectar-google-map { display: none } .grecaptcha-badge { z-index: 100; } #contact-map { width: 100%; height: 370px; margin-bottom: 30px } body.page-template-template-contact[data-header-resize="1"] .container-wrap { padding-top: 0; } .gm-style-iw { color: #777 } #contact-map div, .nectar-google-map div { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box } .wpb_wrapper > .nectar-google-map, .nectar-google-map { margin-bottom: 0 } .nectar-google-map img { max-width: none!important } .wpb_column.centered-text .nectar-google-map img { display: block; } body[data-bg-header="true"] #contact-map { margin-top: -30px } .contact-info { padding-left: 20px } body.page-template-template-contact-php .page-header-no-bg .col.section-title { border-bottom: 0 } body.page-template-template-contact-php #page-header-bg { margin-bottom: 0 } .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { font-family: arial; letter-spacing: 0; line-height: 20px } .nectar-google-map .animated-dot, .nectar-leaflet-map .animated-dot { width: 20px; height: 20px; left: -9px; top: -5px; position: relative } .nectar-google-map .animated-dot .middle-dot, .nectar-leaflet-map .animated-dot .middle-dot { width: 16px; height: 16px; border-radius: 30px; position: absolute; left: 2px; top: 2px; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-iteration-count: infinite } .nectar-google-map[data-dark-color-scheme="1"] .animated-dot .middle-dot:after { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ' '; background-color: #fff; border-radius: 30px; z-index: 100; opacity: 0; animation: animationSignal2 cubic-bezier(0, .55, .55, 1) 2s; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-delay: 0.78s; animation-iteration-count: infinite } .nectar-google-map .animated-dot .signal, .nectar-leaflet-map .animated-dot .signal { width: 180px; pointer-events: none; height: 180px; border-radius: 200px; position: absolute; left: -80px; top: -80px; opacity: 0; -webkit-animation: animationSignal cubic-bezier(0, .55, .55, 1) 2s; animation: animationSignal cubic-bezier(0, .55, .55, 1) 2s; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-delay: 0.78s; animation-iteration-count: infinite } .nectar-google-map .animated-dot .signal2, .nectar-leaflet-map .animated-dot .signal2 { width: 180px; height: 180px; pointer-events: none; border-radius: 200px; position: absolute; left: -80px; top: -80px; opacity: 0; -webkit-animation: animationSignal cubic-bezier(0, .55, .55, 1) 2s; animation: animationSignal cubic-bezier(0, .55, .55, 1) 2s; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-delay: 1s; animation-iteration-count: infinite } .nectar-leaflet-map .nectar-leaflet-pin { width: 34px; height: 34px; font-size: 0; border: 10px solid #3452ff; border-radius: 50% 50% 50% 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; background-color: #fff; } .nectar-leaflet-map:not([data-marker-style="nectar"]) .leaflet-marker-icon:before { background-image: url(../img/icons/leaflet/marker-shadow.png); position: absolute; z-index: -1; display: block; top: 2px; left: 9px; width: 41px; height: 41px; content: ''; -webkit-transform: rotate(13deg); transform: rotate(13deg); } .nectar-leaflet-map .leaflet-marker-icon { overflow: visible; background-color: transparent; border: none; } .nectar-leaflet-map[data-greyscale="1"] > .leaflet-map-pane .leaflet-tile-container { -webkit-filter: grayscale(100%); filter: grayscale(100%); } @-webkit-keyframes animationSignal { 0% { opacity:0; transform: scale(0.00) } 1% { opacity:0.25 } 20% { opacity:0.25 } 60% { transform: scale(1); opacity:0 } } @-webkit-keyframes animationSignal2 { 0% { opacity:0 } 1% { opacity:0.2 } 20% { opacity:0.17 } 60% { opacity:0 } } @keyframes animationSignal { 0% { opacity:0; transform: scale(0.00) } 1% { opacity:0.25 } 20% { opacity:0.25 } 60% { transform: scale(1); opacity:0 } } @keyframes animationSignal2 { 0% { opacity:0 } 1% { opacity:0.2 } 20% { opacity:0.17 } 60% { opacity:0 } } /* 9.22. Milestone */ .nectar-milestone { text-align: center } .nectar-milestone:not(.animated-in) { opacity: 0 } .span_12.right .nectar-milestone, .nectar-milestone[data-ms-align="right"] { text-align: right } .nectar-milestone[data-ms-align="left"] { text-align: left } .span_12.right .nectar-milestone[data-symbol-alignment="superscript"] { padding-right: 40px } body .nectar-milestone .number h1, body .nectar-milestone .number h2, body .nectar-milestone .number h3, body .nectar-milestone .number h4, body .nectar-milestone .number h5 { font-size: inherit; line-height: inherit; color: inherit; display: inline-block } .nectar-milestone .number { font-size: 62px; line-height: 62px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 5px; position: relative; display: inline-block } .nectar-milestone.motion_blur .number span:not(.in-sight) { transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 0 } .nectar-milestone.motion_blur .number span { display: inline-block } body .nectar-milestone .subject { letter-spacing: 0.5px; font-size: 16px; line-height: 25px } .nectar-milestone .number .symbol-wrap { display: inline-block } .nectar-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap { transform: translateX(103%); -webkit-transform: translateX(103%); top: 0; right: 0; position: absolute; display: inline; font-size: 30px; line-height: 34px } .nectar-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap { transform: translateX(-103%); -webkit-transform: translateX(-103%); right: auto; left: 0 } .milestone-wrap { text-align: center } /* 9.23. Morphing outline */ .morphing-outline { visibility: visible; padding: 90px 50px; text-align: center } .morphing-outline .inner { -webkit-transition: color .35s cubic-bezier(.65, 0, .35, 1); transition: color .35s cubic-bezier(.65, 0, .35, 1); position: relative; display: inline-block; line-height: 1; z-index: 1; -webkit-perspective: 1000; text-align: center } .morphing-outline .inner p { padding-bottom: 10px } body .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >* { transform: scale(1.11); -webkit-transform: scale(1.11); } body .wpb_column >.wpb_wrapper >.morphing-outline .inner >h5 { transform: scale(0.68); -webkit-transform: scale(0.68); } body .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >h5 { transform: scale(0.77); -webkit-transform: scale(0.77); } .morphing-outline .inner >* { color: #fff; -webkit-transition: color .35s cubic-bezier(.65, 0, .35, 1), transform .35s cubic-bezier(.65, 0, .35, 1); transition: color .35s cubic-bezier(.65, 0, .35, 1), transform .35s cubic-bezier(.65, 0, .35, 1) } .morphing-outline .inner >*:last-child { margin-bottom: 0; padding-bottom: 0 } .morphing-outline .inner:after { -webkit-transition: all .35s cubic-bezier(.65, 0, .35, 1); transition: all .35s cubic-bezier(.65, 0, .35, 1); height: 100%; width: 100%; position: absolute; left: -62px; top: -92px; padding: 80px 50px; z-index: -1; border-width: 12px; border-style: solid; border-color: #fff; display: block; content: ''; border-radius: 50% } body[data-button-style="default"] .wpb_column >.wpb_wrapper >.morphing-outline .inner:after, body[data-button-style="default"] .wpb_column >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after { border-radius: 0 } body[data-button-style="default"] .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner:after, body[data-button-style="default"] .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after { border-radius: 50% } .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner:after, .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner:after { border-radius: 0%; border-color: #fff; } .wpb_column:hover >.wpb_wrapper >.morphing-outline .inner >*, .wpb_column:hover >.vc_column-inner >.wpb_wrapper >.morphing-outline .inner >* { color: #fff } /* 9.24. Page Submenu */ .page-submenu:not(.stuck) { transform: translateY(0px)!important; -webkit-transform: translateY(0px)!important } .page-submenu.stuck { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: all 0.3s; -webkit-transition: all 0.3s; } .page-submenu.stuck.header-not-visible { transition: all 0.2s; -webkit-transition: all 0.2s; } .page-submenu.stuck .full-width-content, .full-width-content >.span_12 >.vc_col-sm-12 >.vc_column-inner >.wpb_wrapper .page-submenu:not(.stuck) >.full-width-content { margin-left: 0!important } .page-submenu .full-width-section, .page-submenu .full-width-content { height: auto!important } .page-submenu ul { margin: 0; color: inherit } @media only screen and (min-width:1000px) { .page-submenu ul { display: block!important; height: auto!important } } .page-submenu[data-alignment="left"] { text-align: left } .page-submenu[data-alignment="center"] { text-align: center } .page-submenu[data-alignment="right"] { text-align: right } .page-submenu[data-alignment="right"] .full-width-section ul li:last-child { margin-right: 0 } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child { margin-left: 0 } .page-submenu[data-alignment="left"] .full-width-content ul li:first-child { margin-left: 25px } .page-submenu[data-alignment="right"] .full-width-content ul li:last-child { margin-right: 33px } .page-submenu li { display: inline-block; margin: 0 25px 0 0; color: inherit } body .page-submenu li a { color: inherit; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; padding-top: 20px; padding-bottom: 20px; display: block; opacity: 0.7 } .page-submenu li a:hover, .page-submenu.stuck .current-menu-item a { opacity: 1; color: inherit } .page-submenu .mobile-menu-link { padding: 16px 20px; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); color: inherit; display: none; line-height: 17px } .page-submenu[data-bg-color="#fff"] .mobile-menu-link { border-left: 1px solid rgba(0,0,0,0.08); border-right: 1px solid rgba(0,0,0,0.08) } .salient-page-submenu-icon { font-size: 16px; float: left; margin-right: 8px } .salient-page-submenu-icon:before { content: '\e067' } /* 9.25. Pricing Table (Loaded conditionally) - See css/elements/pricing-table.css */ /* 9.26. Progress Bar */ .nectar-progress-bar, .wpb_wrapper > .nectar-progress-bar { margin-bottom: 0 } .nectar-progress-bar .bar-wrap { margin-bottom: 13px; border-radius: 300px 300px 300px 300px; -webkit-border-radius: 300px 300px 300px 300px; background-color: #ebebeb; box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset; -o-box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset } .nectar-progress-bar span { height: 14px; width: 0; display: block; background-color: #000; border-radius: 300px 300px 300px 300px; -webkit-border-radius: 300px 300px 300px 300px; } .nectar-progress-bar p { padding-bottom: 2px } .nectar-progress-bar span { overflow: visible; position: relative } .nectar-progress-bar span strong { position: absolute; right: -0px; top: -23px; opacity: 0; display: block; font-family: 'Open Sans'; font-weight: 600; border-radius: 2px; -webkit-border-radius: 2px; } .nectar-progress-bar span strong i { font-style: normal; font-family: 'Open Sans'; font-weight: 600; letter-spacing: 0; text-transform: none } body .nectar-progress-bar span strong, body .nectar-progress-bar .bar-wrap span strong i, body .nectar-progress-bar .bar-wrap span strong { font-size: 11px!important; line-height: 12px!important } .nectar-progress-bar span strong.full:after { left: 15px } .nectar-progress-bar span strong.full { width: 43px; text-align: right } body .vc_pie_chart .vc_pie_chart_value { font-size: 42px; font-family: 'Open Sans'; font-weight: 300 } body .vc_pie_chart .wpb_pie_chart_heading { font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; font-size: 12px; margin-top: 12px; margin-bottom: 0; letter-spacing: 2px } body .vc_pie_chart_back { border-width: 7px; opacity: 0 } body .vc_pie_chart { opacity: 1; } /* 9.27. Recent Posts (Loaded conditionally) - See css/elements/recent-posts.css */ /* 9.28. Split Heading */ .nectar-split-heading .heading-line { display: block; overflow: hidden; position: relative } .nectar-split-heading .heading-line >div { display: block; transform: translateY(200%); -webkit-transform: translateY(200%) } .nectar-split-heading h1 { margin-bottom: 0 } @media only screen and (min-width: 1000px) { .nectar-split-heading[data-custom-font-size="true"] h1, .nectar-split-heading[data-custom-font-size="true"] h2, .nectar-split-heading[data-custom-font-size="true"] h3, .nectar-split-heading[data-custom-font-size="true"] h4 { font-size: inherit; line-height: inherit; } } .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated), .nectar-split-heading[data-animation-type="letter-fade-reveal"]:not(.markup-generated) { opacity: 0; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] > * > span, .nectar-split-heading[data-animation-type="letter-fade-reveal"] > * > span { position: relative; display: inline-block; overflow: hidden; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span, .nectar-split-heading[data-animation-type="letter-fade-reveal"] span { vertical-align: bottom; } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner { position: relative; display: inline-block; -webkit-transform: translateY(102%); transform: translateY(102%); } .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner.animated { -webkit-transform: none; transform: none; } .nectar-split-heading[data-animation-type="letter-fade-reveal"] span span { position: relative; display: inline-block; -webkit-transform: translateY(102%); transform: translateY(102%); opacity: 0; } .nectar-split-heading[data-animation-type="twist-in"] { transform: rotateY(25deg) rotateZ(-4deg); opacity: 0; transition: opacity 1s cubic-bezier(.15, .75, .4, 1), transform 1.2s cubic-bezier(.15, .75, .4, 1); } .nectar-split-heading[data-animation-type="twist-in"].animated-in { transform: rotateY(0deg) rotateZ(0deg); opacity: 1; } /* 9.29. Tabbed Section (Loaded conditionally) - See css/elements/tabbed-section.css */ /* 9.30. Team Member (Loaded conditionally) - See css/elements/team-member.css */ /* 9.31. Testimonial Slider (Loaded conditionally) - See css/elements/testimonial.css */ .wpb_column[data-cfc="true"] h1, .wpb_column[data-cfc="true"] h2, .wpb_column[data-cfc="true"] h3, .wpb_column[data-cfc="true"] h4, .wpb_column[data-cfc="true"] h5, .wpb_column[data-cfc="true"] h6, .wpb_column[data-cfc="true"] p { color: inherit } blockquote .image-icon[data-shadow="true"] { box-shadow: 0px 15px 37px rgba(0,0,0,0.15) } .span_12.light .flickity-page-dots .dot:before, .testimonial_slider[data-style="multiple_visible"][data-color*="-light"] .flickity-page-dots .dot:before { background-color: #fff } /* 9.32. Toggle Panels */ body .toggle { margin-bottom: 15px } .toggle.open h3 a { color: #fff; background-color: #000 } body .toggle h3, body .row .toggle h3 { margin-bottom: 0 } .toggle h3 { position: relative; z-index: 10; font-size: 12px; } div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 { font-size: 14px; line-height: 14px } .toggle h3 a { display: block; color: rgba(0,0,0,0.65); letter-spacing: 0; font-size: 14px; line-height: 16px; padding: 14px 14px 16px 43px; font-weight: 400; background-color: rgba(0,0,0,0.045); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .toggle h3 a i { position: absolute; left: 13px; background-color: transparent; color: #888; top: 13px; width: 18px; height: 16px; line-height: 18px; font-size: 15px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .toggle.open h3 a i { color: #fff } .toggle h3 a:hover { background-color: rgba(0,0,0,0.035) } body .toggle >div { padding: 10px 14px; border-top: 0; display: none; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .toggle >div .wpb_wrapper { margin: 0 } .toggle >div >div:last-child { margin-bottom: 0!important } .light .toggle >div { color: #676767 } .light .toggles[data-style="default"] .toggle h3 a { color: #fff; } .light .toggles[data-style="default"] .toggle >div { background-color: transparent; } body div[data-style*="minimal"] .toggle.open h3 a, body div[data-style*="minimal"] .toggle h3 a { background-color: transparent } div[data-style*="minimal"] .toggle >div { box-shadow: none; -webkit-box-shadow: none; padding: 0 0 30px 0; background-color: transparent } div[data-style*="minimal"] .toggle h3 i { width: 30px; height: 30px; position: absolute; right: 0; left: auto; top: 50%; margin-top: -15px; border: 2px solid #888; border-radius: 30px 30px; -ms-transition: border-color 0.15s ease; transition: border-color 0.15s ease; -webkit-transition: border-color 0.15s ease } div[data-style="minimal"] .toggle h3 a { padding: 30px 70px 30px 0px; -ms-transition: color 0.15s ease; transition: color 0.15s ease; -webkit-transition: color 0.15s ease } div[data-style="minimal"] .toggle { border-bottom: 2px solid rgba(0,0,0,0.08); -ms-transition: border-color 0.15s ease; transition: border-color 0.15s ease; -webkit-transition: border-color 0.15s ease; } body div[data-style="minimal"] .toggle { margin-bottom: 0 } div[data-style="minimal"] .toggle h3 i:before { content: ' '; top: 14px; left: 6px; margin-top: -2px; width: 14px; height: 2px; position: absolute; background-color: #888; -ms-transition: background-color 0.15s ease; transition: background-color 0.15s ease; -webkit-transition: background-color 0.15s ease } div[data-style="minimal"] .toggle h3 i:after { content: ' '; top: 6px; left: 14px; width: 2px; margin-left: -2px; height: 14px; position: absolute; background-color: #888; -ms-transition: transform 0.45s cubic-bezier(.3, .4, .2, 1), background-color 0.15s ease; transition: transform 0.45s cubic-bezier(.3, .4, .2, 1), background-color 0.15s ease; -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3, .4, .2, 1), background-color 0.15s ease } .light div[data-style="minimal"] .toggle { border-color: rgba(255,255,255,0.2) } .light div[data-style*="minimal"] .toggle h3 i { border-color: #fff } .light div[data-style*="minimal"] .toggle h3 i:before, .light div[data-style*="minimal"] .toggle h3 i:after { background-color: #fff } .light div[data-style*="minimal"] .toggle h3 a { color: #fff } div[data-style*="minimal"] .toggle.open i:after { -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform: scale(1, 0) } div[data-style="minimal_small"] .toggle h3 { display: inline-block; } div[data-style="minimal_small"] .toggle h3 a { padding: 0 } div[data-style="minimal_small"] .toggle.default h3 a:hover, div[data-style="minimal_small"] .toggle.default.open h3 a { color: #000; } div[data-style="minimal_small"] .toggle.default > h3:after { background-color: #000; } .span_12.light div[data-style="minimal_small"] .toggle.default h3 a:hover, .span_12.light div[data-style="minimal_small"] .toggle.default.open h3 a { color: #fff; } .span_12.light div[data-style="minimal_small"] .toggle > h3:before { background-color: rgba(255,255,255,0.2); } .span_12.light div[data-style="minimal_small"] .toggle.default:hover > h3:after, .span_12.light div[data-style="minimal_small"] .toggle.default.open > h3:after, .span_12.light div[data-style="minimal_small"] .toggle.default > h3:after { background-color: #fff; } div[data-style="minimal_small"] .toggle > h3:after, div[data-style="minimal_small"] .toggle > h3:before { display: block; content: ''; position: absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.1); height: 2px; left: 0; pointer-events: none; } div[data-style="minimal_small"] .toggle > h3:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1); transform-origin: left; } div[data-style="minimal_small"] .toggle.open > h3:after, div[data-style="minimal_small"] .toggle:hover > h3:after { -webkit-transform: scaleX(1); transform: scaleX(1); } div[data-style="minimal_small"] .toggle >div { padding-top: 1.4em; padding-bottom: 0; } div[data-style="minimal_small"] .toggle > h3 i { display: none; } div[data-style="minimal_small"] .toggle { margin-bottom: 1.4em; } /* 9.33. Video Lightbox */ .nectar_video_lightbox svg, .masonry-blog-item .video-play-button svg, .auto_meta_overlaid_spaced article .content-inner > .play svg { display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-left: 2px; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) } .nectar_video_lightbox.play_button:before, .nectar-video-box .play_button_mouse_follow:before, .auto_meta_overlaid_spaced article .content-inner > .play:before { display: block; position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; border: 6px solid #fff; z-index: 10; border-radius: 200px; box-sizing: border-box; -webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s } .nectar-video-box .play_button_mouse_follow { transition: opacity 0.3s ease; } .nectar-video-box .play_button_mouse_follow:not(.visible) { opacity: 0; } .nectar-video-box .play_button_mouse_follow:before { border-width: 2px; } .nectar-video-box .play_button_mouse_follow svg { width: 12px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 94px; height: 94px; left: 0; top: 0; margin-top: -47px; margin-left: -47px; pointer-events: none; } .nectar-video-box[data-mouse-style="see_through_contrast"] .play_button_mouse_follow { mix-blend-mode: difference; } .nectar-video-box[data-mouse-style="see_through_contrast"], .nectar-video-box[data-mouse-style="see_through_contrast"] > .inner-wrap { background-color: #fff; } @media only screen and (max-width: 690px) { .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox svg { width: 10px; } } .nectar-video-box[data-mouse-style="solid_color"] .play_button_mouse_follow:before { border: none; } @-webkit-keyframes pulse-1 { 0% { -webkit-transform:translate3d(-50%, -50%, 0)scale(1); opacity:1 } 100% { -webkit-transform:translate3d(-50%, -50%, 0)scale(1.7); opacity:0 } } @keyframes pulse-1 { 0% { transform:translate3d(-50%, -50%, 0)scale(1); opacity:1 } 100% { transform:translate3d(-50%, -50%, 0)scale(1.7); opacity:0 } } @-webkit-keyframes pulse-2 { 0% { -webkit-transform:translate3d(-50%, -50%, 0)scale(1); opacity:0.5 } 100% { -webkit-transform:translate3d(-50%, -50%, 0)scale(1.7); opacity:0 } } @keyframes pulse-2 { 0% { transform:translate3d(-50%, -50%, 0)scale(1); opacity:0.5 } 100% { transform:translate3d(-50%, -50%, 0)scale(1.7); opacity:0 } } .nectar_video_lightbox.play_button { position: relative; width: 90px; height: 90px; margin: 0; display: inline-block } .centered-text .nectar_video_lightbox.play_button { margin: 0 30px } .nectar_video_lightbox.play_button_with_text .play { height: 52px; width: 52px; position: relative; vertical-align: middle; display: inline-block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap { height: 100%; width: 100%; display: block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap:before { border-radius: 200px; backface-visibility: hidden; height: 100%; width: 100%; display: block; content: ''; transition: all 0.45s cubic-bezier(.15, 0.2, .1, 1) 0s; -webkit-transition: all 0.45s cubic-bezier(.15, 0.2, .1, 1) 0s } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play >.inner-wrap:before { background-color: #000; } .nectar_video_lightbox.play_button_with_text:hover .play >.inner-wrap:before { -webkit-transform: scale(1.15); transform: scale(1.15) } .nectar_video_lightbox.play_button_with_text .link-text >* { margin-bottom: 0 } body .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before { width: 50px; height: 50px; left: 50%; top: 50%; z-index: -1 } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before, .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:after { position: absolute; top: 50%; left: 50%; display: block; content: ''; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; -webkit-transform: scale(.35) translateY(-50%) translateX(-50%); -ms-transform: scale(.35) translateY(-50%) translateX(-50%); transform: scale(.35) translateY(-50%) translateX(-50%); opacity: 0; -webkit-animation: pulse-1 2.6s cubic-bezier(.25, .9, .2, 1) 0.4s infinite; animation: pulse-1 2.6s cubic-bezier(.25, .9, .2, 1) 0.4s infinite } .nectar_video_lightbox.play_button_with_text .play:after { width: 50px; height: 50px; z-index: -1; border-color: rgba(255,255,255,.4); -webkit-animation: pulse-1 2.6s cubic-bezier(.25, .9, .2, 1) 0s infinite; animation: pulse-1 2.6s cubic-bezier(.25, .9, .2, 1) 0s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:before, .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after { -webkit-animation: pulse-2 2.6s cubic-bezier(.25, .9, .2, 1) 0.4s infinite; animation: pulse-2 2.6s cubic-bezier(.25, .9, .2, 1) 0.4s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after { -webkit-animation: pulse-2 2.6s cubic-bezier(.25, .9, .2, 1) 0s infinite; animation: pulse-2 2.6s cubic-bezier(.25, .9, .2, 1) 0s infinite } .nectar_video_lightbox.play_button_with_text svg { width: 14px; height: 14px; z-index: 100 } .span_12.light .nectar_video_lightbox.play_button_with_text .link-text { color: #fff } .nectar_video_lightbox.play_button_with_text .link-text { display: inline-block; margin-left: 25px; color: #000; vertical-align: middle } .play_button_with_text .link-text[data-font="nectar-btn-jumbo"] { font-size: 18px; } .play_button_with_text .link-text[data-font="nectar-btn-large"] { font-size: 14px; } .play_button_with_text .link-text[data-font="nectar-btn-medium"] { font-size: 12px; } .nectar_video_lightbox.play_button_with_text .play:before { display: block; position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; border-radius: 200px; box-sizing: border-box; -webkit-box-sizing: border-box } .nectar_video_lightbox .play { display: block; height: 100%; width: 100%; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s } .nectar_video_lightbox path, .span_12.dark .nectar_video_lightbox.play_button_with_text path { fill: #fff } .span_12.dark .nectar_video_lightbox path { fill: #000 } .span_12.dark .nectar_video_lightbox.play_button:before { border: 5px solid #000 } .nectar_video_lightbox:hover:before { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.4 } .nectar_video_lightbox:not(.play_button_with_text):hover .play { transform: scale(1.3); -webkit-transform: scale(1.3) } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:before, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:after { display: none; } .nectar_video_lightbox.play_button_with_text[data-style="small"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg { height: 30px; width: 30px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg { width: 70px; height: 70px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] .button-bg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] .button-bg { width: 90px; height: 90px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] { text-align: center; display: inline-block; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .link-text { display: block; margin-left: 0; margin-top: 28px; } .main-content .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"]:not([data-style="small"]) .play >.inner-wrap:before { background-color: transparent!important; } .play_button_with_text[data-style="small"][data-font-style="h3"] span.play, .play_button_with_text[data-style="small"][data-font-style="h3"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h2"] span.play, .play_button_with_text[data-style="small"][data-font-style="h2"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h1"] span.play, .play_button_with_text[data-style="small"][data-font-style="h1"] .button-bg { height: 40px; width: 40px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg-wrap, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg-wrap { margin-top: -20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] svg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] svg { height: 10px; width: 10px; } .nectar_video_lightbox.play_button_with_text { display: inline-block; padding: 20px 0; } .nectar_video_lightbox.play_button_with_text > span { display: block; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .link-text { margin-left: 15px; } .play_button_with_text[data-style="small"][data-font-style="h1"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h2"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h3"] .link-text { margin-left: 20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before { border-width: 2px; border-style: solid; box-sizing: border-box; border-color: #000; } .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="small"] path, .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] path { fill: #000; } .light .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .light .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before { border-color: #fff; } .span_12.dark .nectar_video_lightbox.nectar-button[data-color*="transparent"] { border: 2px solid #000; color: #000 } .nectar_video_lightbox.nectar-button[data-color*="transparent"] { background-color: transparent; border: 2px solid #fff; opacity: 1; transition: all 0.2s ease; -webkit-transition: all 0.2s ease } .nectar_video_lightbox.nectar-button[data-color*="transparent"]:hover { color: #fff; border-color: transparent } .nectar-video-box { line-height: 0; position: relative; margin-bottom: 35px } .nectar-video-box img { transition: all .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1); margin-bottom: 0!important; transform: translateZ(0) scale(1.05); -webkit-transform: translateZ(0) scale(1.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; max-width: none!important; width: 100%!important } .nectar-video-box[data-hover="zoom_button"] img, .nectar-video-box[data-hover="zoom_button"]:hover img { transition: none; -webkit-transition: none; -webkit-transform: none; transform: none } .nectar-video-box .nectar_video_lightbox { position: absolute; left: 50%; top: 50%; z-index: 10; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; color: #fff; display: inline-block; border-radius: 200px; -webkit-transform: translateZ(0); transform: translateZ(0) } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox:after { background-color: #000; position: absolute; content: ' '; display: block; left: 0; top: 0; width: 100%; border-radius: 200px; height: 100%; z-index: 1; transition: all .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1) } .nectar-video-box:hover .nectar_video_lightbox:after { -webkit-transform: scale(1.14); transform: scale(1.14) } .nectar-video-box[data-hover="zoom_button"] .play { position: relative; z-index: 10 } .nectar-video-box .inner-wrap >a.full-link { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; z-index: 100 } .nectar-video-box:hover img { transform: scale(1.14); -webkit-transform: scale(1.14) } .nectar-video-box .nectar_video_lightbox path { fill: #fff!important } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox { background-color: transparent!important } .nectar-video-box .inner-wrap { overflow: hidden; } .nectar-video-box[data-border-radius*="px"] > .inner-wrap { transform: translateZ(0); } .nectar-video-box[data-border-radius="3px"] .inner-wrap { border-radius: 3px; } .nectar-video-box[data-border-radius="5px"] .inner-wrap { border-radius: 5px; } .nectar-video-box[data-border-radius="10px"] .inner-wrap { border-radius: 10px; } .nectar-video-box[data-border-radius="15px"] .inner-wrap { border-radius: 15px; } .nectar-video-box[data-border-radius="20px"] .inner-wrap { border-radius: 20px; } .nectar-video-box[data-shadow*="depth"]:before { position: absolute; width: 98%; height: 98%; top: 1%; left: 1%; display: block; content: ''; z-index: -1; } .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox { height: 110px; width: 110px; margin-left: -55px; margin-top: -55px; } /* 9.34. Drag Indicator */ .nectar-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; } .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: 22px; opacity: 0; } .nectar-drag-indicator i.fa-angle-left { padding-right: 20px; transform: translateX(12px); } .nectar-drag-indicator i.fa-angle-right { padding-left: 20px; transform: translateX(-12px); } .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 0.1s, opacity 0.3s ease 0.1s; transition: transform 0.45s ease 0.1s, opacity 0.3s ease 0.1s; } .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 { transform: scale(1); opacity: 1; } .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; } /* Salient Widgets - Popular Posts */ .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="minimal-counter"] > li::before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before, body.search-results #search-results[data-layout="list-no-sidebar"] article:before { content: counter(step-counter); margin-right: 20px; border: 1px solid rgba(0,0,0,0.1); font-weight: bold; display: block; position: absolute; left: 0; top: 50%; z-index: 10; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; line-height: 34px; font-size: 12px; pointer-events: none; text-align: center; border-radius: 50%; -webkit-transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); } body.search-results #search-results[data-layout="list-no-sidebar"] article:before { height: 50px; width: 50px; font-size: 16px; line-height: 50px; } body.search-results #search-results[data-layout="list-no-sidebar"] article { counter-increment: step-counter; } #footer-outer .widget.widget_media_image img { margin-bottom: 0; } .blog-recent[data-style="list_featured_first_row"] .small { position: relative; -webkit-transform: none; transform: none; top: 0; display: inline-block; vertical-align: middle; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after, .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { border-radius: 0; text-align: center; color: #fff; font: normal normal normal 18px/60px FontAwesome; content: "\f03e"; text-rendering: auto; -webkit-font-smoothing: antialiased; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { font-size: 50px } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap, .post-area.featured_img_left .post-featured-img-wrap { background-color: rgba(0,0,0,0.25) } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* Parallax Image Grid */ @media only screen and (min-width: 1600px) { .full-width-content .vc_col-sm-12 .wpb_gallery .parallax-grid-item { width: 33%; } .full-width-content .vc_col-sm-12 .wpb_gallery .wpb_gallery_slidesparallax_image_grid > div:nth-child(3) { margin-top: 0; } } .wpb_gallery .parallax-grid-item img { width: 100%; max-width: none; height: auto; } .wpb_gallery .parallax-grid-item img:not([srcset]) { max-width: 100%; } .wpb_gallery .parallax-grid-item .parallaxImg-layers a { display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%; } .wpb_gallery .parallax-grid-item .item-meta p { opacity: 0.65; } .wpb_gallery .parallax-grid-item .item-meta h4 { margin-bottom: 3px; } .wpb_gallery .parallax-grid-item .item-meta { padding: 5% 0 0 0; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+2) { padding-left: 3.3%; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+1) { padding-right: 3.3%; } .wpb_gallery .parallax-grid-item { width: 50%; display: inline-block; margin-top: 6.2%; vertical-align: top; transform: translateZ(0px); } .wpb_gallery_slidesparallax_image_grid > div:nth-child(1) { margin-top: 0; } .wpb_gallery_slidesparallax_image_grid > div:nth-child(2) { margin-top: 0; } body.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container { transition: transform 0.2s cubic-bezier(0, 0, 0.65, 1); -webkit-transition: transform 0.2s cubic-bezier(0, 0, 0.65, 1); outline: 1px solid transparent; backface-visibility: hidden; } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg.transition .parallaxImg-container { transition: transform 0.8s cubic-bezier(0, 0, 0.55, 1); -webkit-transition: transform 0.8s cubic-bezier(0, 0, 0.55, 1); } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container { transition: transform 0.5s cubic-bezier(0, 0, 0.55, 1); -webkit-transition: transform 0.5s cubic-bezier(0, 0, 0.55, 1); backface-visibility: hidden; } html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container:not(.over), html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg-container:not(.over) .parallaxImg-rendered-layer, html.cssreflections .wpb_gallery .parallax-grid-item .parallaxImg:not(.over) { transition: transform 1.1s cubic-bezier(0, 0, 0.2, 1); -webkit-transition: transform 1.1s cubic-bezier(0, 0, 0.2, 1); } /*-------------------------------------------------------------------------*/ /* 10. Page Header /*-------------------------------------------------------------------------*/ .row .col.section-title { margin: 0 0 0 0; padding: 0 0 36px 0; border-bottom: 1px solid #ddd } .row .col.section-title.project-title, .row .col.section-title.blog-title { margin-bottom: 14px } .home .row .col.section-title { padding: 0 0 3em 0 } .row .col.section-title h1, .row .col.section-title h2 { margin-bottom: 0; font-family: 'Open Sans'; font-weight: 600; letter-spacing: -1px; position: relative } .row .col.section-title h2 { margin-bottom: 5px } .page-template-template-portfolio-php .row .col.section-title h1 { margin-bottom: 0 } .row .col.section-title h1 { top: 3px } .row .col.section-title span { font-size: 20px; line-height: 20px; color: #888; top: 0; position: relative; text-transform: none; font-family: 'Open Sans'; padding-left: 10px } #ajax-content-wrap .row .col.section-title .nectar-love span { line-height: 20px; } .archive.author .row .col.section-title span, .archive.category .row .col.section-title span, .archive.tag .row .col.section-title span, .archive.date .row .col.section-title span { padding-left: 0 } .archive.author #page-header-wrap, .archive.category #page-header-wrap, .archive.tag #page-header-wrap, .archive.date #page-header-wrap { height: 400px; } .archive.author #page-header-wrap #page-header-bg, .archive.category #page-header-wrap #page-header-bg, .archive.tag #page-header-wrap #page-header-bg, .archive.date #page-header-wrap #page-header-bg { height: 100%; } .row .col.section-title h1 { margin-bottom: 0 } .row .col.section-title p { font-size: 20px; line-height: 28px; padding-bottom: 0; } .archive.category .row .col.section-title p { margin-top: 10px; } /* Background Layer Animations */ #page-header-wrap[data-animate-in-effect="slide-down"], #page-header-wrap[data-animate-in-effect="slide-down"] #page-header-bg { transition: height 0.85s cubic-bezier(0.725, 0, 0, 0.995); -webkit-transition: height 0.85s cubic-bezier(0.725, 0, 0, 0.995); } body[data-ajax-transitions="true"] #page-header-wrap[data-animate-in-effect="slide-down"] { transition: height 0.85s 0.2s cubic-bezier(0.725, 0, 0, 0.995); -webkit-transition: height 0.85s 0.2s cubic-bezier(0.725, 0, 0, 0.995); } @media only screen and (min-width: 1000px) { #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap, .top-level .nectar-slider-wrap[data-animate-in-effect="zoom-out"]:not([data-bg-animation="ken_burns"]) .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="zoom-out"] .nectar-recent-posts-slider-inner:not(.loaded) .nectar-recent-post-bg, body[data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform: scale(1.11) translateZ(0); -ms-transform: scale(1.11) translateZ(0); transform: scale(1.11) translateZ(0); -webkit-transition: 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); transition: 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9) } } body[data-apte*="horizontal_swipe"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap, body[data-apte*="horizontal_swipe"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap, body[data-apte*="horizontal_swipe"][data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transition: 1.25s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); transition: 1.25s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9) } body[data-ajax-transitions="true"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .nectar-video-wrap { -webkit-transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9) } #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"].loaded .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"].loaded .nectar-video-wrap, .top-level .nectar-slider-wrap[data-animate-in-effect="zoom-out"]:not([data-bg-animation="ken_burns"]).loaded .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="zoom-out"].loaded .nectar-recent-post-bg, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"].loaded .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"].loaded .nectar-video-wrap, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .image-bg, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .video-wrap, .parallax_slider_outer .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"].loaded .slide-bg-wrap, .nectar-recent-posts-slider[data-animate-in-effect="long-zoom-out"].loaded .nectar-recent-post-bg, .js_active body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg, .js_active body[data-aie="zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0) } @media only screen and (min-width: 1000px) { body[data-aie="zoom-out"] .first-section .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .top-level .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .first-section .project-slide .bg-inner-wrap { -webkit-transform: scale(1.11) translateZ(0); -ms-transform: scale(1.11) translateZ(0); transform: scale(1.11) translateZ(0) } } body[data-aie="zoom-out"] .first-section.loaded .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .top-level.loaded .row-bg-wrap .inner-wrap, body[data-aie="zoom-out"] .first-section.loaded .project-slide .bg-inner-wrap { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9); transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9) } body[data-aie="zoom-out"] #nectar_fullscreen_rows[data-row-bg-animation="ken_burns"] .first-section .row-bg-wrap .inner-wrap { -webkit-transform: none; -ms-transform: none; transform: none; } body[data-aie="zoom-out"] .first-section .row-bg-wrap, body[data-aie="zoom-out"] .top-level .row-bg-wrap, body[data-aie="long-zoom-out"] .first-section .row-bg-wrap { overflow: hidden; height: 100%; width: 100%; position: absolute; left: 0; top: 0 } #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="long-zoom-out"] .nectar-video-wrap, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .image-bg, .first-nectar-slider.nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .video-wrap, .first-section .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .image-bg, .first-section .nectar-slider-wrap[data-animate-in-effect="long-zoom-out"] .video-wrap, .nectar-recent-posts-slider[data-animate-in-effect="long-zoom-out"] .nectar-recent-posts-slider-inner:not(.loaded) .nectar-recent-post-bg, body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform: scale(1.14) translateZ(0); -ms-transform: scale(1.14) translateZ(0); transform: scale(1.14) translateZ(0); -webkit-transition: 3.5s 0s cubic-bezier(0.4, 0.58, 0.5, 1); transition: 3.5s 0s cubic-bezier(0.4, 0.58, 0.5, 1) } body[data-aie="long-zoom-out"] .first-section .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .top-level .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .first-section .nectar-video-wrap video { -webkit-transform: scale(1.14) translateZ(0); -ms-transform: scale(1.14) translateZ(0); transform: scale(1.14) translateZ(0) } body[data-aie="long-zoom-out"] .first-section.loaded .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .top-level.loaded .row-bg-wrap .inner-wrap, body[data-aie="long-zoom-out"] .first-section.loaded .nectar-video-wrap video, .js_active body[data-aie="long-zoom-out"] .nectar-recent-posts-single_featured .nectar-recent-post-bg { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: transform 3.5s 0s cubic-bezier(0.4, 0.58, 0.5, 1); transition: transform 3.5s 0s cubic-bezier(0.4, 0.58, 0.5, 1) } #page-header-bg[data-animate-in-effect="fade-in"] .scroll-down-wrap { opacity: 0; transition: opacity 1s ease 0.6s; -webkit-transition: opacity 1s ease 0.6s; } #page-header-bg[data-animate-in-effect="fade-in"].loaded .scroll-down-wrap { opacity: 1; transition: opacity 1s ease 0.4s; -webkit-transition: opacity 1s ease 0.4s; } #page-header-bg[data-animate-in-effect="fade-in"] .page-header-bg-image-wrap, #page-header-wrap #page-header-bg[data-animate-in-effect="fade-in"] .nectar-video-wrap { opacity: 0; -webkit-animation: pageHeaderFadeIn 2.8s ease forwards; animation: pageHeaderFadeIn 2.8s ease forwards; animation-delay: 0.45s; } #page-header-bg[data-animate-in-effect="fade-in"] .container { opacity: 0; -webkit-animation: pageHeaderFadeInText 2s ease forwards; animation: pageHeaderFadeInText 2s ease forwards; animation-delay: 0.12s; } @keyframes pageHeaderFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pageHeaderFadeInText { 0% { -webkit-transform:translateY(40px); transform:translateY(40px); opacity: 0; } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity: 1; } } /* Page header core */ body[data-bg-header="true"] .container-wrap, html.fp-enabled .container-wrap { margin-top: 0!important; padding-top: 0!important } #page-header-wrap { height: 60px; overflow: hidden; position: relative; background-color: #f8f8f8; -webkit-font-smoothing: antialiased } body.material #page-header-wrap, body[data-header-resize="0"] #page-header-wrap { margin-top: 0; } #page-header-bg { width: 100%; height: 60px; overflow: hidden; color: #fff; display: block!important; -webkit-font-smoothing: antialiased; position: relative; z-index: 2 } .page-header-bg-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background-repeat: no-repeat; background-position: top center; background-size: cover } .page-header-overlay-color { position: static; height: 1px; width: 1px; margin-left: -9999px; pointer-events: none; background-color: #333; } .page-header-overlay-color:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: inherit; content: ' '; z-index: 10; opacity: 0.65 } .page-header-overlay-color[data-overlay-opacity="0.9"]:after { opacity: 0.9; } .page-header-overlay-color[data-overlay-opacity="0.8"]:after { opacity: 0.8; } .page-header-overlay-color[data-overlay-opacity="0.7"]:after { opacity: 0.7; } .page-header-overlay-color[data-overlay-opacity="0.6"]:after { opacity: 0.6; } .page-header-overlay-color[data-overlay-opacity="0.5"]:after { opacity: 0.5; } .page-header-overlay-color[data-overlay-opacity="0.4"]:after { opacity: 0.4; } .page-header-overlay-color[data-overlay-opacity="0.3"]:after { opacity: 0.3; } .page-header-overlay-color[data-overlay-opacity="0.2"]:after { opacity: 0.2; } .page-header-overlay-color[data-overlay-opacity="0.1"]:after { opacity: 0.1; } #page-header-bg[data-bg-pos="bottom"] .page-header-bg-image { background-position: bottom center } #page-header-bg[data-bg-pos="top"] .page-header-bg-image { background-position: top center } #page-header-bg[data-bg-pos="center"] .page-header-bg-image { background-position: center center } body[data-header-resize="0"] #page-header-bg { margin-top: 0 } .page-header-no-bg { padding-bottom: 0; padding-top: 35px; background-color: #f8f8f8 } .page-header-no-bg { z-index: 1000 } #page-header-bg[data-parallax="1"] { overflow: hidden; margin: 0; position: fixed; z-index: 2 } body[data-footer-reveal="1"] #page-header-bg[data-parallax="1"] { opacity: 1 } #page-header-bg[data-parallax="1"] .span_6 { z-index: 0 } body[data-apte="center_mask_reveal"][data-ajax-transitions="true"] #page-header-bg[data-parallax="1"]:not(.out-of-sight) { opacity: 1 } #page-header-bg[data-parallax="1"].out-of-sight { pointer-events: none } #page-header-bg[data-parallax="1"].out-of-sight .nectar-video-wrap { display: none } #page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"] { text-align: center } #page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"] { text-align: right } #page-header-bg[data-alignment-v="bottom"] .row, #page-header-bg[data-alignment-v="bottom"] .container, #page-header-bg[data-alignment-v="top"] .row, #page-header-bg[data-alignment-v="top"] .container, #page-header-bg[data-alignment-v="middle"] .row, #page-header-bg[data-alignment-v="middle"] .container { height: 100% } #page-header-bg[data-alignment-v="bottom"] .span_6, #page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6, #page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap { bottom: 26%; top: auto!important; left: 0; margin-bottom: 0!important; position: absolute!important } #page-header-bg[data-alignment-v="top"].fullscreen-header .nectar-particles .span_6, #page-header-bg[data-alignment-v="middle"].fullscreen-header .nectar-particles .span_6 { top: auto!important; transform: none!important; -webkit-transform: none!important } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap { left: 0; position: absolute } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap, #page-header-bg[data-alignment-v="top"].fullscreen-header .span_6 { top: 25%!important } #page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap { transform: translateY(50%)!important; -webkit-transform: translateY(50%)!important } #page-header-bg .span_6 { width: 100% } .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after { background-color: rgba(45,45,45,0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ' '; z-index: 1; display: block } body[data-bg-header="true"].archive .container-wrap, body[data-bg-header="true"].category .container-wrap, body[data-bg-header="true"].blog .container-wrap { padding-top: 4.1em!important } body[data-bg-header="true"].archive .container-wrap.meta_overlaid_blog, body[data-bg-header="true"].category .container-wrap.meta_overlaid_blog { padding-top: 0!important; } #page-header-bg .row { z-index: 100; position: relative } html:not(.js) #page-header-bg .row, body #page-header-bg .row { visibility: visible } html:not(.js) #page-header-bg .span_6 { margin-top: 120px } #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-family: 'Open Sans'; font-weight: 600; font-size: 44px; line-height: 54px; margin-bottom: 8px; display: block; color: #fff; z-index: 101 } .single.single-post .heading-title[data-header-style="default"] h1 { margin-bottom: 8px; } #page-header-bg #portfolio-nav a i, #page-header-bg span, #page-header-bg .pinterest-share i, #page-header-bg .facebook-share i, #page-header-bg .linkedin-share i, #page-header-bg .twitter-share i, #page-header-bg .google-plus-share i, #page-header-bg .icon-salient-heart, #page-header-bg .icon-salient-heart-2 { color: #fff } .single #page-header-bg #single-below-header >span, .single #page-header-bg #single-meta > div > a { border-color: rgba(255,255,255,0.25) } .single #single-meta > div >a, .single #single-meta ul .n-shortcode a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #project-meta ul .project-date { display: block; border-radius: 100px; padding: 6px 20px!important; -webkit-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1); transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1); height: auto; line-height: 20px } .single #single-meta ul li span, .single #single-meta ul .n-shortcode span, #project-meta ul li span, #project-meta ul .n-shortcode span { transition: color 0.2s linear; line-height: 20px!important; font-family: inherit!important } .blog-title #single-meta .nectar-social.hover .share-btn, .blog-title #single-meta .nectar-social.hover > div a, .single .blog-title #single-meta > div >a, .single .blog-title #single-meta div .n-shortcode a, .single-product #single-meta > div >a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #sidebar #project-meta ul .project-date, .ascend #sidebar #project-meta ul .project-date { border: 2px solid rgba(0,0,0,0.1) } .ascend #sidebar #project-meta ul .project-date { border: 2px solid rgba(0,0,0,0.1)!important; } #page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn, #page-header-bg .blog-title #single-meta .nectar-social.hover > div a, .single #page-header-bg .blog-title #single-meta > div >a, .single #page-header-bg .blog-title #single-meta > div .n-shortcode a { border: 2px solid rgba(255,255,255,0.4) } #page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn:hover, #page-header-bg .blog-title #single-meta .nectar-social.hover > div a:hover, .single #page-header-bg .blog-title #single-meta > div >a:hover, .single #page-header-bg .blog-title #single-meta div .n-shortcode:hover a { border: 2px solid rgba(255,255,255,1) } body.single #single-meta ul li:first-child { border: none!important } .single .blog-title #single-meta div i, .single #single-meta .meta-comment-count a, .single #single-meta ul .meta-share-count .nectar-social a, #project-meta ul li i, #project-meta .meta-comment-count a, #project-meta ul .meta-share-count .nectar-social a, #project-meta ul li span, #project-meta ul .n-shortcode span, #project-meta ul .project-date { color: #999!important } .single #page-header-bg #single-meta ul li { border: none; margin: 0 } body.single #ajax-content-wrap #single-meta ul li:first-child, .single #page-header-bg #single-meta ul li, .single .blog-title #single-meta ul li, #project-meta ul li, body.single-portfolio #ajax-content-wrap #sidebar #project-meta ul li:first-child { margin: 5px } .single #single-meta ul .meta-share-count, #project-meta ul .meta-share-count { position: relative; z-index: 100 } .single #single-meta ul .meta-share-count span, .single #project-meta ul .meta-share-count span { font-size: inherit; padding-left: 0; color: #888 } .single #single-meta ul li i, #project-meta ul li i { font-size: 16px!important; width: 16px; line-height: 22px!important; margin-right: 7px; height: 20px } .single #single-meta ul li i.icon-salient-heart-2, #project-meta ul li i.icon-salient-heart-2 { line-height: 20px!important } .single-post #single-meta { top: 50%; margin-top: -13px; float: none; z-index: 102; position: absolute } #page-header-bg .subheader, .nectar-box-roll .overlaid-content .subheader { font-size: 28px; line-height: 28px; color: #fff!important; font-family: 'Open Sans'; font-weight: 300 } #page-header-bg[data-text-alignment="center"], .page-header-no-bg[data-text-alignment="center"], .nectar-box-roll .overlaid-content[data-text-alignment="center"] { text-align: center } #page-header-bg[data-text-alignment="right"], .page-header-no-bg[data-text-alignment="right"], .nectar-box-roll .overlaid-content[data-text-alignment="right"] { text-align: right } #page-header-bg[data-text-alignment="center"] .span_6, .page-header-no-bg[data-text-alignment="center"] .span_6, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .span_6 { left: 0; width: 100%!important } #page-header-bg[data-text-alignment="center"] h1, .nectar-box-roll .overlaid-content[data-text-alignment="center"] h1 { margin-bottom: 12px } #page-header-bg[data-text-alignment="center"] h1, .page-header-bg[data-text-alignment="center"] .subheader, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .subheader { max-width: 900px; margin: 0 auto; display: block } /* Particle Styles */ #page-header-bg .canvas-bg { transition: background-color 0.7s ease; -webkit-transition: background-color 0.7s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } #page-header-bg .nectar-particles .span_6, .nectar-box-roll .overlaid-content .span_6 { backface-visibility: visible; transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; top: auto; bottom: auto; width: 100%; height: 100% } #page-header-bg .nectar-particles { width: 100%; height: 100% } #page-header-bg .nectar-particles .inner-wrap { top: 0; left: 0; position: absolute; width: 100% } #page-header-bg .nectar-particles .span_6 .inner-wrap, .nectar-box-roll .overlaid-content .span_6 .inner-wrap { left: 0; position: absolute; width: 100% } #page-header-wrap .nectar-particles .fade-out { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; opacity: 0; background-color: #000; pointer-events: none } #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap { left: 0; position: absolute; width: 100% } .pagination-navigation { text-align: center; font-size: 0; position: absolute; right: 20px; top: 50%; width: 33px; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0.5; line-height: 1px; z-index: 1000 } @media only screen and (max-width:690px) { #ajax-content-wrap .pagination-navigation, .pagination-navigation { display: none } .overlaid-content svg { display: none } } .pagination-dot, .pagination-current { transition: transform 0.3s cubic-bezier(.21, .6, .35, 1); position: relative; display: inline-block; width: 10px; height: 10px; padding: 0; line-height: 17px; background: #fff; border-radius: 50%; margin: 12px 7px; border: none; outline: none; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0 } .nectar-particles .pagination-current, .overlaid-content .pagination-current { position: absolute; left: 1px; top: 0; z-index: 100; display: none; } .pagination-dot.active { transform: scale(1.7)!important; } body .pagination-navigation { -webkit-filter: none; filter: none; } /* Header Text Effects */ #page-header-bg[data-text-effect="rotate_in"] .wraped, .overlaid-content[data-text-effect="rotate_in"] .wraped { display: inline-block } #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped span, #page-header-bg[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading) { opacity: 0; transform-origin: center center; -webkit-transform-origin: center center; transform: translateY(30px); -webkit-transform: translateY(30px); transform-style: preserve-3d; -webkit-transform-style: preserve-3d } #page-header-bg .nectar-particles .inner-wrap >*:not(.top-heading), .overlaid-content .inner-wrap >*:not(.top-heading) { opacity: 0; transform: translateY(35px); -webkit-transform: translateY(35px) } #page-header-bg[data-text-effect="rotate_in"] .wraped span, #page-header-bg[data-text-effect="rotate_in"] .inner-wrap.shape-1 >*:not(.top-heading), #page-header-bg[data-text-effect="rotate_in"] >div:not(.nectar-particles) .span_6 .inner-wrap >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .inner-wrap.shape-1 >*:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .inner-wrap >*:not(.top-heading) { transform: rotateX(90deg) translateY(35px); -webkit-transform: rotateX(90deg) translateY(35px) } #page-header-bg[data-text-effect="rotate_in"] .wraped, #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped, .overlaid-content[data-text-effect="rotate_in"] .wraped span { display: inline-block } #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped span { transform-origin: initial; -webkit-transform-origin: initial } .scroll-down-wrap.hidden { transform: translateY(55px); -webkit-transform: translateY(55px); opacity: 0 } .scroll-down-wrap { transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; } /* Fullscreen header */ #page-header-bg.fullscreen-header, #page-header-wrap.fullscreen-header { width: 100%; position: relative; transition: none; -webkit-transition: none; z-index: 2 } #page-header-bg[data-parallax="1"].fullscreen-header { position: fixed } #page-header-wrap.fullscreen-header { background-color: #2b2b2b } #page-header-bg.fullscreen-header .span_6 { opacity: 1 } #page-header-bg.fullscreen-header[data-alignment-v="middle"] .span_6 { top: 50%!important } .hidden-social-img { position: absolute; pointer-events: none; visibility: hidden; opacity: 0; z-index: -100; } .default-blog-title.fullscreen-header { position: relative } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap { text-align: center } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, body.material #page-header-bg.fullscreen-header .inner-wrap >a { color: #fff; font-weight: 600; border: 2px solid rgba(255,255,255,0.4); padding: 4px 10px; margin: 5px 6px 0px 5px; display: inline-block; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; font-size: 14px; line-height: 18px } body.material #page-header-bg.fullscreen-header .inner-wrap >a { margin-bottom: 15px; } body.material #page-header-bg.fullscreen-header .inner-wrap >a { border: none; padding: 6px 10px } body[data-button-style^="rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, body[data-button-style^="rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a { border-radius: 100px } body.single [data-post-hs="default_minimal"] #single-below-header span, body.single .heading-title[data-header-style="default_minimal"] #single-below-header span { line-height: 14px; } #page-header-bg[data-post-hs="default_minimal"] #single-below-header { text-align: center; position: relative; z-index: 100 } #page-header-bg[data-post-hs="default_minimal"] #single-below-header span { float: none; display: inline-block } #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:hover, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:focus { border-color: transparent } #page-header-bg.fullscreen-header .avatar, #page-header-bg[data-post-hs="default_minimal"] .avatar { border-radius: 100% } #page-header-bg.fullscreen-header .meta-author span, #page-header-bg[data-post-hs="default_minimal"] .meta-author span { display: block } #page-header-bg.fullscreen-header .meta-author img { margin-bottom: 0; height: 50px; width: auto } #page-header-bg[data-post-hs="default_minimal"] .meta-author img { margin-bottom: 0; height: 40px; width: auto } #page-header-bg[data-post-hs="default_minimal"] .author-section { position: absolute; bottom: 30px } #page-header-bg.fullscreen-header .meta-author, #page-header-bg[data-post-hs="default_minimal"] .meta-author { font-size: 18px } #page-header-bg.fullscreen-header .author-section .meta-date, #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date { font-size: 12px; color: rgba(255,255,255,0.8) } #page-header-bg.fullscreen-header .author-section .meta-date i { font-size: 12px } #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date i { font-size: 11px; line-height: 14px } #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info { position: relative; top: -5px } #page-header-bg.fullscreen-header .author-section a, #page-header-bg[data-post-hs="default_minimal"] .author-section a { display: block; margin-bottom: -2px } #page-header-bg[data-post-hs="default_minimal"] .author-section a { font-size: 14px; line-height: 14px } #page-header-bg.fullscreen-header .author-section a:hover, #page-header-bg[data-post-hs="default_minimal"] .author-section a:hover { color: rgba(255,255,255,0.85)!important } #page-header-bg.fullscreen-header .author-section, #page-header-bg[data-post-hs="default_minimal"] .author-section { width: 100%; z-index: 10; text-align: center } #page-header-bg.fullscreen-header .author-section { margin-top: 25px; } #page-header-bg.fullscreen-header .author-section span, #page-header-bg[data-post-hs="default_minimal"] .author-section span { padding-left: 0; line-height: 20px; font-size: 20px } #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info { margin-left: 10px } #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg.fullscreen-header .author-section .meta-author, #page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info, #page-header-bg[data-post-hs="default_minimal"] .author-section .meta-author { text-align: left; display: inline-block; top: 9px } #page-header-bg.fullscreen-header .author-section a, #page-header-bg[data-post-hs="default_minimal"] .author-section a, #footer-outer #footer-widgets .col .tagcloud a:hover, #footer-outer .nectar-button:hover { color: #fff!important } #page-header-bg .project-title .container, #page-header-bg .heading-title { border: none!important; padding: 0 } #page-header-bg .section-title { padding-bottom: 0; margin-bottom: 0 } .single .heading-title { padding-bottom: 35px; border-bottom: 1px solid #DDD; margin-bottom: 35px } .single .row .section-title { padding: 0; margin: 0 } /* Page header css vert center */ #page-header-bg .span_6, #page-header-bg .nectar-particles .span_6 .inner-wrap { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="bottom"] .span_6 { -webkit-transform: none; transform: none; } #page-header-bg .nectar-particles .span_6 { top: 0; -webkit-transform: none; transform: none; } /* Scroll down link */ .section-down-arrow, body[data-button-style^="rounded"] .scroll-down-wrap, .scroll-down-wrap.no-border, .scroll-down-wrap.minimal-arrow { position: absolute; bottom: 20px; left: 50%; width: 60px; margin-left: -30px; z-index: 101 } .scroll-down-wrap.minimal-arrow, body[data-button-style^="rounded"] #ajax-content-wrap .scroll-down-wrap.minimal-arrow { bottom: 30px; width: 40px; margin-left: -20px; } @media only screen and (max-width: 690px) { .scroll-down-wrap.minimal-arrow { transform: scale(0.6); } } body[data-button-style*="rounded"] .scroll-down-wrap { margin-left: -22px } body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] { height: 60px; width: 60px; font-size: 20px; line-height: 60px; z-index: 10; animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom } body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"], body[data-button-style^="rounded"] .section-down-arrow, .nectar-next-section-wrap.mouse-wheel .nectar-next-section, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section, .scroll-down-wrap.no-border .section-down-arrow, body[data-button-style^="rounded"] .section-down-arrow i, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i { color: #fff!important; } body[data-button-style^="rounded"] .section-down-arrow, .nectar-next-section-wrap.mouse-wheel .nectar-next-section, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section, .scroll-down-wrap.no-border .section-down-arrow { display: inline-block; width: 49px; height: 49px; border: 2px solid #fff; text-align: center; line-height: 50px; border-radius: 100px; font-size: 25px; -webkit-border-radius: 100px; transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; overflow: hidden; margin-left: 0; left: 0; bottom: 16px; opacity: 0.6 } body[data-button-style^="rounded"] .section-down-arrow.hidden { transform: translateY(55px); -webkit-transform: translateY(55px); opacity: 0 } body[data-button-style^="rounded"] .section-down-arrow i, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i { transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; display: block; width: 49px; height: 48px; line-height: 48px; font-size: 20px } body[data-button-style^="rounded"] .nectar-box-roll .section-down-arrow i { transition: none; -webkit-transition: none } body[data-button-style^="rounded"] .section-down-arrow:hover, body[data-button-style^="rounded"] .section-down-arrow.hovered, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section:hover { opacity: 1 } body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i { -webkit-transform: translate(0, -48px); transform: translate(0, -48px) } body[data-button-style^="rounded"] .section-down-arrow:hover i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow:hover i.fa-angle-down, body[data-button-style^="rounded"] .section-down-arrow.hovered i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow.hovered i.fa-angle-down, .nectar-next-section-wrap.down-arrow-bordered .nectar-next-section:hover i { -webkit-transform: translate(0, 0px)!important; transform: translate(0, 0px)!important } .nectar-next-section-wrap.bounce a:before { border-radius: 100px; background-color: #000; position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; display: block; content: ''; transition: all 0.45s cubic-bezier(.15, 0.2, .1, 1); -webkit-transition: all 0.45s cubic-bezier(.15, 0.2, .1, 1); transform: scale(0.8); } .nectar-next-section-wrap.bounce a:hover:before { transform: scale(1); } .nectar-next-section-wrap.bounce a { position: relative; height: 44px; width: 44px; line-height: 44px; 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.minimal-arrow a { width: 30px; height: 70px; text-align: center; display: block; line-height: 0; position: relative; } @keyframes ctaMinimaLArrowOuter { 0% { transform: translateY(0); } 20% { transform: translateY(12px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes ctaMinimaLArrowLine { 0% { transform-origin: bottom; transform: scaleY(1); } 50% { transform-origin: bottom; transform: scaleY(0); } 51% { transform-origin: top; } 100% { transform: scaleY(1); transform-origin: top; } } @keyframes ctaMinimaLArrow { 0% { stroke-dasharray: 45px; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 45px; stroke-dashoffset: -45px; } 51% { stroke-dasharray: 45px; stroke-dashoffset: 45px; } 100% { stroke-dasharray: 45px; stroke-dashoffset: 0px; } } .nectar-next-section-wrap.minimal-arrow svg { animation: ctaMinimaLArrowOuter 2.5s cubic-bezier(.55, 0, 0.45, 1) infinite; } .nectar-next-section-wrap.minimal-arrow a:hover svg path { animation: ctaMinimaLArrowLine 0.6s cubic-bezier(.25, 0, 0.45, 1) forwards; } .nectar-next-section-wrap.minimal-arrow a:hover svg polyline { stroke-dashoffset: 0px; stroke-dasharray: 45px; animation: ctaMinimaLArrow 0.6s cubic-bezier(.25, 0, 0.45, 1) forwards 0.1s; } .nectar-next-section-wrap.minimal-arrow svg { display: block; width: 40px; position: absolute; bottom: 0; left: 0; } .nectar-next-section-wrap[data-custom-color="true"].bounce a { border-radius: 100px; } .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel .nectar-next-section:before { display: none; } .nectar-next-section-wrap[data-custom-color="true"].bounce a:before { background: inherit!important; } .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a, .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel a:after { border-color: inherit; } .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a, .nectar-next-section-wrap[data-custom-color="true"].down-arrow-bordered a i { color: inherit!important; } .nectar-next-section-wrap[data-custom-color="true"].mouse-wheel a:after { opacity: 0.5; } @keyframes down_arrow_bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-14px); } 60% { transform: translateY(-7px); } } @media only screen and (max-height:750px) { body[data-button-style="rounded"] .section-down-arrow { bottom: 33px } } @media only screen and (max-height:650px) { body[data-button-style^="rounded"] .section-down-arrow { width: 30px; height: 30px; line-height: 34px; bottom: 25px; margin-left: -15px } body[data-button-style^="rounded"] .scroll-down-wrap:not(.no-border) { margin-left: 0 } body[data-button-style^="rounded"] .section-down-arrow i { width: 26px; height: 26px; line-height: 28px } body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down.top, body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down { -webkit-transform: translate(0, -26px); -ms-transform: translate(0, -26px); transform: translate(0, -26px); font-size: 18px } } @media only screen and (max-height:450px) { body[data-button-style^="rounded"] .section-down-arrow { display: none } } body[data-button-style^="rounded"] .scroll-down-wrap.no-border, .scroll-down-wrap.no-border { bottom: 12px } .scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border { border: none!important; overflow: visible; text-align: center; opacity: 1; height: auto; bottom: 13px; -webkit-animation: nudgeMouse 2.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; animation: nudgeMouse 2.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite } .nectar-next-section-wrap.mouse-wheel .nectar-next-section { border-width: 0; overflow: visible; text-align: center; opacity: 1; height: auto; bottom: 13px; -webkit-animation: nudgeMouse 2.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; animation: nudgeMouse 2.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite } .nectar-scroll-icon-path { fill: transparent; stroke-width: 2px; stroke-dashoffset: 120; stroke-dasharray: 120; -webkit-animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1); animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1) } .nectar-scroll-icon { width: 30px; height: 45px; text-align: center; cursor: pointer; position: relative; z-index: 100 } .scroll-down-wrap.no-border .section-down-arrow:after, .nectar-next-section-wrap.mouse-wheel .nectar-next-section:after, .slider-down-arrow.no-border:after { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 30px; height: 45px; margin-left: -15px; border: 2px solid rgba(255,255,255,0.5); border-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 62 } .scroll-down-wrap.no-border:hover .section-down-arrow:before, .slider-down-arrow.no-border:hover:before { background-color: rgba(255,255,255,1) } .scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .nectar-next-section:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path { stroke-dashoffset: 0; -webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1); animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1) } @-webkit-keyframes mouse-scroll-btn-roll-over { 0% { stroke-dashoffset:120 } 100% { stroke-dashoffset:0 } } @keyframes mouse-scroll-btn-roll-over { 0% { stroke-dashoffset:120 } 100% { stroke-dashoffset:0 } } @-webkit-keyframes mouse-scroll-btn-roll-out { 0% { stroke-dashoffset:0 } 100% { stroke-dashoffset:-120 } } @keyframes mouse-scroll-btn-roll-out { 0% { stroke-dashoffset:0 } 100% { stroke-dashoffset:-120 } } .scroll-down-wrap.no-border .section-down-arrow:before, .nectar-next-section-wrap.mouse-wheel .nectar-next-section:before, .slider-down-arrow.no-border:before, .nectar-next-section-wrap.mouse-wheel[data-custom-color="true"] .track-ball { position: absolute; content: ''; display: block; left: 50%; margin-left: -1px; top: 22px; background-color: rgba(255,255,255,0.5); width: 2px; height: 6px; border-radius: 10px; transition: background-color .55s cubic-bezier(.5, .1, .07, 1); -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite; animation: trackBallSlide 2.4s cubic-bezier(0.000, 0.000, 0.725, 1.000) infinite } @-webkit-keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 45% { opacity:0; -webkit-transform:scaleY(0.5) translateY(13px); transform:scaleY(0.5) translateY(13px) } 46% { opacity:0; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 65%, 100% { opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } } @keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 45% { opacity:0; -webkit-transform:scaleY(0.5) translateY(13px); transform:scaleY(0.5) translateY(13px) } 46% { opacity:0; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } 65%, 100% { opacity:1; -webkit-transform:scaleY(1) translateY(-10px); transform:scaleY(1) translateY(-10px) } } @keyframes nudgeMouse { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 45% { -webkit-transform:translateY(8px); transform:translateY(8px) } 65%, 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 45% { -webkit-transform:translateY(8px); transform:translateY(8px) } 65%, 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .text .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .text .line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .text .line { height: 2px; width: 45px; background-color: #fff; position: absolute; content: ''; right: -74px; display: block; backface-visibility: hidden; top: 50%; -webkit-transform: translateY(-50%) translateX(28px) scaleX(0); -webkit-transform-origin: right; transform: translateY(-50%) translateX(28px) scaleX(0); transform-origin: right; } @keyframes portRightLineStart { 0% { transform: translateY(-50%) translateX(-25px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineStart { 0% { transform: translateY(-50%) translateX(-88px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineEnd { 0% { transform: translateY(-50%) translateX(0px) scaleX(1); } 100% { transform: translateY(-50%) translateX(28px) scaleX(0); } } @keyframes rightLineStart2 { 0% { transform: translateY(-50%) translateX(88px) scaleX(0); } 100% { transform: translateY(-50%) translateX(0px) scaleX(1); } } @keyframes rightLineEnd2 { 0% { transform: translateY(-50%) translateX(0px) scaleX(1); } 100% { transform: translateY(-50%) translateX(-28px) scaleX(0); } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow, .portfolio-items[data-ps="8"] .next-arrow, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .next-arrow { position: absolute; backface-visibility: hidden; right: -43px; top: 50%; margin-top: -15px; height: 30px; width: 40px; display: block; transform: translateX(38px); } @keyframes rightArrowStart { 0% { transform: translateX(-50px); } 100% { transform: translateX(42px); } } @keyframes rightArrowEnd { 0% { transform: translateX(42px); } 100% { transform: translateX(75px); } } @keyframes rightArrowStart2 { 0% { transform: translateX(50px) rotate(180deg); } 100% { transform: translateX(-42px) rotate(180deg); } } @keyframes rightArrowEnd2 { 0% { transform: translateX(-42px) rotate(180deg); } 100% { transform: translateX(-75px) rotate(180deg); } } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3 .next-arrow line, .portfolio-items[data-ps="8"] line { stroke-width: 2px; stroke-dasharray: 10px; stroke-dashoffset: 30px; } .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3 .next-arrow line, .portfolio-items[data-ps="8"] line { stroke: #ffffff; } .portfolio-items[data-ps="8"] line, .portfolio-items[data-ps="8"] .col .work-info .vert-center line { -webkit-transition: none; transition: none; } @keyframes rightArrowLineStart { 0% { stroke-dashoffset: 30px; } 100% { stroke-dashoffset: 40px; } } @keyframes rightArrowLineEnd { 0% { stroke-dashoffset: 40px; } 100% { stroke-dashoffset: 50px; } } /*-------------------------------------------------------------------------*/ /* 11. Masonry Items / Search Results /*-------------------------------------------------------------------------*/ /* Masonry Auto Meta Overlaid Style - See css/blog/masonry-auto-meta-overlaid.css */ /* Masonry Classic Enhanced Style - See css/blog/masonry-classic-enhanced.css */ /* Masonry Meta Overlaid Style - See css/blog/masonry-meta-overlaid.css */ .post-area.masonry { width: 1125px; margin-bottom: 20px; margin-top: 0; overflow: visible } .blog-fullwidth-wrap .post-area.masonry { margin-bottom: 40px; } [data-ext-responsive="false"] .blog-fullwidth-wrap .post-area.masonry { width: auto; } .full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) { overflow-x: auto; overflow-y: hidden; } .vc_col-sm-4 .post-area.masonry, .vc_col-sm-3 .post-area.masonry { width: 100% } body[data-ext-responsive="true"] .post-area.masonry { width: 100% } .post-area.masonry.span_9 { width: 834px; margin-right: 5px } body[data-ext-responsive="true"] .post-area.masonry.span_9, body[data-ext-responsive="true"] .post-area.masonry.span_9.meta_overlaid { width: 76.5%; margin-right: 0 } .post-area.masonry.span_12 #pagination, .blog-fullwidth-wrap .post-area.masonry #pagination { height: 32px; margin-top: 55px; text-align: center; width: 100%; margin-bottom: 40px } .post-area.masonry.span_9 #pagination { height: 32px; margin-top: 45px; width: 100%; margin-bottom: 40px } .post-area.masonry.span_12 #pagination, .blog-fullwidth-wrap .post-area.masonry #pagination, .post-area.masonry.span_9 #pagination { position: relative; bottom: 0; } .post-area.masonry.span_12 #pagination >div, .blog-fullwidth-wrap .post-area.masonry #pagination >div { display: inline; float: none; margin: 0 5px 0 0 } body.blog .meta_overlaid_blog.container-wrap { padding-top: 0!important } body.blog .meta_overlaid_blog.container-wrap .post-area, .blog-fullwidth-wrap .post-area.masonry:not(.meta_overlaid), .page-submenu .full-width-section.first-section { margin-top: 0!important } .post-area.masonry .post .post-meta.no-img { top: 0!important } .post-area.masonry >article:last-child .content-inner { border-bottom: 1px solid #DDD } .post-area.masonry .post .post-content, .post-area.featured_img_left .post .post-content { padding-left: 0!important } .post-area.masonry .post .quote-inner, .post-area.masonry .post .link-inner { margin-bottom: 8px } #search-results { margin-bottom: 30px; overflow: visible; } #search-results article { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #search-results .result img { margin-bottom: 10px } .post-area.masonry .post .post-meta { display: block; margin-bottom: 0 } .post-area.infinite_scroll video.wp-video-shortcode, .post-area.infinite_scroll .wp-video-shortcode video { visibility: visible } .search .row .col.section-title h1 { font-size: 28px; line-height: 42px; margin-bottom: 0; text-transform: none; font-family: 'Open Sans'; font-weight: 600; letter-spacing: -1px } .post.masonry-blog-item .post-meta { position: relative } body .post.masonry-blog-item .post-meta .date { border-bottom: 0; line-height: 22px; padding-bottom: 0; float: left; margin-bottom: 0 } .light .post.masonry-blog-item p { color: #676767 } .post.masonry-blog-item .content-inner { padding-bottom: 0; margin-bottom: 18px } .masonry.classic .post.masonry-blog-item h3.title { font-size: 20px; line-height: 30px } .post.masonry-blog-item .post-meta .date span { float: left; display: inline!important; text-transform: capitalize; font-family: 'Open Sans'; font-weight: 400; font-size: 12px; line-height: 12px; color: #676767 } .post.masonry-blog-item .more-link { margin-bottom: 10px } .post.masonry-blog-item .post-meta:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .portfolio-items[data-col-num="elastic"] .col img, body .masonry.meta_overlaid .post-featured-img img, body .masonry.meta_overlaid .content-inner .whole-link { width: 100%!important; max-width: 100%!important } .post-featured-img img.nectar-lazy { display: block; } .post-featured-img img.nectar-lazy:not(.loaded) { opacity: 0; } .post-featured-img img.nectar-lazy.loaded { opacity: 1; } .masonry.classic .post-featured-img img.nectar-lazy, .post-content.classic .post-featured-img img.nectar-lazy, .post-area.standard-minimal .post-featured-img img.nectar-lazy { transition: opacity 0.5s ease; } #search-results .result, .masonry-blog-item { width: 31%; display: inline-block; margin-bottom: 2.5%; position: relative; color: #676767 } body #search-results .result { width: 33.3%; padding: 15px; margin-bottom: 0; } #search-results[data-layout="masonry-no-sidebar"] .result { width: 25%; } @media only screen and (max-width: 999px) { #search-results[data-layout="masonry-no-sidebar"] .result { width: 50%; } } body.search-results #pagination[data-layout="masonry-no-sidebar"], body.search-results #pagination[data-layout="list-no-sidebar"] { text-align: center; } body.search-results #pagination[data-layout="masonry-no-sidebar"] >div, body.search-results #pagination[data-layout="list-no-sidebar"] >div { float: none; display: inline-block; } body.search-results #search-results[data-layout="list-no-sidebar"] article { opacity: 1; width: 100%; margin-bottom: 15px; padding: 15px 0 15px 0; } body.search-results #search-results[data-layout="list-no-sidebar"] .bottom-line { display: none; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap { border: 0; border-radius: 0; padding: 0; background-color: transparent; box-shadow: none; } body.search-results #search-results[data-layout="list-no-sidebar"] article:hover .inner-wrap { -webkit-transform: none; transform: none; box-shadow: none; } body.search-results #search-results[data-layout="list-no-sidebar"] .result .inner-wrap h2 { padding-top: 25px; padding-left: 0; padding-bottom: 0; position: relative; } body.search-results #search-results[data-layout="list-no-sidebar"] .result .inner-wrap h2 span { opacity: 0.6; font-size: 13px; line-height: 13px; position: absolute; top: 0; left: 0; } body.search-results #search-results[data-layout="list-no-sidebar"] article { font-size: 14px; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a { width: 50px; height: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; border-radius: 100px; display: block; background-color: #000; transition: margin-top 0.25s ease, box-shadow 0.25s ease; } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a:hover { box-shadow: 0px 20px 40px rgba(0,0,0,0.14); } body.search-results #search-results[data-layout="list-no-sidebar"] article .inner-wrap > a img { height: 80px; width: auto; max-width: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; opacity: 0.7; } body.search-results #search-results[data-layout="list-no-sidebar"] article[data-post-thumb="1"]:before { color: #fff; border: 1px transparent; } body.search-results #search-results[data-layout="list-no-sidebar"] article { padding-left: 80px; } .masonry-blog-item .inner-wrap, #search-results .result .inner-wrap { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); background-color: #fff; padding: 18px } .original .masonry.material .masonry-blog-item .inner-wrap { padding: 0; } .original .masonry.material .masonry-blog-item .content-inner { padding-bottom: 0; margin-bottom: 0; } .masonry.material .post .post-featured-img { overflow: hidden; display: block; line-height: 0; position: relative; } .masonry.material .post .post-featured-img img { margin-bottom: 0 } .masonry.material .posts-container .format-video .post-featured-img, .masonry.material .posts-container .format-audio .post-featured-img { overflow: visible; } .masonry.material .posts-container .format-video .post-featured-img .wrap, .related-posts[data-style="material"] .post-featured-img { overflow: hidden; display: block; } .masonry.material .post.quote:not(.has-post-thumbnail) .post-content .quote-inner:before, .masonry.material .post.link:not(.has-post-thumbnail) .post-content .link-inner:before { -webkit-transition: all .21s cubic-bezier(.5, .5, .4, .88); transition: all .21s cubic-bezier(.5, .5, .4, .88); } .masonry.material .masonry-blog-item .inner-wrap { background-color: transparent; } .masonry.material .posts-container .video-play-button, body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { position: absolute; bottom: 0; right: 30px; transform: translateY(50%); -webkit-transform: translateY(50%); -webkit-transition: all .21s cubic-bezier(.5, .5, .4, .88); transition: all .21s cubic-bezier(.5, .5, .4, .88); color: #fff; font-size: 30px; z-index: 1000; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 100px; } body .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button { pointer-events: none; font-size: inherit; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .post-area.masonry.material .post .post-content > .post-meta { display: none; } .masonry.material .masonry-blog-item .grav-wrap { position: relative; margin-top: 30px; z-index: 110; } .masonry.material .masonry-blog-item .grav-wrap img, .related-posts[data-style="material"] .grav-wrap img, .post-area.featured_img_left article .grav-wrap img, .nectar-recent-posts-single_featured .grav-wrap img, [data-style="list_featured_first_row"] .grav-wrap img { border-radius: 50%; width: 38px; height: 38px; margin-bottom: 0; margin-right: 13px; vertical-align: middle; display: inline-block; transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1); } .related-posts[data-style="material"] .grav-wrap { position: absolute; bottom: 30px; left: 30px; } body .related-posts[data-style="material"] .article-content-wrap { padding-bottom: 80px!important } .related-posts[data-style="material"] .grav-wrap img { display: inline-block; } .masonry.material .masonry-blog-item .grav-wrap .text a, .related-posts[data-style="material"] .grav-wrap .text a, .post-area.featured_img_left article .grav-wrap .text a { display: block; font-size: 14px; line-height: 20px } .masonry.material .masonry-blog-item .meta-category a, .related-posts[data-style="material"] .meta-category a, .post-area.featured_img_left article .meta-category a, .nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { font-size: 14px; line-height: 19px; position: relative; display: inline-block; font-weight: 600; margin: 0 10px 10px 0; } .masonry.material .masonry-blog-item .meta-category a:before, .post-area.featured_img_left .meta-category a:before, .related-posts[data-style="material"] .meta-category a:before, .nectar-recent-posts-single_featured .grav-wrap .text a:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before, [data-style="list_featured_first_row"] .meta-category a:before { height: 2px; width: 100%; position: absolute; bottom: -3px; left: 0; content: ''; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); } .masonry.material .masonry-blog-item .meta-category a:hover:before, .related-posts[data-style="material"] .meta-category a:hover:before, .post-area.featured_img_left .meta-category a:hover:before, .nectar-recent-posts-single_featured .grav-wrap .text a:hover:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover:before, [data-style="list_featured_first_row"] .meta-category a:hover:before, .masonry.material .masonry-blog-item .meta-category a:focus:before, .related-posts[data-style="material"] .meta-category a:focus:before, .post-area.featured_img_left .meta-category a:focus:before, .nectar-recent-posts-single_featured .grav-wrap .text a:focus:before, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:focus:before, [data-style="list_featured_first_row"] .meta-category a:focus:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .masonry.material .masonry-blog-item .grav-wrap .text span, .related-posts[data-style="material"] .grav-wrap .text span, .post-area.featured_img_left article .grav-wrap .text span { font-size: 13px; line-height: 18px; } .masonry.material .masonry-blog-item .grav-wrap .text, .related-posts[data-style="material"] .grav-wrap .text, .post-area.featured_img_left article .grav-wrap .text, .nectar-recent-posts-single_featured .grav-wrap .text { vertical-align: middle; display: inline-block; line-height: 0 } .masonry.material .masonry-blog-item .grav-wrap a, .related-posts[data-style="material"] .grav-wrap a, .post-area.featured_img_left .grav-wrap a { color: inherit; } .masonry.material .masonry-blog-item .grav-wrap a:hover img, .nectar-recent-posts-single_featured a:hover img, .nectar-recent-posts-single_featured a img.hovered, .masonry.material .masonry-blog-item .grav-wrap a img.hovered, .post-area.featured_img_left .grav-wrap a:hover img, .post-area.featured_img_left .grav-wrap a img.hovered, .related-posts[data-style="material"] .grav-wrap a:hover img, .related-posts[data-style="material"] .grav-wrap a img.hovered { box-shadow: 0 7px 20px rgba(0,0,0,0.19); } .material.masonry .masonry-blog-item .video-play-button { box-shadow: 0 10px 37px rgba(0,0,0,0.19); } .material.masonry .masonry-blog-item .video-play-button svg, .post-area.featured_img_left .video-play-button svg { height: 14px; width: 14px } .masonry .video-play-button path, .post-area .video-play-button path { fill: #fff; } .post-area.featured_img_left .video-play-button svg { margin-right: -2px; } .post.format-quote .quote-inner .title, .post.format-link .link-inner .title, .masonry.material .post.quote .quote-inner .title, .masonry.material .post.link .link-inner .title, .single .post.quote .quote-inner .title, .post-area.featured_img_left .post.quote .quote-inner .title, .post-area.featured_img_left .post.link .link-inner .title { color: #fff; } .post-area.featured_img_left .post.link .link-inner .title { margin-bottom: 0; } .masonry.material .masonry-blog-item h3 a, .related-posts[data-style="material"] h3 a, .post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a:hover, .related-posts[data-style="material"] h3 a:hover, .post-area.featured_img_left h3 a:hover { color: inherit!important; } .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap { padding: 10px 30px 30px 30px!important; } .masonry.auto_meta_overlaid_spaced .post.quote .post-content .quote-inner, .masonry.auto_meta_overlaid_spaced .post.link .post-content .link-inner, .masonry.material .post.quote .post-content .quote-inner, .masonry.material .post.link .post-content .link-inner, .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { background-color: transparent!important; } .masonry.material .masonry-blog-item .article-content-wrap, .masonry.material .masonry-blog-item .meta-category, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before { background-color: #fff; } .post-area.featured_img_left .post.quote .post-content .quote-inner, .post-area.featured_img_left .post.link .post-content .link-inner { text-align: center; padding: 10%; border-radius: 5px; overflow: hidden; } .post.format-quote .n-post-bg, .post.format-link .n-post-bg, .masonry.material .post.quote .post-content .quote-inner:before, .masonry.material .post.link .post-content .link-inner:before, .post.quote .classic .n-post-bg, .post.link .classic .n-post-bg, .masonry .post.quote .n-post-bg, .masonry .post.link .n-post-bg, .standard-minimal .n-post-bg, .masonry.auto_meta_overlaid_spaced .post .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .post-area.featured_img_left .post.quote .post-content .quote-inner:before, .post-area.featured_img_left .post.link .post-content .link-inner:before, .auto_meta_overlaid_spaced .post.quote .n-post-bg:after, .auto_meta_overlaid_spaced .post.link .n-post-bg:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.88; } .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg { background-position: center; } .format-quote .n-post-bg, .format-link .post.link .n-post-bg { background-size: cover; background-position: center; } .masonry.material .post.quote .post-content .quote-inner:before, .masonry.material .post.link .post-content .link-inner:before, .featured_img_left .post.quote .post-content .quote-inner:before, .featured_img_left .post.link .post-content .link-inner:before { z-index: 10; } .masonry .post.quote .n-post-bg, .masonry .post.link .n-post-bg, .post.quote .classic .n-post-bg, .post.link .classic .n-post-bg, .standard-minimal .n-post-bg, .standard-minimal .post.quote .n-post-bg, .standard-minimal .post.link .n-post-bg, .single .quote-inner .n-post-bg, .single .link-inner .n-post-bg { opacity: 0.25 } .single .post.format-link .post-content > .link-inner, .single .post.format-quote .post-content > .quote-inner { padding: 10%; } .post.format-quote .post-content .quote-inner:hover, .post.format-link .post-content .link-inner:hover, .masonry.classic .post.quote .post-content .quote-inner:hover, .masonry.meta_overlaid .post.quote .post-content .quote-inner:hover, .masonry.classic_enhanced .post.quote .post-content .quote-inner:hover, .masonry.classic .post.link .post-content .link-inner:hover, .masonry.meta_overlaid .post.link .post-content .link-inner:hover, .masonry.classic_enhanced .post.link .post-content .link-inner:hover, .post.quote .classic .quote-inner:hover, .post.link .classic .link-inner:hover { background-color: #333; } .post-area.featured_img_left .post.quote .post-content, .post-area.featured_img_left .post.link .post-content { display: block; backface-visibility: hidden; border-radius: 5px; overflow: hidden } .single .post.format-quote .quote-inner .quote-wrap:before, .masonry.material .post.quote .quote-wrap:before, .post-area.featured_img_left .post.quote .quote-wrap:before, .masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before { content: "\201C"; font-family: sans-serif; font-weight: 700; font-size: 54px; color: #fff; z-index: 10000; height: 32px; display: block; position: relative; padding-top: 33%; } .single .post.format-quote .quote-inner .quote-wrap:before, .masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before { padding-top: 0; } .single-post .quote-below-content { margin-top: 70px; } .post-area.featured_img_left .post.quote .quote-wrap:before { padding-top: 0; line-height: 54px; padding-bottom: 15px } .post .quote-wrap, .post .link-wrap { display: block; } .masonry.material .post.quote:not(.has-post-thumbnail):hover .post-content .quote-inner:before, .masonry.material .post.link:not(.has-post-thumbnail):hover .post-content .link-inner:before, .post-area.featured_img_left .post.quote:not(.has-post-thumbnail):hover .post-content .quote-inner:before, .post-area.featured_img_left .post.link:not(.has-post-thumbnail):hover .post-content .link-inner:before { opacity: 1; } .masonry.material .post.quote .author, .post-area.featured_img_left .post.quote .author { margin-top: 10px; display: block; } .masonry.material .post.quote .n-post-bg, .masonry.material .post.link .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .masonry.auto_meta_overlaid_spaced .post .n-post-bg { opacity: 1; background-size: cover; } .masonry.material .post .post-content .quote-inner .icon, .masonry.material .post .post-content .link-inner .icon, .masonry.auto_meta_overlaid_spaced .post .post-content .quote-inner .icon, .masonry.auto_meta_overlaid_spaced .post .post-content .link-inner .icon, .post-area.featured_img_left .post .post-content .quote-inner .icon, .post-area.featured_img_left .post .post-content .link-inner .icon { display: none; } .post-area.featured_img_left .format-link .content-inner, .post-area.featured_img_left .format-quote .content-inner { padding-bottom: 0; margin-bottom: 0; } .masonry.material .post .post-content .link-inner .link-wrap, .post-area.featured_img_left .post .post-content .link-inner .link-wrap { z-index: 10; position: relative; } .masonry.material .post.quote .post-content .quote-inner, .masonry.material .post.link .post-content .link-inner { padding: 30px; margin-bottom: 0; } .masonry.material .masonry-blog-item .meta-category, .related-posts[data-style="material"] .meta-category { padding: 20px 30px 0 30px; display: block; position: relative; z-index: 110; } .masonry.material .masonry-blog-item.format-video .meta-category { padding-right: 90px; } .masonry.material .masonry-blog-item .inner-wrap, body .related-posts[data-style="material"] .inner-wrap { box-shadow: 0px 30px 90px rgba(0,0,0,0.14); border-radius: 5px; overflow: hidden; } .masonry-blog-item { margin-bottom: 0 } .masonry-blog-item { width: 31.1% } #ajax-content-wrap .post-area.full-width-article, .post-area.full-width-article { margin-bottom: 0 } .post-area.full-width-article .masonry-blog-item { width: 100%!important } .post-area.masonry.span_9 .masonry-blog-item { width: 46.8% } #search-results .result { font-size: 11px } #search-results .result .bottom-line, .masonry-blog-item .bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0; background-color: #eaeaea } #search-results .result .title span { display: block; font-size: 12px; letter-spacing: 0; font-family: 'Open Sans'; font-weight: 400; color: #999; margin-top: 3px } #search-results .result h2 { margin-bottom: 1px; font-size: 17px; line-height: 22px } #search-results .result p { padding-bottom: 0 } article.result .title a { color: #000 } .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span { line-height: 1.5em; display: block; } #search-results .result .title a, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span { background-repeat: no-repeat; background-size: 0% 2px; background-image: linear-gradient(to right, #000 0%, #000 100%); -webkit-transition: background-size 0.55s cubic-bezier(.2, .75, .5, 1); transition: background-size 0.55s cubic-bezier(.2, .75, .5, 1); background-position: left bottom; } #search-results .result .title a:hover, #search-results .result .title a:focus, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close:hover span { background-size: 100% 2px; } .posts-container article .inner-wrap.animated, .posts-container[data-load-animation="fade_in"] article .inner-wrap.animated { opacity: 0; transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out } .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap, .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap.animated { transition: opacity 0.3s cubic-bezier(0.3, 0.58, 0.55, 1), transform 0.3s cubic-bezier(0.3, 0.58, 0.55, 1); -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0.58, 0.55, 1), -webkit-transform 0.3s cubic-bezier(0.3, 0.58, 0.55, 1); } .posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap { transform: translateY(80px); -webkit-transform: translateY(80px); } .post-area:not(.masonry) .posts-container[data-load-animation="none"] article .inner-wrap.animated, .auto_meta_overlaid_spaced .posts-container[data-load-animation="none"] article .inner-wrap.animated { opacity: 1; } .posts-container[data-load-animation="perspective"] { perspective: 2000px; -webkit-perspective: 2000px; perspective-origin: 50% 0px; -webkit-perspective-origin: 50% 700px } .posts-container[data-load-animation="perspective"] article { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .posts-container[data-load-animation="perspective"] article .inner-wrap, .posts-container[data-load-animation="perspective"] article .inner-wrap.animated { transition: opacity 0.3s cubic-bezier(0.1, 0.3, 0.2, 1), transform 0.72s cubic-bezier(0.1, 0.3, 0.27, 1); -webkit-transition: opacity 0.3s cubic-bezier(0.1, 0.3, 0.2, 1), -webkit-transform 0.72s cubic-bezier(0.1, 0.3, 0.27, 1); } .posts-container[data-load-animation="perspective"] article .inner-wrap { transform: translateY(450px) rotateX(24deg); -webkit-transform: translateY(450px) rotateX(24deg); } .posts-container article .inner-wrap { height: 100% } .posts-container article.animated-in .inner-wrap, .posts-container[data-load-animation="fade_in"] article.animated-in .inner-wrap.animated { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); height: 100% } .posts-container[data-load-animation="perspective"] article.animated-in .inner-wrap.animated { transform: translateY(0) translateZ(0) rotateX(0); -webkit-transform: translateY(0) translateZ(0) rotateX(0); opacity: 1 } .post-area.masonry.classic_enhanced .post .post-featured-img, .blog-recent[data-style*="classic_enhanced"] .post-featured-img, .post-area.masonry.classic_enhanced .n-post-bg { transition: all .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1); line-height: 0; display: block; position: relative } .post-area.masonry.classic_enhanced .post .post-featured-img img, .post-area.masonry.material .post .post-featured-img img, .post-area.featured_img_left .post .post-featured-img, .related-posts[data-style="material"] .post-featured-img img, .post-area.masonry.classic_enhanced .post.format-gallery .inner-wrap .flickity-slider .cell img, .post-area.masonry.material .post.format-gallery .inner-wrap .flickity-slider .cell img, .post-area.masonry.classic_enhanced .post.format-gallery.wide_tall .inner-wrap .flickity-viewport, .post-area.masonry.classic_enhanced .post.format-gallery.large_featured .inner-wrap .flickity-viewport, .masonry.material .post.quote .n-post-bg, .masonry.material .post.link .n-post-bg, .post-area.featured_img_left .post.quote .n-post-bg, .post-area.featured_img_left .post.link .n-post-bg, .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img, .blog-recent[data-style*="classic_enhanced"] .post-featured-img img, .masonry.auto_meta_overlaid_spaced .post.quote .n-post-bg, .masonry.auto_meta_overlaid_spaced .post.link .n-post-bg { margin-bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: all .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1) } .post-area.masonry.classic_enhanced .post .inner-wrap:hover .post-featured-img img, .post-area.masonry.classic_enhanced .post.large_featured .inner-wrap:hover .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .inner-wrap:hover .post-featured-img, .post-area.masonry.classic_enhanced .post.format-gallery .inner-wrap:hover .flickity-slider .cell img, .post-area.masonry.classic_enhanced .link .inner-wrap:hover .n-post-bg, .post-area.masonry.classic_enhanced .quote .inner-wrap:hover .n-post-bg, .post-area.masonry.material .post.format-gallery .inner-wrap:hover .flickity-slider .cell img, .post-area.masonry.classic_enhanced .post.format-gallery.wide_tall .inner-wrap:hover .flickity-viewport, .post-area.masonry.classic_enhanced .post.format-gallery.large_featured .inner-wrap:hover .flickity-viewport, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:hover .post-featured-img img, .post-area.masonry.material .post .inner-wrap:hover .post-featured-img img, .related-posts[data-style="material"] .inner-wrap:hover .post-featured-img img, .masonry.material .post.quote:hover .n-post-bg, .masonry.material .post.link:hover .n-post-bg, .auto_meta_overlaid_spaced .masonry-blog-item:hover .post-featured-img, .post-area.featured_img_left .post.quote:hover .n-post-bg, .post-area.featured_img_left .post.link:hover .n-post-bg, .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap:hover .post-featured-img, .masonry.auto_meta_overlaid_spaced .post.quote:hover .n-post-bg, .masonry.auto_meta_overlaid_spaced .post.link:hover .n-post-bg { transform: scale(1.07); -webkit-transform: scale(1.07) } .masonry.classic_enhanced .masonry-blog-item .entire-meta-link, .post-area.featured_img_left .entire-meta-link, .masonry.material .masonry-blog-item .entire-meta-link, .blog-recent[data-style*="classic_enhanced"] .entire-meta-link, .blog-recent[data-style="material"] .entire-meta-link { position: absolute; top: 0; left: 0; display: block; width: 100%; z-index: 101; height: 100% } .related-post-wrap .row-bg-wrap { z-index: 0; pointer-events: none; } .related-post-wrap .row-bg-wrap .row-bg { background-color: rgba(0,0,0,0.04); } .related-post-wrap { padding-bottom: 0 } .original .blog-recent.related-posts { padding: 0 0 60px 0; } .related-post-wrap h3.related-title { padding: 60px 0 30px 0; } .ascend .blog-recent.related-posts, .material .blog-recent.related-posts { padding: 0 0 8% 0; } .ascend .related-post-wrap h3.related-title, .material .related-post-wrap h3.related-title { padding: 8% 0 40px 0; } .related-post-wrap[data-using-post-pagination="true"], .ascend .fullscreen-blog-header .related-post-wrap[data-using-post-pagination="false"] { margin-top: 0 } .related-post-wrap[data-using-post-pagination="false"] { margin-top: 80px } .post-area.featured_img_left .post-content-wrap .grav-wrap, .post-area.featured_img_left .post-content-wrap .meta-category { z-index: 150; position: relative; } .post-area.featured_img_left article { margin-bottom: 6%; } .post-area.featured_img_left .article-content-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap { width: 33%; position: relative; border-radius: 5px; } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before { transition: box-shadow .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: box-shadow .7s cubic-bezier(.2, 1, .22, 1); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; transform: scale(0.96); border-radius: 5px; } .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap:before { transform: none; } .post-area.featured_img_left .article-content-wrap .post-featured-img { border-radius: 5px; overflow: hidden; } .post-area.featured_img_left article .article-content-wrap .post-featured-img-wrap { transition: all .7s cubic-bezier(.2, 1, .22, 1); -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1); } .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a, .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .post-area.featured_img_left .article-content-wrap .post-content-wrap { width: 66.6%; border-radius: 0 5px 5px 0; overflow: hidden; padding: 6% 0 6% 6%; } .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap { padding: 7%; } .post-area.featured_img_left.span_12 article { margin-bottom: 60px; } .post-area.featured_img_left .post:hover .post-featured-img-wrap:before { box-shadow: 0px 30px 60px rgba(0,0,0,0.17); } .post-area.featured_img_left article:hover .article-content-wrap .post-featured-img-wrap { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .post-area.featured_img_left .post-content-wrap .grav-wrap { margin-top: 20px } .post-area.featured_img_left .article-content-wrap .post-featured-img { background-size: cover; background-position: center } /*-------------------------------------------------------------------------*/ /* 12. Blog /*-------------------------------------------------------------------------*/ /* 12.1. General/Pagination */ .post-area #pagination { padding-left: 95px } .post-area.featured_img_left #pagination, .post-area.masonry #pagination { padding-left: 0; } .post-area.infinite_scroll #pagination { visibility: hidden; height: 1px; width: 1px; } #infscr-loading { position: relative; z-index: 10000000; background-image: url("../img/icons/loading-white-bg.gif"); background-repeat: no-repeat; background-position: center; height: 60px; border-radius: 2px; color: #555; display: inline-block; margin: 0 auto; text-align: center; width: 60px; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; letter-spacing: 2px; border-color: #555; border-style: solid; border-width: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } #infscr-loading.default_loader { background-image: none } .infscr-loading-wrap { margin: 20px auto; clear: both; padding: 0; text-align: center; height: 0; opacity: 0; transform: scale(0.5); box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } #infscr-loading div { opacity: 0; color: #555; font-size: 12px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: 2px; text-transform: uppercase } #ajax-content-wrap #infscr-loading img, #infscr-loading img { margin-bottom: 0; display: none } .post-area { padding-right: 30px; margin-top: 4px } .post-area.col_last { padding-left: 20px; padding-right: 0 } .post-area.col_last.span_12 { padding-left: 0; float: none } .post-area >article .content-inner { margin-bottom: 0; border-bottom: 0 } .post .more-link, .blog-recent .more-link { display: block; margin-top: 25px; cursor: default; color: #fff } .post .content-inner { padding-bottom: 80px; } .single-post .content-inner > .post-tags { margin-top: 50px; } .post .more-link span, .blog-recent .more-link span { background-color: #333; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); width: auto; cursor: pointer; padding: 8px 12px; border-radius: 2px; -webkit-border-radius: 2px; } body[data-button-style*="slightly_rounded"] .post .more-link span, body[data-button-style*="slightly_rounded"] .blog-recent .more-link span { border-radius: 4px; -webkit-border-radius: 4px; } .post .more-link span:hover, .blog-recent .more-link span:hover { background-color: #000 } .post .post-meta { position: absolute; left: 0; top: 0 } .post.masonry-blog-item .post-meta { border-right: 0 } .main-content .recent-posts-title { font-size: 12px; letter-spacing: 1.5px; margin-bottom: 7px } .post-header, #single-below-header { margin-bottom: 12px; color: #888 } .post .post-header h1, .post .post-header h2 { font-size: 26px; line-height: 30px } .post .post-header h2 a { color: #000 } .post .post-header h2 a:hover { color: inherit } .post .post-header a, .result a, #single-below-header a, #page-header-bg #single-below-header a { color: inherit } #single-below-header a:hover, #single-below-header a:focus { color: #000 } #page-header-bg #single-below-header a:hover, #page-header-bg #single-below-header a:focus { color: #fff; } .post .post-content.classic .content-inner { border-bottom: 1px solid #DDD; padding-bottom: 60px; margin-bottom: 60px; } .post-area:not(.masonry) article .post-content.classic { overflow: hidden; } .original .post-area.masonry .post .post-content.classic .content-inner { padding-bottom: 15px; margin-bottom: 15px; } .ascend .post-area.masonry .post .post-content.classic .content-inner, .material .post-area.masonry .post .post-content.classic .content-inner { border: none; padding-bottom: 0; margin-bottom: 0; } .masonry .post-content.classic .post-header { font-size: 12px; } .post .post-content { position: relative; min-height: 98px } .post-tags h4 { float: left; margin-top: 8px; margin-bottom: 15px; margin-right: 25px } .post-tags .clear { padding-bottom: 0 } .post-content { padding-left: 95px } .post .content-inner { position: relative } .post.format-quote .post-content .quote-inner, .post.format-link .post-content .link-inner { background-color: #000; position: relative; padding: 15px; color: #fff; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1) } .post.quote .content-inner .quote-inner .whole-link { transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1) } .post.format-aside .aside-inner p { margin-bottom: 15px } .post.format-aside .aside-inner .post-header { margin-bottom: 0 } .post.format-chat .content-inner dt { margin-top: 15px } .post.quote .quote-inner a, .post.format-aside .aside-inner a, .post.format-aside .aside-inner a:hover, .post.format-aside .aside-inner p, .post.format-aside .aside-inner .post-header { color: #fff!important } .post.quote .quote-inner .title, .post.quote .quote-inner .author, .post.quote .quote-inner .title, .post.quote .quote-inner .icon, .post.format-quote .quote-wrap, .post.format-link .link-wrap { position: relative; z-index: 100 } .post.quote .content-inner .whole-link { position: absolute; z-index: 10; display: block; background-color: #000; height: 100%; width: 100%; top: 0; left: 0 } .post .full-post-link { position: absolute; content: ''; z-index: 1000; display: block; height: 100%; width: 100%; top: 0; left: 0 } .post.quote .content-inner .quote-inner:hover .whole-link { background-color: #333 } .post.quote figure:not([class*="wp-block"]) { margin: 0 auto } .post.quote blockquote:not(.wp-block-quote):not(.wp-block-pullquote) { background-image: none; padding: 0; font-family: inherit; margin: 0 auto } .post.quote .wp-block-quote blockquote:not(.wp-block-quote), .post.quote .wp-block-pullquote blockquote:not(.wp-block-quote) { color: inherit!important; } .post.link .post-content .destination { word-wrap: break-word } .post.quote .post-content .quote-inner .icon { bottom: 17px; height: 17px; width: 19px; display: block; background-image: url(../img/icons/quote.png); position: absolute; right: 20px } .post.link .post-content .link-inner .icon { bottom: 17px; height: 20px; width: 18px; display: block; background-image: url(../img/icons/link.png); position: absolute; right: 20px } .post.format-status .post-content .status-inner .icon { bottom: 17px; height: 16px; width: 18px; display: block; background-image: url(../img/icons/status.png); position: absolute; right: 20px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { body .post.quote .post-content .quote-inner .icon { background-size:19px 17px; background-image:url(../img/icons/quote@2x.png) } body .post.link .post-content .link-inner .icon { background-size:18px 20px; background-image:url(../img/icons/link@2x.png) } body .post.format-status .post-content .status-inner .icon { background-size:19px 17px; background-image:url(../img/icons/status@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 .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.video .video-wrap, .single-portfolio .video-wrap { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 15px } .post.video .video-wrap iframe, .single-portfolio .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post.video .mejs-container { margin-bottom: 15px } .post.audio .audio-wrap, .main-content .audio-wrap { margin-bottom: 15px } .post .gallery-slider .gallery, .post .gallery-slider .jetpack-slideshow { display: none } .post table { width: 100% } .post table td, .post table th { text-align: center } .post table tbody td { padding: 5px; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; color: #676767 } .post table tbody tr td:first-child { border-left: 1px solid #E6E6E6 } .post table th { border-bottom: 1px solid #E6E6E6; color: #676767 } .post table #prev { text-align: left; position: relative; z-index: 2 } .post table #next { text-align: right; position: relative; z-index: 2 } .post caption { position: absolute; bottom: 0; z-index: 1; width: 100%; text-align: center } /* remove archive meta date */ .hentry .updated.rich-snippet-hidden, #page-header-bg[data-post-hs="default_minimal"] #single-below-header .updated.rich-snippet-hidden, .post-area[data-remove-post-date="1"] article .date, .post-area[data-remove-post-date="1"].masonry.classic_enhanced .post-header > span, .post-area[data-remove-post-date="1"].masonry.material .masonry-blog-item .grav-wrap .text > span, .post-area[data-remove-post-date="1"].featured_img_left .grav-wrap .text span, .blog-recent[data-style*="classic_enhanced"][data-remove-post-date="1"] .post-header > span, .blog-recent[data-style="title_only"][data-remove-post-date="1"] .post-header > span, .blog-recent[data-style="minimal"][data-remove-post-date="1"] .post-header > .meta > span { display: none; } /* remove archive meta author */ .post-area[data-remove-post-author="1"] article .meta-author, .post-area[data-remove-post-author="1"].masonry.material .masonry-blog-item .grav-wrap .text a, .post-area[data-remove-post-author="1"].masonry.material .masonry-blog-item .grav-wrap > a, .post-area[data-remove-post-author="1"].featured_img_left .grav-wrap .text a, .post-area[data-remove-post-author="1"].featured_img_left .grav-wrap > a, .post-area[data-remove-post-author="1"].standard-minimal .post-author .grav-wrap, .blog-recent[data-style="default"][data-remove-post-author="1"] .meta-author, .blog-recent[data-style*="classic_enhanced"][data-remove-post-author="1"] .meta-author, .nectar-recent-posts-single_featured[data-remove-post-author="1"] .grav-wrap > a, .nectar-recent-posts-single_featured[data-remove-post-author="1"] .grav-wrap .text > span { display: none; } /* remove archive meta comment */ .post-area[data-remove-post-comment-number="1"] article .meta-comment-count, .blog-recent[data-style="default"][data-remove-post-comment-number="1"] .meta-comment-count, .blog-recent[data-style*="classic_enhanced"][data-remove-post-comment-number="1"] .meta-comment-count { display: none; } /* remove archive meta love */ .post-area[data-remove-post-nectar-love="1"] article .nectar-love, .post-area[data-remove-post-nectar-love="1"].masonry.classic_enhanced article .nectar-love-wrap { display: none; pointer-events: none; } body.single-post .container-wrap[data-remove-post-author="1"][data-remove-post-date="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap, .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .inner-wrap { padding-bottom: 0; } .post-area[data-remove-post-date="1"][data-remove-post-nectar-love="1"]:not(.masonry):not(.standard-minimal) .post .post-content, .post-area[data-remove-post-author="1"].standard-minimal .post .post-content { padding-left: 0; } .post-area[data-remove-post-author="1"].standard-minimal .post-author { position: relative; text-align: left; width: auto; } .container-wrap[data-remove-post-comment-number="1"][data-remove-post-author="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .post-meta, .post-area.masonry.material[data-remove-post-author="1"][data-remove-post-date="1"] .masonry-blog-item .grav-wrap, .post-area.featured_img_left[data-remove-post-author="1"][data-remove-post-date="1"] .post-content-wrap .grav-wrap { display: none; } .post-area.masonry.classic_enhanced[data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .post .post-meta, #ajax-content-wrap .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"] .nectar-love-wrap, .blog-recent[data-style*="classic_enhanced"][data-remove-post-nectar-love="1"][data-remove-post-comment-number="1"][data-remove-post-author="1"] .post-meta { display: none; } p >a >i.icon-3x { margin-bottom: 0 } #pagination { position: relative; margin-bottom: 10px; height: 32px; width: 100% } #pagination.fw-pagination { text-align: center; height: auto; padding: 10px 0 50px 0; margin-bottom: 0 } #pagination.fw-pagination.alt-style-padding { padding: 50px 0 } #pagination.fw-pagination >div { float: none; display: inline-block } #pagination.infinite_scroll { display: none } #pagination span:not(.page-numbers), #pagination a:not(.page-numbers) { background-color: #333 } #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .container-wrap nav.woocommerce-pagination ul li span { background-repeat: no-repeat; cursor: pointer; display: inline-block; padding: 11px 13px 10px 13px!important; background-position: -21px center; position: relative; text-transform: capitalize; color: #fff !important; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); border-radius: 2px 2px 2px 2px; font-family: 'Open Sans'; font-weight: 700 } .woocommerce nav.woocommerce-pagination ul li { overflow: visible } body #pagination span.page-numbers.dots, body #pagination >a, .woocommerce nav.woocommerce-pagination ul li a, body nav.woocommerce-pagination ul li span.page-numbers.dots { background-color: transparent!important; font-size: 12px!important; line-height: 14px } body #pagination span.page-numbers.dots, body #pagination >a, .woocommerce nav.woocommerce-pagination ul li a, body nav.woocommerce-pagination ul li span.page-numbers.dots, body #pagination .page-numbers.prev, body #pagination .page-numbers.next, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next { color: inherit!important; } body #pagination >span.page-numbers.current, body nav.woocommerce-pagination span.page-numbers.current { -webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.16); box-shadow: 0 6px 15px rgba(0,0,0,0.16); margin: 0 8px; height: 35px; width: 35px; text-align: center; line-height: 14px; font-size: 12px!important } body #pagination .page-numbers.prev, body #pagination .page-numbers.next, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev, body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next { width: auto; background-color: transparent; background-image: none; text-indent: 0!important; border: 0 } #ajax-content-wrap nav.woocommerce-pagination .page-numbers.prev, #ajax-content-wrap nav.woocommerce-pagination .page-numbers.next body nav.woocommerce-pagination .page-numbers.prev, body nav.woocommerce-pagination .page-numbers.next { width: auto } body #pagination >span:first-child.page-numbers { margin-left: 0!important } body #pagination >a:hover, body #pagination >a.page-numbers:hover, body nav.woocommerce-pagination li a:hover { background-color: transparent!important } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .container-wrap nav.woocommerce-pagination ul li span { line-height: 11px!important } #pagination >div { float: left; margin: 0 5px 0 0 } #pagination >div:first-child { margin-left: 0 } #pagination .next a:hover, #pagination .prev a:hover, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:active { background-color: #000 } #pagination span { cursor: default } #pagination a, #pagination span { display: inline-block } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next, #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { text-indent: -9999px; height: 32px; width: 32px; background-repeat: no-repeat!important } #pagination a.page-numbers, #pagination span.page-numbers { font-size: 12px; line-height: 11px } #pagination .next.inactive, #pagination .prev.inactive { background-color: #eae8e5; cursor: default!important; height: 32px; width: 32px; margin: 0 5px 0 0 } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { background-image: url("../img/icons/portfolio-arrows.png"); background-position: -20px 12px } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { background-image: url("../img/icons/portfolio-arrows.png"); background-position: 13px 12px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { background-image:url("../img/icons/portfolio-arrows@2x.png"); background-size:40px 9px } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { background-image:url("../img/icons/portfolio-arrows@2x.png"); background-size:40px 9px } } #author-bio { padding-bottom: 50px; margin-bottom: 50px; margin-top: 0; min-height: 80px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; border-bottom: 1px solid #DDD; position: relative } #author-bio #author-info { width: 100%; padding-left: 105px } #author-bio img { width: 80px; height: 80px; margin-bottom: 0; position: absolute; left: 0; top: 0 } #author-bio .clear { padding-bottom: 0 } /* 12.2. Masonry Auto Meta Overlaid */ .auto_meta_overlaid_spaced .masonry-blog-item { padding: 4px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12 { padding: 4px; } .post-area.auto_meta_overlaid_spaced { margin: 0 0 0 -4px; } body .post-area.auto_meta_overlaid_spaced.span_12 { width: calc(100% + 8px); } .auto_meta_overlaid_spaced[data-ams="8px"] .masonry-blog-item { padding: 8px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="8px"] { padding: 8px; } .post-area.auto_meta_overlaid_spaced[data-ams="8px"] { margin: 0 0 0 -8px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="8px"] { width: calc(100% + 16px); } .auto_meta_overlaid_spaced[data-ams="12px"] .masonry-blog-item { padding: 12px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="12px"] { padding: 12px; } .post-area.auto_meta_overlaid_spaced[data-ams="12px"] { margin: 0 0 0 -12px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="12px"] { width: calc(100% + 24px); } .auto_meta_overlaid_spaced[data-ams="16px"] .masonry-blog-item { padding: 16px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="16px"] { padding: 16px; } .post-area.auto_meta_overlaid_spaced[data-ams="16px"] { margin: 0 0 0 -16px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="16px"] { width: calc(100% + 32px); } .auto_meta_overlaid_spaced[data-ams="20px"] .masonry-blog-item { padding: 20px; } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams="20px"] { padding: 20px; } .post-area.auto_meta_overlaid_spaced[data-ams="20px"] { margin: 0 0 0 -20px; } body .post-area.auto_meta_overlaid_spaced.span_12[data-ams="20px"] { width: calc(100% + 40px); } .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12, .blog-fullwidth-wrap .post-area.auto_meta_overlaid_spaced.span_12[data-ams] { margin: 0; width: 100%!important; } .auto_meta_overlaid_spaced .post-header .meta-author, .auto_meta_overlaid_spaced .post-header .meta-category, .auto_meta_overlaid_spaced .post-header .meta-comment-count { display: none; } .auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap { background-color: transparent; padding: 0; border-radius: 5px; overflow: hidden; transform: translateZ(0); } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .ascend .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { padding: 30px!important; } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img, .auto_meta_overlaid_spaced .content-inner > a, .auto_meta_overlaid_spaced .masonry-blog-item .content-inner, .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { top: auto; bottom: 0; height: 75%; } body .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img { transition: transform .7s cubic-bezier(.2, 1, .22, 1), opacity 0.5s ease; backface-visibility: visible; background-size: cover; background-position: center; width: 100.5%; height: 100.5%; } .auto_meta_overlaid_spaced .masonry-blog-item .content-inner { background-color: rgba(0,0,0,0.3); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img[data-nectar-img-src], .post-area.featured_img_left .post-featured-img[data-nectar-img-src] { opacity: 0; } body .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img.no-img { background-color: rgba(0,0,0,0.2); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after { content: ''; background: linear-gradient(to bottom, rgba(35,35,35,0), rgba(35,35,35,.65) 100%); } .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img img { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .content-inner > a { z-index: 30; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap { left: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap, .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { pointer-events: none; z-index: 33; position: absolute; bottom: 0; width: 100%; } .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner { height: 100%; } .auto_meta_overlaid_spaced .post.quote.masonry-blog-item .quote-inner .quote-wrap, .auto_meta_overlaid_spaced .post.link.masonry-blog-item .link-inner .link-wrap { bottom: 0; left: 0; width: 100%; height: auto; position: absolute; padding: 30px; } .auto_meta_overlaid_spaced .post.link .full-post-link, .auto_meta_overlaid_spaced .post.quote .full-post-link { pointer-events: all; } .auto_meta_overlaid_spaced.post-area.masonry .post .quote-inner, .auto_meta_overlaid_spaced.post-area.masonry .post .link-inner { margin-bottom: 0; } .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap h3 a, .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap h3 a:hover, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { color: #fff!important; transition: opacity 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); } .auto_meta_overlaid_spaced .meta-category a, .auto_meta_overlaid_spaced .post.quote .author { font-weight: 600; } .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a { opacity: 0.72; } .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover { opacity: 1; } .post-area.auto_meta_overlaid_spaced .posts-container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content { height: 50vh; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap .meta-category { pointer-events: all; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 25%; display: block; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) { width: 50%; } .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header { max-width: 55%; } .auto_meta_overlaid_spaced .masonry-blog-item .post-header, .auto_meta_overlaid_spaced .masonry-blog-item .post-header h3 { margin-bottom: 0; } .post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item { width: 50%; } .post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(3n+1) { width: 100%; } @media only screen and (max-width: 690px) { .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content { height: 33vh; } } @media only screen and (max-width: 999px) { .post-area.masonry.auto_meta_overlaid_spaced .masonry-blog-item { width: 50%; } .post-area.masonry.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(3n+1) { width: 100%; } } @media only screen and (max-width: 1600px) and (min-width: 1001px) { .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 25%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-header { max-width: 100%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) { width: 50%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header { max-width: 55%; } } @media only screen and (min-width: 1601px) { .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item { width: 20%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-header { max-width: 100%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+1), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+7), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+9), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+10) { width: 40%; } .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+1) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+7) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+9) .post-header, .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11n+10) .post-header { max-width: 55%; } } .auto_meta_overlaid_spaced article .content-inner > .play svg { width: 14px; height: 14px; } .auto_meta_overlaid_spaced article .content-inner > .play { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: 60px; width: 60px; z-index: 100; pointer-events: none; } .auto_meta_overlaid_spaced article .content-inner > .play:before { border-width: 3px; } .auto_meta_overlaid_spaced article:hover .content-inner > .play:before { transform: scale(1.14); -webkit-transform: scale(1.14); opacity: 0.4; } .auto_meta_overlaid_spaced article .content-inner > .play svg path { fill: #fff; } /* 12.3. Masorny Classic Enhanced */ body .blog-recent[data-style*="classic_enhanced"] .post-meta { position: absolute; bottom: 0; left: 0; top: auto; z-index: 300; width: 100%; margin-bottom: 0; border-right: 0; } .masonry.classic_enhanced .post .post-header h2 a { color: inherit; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post .post-meta i:not(.icon-salient-heart), .blog-recent[data-style*="classic_enhanced"] .post-meta a, .blog-recent[data-style*="classic_enhanced"] .post-meta i:not(.icon-salient-heart) { transition: color 0.1s linear; -webkit-transition: color 0.1s linear; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post-header, .masonry.classic_enhanced .post .excerpt, .blog-recent[data-style*="classic_enhanced"] .excerpt, .blog-recent[data-style*="classic_enhanced"] .post-meta a { color: #888; } .blog-recent[data-style*="classic_enhanced"] .post-meta a .nectar-love-count { color: #888; } .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post-meta .nectar-love-count, .masonry.classic_enhanced .post-header, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-count, .blog-recent[data-style*="classic_enhanced"] .post-header, .blog-recent[data-style*="classic_enhanced"] .post-meta a { font-size: 12px; } .masonry.classic_enhanced .post .post-meta i, .masonry.classic_enhanced .post .post-header .icon-salient-m-clock, .blog-recent[data-style*="classic_enhanced"] .post-meta i, .blog-recent[data-style*="classic_enhanced"] .post-header .icon-salient-m-clock { color: #b9b9b9; } .masonry.classic_enhanced .post.wide_tall .post-meta i, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta i { color: rgba(255,255,255,0.5); } .masonry.classic_enhanced .post .post-meta a, .blog-recent[data-style*="classic_enhanced"] .post-meta a { display: inline-block; vertical-align: middle; } .masonry.classic_enhanced .post .post-meta i, .blog-recent[data-style*="classic_enhanced"] .post-meta i { width: 15px; margin-right: 3px; font-size: 14px; top: 0; } .masonry.classic_enhanced .post .post-meta .icon-salient-heart-2, .blog-recent[data-style*="classic_enhanced"] .post-meta .icon-salient-heart-2 { margin-right: 0; } .masonry.classic_enhanced .post .post-meta .meta-comment-count i, .blog-recent[data-style*="classic_enhanced"] .post-meta .meta-comment-count i { width: 14px; } .masonry.classic_enhanced .post .post-header .icon-salient-m-clock, .blog-recent[data-style*="classic_enhanced"] .post-header .icon-salient-m-clock { width: 14px; margin-right: 5px; font-size: 14px; top: 0; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .meta-category a, .masonry.classic_enhanced .posts-container .large_featured .meta-category a, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { color: #000; border: 2px solid rgba(0,0,0,0.2); } body[data-button-style^="rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style^="rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a { border-radius: 100px; } .masonry.classic_enhanced .posts-container article .meta-category a, .masonry.classic_enhanced .posts-container .wide_tall .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { padding: 0 10px; display: inline-block; line-height: 20px; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; color: #fff; border: 2px solid rgba(255,255,255,0.5); transition: all 0.2s ease; } body .blog-recent[data-style*="classic_enhanced_alt"] .meta-category a, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:not(.has-post-thumbnail) .meta-category a { color: #fff; border: 2px solid rgba(255,255,255,0.5); } .masonry.classic_enhanced .posts-container article .meta-category a:hover { border: 2px solid transparent; color: #fff; } body .blog-recent[data-style*="classic_enhanced"] .meta-category a:hover, .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .meta-category a:hover { border: 2px solid transparent; color: #fff; } .masonry.classic_enhanced .posts-container .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { position: absolute; top: 20px; left: 20px; z-index: 101; } body .blog-recent[data-style*="classic_enhanced"] .meta-category a { z-index: 301; } .masonry.classic_enhanced .posts-container article .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { z-index: 101; position: relative; } .masonry.classic_enhanced .posts-container article .meta-category a:not(:first-child), .blog-recent[data-style*="classic_enhanced"] .meta-category a:not(:first-child) { display: none; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .meta-category a { margin-top: 20px; margin-left: 20px; margin-bottom: 0; } .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap { float: none; display: inline-block; } .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love i, .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love .heart-wrap, .masonry.classic_enhanced .masonry-blog-item .post-meta .nectar-love-wrap .nectar-love .nectar-love-count, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love i, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love .heart-wrap, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love-wrap .nectar-love .nectar-love-count { display: block; line-height: 18px; float: left; } .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap { overflow: hidden; } .blog-recent[data-style*="classic_enhanced_alt"] .inner-wrap.has-post-thumbnail { background-color: transparent; } .post-area.masonry.classic_enhanced .post .post-meta, .blog-recent[data-style*="classic_enhanced"] .post-meta { padding: 6px 21px; z-index: 101; position: relative; border-top: 1px solid rgba(0,0,0,0.06); } .post-area.masonry.classic_enhanced .post.wide_tall.format-video .video-play-button { display: none; } .post-area.masonry.classic_enhanced .post.format-link.has-post-thumbnail .post-featured-img, .post-area.masonry.classic_enhanced .post.format-quote.has-post-thumbnail .post-featured-img { display: none; } .span_12.light .masonry.classic_enhanced .masonry-blog-item h3.title, .span_12.light .blog-recent[data-style="classic_enhanced"] h3.title { color: #444; } .masonry.classic_enhanced .masonry-blog-item .inner-wrap, .blog-recent[data-style*="classic_enhanced"] .inner-wrap { border-radius: 4px; overflow: hidden; box-shadow: 0px 1px 3px rgba(0,0,0,.08); } .blog-recent[data-style*="classic_enhanced"] .inner-wrap { -webkit-perspective: none; perspective: none; } body:not(.ascend) .masonry.classic_enhanced .masonry-blog-item .inner-wrap { padding: 0; } body:not(.ascend) .masonry.classic_enhanced .post .content-inner { border: none; padding-bottom: 0; margin-bottom: 0; } .post-area.masonry.classic_enhanced .post.large_featured:not(.format-link):not(.format-quote) .content-inner { position: relative; width: 50%; height: 100%; z-index: 100; background-color: #fff; } .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap { width: 100%; top: 50%; left: 0; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .post-area.masonry.classic_enhanced .post:not(.wide_tall) .img-link { position: relative; display: block; } .post-area.masonry.classic_enhanced .post.large_featured .post-content { height: 100%; } .post-area.masonry.classic_enhanced .post.large_featured .img-link, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 100; } .post-area.masonry.classic_enhanced .post.large_featured .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity .cell, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity .cell { background-size: cover; width: 100%; height: 100%; z-index: 100; background-color: #333; background-position: center; } .post-area.masonry.classic_enhanced .post.wide_tall .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-featured-img { position: absolute; background-size: cover; top: 0; right: 0; width: 100%; height: 100%; z-index: 10; background-position: center; background-color: #777; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-featured-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap > .img-link { display: block; height: 100%; width: 100%; position: absolute; overflow: hidden; border-radius: 4px; } .post-area.masonry.classic_enhanced .post.wide_tall.format-quote .post-featured-img, .post-area.masonry.classic_enhanced .post.wide_tall.format-link .post-featured-img { opacity: 0.1; } .post-area.masonry.classic_enhanced .post.wide_tall .flickity-slider .cell, .post-area.masonry.classic_enhanced .post.wide_tall .flickity-viewport, .post-area.masonry.classic_enhanced .post.large_featured .flickity-slider .cell, .post-area.masonry.classic_enhanced .post.large_featured .flickity-viewport { height: 100%!important; } .post-area.masonry.classic_enhanced .post.wide_tall .meta-category, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .meta-category { z-index: 1000; display: block; position: relative; } .post-area.masonry.classic_enhanced .post.wide_tall h3, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap h3, .span_12.light .post-area.masonry.classic_enhanced .post.wide_tall h3 { color: #fff; } .post-area.masonry.classic_enhanced article h3:hover a { color: inherit; } .post-area.masonry.classic_enhanced .post.wide_tall .inner-wrap:after, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:after { background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) -2%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.04) 44%, rgba(0,0,0,0.25) 100%, rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) -2%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.04) 44%, rgba(0,0,0,0.25) 100%, rgba(0,0,0,0.5) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; z-index: 11; border-radius: 4px; content: ' '; } .post-area.masonry.classic_enhanced .post.wide_tall:not(.format-quote):not(.format-link) .inner-wrap:before, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:before { background-color: rgba(0,0,0,0.43); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 11; content: ' '; } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:before { background-color: rgba(0,0,0,0.55); border-radius: 4px; } .masonry.classic_enhanced .post.wide_tall .post-meta a, .masonry.classic_enhanced .wide_tall .post-header, .masonry.classic_enhanced .post.wide_tall .excerpt, .masonry.classic_enhanced .post.wide_tall .nectar-love span, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta a, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-header, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .excerpt, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .nectar-love span { color: rgba(255,255,255,0.9); } .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .nectar-love span { color: rgba(255,255,255,0.9); } .post-area.masonry.classic_enhanced .post.wide_tall .post-meta, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta { border-color: rgba(255,255,255,0.15); } .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap { position: absolute; z-index: 100; top: 50%; background-color: transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; padding: 20%; } .post-area.masonry.classic_enhanced .post.large_featured .post-meta { bottom: 0; top: auto; left: 0; z-index: 1000; width: 50%; position: absolute; } .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap { padding: 21%; } .masonry.classic_enhanced .masonry-blog-item h3.title { line-height: 26px; } .post-area.masonry.classic_enhanced .post.quote .post-content .quote-inner, .post-area.masonry.classic_enhanced .post.link .post-content .link-inner { padding: 0; } .post-area.masonry.classic_enhanced .post.quote .post-content, .post-area.masonry.classic_enhanced .post.quote .content-inner, .post-area.masonry.classic_enhanced .post.quote .quote-inner, .post-area.masonry.classic_enhanced .post.link .post-content, .post-area.masonry.classic_enhanced .post.link .content-inner, .post-area.masonry.classic_enhanced .post.link .link-inner, .post-area.masonry.classic_enhanced .post.wide_tall .post-content, .post-area.masonry.classic_enhanced .post.wide_tall .content-inner, .post-area.masonry.classic_enhanced .post.wide_tall .conent-inner a { height: 100%; } .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .article-content-wrap { padding: 17%!important; display: block; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; z-index: 10; left: 0; position: absolute; } .post-area.masonry.classic_enhanced .large_featured .quote-wrap, .post-area.masonry.classic_enhanced .large_featured .link-wrap { padding: 10.5%!important; } @media only screen and (min-width:1000px) { .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { padding: 17%; display: block; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; z-index: 10; left: 0; position: absolute; } } .blog-recent[data-style*="classic_enhanced"] .inner-wrap:not(.has-post-thumbnail) .article-content-wrap { width: 100%; } .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .content-inner, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .content-inner, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .post-content, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .content-inner { height: 100%; } .masonry.classic_enhanced .posts-container article .video-play-button svg { width: 16px; height: 16px; display: block; } .masonry.classic_enhanced .posts-container article .video-play-button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -webkit-transition: all .21s cubic-bezier(.5, .5, .4, .88); transition: all .21s cubic-bezier(.5, .5, .4, .88); color: #fff; font-size: 40px; z-index: 1000; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; } .masonry.classic_enhanced .posts-container .format-audio:hover .video-play-button, .masonry.classic_enhanced .posts-container .format-video:hover .video-play-button { transform: translateY(-50%) translateX(-50%) scale(1.18); -webkit-transform: translateY(-50%) translateX(-50%) scale(1.18); box-shadow: 0 5px 8px 0 rgba(0,0,0,.17); } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .video-play-button, .masonry.classic_enhanced .posts-container .wide_tall .video-play-button { position: relative; top: 0; left: 0; margin-bottom: 20px; transform: none; -webkit-transform: none; } .masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail):hover .video-play-button, .masonry.classic_enhanced .posts-container .wide_tall:hover .video-play-button { transform: scale(1.1); -webkit-transform: scale(1.1); } .masonry.classic_enhanced .posts-container .large_featured .video-play-button { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); } .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .post-meta.no-img, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .post-meta.no-img, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-meta.no-img, .post-area.masonry.classic_enhanced .post.wide_tall .post-meta, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap .post-meta { position: absolute!important; bottom: 0; top: auto!important; left: 0; z-index: 101; width: 100%; } @media only screen and (min-width:1000px) { .masonry.classic_enhanced .masonry-blog-item.large_featured h3.title { font-size: 30px; line-height: 36px; } } @media only screen and (min-width: 1000px) { .blog-recent[data-style*="classic_enhanced"].related-posts .col { margin-bottom: 0; } } .blog-recent[data-style*="classic_enhanced"].related-posts .article-content-wrap { padding: 30px; } .blog-recent[data-style*="classic_enhanced"].related-posts .article-content-wrap .post-header { margin-bottom: 0; } .blog-recent[data-style*="classic_enhanced"].related-posts .post-meta { padding: 10px 21px; } .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap { padding-bottom: 52px!important; } .container-wrap[data-remove-post-author="1"][data-remove-post-date="1"] .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap { padding-bottom: 0!important; } .post-area.masonry.classic_enhanced .post .post-meta >*, .blog-recent[data-style*="classic_enhanced"] .post-meta >* { margin-right: 13px; margin-left: 0; } .post-area.masonry.classic_enhanced .post .content-inner { position: static; } .post-area.masonry.classic_enhanced .post .post-meta >*:last-child, .blog-recent[data-style*="classic_enhanced"] .post-meta >*:last-child { margin-right: 0; } .post-area.masonry.classic_enhanced .post .post-meta .nectar-love, .blog-recent[data-style*="classic_enhanced"] .post-meta .nectar-love { margin-left: 0; } .post-area.masonry.classic_enhanced .post .post-meta .nectar-love .icon-salient-heart, .post-area.masonry.classic_enhanced .post.large_featured .post-featured-img img, .post-area.masonry.classic_enhanced .post.wide_tall .post-featured-img img, .blog-recent[data-style*="classic_enhanced_alt"] .post-featured-img img, .post-area.masonry.classic_enhanced .post.wide_tall .nectar-flickity .cell img, .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity .cell img { display: none; } .masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap { padding: 17%; position: relative; z-index: 100; background-color: #fff; } .masonry.classic_enhanced .masonry-blog-item h3.title, .blog-recent[data-style*="classic_enhanced"] h3.title { margin-bottom: 0; } @media only screen and (max-width: 690px) { .post-area.masonry.classic_enhanced .post.large_featured:not(.format-link):not(.format-quote) .content-inner { width: 100%; height: auto; position: static; } body .masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap, body .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-audio .article-content-wrap { position: relative; -webkit-transform: none; transform: none; top: auto; height: auto!important; padding: 17%; } .post-area.masonry.classic_enhanced .post.large_featured .post-meta, .post-area.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .post-meta.no-img, .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap, .post-area.masonry.classic_enhanced .post.wide_tall .post-meta { position: relative; width: 100%!important; } body .post-area.masonry.classic_enhanced .post.wide_tall .article-content-wrap { padding: 30% 17%; } .post-area.masonry.classic_enhanced .post.wide_tall .post-meta { position: absolute; } .post-area.masonry.classic_enhanced .post.large_featured .nectar-flickity { position: relative; width: 100%; height: 280px; overflow: hidden; z-index: 110; } body .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .article-content-wrap, body .masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-video .article-content-wrap, .post-area.masonry.classic_enhanced .quote-wrap, .post-area.masonry.classic_enhanced .link-wrap { height: auto!important; -webkit-transform: none; transform: none; position: relative; } .post-area.masonry.classic_enhanced .post.large_featured .meta-category a { color: #fff; border: 2px solid rgba(255,255,255,0.5); } .post-area.masonry.classic_enhanced .post.large_featured .img-link { position: relative; width: 100%; height: 280px; } .post-area.masonry.classic_enhanced .post.large_featured, .post-area.masonry.classic_enhanced .post.regular .article-content-wrap, .post-area.masonry.classic_enhanced .post.regular.format-standard.has-post-thumbnail, .post-area.masonry.classic_enhanced .post.regular.format-video.has-post-thumbnail, .post-area.masonry.classic_enhanced .post.regular.format-audio.has-post-thumbnail, .masonry.classic_enhanced .masonry-blog-item { height: auto!important; } .post-area.masonry.classic_enhanced .posts-container:not(.meta-moved) .post-content > .post-meta { opacity: 0; position: absolute!important; } } /* 12.4. Masonry Meta Overalaid */ .post-area.masonry.meta_overlaid { margin-bottom: 0 } .post-area.masonry.meta_overlaid .posts-container { overflow: hidden } body[data-ext-responsive="true"] .post-area.masonry.meta_overlaid { width: 100% } body.blog .post-area.masonry.meta_overlaid.infinite_scroll #pagination { margin-bottom: 0; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { padding: 20px } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap >*:not(.post-header) { display: none } .post-area.masonry.meta_overlaid .post .post-meta { margin: 0 0 3px; line-height: 26px } .post-area.masonry.meta_overlaid .post.wide_tall .post-meta, .post-area.masonry.meta_overlaid .post.large_featured .post-meta { margin: 6px 0 6px } body .post-area.masonry.meta_overlaid article.post .post-meta .date, body .post-area.masonry.meta_overlaid .post.quote .quote-inner .author, body .post-area.masonry.meta_overlaid .post.link .post-content .destination { float: none!important; font-size: 12px } .post-area.masonry.meta_overlaid article .post-header { font-size: 12px } body .meta_overlaid .post .post-header h3 { font-size: 18px; margin-bottom: 6px } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-category, body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-comment-count { display: none } body .masonry.meta_overlaid .masonry-blog-item { margin-bottom: 0 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:before { background: -moz-linear-gradient(center top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.06) 16%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0.6) 100%) repeat scroll 0 0 rgba(0,0,0,0); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.06) 16%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0.6) 100%); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; opacity: 1; z-index: 1 } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:before { opacity: 1 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img { transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; opacity: 0.85 } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img.nectar-lazy:not(.loaded) { opacity: 0; } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:hover img { opacity: 1 } body .masonry.meta_overlaid .content-inner >a { height: 100% } body .masonry.meta_overlaid .content-inner >a >.post-featured-img { background-color: #000 } .masonry.meta_overlaid .masonry-blog-item .bottom-line, .masonry.meta_overlaid .masonry-blog-item .more-link { display: none } .masonry.meta_overlaid .masonry-blog-item, .masonry.meta_overlaid .masonry-blog-item .mejs-container .mejs-controls { box-shadow: none } .masonry.meta_overlaid .masonry-blog-item .post-meta { padding: 0 18px 0 18px } .masonry.meta_overlaid .post .nectar-love-wrap { line-height: 20px } .masonry.meta_overlaid .masonry-blog-item { padding: 0 } .masonry.meta_overlaid .masonry-blog-item .content-inner .post-featured-img img, .masonry.meta_overlaid .masonry-blog-item .more-link, .masonry.meta_overlaid .post .quote-inner, .masonry.meta_overlaid .post .link-inner, .masonry.meta_overlaid .post .status-inner, .masonry.meta_overlaid .post .aside-inner, .masonry.meta_overlaid .masonry-blog-item .content-inner.gallery-slider img { margin-bottom: 0!important } .masonry.meta_overlaid .masonry-blog-item .content-inner { padding-bottom: 0; border: 0; margin-bottom: 0 } .masonry.meta_overlaid .post.quote .post-content .post-meta, .masonry.meta_overlaid .post.link .post-content .post-meta, .masonry.meta_overlaid .format-status .post-content .post-meta, .masonry.meta_overlaid .post.format-aside .post-meta { display: none } .masonry.meta_overlaid .post .post-header h3 a, .masonry.meta_overlaid .post .post-header, .masonry.meta_overlaid .post .post-header h3 a:hover { color: #fff } .masonry.meta_overlaid .post .post-header h3 a { display: block } body .masonry.meta_overlaid .content-inner >a, body .masonry.meta_overlaid .content-inner >a >span { display: block; line-height: 1px } body .masonry.meta_overlaid article.post .post-header .meta-author span { font-size: 13px } body .masonry.meta_overlaid .post .post-header .meta-author a { margin-left: 4px; color: #fff; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; } body .masonry.meta_overlaid .post .post-header .meta-author a:hover { opacity: 0.85 } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { position: absolute; bottom: 10px; width: 100%; z-index: 10; text-align: center } body .post-area.masonry.meta_overlaid .masonry-blog-item.wide_tall .post-meta .date, body .post-area.masonry.meta_overlaid .masonry-blog-item.large_featured .post-meta .date { font-size: 16px } body .post-area.masonry.meta_overlaid .masonry-blog-item.large_featured { width: 100%!important; } @media only screen and (min-width: 690px) { body .masonry.meta_overlaid .masonry-blog-item.wide_tall h3.title, body .masonry.meta_overlaid .masonry-blog-item.large_featured h3.title { font-size: 30px; line-height: 36px; margin-bottom: 12px } } body .masonry.meta_overlaid .post .content-inner, body .masonry.meta_overlaid .post .post-content, body .masonry.meta_overlaid .post.quote .post-content .quote-inner, body .masonry.meta_overlaid .post .post-content .link-inner, body .masonry.meta_overlaid .post.format-link .content-inner a { height: 100%!important; width: 100%!important } body .masonry.meta_overlaid .link-inner .link-wrap, body .masonry.meta_overlaid .quote-inner .quote-wrap { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; z-index: 100; padding: 0 12% } body .masonry.meta_overlaid .post-content { min-height: 40px } body .post-area.masonry.meta_overlaid.span_9 { padding-right: 40px } .post-area.masonry.meta_overlaid .post .quote-inner, .post-area.masonry.meta_overlaid .post .link-inner, .post-area.masonry.meta_overlaid .post .status-inner, .post-area.masonry.meta_overlaid .post .aside-inner { text-align: center; overflow: hidden } /* 12.5. Standard Minimal */ .post-area.standard-minimal .post-author { position: absolute; left: 0; top: 0; text-align: center; width: 100px; font-size: 12px; line-height: 22px } .post-area.standard-minimal.full-width-content .post { border-bottom: 1px solid #e6e6e6; padding-top: 70px } .post-area.standard-minimal.full-width-content .posts-container >article:last-child { border: none } .post-area.standard-minimal.full-width-content .post .content-inner { padding-bottom: 0; margin-bottom: 70px; border-bottom: 0; } .post-area.standard-minimal.full-width-content .post .more-link { margin-top: 25px } .post-area.standard-minimal.full-width-content #pagination { text-align: center } .post-area.standard-minimal.full-width-content #pagination >div { float: none; display: inline-block } .post-area.standard-minimal .post .more-link span { background-color: transparent; padding: 0; color: #333 } .post-area.standard-minimal .post .post-header, .post-area.standard-minimal .post .content-inner .post-featured-img img, .post-area.standard-minimal .post .content-inner .article-content-wrap >.video >.wp-video, .post-area.standard-minimal .post .content-inner .article-content-wrap .audio-wrap, .post-area.standard-minimal .post .content-inner .quote-inner { margin-bottom: 60px!important } .post-area.standard-minimal .post .content-inner .quote-inner h3 { color: #fff; margin-bottom: 20px } .post-area.standard-minimal .post .content-inner .quote-inner, .post-area.standard-minimal .post .content-inner .link-inner { padding: 10%; position: relative; } .post-area.standard-minimal .quote-wrap, .post-area.standard-minimal .link-wrap { z-index: 100; position: relative; } .post-area.standard-minimal .post.quote .post-content .quote-inner .icon, .post-area.standard-minimal .post.link .post-content .link-inner .icon { right: 30px; bottom: 30px } .post-area.standard-minimal .post .content-inner .quote-inner .author { position: relative; padding-left: 30px } .post-area.standard-minimal .post .content-inner .quote-inner .author:before { position: absolute; display: block; top: 50%; left: 0; width: 20px; height: 2px; content: ' '; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff } .post-area.standard-minimal .post .more-link { display: inline-block; cursor: pointer; height: 50px; position: relative; line-height: 50px; padding-right: 25px } .post-area.standard-minimal .post .more-link span { transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } .post-area.standard-minimal .post .more-link span:after { display: inline-block; font-family: 'FontAwesome'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; height: 50px; -webkit-font-smoothing: antialiased; letter-spacing: 0; content: "\f105"; margin-left: 15px; position: absolute; right: 0; top: 53%; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); font-size: 25px; transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } .post-area.standard-minimal .post .more-link:hover span:after { transform: translateX(12px) translateY(-50%); -webkit-transform: translateX(12px) translateY(-50%) } .post-area.standard-minimal .post .more-link:hover span:before { opacity: 1; transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } .post-area.standard-minimal .post .more-link span:before { backface-visibility: hidden; letter-spacing: 0; display: block; content: ' '; z-index: 100; position: absolute; width: 22px; height: 2px; background-color: #000; top: 53%; opacity: 0; right: -10px; cursor: pointer; transform: translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0); transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } .post-area.standard-minimal .post .post-meta .date, .post-area.standard-minimal .post .more-link span { font-family: 'Open Sans'; font-weight: 700; margin-bottom: 5px; font-size: 14px } .post-area.standard-minimal .post .post-meta .date a { display: block } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a span, .post-area.standard-minimal .post .article-content-wrap .nectar-love, .post-area.standard-minimal .post .article-content-wrap .nectar-love >span, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count i, .post-area.standard-minimal .post .article-content-wrap .nectar-love i, .post-area.standard-minimal .post .article-content-wrap .meta-comment-count, .post-area.standard-minimal .post .article-content-wrap .nectar-love-wrap, .post-area.standard-minimal .post .article-content-wrap .nectar-love-wrap >span, .post-area.standard-minimal .post .article-content-wrap .meta-category i { line-height: 34px; height: 34px; width: auto; display: inline-block } .post-area.standard-minimal .post .more-link { margin-top: 15px } .post-area.standard-minimal .post .article-content-wrap .meta-category i { font-size: 20px } .post-area.standard-minimal .post .article-content-wrap .nectar-love >span { font-size: 14px; color: #aaa } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count { margin-left: 15px } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a, .post-area.standard-minimal .post .article-content-wrap .meta-category a { font-size: 14px } .post-area.standard-minimal .post .article-content-wrap .meta-comment-count a:not(:hover), .post-area.standard-minimal .post .article-content-wrap .meta-category a:not(:hover) { color: #aaa } .post-area.standard-minimal .post .article-content-wrap a i, .post-area.standard-minimal .post .article-content-wrap .meta-category i { font-size: 20px; width: 22px; margin-right: 5px; transition: color 0.2s linear; -webkit-transition: color 0.2s linear } .post-area.standard-minimal .post .article-content-wrap a:not(:hover) i:not(.loved), .post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) i { color: #c1c1c1 } .post-area.standard-minimal .post .article-content-wrap .flex-direction-nav a:not(:hover) i:not(.loved), .post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) .flex-direction-nav i { color: #fff } .post-area.standard-minimal .post .post-meta { margin-bottom: 0 } .post-area.standard-minimal #pagination { padding-left: 0 } .post-area.standard-minimal .post .post-meta, .post-area.standard-minimal .post .post-meta .date { position: relative; padding-bottom: 0; border: none } .post-area.standard-minimal .post-content { padding-left: 175px; overflow: hidden; } .single .post-area.standard-minimal .post-content { overflow: visible; } .post-area.standard-minimal .post-author .grav-wrap { border-radius: 100px; overflow: hidden; margin-bottom: 10px; width: 90px; height: 90px; margin: 0 auto 25px auto } #pagination { position: relative; margin-bottom: 10px; height: 32px; width: 100% } .standard-minimal.full-width-content.post-area #pagination { margin-bottom: 40px; } .post-area.standard-minimal .post .post-meta.no-img { top: 0 } .post-area.standard-minimal .post .nectar-love .icon-salient-heart { display: none } @media only screen and (min-width : 690px) and (max-width : 999px) { .container, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 600px; } .post-area.standard-minimal .post-author .grav-wrap { width: 70px; height: 70px; } .post-area.standard-minimal .post-content { padding-left: 140px; } } @media only screen and (max-width: 321px) { .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 300px; } } @media only screen and (min-width: 480px) and (max-width: 690px) { .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 420px; } } @media only screen and (max-width: 690px) { .post-area.standard-minimal .post-author { position: relative; } .post-area.standard-minimal .grav-wrap { display: none; } .post-area.standard-minimal .post-author { width: 100%; text-align: left; } } /*-------------------------------------------------------------------------*/ /* 13. Footer /*-------------------------------------------------------------------------*/ #footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap { color: #ccc; position: relative; z-index: 10; background-color: #252525 } #footer-outer .row { padding: 55px 0; margin-bottom: 0 } #footer-outer #footer-widgets[data-has-widgets="false"] .row { padding: 0; } #footer-outer .widget h4, .text-on-hover-wrap .categories a { color: #777; font-size: 14px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 20px } #footer-outer .widget { margin-bottom: 30px } #footer-outer .widget.widget_categories ul ul, #footer-outer .widget.widget_pages ul ul, #footer-outer .widget.widget_nav_menu ul ul, #slide-out-widget-area .widget.widget_nav_menu ul ul { margin: 0!important; padding: 0 0 0 20px } #footer-outer #footer-widgets .widget.widget_pages li, #footer-outer #footer-widgets .widget.widget_nav_menu li, #slide-out-widget-area .widget.widget_nav_menu li { border-bottom: 0; padding: 0!important } #footer-outer .widget.widget_pages li a, #footer-outer .widget.widget_nav_menu li a { padding: 8px 0; display: block; border-bottom: 1px solid #444 } #ajax-content-wrap #footer-outer #footer-widgets .widget.widget_categories li a, #ajax-content-wrap #footer-outer #footer-widgets .widget.widget_archive li a { display: inline-block; border-bottom: 0; } #slide-out-widget-area .widget.widget_nav_menu li a { padding: 6px 20px; display: block } #footer-outer .widget.widget_categories >ul >li:first-child >a, #footer-outer .widget.widget_pages >ul >li:first-child >a, #footer-outer .widget.widget_nav_menu >ul >li:first-child >a, #slide-out-widget-area .widget.widget_categories >ul >li:first-child >a, #slide-out-widget-area .widget.widget_pages >ul >li:first-child >a { padding-top: 0 } #footer-outer .span_3 .widget:last-child { margin-bottom: 0 } #footer-outer a { color: #ccc } #footer-outer a:hover { color: #000 } .original #footer-outer[data-link-hover="underline"] #footer-widgets .col ul li a { padding: 0; border: none; } .original #footer-outer[data-link-hover="underline"] #footer-widgets .col ul li { padding: 4px 0!important; border: none; } #footer-outer[data-link-hover="underline"] #footer-widgets ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button), #footer-outer[data-link-hover="underline"] #footer-widgets .textwidget a:not(.nectar-button) { 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.3s ease; transition: background-size 0.55s cubic-bezier(.2, .75, .5, 1), color 0.3s ease; } #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) { 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 { background-size: 100% 2px; opacity: 1; } #footer-outer .widget ul li { margin-bottom: 7px } #footer-outer #copyright { padding: 20px 0; font-size: 12px; background-color: #1c1c1c; color: #777 } #footer-outer #copyright li { float: left; margin-left: 20px } #footer-outer[data-cols="1"] #copyright .social li a { height: 50px; } #footer-outer #copyright .container div:last-child { margin-bottom: 0 } #footer-outer #copyright li a, #header-secondary-outer #social li a { display: block; line-height: 22px; height: 24px; position: relative; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; background-position: center top } #footer-outer #copyright li a i, #header-secondary-outer #social li a i { color: #777; transition: all 0.2s linear; -webkit-transition: all 0.2s linear } #footer-outer .icon-be, #footer-outer .icon-vimeo, #footer-outer .icon-salient-spotify { line-height: 32px } #footer-outer .fa-vine { font-size: 16px } #footer-outer[data-full-width="1"] .container { width: 100%; padding: 0 28px; max-width: none } #footer-outer #copyright li a i:hover { color: #000 } #footer-outer #copyright li .vimeo, #footer-outer #copyright li .behance, #header-secondary-outer #social li .behance, #header-secondary-outer #social li .vimeo { background-color: #666 } #footer-outer #copyright li .vimeo:hover, #footer-outer #copyright li .behance:hover, #header-secondary-outer #social li .behance:hover, #header-secondary-outer #social li .vimeo:hover { background-color: #000 } #footer-outer #copyright p { line-height: 22px; margin-top: 3px } #footer-outer #copyright .col ul { float: right } #footer-outer #copyright li .facebook { width: 12px } #footer-outer #copyright li .twitter { width: 20px } #footer-outer #copyright li .dribbble { width: 24px } #footer-outer #copyright li .google-plus { width: 20px } #footer-outer #copyright li .pinterest { width: 17px } #footer-outer #copyright li .rss { width: 18px } #footer-outer #copyright li .vimeo { width: 20px; text-indent: -9999px } #footer-outer #copyright li .tumblr { width: 21px } #footer-outer #copyright li .youtube { width: 21px } #footer-outer #copyright li .linkedin { width: 19px } #footer-outer #copyright li .behance { width: 27px; text-indent: -9999px } #footer-outer #copyright li .instagram { width: 20px } #footer-outer #copyright #social .icon-soundcloud { font-size: 26px } body #footer-outer i, body #header-secondary-outer #social i { font-size: 20px; width: auto; background-color: transparent } #footer-outer #copyright i.icon-be { font-size: 24px } #header-secondary-outer #social li .icon-be { font-size: 18px } /* Footer Reveal Effect */ body[data-footer-reveal="1"] #ajax-content-wrap, body[data-footer-reveal="1"] #ajax-content-wrap > .blurred-wrap { overflow: hidden; } body[data-footer-reveal="1"] #footer-outer { position: fixed; bottom: 0; width: 100%; z-index: 1; } body[data-footer-reveal="1"] .container-wrap { margin-bottom: 280px } body[data-footer-reveal="1"][data-footer-reveal-shadow="small"] .container-wrap { box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large"] .container-wrap { box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] .container-wrap { box-shadow: 0 70px 110px -30px rgba(0,0,0,1); -webkit-box-shadow: 0 70px 110px -30px rgba(0,0,0,1); } body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] #footer-outer .row { padding: 80px 0 } body .container-wrap.no-shadow, body[data-footer-reveal="1"][data-footer-reveal-shadow] .container-wrap.no-shadow { box-shadow: none } body[data-footer-reveal="1"] #call-to-action .triangle { display: none } @media only screen and (min-width:1000px) { #footer-widgets[data-cols="5"] .container .row >div { width: 19.5% } #footer-widgets[data-cols="5"] .container .row >div:first-child { width: 35% } } #footer-outer .col { z-index: 10; min-height: 1px; } #footer-outer[data-cols="1"] .col { text-align: center; } #footer-outer[data-cols="1"] #footer-widgets .container .col { width: 100%; } #footer-outer[data-cols="1"] #footer-widgets .span_12 > div:last-child { margin-bottom: 0; } #footer-outer[data-cols="1"] #copyright .col, #footer-outer[data-cols="1"] #copyright .col ul, #footer-outer #copyright[data-layout="centered"] .col, #footer-outer #copyright[data-layout="centered"] .col ul { width: 100%; float: none; } #footer-outer #copyright[data-layout="centered"] .col .social li { margin-top: 25px; } #footer-outer[data-cols="1"] #copyright #social li a { display: block; height: 50px; width: 50px; } #footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a { height: 30px; width: 30px; line-height: 30px; } #footer-outer[data-cols="1"] #copyright li a i { -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); font-size: 20px; height: 50px; width: 50px; line-height: 48px; } #footer-outer[data-cols="1"] #copyright li a:hover i { border-color: #fff; color: #fff; } #footer-outer[data-cols="1"] #copyright .col ul li { margin-bottom: 25px; } #footer-outer[data-cols="1"] #copyright, #footer-outer #copyright[data-layout="centered"] { padding: 45px 0; } #footer-outer[data-cols="1"] #copyright li, #footer-outer #copyright[data-layout="centered"] li, #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li { float: none; display: inline-block; margin: 0 10px; width: auto; } @media only screen and (min-width: 1000px) { #footer-outer #copyright[data-layout="centered"] .col.span_5 { max-width: 70%; margin: 0 auto; } } @media only screen and (max-width: 999px) { #footer-outer #copyright[data-layout="centered"] .col.span_5 { margin-bottom: 0; } } #footer-outer #copyright[data-layout="centered"] .widget, #footer-outer[data-cols="1"] #copyright .widget { margin-bottom: 0; } .ascend #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:first-child, .material #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:first-child { padding-top: 4px!important; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li, #footer-outer #copyright[data-layout="centered"] .widget_pages li, #footer-outer[data-cols="1"] #copyright .widget_pages li { vertical-align: top; text-align: left; margin: 0 15px; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li ul, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li ul, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li ul, #footer-outer #copyright[data-layout="centered"] .widget_pages li ul, #footer-outer[data-cols="1"] #copyright .widget_pages li ul { padding-left: 0; margin-left: 0; } #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li ul li, #footer-outer #copyright[data-layout="centered"] .widget_nav_menu li ul li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li ul li, #footer-outer #copyright[data-layout="centered"] .widget_pages li ul li, #footer-outer[data-cols="1"] #copyright .widget_pages li ul li { display: block; margin-left: 0; } #footer-outer #copyright[data-layout="centered"] .widget [data-style="minimal-counter"] > li::before, #footer-outer[data-cols="1"] #copyright .widget [data-style="minimal-counter"] > li::before, #footer-outer[data-cols="1"] #copyright .arrow-circle, #footer-outer #copyright[data-layout="centered"] .widget .arrow-circle, #footer-outer #copyright .widget_products img { display: none; } #footer-outer #copyright .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li, #footer-outer #copyright[data-layout="centered"] .widget_search, #footer-outer[data-cols="1"] #copyright .widget_search { margin: 20px 0; } #footer-outer #copyright[data-layout="centered"] .col { text-align: center; } #footer-outer[data-cols="1"] #copyright li a i:after { position: absolute; -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); pointer-events: none; display: block; content: ''; top: 0; left: 0; opacity: 0.2; border-radius: 50%; border: 2px solid #fff; height: 46px; width: 46px; } #footer-outer[data-cols="1"] #copyright li a:hover i:after { opacity: 1; } body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row { padding-top: 70px; padding-bottom: 40px; } #footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright { padding-bottom: 70px; } body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] .row { padding-bottom: 0; } body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright { padding-top: 30px; } #footer-outer[data-cols="1"] #copyright[data-layout="centered"] .col .social li { margin-top: 0; } #footer-outer[data-using-bg-img="true"] { background-size: cover; background-position: center; } #footer-outer[data-using-bg-img="true"]:after { position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; background-color: inherit; opacity: 0.9; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0"]:after { opacity: 0; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.1"]:after { opacity: 0.1; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.2"]:after { opacity: 0.2; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.3"]:after { opacity: 0.3; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.4"]:after { opacity: 0.4; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.5"]:after { opacity: 0.5; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.6"]:after { opacity: 0.6; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.7"]:after { opacity: 0.7; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.8"]:after { opacity: 0.8; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.9"]:after { opacity: 0.9; } #footer-outer[data-using-bg-img="true"][data-bg-img-overlay="1"]:after { opacity: 1; } /*-------------------------------------------------------------------------*/ /* 14. To Top Button /*-------------------------------------------------------------------------*/ #to-top { display: block; position: fixed; text-align: center; line-height: 12px; right: 17px; bottom: -30px; color: #fff; cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; z-index: 9994; height: 29px; width: 29px; background-color: rgba(0,0,0,0.25); background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; } body[data-button-style*="rounded"] #to-top { transition: box-shadow 0.3s cubic-bezier(.55, 0, .1, 1), background-color 0.1s linear; -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(.55, 0, .1, 1), background-color 0.1s linear; background-color: rgba(0,0,0,0.25) } body[data-button-style*="rounded"] #to-top:hover, body[data-button-style*="rounded"] #to-top.dark:hover { transition: box-shadow 0.3s cubic-bezier(.55, 0, .1, 1), background-color 0.05s linear 0.25s; -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(.55, 0, .1, 1), background-color 0.05s linear 0.25s; box-shadow: 1px 2px 3px rgba(0,0,0,0.16); background-color: transparent!important } body[data-button-style*="rounded"] #to-top:after, body[data-button-style*="rounded"] #to-top:before { display: block; content: ' '; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #000; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s cubic-bezier(.55, 0, .1, 1); -webkit-transition: all 0.3s cubic-bezier(.55, 0, .1, 1); border-radius: 100px; -webkit-border-radius: 100px } body[data-button-style*="rounded"] #to-top:before { background-color: rgba(255,255,255,0.25); transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; z-index: 2 } body[data-button-style*="rounded"] #to-top:hover:after { transform: scale(1); -webkit-transform: scale(1); } body[data-button-style*="rounded"] #to-top { overflow: hidden } body[data-button-style*="rounded"] #to-top i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top i.fa-angle-up { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; } body[data-button-style*="rounded"] #to-top:hover i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top:hover i.fa-angle-up, body[data-button-style*="rounded"] #to-top.hovered i.fa-angle-up.top-icon, body[data-button-style*="rounded"] #to-top.hovered i.fa-angle-up { -webkit-transform: translate(0, -29px); transform: translate(0, -29px) } body[data-button-style*="rounded"] #to-top:active:before { opacity: 1 } #to-top i { line-height: 29px; width: 29px; height: 29px; font-size: 14px; top: 0; left: 0; text-align: center; position: relative; z-index: 10; background-color: transparent } #to-top:hover, #to-top.dark:hover { background-color: #000 } #to-top.dark { background-color: rgba(0,0,0,0.87) } /*-------------------------------------------------------------------------*/ /* 15. Off Canvas / Mobile Menu /*-------------------------------------------------------------------------*/ /* Fullscreen style - See css/off-canvas/fullscreen.css */ /* Simple Dropdown - See css/off-canvas/simple-dropdown.css */ /* Slide Out Right Hover - See css/off-canvas/slide-out-right-hover.css */ #slide-out-widget-area.slide-out-from-right { position: fixed; transform: translate(301px, 0px); -webkit-transform: translate(301px, 0px); -ms-transform: translate(301px, 0px); top: 0; right: 0; width: 300px; height: 100%; z-index: 10000; padding: 33px; overflow: hidden } #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 20px; line-height: 30px; font-family: 'Open Sans'; font-weight: 700; } #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small { opacity: 0.7; transition: opacity 0.2s ease, color 0.2s ease; -webkit-transition: opacity 0.2s ease, color 0.2s ease; } #slide-out-widget-area.fullscreen .inner li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .inner .current_page_ancestor >a, #slide-out-widget-area .inner .current-menu-item >a, #slide-out-widget-area .inner .current-menu-ancestor >a, #slide-out-widget-area .inner .current_page_item >a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus, #slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li >a.hovered { opacity: 1 } #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li { position: relative; } #slide-out-widget-area .ocm-dropdown-arrow { transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); position: absolute; right: -6px; top: 10px; transform: translateY(-50%); cursor: pointer; height: 28px; width: 28px; line-height: 0; } #slide-out-widget-area .ocm-dropdown-arrow i { font-size: 18px; height: 28px; width: 28px; line-height: 28px; top: 0; } #slide-out-widget-area .open-submenu > .ocm-dropdown-arrow { transform: translateY(-50%) rotate(180deg); } .admin-bar #slide-out-widget-area { padding-top: 33px } .admin-bar #slide-out-widget-area.slide-out-from-right { padding-top: 53px } #slide-out-widget-area .secondary-header-text { margin-bottom: 35px; border-radius: 6px; background-color: rgba(0,0,0,0.1); padding: 10px 15px; } body #slide-out-widget-area .secondary-header-text { line-height: 1.4em; } #slide-out-widget-area.mobile, #slide-out-widget-area.slide-out-from-right-hover.mobile { overflow-y: scroll; overflow-x: hidden; } #slide-out-widget-area-bg { -webkit-backface-visibility: hidden; background-color: rgba(0,0,0,0.8); position: fixed; height: 1px; width: 1px; opacity: 0; left: 0; top: 0; z-index: 9996 } #slide-out-widget-area-bg .bg-inner { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8) } #slide-out-widget-area .bottom-text { padding-bottom: 0; font-size: 12px } #slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li { display: inline-block; padding: 0 6px 6px 0 } #slide-out-widget-area .off-canvas-social-links li i { background-color: transparent; font-size: 18px; line-height: 22px } body:not(.material) #slide-out-widget-area .off-canvas-social-links li a, .material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a { padding: 0 8px; } #header-outer #mobile-menu .off-canvas-social-links li:first-child a, #slide-out-widget-area .off-canvas-social-links li:first-child a { padding-left: 0; } .blurred-wrap { transition: filter 0.45s linear; -webkit-transition: -webkit-filter 0.45s linear; } .blurred-wrap.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px) } .msie .blurred-wrap.blurred { -ms-filter: none; filter: none } #slide-out-widget-area .widget h4 { margin-bottom: 8px } #slide-out-widget-area .inner >div { margin-bottom: 25px } #slide-out-widget-area .inner >div:first-of-type { margin-top: -7px } #slide-out-widget-area .inner { width: 100%; height: 100% } #slide-out-widget-area a, #slide-out-widget-area, #slide-out-widget-area h4, #slide-out-widget-area h3 { color: #fff } body.material #slide-out-widget-area.slide-out-from-right .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover { color: #fff } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close { position: absolute; right: 22px; top: 22px } body[data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close { top: 47px } body[data-full-width-header="false"].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close, body[data-full-width-header="false"].original #slide-out-widget-area.slide-out-from-right .slide_out_area_close { z-index: 100; } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close { display: block; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; font-family: 'Open Sans'; font-weight: 400 } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close { backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 34px; height: 34px; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; color: #ddd; font-size: 18px; max-width: none; line-height: 32px } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^="icon-"] { transform: rotate(90deg); -webkit-transform: rotate(90deg) } body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover { border-color: rgba(255,255,255,0.7) } body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"] { -webkit-backface-visibility: hidden; color: #fff; font-size: 18px; height: 34px; left: -2px; line-height: 32px; max-width: none; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; width: 34px } body[data-full-width-header="true"] .slide_out_area_close { display: none } #top nav ul .slide-out-widget-area-toggle a .lines, #top nav ul .slide-out-widget-area-toggle a .lines:before, #top nav ul .slide-out-widget-area-toggle a .lines:after { background-color: rgba(0,0,0,0.4) } body .lines-button { line-height: 0; font-size: 0; } .lines-button { transition: .3s; cursor: pointer; top: 9px; position: relative; user-select: none; display: block } .lines-button:hover { opacity: 1 } .lines { display: block; width: 1.4rem; height: 3px; background-color: #ecf0f1; transition: 0.3s; position: relative } .lines:before, .lines:after { display: block; width: 1.4rem; height: 3px; background: #ecf0f1; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.142rem center; transform-origin: 0.142rem center } .lines:before { top: 6px } .lines:after { top: -6px } .lines-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8) } .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after { top: 0; width: 1.11111rem } #header-outer.transparent #top nav ul .slide-out-widget-area-toggle a .lines-button .lines, #header-outer #top nav ul .slide-out-widget-area-toggle a .lines-button .lines, #header-outer.transparent.dark-slide >#top nav ul .slide-out-widget-area-toggle a .lines-button i, #footer-outer[data-using-bg-img="true"] #copyright { background-color: transparent!important } .slide-out-widget-area-toggle .lines-button.close .lines:before { -webkit-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg) } .slide-out-widget-area-toggle .lines-button.close .lines:after { -webkit-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button:after { background-color: rgba(0,0,0,0.4); display: inline-block; width: 1.4rem; height: 2px; transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear; -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s ease; position: absolute; left: 0; top: 0; content: ''; transform: scale(1, 1); -webkit-transform: scale(1, 1) } .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button:after { background-color: #999 } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle.mobile-icon .lines:before { top: 6px } body #header-outer .lines-button { top: 9px } body.original .slide-out-hover-icon-effect.small .lines-button, body.ascend .slide-out-hover-icon-effect.small .lines-button { top: 10px; } body.ascend:not(.mobile) .slide-out-hover-icon-effect:not(.small) .lines-button { top: -1px; } body.original #header-outer[data-has-menu="true"] .lines-button, body.ascend #header-outer[data-has-menu="true"] .lines-button { top: 10px } .slide-out-widget-area-toggle.mobile-icon .lines-button:after { top: 0!important } #header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:before { -webkit-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg) } #header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:after { -webkit-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button.x2 .lines:before, .slide-out-widget-area-toggle .lines-button.x2 .lines:after { transition: -webkit-transform 0.45s ease, background-color 0.2s ease, opacity 0.2s ease; transition: transform 0.45s ease, background-color 0.2s ease, opacity 0.2s ease } .slide-out-widget-area-toggle.mobile-icon .lines { background-color: transparent } .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines:after { height: 2px!important; width: 22px!important } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not(.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(.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(.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(.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(.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(.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(.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(.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(.mobile-icon) a:not(.using-label) .lines-button.close .lines:before { -webkit-transform: translateY(-9px) rotateZ(-45deg); -ms-transform: translateY(-9px) rotateZ(-45deg); transform: translateY(-9px) rotateZ(-45deg) } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not(.mobile-icon) a:not(.using-label) .lines-button.close .lines:after { -webkit-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } .slide-out-widget-area-toggle .lines-button.close:after { transform: scale(0, 1); -webkit-transform: scale(0, 1) } .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after { -webkit-transform: none; transform: none; top: 0; width: 1.4rem } .lines-button.x.close .lines { background: transparent!important } .lines-button.x.close .lines:before, .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 1.4rem } .lines-button.x2 .lines { transition: background 0.2s ease, opacity 0.2s ease } .lines-button.x2 .lines:before, .lines-button.x2 .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.4s 0.45s ease, -webkit-transform 0.3s ease, background-color 0.2s ease, opacity 0.2s ease; transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.2s ease, opacity 0.2s ease } .slide-out-widget-area-toggle a >span { transition: -webkit-transform 0.33s 0.3s ease-in; transition: transform 0.33s 0.3s ease-in; -webkit-transform-origin: center; transform-origin: center; display: block; height: 21px } .slide-out-widget-area-toggle.mobile-icon a >span { height: 20px } .slide-out-widget-area-toggle .closed >span { transition: -webkit-transform 0.33s 0s ease; transition: transform 0.33s 0s ease } #slide-out-widget-area .menuwrapper { position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: center; perspective-origin: center; margin-right: 0; display: block } #slide-out-widget-area .menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none } #slide-out-widget-area .menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff } #slide-out-widget-area .menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } #slide-out-widget-area .menuwrapper li { position: relative } #slide-out-widget-area .menuwrapper li small { display: inline-block; text-transform: uppercase; font-size: 15px; font-family: 'Open Sans'; font-weight: 600; letter-spacing: 2px; position: relative; top: -4px; opacity: 0.6 } #slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small { font-size: 10px; display: block; font-family: 'Open Sans'; font-weight: 700 } #slide-out-widget-area .no-touch .menuwrapper li a:hover { background: rgba(255,248,213,0.1) } #slide-out-widget-area .menuwrapper .back >a { background: rgba(0,0,0,0.13) } #slide-out-widget-area:not(.fullscreen) .menuwrapper .back >a { padding-left: 10px; padding-right: 10px; margin-left: -10px } body #slide-out-widget-area .menuwrapper .back, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >.back { display: inline-block; margin-bottom: 20px!important } #slide-out-widget-area .menuwrapper .menu { margin: 0; position: relative; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden } #slide-out-widget-area .menuwrapper .menu.menu-toggle { transition: all 0.25s ease } #slide-out-widget-area .menuwrapper .menu.menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px) } /* Hide the inner submenus */ body #slide-out-widget-area .menuwrapper li .sub-menu { display: none; } body #slide-out-widget-area .menuwrapper li .sub-menu, #slide-out-widget-area .menuwrapper >.sub-menu { margin: 0!important; padding: 0!important } body #slide-out-widget-area .menu.subview li, body #slide-out-widget-area .menu.subview .subviewopen >a, body #slide-out-widget-area .menu.subview .subview >a, body #slide-out-widget-area .menu.subview .subviewopen >small, body #slide-out-widget-area .menu.subview .subview >small, #slide-out-widget-area .mobile-only { display: none } body #slide-out-widget-area .menu.subview .subviewopen >a, body #slide-out-widget-area .menu.subview .subview >a { display: none!important; } body #slide-out-widget-area .menu.subview .subview, body #slide-out-widget-area .menu.subview .subview .sub-menu, body #slide-out-widget-area .menu.subview .subviewopen, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu, body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >li { display: block } /* Dynamically added submenu outside of the menu context */ #slide-out-widget-area .menuwrapper >.sub-menu { position: absolute; width: 100%; top: 0; left: 0; } .menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease-in-out; animation: MenuAnimOut5 0.4s ease-in-out } .menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease-in-out; animation: MenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease-in-out; animation: SubMenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease-in-out; animation: SubMenuAnimOut5 0.4s ease-in-out } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0 } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0 } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0 } 100% { -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } } @keyframes MenuAnimIn5 { 0% { -webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0 } 100% { -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform:rotateY(25deg) translateX(300px); opacity:0 } 100% { -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0 } 100% { -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform:rotateY(0deg) translateX(0px); opacity:1 } 100% { -webkit-transform:rotateY(25deg) translateX(300px); opacity:0 } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1 } 100% { -webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0 } } .menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease-in-out; animation: MenuAnimOut4 0.4s ease-in-out } .menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease-in-out; animation: MenuAnimIn4 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease } .menuwrapper >.sub-menu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform:scale(1.2); opacity:0 } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: scale(1.2); opacity:0 } 100% { -webkit-transform:scale(1); opacity:1 } } @keyframes MenuAnimIn4 { 0% { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity:1 } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform:scale(0.8); opacity:0 } 100% { -webkit-transform:scale(1); opacity:1 } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(0.8); opacity:0 } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0 } } #nectar-ocm-ht-line-check { position: absolute; visibility: hidden; pointer-events: none; width: 100%; font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul { position: relative; max-height: 0; box-sizing: content-box; -webkit-transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transform: none; -webkit-transform: none; transform: none; overflow: hidden; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul { padding-left: 20px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:first-child, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:first-child { margin-top: 10px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:last-child, #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child { margin-bottom: 0; } .material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a { font-size: 16px; line-height: 22px; } .material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container .menu-item-has-children > a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container .menu-item-has-children > a { margin-right: 20px; } body:not(.material) #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child { margin-bottom: 10px; } #footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span, #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { display: block; line-height: 17px; color: #999; font-size: 11px; margin-bottom: 6px } #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { color: inherit } #slide-out-widget-area .widget_recent_entries span { opacity: 0.8 } #footer-outer #footer-widgets .col ul li { padding: 8px 0; list-style: none; margin-bottom: 0; border-bottom: 1px solid #444 } #footer-outer #footer-widgets .col ul li:last-child { margin-bottom: 0 } #footer-outer .widget.widget_nav_menu li a, #footer-outer #footer-widgets .col ul ul li:last-child { border-bottom: 0!important } #footer-outer #footer-widgets .col p { padding-bottom: 20px } #footer-outer #footer-widgets .col p:last-child { padding-bottom: 0 } /***************** Calendar Widget ******************/ .widget_calendar { position: relative } .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: 11px; 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 } .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 { position: absolute; bottom: 0; z-index: 1; width: 100%; text-align: center } #footer-outer #footer-widgets .col .widget_calendar table tbody td { border: 0; color: #666; padding: 4px; font-size: 11px } #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: #343739 } #footer-outer #footer-widgets .col .widget_calendar table th { border-bottom: 0; padding-bottom: 10px; font-weight: 700; color: #666 } #footer-outer #footer-widgets .col .widget_calendar table tfoot tr { margin-top: 20px } .widget_search .search-form, .newsletter-widget form { position: relative; overflow: hidden } .widget_search .search-form input[type=text], #sidebar .widget_search .search-form input[type=text], #footer-outer #footer-widgets .widget_search .search-form input[type=text] { padding-right: 45px; margin: 0 } .newsletter-widget form input[type=email] { padding-right: 75px; margin: 0 } .widget_search .search-form button[type=submit] .text, body.search-no-results .search-form button[type=submit] .text { display: none; } body .widget_search .search-form button[type=submit], body.search-no-results .search-form button[type=submit] { padding: 14px!important; } body .widget_search .search-form button[type=submit], .widget_search .search-form button[type=submit] .icon-salient-search, body.search-no-results .search-form button[type=submit], body.search-no-results .search-form button[type=submit] .icon-salient-search, body .widget_search .search-form button[type=submit]:hover, body.search-no-results .search-form button[type=submit]:hover, body.search-no-results #search-results .search-form button[type=submit]:hover { background-color: transparent!important; } body .widget_search .search-form button[type=submit], body.search-no-results #search-results .search-form button[type=submit] { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; } body .widget_search .search-form button[type=submit]:hover, body.search-no-results .search-form button[type=submit]:hover, body.search-no-results #search-results .search-form button[type=submit]:hover { -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: none!important; } body[data-form-style="minimal"] .widget_search .search-form button[type=submit], body[data-form-style="minimal"] .widget_search .search-form button[type=submit]:hover { top: auto; bottom: 0; -webkit-transform: none; transform: none; } body.search-no-results[data-form-style="minimal"] #search-results .search-form button[type=submit] { top: auto; bottom: 0; -webkit-transform: none; transform: none; } .widget_search .search-form button[type=submit] .icon-salient-search, body.search-no-results .search-form button[type=submit] .icon-salient-search { margin-top: 1px; display: block; font-size: 17px; } .widget_search .search-form button[type=submit] .icon-salient-search:before, body.search-no-results .search-form button[type=submit] .icon-salient-search:before { content: "\e906"; } .widget_search .search-form, body.search-no-results .search-form { overflow: visible; } .widget_search .search-form button[type=submit], .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit], body[data-form-style="minimal"] .main-content .post-password-form input[type=submit] { position: absolute; right: 0; top: 0; margin: 0!important; line-height: 22px; padding: 10px 11px } body[data-form-style="minimal"] .main-content .post-password-form input[type=submit] { top: auto; bottom: 35px } .main-content > .row > form.post-password-form { padding: 15% 0; } #footer-outer .widget_search .search-form input[type=submit], #footer-outer .newsletter-widget form input[type=submit] { padding: 10px 11px 11px 10px } #footer-outer #footer-widgets .col .tagcloud a { background-color: rgba(0,0,0,0.1); color: #A0A0A0; cursor: pointer; display: inline-block; float: left; margin: 3px 3px 0 0; padding: 5px 7px; position: relative; font-size: 8pt; text-transform: capitalize; transition: all 0.2s linear; border-radius: 2px; line-height: 22px; -webkit-border-radius: 2px; } #footer-outer #footer-widgets .col .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden } #slide-out-widget-area .tagcloud a { padding: 2px 11px; position: relative; border: 1px solid #fff; background-color: transparent; margin: 0 8px 8px 0; font-size: 12px; display: block; float: left; text-transform: uppercase; transition: all 0.2s linear; -webkit-transition: all 0.2s linear } #slide-out-widget-area .tagcloud a:last-child:after, #slide-out-widget-area .tagcloud:after { display: block; content: ' '; clear: both; height: 1px } #footer-outer #footer-widgets .col .tagcloud a:hover { background-color: #000; } #footer-outer #footer-widgets .col .widget_recent_comments ul li, #slide-out-widget-area .widget_recent_comments ul li { background: none repeat scroll 0 0 rgba(0,0,0,0.15); border: medium none; display: block; margin-bottom: 18px; padding: 15px; position: relative } #footer-outer #footer-widgets .col .widget.widget_recent_comments ul li { padding: 15px!important; } #slide-out-widget-area .widget_recent_comments ul li { background: none repeat scroll 0 0 rgba(0,0,0,0.05) } #footer-outer #footer-widgets .col .widget_recent_comments ul li:last-child, #slide-out-widget-area .widget_recent_comments ul li:last-child { margin-bottom: 0 } #footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email] { padding: 10px; width: 100% } body[data-form-style="minimal"] #footer-outer #footer-widgets .col input[type=text] { color: #fff } body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=text]:focus, body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=email]:focus { background-color: #fff } #footer-outer #footer-widgets .col input[type=submit] { background-color: #000; opacity: 0.9; transition: opacity 0.2s linear 0s; -webkit-transition: opacity 0.2s linear 0s; } #footer-outer #footer-widgets .col input[type=submit]:hover { opacity: 1 } #footer-outer #footer-widgets .col .search-form form, #footer-outer #footer-widgets .col .search-form label, #footer-outer #footer-widgets .col .newsletter-widget form, #footer-outer #footer-widgets .col .search-form { line-height: 12px } #footer-outer .recent_projects_widget img { background-color: #444; border-color: #4d4d4d } #footer-outer .recent_projects_widget a:hover img { border-color: #616161; background-color: #616161 } #footer-outer #footer-widgets .col ul li:first-child >a, #footer-outer #footer-widgets .col ul li:first-child { padding-top: 0!important } #footer-outer #footer-widgets .rsswidget img { margin-bottom: -2px; margin-right: 2px } /***************** Call to action ******************/ #call-to-action { font-family: 'Open Sans'; font-weight: 300; position: relative; z-index: 10; background-color: #eeedec; text-align: center; vertical-align: bottom; font-size: 22px } #boxed #call-to-action .container, #call-to-action .container, #footer-outer[data-full-width="1"] #call-to-action .container { padding: 42px 0 36px 0 } #call-to-action .container span { display: inline-block } #call-to-action .container a { background: none repeat scroll 0 0 #000; position: relative; top: -3px; color: #FFF; margin-bottom: 0; font-size: 12px; box-shadow: 0 -3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 700; letter-spacing: 2px; margin-left: 20px; line-height: 24px; display: inline-block; border-radius: 5px 5px 5px 5px; padding: 16px 21px } #call-to-action .triangle { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f8f8f8; height: 10px; width: 10px; left: 440px; margin: -42px auto 33px auto } #call-to-action a { color: #45484a; opacity: 1; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; } #call-to-action a:hover { opacity: 0.75 } #call-to-action span { color: #4b4f52; font-family: 'Open Sans'; font-weight: 600 } /*-------------------------------------------------------------------------*/ /* 16. Sidebar Styles /*-------------------------------------------------------------------------*/ #sidebar div ul { margin-left: 0 } #sidebar div ul li { padding: 8px 0; list-style: none; border-bottom: 1px solid #e6e6e6 } #sidebar >div { margin-bottom: 50px } #sidebar >div:last-child { margin-bottom: 0 } #sidebar #sidebar-inner { margin-bottom: 0 } #sidebar h4 { color: #999; font-family: 'Open Sans'; font-weight: 600; font-size: 14px; margin-bottom: 15px; } #sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4 { margin-bottom: 16px } #sidebar .widget li:first-child { padding-top: 0 } #sidebar .widget .recentcomments, .original #sidebar .widget .recentcomments, .ascend #sidebar .widget .recentcomments { padding: 15px; margin-bottom: 22px; border: none; position: relative; display: block; background: none repeat scroll 0 0 rgba(0,0,0,0.02) } .widget .tagcloud a, #sidebar .widget .tagcloud a, .post-area .content-inner > .post-tags a { background-color: #333; color: #FFF; cursor: pointer; display: inline-block; line-height: 22px; margin: 3px 3px 0 0; padding: 5px 7px; font-size: 14px!important; position: relative; text-transform: capitalize; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-radius: 2px; -webkit-border-radius: 2px; } .single #ajax-content-wrap .post-area .content-inner > .post-tags a { font-size: 14px!important; text-transform: capitalize; } #sidebar .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden } #sidebar .widget .tagcloud a:hover, .post-tags a:hover { background-color: #000 } #sidebar .widget input[type=text], #sidebar .widget input[type=email] { padding: 10px; width: 100% } #sidebar .widget form p { padding-bottom: 15px } #sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul { margin: 0!important; padding: 0 0 0 20px } #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li { border-bottom: 0!important; padding: 0!important } #sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a { padding: 8px 0; display: block; border-bottom: 1px solid #E6E6E6 } #sidebar .widget.widget_categories li { position: relative; } #sidebar .widget.widget_categories li .post_count { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0,0,0,0.05); padding: 5px 8px; border-radius: 100px; font-size: 11px; line-height: 11px; display: inline-block; } #sidebar .widget.widget_categories >ul >li:first-child >a, #sidebar .widget.widget_pages >ul >li:first-child >a, #sidebar .widget.widget_nav_menu >ul >li:first-child >a { padding-top: 0 } #sidebar.left-sidebar { float: left } .post-area.col_last { float: right } #sidebar > .widget_media_image { text-align: center; } #sidebar .recent_projects_widget img, #footer-outer .recent_projects_widget img { margin-bottom: 0; } .recent_projects_widget img, #sidebar #flickr img, #footer-outer #flickr img { margin-bottom: 0; display: block; padding: 5px; background-color: #fff; margin-top: 0; margin-left: 0; border: 1px solid #e5e5e5; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .recent_projects_widget a:hover img, #sidebar #flickr a:hover img, #footer-outer #flickr a:hover img { border-color: #000 } .recent_projects_widget div a, #sidebar #flickr div a, #footer-outer #flickr div a { float: left; margin: 2% 2% 0 0; width: 32% } .recent_projects_widget div a:nth-child(3n+3), #sidebar #flickr div:nth-child(3n+3) a, #footer-outer #flickr div:nth-child(3n+3) a { margin-right: 0 } #slide-out-widget-area .recent_projects_widget img { height: auto; width: 100% } #sidebar select { max-width: 100% } .recent_projects_widget >div:after { clear: both; content: ''; display: block } .widget_pages ul ul { margin-top: 20px; margin-bottom: 30px; margin-left: 20px!important } /*-------------------------------------------------------------------------*/ /* 17. Comment Styles /*-------------------------------------------------------------------------*/ body #respond { background-color: transparent; box-shadow: none; padding: 0 } #respond >p, #respond .comment-notes, p.logged-in-as { margin-bottom: 10px } p.logged-in-as { padding-bottom: 0 } body .comment-list { margin-bottom: 40px; margin-left: 0 } .comment-list li { list-style: none } .comment-list .comment >div, .comment-list .pingback >div { background-color: #fff; margin: 0; overflow: hidden; padding: 25px; margin-top: 2em; position: relative; padding-left: 116px; box-shadow: 0 1px 2px rgba(0,0,0,0.17); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.17) } .comment-list .children { margin-left: 0; padding-left: 40px; border-left: 1px solid #ddd; } body:not(.material) .comment-list .children { margin-left: 0; padding-left: 40px; border-left: 1px solid #ddd; background-repeat: no-repeat; background-position: left 20px; background-image: url(../img/icons/comment-children-line.jpg) } .comment-list .comment >div img.avatar, .comment-list .pingback >div img.avatar { position: absolute; left: 29px; top: 29px; width: 60px; height: 60px } .comment-list .reply { position: absolute; top: 29px; right: 29px } .comment-list .reply a { box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; color: #FFF; cursor: pointer; padding: 3px 7px; font-size: 11px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; width: auto; border-radius: 2px; -webkit-border-radius: 2px; background-color: #333 } .comment-list .comment-author, .comment-list .pingback .comment-body > a { color: #333; font-family: 'Open Sans'; font-weight: 600; font-size: 16px; line-height: 30px; } .comment-list .pingback .comment-body > a { display: block; } body.material .comment-list .pingback .comment-body, body.ascend .comment-list .pingback .comment-body { padding-left: 0; } body.original .comment-list .pingback .comment-body { padding-left: 25px; } .comment-list .comment-meta { font-size: 11px; line-height: 15px } .comment-list .comment-meta a { color: #888 } .comment-list .comment-meta a:hover { color: #000 } .comment-list .reply a:hover { background-color: #000 } .comment-list .comment >div p, .comment-list .pingback >div p { padding-bottom: 0; margin-top: 10px } .comment-list .comment #commentform .form-submit { margin-top: 0; } #respond h3 .cancel-comment-reply, #respond #cancel-comment-reply-link { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; border-left: 1px solid #ddd } #respond h3, h3#comments { font-family: 'Open Sans'; font-weight: 600; text-transform: none; } .comment-author a { color: inherit } body.original .bypostauthor .comment-body { position: relative; } body.original .bypostauthor .comment-body:before { opacity: 0.06; position: absolute; width: 100%; height: 100%; content: ''; display: block; top: 0; left: 0; } body:not(.original) .bypostauthor > .comment-body > .comment-author > img.avatar { border: 3px solid #000; padding: 3px; } body.material .comment-list .comment .bypostauthor > .comment-body > .comment-author > img.avatar { border: 2px solid #000; padding: 2px; } /*-------------------------------------------------------------------------*/ /* 18. General Form Styles /*-------------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea { padding: 10px; width: 100%; font-size: 14px; font-family: inherit; line-height: 24px; color: #555; background-color: #f1f1f1; border: none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } input:focus, select:focus, textarea:focus { outline: 0; } .original[data-form-style="default"] input[type=text]:focus, .original[data-form-style="default"] textarea:focus, .original[data-form-style="default"] input[type=email]:focus, .original[data-form-style="default"] input[type=search]:focus, .original[data-form-style="default"] input[type=password]:focus, .original[data-form-style="default"] input[type=tel]:focus, .original[data-form-style="default"] input[type=url]:focus, .original[data-form-style="default"] input[type=date]:focus { background-color: #ebebeb } input[type=submit], button[type=submit], input[type="button"] { background-color: #333; padding: 7px 11px; border: none; color: #fff; cursor: pointer; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); width: auto; font-family: 'Open Sans'; font-weight: 600; font-size: 14px; border-radius: 2px; -webkit-border-radius: 2px; } input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover { background-color: #000 } body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn) { padding: 15px 22px!important } body[data-form-submit="regular"] input[type=submit]:hover, body[data-form-submit="regular"] button[type=submit]:hover { opacity: 0.85 } body[data-form-submit="see-through"] input[type=submit], body[data-form-submit="see-through"] button[type=submit]:not(.search-widget-btn), body[data-form-submit="see-through"] .woocommerce #order_review #payment #place_order { background-color: transparent!important; border: 2px solid #000!important } select { padding: 10px; width: 100%; border: none; font-family: 'Open Sans'; font-weight: 400; font-size: 12px; line-height: 22px; color: #555; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.16); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } textarea { max-width: 100% } /* Minimal Form Style */ body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date] { background-color: rgba(0,0,0,0.035); box-shadow: none; -webkit-box-shadow: none; border: none; position: relative; margin: 0; font-size: 14px; border-bottom: 2px solid #e0e0e0; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; border-radius: 0; } body[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"], body[data-form-style="minimal"] .container-wrap .span_12.light textarea, body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=password], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=url], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=search], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=date] { color: #fff; border-top: 0; border-left: 0; border-right: 0; background-color: rgba(255,255,255,0.04); border-bottom: 2px solid transparent; } body[data-form-style="minimal"] textarea, body[data-form-style="minimal"].woocommerce #review_form #respond textarea { padding: 20px; } body[data-form-style="minimal"] .widget_search .search-form .search-submit { top: 30px } /* Fancy Selects */ body[data-fancy-form-rcs="1"] .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; padding: 4px; } body[data-fancy-form-rcs="1"] .select2-container .select2-choice, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single { height: auto; background-color: transparent; border-color: #e0e0e0; padding-top: 5px; padding-bottom: 5px; -webkit-transition: background-color 0.15s cubic-bezier(.39, .71, .56, .98), color 0.15s cubic-bezier(.39, .71, .56, .98); transition: background-color 0.15s cubic-bezier(.39, .71, .56, .98), color 0.15s cubic-bezier(.39, .71, .56, .98) } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover .select2-arrow b:after { -webkit-transition: border-color 0.15s cubic-bezier(.39, .71, .56, .98); transition: border-color 0.15s cubic-bezier(.39, .71, .56, .98) } body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-dropdown { border: none; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2) } body[data-fancy-form-rcs="1"] .select2-container, body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-search, .select2-search input { font-size: 14px } body[data-fancy-form-rcs="1"] .select2-container:not(.select2-dropdown-open) .select2-choice:hover .select2-arrow b:after, body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b, body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection__arrow b { border-top-color: #fff } body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice .select2-arrow b:after, body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b, body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color: #fff } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; width: 30px; top: 0; } body[data-fancy-form-rcs="1"] .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 30px; } body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option[aria-selected=true], body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f0f0!important; } body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-above .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-below .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop .select2-search input[type="text"] { padding: 0 4px!important; margin-top: 7px!important } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover, body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover >.select2-chosen, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice >.select2-chosen { color: #fff!important; box-shadow: none; -webkit-box-shadow: none } body[data-fancy-form-rcs="1"].admin-bar .select2-drop.select2-drop-above.select2-drop-active { margin-top: -33px } .select2-container .select2-choice>.select2-chosen { color: #000!important; line-height: 30px; padding-left: 3px } body[data-fancy-form-rcs="1"] .fancy-select-wrap { padding-top: 12px } body[data-fancy-form-rcs="1"] .fancy-select-wrap label { padding-bottom: 0; font-size: 12px; display: inline-block; color: #acacac!important } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single .select2-selection__rendered, body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #444!important; } body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__rendered, body[data-fancy-form-rcs="1"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, body[data-form-submit="see-through"] input[type=submit]:hover, body[data-form-submit="see-through"] button[type=submit]:not(.search-widget-btn):hover, .nectar_icon_wrap[data-style="shadow-bg"]:not([data-color="white"]) .nectar_icon i { color: #fff!important; } body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single:hover .select2-selection__placeholder { color: #fff; } div.wpforms-container-full .wpforms-form .select2-container { position: relative; } .widget_text textarea { max-height: 100px } /* Gravity Forms */ body .gform_wrapper .description, body .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction { font-size: 12px } body .gform_wrapper div.charleft { font-size: 10px } body .gform_wrapper .top_label .gfield_label { margin-top: 20px; margin-bottom: 6px; font-family: 'Open Sans'; font-weight: 700 } /* Contact Form 7 */ .wpcf7-form p span { color: #000 } div.wpcf7-validation-errors, .light .wpcf7 div.wpcf7-response-output { color: #666!important } div.wpcf7 img.ajax-loader { margin-top: 10px; display: inline-block } .wpcf7-not-valid-tip { background: none repeat scroll 0 0 #fff } .minimal-form-input .wpcf7-not-valid-tip { position: absolute; top: 100% } .wpcf7-form .wpcf7-not-valid-tip { top: -3px; padding: 2px 6px; border: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .wpcf7 .wpcf7-response-output { background-color: #fff; margin-left: 0; margin-top: 10px } /* 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: 13px; 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, .full-width-content.blog-fullwidth-wrap, .wpb_row.full-width-content, .full-width-content.nectar-shop-outer, .page-submenu > .full-width-section, .page-submenu .full-width-content, .wpb_row.full-width-section .mobile-video-image, body .full-width-section .row-bg-wrap, body .full-width-section .nectar-parallax-scene, body .full-width-section > .nectar-shape-divider-wrap, body .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] .first-section .row-bg-wrap, body[data-aie="zoom-out"] .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] .top-level.full-width-section .row-bg-wrap, body .full-width-section.parallax_section .row-bg-wrap, .nectar-slider-wrap[data-full-width="true"], .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: -50vw; left: 50%; width: 100vw; } body .full-width-section > .nectar-video-wrap { margin-left: -50vw; left: 50%; width: 100vw!important; } body .full-width-section > .nectar-video-wrap, body .full-width-content > .nectar-video-wrap, .nectar-video-wrap .nectar-video-inner { height: 100%; } /* Boxed and left header */ @media only screen and (min-width: 1000px) { [data-header-format="left-header"] .full-width-content.blog-fullwidth-wrap, [data-header-format="left-header"] .wpb_row.full-width-content, [data-header-format="left-header"] .full-width-content.nectar-shop-outer, [data-header-format="left-header"] .page-submenu > .full-width-section, [data-header-format="left-header"] .page-submenu .full-width-content, [data-header-format="left-header"] .full-width-section .row-bg-wrap, [data-header-format="left-header"] .full-width-section .nectar-parallax-scene, [data-header-format="left-header"] .full-width-section > .nectar-shape-divider-wrap, [data-header-format="left-header"] .full-width-section > .video-color-overlay, [data-header-format="left-header"][data-aie="zoom-out"] .first-section .row-bg-wrap, [data-header-format="left-header"][data-aie="long-zoom-out"] .first-section .row-bg-wrap, [data-header-format="left-header"][data-aie="zoom-out"] .top-level.full-width-section .row-bg-wrap, [data-header-format="left-header"][data-aie="long-zoom-out"] .top-level.full-width-section .row-bg-wrap, [data-header-format="left-header"] .full-width-section.parallax_section .row-bg-wrap, [data-header-format="left-header"] .nectar-slider-wrap[data-full-width="true"], body[data-header-format="left-header"] .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: calc(-50vw + 135px); width: calc(100vw - 272px); left: 50%; } [data-header-format="left-header"] .full-width-section > .nectar-video-wrap { margin-left: calc(-50vw + 135px); width: calc(100vw - 272px)!important; left: 50%; } #boxed .full-width-content.blog-fullwidth-wrap, #boxed .wpb_row.full-width-content, #boxed .page-submenu > .full-width-section, #boxed .page-submenu .full-width-content, #boxed .full-width-content.nectar-shop-outer, body #boxed .full-width-section .row-bg-wrap, body #boxed .full-width-section .nectar-parallax-scene, body #boxed .full-width-section > .nectar-shape-divider-wrap, body #boxed .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body #boxed .full-width-section.parallax_section .row-bg-wrap, #boxed .nectar-slider-wrap[data-full-width="true"], #boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap, #boxed .portfolio-filters-inline.full-width-section:not(.non-fw) { margin-left: -5%; width: 110%; left: 0; } body #boxed .full-width-section > .nectar-video-wrap { margin-left: -5%; width: 110%!important; left: 0; } } @media only screen and (max-width: 999px) and (min-width: 691px) { #boxed .full-width-content.blog-fullwidth-wrap, #boxed .wpb_row.full-width-content, #boxed .page-submenu > .full-width-section, #boxed .page-submenu .full-width-content, body #boxed .full-width-section .row-bg-wrap, body #boxed .full-width-section .nectar-parallax-scene, body #boxed .full-width-section > .nectar-shape-divider-wrap, body #boxed .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .first-section .row-bg-wrap, body[data-aie="zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] #boxed .top-level.full-width-section .row-bg-wrap, body #boxed .full-width-section.parallax_section .row-bg-wrap, #boxed .nectar-slider-wrap[data-full-width="true"], #boxed .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: -7%; width: 114%; left: 0; } body #boxed .full-width-section > .nectar-video-wrap { margin-left: -7%; width: 114%!important; left: 0; } } .page-submenu .full-width-content, .page-submenu > .full-width-section, .full-width-content.blog-fullwidth-wrap, .portfolio-filters-inline.full-width-content, .portfolio-filters-inline.full-width-section { position: relative; } /* Prevent full width bgs on rows inside non compat areas */ body .post-area.span_9 body .post-area.span_9 .portfolio-filters-inline.full-width-section:not(.non-fw), body .post-area.span_9 .portfolio-filters-inline.full-width-content, body .post-area.span_9 .post-area.full-width-content.standard-minimal, body .post-area.span_9 .full-width-content.blog-fullwidth-wrap, body .post-area.span_9 .wpb_row.full-width-content, body .post-area.span_9 .page-submenu > .full-width-section, body .post-area.span_9 .page-submenu .full-width-content, body .post-area.span_9 .full-width-section .row-bg-wrap, body .post-area.span_9 .full-width-section .nectar-parallax-scene, body .post-area.span_9 .full-width-section > .nectar-shape-divider-wrap, body .post-area.span_9 .full-width-section > .video-color-overlay, body[data-aie="zoom-out"] .post-area.span_9 .first-section .row-bg-wrap, body[data-aie="long-zoom-out"] .post-area.span_9 .first-section .row-bg-wrap, body[data-aie="zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap, body[data-aie="long-zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap, body .post-area.span_9 .full-width-section.parallax_section .row-bg-wrap, body .post-area.span_9 .wpb_row.parallax_section .row-bg-wrap, .post-area.span_9 .nectar-slider-wrap[data-full-width="true"], body #boxed .post-area.span_9 .full-width-section .row-bg-wrap, body .post-area.span_9 .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap { margin-left: 0; left: 0; width: 100%; } body .post-area.span_9 .full-width-section > .nectar-video-wrap { margin-left: 0; left: 0; width: 100%!important; } .pum .pum-container .popmake-content .full-width-section .row-bg-wrap, .pum .pum-container .popmake-content .wpb_row.full-width-content, body #boxed .pum .pum-container .popmake-content .full-width-section .row-bg-wrap, body #boxed .pum .pum-container .popmake-content .wpb_row.full-width-content { margin-left: 0!important; left: 0!important; width: 100%!important; } /* Inner row */ body .wpb_row.full-width-section .wpb_row > .row-bg-wrap, #boxed .wpb_row.full-width-section .wpb_row > .row-bg-wrap, body .wpb_row.full-width-content .wpb_row > .row-bg-wrap, #boxed .wpb_row.full-width-content .wpb_row > .row-bg-wrap { margin-left: 0; left: 0; width: 100%; } /* Col BG */ .wpb_row .column-image-bg-wrap, .wpb_row .column-image-bg-wrap .inner-wrap, .wpb_row .column-image-bg-wrap .column-image-bg { overflow: hidden; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .wpb_column[data-bg-cover="true"] .column-image-bg, .wpb_column .column-inner[data-bg-cover="true"] .column-image-bg { background-size: cover; background-position: center } .wpb_row .column-image-bg-wrap { z-index: 0; overflow: hidden; } .full-width-content.vc_row-fluid .wpb_column .column-image-bg-wrap .column-image-bg { background-position: center; background-size: cover; -webkit-background-size: cover } /*-------------------------------------------------------------------------*/ /* 20. Salient Icons /*-------------------------------------------------------------------------*/ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot'); src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal } /* linecons */ @font-face { font-family: linecons; src: url(fonts/linecons.eot); src: url(fonts/linecons.eot?#iefix) format('embedded-opentype'), url(fonts/linecons.ttf) format('truetype'), url(fonts/linecons.woff) format('woff'), url(fonts/linecons.svg#linecons) format('svg'); font-weight: 400; font-style: normal } [class*=" linecon-icon-"], [class^=linecon-icon-] { font-family:linecons!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .linecon-icon-heart:before { content: "\e600" } .linecon-icon-cloud:before { content: "\e601" } .linecon-icon-star:before { content: "\e602" } .linecon-icon-tv:before { content: "\e603" } .linecon-icon-sound:before { content: "\e604" } .linecon-icon-video:before { content: "\e605" } .linecon-icon-trash:before { content: "\e606" } .linecon-icon-user:before { content: "\e607" } .linecon-icon-key:before { content: "\e608" } .linecon-icon-search:before { content: "\e609" } .linecon-icon-eye:before { content: "\e60a" } .linecon-icon-bubble:before { content: "\e60b" } .linecon-icon-stack:before { content: "\e60c" } .linecon-icon-cup:before { content: "\e60d" } .linecon-icon-phone:before { content: "\e60e" } .linecon-icon-news:before { content: "\e60f" } .linecon-icon-mail:before { content: "\e610" } .linecon-icon-like:before { content: "\e611" } .linecon-icon-photo:before { content: "\e612" } .linecon-icon-note:before { content: "\e613" } .linecon-icon-food:before { content: "\e614" } .linecon-icon-t-shirt:before { content: "\e615" } .linecon-icon-fire:before { content: "\e616" } .linecon-icon-clip:before { content: "\e617" } .linecon-icon-shop:before { content: "\e618" } .linecon-icon-calendar:before { content: "\e619" } .linecon-icon-wallet:before { content: "\e61a" } .linecon-icon-vynil:before { content: "\e61b" } .linecon-icon-truck:before { content: "\e61c" } .linecon-icon-world:before { content: "\e61d" } .linecon-icon-clock:before { content: "\e61e" } .linecon-icon-paperplane:before { content: "\e61f" } .linecon-icon-params:before { content: "\e620" } .linecon-icon-banknote:before { content: "\e621" } .linecon-icon-data:before { content: "\e622" } .linecon-icon-music:before { content: "\e623" } .linecon-icon-megaphone:before { content: "\e624" } .linecon-icon-study:before { content: "\e625" } .linecon-icon-lab:before { content: "\e626" } .linecon-icon-location:before { content: "\e627" } .linecon-icon-display:before { content: "\e628" } .linecon-icon-diamond:before { content: "\e629" } .linecon-icon-pen:before { content: "\e62a" } .linecon-icon-bulb:before { content: "\e62b" } .linecon-icon-lock:before { content: "\e62c" } .linecon-icon-tag:before { content: "\e62d" } .linecon-icon-camera:before { content: "\e62e" } .linecon-icon-settings:before { content: "\e62f" } /* steadysets */ @font-face { font-family: steadysets; src: url(fonts/steadysets.eot); src: url(fonts/steadysets.eot?#iefix) format('embedded-opentype'), url(fonts/steadysets.ttf) format('truetype'), url(fonts/steadysets.woff) format('woff'), url(fonts/steadysets.svg#icomoon) format('svg'); font-weight: 400; font-style: normal } [class*=" steadysets-icon-"], [class^=steadysets-icon-] { font-family:steadysets!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .steadysets-icon-type:before { content: "\e600" } .steadysets-icon-box:before { content: "\e601" } .steadysets-icon-archive:before { content: "\e602" } .steadysets-icon-envelope:before { content: "\e603" } .steadysets-icon-email:before { content: "\e604" } .steadysets-icon-files:before { content: "\e605" } .steadysets-icon-uniE606:before { content: "\e606" } .steadysets-icon-connection-empty:before { content: "\e607" } .steadysets-icon-connection-25:before { content: "\e608" } .steadysets-icon-connection-50:before { content: "\e609" } .steadysets-icon-connection-75:before { content: "\e60a" } .steadysets-icon-connection-full:before { content: "\e60b" } .steadysets-icon-microphone:before { content: "\e60c" } .steadysets-icon-microphone-off:before { content: "\e60d" } .steadysets-icon-book:before { content: "\e60e" } .steadysets-icon-cloud:before { content: "\e60f" } .steadysets-icon-book2:before { content: "\e610" } .steadysets-icon-star:before { content: "\e611" } .steadysets-icon-phone-portrait:before { content: "\e612" } .steadysets-icon-phone-landscape:before { content: "\e613" } .steadysets-icon-tablet:before { content: "\e614" } .steadysets-icon-tablet-landscape:before { content: "\e615" } .steadysets-icon-laptop:before { content: "\e616" } .steadysets-icon-uniE617:before { content: "\e617" } .steadysets-icon-barbell:before { content: "\e618" } .steadysets-icon-stopwatch:before { content: "\e619" } .steadysets-icon-atom:before { content: "\e61a" } .steadysets-icon-syringe:before { content: "\e61b" } .steadysets-icon-pencil:before { content: "\e61c" } .steadysets-icon-chart:before { content: "\e61d" } .steadysets-icon-bars:before { content: "\e61e" } .steadysets-icon-cube:before { content: "\e61f" } .steadysets-icon-image:before { content: "\e620" } .steadysets-icon-crop:before { content: "\e621" } .steadysets-icon-graph:before { content: "\e622" } .steadysets-icon-select:before { content: "\e623" } .steadysets-icon-bucket:before { content: "\e624" } .steadysets-icon-mug:before { content: "\e625" } .steadysets-icon-clipboard:before { content: "\e626" } .steadysets-icon-lab:before { content: "\e627" } .steadysets-icon-bones:before { content: "\e628" } .steadysets-icon-pill:before { content: "\e629" } .steadysets-icon-bolt:before { content: "\e62a" } .steadysets-icon-health:before { content: "\e62b" } .steadysets-icon-map-marker:before { content: "\e62c" } .steadysets-icon-stack:before { content: "\e62d" } .steadysets-icon-newspaper:before { content: "\e62e" } .steadysets-icon-uniE62F:before { content: "\e62f" } .steadysets-icon-coffee:before { content: "\e630" } .steadysets-icon-bill:before { content: "\e631" } .steadysets-icon-sun:before { content: "\e632" } .steadysets-icon-vcard:before { content: "\e633" } .steadysets-icon-shorts:before { content: "\e634" } .steadysets-icon-drink:before { content: "\e635" } .steadysets-icon-diamond:before { content: "\e636" } .steadysets-icon-bag:before { content: "\e637" } .steadysets-icon-calculator:before { content: "\e638" } .steadysets-icon-credit-cards:before { content: "\e639" } .steadysets-icon-microwave-oven:before { content: "\e63a" } .steadysets-icon-camera:before { content: "\e63b" } .steadysets-icon-share:before { content: "\e63c" } .steadysets-icon-bullhorn:before { content: "\e63d" } .steadysets-icon-user:before { content: "\e63e" } .steadysets-icon-users:before { content: "\e63f" } .steadysets-icon-user2:before { content: "\e640" } .steadysets-icon-users2:before { content: "\e641" } .steadysets-icon-unlocked:before { content: "\e642" } .steadysets-icon-unlocked2:before { content: "\e643" } .steadysets-icon-lock:before { content: "\e644" } .steadysets-icon-forbidden:before { content: "\e645" } .steadysets-icon-switch:before { content: "\e646" } .steadysets-icon-meter:before { content: "\e647" } .steadysets-icon-flag:before { content: "\e648" } .steadysets-icon-home:before { content: "\e649" } .steadysets-icon-printer:before { content: "\e64a" } .steadysets-icon-clock:before { content: "\e64b" } .steadysets-icon-calendar:before { content: "\e64c" } .steadysets-icon-comment:before { content: "\e64d" } .steadysets-icon-chat-3:before { content: "\e64e" } .steadysets-icon-chat-2:before { content: "\e64f" } .steadysets-icon-chat-1:before { content: "\e650" } .steadysets-icon-chat:before { content: "\e651" } .steadysets-icon-zoom-out:before { content: "\e652" } .steadysets-icon-zoom-in:before { content: "\e653" } .steadysets-icon-search:before { content: "\e654" } .steadysets-icon-trashcan:before { content: "\e655" } .steadysets-icon-tag:before { content: "\e656" } .steadysets-icon-download:before { content: "\e657" } .steadysets-icon-paperclip:before { content: "\e658" } .steadysets-icon-checkbox:before { content: "\e659" } .steadysets-icon-checkbox-checked:before { content: "\e65a" } .steadysets-icon-checkmark:before { content: "\e65b" } .steadysets-icon-refresh:before { content: "\e65c" } .steadysets-icon-reload:before { content: "\e65d" } .steadysets-icon-arrow-right:before { content: "\e65e" } .steadysets-icon-arrow-down:before { content: "\e65f" } .steadysets-icon-arrow-up:before { content: "\e660" } .steadysets-icon-arrow-left:before { content: "\e661" } .steadysets-icon-settings:before { content: "\e662" } .steadysets-icon-battery-full:before { content: "\e663" } .steadysets-icon-battery-75:before { content: "\e664" } .steadysets-icon-battery-50:before { content: "\e665" } .steadysets-icon-battery-25:before { content: "\e666" } .steadysets-icon-battery-empty:before { content: "\e667" } .steadysets-icon-battery-charging:before { content: "\e668" } .steadysets-icon-uniE669:before { content: "\e669" } .steadysets-icon-grid:before { content: "\e66a" } .steadysets-icon-list:before { content: "\e66b" } .steadysets-icon-wifi-low:before { content: "\e66c" } .steadysets-icon-folder-check:before { content: "\e66d" } .steadysets-icon-folder-settings:before { content: "\e66e" } .steadysets-icon-folder-add:before { content: "\e66f" } .steadysets-icon-folder:before { content: "\e670" } .steadysets-icon-window:before { content: "\e671" } .steadysets-icon-windows:before { content: "\e672" } .steadysets-icon-browser:before { content: "\e673" } .steadysets-icon-file-broken:before { content: "\e674" } .steadysets-icon-align-justify:before { content: "\e675" } .steadysets-icon-align-center:before { content: "\e676" } .steadysets-icon-align-right:before { content: "\e677" } .steadysets-icon-align-left:before { content: "\e678" } .steadysets-icon-file:before { content: "\e679" } .steadysets-icon-file-add:before { content: "\e67a" } .steadysets-icon-file-settings:before { content: "\e67b" } .steadysets-icon-mute:before { content: "\e67c" } .steadysets-icon-heart:before { content: "\e67d" } .steadysets-icon-enter:before { content: "\e67e" } .steadysets-icon-volume-decrease:before { content: "\e67f" } .steadysets-icon-wifi-mid:before { content: "\e680" } .steadysets-icon-volume:before { content: "\e681" } .steadysets-icon-bookmark:before { content: "\e682" } .steadysets-icon-screen:before { content: "\e683" } .steadysets-icon-map:before { content: "\e684" } .steadysets-icon-measure:before { content: "\e685" } .steadysets-icon-eyedropper:before { content: "\e686" } .steadysets-icon-support:before { content: "\e687" } .steadysets-icon-phone:before { content: "\e688" } .steadysets-icon-email2:before { content: "\e689" } .steadysets-icon-volume-increase:before { content: "\e68a" } .steadysets-icon-wifi-full:before { content: "\e68b" } .icon-salient-x, .icon-salient-m-eye, .icon-salient-search, .icon-salient-woo-zoom-icon, .icon-salient-right-arrow, .icon-salient-left-arrow, .icon-salient-right-line, .icon-salient-back-to-all, .icon-salient-left-arrow-thin, .icon-salient-right-arrow-thin, .icon-salient-down-arrow-thin, .icon-salient-down-arrow, .icon-salient-google-plus, .ascend .mfp-image-holder .mfp-close, .ascend .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close, .icon-salient-facebook, .icon-salient-twitter, .icon-salient-pinterest, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-plus, .icon-salient-cart, .icon-salient-pencil, .icon-salient-artstation, .icon-salient-discord, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify, .icon-salient-m-user, .salient-page-submenu-icon, .icon-salient-m-clock, .video-play-button, .mejs-controls .mejs-button button { font-family: 'icomoon'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .icon-salient-m-bag:before { content: "\e900" } .icon-salient-m-eye:before { content: "\e015" } .icon-salient-m-clock:before { content: "\e016" } .icon-salient-m-gear:before { content: "\e023" } .icon-salient-m-heart:before { content: "\e024" } .icon-salient-m-search:before { content: "\e036" } .icon-salient-m-prev:before { content: "\e050" } .icon-salient-m-rewind:before { content: "\e051" } .icon-salient-m-play:before { content: "\e052" } .icon-salient-woo-zoom-icon:before { content: "\e908" } .icon-salient-woo-zoom-icon-minus:before { content: "\e90a" } .icon-salient-m-pause:before { content: "\e053" } .icon-salient-m-stop:before { content: "\e054" } .icon-salient-m-ff:before { content: "\e055" } .icon-salient-m-next:before { content: "\e056" } .icon-salient-m-user:before { content: "\e074" } .icon-salient-m-chat:before { content: "\e076" } .icon-salient-m-social:before { content: "\e081" } .icon-salient-m-left-arrow:before { content: "\e094" } .icon-salient-m-right-arrow:before { content: "\e095" } .icon-salient-m-sound:before { content: "\e098" } .icon-salient-m-mute:before { content: "\e099" } .icon-salient-m-close:before { content: "\e117" } .icon-salient-m-menu:before { content: "\e120" } .icon-salient-x:before { content: "\e003" } .icon-salient-right-arrow:before { content: "\e000" } .icon-salient-left-arrow:before { content: "\e001" } .icon-salient-right-line:before { content: "\e004" } .icon-salient-back-to-all:before { content: "\e005" } .icon-salient-right-arrow-thin:before { content: "\e006" } .icon-salient-left-arrow-thin:before { content: "\e007" } .icon-salient-down-arrow-thin:before { content: "\e00c" } .icon-salient-down-arrow:before { content: "\e008" } .icon-salient-google-plus:before { content: "\e009" } .icon-salient-facebook:before { content: "\e00a" } .icon-salient-twitter:before { content: "\e00b" } .icon-salient-pinterest:before { content: "\e00d" } .icon-salient-heart:before { content: "\e00e" } .icon-salient-plus:before { content: "\e010" } .icon-salient-cart:before { content: "\e012" } .icon-salient-pencil:before { content: "\e011" } .icon-be:before { content: "\e013" } .icon-vimeo:before { content: "\e014" } .icon-soundcloud:before { content: "\e600" } .icon-button-arrow:before { content: "\e909" } .icon-salient-thin-line:before { content: "\e602" } .icon-salient-spotify:before { content: "\f1bc" } .icon-salient-artstation:before { content: "\e90b" } .icon-salient-discord:before { content: "\e90c" } body[data-header-search="false"].ascend #header-outer[data-has-menu="false"][data-cart="false"][data-full-width="true"] .slide-out-widget-area-toggle:not(.mobile-icon) a:not(.using-label) .lines-button { top: -1px } body .lines, body .lines:before, body .lines:after { height: 2px } body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"] { font-size: 24px!important } .icon-salient-search:before { content: "\e036" } body .icon-salient-x:before { content: "\e117" } body.ascend .icon-salient-cart:before, body .icon-salient-cart:before { content: "\e106" } body.ascend #header-outer .cart-contents .cart-wrap span { width: 17px; line-height: 17px; font-size: 10px; font-family: 'Open Sans', sans-serif; font-weight: 600 } .icon-salient-heart-2:before { content: "\e024"!important } body #single-below-header.fullscreen-header .steadysets-icon-chat-3, body #single-below-header.fullscreen-header .steadysets-icon-book2, body .steadysets-icon-chat-3 { font-family: 'icomoon'!important; font-size: 20px } body .steadysets-icon-chat-3:before { content: "\e076" } body .steadysets-icon-book2:before { font-family: 'icomoon'!important; content: "\e034" } #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span, #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 18px; color: rgba(0,0,0,0.48) } body #search-outer #search #close a span { font-size: 20px } /* mine css */ div#bannertext { padding: 0 75px; color: #fff; } div#bannertext h1, div#bannertext h2 { color: #fff; } header#top ul li img { margin-bottom: 0; } .row .col img.w-50 { width: auto; height: 100px; } .wpb_row.full-width-section { padding-top: 50px !important; padding-bottom: 50px !important; } a:link { color: #0000ff; } /* unvisited link */ a:visited { color: #00008B; } /* visited link */ a:hover { color: #FFFFFF; } /* mouse over link */ body h1 { font-size: 44px!important; } body h2 { font-size: 30px!important; } body h3 { font-size: 26px!important; } body h4 { font-size: 20px!important; } #bannertext { padding: 0 75px; color: #fff; } #bannertext h1, div#bannertext h2 { color: #fff; } #bannertext h2 { font-family: Roboto; font-weight: 400; font-size: 17px !important; margin: 0; padding: 0; line-height: 50px; border-top: 2px solid #808080; border-bottom: 2px solid #808080; } #bannertext h2 span { font-weight: normal; } #bannertext h3 a { color: #00008B; background-color: rgb(42, 196, 234); visibility: visible; padding: 22px 25px; margin-top: 42px; font-size: 19px; font-weight: 500; border: 3px solid rgb(42, 196, 234); transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); } #bannertext h3 { margin-top: 45px; } #bannertext h4 { font-family: Roboto; font-weight: 600; font-size: 17px !important; margin-top: 0px; padding: 0; line-height: 32px; color: #fff; } #bannertext h3 a:hover { background: transparent; border: 3px solid rgb(42, 196, 234); color: #fff; } /* movin box */ #movingtitlle { margin-top: 54px; margin-bottom: 75px; } #movinthreebox img { height: 100px; width: auto; } #movinthreebox .elementor-widget.elementor-widget-image { margin: 6px; } #movinthreebox h2 { margin-bottom: 2px; } #movinthreebox p { color: rgba(10,10,10,0.65); text-align: center; max-width: 90%; margin: 0 auto; } section#fourbox img { width: auto; height: 100px; } #fourbox h2 { color: #fff; font-size: 23px !important; float: left; width: 100%; line-height: 28px; margin-bottom: 18px; } #fourbox { clear: left; width: 100%; text-align: center; padding: 40px 0 8px 0; } #movinthreebox { width: 100%; margin-bottom: 52px; } #fourbox p { color: rgba(255,255,255,0.65); text-align: center; } #maaptitle h2 { font-family: 'Roboto'; font-size: 49px !important; font-style: normal; font-weight: 300; line-height: 62px; margin-top: 3px; max-width: 70%; margin: 0 auto; text-shadow: none; } #mapdescription p { font-size: 16px !important; line-height: 30px; font-weight: normal; max-width: 50%; margin: 0 auto; } #mappart .ol-attribution.ol-unselectable.ol-control.ol-uncollapsible { display: none !important; } #towboxdesign .elementor-column-wrap.elementor-element-populated { background: #F4F4F4; padding: 0; } #twoboxcontenttwo { background: #fff; } #secondbox .elementor-column-wrap.elementor-element-populated { background: #fff; padding: 0; } #twoboxcontent h2 { line-height: 48px; } #twoboxcontenttwo h2 { line-height: 48px; } #readytomove h2 { text-shadow: none; font-size: 26px !important; } #readytext { margin: 0 auto; } #readytext p { line-height: 26px; } #readybutton .elementor-button-content-wrapper { font-size: 18px; } #smooverwork h2 { font-size: 30px; font-weight: normal; line-height: 62px; font-family: Nunito; } #witeaboutmove .elementor-column-wrap.elementor-element-populated { padding: 0; } #bookcheap h2 { font-size: 45px !important; line-height: 50px; max-width: 95%; margin: 0 auto; } #bookcheaptext h2 { color: #fff; } #bookcheaptext h3 { color: #fff; } #writemovethird { margin: 0; } #mainabout { margin: 0; } #mainabout h2 { line-height: 15px; } #mainabout p { line-height: 30px; } #mainabout p a { color: #00008B; } #mainabout p a:hover { color: #fff; } #videoontet p { line-height: 30px; font-weight: normal; margin-top: 15px; } #videoontet p a { color: #0000ff; } #videoontet p a:hover { color: #fff; } #writemovethird p { line-height: 30px; } #writemovethird p a { color: #00008B; } #writemovethird p a:hover { color: #fff; } #writemovethird h2 { margin-bottom: 15px; } #smooverwork .elementor-background-overlay { opacity: 0.94; } .elementor-section.elementor-top-section.elementor-element.elementor-element-6724f01.elementor-section-full_width.elementor-section-height-min-height.elementor-section-content-middle.elementor-section-stretched.elementor-section-height-default.elementor-section-items-middle { display: none; } #bannertext h1 { font-family: Nunito; } #bannertext .elementor-element.elementor-element-1df5da47.animated-slow.elementor-widget.elementor-widget-heading.animated.fadeInUp { margin-bottom: 10px; } #leftimgs { overflow: hidden; border: 0px solid rgba(120, 119, 118, 0.09); } #leftimgs img:hover { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #leftimgs img { -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } #smooverworkpage .elementor-background-overlay { background: linear-gradient(45deg, #191919 0%, #6b6b6b 100%); opacity: 0.8; } #smalltrainone p { line-height: 30px; } #generaltips p a { color: #0000ff; } #tablss table thead tr { font-size: 13px; color: #333; } #registernewplace p a { color: #0000ff; } #filmtext p a { color: #00008B; } #filmtext p a:hover { color: #fff; } #smoovrmovingsompany .elementor-column-wrap.elementor-element-populated { padding: 0; } #smoovrmovingsompany h1 { font-size: 23px !important; } #movingguidetext h3 a { color: #000; } #movingguidetext span a { color: #7A7A7A; } #movingguidetext h2 a { font-size: 13px; color: #7a7a7a; font-family: "Roboto", Sans-serif; font-weight: 400; } #movingguidetext p a { color: #7a7a7a; } #movingguidetext h2 { margin: 0; padding: 0; line-height: 25px; } #emailcontact .elementor-column-wrap.elementor-element-populated { padding: 0; } #mapcontact .elementor-column-wrap.elementor-element-populated { padding: 0; } #postcontentns a { color: #00008B; } .elementor-section.elementor-top-section.elementor-element.elementor-element-348746a9.elementor-section-boxed.elementor-section-height-default { display: none; } #video-icon i { background-color: #042435; color: #fff; height: 70px; width: 70px; border-radius: 60px 60px 60px 60px; font-size: 27px; margin: 0 auto; justify-content: center; align-items: center; position: relative; animation: pulse 1s ease infinite; padding: 23px 0px 0 6px; margin-right: 25px; } #video-icon p { float: left; } .viewtext { margin-top: 10px; } .viewtext p a { color: #fff; } #starttitle h3 { font-size: 30px !important; } #starttitletwo h1 { font-size: 30px !important; } #startteexts { max-width: 40%; } #ourphilosphy p a { color: #00f; } #savemoney p a { color: #00008B; } #whstup p a { color: #00f; } .elementor-section.elementor-top-section.elementor-element.elementor-element-1d53d372.elementor-section-boxed.elementor-section-height-default { display: none; } #bgoverlay-image .elementor-background-overlay { background-image: linear-gradient(to bottom, #f2f2f2 0%, rgba(242,242,242,0.01) 100%) !important; opacity: 1 !important; } section#bgimg-overlay-content h3 { color: #000 !important; font-size: 26px !important; } section#bgimg-overlay-content .elementor-container { width: 1244px; max-width: 1244px; } section#bgimg-overlay-content p { padding-bottom: 0px; } #secondbox .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 0; } #startteexts { max-width: 40%; } .viewtext a { color: #fff; } #sliders img { max-width: 95%; } #showbutton a { color: #fff; background-color: transparent; visibility: visible; margin-top: 0px; font-size: 14px; font-weight: 500; border: 2px solid #fff; transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); padding: 15px 15px; } #showbutton a:hover { background: #042435 !important; border: 2px solid #042435 !important; -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } #chairbg { background-position: inherit; } #readybuttonstart a { font-family: "Roboto", Sans-serif; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); fill: #00008B; color: #0000ff; background-color: #042435c9 !important; font-size: 14px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); padding: 18px 22px 18px 22px; } #readybuttonstart a:hover { color: #fff; } #applybutton a { border: 2px solid rgba(0,0,0,0.3); color: #000; padding: 8px 18px; } .img-colarge2 { position: relative; height: 100%; margin-bottom: 110px; } .colarge-2 { position: relative; margin-right: 120px; z-index: 1; left: 105px; } .colarge-2-1 { position: absolute; left: -43px; bottom: 0px; max-width: 370px; top: 150px; } #contentdirector .elementor-row { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 22px; transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); } #contentdirector .elementor-row:hover { background: #042435; } #contentdirector .elementor-row:hover p { color: #fff; } #contentdirector .elementor-row:hover span { color: #fff; } #contentdirector .elementor-row:hover #applybutton a { border: 2px solid #fff; } #starttitle h3 { margin-top: 30px; } .contentdirectorlast .elementor-row { border-bottom: none !important; } #recommandation table thead tr th { font-size: 13px !important; color: #333; } #imprint a { color: #00008B; } #movingtitlespace h2 { font-size: 26px !important; line-height: 35px; margin-bottom: 18px; } #getquote a { color: #fff !important; } #entermove a:hover { background: #213D4F !important; } .quicktext h1 { font-size: 20px !important; color: #fff; font-weight: 600; margin: 0; padding: 0; line-height: 32px; text-align: center; } .quicktext p { padding: 0; margin: 0; } .single h1 { line-height: 50px; font-size: 34px !important; } #registerpart a { color: #00f; } #registerpart a:hover { color: #fff; } #videoontet span a { color: #00f; } .page-template-default.page.page-id-6251.logged-in.admin-bar.ascend.elementor-default.elementor-kit-6954.elementor-page.elementor-page-6251.customize-support.nectar-no-flex-height .row { padding: 0; } @media only screen and (max-width: 767px) { #bluelinks span { font-size: 17px; } #lastimages .elementor-widget-container { padding: 0; } .quicktext p { padding: 0; margin: 0; text-align: center !important; color: #fff !important; } #bannertext { padding: 0 10px !important; } #bannertext h1 { font-size: 32px !important; line-height: 40px !important; } .elementor-6261 .elementor-element.elementor-element-3e11c6c8 > .elementor-widget-container { padding: 55px 0px 0px 0px !important; } .elementor-6261 .elementor-element.elementor-element-22d97fb5 > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } #bannertext h2 { line-height: 36px !important; } #bannertext h3 { margin-top: 15px !important; } #bannertext h3 a { padding: 16px 20px !important; } #movingtitlle { margin-top: 30px !important; margin-bottom: 30px !important; } #movingtitlle h2 { line-height: 40px !important; } .elementor-6261 .elementor-element.elementor-element-16e19b9 { margin-top: 30px !important; margin-bottom: 50px !important; } #maaptitle h2 { font-size: 30px !important; line-height: 50px; max-width: 100% !important; } #mapdescription p { max-width: 100% !important; } .elementor-6261 .elementor-element.elementor-element-643b715 > .elementor-widget-container { margin: 55px 0px 30px 15px !important; } #twoboxcontent h2 { line-height: 40px; font-size: 28px !important; } .elementor-6261 .elementor-element.elementor-element-1bcd1614 > .elementor-widget-container { margin: 40px 0px 40px 15px !important; } section#bgimg-overlay-content .elementor-container { width: 100%; max-width: 100% !important; } .elementor-6261 .elementor-element.elementor-element-28b513c { width: 100%; max-width: 100%; } body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, body #nectar-ocm-ht-line-check { font-size: 17px!important; } #smooverwork h2 { font-size: 20px !important; line-height: 40px !important; } .elementor-6269 .elementor-element.elementor-element-6406451 { padding: 30px 0px 20px 0px !important; } .elementor-6269 .elementor-element.elementor-element-eb307b1 > .elementor-element-populated { padding: 100px 20px 50px 15px !important; } .elementor-6269 .elementor-element.elementor-element-1d05043 > .elementor-element-populated { padding: 60px 20px 40px 30px !important; } .elementor-6269 .elementor-element.elementor-element-9d14fc0 > .elementor-element-populated { padding: 80px 10px 0px 15px !important; } .elementor-widget-wrap > .elementor-element.elementor-absolute { position: relative !important; } #bookcheap h2 { font-size: 26px !important; line-height: 40px; max-width: 100% !important; } #bookcheaptext h2 { color: #fff; font-size: 26px !important; line-height: 40px !important; } #bookcheaptext h3 { color: #fff; font-size: 26px !important; line-height: 36px !important; margin-top: 20px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-c7fe145 { left: 0px !important; } .elementor-6269 .elementor-element.elementor-element-f6df387 { padding: 0 !important; } #mainabout h2 { line-height: 40px !important; } .elementor-6269 .elementor-element.elementor-element-7e0efbf > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-31d5912 { left: 0 !important; margin-top: 15px !important; } .elementor-6269 .elementor-element.elementor-element-bdb292a { width: 100%; max-width: 100%; top: 0 !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-bdb292a { left: 0px !important; } .elementor-6269 .elementor-element.elementor-element-9d14fc0 > .elementor-element-populated { padding: 35px 10px 20px 15px !important; } .elementor-6269 .elementor-element.elementor-element-ec8b93f { padding: 0px 0px 30px 0px !important; } #smooverworkpage { padding: 20px 20px !important; } .elementor-element.elementor-element-0f0b7d6.elementor-widget.elementor-widget-spacer { display: none !important; } /* */ #smalltrainone { padding: 20px 10px 0 10px !important; } .elementor-6723 .elementor-element.elementor-element-91702e0 > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } .elementor-6723 .elementor-element.elementor-element-5a29268 > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6723 .elementor-element.elementor-element-1e8bf01 > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6910 .elementor-element.elementor-element-271bc2be > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6910 .elementor-element.elementor-element-327c88cc > .elementor-widget-container { padding: 0px 0 0px 0 !important; } } /* */ #movingtohamburg .wp-caption .wp-caption-text { max-width: 90%; width: 23%; margin-left: 5%; display: inherit; margin-bottom: 5px; background-color: #fff; box-shadow: 0 10px 35px rgba(0,0,0,0.1); } #movingtohamburg a { color: #00008B; } #movingtofrankfurt .wp-caption .wp-caption-text { max-width: 90%; width: 23%; margin-left: 5%; display: inherit; margin-bottom: 5px; background-color: #fff; box-shadow: 0 10px 35px rgba(0,0,0,0.1); } #movingtofrankfurt a { color: #00008B; } #blueboys .wp-caption .wp-caption-text { max-width: 90%; width: 25%; margin-left: 5%; display: inherit; margin-bottom: 5px; background-color: #fff; box-shadow: 0 10px 35px rgba(0,0,0,0.1); } /* */ .slider.homeslider { height: 300px; background-size: cover; background-repeat: no-repeat; } .blogscontent { float: left; width: 25%; padding: 0 15px 0 15px; margin-bottom: 30px; } .blogspage { height: 210px; background-position: bottom; background-size: cover; background-repeat: no-repeat; border-top-left-radius: 5px; border-top-right-radius: 5px; } .blogdescription { background: #fff; padding: 10px 20px 10px 20px; border: 1px solid #eee; padding: 35px 50px 10px 50px; } .blogs { float: left; width: 100%; background: #fff; padding: 0 25px; } .blogsss { float: left; width: 100%; } .blogscontent a:hover { color: #7a7a7a; } .blogdescription span { color: #888; font-size: 12px; } .blogdescription h3 { font-family: Nunito; text-transform: none; letter-spacing: 0px; font-size: 26px !important; line-height: 46px; font-weight: 300; color: #333; } .blogdescription p { color: #888; } .blogsss h1 { font-family: Nunito; font-size: 44px !important; line-height: 60px; font-weight: 300; text-align: left; padding: 30px 0px 30px 0px; border-bottom: 1px solid #ddd; max-width: 85%; margin: 0px auto 35px; } .current { background: #042435 !important; color: #fff; padding: 8px 12px !important; border-radius: 5px; font-size: 14px; } .wp-pagenavi a { border: none; padding: 0 11px; color: #042435; font-size: 14px; font-weight: bold; } .wp-pagenavi { float: left; text-align: center; width: 100%; padding: 50px 0; } /* 2-11-2020 */ .elementor-section.elementor-top-section.elementor-element.elementor-element-1d53d372.elementor-section-boxed.elementor-section-height-default { display: none; } #bgoverlay-image .elementor-background-overlay { background-image: linear-gradient(to bottom, #f2f2f2 0%, rgba(242,242,242,0.01) 100%) !important; opacity: 1 !important; } section#bgimg-overlay-content h3 { color: #000 !important; font-size: 26px !important; } section#bgimg-overlay-content .elementor-container { width: 1244px; max-width: 1244px; } section#bgimg-overlay-content p { padding-bottom: 0px; } #secondbox .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 0; } #startteexts { max-width: 40%; } .viewtext a { color: #fff; } #sliders img { max-width: 95%; } #showbutton a { color: #fff; background-color: transparent; visibility: visible; margin-top: 0px; font-size: 14px; font-weight: 500; border: 2px solid #fff; transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1); padding: 15px 15px; } #showbutton a:hover { background: #042435 !important; border: 2px solid #042435 !important; -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } #chairbg { background-position: inherit; } #readybuttonstart a { font-family: "Roboto", Sans-serif; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); fill: #00008B; color: #0000ff; background-color: #042435c9 !important; font-size: 14px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); padding: 18px 22px 18px 22px; } #readybuttonstart a:hover { color: #fff; } #applybutton a { border: 2px solid rgba(0,0,0,0.3); color: #000; padding: 8px 18px; } .img-colarge2 { position: relative; height: 100%; margin-bottom: 110px; } .colarge-2 { position: relative; margin-right: 120px; z-index: 1; left: 105px; } .colarge-2-1 { position: absolute; left: -43px; bottom: 0px; max-width: 370px; top: 150px; } #contentdirector .elementor-row { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 22px; transition: all .4s cubic-bezier(0.2, 0, 0.15, 1); } #contentdirector .elementor-row:hover { background: #042435; } #contentdirector .elementor-row:hover p { color: #fff; } #contentdirector .elementor-row:hover span { color: #fff; } #contentdirector .elementor-row:hover #applybutton a { border: 2px solid #fff; } #starttitle h3 { margin-top: 30px; } .contentdirectorlast .elementor-row { border-bottom: none !important; } #recommandation table thead tr th { font-size: 13px !important; color: #333; } #imprint a { color: #00008B; } #movingtitlespace h2 { font-size: 24px !important; line-height: 35px; margin-bottom: 18px; } #getquote a { color: #fff !important; } #entermove a:hover { background: #213D4F !important; } .quicktext h1 { font-size: 20px !important; color: #fff; font-weight: 600; margin: 0; padding: 0; line-height: 32px; text-align: center; } .quicktext p { padding: 0; margin: 0; } .single h1 { line-height: 50px; font-size: 34px !important; } #registerpart a { color: #00f; } #registerpart a:hover { color: #fff; } #videoontet span a { color: #00f; } .page-template-default.page.page-id-6251.logged-in.admin-bar.ascend.elementor-default.elementor-kit-6954.elementor-page.elementor-page-6251.customize-support.nectar-no-flex-height .row { padding: 0; } @media only screen and (max-width: 767px) { #bannertext { padding: 0 10px; } #bannertext h1 { font-size: 32px !important; line-height: 40px; } .elementor-6261 .elementor-element.elementor-element-3e11c6c8 > .elementor-widget-container { padding: 55px 0px 0px 0px !important; } .elementor-6261 .elementor-element.elementor-element-22d97fb5 > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } #bannertext h2 { line-height: 36px; } #bannertext h3 { margin-top: 15px; } #bannertext h3 a { padding: 16px 20px; } #movingtitlle { margin-top: 30px; margin-bottom: 30px; } #movingtitlle h2 { line-height: 40px; } .elementor-6261 .elementor-element.elementor-element-16e19b9 { margin-top: 30px; margin-bottom: 50px; } #maaptitle h2 { font-size: 30px !important; line-height: 50px; max-width: 100%; } #mapdescription p { max-width: 100%; } .elementor-6261 .elementor-element.elementor-element-643b715 > .elementor-widget-container { margin: 55px 0px 30px 15px !important; } #twoboxcontent h2 { line-height: 40px; font-size: 28px !important; } .elementor-6261 .elementor-element.elementor-element-1bcd1614 > .elementor-widget-container { margin: 40px 0px 40px 15px !important; } section#bgimg-overlay-content .elementor-container { width: 100%; max-width: 100% !important; } .elementor-6261 .elementor-element.elementor-element-28b513c { width: 100%; max-width: 100% !important; } body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, body #nectar-ocm-ht-line-check { 18px !important; } #smooverwork h2 { font-size: 20px !important; line-height: 40px !important; } .elementor-6269 .elementor-element.elementor-element-6406451 { padding: 30px 0px 20px 0px !important; } .elementor-6269 .elementor-element.elementor-element-eb307b1 > .elementor-element-populated { padding: 100px 20px 50px 15px !important; } .elementor-6269 .elementor-element.elementor-element-1d05043 > .elementor-element-populated { padding: 60px 20px 40px 30px !important; } .elementor-6269 .elementor-element.elementor-element-9d14fc0 > .elementor-element-populated { padding: 80px 10px 0px 15px !important; } .elementor-widget-wrap > .elementor-element.elementor-absolute { position: relative !important; } #bookcheap h2 { font-size: 26px !important; line-height: 40px; max-width: 100% !important; } #bookcheaptext h2 { color: #fff; font-size: 26px !important; line-height: 40px !important; } #bookcheaptext h3 { color: #fff; font-size: 26px !important; line-height: 36px; margin-top: 20px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-c7fe145 { left: 0px !important; } .elementor-6269 .elementor-element.elementor-element-f6df387 { padding: 0 !important; } #mainabout h2 { line-height: 40px !important; } .elementor-6269 .elementor-element.elementor-element-7e0efbf > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-31d5912 { left: 0 !important; margin-top: 15px !important; } .elementor-6269 .elementor-element.elementor-element-bdb292a { width: 100%; max-width: 100%; top: 0 !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-bdb292a { left: 0px !important; } .elementor-6269 .elementor-element.elementor-element-9d14fc0 > .elementor-element-populated { padding: 35px 10px 20px 15px !important; } .elementor-6269 .elementor-element.elementor-element-ec8b93f { padding: 0px 0px 30px 0px !important; } #smooverworkpage { padding: 20px 20px !important; } .elementor-element.elementor-element-0f0b7d6.elementor-widget.elementor-widget-spacer { display: none !important; } } /* 30-10-2020 */ @media only screen and (max-width: 767px) {#tablss .elementor-widget-container { overflow-x: auto; } .orderbox .elementor-row { display: flex; flex-wrap: wrap; } .mainaboutus .elementor-row { display: flex; flex-wrap: wrap; } .mobileorder { order: 2; } .col.span_12.dark.left { display: flex !important; flex-wrap: wrap; } #smalltrainone .elementor-row { display: flex; flex-wrap: wrap; } .elementor-6910 .elementor-element.elementor-element-271bc2be > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6910 .elementor-element.elementor-element-327c88cc > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .blogscontent { width: 100% !important; } .blogsss h1 { font-size: 30px !important; line-height: 45px; max-width: 90% !important; } .blogdescription { padding: 20px 10px 10px 20px !important; height: auto !important; } .elementor-1630 .elementor-element.elementor-element-25b267a > .elementor-widget-container { padding: 0px 0px 30px 0px !important; } #smoovrmovingsompany .elementor-widget-wrap { padding-bottom: 20px !important; } .elementor-1630 .elementor-element.elementor-element-ab9389d > .elementor-widget-container { padding: 55px 0px 0px 30px !important; } .elementor-1630 .elementor-element.elementor-element-8771cef > .elementor-widget-container { padding: 30px 0px 20px 30px !important; } .elementor-1630 .elementor-element.elementor-element-4510c52 > .elementor-widget-container { padding: 55px 0px 25px 0px !important; } .smooverjointcompany { padding: 0 0 0 30px; } .elementor-1630 .elementor-element.elementor-element-18a299e > .elementor-widget-container { padding: 40px 0px 20px 30px !important; } #starttitle h3 { font-size: 20px !important; } .elementor-6 .elementor-element.elementor-element-62a330a1 > .elementor-widget-container { padding: 10px 0px 10px 0px !important; } #startteexts { max-width: 100%; } .elementor-6 .elementor-element.elementor-element-c5e2703 { padding: 30px 0px 30px 0px !important; } .elementor-6 .elementor-element.elementor-element-2c9a714 > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } .elementor-6 .elementor-element.elementor-element-0fe2125 { padding: 35px 0px 20px 0px !important; } .colarge-2-1 { position: relative; left: 0px; bottom: 0px; max-width: 100%; top: 10px !important; } .colarge-2 { position: relative; margin-right: 0px; z-index: 1; left: 0px; } .elementor-6 .elementor-element.elementor-element-1d273c8 > .elementor-element-populated { padding: 0px 0px 0px 20px; } #applybutton { text-align: left; } #contentdirector .elementor-row { padding: 10px 6px !important; } .elementor-7826 .elementor-element.elementor-element-f38ee02 > .elementor-widget-container { padding: 20px 10px 40px 10px !important; } .elementor-7826 .elementor-element.elementor-element-1f85164 > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } #emailcontact { padding: 25px 0 0 15px; } body h1 { font-size: 30px !important; line-height: 45px; } .elementor-2280 .elementor-element.elementor-element-8d7707d > .elementor-widget-container { padding: 0px 0px 15px 0px !important; } .elementor-2280 .elementor-element.elementor-element-5d4269e > .elementor-widget-container { padding: 0px 0px 20px 0px !important; } .elementor-2280 .elementor-element.elementor-element-a95236d > .elementor-widget-container { padding: 25px 0px 0px 0px !important; } .elementor-4 .elementor-element.elementor-element-32f609d5 > .elementor-widget-container { margin: 50px 10px 40px 15px !important; } .elementor-4 .elementor-element.elementor-element-29326f83 > .elementor-widget-container { margin: 20px 10px 40px 15px !important; } .elementor-4 .elementor-element.elementor-element-af0d682 > .elementor-widget-container { padding: 20px 10px 0px 10px !important; } body:not(.rtl) .elementor-6251 .elementor-element.elementor-element-2be48814 { left: 0px !important; } .elementor-6251 .elementor-element.elementor-element-7e518c7b { padding: 0 !important; } .elementor-6251 .elementor-element.elementor-element-73e44a49 > .elementor-element-populated { padding: 36px 15px 50px 15px !important; } .elementor-6251 .elementor-element.elementor-element-2be48814 { text-align: right; width: 100%; max-width: 100%; top: 0px !important; } .elementor-6251 .elementor-element.elementor-element-687617ca { padding: 20px 0px 30px 0px !important; } .elementor-6251 .elementor-element.elementor-element-4dd1b73e > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } .elementor-6251 .elementor-element.elementor-element-48794b6c > .elementor-element-populated { padding: 70px 15px 55px 26px !important; } body:not(.rtl) .elementor-6251 .elementor-element.elementor-element-153f627 { left: 0 !important; } .elementor-6251 .elementor-element.elementor-element-153f627 { width: 100% !important; max-width: 100% !important; top: 10px !important; } body:not(.rtl) .elementor-6251 .elementor-element.elementor-element-6a4c5420 { left: 0 !important; } .elementor-6251 .elementor-element.elementor-element-6a4c5420 { width: 100% !important; max-width: 100% !important; top: 0px !important; } .elementor-6251 .elementor-element.elementor-element-1d6a5b27 { padding: 0px 0 50px 0px !important; } .elementor-6251 .elementor-element.elementor-element-5f990e53 > .elementor-element-populated { padding: 35px 10px 30px 15px !important; } .elementor-6275 .elementor-element.elementor-element-51846f83 > .elementor-widget-container { padding: 0 !important; } .elementor-element.elementor-element-78ed77c.elementor-widget.elementor-widget-spacer { display: none !important; } .elementor-6638 .elementor-element.elementor-element-5300f469 > .elementor-widget-container { padding: 0px 20px 0px 20px !important; } .elementor-6638 .elementor-element.elementor-element-5eb2b272 > .elementor-widget-container { padding: 0px 30px 0px 30px !important; } .elementor-6773 .elementor-element.elementor-element-39c5cc95 > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6773 .elementor-element.elementor-element-3b527590 > .elementor-widget-container { padding: 0px 0 0px 0 !important; } .elementor-6636 .elementor-element.elementor-element-30f25f9 > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } #movingtofrankfurt .wp-caption .wp-caption-text { max-width: 90%; width: 100% !important; } .elementor-6636 .elementor-element.elementor-element-b8453ff > .elementor-widget-container { padding: 20px 0px 10px 0px !important; } .elementor-6636 .elementor-element.elementor-element-6f2147a > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6636 .elementor-element.elementor-element-f65dfb3 > .elementor-widget-container { padding: 0 0px 0 0px !important; } #movingtohamburg .wp-caption .wp-caption-text { width: 100% !important; } .elementor-6634 .elementor-element.elementor-element-7e7221d1 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6634 .elementor-element.elementor-element-55049729 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6634 .elementor-element.elementor-element-5ab156fa > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6630 .elementor-element.elementor-element-5fccf11 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6630 .elementor-element.elementor-element-610b2c49 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6630 .elementor-element.elementor-element-4fc10919 > .elementor-widget-container { padding: 0 !important; } .elementor-6620 .elementor-element.elementor-element-7876f9e5 > .elementor-widget-container { padding: 0px 0px 0 0px !important; } .elementor-6620 .elementor-element.elementor-element-3e130d53 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6620 .elementor-element.elementor-element-1e946322 > .elementor-widget-container { padding: 20px 0px 0 0px !important; } .elementor-6620 .elementor-element.elementor-element-1c9df1dc > .elementor-widget-container { padding: 0 !important; } .elementor-6625 .elementor-element.elementor-element-354737db > .elementor-widget-container { padding: 0 !important; } .elementor-6625 .elementor-element.elementor-element-cd2843f > .elementor-widget-container { padding: 0 !important; } .elementor-6625 .elementor-element.elementor-element-1d154e7 > .elementor-widget-container { padding: 0 !important; } .elementor-6625 .elementor-element.elementor-element-5d4f0649 { padding: 50px 0px 30px 0px !important; } .elementor-8534 .elementor-element.elementor-element-48fa1fd6 > .elementor-widget-container { padding: 0px 15px 50px 0 !important; } .elementor-8534 .elementor-element.elementor-element-1902728a > .elementor-widget-container { padding: 0px 0px 14px 0px !important; } .elementor-1525 .elementor-element.elementor-element-ca52ee2 { padding: 30px 0px 80px 10px !important; } .elementor-1525 .elementor-element.elementor-element-3df2b64 > .elementor-widget-container { padding: 0px 0px 35px 0px !important; } .elementor-1525 .elementor-element.elementor-element-facde53 > .elementor-widget-container { padding: 0px 0px 15px 30px !important; } .elementor-1525 .elementor-element.elementor-element-07ac963 > .elementor-widget-container { padding: 0px 0px 15px 30px !important; } .elementor-1525 .elementor-element.elementor-element-8a9cecd > .elementor-widget-container { padding: 0px 0px 15px 30px !important; } .elementor-1525 .elementor-element.elementor-element-6140a4f > .elementor-widget-container { padding: 0px 0px 15px 30px !important; } .elementor-1525 .elementor-element.elementor-element-9717daa > .elementor-widget-container { padding: 0px 0px 20px 0px !important; } .elementor-1525 .elementor-element.elementor-element-3b2bdc8 > .elementor-widget-container { padding: 0px 0px 30px 0px !important; } .elementor-4 .elementor-element.elementor-element-5cfcda3e > .elementor-widget-container { padding: 10px 10px 0px 10px !important; } .elementor-4 .elementor-element.elementor-element-6fa79802 > .elementor-widget-container { padding: 10px 10px 0px 10px !important; } #leftimgs { position: relative !important; } } @media only screen and (min-width: 768px) and (max-width:1199px) { .elementor-6261 .elementor-element.elementor-element-3e11c6c8 > .elementor-widget-container { padding: 0px 0px 0px 0px !important; } #bannertext h1, div#bannertext h2 { color: #fff; font-size: 35px !important; } .elementor-6261 .elementor-element.elementor-element-22d97fb5 > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } #movinthreebox h2 { margin-bottom: 2px; font-size: 18px !important; line-height: 35px !important; } #maaptitle h2 { font-size: 30px !important; line-height: 48px; max-width: 100% !important; } #mapdescription p { max-width: 100% !important; } .elementor-6261 .elementor-element.elementor-element-643b715 > .elementor-widget-container { margin: 20px 15px 10px 20px !important; } .elementor-6261 .elementor-element.elementor-element-1bcd1614 > .elementor-widget-container { margin: 15px 25px 25px 30px !important; } section#bgimg-overlay-content .elementor-container { width: 100%; max-width: 100% !important; } .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-fc90b07 { background: #F4F4F4 !important; } .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-7ebd5a89 { background: #fff !important; } body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, body #nectar-ocm-ht-line-check { font-size: 18px !important; } .elementor-6269 .elementor-element.elementor-element-1d05043 > .elementor-element-populated { padding: 90px 15px 85px 75px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-c7fe145 { left: 30px !important; } .elementor-6269 .elementor-element.elementor-element-c7fe145 { text-align: right; width: 100%; max-width: 100%; top: 54px !important; } #mainabout h2 { line-height: 30px !important; } .elementor-6269 .elementor-element.elementor-element-eb307b1 > .elementor-element-populated { padding: 100px 50px 65px 25px !important; } .elementor-6269 .elementor-element.elementor-element-bdb292a { width: 100%; max-width: 100%; top: 160px !important; } body:not(.rtl) .elementor-6269 .elementor-element.elementor-element-bdb292a { left: 40px !important; } .elementor-6269 .elementor-element.elementor-element-9d14fc0 > .elementor-element-populated { padding: 70px 20px 65px 55px !important; } #bookcheap h2 { font-size: 34px !important; } .elementor-6 .elementor-element.elementor-element-62a330a1 > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-c5e2703 { padding: 50px 0px 80px 0px; } .elementor-6 .elementor-element.elementor-element-2c9a714 > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-0fe2125 { padding: 0; } .elementor-6 .elementor-element.elementor-element-f4b12c9 > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-289024d > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-8432b25 > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-6eb1542 > .elementor-widget-container { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-619e0e3 > .elementor-widget-container { padding: 0 !important; } .colarge-2 { position: relative !important; margin-right: 0 !important; z-index: 1 !important; left: 0 !important; } .elementor-1630 .elementor-element.elementor-element-ab9389d > .elementor-widget-container { padding: 35px 0px 0px 30px !important; } .elementor-1630 .elementor-element.elementor-element-8771cef > .elementor-widget-container { padding: 0px 0px 0px 30px !important; } .elementor-1630 .elementor-element.elementor-element-4510c52 > .elementor-widget-container { padding: 15px 0px 10px 0px !important; } .elementor-1630 .elementor-element.elementor-element-18a299e > .elementor-widget-container { padding: 30px 0px 15px 30px !important; } #smooverworkpage .elementor-widget-container { padding: 0 0 0 15px !important; } .elementor-element.elementor-element-0f0b7d6.elementor-widget.elementor-widget-spacer { display: none !important; } .elementor-6723 .elementor-element.elementor-element-36d139bc > .elementor-widget-container { padding: 0px 0px 10px 0px !important; } .elementor-6723 .elementor-element.elementor-element-89b96e3 > .elementor-widget-container { padding: 0px 10px 0px 10px !important; } .elementor-6723 .elementor-element.elementor-element-e5646a7 > .elementor-widget-container { padding: 0px 10px 0px 10px !important; } .elementor-6723 .elementor-element.elementor-element-4cb3c20 > .elementor-widget-container { padding: 0px 10px 0px 10px !important; } .elementor-6910 .elementor-element.elementor-element-771f6de2 > .elementor-widget-container { padding: 0px 10px 0px 10px !important; } .elementor-6910 .elementor-element.elementor-element-19c9510f > .elementor-widget-container { padding: 0px 10px 0px 10px !important; } .blogscontent { width: 100% !important; } .blogdescription { height: auto !important; } .blogspage { background-position: center !important; } .elementor-4 .elementor-element.elementor-element-6fa79802 > .elementor-widget-container { padding: 10px 5px 0px 5px !important; } .elementor-4 .elementor-element.elementor-element-5cfcda3e > .elementor-widget-container { padding: 10px 5px 0px 5px !important; } .elementor-4 .elementor-element.elementor-element-32f609d5 > .elementor-widget-container { margin: 25px 25px 40px 24px !important; } .elementor-4 .elementor-element.elementor-element-29326f83 > .elementor-widget-container { margin: 20px 20px 40px 20px !important; } .elementor-6251 .elementor-element.elementor-element-73e44a49 > .elementor-element-populated { padding: 70px 30px 50px 75px !important; } .elementor-6251 .elementor-element.elementor-element-48794b6c > .elementor-element-populated { padding: 90px 78px 65px 25px !important; } .elementor-6251 .elementor-element.elementor-element-6a4c5420 { width: 100%; max-width: 100%; top: 108px !important; } .elementor-6251 .elementor-element.elementor-element-5f990e53 > .elementor-element-populated { padding: 60px 25px 65px 40px !important; } #movingtofrankfurt .wp-caption .wp-caption-text { width: 30% !important; } #blueboys .wp-caption .wp-caption-text { width: 41% !important; } #leftimgs { width: 100% !important; } #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { padding-left: 0; padding-right: 0; margin-right: 10px !important; margin-left: 5px !important; } } @media only screen and (min-width: 1200px) and (max-width:1399px) { #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { padding-left: 0; padding-right: 0; margin-right: 5px !important; margin-left: 5px !important; } #movingtitlespace h2 { font-size: 18px !important; margin-bottom: 10px; } }