File: /var/www/html/wpdehaus/wp-content/themes/salient/css/src/style.css
/*
Theme Name: Salient
Description: Main Salient styles
*/
/*--------------------------
[Table Of Contents]
1. Browser Reset
2. Global Applied Styles
3. Page Transitions
4. Page Templates
5. Header / Search Bar Styles
6. Row Styles
7. Column Styles
8. Third Party Styling
9. Salient Elements
9.1. Animated Title
9.2. Button
9.3. Call to Action
9.4. Cascading images
9.5. Category Grid
9.6. Clients
9.7. Divider
9.8. Dropcap
9.9. Fancy Box
9.10. Fancy Unordered List
9.11. Flip Box
9.12. Food Menu Item
9.13. Highlighted Text
9.14. Horizontal List Item
9.15. Icon
9.16. Icon List
9.17. Icon with text
9.18. Image Comparison
9.19. Image with animation
9.20. Image with Hotspots
9.21. Interactive Map
9.22. Milestone
9.23. Morphing outline
9.24. Page Submenu
9.25. Pricing Table
9.26. Progress Bar
9.27. Recent Posts
9.28. Split Heading
9.29. Tabbed Section
9.30. Team Member
9.31. Testimonial Slider
9.32. Toggle Panels
9.33. Video Lightbox
9.34. Self Hosted Video Player
9.35. Scrolling Text
9.36. Drag Indicator
10. Page Header
11. Masonry Items / Search Results
12. Blog
12.1. General/Pagination
12.2. Masonry Auto Meta Overlaid
12.3. Masonry Classic Enhanced
12.4. Masonry Meta Overlaid
12.5. Standard Minimal
13. Footer
14. To Top Button
15. Off Canvas / Mobile Menu
16. Sidebar Styles
17. Comment Styles
18. General Form Styles
19. Page Builder Full Width
20. Salient Icons
-----------------------*/
/*---------------------*/
/* 1. Browser Reset
/*---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
input[type=submit]{
-webkit-appearance:none
}
html{
max-width: 100%;
overflow-y: scroll;
overflow-x:hidden;
}
body{
max-width: 100%;
overflow: hidden;
background:white;
font-family:'Open Sans', Helvetica, sans-serif;
color:#676767;
position:relative
}
ol, ul{
list-style:none
}
input[type=text]::-ms-clear{
display:none
}
sup{
font-size:0.5em;
vertical-align:super
}
sub{
font-size:0.5em;
vertical-align:sub
}
p:empty{
display:none
}
article, aside, details, figcaption,
figure, footer, header, hgroup,
menu, nav, section{
display:block
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:root {
--scroll-bar-w: -2px;
}
/* Main container */
.container {
margin: 0 auto;
position: relative;
max-width: 880px;
}
.row {
position: relative;
}
/* Bootstrap compatibility */
.main-content > .row,
header .row {
margin-left: 0;
margin-right: 0;
}
/* Self clearing floats - clearfix method */
.row:after,
.col:after,
.clr:after,
.group:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Default row styles */
.row,
div.clear {
padding-bottom: 24px;
}
/* Column width on displays +690px */
@media (min-width: 690px) {
.span_1 {
width: 6.5%;
}
.span_2 {
width: 15.0%;
}
.span_3 {
width: 23.5%;
}
.span_4 {
width: 32.0%;
}
.span_5 {
width: 40.5%;
}
.span_6 {
width: 49.0%;
}
.span_7 {
width: 57.5%;
}
.span_8 {
width: 66.0%;
}
.span_9 {
width: 74.5%;
}
.span_10 {
width: 83.0%;
}
.span_11 {
width: 91.5%;
}
.span_12 {
width: 100%;
}
}
/*---------------------*/
/* 2. Global Styles
/*---------------------*/
body{
font-size:14px;
-webkit-font-smoothing: antialiased;
font-family:'Open Sans', Helvetica, sans-serif;
font-weight:400;
line-height:26px;
}
body:not(.nectar-no-flex-height) {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@media only screen and (min-width: 1000px) {
body.admin-bar:not(.nectar-no-flex-height) {
min-height: calc(100vh - 32px);
}
}
body:not(.nectar-no-flex-height) #ajax-content-wrap,
body:not(.nectar-no-flex-height) #ajax-content-wrap .blurred-wrap,
body:not(.nectar-no-flex-height) .ocm-effect-wrap,
body:not(.nectar-no-flex-height) .ocm-effect-wrap-inner {
display: flex;
flex-direction: column;
flex-grow: 1;
}
body:not(.nectar-no-flex-height) .container-wrap {
flex-grow: 1;
}
p{
-webkit-font-smoothing: antialiased;
}
body .ui-widget{
font-family:'Open Sans';
font-weight:400
}
.screen-reader-text, .nectar-skip-to-content:not(:focus) {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
word-wrap: normal !important;
}
@media only screen and (min-width: 1000px) {
.nectar-mobile-only {
display: none;
}
}
@media only screen and (max-width: 999px) {
.nectar-mobile-only.mobile-header {
display: inline-block;
}
}
.nectar-mobile-only.mobile-header .inner,
.nectar-mobile-only.mobile-header .inner ul {
display: flex;
}
.nectar-mobile-only.mobile-header li {
float: none;
line-height: 1;
display: flex;
align-items: center;
margin: 0 8px;
overflow: visible!important;
}
@media only screen and (max-width: 690px) {
#header-outer .nectar-mobile-only.mobile-header li[class*="menu-item-btn-style-button"]:not(.menu-item-hidden-text) .nectar-menu-icon {
display: none;
}
}
body .nectar-mobile-only.mobile-header a {
color: inherit;
font-size: 13px;
line-height: 1;
}
.nectar-mobile-only.mobile-header .menu-item-has-children ul {
display: none!important;
}
.nectar-display-inline {
display: inline;
}
.nectar-display-inline-block {
display: inline-block;
}
.nectar-display-block {
display: block;
}
.nectar-bg-black {
background-color: #000;
}
.nectar-bg-white {
background-color: #fff;
}
#header-outer .screen-reader-text {
height: 1px;
}
.overflow-x-hidden{
overflow-x:hidden
}
.nectar-overflow-hidden {
overflow: hidden;
}
.nectar-pseudo-expand:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
display: block;
}
.alignleft{
float:left;
margin-right:15px
}
.alignright{
float:right;
margin-left:15px
}
.aligncenter{
display:block;
margin:15px auto
}
.no-bottom-padding{
padding-bottom:0
}
.col.center{
text-align:center
}
.col.right{
text-align:right
}
.wp-smiley{
margin-bottom:0
}
dt{
font-family:'Open Sans';
font-weight:600;
color:#333
}
dd{
padding-left:20px
}
.gallery-caption{
margin-left:0;
margin-bottom:10px;
padding:0 10px
}
#wpstats{
display:none
}
.post-area:not(.masonry) .sticky{
margin-bottom:50px
}
.post-area:not(.masonry) .sticky .content-inner{
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
background-color:#fff;
padding:25px;
position:relative
}
div[id="wpadminbar"]{
z-index:1000000!important
}
table{
font-size:12px;
margin-bottom:20px
}
.wp-caption{
max-width:100%;
position: relative;
}
.wp-caption .wp-caption-text{
max-width: 90%;
width: auto;
margin-left: 5%;
display:inline-block;
margin-bottom:5px;
background-color: #fff;
box-shadow: 0 10px 35px rgba(0,0,0,0.1);
}
.wp-caption .wp-caption-text,
.row .col .wp-caption .wp-caption-text {
padding: 10px 15px;
top: -25px;
position: relative;
border-left: 4px solid #000;
}
.wp-caption img,
.row .col .wp-caption img {
margin-bottom:0;
display:block;
margin-right: 0;
}
em{
font-style:italic
}
caption, th, td{
font-weight:normal;
text-align:left
}
.container-wrap,
.project-title{
background-color:#f8f8f8;
position:relative;
z-index:10;
margin-top:0;
padding-top:40px;
padding-bottom:40px
}
body[data-header-resize="0"] .container-wrap,
body[data-header-resize="0"] .project-title {
margin-top:0;
padding-top:40px
}
body.page-template-template-no-header .container-wrap,
body.page-template-template-no-header-footer .container-wrap,
body.single-salient_g_sections .container-wrap {
padding-top: 0;
}
.clear{
clear:both
}
.subheader{
color:#6F6F6F;
margin-bottom:15px
}
a{
color:#3555ff;
text-decoration:none;
transition:color 0.3s;
}
a:hover {
color:inherit
}
h1{
font-size:54px;
line-height:62px;
margin-bottom:7px
}
h2{
font-size:34px;
line-height:44px;
margin-bottom:7px
}
h3{
font-size:22px;
line-height:34px;
margin-bottom:7px
}
h4{
font-size:18px;
line-height:32px;
margin-bottom:7px
}
h5{
font-size:16px;
line-height:26px;
margin-bottom:7px
}
h6{
font-size:14px;
line-height:24px;
margin-bottom:7px
}
h1, h2, h3, h4, h5, h6{
color:#444;
letter-spacing:0;
-webkit-font-smoothing:antialiased;
font-family:'Open Sans';
font-weight:600
}
.bold, strong, b{
font-family:'Open Sans';
font-weight:600
}
.uppercase{
font-weight:700;
text-transform:uppercase
}
.tiny{
font-size:14px;
line-height:22px
}
body h1.light,
body h2.light,
body h3.light,
body h4.light,
body h5.light,
body h6.light,
p.light{
text-transform:none;
font-weight:300
}
body h1 em, body h2 em,
body h3 em, body h4 em{
font-size:inherit
}
.text-align-center{
text-align:center
}
p{
padding-bottom:27px
}
.row .col p:last-child{
padding-bottom:0
}
.container .row:last-child,
.wpb_wrapper .clear{
padding-bottom:0
}
.wpb_wrapper >div{
margin-bottom:24px
}
.wpb_wrapper > div:last-child,
.row .wpb_wrapper > img:last-child,
.row .wpb_wrapper >.img-with-aniamtion-wrap:last-child img,
.row .wpb_wrapper >.img-with-aniamtion-wrap:last-child .hover-wrap {
margin-bottom:0
}
body .pum-overlay,
.pum-overlay .pum-container,
.pum-overlay .pum-container .pum-content {
line-height: inherit;
}
blockquote{
font-family:'Open Sans';
font-weight:300;
line-height:40px;
font-size:22px;
padding-left:0;
letter-spacing:0.5px;
margin-bottom:30px
}
ul, ol{
margin-left:30px;
margin-bottom:30px
}
li ul, li ol {
margin-bottom: 0;
}
ul li{
list-style:disc;
list-style-position:outside
}
ol li{
list-style:decimal;
list-style-position:outside
}
#header-secondary-outer ul,
#header-secondary-outer ol,
#header-outer nav > ul,
#header-outer ol,
#footer-outer ul,
#footer-outer ol,
#slide-out-widget-area ul,
#slide-out-widget-area ol,
#search-outer ul,
#search-outer ol,
#mobile-menu ul,
#mobile-menu ol,
#header-outer .button_social_group ul {
margin: 0;
}
#header-secondary-outer ul li,
#header-secondary-outer ol li,
#header-outer ul li,
#header-outer ol li,
#footer-outer ul li,
#footer-outer ol li,
#search-outer ul li,
#search-outer ol li,
#slide-out-widget-area ul li,
#slide-out-widget-area ol li,
#mobile-menu ul li,
#mobile-menu ol li {
list-style: none;
}
.main-content img{
max-width:100%;
height:auto
}
.no-transform{
-webkit-transform:inherit!important;
transform:inherit!important;
}
html.no-overflow-y{
overflow-y:hidden!important;
}
html.no-overflow-y body{
overflow-y:hidden;
}
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light p{
color:#fff
}
code{
display:block;
clear:both;
overflow:auto;
padding: 1.6em;
margin-bottom: 1.6em;
white-space:pre;
background-color:#f0f0f0;
font:14px "Andale Mono",Courier,"Courier New",monospace
}
pre{
background: #f0f0f0;
font-family: "Andale Mono",Courier,"Courier New",monospace;
font-size: 14px;
font-size: 0.9375rem;
padding: 1.6em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
}
.no-left-margin.first-section{
height:auto!important
}
.row .col h3, .row .col h4{
margin-bottom:8px
}
.vc_separator.vc_separator_align_center h4,
.vc_separator.vc_separator_align_center h3 {
margin-bottom: 0;
}
.row .col img{
margin-bottom:15px;
max-width:100%;
height:auto
}
.wpb_gallery_slidesimage_grid .portfolio-items .col img {
width: 100%;
}
.row .col .wp-block-gallery.is-cropped .blocks-gallery-image img,
.row .col .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%;
margin-bottom: 0;
}
/* gutenberg full width images */
body .container-wrap [class*="wp-block"].alignfull {
margin-left: -50vw!important;
left: 50%;
max-width: 100vw;
width: 100vw;
position: relative;
}
body .container-wrap [class*="wp-block"].alignfull img,
body .container-wrap [class*="wp-block"].alignwide img {
max-width: none;
width: 100%;
}
/* gutenberg default blocks */
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
body[data-form-submit="regular"] .wp-block-search__inside-wrapper button[type="submit"] {
color: #fff;
}
blockquote.wp-block-quote {
position: relative;
padding-left: 1.3em;
}
blockquote.wp-block-quote:before {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
content: '';
border-left: 4px solid rgba(0,0,0,0.1);
}
blockquote.wp-block-quote.has-text-align-center:before {
display: none;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-style: inherit;
font-size: 1em;
}
blockquote.wp-block-quote p {
margin-bottom: 0;
}
blockquote.wp-block-quote cite {
font-size: 14px;
line-height: 18px;
display: block;
}
.wpb_text_column >.wpb_wrapper >*:last-child {
margin-bottom:0
}
.gallery a img{
width:90%;
max-width:90%;
height:auto;
max-height:90%;
padding:5px;
background-color:#fff;
border:1px solid #e5e5e5!important;
transition:all 0.2s linear;
}
/*---------------------*/
/* 3. Page Transitions
/*---------------------*/
#ajax-loading-screen .loading-icon{
background-repeat:no-repeat;
background-position:center center;
display:block;
position:absolute;
opacity:0;
top:0;
left:0;
width:100%;
height:100%
}
.default-loading-icon{
top:50%;
border-radius:100%;
height:40px;
width:40px;
margin:0 auto;
display:block;
position:relative;
border:3px solid #e5e5e5;
margin-top:-20px
}
.default-loading-icon:before{
position:absolute;
content:"";
border-color:rgba(0,0,0,1) transparent transparent;
border-radius:100%;
border-style:solid;
border-width:3px;
display:block;
height:100%;
width:100%;
top:-3px;
left:-3px
}
.loading-icon.spin,
.portfolio-loading.spin,
.pp_loaderIcon.spin,
.default-loading-icon.spin{
animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation;
}
.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); }
}
@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); }
}
/*---------------------*/
/* 4. Page Templates
/*---------------------*/
.nectar-global-section {
position: relative;
}
.nectar-global-section.before-footer {
z-index: 11;
}
.nectar-global-section.after-nav {
z-index: 12;
}
.nectar-global-section.before-footer > .row,
.nectar-global-section.after-nav > .row {
padding-bottom: 0;
}
.container-wrap .row >.wpb_row:last-child,
.home-wrap .row >.wpb_row:last-child,
#portfolio-extra >.wpb_row:last-child {
margin-bottom:0
}
.wpb_row,
.wpb_content_element {
margin-bottom: 35px;
}
.wpb_row.has-global-section,
#ajax-content-wrap .wpb_row.has-global-section {
margin-bottom: 0;
}
body[data-bg-header="true"] .container-wrap,
body.single-portfolio .container-wrap,
body.page-template-template-portfolio-php .container-wrap,
body.tax-project-type .container-wrap{
padding-top:25px;
margin-top:0!important;
padding-bottom:40px
}
/*---------------------*/
/* 5. Header / Search Bar Styles
/*---------------------*/
/* Secondary Header Layout - See css/header/header-secondary-nav.css */
#header-space{
height:90px;
background-color: #fff;
}
#header-outer{
width:100%;
top:0;
left:0;
position:fixed;
padding:28px 0 0 0;
background-color:#fff;
z-index:9999;
overflow:visible
}
body.page-template-template-no-header #header-outer,
body.page-template-template-no-header-footer #header-outer {
visibility: hidden;
padding: 0;
}
body[data-transparent-nav="1"][data-header-color="light"] #header-outer{
background-color:rgba(255,255,255,0.965)
}
.admin-bar #header-outer,
.logged-in.buddypress #header-outer{
top:32px
}
#top #logo{
width:auto;
max-width:none;
line-height:22px;
font-size:22px;
letter-spacing:-1px;
color:#444;
font-family:'Open Sans';
font-weight:600;
align-self: center;
}
#top #logo .retina-logo,
#top .span_3 #logo .mobile-only-logo {
display:none
}
#top #logo .starting-logo{
position:absolute;
top:0;
opacity:0;
left:0
}
#top #logo:hover,
#top #logo:focus{
color:#000
}
#top #logo img{
text-indent:-9999px;
max-width:none;
width:auto;
margin-bottom:0;
display:block;
transition:opacity 0.4s ease
}
#header-outer[data-transparent-header="true"] #top #logo img.stnd {
position: relative;
}
#top{
position:relative;
z-index:9998;
width:100%
}
#top .container .row{
padding-bottom:0
}
#top nav >ul{
overflow:visible;
transition:padding 0.8s ease,margin 0.25s ease;
min-height:1px;
line-height:1px
}
#top nav .no-menu-assigned{
visibility:hidden;
}
#top nav .no-menu-assigned a {
min-height: 10px;
width: 10px;
}
body:not(.ascend) #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
}
.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;
}
#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;
transition:color 0.2s ease;
}
/* Centered Bottom Bar Layout - See css/header/header-layout-centered-bottom-bar.css */
/* Left Header Layout - See css/header/header-layout-left.css */
/* Centered Menu Layout - See css/header/header-layout-centered-menu.css */
/* Centered Menu Under Logo - See css/header/header-layout-centered-menu-under-logo.css */
/* Centered Logo Between Menu - See css/header/header-layout-centered-logo-between-menu.css */
/* Header button styles */
body #header-outer[data-full-width="true"] #top nav >.buttons{
margin-left:0
}
#top nav >ul >li[class*="button_solid_color"] >a:before,
#header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a:before,
#top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
display:block;
position:absolute;
left:0;
padding-bottom:10px;
-webkit-transform:translateY(-7px);
transform:translateY(-7px);
width:100%;
height:24px;
content:' ';
z-index:-1;
transition:opacity 0.2s ease
}
body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:before {
top: 6px;
}
body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:after {
top: -6px;
}
#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before,
#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
top: 50%;
}
#top nav >ul >li[class*="button_bordered"] >a:before,
#header-outer.transparent #top nav >ul >li[class*="button_bordered"] >a:before{
border:2px solid #fff;
display:block;
position:absolute;
left:0;
padding-bottom:10px;
-webkit-transform:translateY(-7px);
transform:translateY(-7px);
width:100%;
height:34px;
content:' ';
z-index:-1;
box-sizing:border-box;
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 #top nav >ul >li[class*="button_solid_color"] >a .sf-sub-indicator i,
#header-outer[data-lhe="default"] #top nav .sf-menu > [class*="button_solid_color"].current-menu-ancestor > a i {
color:#fff!important;
}
#top nav >ul >li[class*="button_solid_color"] >a,
body #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a,
#header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a,
#header-outer.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 {
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,
#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 {
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{
margin-right:0
}
#header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a {
padding: 0 18px;
display: block;
position: relative;
}
#header-outer #top nav .slide-out-widget-area-toggle[data-custom-color="true"]:not(.mobile-icon) a:not(.using-label) {
width: 22px;
}
#header-outer[data-lhe="animated_underline"] #top nav >ul >li >a{
padding-left:0;
padding-right:0;
margin-right:10px;
margin-left:10px
}
#top nav ul li a,
body[data-header-color="light"] .span_9 > .slide-out-widget-area-toggle a .label,
body[data-header-color="light"] .mobile-header {
color:#999
}
/* Menu Dropdown Style */
.sf-menu{
line-height:1;
float:left;
margin-bottom:30px
}
.sf-menu ul li{
font-weight:normal;
width:100%
}
.sub-menu{
z-index:3
}
.sf-menu:not(.buttons) a:focus {
outline: 0 none
}
.sf-menu ul li a{
margin:0;
}
.sf-sub-indicator{
display:inline-block;
width:10px;
position:relative;
left:8px;
height:10px
}
.sf-sub-indicator i{
width:8px
}
.sf-sub-indicator [class^="icon-"],
body .sf-sub-indicator [class*=" icon-"]{
color:#888;
font-size:12px;
line-height:16px;
height:auto;
background-color:transparent
}
.material .sf-menu > li > a > .sf-sub-indicator i {
font-size: 16px;
}
.sf-vertical,
.sf-vertical li {
width:100%
}
.sf-menu, .sf-menu *{
list-style:none outside none;
margin:0;
padding:0;
z-index:10
}
.sf-menu{
line-height:1
}
.sf-menu ul{
position:absolute;
top: 100%;
left: 0;
pointer-events: none;
}
.sf-menu ul li,
.sf-menu ul li li{
font-size:12px;
width:100%
}
.sf-menu .menu-item a {
outline: 0 none;
}
.sf-menu li{
float:left;
outline: 0 none;
line-height:0;
font-size:12px;
position:relative
}
.sf-menu a{
display:block;
position:relative;
text-decoration:none
}
.sf-menu .sf-with-ul a{
min-width:1px;
}
#header-outer .sf-menu li ul li a{
font-size:12px;
line-height:13px;
transition:none;
letter-spacing:0;
}
.sf-menu li ul li .sf-sub-indicator{
right:14px;
left:auto;
top:14px;
display:block;
position:absolute
}
.sf-menu li ul li a,
.sf-menu li ul li li a{
box-shadow:none
}
.sf-menu ul li a,
.sf-menu ul li li a{
border-radius:0 0 0 0;
box-shadow:none;
text-shadow:none
}
body #top nav >ul >li >.temp-hidden-display,
body #header-secondary-outer nav >ul >li >.temp-hidden-display{
display:block!important;
opacity:0;
left:0!important;
right:auto!important
}
body #top nav >ul >.edge >ul,
body #header-secondary-outer nav >ul >.edge >ul{
left:auto;
right:0
}
body #top nav >ul >li .edge >ul,
body #header-secondary-outer nav >ul >li .edge >ul{
left:auto;
right:0
}
#top .span_9{
position:static
}
#header-outer nav >ul >.megamenu{
position:inherit
}
#header-outer nav >ul >.megamenu >.sub-menu{
width:100%;
left:0;
padding:15px 0;
display:table;
background-color:#1C1C1C
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu,
#header-outer nav >ul >.nectar-megamenu-menu-item >.sub-menu {
display: flex;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu {
padding: 0;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li {
padding: 20px;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li.megamenu-column-padding-none {
padding: 0;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >ul >li {
width: auto;
display: block;
flex: 1;
}
#header-outer nav > ul >.megamenu.nectar-megamenu-menu-item .widget-area-active a {
padding: 0;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item[class*="align-"]:not(.width-100) > ul {
left: auto;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item.width-50 > ul {
width: 45em;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item.width-75 > ul {
width: 70em;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul,
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul > li {
background-size: cover;
background-position: center;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item > ul {
overflow: hidden;
}
#header-outer .sf-menu > .megamenu.nectar-megamenu-menu-item li .widget-area-active img {
margin-bottom: 0;
}
#header-outer .sf-menu > .megamenu.nectar-megamenu-menu-item li .widget-area-active ul {
margin-left: 0;
margin-top: 0;
padding: 0;
}
#header-outer nav > .sf-menu > .megamenu.nectar-megamenu-menu-item > ul .widget-area-active {
height: 100%;
}
#header-outer nav > .sf-menu > .megamenu.nectar-megamenu-menu-item > ul .widget-area-active li {
line-height: 2em;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >ul >li.menu-item.megamenu-column-padding-none >a{
margin-bottom: 0;
}
body[data-megamenu-width="full-width"] #header-outer #top .sf-menu > .megamenu.nectar-megamenu-menu-item.width-100 > ul {
border-radius: 0;
}
#header-outer .menu-item-hidden-text > a .menu-title-text,
#header-outer .menu-item-hidden-text > a .nectar-ext-menu-item .menu-title-text,
#slide-out-widget-area .menu-item-hidden-text > a > .menu-title-text,
#slide-out-widget-area .menu-item-hidden-text > a > .nectar-menu-icon-text > .menu-title-text,
#slide-out-widget-area .menu-item-hidden-text > a > .nectar-ext-menu-item .menu-title-text,
#slide-out-widget-area .menu-item-hidden-text:not(.menu-item-has-icon) > a > .nectar-ext-menu-item > .inner-content > .title,
#mobile-menu .menu-item-hidden-text:not(.menu-item-has-icon) > a .nectar-ext-menu-item > .inner-content > .title {
display: none;
}
@media only screen and (min-width: 1000px) {
.menu-item-hidden-text.menu-item-hidden-text--mobile-only > a .menu-title-text {
display: inline!important;
}
}
#header-outer .menu-item-hidden-text:not(.menu-item-hidden-text--mobile-only) > a > .nectar-menu-icon,
#slide-out-widget-area .menu-item-hidden-text > a > .nectar-menu-icon {
margin-right: 0;
}
body .no-transition,
body #slide-out-widget-area-bg.fullscreen-alt.open.no-transition,
body #slide-out-widget-area-bg.fullscreen-alt.no-transition,
.page-submenu.no-trans,
.sf-menu >.no-trans >ul,
body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open),
.posts-container article.ajax-loaded,
body[data-button-style="slightly_rounded_shadow"] .nectar-button.wpb_start_animation,
body[data-button-style="rounded_shadow"] .nectar-button.wpb_start_animation,
.post-area.masonry {
-webkit-transition:none!important;
transition:none!important
}
#header-outer nav >ul >.megamenu >.sub-menu{
display:table
}
#header-outer nav >ul >.megamenu >.sub-menu{
padding:30px 0
}
#header-outer nav >ul >.megamenu >ul >li{
padding:0 0 0 30px;
border:none
}
#top nav >ul >li >ul >li,
#header-outer[data-format="centered-menu"] #top nav >ul >li >ul >li,
#header-secondary-outer .sf-menu > li > ul > li,
#header-outer .widget_shopping_cart .cart_list,
#header-outer .widget_shopping_cart .total,
#header-outer .widget_shopping_cart .buttons{
opacity:0;
transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1);
-webkit-transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1)
}
#header-outer .widget_shopping_cart .cart_list,
#header-outer .widget_shopping_cart,
.wpcf7-form-control-wrap,
.nectar-social.full-width >* {
display:block!important
}
#header-outer nav >ul >.megamenu >ul >li:last-child{
padding-right:30px
}
[data-megamenu-width="full-width"] #top nav >ul >.megamenu:not(.width-50):not(.width-75) >ul >li {
padding-right: 30px;
padding-left: 0;
}
[data-megamenu-width="full-width"] #top nav >ul >.megamenu:not(.width-50):not(.width-75) >ul >li:last-child{
padding-right:0;
padding-left: 0;
}
#header-outer nav >ul >.megamenu >ul >li >ul{
margin:0;
padding:0
}
#top nav >ul >.megamenu >ul >li{
width:33.33%
}
#top nav >ul >.megamenu >ul >li {
display:table-cell;
float:none;
}
#top nav >ul >.megamenu.columns-2 >ul >li{
width:50%
}
#top nav >ul >.megamenu.columns-3 >ul >li{
width:33.33%
}
#top nav >ul >.megamenu.columns-4 >ul >li{
width:25%
}
#top nav >ul >.megamenu.columns-5 >ul >li{
width:20%
}
#top nav >ul >.megamenu.columns-6 >ul >li{
width:16.66%
}
#header-outer nav >ul >.megamenu >ul >li ul {
display:block;
top:0!important;
width:100%;
opacity:1!important;
left:0!important;
box-shadow:none;
position:relative
}
#header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{
margin-left:0;
padding-right:0;
padding-left:0
}
#header-outer nav >ul >.megamenu ul li{
float:none
}
#header-outer nav >ul >.megamenu ul li a{
border-bottom:none;
padding:9px 15px
}
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >a,
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >a{
color:#444
}
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{
padding-bottom:15px
}
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >ul{
padding-bottom:20px
}
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul:last-child >ul{
padding-bottom:0
}
#header-outer nav >ul >.megamenu >.sub-menu >li a,
body #header-outer nav >ul >.megamenu >.sub-menu >li a,
body #header-outer nav >ul >.megamenu >.sub-menu >li >a,
#header-outer nav >ul >.megamenu >ul >li >a:hover,
#header-outer nav >ul >.megamenu >ul >.sfHover >a,
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul.current-menu-item >a,
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >a,
body:not([data-header-format="left-header"]) #header-outer nav >ul >.megamenu >ul >li >ul >.has-ul >a{
background-color:transparent!important
}
#header-secondary-outer .sf-menu li ul li a,
#top .sf-menu li ul li a {
background-color:transparent
}
#header-outer .sf-menu li ul li a .item_desc,
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc {
display: block;
font-size: 14px;
line-height: 22px;
}
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc {
display: none;
opacity: 0.75;
}
body[data-header-format="left-header"] #top .sf-menu li ul li a .item_desc {
margin-bottom: 10px;
}
#top .menu-item-language .iclflag,
#header-secondary-outer .menu-item-language .iclflag{
top:1px;
position:relative;
margin-right:4px
}
.sf-menu >li >ul{
opacity:0;
pointer-events:none;
display:block;
transform: translateY(-9999px);
box-shadow:0 6px 28px rgba(0,0,0,0.08);
}
.sf-menu >li.sfHover >ul {
transform: none;
}
.sf-menu >li ul{
padding:20px;
width:20em
}
.sf-menu >li ul a,
#header-outer nav >ul >.megamenu ul li a{
padding:6px 6px
}
.sf-menu li ul li .sf-sub-indicator{
top:6px;
right:6px
}
body[data-header-color="light"]:not([data-header-format="left-header"]) #header-outer:not(.transparent) .sf-menu >li ul{
border-top:1px solid #e9e9e9
}
#header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu >li:not(.megamenu) ul{
border-top:none
}
#header-secondary-outer .sf-menu li ul,
body:not([data-header-format="left-header"]) #top .sf-menu li ul,
#header-outer nav >ul >.megamenu >.sub-menu {
background-color:#fff
}
#header-outer .sf-menu li ul li a {
color:#999
}
.sf-menu .megamenu li ul{
-webkit-transform:none;
transform:none;
box-shadow:none
}
#header-outer #top .sf-menu .megamenu li ul,
#header-outer #header-secondary-outer .sf-menu .megamenu li ul,
[data-header-color="light"] #header-outer:not(.transparent) .sf-menu > .megamenu li ul {
border-top:0;
}
.sf-menu li li ul{
display:block;
visibility:visible;
top:0!important;
z-index:auto;
left:20em;
margin-left:-20px;
margin-top:-20px;
-webkit-transition:transform 0.25s,opacity 0.25s;
transition:transform 0.25s,opacity 0.25s;
box-shadow:0 19px 35px rgba(0,0,0,0.11);
opacity:0;
pointer-events:none;
-webkit-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0);
}
body[data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul,
body[data-header-color="custom"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul {
margin-top: -21px;
}
body[data-header-color="light"] #header-secondary-outer .sf-menu > li:not(.megamenu) li ul,
body[data-header-color="light"] .sf-menu > li:not(.megamenu) li ul,
body[data-header-color="light"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul,
body[data-header-color="custom"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul {
margin-top:-20px
}
.sf-menu ul li a{
border-bottom:0
}
.sf-menu .sfHover > ul {
pointer-events:all;
opacity:1;
}
.sf-menu ul .sfHover > ul {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.sf-menu > li.sfHover:not(.megamenu) > ul:not(.on-left-side) {
left: 0;
}
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;
}
@media only screen and (min-width: 1000px) {
#header-outer:not([data-format="left-header"]) {
padding-top: 0;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row,
#header-outer:not([data-format="left-header"]) #top > .container > .row nav,
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul,
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#header-outer:not([data-format="left-header"]) #top .span_9,
#header-outer:not([data-format="left-header"]) #top .span_3 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: none;
width: auto;
}
#header-outer .logo-spacing {
line-height: 0;
}
#header-outer[data-format="default"] #top .span_9 {
margin-left: auto;
}
#header-outer[data-format="centered-menu"] #top .span_9 nav .sf-menu:not(.buttons),
#header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav .sf-menu:not(.buttons),
#header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav,
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 nav {
-webkit-justify-content: center;
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;
align-items: center;
}
#header-outer:not([data-format="left-header"]) #top nav >ul {
float: none;
display: inline-block;
vertical-align: middle;
}
#header-outer #top > .container > .row .right-aligned-menu-items nav {
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}
#header-outer[data-format="centered-menu-under-logo"] .row,
#header-outer[data-format="centered-menu-bottom-bar"] .row {
-webkit-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 999px) {
#top .col.span_9 {
text-align: right;
line-height: 0;
}
#top .span_9 >.slide-out-widget-area-toggle > div,
#header-outer .mobile-search .icon-salient-search,
#header-outer #top #mobile-cart-link i,
#header-outer .mobile-user-account .icon-salient-m-user {
position: relative;
display: block;
top: 50%;
font-size: 18px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
}
#top .span_9 >.slide-out-widget-area-toggle,
#top #mobile-cart-link,
#top .mobile-search,
#header-outer #top .mobile-user-account {
position: relative;
width: auto;
padding: 0 10px;
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 10px;
}
#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;
}
}
@media only screen and (max-width: 999px) {
.left-aligned-ocm .slide-out-widget-area-toggle .hover-effect,
.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 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: 1!important;
font-size: 14px;
}
#top .span_9 > .slide-out-widget-area-toggle a.using-label .label {
transition: color 0.2s ease;
}
#top 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 ul .slide-out-widget-area-toggle a.using-label,
#top .span_9 > .slide-out-widget-area-toggle a.using-label,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a.using-label {
width: auto;
vertical-align: middle;
}
#top nav .buttons li{
line-height:12px;
position:relative
}
#top nav .buttons .menu-item a{
position:relative
}
#top nav ul #search-btn a,
#top nav ul #nectar-user-account a,
#top nav ul .slide-out-widget-area-toggle a{
padding:0 0 0 0;
width:24px;
text-align: center;
display:block;
background-position:right top;
background-repeat:no-repeat;
box-sizing:content-box;
}
#top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle,
body.material #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul[data-user-set-ocm="off"] > .slide-out-widget-area-toggle{
display:none
}
#top nav ul #nectar-user-account a span,
#top nav ul #search-btn a span {
top: 0;
background-color:transparent;
}
/* Icons in menu */
#header-outer header .nectar-menu-icon-img {
margin-bottom: 0;
width: 18px;
max-height: 200px;
height: auto;
vertical-align: middle;
transition: opacity 0.2s ease 0.05s;
}
#header-outer nav ul ul .nectar-menu-icon-img:not(.loaded) {
opacity: 0;
}
#header-outer ul.sf-menu > li > a > .nectar-menu-icon-img {
max-height: 40px;
}
#header-outer ul.sf-menu > li.menu-item-has-icon > a {
display: flex;
align-items: center;
}
#header-outer header .nectar-menu-icon-img,
#header-outer header .nectar-menu-icon {
margin-right: 10px;
top: 0;
line-height: inherit;
display: inline-block;
}
.nectar-menu-icon.svg-icon svg {
width: 18px;
height: 18px;
}
.nectar-menu-icon.svg-icon svg path {
fill: currentColor;
}
#header-outer header .nectar-menu-icon {
font-size: 16px;
top: 0;
vertical-align: middle;
}
#header-outer header .nectar-menu-item-with-icon,
#header-secondary-outer .nectar-menu-item-with-icon,
#slide-out-widget-area .menu-item-has-icon > a {
display: flex;
align-items: flex-start;
}
.off-canvas-menu-container .nectar-menu-icon {
font-size: inherit;
top: 0;
margin-right: 10px;
}
.off-canvas-menu-container .sub-menu .nectar-menu-icon {
transform: none;
margin-right: 10px;
}
.off-canvas-menu-container .nectar-menu-icon-img {
max-width: 40px;
height: auto;
margin-right: 10px;
width: 100%;
}
/* Menu Label Badges */
.nectar-menu-label {
padding: 5px 8px;
line-height: 1;
font-size: 12px;
margin-left: 5px;
position: relative;
display: inline-block;
vertical-align: middle;
}
.nectar-menu-label:before {
opacity: 0.15;
}
/* Nectar Megamenu */
/* Social in menu */
#header-outer #social-in-menu i,
.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i {
font-size:18px;
color:inherit;
background-color:transparent;
transition:transform 0.25s ease,opacity 0.2s ease;
-webkit-transition:-webkit-transform 0.25s ease,opacity 0.2s ease;
text-align:center;
line-height:24px;
height:22px;
width:36px;
position: relative;
}
#header-outer #social-in-menu a {
display:inline-block;
margin-right:0;
margin-left:0;
overflow:hidden
}
#header-outer #social-in-menu a i:after,
.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i:after {
position:absolute;
top:100%;
left:0;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
width:100%
}
#header-outer #social-in-menu a i:before{
width:100%
}
#header-outer #social-in-menu [class^="fa-"]:after,
#header-outer #social-in-menu [class*="fa-"]:after,
#header-outer #social-in-menu .fa-vine:before,
#header-outer #social-in-menu .fa-vine:after{
text-decoration:inherit;
display:block;
speak:none
}
#header-outer #social-in-menu .fa-vine{
display:block;
text-align:center
}
#header-outer #social-in-menu i.fa-facebook{
width:28px
}
#header-outer #top #social-in-menu i.fa-houzz,
#header-outer #top #social-in-menu i.icon-salient-tiktok {
font-size:16px;
}
#header-outer[data-format="default"] #social-in-menu{
margin:0 0 0 30px
}
body.original #header-outer[data-full-width="true"][data-format="default"] #social-in-menu{
margin-right: 22px;
}
#header-outer[data-lhe="animated_underline"] #top nav >ul >#social-in-menu >a,
#header-outer[data-lhe="default"] #top nav >ul >#social-in-menu >a{
margin-left:0;
margin-right:0;
padding-right:0;
padding-left:0
}
#top #mobile-cart-link,
#top .mobile-search,
#top .mobile-user-account {
display:none;
text-align:right;
z-index:10000
}
#top .span_9 >.slide-out-widget-area-toggle{
display:none;
z-index:10000;
}
#top #mobile-cart-link i,
.mobile-search .icon-salient-search,
.mobile-user-account .icon-salient-m-user {
background-color:transparent;
color:#a9a9a9;
line-height:34px;
font-size:18px;
width:18px;
transition:color 0.3s ease;
-webkit-transition:color 0.3s ease
}
#header-outer #mobile-cart-link .cart-wrap span {
border-radius: 50%;
height: 16px;
width: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
display: block;
visibility:hidden
}
#header-outer #mobile-cart-link .cart-wrap {
position: absolute;
top: 50%;
margin-top: -14px;
right: 1px;
color: #fff;
}
#header-outer .first-load a.cart-contents .cart-wrap span,
#header-outer #mobile-cart-link.first-load .cart-wrap span {
visibility:visible;
animation:.6s ease-in-out .12s normal both 1 bounce_in_animation;
}
.material .mobile-search .icon-salient-search,
.material .mobile-user-account .icon-salient-m-user {
color:#a9a9a9;
}
body #header-outer.no-bg-color{
box-shadow:none!important;
background-color:transparent!important
}
#header-outer.slide-out-hover #top.all-hidden,
#header-outer >.cart-outer.all-hidden{
opacity:0
}
#header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle{
position:relative
}
#header-outer.dark-text #top nav ul #search-btn a span,
#header-outer.dark-text #top nav ul #nectar-user-account a span {
opacity:1
}
.lines-button.x2.close .lines,
.sf-menu .megamenu li ul,
#header-outer .sf-menu .megamenu ul .sub-menu {
background-color:transparent!important
}
#header-outer[data-transparent-header="true"] #logo .dark-version {
position:absolute
}
.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
}
.slide-out-hover-icon-effect a{
width:34px
}
.slide-out-hover-icon-effect.small a{
width:auto
}
/* Search bar */
#search-outer {
display: none;
}
.ui-helper-hidden-accessible{
display:none
}
#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
}
@media only screen and (min-width:1000px){
body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached),
body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"][data-permanent-transparent="false"][data-using-secondary="1"] {
top:0
}
}
body[data-hhun="1"].original #header-outer.detached:not(.side-widget-open){
-webkit-transform:translateY(0);
transform:translateY(0);
}
body[data-hhun="1"].original #header-outer[data-remove-border="true"].detached:not(.side-widget-open){
border-color:rgba(255,255,255,0)
}
body[data-hhun="1"] #header-outer[data-header-resize="0"]:not([data-format="left-header"]).invisible {
box-shadow: none;
}
body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open){
transition:transform .3s ease, box-shadow 0.3s ease;
z-index:9998;
pointer-events:none
}
body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open),
body[data-hhun="1"] #header-outer.no-trans-hidden:not(.side-widget-open) {
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;
}
/*---------------------*/
/* 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;
}
.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.column-video,
.wpb_row .mobile-video-image.column-video {
z-index: -1;
}
body.using-mobile-browser .wpb_row .nectar-video-wrap,
body.using-mobile-browser #page-header-bg .nectar-video-wrap {
left: -3000px;
}
body.using-mobile-browser .nectar-slider-wrap .slide-bg-wrap .video-wrap {
bottom: -3000px;
}
.wpb_row .nectar-video-wrap video {
transition: opacity 0.25s ease;
opacity:0;
}
.wpb_row .nectar-video-wrap.position-loaded video {
opacity:1;
}
#page-header-bg .nectar-video-wrap{
opacity:1;
background-position:center;
background-repeat:repeat;
height: 100%;
width: 100%;
}
#page-header-bg .nectar-video-wrap video{
opacity:0
}
.video-color-overlay{
width:100%;
height:100%;
opacity:0;
position:absolute;
-webkit-backface-visibility:hidden;
top:0;
left:0;
padding-bottom:0;
z-index:3
}
.wpb_row .nectar-video-wrap .mejs-container .mejs-controls,
.mejs-overlay-button,
.mejs-overlay-loading,
#search-outer .ui-helper-hidden-accessible,
.mobile #search-outer .ui-widget-content {
display:none!important
}
.wpb_row >.span_12{
z-index:10;
}
.wpb_row >.span_12{
margin-bottom:0!important;
}
.wpb_row >.span_12 >.column_container:last-child{
margin-bottom:0;
}
#page-header-bg .container{
z-index:100
}
/* Nectar mouse parallax */
.nectar-slider-loading{
background-color:#393939;
background-position:center;
background-repeat:repeat;
position:absolute;
z-index:1000;
top:0;
left:0;
width:100%;
height:100%
}
/* General */
body .full-width-section {
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
.full-width-section {
background-size:cover;
width:100%;
position:relative;
}
.full-width-content.parallax_section{
background-size:cover;
}
.full-width-content.vc_row-fluid .wpb_column{
background-position:center;
background-size:cover;
}
.wpb_row{
position:relative
}
.wpb_row.vc_row-o-full-height {
min-height: 99vh;
}
.wpb_row .row-bg,
.full-width-section .row-bg,
#page-header-bg .page-header-bg-image-wrap {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
}
.row-bg.viewport-tablet,
.row-bg.viewport-phone,
.column-image-bg-wrap.viewport-tablet,
.column-image-bg-wrap.viewport-phone {
display: none;
}
@media only screen and (max-width: 999px) and (min-width: 691px) {
.row-bg.viewport-tablet,
.column-image-bg-wrap.viewport-tablet {
display: block;
}
.row-bg.viewport-desktop.has-tablet,
.column-image-bg-wrap.viewport-desktop.has-tablet {
display: none;
}
}
@media only screen and (max-width: 690px) {
.row-bg.viewport-phone,
.column-image-bg-wrap.viewport-phone {
display: block;
}
.row-bg.viewport-desktop.has-phone,
.column-image-bg-wrap.viewport-desktop.has-phone {
display: none;
}
}
#page-header-bg[data-parallax="1"] .page-header-bg-image{
height: calc(100% + 20px);
top: auto;
bottom: 0;
}
@media only screen and (min-width: 1000px) {
#page-header-bg[data-parallax="1"] .page-header-bg-image{
height: calc(100% + 40px);
}
}
.page-header-bg-image-wrap[data-n-parallax-bg="true"] .page-header-bg-image{
height: calc(100% + 40px);
top: auto;
bottom: 0;
}
.wpb_row .row-bg-wrap .row-bg-overlay {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:' ';
z-index:2;
backface-visibility: hidden;
}
.row.right-align-text{
text-align:right
}
.wpb_row.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
}
.full-width-section >.span_12 >div:last-child {
padding-bottom:0
}
.full-width-section img{
display:block;
margin-bottom:0
}
html:not(.js) .full-width-section,
html:not(.js) .full-width-content{
visibility:visible
}
.full-width-section.parallax_section .row-bg,
.full-width-content.parallax_section .row-bg, .wpb_row.parallax_section .row-bg{
background-attachment:fixed
}
body .full-width-section.parallax_section .row-bg.translate,
body .full-width-content.parallax_section .row-bg.translate,
body .wpb_row.parallax_section .row-bg.translate,
.nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg.translate,
#page-header-bg .page-header-bg-image.translate,
[data-parallax="true"] .swiper-slide .image-bg.translate,
.wpb_row .column-image-bg-wrap .column-image-bg.translate {
background-attachment:scroll;
top:auto;
bottom:0
}
body .full-width-content.parallax_section .row-bg,
body .full-width-section.parallax_section .row-bg,
body .wpb_row.parallax_section .row-bg {
background-attachment:fixed
}
body[data-ajax-transitions="false"] .parallax_section .row-bg,
body[data-ajax-transitions="false"] .parallax-layer.column-image-bg,
body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg {
opacity: 0;
transition: opacity 0.2s ease;
}
_::-webkit-full-page-media, _:future, :root body[data-ajax-transitions="false"] .parallax_section .row-bg {
opacity: 1;
}
body[data-ajax-transitions="false"] .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]),
body:not([data-remove-m-parallax="1"]) .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]),
body:not([data-remove-m-parallax="1"]) .top-level .parallax_section .nectar-recent-post-slide .row-bg {
opacity: 1;
background-attachment: scroll;
top: auto;
bottom: 0;
}
body:not([data-remove-m-parallax="1"]) .top-level .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg {
opacity: 1;
}
.top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap .parallax-layer {
top: auto;
bottom: 0;
opacity: 1;
}
@media only screen and (min-width: 1000px) {
body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="slow"]:not([data-parallax-speed="fixed"]),
body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed="slow"] .parallax-layer {
height: calc(100% + 90px);
}
body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed="medium"]:not([data-parallax-speed="fixed"]),
body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed="medium"] .parallax-layer {
height: calc(100% + 70px);
}
body:not([data-header-format="left-header"]) .parallax_section.top-level .row-bg[data-parallax-speed*="fast"]:not([data-parallax-speed="fixed"]),
body:not([data-header-format="left-header"]) .top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed*="fast"] .parallax-layer {
height: calc(100% + 40px);
}
}
@media only screen and (max-width: 999px) {
body .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]),
.top-level .vc_col-sm-12:not(.child_column) > .vc_column-inner > .column-image-bg-wrap[data-parallax-speed*="fast"] .parallax-layer {
height: calc(100% + 40px);
}
}
body .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg,
body .top-level .nectar-simple-slider[data-parallax="true"] .parallax-layer {
height: calc(100% + 40px);
}
.global-section-after-header-nav-active #page-header-bg[data-parallax="1"] .page-header-bg-image,
.global-section-after-header-nav-active .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg,
.global-section-after-header-nav-active .top-level .nectar-simple-slider[data-parallax="true"] .parallax-layer,
.global-section-after-header-nav-active #ajax-content-wrap .parallax_section.top-level .row-bg:not([data-parallax-speed="fixed"]) {
height: calc(100% + 90px);
}
body[data-ajax-transitions="false"] .parallax_section .nectar-recent-post-slide .row-bg,
body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .row-bg,
body[data-ajax-transitions="false"] .parallax_section.nectar-parallax-enabled .nectar-recent-post-slide .nectar-recent-post-bg,
body[data-ajax-transitions="false"] .parallax_section .row-bg[data-parallax-speed="fixed"],
body[data-ajax-transitions="false"] .parallax_section .row-bg .nectar-recent-post-slide,
body[data-ajax-transitions="false"] .nectar-parallax-enabled .parallax-layer.column-image-bg:not([data-nectar-img-src]) {
opacity: 1;
}
.full-width-section.parallax_section .row-bg-wrap,
.full-width-content.parallax_section .row-bg-wrap,
.wpb_row.parallax_section .row-bg-wrap,
.wpb_row .row-bg-wrap .inner-wrap {
overflow:hidden;
width:100.1%;
height:100.1%;
position:absolute;
z-index:1;
top:0;
left:0
}
.wpb_row.parallax_section .row-bg-wrap,
.wpb_row .row-bg-wrap[data-bg-animation="zoom-out-reveal"] {
z-index: 2;
}
.wpb_row .row-bg-wrap,
.full-width-section .row-bg-wrap {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
/* Row border radius */
.wpb_row[data-br*="px"][data-br-applies="inner"] .row_col_wrap_12,
.wpb_row[data-br*="px"][data-br-applies="bg"] > .row-bg-wrap,
.wpb_row[data-br*="px"][data-br-applies="both"] .row_col_wrap_12,
.wpb_row[data-br*="px"][data-br-applies="both"] > .row-bg-wrap {
overflow: hidden;
}
.wpb_row.parallax_section[data-br*="px"][data-br-applies="both"] > .row-bg-wrap {
height: 100%;
}
/* Row and Col Background Animations */
.row-bg-wrap[data-bg-animation*="fade"], .row-bg-wrap[data-bg-animation*="zoom"],
.column-image-bg-wrap[data-bg-animation*="fade"], .column-image-bg-wrap[data-bg-animation*="zoom"] {
overflow: hidden;
}
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap.using-image,
.row-bg-wrap[data-bg-animation="fade-in"] .inner-wrap:not(.using-image) + .row-bg-overlay {
opacity: 0;
transition: opacity 0.85s ease-out;
}
.column-image-bg-wrap[data-bg-animation="fade-in"] .inner-wrap {
opacity: 0;
transition: opacity 0.55s ease-out;
}
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 {
transform: scale(1.25);
transition: transform 2.5s cubic-bezier(0.1,0.55,0.4,1);
}
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap.using-image,
.column-image-bg-wrap[data-bg-animation="zoom-out-high"] .inner-wrap {
transform: scale(1.6);
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"] {
transform: scale(0.7);
overflow: hidden;
opacity: 0;
transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1), opacity 0.4s ease-out;
}
.bg-animation--slight .row-bg-wrap[data-bg-animation="zoom-out-reveal"] {
transform: scale(0.92);
}
.wpb_column .column-bg-overlay-wrap[data-bg-animation="zoom-out-reveal"] {
transform: scale(0.7);
opacity: 0;
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 {
transform: scale(1.75);
transition: transform 1.3s cubic-bezier(0.12,0.75,0.4,1);
}
.bg-animation--slight .row-bg-wrap[data-bg-animation="zoom-out-reveal"] .inner-wrap {
transform: scale(1.15);
}
.bg-animation--slight .row-bg-wrap[data-bg-animation="zoom-out-reveal"] {
opacity: 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 {
transform: scale(1.35);
transition: transform 8s cubic-bezier(0.1,0.2,.7,1);
}
.column-image-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap {
transform: scale(1.45);
}
@keyframes row_bg_zoom_out {
0% { transform: scale(1.2); }
100% { transform: scale(1); }
}
body[data-ajax-transitions="false"] #page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image-wrap,
body[data-ajax-transitions="false"] .top-level .row-bg-wrap[data-bg-animation="zoom-out"] .inner-wrap.using-image {
transform: scale(1);
animation: row_bg_zoom_out 2.5s cubic-bezier(0.1,0.55,0.4,1) forwards;
}
body[data-ajax-transitions="false"] .top-level .row-bg-wrap[data-bg-animation="zoom-out-slow"] .inner-wrap.using-image {
transform: scale(1);
animation: row_bg_zoom_out 8s cubic-bezier(0.1,0.2,.7,1) forwards;
}
.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;
}
.full-width-section.no-cover .row-bg,
.wpb_row .row-bg.no-cover,
.full-width-section .row-bg.no-cover{
background-size:auto!important;
}
body .full-width-section >.col.span_12{
float:none
}
html body .vc_row-fluid.legacy > .span_12 {
display: block;
}
.full-width-section >.col.span_12.light,
.full-width-content >.col.span_12.light,
.col.span_12.light .wpb_text_column >.wpb_wrapper >ul,
.span_12.light .wpb_text_column a {
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_row.vc_row-o-equal-height.vc_row-o-content-top>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper{
min-height:100%;
}
.vc_column_container>.vc_column-inner {
position: relative;
}
@media only screen and (max-width: 999px) {
body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12,
body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner,
body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container {
display: -webkit-flex;
display: flex;
}
}
@media (max-width: 1299px) and (min-width: 1000px) {
.vc_hidden-md {
display: none;
}
}
/*---------------------*/
/* 7. Column Styles
/*---------------------*/
.col {
position: relative;
float: left;
}
.col-overflow-hidden > .vc_column-inner {
overflow: hidden;
}
/* Column boxed style */
.col.boxed:not(.wpb_column) {
box-shadow:0 1px 2px rgba(0,0,0,0.2);
background-color:#fff;
padding:25px 15px 15px 15px;
position:relative;
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.no-pointer-events{
pointer-events:none
}
.column-image-bg-wrap .column-image-bg[data-nectar-img-src],
.row-bg-wrap .row-bg[data-nectar-img-src] {
opacity: 0;
}
/* 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"]{
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,
.wpb_column.centered-text .nectar-responsive-text {
margin-left: auto;
margin-right: auto;
}
/* Background */
.wpb_column{
background-position:center
}
.wpb_column .column-bg-overlay,
.wpb_column .column-bg-overlay-wrap {
pointer-events: none;
position:absolute;
z-index:-1;
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);
}
.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:11
}
/* Border layer */
/* (Bulk Loaded conditionally) - See css/elements/wpb-column-border.css */
/* General */
.col.span_3 .col.span_12 i,
.col.span_4 .col.span_12 i{
margin-bottom:0
}
body .wpb_text_column{
margin-bottom:0
}
.wpb_animate_when_almost_visible {
opacity: 0;
}
.wpb_start_animation {
opacity: 1;
}
body .wpb_text_column h2:last-child,
body .wpb_text_column h3:last-child{
margin-bottom:10px
}
/*---------------------*/
/* 8. Third Party Styling
/*---------------------*/
/* Sticky sidebar */
.theiaStickySidebar:after {
content: "";
display: table;
clear: both;
}
.vc_row-o-equal-height.vc_row.vc_row-flex > .span_12 > .nectar-sticky-column {
display: block;
}
/* yoast breadcrumbs */
body[data-bg-header="true"].page .main-content > .row > #breadcrumbs.yoast,
body[data-bg-header="true"].single-portfolio #full_width_portfolio .main-content > .row > #breadcrumbs.yoast {
padding-top: 20px;
}
/* WPML dev mode */
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.otgs-development-site-front-end {
z-index: 9;
position: relative;
margin-bottom: 0;
}
/* Revolution Slider */
rs-module video, rs-module audio {
visibility: visible;
}
/* WP Job Manager */
.single_job_listing .company img {
height: 3em;
}
.single_job_listing .meta li {
list-style: none;
}
/* Flexslider */
.flex-gallery{
margin:0;
padding:0
}
.flex-gallery .slides >li{
display:none;
-webkit-backface-visibility:hidden
}
.flex-gallery .slides img{
width:99.8%;
display:block
}
.flex-pauseplay span{
text-transform:capitalize
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
html[xmlns] .slides{
display:block
}
* html .slides{
height:1%
}
.no-js .slides >li:first-child{
display:block
}
.flex-gallery{
margin:0 0 15px;
position:relative;
background-color:transparent
}
.loading .flex-viewport{
max-height:300px
}
.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;
transition:all 0.2s ease;
border-radius:1px;
}
.flex-direction-nav a i{
line-height:29px;
font-size: 16px;
color:#fff;
background-color:transparent
}
.flex-direction-nav .flex-next{
padding-left:2px
}
.flex-direction-nav .flex-prev{
padding-right:2px
}
body #ajax-content-wrap .flex-gallery .flex-direction-nav li{
float:left;
margin-left:7px
}
.flex-direction-nav a:hover{
background-color:#333
}
.flex-direction-nav .flex-next span{
background-position:right top;
top:9px;
right:9px;
position:absolute;
display:block;
height:15px;
width:15px;
z-index:100
}
.flex-direction-nav .flex-prev span{
background-position:left top;
top:9px;
left:9px;
position:absolute;
display:block;
height:15px;
width:15px;
z-index:100
}
/* Slider paginations */
body.mobile.material [data-bullet_style="see_through"] .slider-pagination {
bottom: 13px;
}
body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before {
position: relative;
top: 50%;
}
body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before {
display: block;
content: '';
}
.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot,
.nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot,
.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot,
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot,
.nectar-woo-flickity .flickity-page-dots .dot,
body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch {
width:30px;
margin:0;
opacity:0.35
}
.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before,
.nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot:before,
.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-page-dots .dot:before,
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before,
.nectar-quick-view-box .flickity-page-dots .dot:before,
.nectar-woo-flickity .flickity-page-dots .dot:before,
body.material [data-bullet_style="see_through"] .slider-pagination .swiper-pagination-switch:before {
width:6px;
height:6px;
transition:all 0.25s ease;
border-radius:50%;
margin-left:11px;
background-color:transparent;
box-shadow:inset 0 0 0 5px #000
}
.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
}
.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
}
#header-outer .wpml-ls-menu-item .wpml-ls-flag{
margin-bottom:0
}
#slide-out-widget-area .wpml-ls-menu-item .wpml-ls-flag {
max-width: 100px;
}
/* Isotope */
.isotope-item{
z-index:2
}
.isotope-hidden.isotope-item{
pointer-events:none;
z-index:1
}
.isotope{
transition-property:height
}
.isotope .isotope-item{
transition-property: transform,opacity
}
/*---------------------*/
/* 9. Salient Elements
/*---------------------*/
/* 9.1. Animated Title */
/* (Bulk Loaded conditionally) - See css/elements/animated title.css */
/* 9.2. Button */
.btn {
padding:8px 16px
}
.nectar-button {
border-radius:5px;
box-shadow:0 -3px rgba(0,0,0,0.1) inset;
transition:opacity .45s cubic-bezier(0.25,1,0.33,1);
color:#FFF;
font-family:'Open Sans';
font-weight:600;
font-size:12px;
padding:13px 18px;
position:relative;
top: 0;
margin-bottom:10px;
opacity:1;
line-height:20px;
background-color:#000;
display:inline-block
}
.nectar-button.large{
font-size:14px;
padding:15px 22px;
box-shadow:0 -3px rgba(0,0,0,0.1) inset;
}
.nectar-button.jumbo{
font-size:18px;
padding:25px 40px;
box-shadow:0 -3px rgba(0,0,0,0.1) inset;
}
body .nectar-button.large.see-through,
body .nectar-button.large.see-through-2,
body .nectar-button.large.see-through-3{
border-width:2px;
padding-top:13px;
padding-bottom:13px
}
body .nectar-button.jumbo.see-through,
body .nectar-button.jumbo.see-through-2,
body .nectar-button.jumbo.see-through-3{
border-width:4px;
padding-top:21px;
padding-bottom:21px
}
body .nectar-button em{
font-size:inherit;
line-height:inherit
}
.nectar-button i,
.nectar-button i[class*="fa-"] {
font-size:18px;
line-height:18px;
width:18px;
position:absolute;
top:50%;
right:30px;
margin-top:-9px;
opacity:0;
-ms-filter:"alpha(opacity=0)";
transition:all .45s cubic-bezier(0.25,1,0.33,1);
}
.nectar-button i.icon-button-arrow{
font-size:19px
}
.nectar-button span{
left:0;
display:inline-block;
transform:translateX(0);
transition:opacity .45s cubic-bezier(0.25,1,0.33,1),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.large .im-icon-wrap svg {
width: 16px;
height: 16px;
}
.nectar-button.medium .im-icon-wrap svg {
width: 14px;
height: 14px;
}
.nectar-button.small .im-icon-wrap svg {
width: 12px;
height: 12px;
}
.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%;
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 .im-icon-wrap span,
.nectar-button .im-icon-wrap span svg {
vertical-align: middle;
}
.nectar-button.has-icon, .nectar-button.tilt.has-icon{
padding-left:42px;
padding-right:42px
}
.nectar-button.has-icon i {
text-align: center;
}
.nectar-button.has-icon:hover span,
.nectar-button.tilt.has-icon span,
body.material .nectar-button.has-icon span {
transform:translateX(-18px)
}
.nectar-button.has-icon:hover i,
.nectar-button.tilt.has-icon i,
body.material .nectar-button.has-icon i {
opacity:1;
-ms-filter:"alpha(opacity=100)";
transform:translateX(6px);
}
.nectar-button:hover,
.full-width-section .light .nectar-button:hover{
opacity:0.87;
color:#fff
}
@media only screen and (min-width: 1000px) {
.full-width-section .light .nectar-button.wpb_animate_when_almost_visible:not(.see-through):not(.see-through-2):not(.see-through-3):not(.animated),
body .nectar-button.wpb_animate_when_almost_visible{
opacity:0
}
}
body[data-button-style] .nectar-button.wpb_animate_when_almost_visible.animated {
opacity:1
}
.nectar-button.see-through,
body .nectar-button.see-through {
opacity:1!important;
transition:all .45s cubic-bezier(0.25,1,0.33,1);
border-radius:2px;
border:2px solid rgba(255,255,255,0.75)
}
.nectar-button.see-through,
body .nectar-button.see-through,
.text_on_hover.product .add_to_cart_button {
background-color:transparent!important;
box-shadow:none!important;
}
.nectar-button.see-through-2, .nectar-button.see-through-3{
background-color:transparent;
box-shadow:none;
opacity:1;
transition:all .45s cubic-bezier(0.25,1,0.33,1);
border-radius:2px;
border:2px solid rgba(255,255,255,0.75)
}
.nectar-button.see-through-3{
border:2px solid rgba(255,255,255,1)
}
body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through,
body[data-button-style*="slightly_rounded"] .col.dark .nectar-button.see-through-2 {
border-color: rgba(0,0,0,0.15);
color: #000;
}
body[data-button-style="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;
}
.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.dark .nectar-button.see-through,
.col.dark .nectar-button.see-through-2 {
border-color: rgba(0,0,0,0.75);
color: #444444;
}
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,
.nectar-button.tilt {
display:block;
background:#5cbcf6;
outline:1px solid transparent;
transform-style:preserve-3d;
outline:none;
padding-left:22px;
padding-right:22px;
position:relative;
border-bottom:none;
opacity: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;
}
.swiper-slide .button.solid_color_2 a:after,
.nectar-button.tilt:after{
width:100%;
height:37%;
left:0;
top:-35%;
transform-origin:0% 100%;
transform:rotateX(90deg);
content:'';
position:absolute;
z-index:-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;
transform-origin:0% 0%;
transform:rotateX(-90deg);
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 .button-wrap,
.tilt-button-inner{
overflow:hidden;
padding:3px 0;
display:inline
}
/* Underline Effect */
.nectar-category-grid .nectar-category-grid-item .content[data-subtext="custom"][data-subtext-vis="always"] .subtext:after,
.nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top a:after,
.nectar-cta[data-style="underline"] .link_wrap .link_text:after {
display: block;
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 2px;
background-color: #fff;
bottom: -4px;
opacity: 0.8;
left: 0;
backface-visibility: hidden;
pointer-events: none;
animation: portSliderLine2 0.45s cubic-bezier(.15,.75,.5,1) forwards;
}
@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;}
}
/* 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,
.nectar-cta[class*="border_thickness"] .link_wrap {
cursor: pointer;
}
.nectar-cta[data-style="see-through"] .link_wrap .arrow:after{
position:absolute;
content:'';
border-bottom:1px solid #000;
height:1px;
width:22px;
right:12px;
top:50%;
margin-top:-2px;
transform:scale(0,1) translateX(0px);
transform-origin:left;
pointer-events:none;
transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.nectar-cta .link_wrap .arrow:before {
font-family:'icomoon';
font-weight:normal;
font-style:normal;
text-decoration:inherit;
backface-visibility:hidden;
-webkit-font-smoothing:antialiased;
content:"\e607";
color:#000;
line-height:30px;
font-size:14px;
position:absolute;
right:0;
width:26px;
text-align:center;
height:30px;
top:50%;
margin-top:-16px;
transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.nectar-cta[data-text-color="custom"] .link_wrap .arrow:before,
.span_12.light .nectar-cta[data-text-color="custom"] .link_wrap .arrow:before,
.nectar-cta[data-text-color="custom"] .arrow:after,
.span_12.light .nectar-cta[data-text-color="custom"] .arrow:after,
.nectar-cta[data-style="see-through"][data-text-color="custom"] .link_wrap .arrow:after{
color:inherit;
border-color:inherit
}
.nectar-cta[data-alignment="left"]{
text-align:left
}
.nectar-cta[data-alignment="center"]{
text-align:center
}
.nectar-cta[data-alignment="right"]{
text-align:right
}
.span_12.light .nectar-cta .link_wrap .link_text:after{
border-color:rgba(255,255,255,0.5);
border-radius:50%
}
.nectar-cta[data-color="black"]:not([data-style="material"]) .link_wrap {
background-color: #000;
}
.nectar-cta[data-color="white"]:not([data-style="material"]) .link_wrap {
background-color: #fff;
}
#ajax-content-wrap .nectar-cta .arrow,
.nectar-cta .arrow{
letter-spacing:0
}
.span_12.light .nectar-cta .arrow:before{
color:#fff
}
.span_12.light .nectar-cta .arrow:after{
border-color:#fff
}
.nectar-cta .link_wrap .link_text{
color:inherit
}
.nectar-cta > p {
padding-bottom: 0;
}
.nectar-cta[data-text-color="custom"] .link_wrap .link_text:after,
.nectar-cta[data-text-color="custom"] .link_wrap:after{
border-color:inherit!important
}
.nectar-cta[data-text-color="custom"] .link_wrap:before{
color:inherit!important
}
.nectar-cta .link_wrap .link_text:after,
.nectar-cta[data-style="material"] .link_wrap .link_text:before,
.nectar-cta[data-style="material"] .link_wrap .circle {
border-radius:100px;
border:1px solid rgba(0,0,0,0.3);
height:25px;
width:25px;
position:absolute;
right:0;
top:50%;
margin-top:-14px;
content:' ';
display:block;
pointer-events:none;
transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.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);
animation: none;
transform-origin: left;
z-index: 1;
}
.span_12.light .nectar-cta[data-style="underline"] .link_wrap .link_text:after {
border-radius: 0;
}
.nectar-cta[data-style="arrow-animation"] svg,
.nectar-cta[data-style="arrow-animation"] svg polyline {
stroke: currentColor;
}
.team-meta .nectar-cta[data-style="arrow-animation"] svg polyline {
stroke-dashoffset: 0;
stroke-dasharray: 0;
}
.nectar-cta[data-style="arrow-animation"] svg polyline {
stroke-dashoffset: 140px;
stroke-dasharray: 140px;
}
.nectar-cta[data-style="arrow-animation"] .link_wrap .link_text:after {
display: none;
}
.nectar-cta[data-style="arrow-animation"] .link_wrap .link_text {
padding: 0 0 0 40px;
position: relative;
}
.nectar-cta[data-style="arrow-animation"] .link_wrap .link_text > .text {
display: block;
}
.nectar-cta[data-style="arrow-animation"] .line {
height: 1px;
width: 25px;
position: absolute;
content: '';
left: 0;
display: block;
top: 50%;
transform-origin:left;
background-color: #000;
transform: translateY(calc(-50% + 0.5px)) translateZ(0);
}
.light .nectar-cta[data-style="arrow-animation"] .line {
background-color: #fff;
}
.nectar-cta[data-style="arrow-animation"] svg {
position: absolute;
left: 25px;
top: 50%;
width: 6px;
}
.team-meta nectar-cta[data-style="arrow-animation"] svg {
left: 24px;
}
@keyframes ctaArrowSVGStart {
0% {
transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
}
100% {
transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
}
}
@keyframes ctaArrowSVGEnd {
0% {
transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
}
100% {
transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
}
}
@keyframes ctaArrowTextStart {
0% {
transform: translateX(6px) translateZ(0);
}
100% {
transform: translateX(0) translateZ(0);
}
}
@keyframes ctaArrowTextEnd {
0% {
transform: translateX(0) translateZ(0)
}
100% {
transform: translateX(6px) translateZ(0);
}
}
@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="basic"] .link_wrap .link_text:after,
.nectar-cta[data-style="text-reveal-wave"] .link_wrap .link_text:after {
display: none;
}
.nectar-cta[data-style="basic"] .link_wrap .link_text,
.nectar-cta[data-style="text-reveal-wave"] .link_wrap .link_text {
padding-right: 0;
}
.nectar-cta[data-style="text-reveal-wave"][data-using-bg="true"] .link_wrap {
overflow: hidden;
display: inline-flex;
}
.nectar-cta[data-style="basic"][data-using-bg="true"] .text,
.nectar-cta[data-style="text-reveal-wave"][data-using-bg="true"] .text {
margin-right: 0;
}
.nectar-cta[data-style="text-reveal-wave"] .char,
.menu-item-hover-text-reveal-wave .char {
display: inline-block;
line-height: 1;
}
body[data-button-style^="rounded"] .nectar-cta .link_wrap:before {
border-radius: 200px;
}
body[data-button-style*="slightly_rounded"] .nectar-cta .link_wrap:before {
border-radius: 4px;
}
.nectar-cta[data-color*="extra-color-gradient"][class*="hover_color_"] .link_wrap:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
content: '';
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.nectar-cta[data-color*="extra-color-gradient"][class*="hover_color_"] .link_wrap:before {
left: -0.1%;
top: -0.1%;
width: 100.2%;
height: 100.2%;
}
/* 9.4. Cascading images (Loaded conditionally) - See css/elements/cascading-images.css */
/* 9.5. Category Grid (Loaded conditionally) - See css/elements/category-grid.css */
/* 9.6. Clients */
/* 9.7. Divider */
.wpb_wrapper >.divider,
.wpb_wrapper >.divider-border,
.wpb_wrapper >.divider-small-border,
.wpb_wrapper >.divider-wrap{
margin-bottom:0
}
.divider{
height:20px
}
.divider-border{
margin:35px auto 35px auto;
background-color:rgba(0,0,0,0.12);
height:1px
}
.divider-wrap .divider-vertical{
width: 1px;
margin: 25px auto;
}
.divider-vertical.nectar-bg-default {
background-color:rgba(0,0,0,0.12);
}
.span_12.light .divider-border, .span_12.light .divider-vertical.nectar-bg-default{
background-color:rgba(255,255,255,0.3)
}
#ajax-content-wrap .divider-border[data-color="black"], #ajax-content-wrap .divider-small-border[data-color="black"] {
background-color: #000;
}
#ajax-content-wrap .divider-border[data-color="white"], #ajax-content-wrap .divider-small-border[data-color="white"] {
background-color: #fff;
}
.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;
}
.divider-wrap[data-alignment="center"] .divider-small-border {
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;
margin-right: 0;
margin-left: 0;
display: inline-block;
}
body .wpb_separator, body .vc_text_separator{
border-color:rgba(0,0,0,0.06)
}
body .vc_text_separator div{
background-color:#f8f8f8;
font-family:'Open Sans';
font-weight:300;
font-size:22px;
line-height:32px;
letter-spacing:0.5px;
top:-20px
}
.light .divider-small-border{
background-color:rgba(255,255,255,0.6)
}
/* 9.8. Dropcap */
.nectar-dropcap{
font-size:4em;
display:block;
float:left;
padding:5px 10px 0 0
}
.nectar-dropcap span{
display:block
}
/* 9.9. Fancy Box - See css/elements/fancy-box.css */
/* 9.10. Fancy Unordered List - See css/elements/fancy-ul.css */
/* 9.11. Flip Box - See css/elements/flip-box.css */
/* 9.12. Food Menu Item - See css/elements/food-item.css */
/* 9.13. Highlighted Text - See css/elements/highlighted-text.css */
/* 9.14. Horizontal List Item - See css/elements/horizontal-list-item.css */
/* 9.15. Icon */
i[class*="fa-"],
span[class*="fa-"] {
display:inline-block;
word-spacing:1px;
position:relative;
text-align:center;
top: -2px;
vertical-align:middle;
max-width:100%
}
i[class^="icon-"] {
display:inline-block;
text-align: center;
vertical-align: middle;
}
i.icon-normal {
background-color:#000;
border-radius:999px;
color:#fff;
font-size:16px;
width:32px;
height:32px;
line-height:32px;
}
i.icon-normal[class*=" linecon-icon-"],
i.icon-normal[class*=" steadysets-icon-"] {
line-height:32px;
}
[class^="icon-"].icon-3x,
i[class*=" icon-"].icon-3x{
background-color:#eeedec
}
body [class^="icon-"].icon-3x.alt-style,
body [class*=" icon-"].icon-3x.alt-style{
background-color:#000;
color:#fff
}
.full-width-section i[class^="icon-"].icon-3x,
.full-width-section i[class*=" icon-"].icon-3x{
background-color:rgba(0,0,0,0.021)
}
[class^="icon-"].icon-3x,
[class*=" icon-"].icon-3x,
.circle-border{
background-color:#eeedec;
border-radius:999px;
color:#000;
display:inline-block;
font-size:30px;
height:90px;
line-height:90px;
max-width:100%;
position:relative;
text-align:center;
vertical-align:middle;
width:90px;
word-spacing:1px;
transition:all 0.1s linear;
}
[class^="icon-"].icon-3x,
[class*=" icon-"].icon-3x{
margin-bottom:27px
}
body [class^="icon-"].icon-tiny{
line-height:15px;
height:13px;
width:15px;
margin-right:5px;
font-size:13px;
background-color:transparent
}
[class^="icon-"].icon-tiny {
color:#888;
}
body [class^="icon-"].icon-default-style{
line-height:34px;
height:34px;
width:34px;
margin-right:0;
font-size:34px;
color:#000;
font-style: normal;
background-color:transparent
}
.circle-border{
background:none repeat scroll 0 0 transparent;
border:1px solid #eeedec;
height:88px;
left:1px;
position:absolute;
z-index:1;
top:1px;
width:88px
}
.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 *{
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{
-webkit-text-fill-color:initial
}
[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"],
.nectar-color-white {
color:#fff!important
}
body .nectar_icon_wrap[data-color="black"] i,
body .svg-icon-holder[data-color="black"],
.nectar-color-black {
color:#000!important
}
body .nectar_icon_wrap[data-color="grey"] i,
body .svg-icon-holder[data-color="grey"],
.nectar-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 .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 i:before {
line-height: inherit;
}
.nectar_icon_wrap a{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1
}
/* 9.16. Icon List (Loaded conditionally) - See css/elements/icon-list.css */
/* 9.17. Icon with text (Loaded conditionally) */
/* 9.18. Image Comparison (Loaded conditionally) - See css/twentytwenty.css */
/* 9.19. Image with animation / Col animation */
img.img-with-animation,
.img-with-aniamtion-wrap .hover-wrap,
.col.has-animation,
.wpb_column.has-animation,
.nectar_cascading_images .cascading-image .inner-wrap,
.nectar-fancy-box.has-animation{
opacity:0;
position:relative
}
.col.has-animation[data-animation="none"]:not(.wpb_column) {
opacity: 1;
}
.wpb_column.has-animation[data-animation*="reveal"]{
opacity:1
}
img.img-with-animation[data-animation="grow-in"].full-opacity{
opacity:1
}
html:not(.js) img.img-with-animation,
html:not(.js) .col.has-animation,
html:not(.js) .wpb_column.has-animation{
opacity:1
}
img.img-with-animation[data-animation="none"],
.img-with-aniamtion-wrap[data-animation="none"] .hover-wrap,
.nectar_cascading_images .cascading-image[data-animation="none"] .inner-wrap{
opacity:1
}
.col.has-animation[data-animation="zoom-out"] {
transform: translateZ(0) scale(1.2);
opacity: 0;
}
.col.has-animation[data-animation="slight-twist"] {
transform: rotateY(20deg) rotateZ(-4deg);
opacity: 0;
}
img.img-with-animation[data-animation="grow-in"],
.img-with-aniamtion-wrap[data-animation="grow-in"] .hover-wrap,
.col.has-animation[data-animation="grow-in"],
.wpb_column.has-animation[data-animation="grow-in"],
.nectar-fancy-box.has-animation[data-animation="grow-in"]{
opacity:0;
transform:scale(0.75);
transition:opacity 0.6s cubic-bezier(0.15,0.84,0.35,1.25),background-color 0.35s cubic-bezier(.65,0,.35,1);
-webkit-backface-visibility:hidden
}
img.img-with-animation[data-animation="flip-in"],
.img-with-aniamtion-wrap[data-animation="flip-in"] .hover-wrap,
.col.has-animation[data-animation="flip-in"],
.wpb_column.has-animation[data-animation="flip-in"],
.nectar-fancy-box.has-animation[data-animation="flip-in"]{
opacity:0;
transform: rotateY(25deg);
transition:opacity 1s ease,background-color 0.35s cubic-bezier(.65,0,.35,1);
}
.flip-in-vertical-wrap{
-webkit-perspective:2000px;
perspective:2000px
}
img.img-with-animation[data-animation="flip-in-vertical"],
.img-with-aniamtion-wrap[data-animation="flip-in-vertical"] .hover-wrap,
.col.has-animation[data-animation="flip-in-vertical"],
.wpb_column.has-animation[data-animation="flip-in-vertical"],
.nectar-fancy-box.has-animation[data-animation="flip-in-vertical"]{
opacity:0;
transform: rotateX(-45deg) translateY(120px);
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,
.cascading-image[data-shadow="small_depth"] .img-wrap,
.cascading-image[data-shadow="small_depth"] .bg-color,
.nectar-video-box[data-shadow="small_depth"]:before,
.nectar-flickity[data-shadow="small_depth"] .cell,
.nectar_video_player_self_hosted[data-shadow="small_depth"] .wpb_video_wrapper {
box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px, rgba(0, 0, 0, 0.05) 0px 2px 7px, rgba(0, 0, 0, 0.06) 0px 12px 22px;
}
img.img-with-animation[data-shadow="medium_depth"],
.img-with-aniamtion-wrap[data-shadow="medium_depth"] .hover-wrap,
.cascading-image[data-shadow="medium_depth"] .img-wrap,
.cascading-image[data-shadow="medium_depth"] .bg-color,
.nectar-video-box[data-shadow="medium_depth"]:before,
.nectar-flickity[data-shadow="medium_depth"] .cell,
.nectar_video_player_self_hosted[data-shadow="medium_depth"] .wpb_video_wrapper {
box-shadow:0 30px 80px rgba(0,0,0,0.14),0 20px 70px rgba(0,0,0,0.12)
}
img.img-with-animation[data-shadow="large_depth"],
.img-with-aniamtion-wrap[data-shadow="large_depth"] .hover-wrap,
.cascading-image[data-shadow="large_depth"] .img-wrap,
.cascading-image[data-shadow="large_depth"] .bg-color,
.nectar-video-box[data-shadow="large_depth"]:before,
.nectar_video_player_self_hosted[data-shadow="large_depth"] .wpb_video_wrapper {
box-shadow:0 40px 100px rgba(0,0,0,0.15),0 25px 80px rgba(0,0,0,0.1)
}
.nectar-flickity[data-shadow="large_depth"] .cell{
box-shadow:0 35px 55px rgba(0,0,0,0.08),0 25px 63px rgba(0,0,0,0.08)
}
img.img-with-animation[data-shadow="x_large_depth"],
.img-with-aniamtion-wrap[data-shadow="x_large_depth"] .hover-wrap,
.cascading-image[data-shadow="x_large_depth"] .img-wrap,
.cascading-image[data-shadow="x_large_depth"] .bg-color,
.nectar-video-box[data-shadow="x_large_depth"]:before,
.nectar-flickity[data-shadow="x_large_depth"] .cell,
.nectar_video_player_self_hosted[data-shadow="x_large_depth"] .wpb_video_wrapper {
box-shadow:0 60px 135px rgba(0,0,0,0.14),0 15px 65px rgba(0,0,0,0.14)
}
img.img-with-animation[data-animation="fade-in-from-left"],
.img-with-aniamtion-wrap[data-animation="fade-in-from-left"] .hover-wrap {
transform:translateX(-20%);
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"],
.nectar-fade-in-from-left {
transform:translateX(-45px);
}
img.img-with-animation[data-animation="fade-in-from-right"],
.img-with-aniamtion-wrap[data-animation="fade-in-from-right"] .hover-wrap {
transform:translateX(20%);
}
.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"],
.nectar-fade-in-from-right {
transform:translateX(45px);
}
img.img-with-animation[data-animation="fade-in-from-bottom"],
.img-with-aniamtion-wrap[data-animation="fade-in-from-bottom"] .hover-wrap,
.nectar-fade-in-from-bottom {
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(75px);
}
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
}
.nectar-waypoint-el:not([data-nectar-waypoint-el-stagger]) {
opacity: 0;
}
@media only screen and (max-width: 999px) {
.nectar-waypoint-el[data-nectar-waypoint-el-mobile-disable="true"],
.nectar-disable-mobile-animation,
.nectar-disable-mobile-animation .hover-wrap {
transform: none!important;
opacity: 1!important;
}
}
.img-with-aniamtion-wrap,
body .wpb_wrapper > .img-with-aniamtion-wrap {
line-height:0;
margin-bottom:0
}
.img-with-aniamtion-wrap > .inner {
height: 100%;
}
.center img.img-with-animation{
margin:0 auto;
display:block
}
.right.img-with-aniamtion-wrap{
text-align:right
}
.right.img-with-aniamtion-wrap img{
display:inline-block
}
.img-with-aniamtion-wrap .color-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 10;
opacity: 0;
pointer-events: none;
}
.img-with-aniamtion-wrap:hover .color-overlay {
opacity: 0.5;
}
.img-with-aniamtion-wrap .hover-wrap {
overflow: hidden;
}
.img-with-aniamtion-wrap .hover-wrap:not([data-hover-animation]),
.img-with-aniamtion-wrap .hover-wrap[data-hover-animation="none"] {
overflow: visible;
}
.img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap,
.img-with-aniamtion-wrap[data-shadow*="depth"] .hover-wrap .hover-wrap-inner {
display: inline-block;
}
.img-with-aniamtion-wrap[data-shadow*="depth"].center {
text-align: center;
}
.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
opacity: 1;
-webkit-transform: none;
transform: none;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.img-with-aniamtion-wrap[data-animation*="reveal-from-"] .hover-wrap {
opacity: 1;
}
.column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] {
overflow: hidden;
opacity: 0;
}
.wpb_column.has-animation[data-animation*="reveal"]:not([data-animation="mask-reveal"]){
overflow:hidden
}
.wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap{
overflow:hidden;
height:100%;
width:100%
}
img.img-with-animation.nectar-lazy {
display: block;
min-height: 1px;
min-width: 1px;
}
.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[data-shadow] .hover-wrap .img-with-animation {
box-shadow: none;
}
.img-with-aniamtion-wrap[data-max-width="50%"]:not(.right) img,
.img-with-aniamtion-wrap[data-max-width="75%"]:not(.right) img {
backface-visibility:hidden
}
.img-with-aniamtion-wrap[data-max-width="50%"] .inner,
.nectar-flickity:not(.masonry) .flickity-slider .cell .img-with-aniamtion-wrap[data-max-width="50%"] img {
max-width:50%;
width: auto;
}
.img-with-aniamtion-wrap[data-max-width="50%"].center,
.img-with-aniamtion-wrap[data-max-width="75%"].center,
.img-with-aniamtion-wrap[data-max-width="custom"].center {
text-align: center;
}
.img-with-aniamtion-wrap[data-max-width="50%"].center .inner img[src*=".svg"],
.img-with-aniamtion-wrap[data-max-width="75%"].center .inner img[src*=".svg"] {
width: 100%;
}
.img-with-aniamtion-wrap[data-max-width="75%"] .inner,
.nectar-flickity:not(.masonry) .flickity-slider .cell .img-with-aniamtion-wrap[data-max-width="75%"] img {
max-width:75%;
width: auto;
}
.img-with-aniamtion-wrap[data-max-width="none"] img,
.row .img-with-aniamtion-wrap[data-max-width="none"] img:not([srcset]) {
max-width: none;
width: 100%;
}
.wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform,
.wpb_column.has-animation[data-animation*="reveal"] .column-inner-wrap.no-transform .column-inner{
transform:none;
-webkit-transform:none
}
@media only screen and (min-width: 690px) {
.vc_row-o-equal-height .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row-o-equal-height.vc_row-o-content-middle .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
}
.vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap,
.vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*="reveal"] > .column-inner-wrap > .column-inner {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.wpb_column .column-inner[data-bg-cover="true"], .wpb_column[data-bg-cover="true"] {
background-size:cover;
background-position:center
}
.vc_ie-flexbox-fixer {
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.vc_ie-flexbox-fixer>.vc_row {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox
}
/* 9.20. Image with Hotspots (Loaded conditionally) - See css/elements/image-with-hotspots.css */
.grecaptcha-badge {
z-index: 100;
}
/* 9.21. Interactive Map - See css/elements/interactive-map.css */
/* 9.22. Milestone - See css/elements/milestone.css */
/* 9.23. Morphing outline - See css/elements/morphing-outline.css */
/* 9.24. Page Submenu - See css/elements/page-submenu.css*/
/* 9.25. Pricing Table (Loaded conditionally) - See css/elements/pricing-table.css */
/* 9.26. Progress Bar (Loaded conditionally) */
/* 9.27. Recent Posts (Loaded conditionally) - See css/elements/recent-posts.css */
/* 9.28. Split Heading (Loaded conditionally) */
/* 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 */
blockquote .image-icon[data-shadow="true"] {
box-shadow: 0px 15px 37px rgba(0,0,0,0.15)
}
.span_12.light .flickity-page-dots .dot:before,
.testimonial_slider[data-style="multiple_visible"][data-color*="-light"] .flickity-page-dots .dot:before{
background-color:#fff
}
/* 9.32. Toggle Panels (Loaded conditionally) - See css/elements/toggles.css */
/* 9.33. Video Lightbox (Loaded conditionally) - See css/elements/video-lightbox.css */
.nectar_video_lightbox svg,
.masonry-blog-item .video-play-button svg,
.auto_meta_overlaid_spaced article .content-inner > .play svg {
display:block;
width:20px;
height:20px;
position:absolute;
top:50%;
left:50%;
margin-left:2px;
transform:translateY(-50%) translateX(-50%);
}
.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;
transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s;
}
/* 9.34. Self Hosted Video Player */
.full-width-content.vc_row-fluid .wpb_video_widget.vc_video-align-center .wpb_wrapper {
margin: 0 auto;
}
.wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper {
padding-top: 177.77%;
}
.wpb_video_widget.vc_video-aspect-ratio-11 .wpb_video_wrapper {
padding-top: 100%;
}
/* 9.35. Scrolling Text (Loaded conditionally) - See css/elements/scrolling-text.css */
/* 9.36. Drag Indicator (Loaded deferred) */
/*---------------------*/
/* 10. Page Header
/*---------------------*/
.row .col.section-title{
margin:0 0 0 0;
padding:0 0 36px 0;
border-bottom:1px solid rgba(0,0,0,0.15)
}
.row .col.section-title.project-title,
.row .col.section-title.blog-title{
margin-bottom:14px
}
.row .col.section-title h1,
.row .col.section-title h2{
margin-bottom:0;
font-family:'Open Sans';
font-weight:600;
position:relative
}
.row .col.section-title h2{
margin-bottom:5px
}
.row .col.section-title p {
font-size:20px;
line-height:28px;
padding-bottom:0;
}
.row .col.section-title span{
font-size:20px;
line-height:20px;
color: rgba(0,0,0,0.45);
top:0;
position:relative;
text-transform:none;
padding-left:10px
}
.row .col.section-title span.author-leading,
.row .col.section-title span.fn {
padding-left: 0;
}
#ajax-content-wrap .row .col.section-title .nectar-love span {
line-height: 20px;
}
body[data-bg-header="true"].archive .container-wrap {
padding-top:4.1em!important
}
/* Page header core */
body[data-bg-header="true"] .container-wrap,
html.fp-enabled .container-wrap{
margin-top:0!important;
padding-top:0!important
}
#page-header-wrap{
height:60px;
overflow:hidden;
position:relative;
background-color:#f8f8f8;
-webkit-font-smoothing:antialiased
}
body.material #page-header-wrap,
body[data-header-resize="0"] #page-header-wrap {
margin-top: 0;
}
#page-header-bg{
width:100%;
height:60px;
overflow:hidden;
color:#fff;
display:block!important;
-webkit-font-smoothing:antialiased;
position:relative;
z-index:2
}
.page-header-bg-image{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:9;
background-repeat:no-repeat;
background-position:top center;
background-size:cover
}
.page-header-overlay-color{
position:static;
height:1px;
width:1px;
margin-left:-9999px;
pointer-events:none;
background-color: #333;
}
.page-header-overlay-color:after{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:inherit;
content:' ';
z-index:10;
opacity:0.65
}
#page-header-bg[data-bg-pos="bottom"] .page-header-bg-image{
background-position:bottom center
}
#page-header-bg[data-bg-pos="top"] .page-header-bg-image{
background-position:top center
}
#page-header-bg[data-bg-pos="center"] .page-header-bg-image{
background-position:center center
}
body[data-header-resize="0"] #page-header-bg{
margin-top:0
}
.page-header-no-bg{
padding-bottom:0;
padding-top: 35px;
background-color:#f8f8f8
}
.page-header-no-bg{
z-index:1000
}
#page-header-bg[data-parallax="1"]{
overflow:hidden;
margin:0;
z-index:2
}
body[data-footer-reveal="1"] #page-header-bg[data-parallax="1"],
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"] .span_6{
z-index:0
}
#page-header-bg[data-parallax="1"].out-of-sight{
pointer-events:none
}
#page-header-bg[data-parallax="1"].out-of-sight .nectar-video-wrap{
display:none
}
#page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"] {
text-align:center
}
#page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"] {
text-align:right
}
#page-header-bg[data-alignment-v="bottom"] .row, #page-header-bg[data-alignment-v="bottom"] .container,
#page-header-bg[data-alignment-v="top"] .row, #page-header-bg[data-alignment-v="top"] .container,
#page-header-bg[data-alignment-v="middle"] .row, #page-header-bg[data-alignment-v="middle"] .container {
height:100%
}
#page-header-bg[data-alignment-v="bottom"] .span_6,
#page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6,
#page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap {
bottom:26%;
top:auto!important;
left:0;
margin-bottom:0!important;
position:absolute!important
}
#page-header-bg[data-alignment-v="top"] .span_6,
#page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap {
left:0;
position:absolute
}
#page-header-bg[data-alignment-v="top"] .span_6,
#page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap,
#page-header-bg[data-alignment-v="top"].fullscreen-header .span_6{
top:25%!important
}
#page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap {
transform:translateY(50%)!important;
-webkit-transform:translateY(50%)!important
}
#page-header-bg .span_6 {
width:100%
}
.nectar-recent-post-slide .nectar-recent-post-bg:after,
.single [data-post-hs="default_minimal"] .page-header-bg-image:after,
.archive .page-header-bg-image:after{
background-color:rgba(25,25,25,0.35);
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
content:' ';
z-index:1;
display:block
}
#page-header-bg .row{
z-index:100;
position:relative
}
html:not(.js) #page-header-bg .row,
body #page-header-bg .row {
visibility:visible
}
#page-header-bg h1, .nectar-box-roll .overlaid-content h1{
font-family:'Open Sans';
font-weight:600;
font-size:44px;
line-height:54px;
margin-bottom:8px;
display:block;
color:#fff;
z-index:101
}
#page-header-bg #portfolio-nav a i,
#page-header-bg span,
#page-header-bg .pinterest-share i,
#page-header-bg .facebook-share i,
#page-header-bg .linkedin-share i,
#page-header-bg .twitter-share i,
#page-header-bg .google-plus-share i,
#page-header-bg .icon-salient-heart,
#page-header-bg .icon-salient-heart-2{
color:#fff
}
.single #page-header-bg #single-below-header >span,
.single #page-header-bg #single-meta > div > a {
border-color:rgba(255,255,255,0.25)
}
.single #single-meta > div >a,
.single #single-meta ul .n-shortcode a,
#project-meta ul li >a,
#project-meta ul .n-shortcode a,
#project-meta ul .project-date{
display:block;
border-radius:100px;
padding: 6px 20px!important;
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;
}
.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)
}
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{
font-size:28px;
line-height: 1.3;
color:#fff!important;
font-family:'Open Sans';
font-weight:300
}
#page-header-bg[data-text-alignment="center"],
.page-header-no-bg[data-text-alignment="center"]{
text-align:center
}
#page-header-bg[data-text-alignment="right"],
.page-header-no-bg[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{
left:0;
width:100%!important
}
#page-header-bg[data-text-alignment="center"] h1 {
margin-bottom:12px
}
#page-header-bg[data-text-alignment="center"] h1,
.page-header-bg[data-text-alignment="center"] .subheader{
max-width:900px;
margin:0 auto;
display:block
}
#page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap{
left:0;
position:absolute;
width:100%
}
/* Header Text Effects */
[data-aie="zoom-out"] .first-section .row-bg-wrap,
[data-aie="zoom-out"] .top-level .row-bg-wrap {
overflow:hidden;
height:100%;
width:100%;
position:absolute;
left:0;
top:0
}
#page-header-bg .nectar-particles .inner-wrap >*:not(.top-heading),
.overlaid-content .inner-wrap >*:not(.top-heading){
opacity:0;
transform:translateY(35px);
-webkit-transform:translateY(35px)
}
.scroll-down-wrap.hidden{
transform:translateY(55px);
opacity:0
}
.hidden-social-img{
position:absolute;
pointer-events: none;
visibility:hidden;
display: none;
opacity:0;
z-index: -100;
}
#page-header-bg.fullscreen-header .author-section a,
#page-header-bg[data-post-hs="default_minimal"] .author-section a {
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%;
transform: translateY(-50%);
}
#page-header-bg[data-alignment-v="top"] .span_6,
#page-header-bg[data-alignment-v="bottom"] .span_6 {
transform: none;
}
#page-header-bg .nectar-particles .span_6 {
top: 0;
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;
}
body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"],
body[data-button-style^="rounded"] .section-down-arrow,
.scroll-down-wrap.no-border .section-down-arrow,
body[data-button-style^="rounded"] .section-down-arrow i {
color:#fff!important;
}
body[data-button-style^="rounded"] .section-down-arrow,
.scroll-down-wrap.no-border .section-down-arrow{
display:inline-block;
width:49px;
height:49px;
border:2px solid #fff;
text-align:center;
line-height:50px;
border-radius:100px;
font-size:25px;
transition:opacity 0.4s ease;
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 {
transition:transform 0.2s ease;
display:block;
width:49px;
height:48px;
line-height:48px;
font-size:20px
}
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 {
transform:translate(0,-48px)
}
@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;
}
}
@keyframes down_arrow_bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-14px);
}
60% {
transform: translateY(-7px);
}
}
@media only screen and (max-height:750px){
body[data-button-style="rounded"] .section-down-arrow{
bottom:33px
}
}
@media only screen and (max-height:650px){
body[data-button-style^="rounded"] .section-down-arrow{
width:30px;
height:30px;
line-height:34px;
bottom:25px;
margin-left:-15px
}
body[data-button-style^="rounded"] .scroll-down-wrap:not(.no-border) {
margin-left:0
}
body[data-button-style^="rounded"] .section-down-arrow i{
width:26px;
height:26px;
line-height:28px
}
body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down.top,
body[data-button-style^="rounded"] .section-down-arrow i.fa-angle-down{
-webkit-transform:translate(0,-26px);
transform:translate(0,-26px);
font-size:18px
}
}
@media only screen and (max-height:450px){
body[data-button-style^="rounded"] .section-down-arrow{
display:none
}
}
body[data-button-style^="rounded"] .scroll-down-wrap.no-border,
.scroll-down-wrap.no-border{
bottom:12px
}
.scroll-down-wrap.no-border .section-down-arrow,
.slider-down-arrow.no-border {
border:none!important;
overflow:visible;
text-align:center;
opacity:1;
height:auto;
bottom:13px;
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;
animation:mouse-scroll-btn-roll-out .55s cubic-bezier(.5,.1,.07,1)
}
.nectar-scroll-icon{
width:30px;
height:45px;
text-align:center;
cursor:pointer;
position:relative;
z-index:100
}
.scroll-down-wrap.no-border .section-down-arrow:after,
.nectar-next-section-wrap.mouse-wheel .nectar-next-section:after,
.slider-down-arrow.no-border:after{
content:"";
position:absolute;
top:0;
left:50%;
display:block;
width:30px;
height:45px;
margin-left:-15px;
border:2px solid rgba(255,255,255,0.5);
border-radius:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:62
}
.scroll-down-wrap.no-border:hover .section-down-arrow:before,
.slider-down-arrow.no-border:hover:before{
background-color:rgba(255,255,255,1)
}
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path,
.nectar-next-section:hover .nectar-scroll-icon-path,
.slider-down-arrow.no-border:hover .nectar-scroll-icon-path{
stroke-dashoffset:0;
animation:mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1)
}
@keyframes mouse-scroll-btn-roll-over{
0%{
stroke-dashoffset:120
}
100%{
stroke-dashoffset:0
}
}
@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);
animation:trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite
}
@keyframes trackBallSlide{
0%{
opacity:1;
transform:scaleY(1) translateY(-10px)
}
45%{
opacity:0;
transform:scaleY(0.5) translateY(13px)
}
46%{
opacity:0;
transform:scaleY(1) translateY(-10px)
}
65%, 100%{
opacity:1;
transform:scaleY(1) translateY(-10px)
}
}
@keyframes nudgeMouse{
0%{
transform:translateY(0)
}
45%{
transform:translateY(8px)
}
65%, 100%{
transform:translateY(0)
}
}
@keyframes rightLineStart {
0% {
transform: translateY(-50%) translateX(-88px) scaleX(0);
}
100% {
transform: translateY(-50%) translateX(0px) scaleX(1);
}
}
@keyframes rightLineEnd {
0% {
transform: translateY(-50%) translateX(0px) scaleX(1);
}
100% {
transform: translateY(-50%) translateX(28px) scaleX(0);
}
}
@keyframes rightLineStart2 {
0% {
transform: translateY(-50%) translateX(88px) scaleX(0);
}
100% {
transform: translateY(-50%) translateX(0px) scaleX(1);
}
}
@keyframes rightLineEnd2 {
0% {
transform: translateY(-50%) translateX(0px) scaleX(1);
}
100% {
transform: translateY(-50%) translateX(-28px) scaleX(0);
}
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow,
.portfolio-items[data-ps="8"] .next-arrow,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .next-arrow {
position: absolute;
backface-visibility: hidden;
right: -43px;
top: 50%;
margin-top: -15px;
height: 30px;
width: 40px;
display: block;
transform: translateX(38px);
}
@keyframes rightArrowStart {
0% {
transform: translateX(-50px);
}
100% {
transform: translateX(42px);
}
}
@keyframes rightArrowEnd {
0% {
transform: translateX(42px);
}
100% {
transform: translateX(75px);
}
}
@keyframes rightArrowStart2 {
0% {
transform: translateX(50px) rotate(180deg);
}
100% {
transform: translateX(-42px) rotate(180deg);
}
}
@keyframes rightArrowEnd2 {
0% {
transform: translateX(-42px) rotate(180deg);
}
100% {
transform: translateX(-75px) rotate(180deg);
}
}
.portfolio-items[data-ps="8"] line {
stroke-width: 2px;
stroke-dasharray: 10px;
stroke-dashoffset: 30px;
}
.portfolio-items[data-ps="8"] line {
stroke: #ffffff;
}
@keyframes rightArrowLineStart {
0% {
stroke-dashoffset: 30px;
}
100% {
stroke-dashoffset: 40px;
}
}
@keyframes rightArrowLineEnd {
0% {
stroke-dashoffset: 40px;
}
100% {
stroke-dashoffset: 50px;
}
}
/*---------------------*/
/* 11. Masonry Items / Search Results
/*---------------------*/
.post-area.masonry.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
}
.post-area.featured_img_left .post .post-content{
padding-left:0!important
}
.post-area.infinite_scroll video.wp-video-shortcode,
.post-area.infinite_scroll .wp-video-shortcode video{
visibility:visible
}
.portfolio-items[data-col-num="elastic"] .col img {
width:100%!important;
max-width:100%!important
}
.portfolio-items[data-col-num="elastic"]:not(.fullwidth-constrained) {
overflow: hidden;
}
.post-featured-img img.nectar-lazy {
display: block;
}
.post-featured-img img.nectar-lazy:not(.loaded),
.wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy:not(.loaded) {
opacity: 0;
}
.post-featured-img img.nectar-lazy.loaded,
.wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy.loaded {
opacity: 1;
}
#search-results .result .inner-wrap{
box-shadow:0 1px 2px rgba(0,0,0,0.15);
background-color:#fff;
padding:18px
}
.related-posts[data-style="material"] .post-featured-img {
overflow: hidden;
display: block;
}
.masonry.material .masonry-blog-item .grav-wrap img,
.related-posts[data-style="material"] .grav-wrap img,
.nectar-recent-posts-single_featured .grav-wrap img,
[data-style="list_featured_first_row"] .grav-wrap img {
border-radius: 50%;
width: 38px;
height: 38px;
margin-bottom: 0;
margin-right: 13px;
vertical-align: middle;
display: inline-block;
transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1);
}
.related-posts[data-style="material"] .grav-wrap {
position: absolute;
bottom: 30px;
left: 30px;
}
.related-posts[data-style="material"] .meta-category a {
color: inherit;
}
.related-posts .article-content-wrap .post-header {
color: inherit;
}
.related-posts .article-content-wrap .excerpt {
margin-top: 5px;
}
body .related-posts[data-style="material"] .article-content-wrap {
padding-bottom:80px!important
}
.related-posts[data-style="material"] .grav-wrap img {
display: inline-block;
}
.related-posts[data-style="material"] .grav-wrap .text a {
display:block;
font-size: 14px;
line-height: 20px
}
.masonry.material .masonry-blog-item .meta-category a,
.related-posts[data-style="material"] .meta-category a,
.nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a,
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a {
font-size: 14px;
line-height: 19px;
position:relative;
display: inline-block;
font-weight: 600;
margin: 0 10px 10px 0;
}
.masonry.material .masonry-blog-item .meta-category a:before,
.related-posts[data-style="material"] .meta-category a:before,
.nectar-recent-posts-single_featured .grav-wrap .text a:before,
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before,
[data-style="list_featured_first_row"] .meta-category a:before {
height: 2px;
width: 100%;
position: absolute;
bottom: -3px;
left: 0;
content: '';
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1);
}
.masonry.material .masonry-blog-item .meta-category a:hover:before,
.related-posts[data-style="material"] .meta-category a:hover:before,
.nectar-recent-posts-single_featured .grav-wrap .text a:hover:before,
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover:before,
[data-style="list_featured_first_row"] .meta-category a:hover:before,
.masonry.material .masonry-blog-item .meta-category a:focus:before,
.related-posts[data-style="material"] .meta-category a:focus:before,
.nectar-recent-posts-single_featured .grav-wrap .text a:focus:before,
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:focus:before,
[data-style="list_featured_first_row"] .meta-category a:focus:before {
transform: scaleX(1);
}
.masonry.material .masonry-blog-item .grav-wrap .text span,
.related-posts[data-style="material"] .grav-wrap .text span {
font-size: 13px;
line-height: 18px;
}
.masonry.material .masonry-blog-item .grav-wrap .text,
.related-posts[data-style="material"] .grav-wrap .text,
.nectar-recent-posts-single_featured .grav-wrap .text {
vertical-align: middle;
display:inline-block;
line-height: 0
}
.masonry.material .masonry-blog-item .grav-wrap a,
.related-posts[data-style="material"] .grav-wrap a{
color: inherit;
}
.masonry .video-play-button path,
.post-area .video-play-button path {
fill: #fff;
}
.post.format-quote .quote-inner .title,
.post.format-link .link-inner .title,
.masonry.material .post.quote .quote-inner .title,
.masonry.material .post.link .link-inner .title,
.single .post.quote .quote-inner .title {
color: #fff;
}
.masonry.material .masonry-blog-item h3 a,
.related-posts[data-style="material"] h3 a {
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.material .masonry-blog-item .article-content-wrap,
.masonry.material .masonry-blog-item .meta-category,
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before {
background-color: #fff;
}
.post.format-quote .n-post-bg,
.post.format-link .n-post-bg,
.masonry.material .post.quote .post-content .quote-inner:before,
.masonry.material .post.link .post-content .link-inner:before,
.post.quote .classic .n-post-bg,
.post.link .classic .n-post-bg,
.masonry .post.quote .n-post-bg,
.masonry .post.link .n-post-bg,
.standard-minimal .n-post-bg,
.masonry.auto_meta_overlaid_spaced .post .n-post-bg,
.auto_meta_overlaid_spaced .post.quote .n-post-bg:after,
.auto_meta_overlaid_spaced .post.link .n-post-bg:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.88;
}
.format-quote .n-post-bg,
.format-link .post.link .n-post-bg {
background-size: cover;
background-position: center;
}
.masonry .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%;
}
.single .post.format-quote .quote-inner .quote-wrap:before,
.masonry.material .post.quote .quote-wrap:before,
.masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before {
content: "\201C";
font-family:sans-serif;
font-weight:700;
font-size: 54px;
color: #fff;
z-index: 10000;
height: 32px;
display: block;
position: relative;
padding-top: 33%;
}
.single .post.format-quote .quote-inner .quote-wrap:before,
.masonry.auto_meta_overlaid_spaced .post.quote .quote-wrap:before {
padding-top: 0;
}
.single-post .quote-below-content {
margin-top: 70px;
}
.post .quote-wrap, .post .link-wrap {
display: block;
}
.related-posts[data-style="material"] .meta-category {
padding: 20px 30px 0 30px;
display: block;
position: relative;
z-index: 110;
}
body .related-posts[data-style="material"] .inner-wrap {
box-shadow: 0px 30px 90px rgba(0,0,0,0.14);
border-radius: 5px;
overflow: hidden;
}
#ajax-content-wrap .post-area.full-width-article,
.post-area.full-width-article {
margin-bottom:0
}
#search-results .result{
font-size:11px
}
#search-results .result .bottom-line,
.masonry-blog-item .bottom-line{
height:1px;
width:100%;
display:block;
position:absolute;
bottom:2px;
left:0;
background-color:#eaeaea
}
.pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span {
line-height: 1.5em;
display: block;
}
#search-results .result .title a,
.pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close span,
.nectar-ajax-search-results .search-post-item h5,
.nectar-category-grid[data-style="mouse_follow_image"] .nectar-category-grid-item .cat-heading,
.nectar-underline h1,
.nectar-underline h2,
.nectar-underline h3,
.nectar-underline h4,
.nectar-underline h5,
.nectar-link-underline a span,
.nectar-link-underline-effect a {
background-repeat: no-repeat;
background-size: 0% 2px;
background-image: linear-gradient(to right, #000 0%, #000 100%);
transition: background-size 0.55s cubic-bezier(.2,.75,.5,1);
background-position: left bottom;
}
.nectar-link-underline-effect a {
background-size: 100% 2px;
background-position: left 94%;
}
@keyframes nectar_ltr_line_animation {
0% {
background-size: 100% 2px;
}
100% {
background-size: 0% 2px;
}
}
@keyframes nectar_ltr_line_animation_start {
0% {
background-size: 0% 2px;
}
100% {
background-size: 100% 2px;
}
}
.nectar-link-underline-effect a.accessed:not(:hover) {
color: inherit;
animation: nectar_ltr_line_animation_start 0.55s ease forwards;
}
.nectar-link-underline-effect a:hover {
background-position: right 94%;
animation: nectar_ltr_line_animation 0.55s ease forwards;
}
.nectar-underline h1,
.nectar-underline h2,
.nectar-underline h3,
.nectar-underline h4,
.nectar-underline h5 {
display: inline;
}
.nectar-category-grid[data-style="mouse_follow_image"][data-text-color="light"]:not([data-text-hover-color="dark"]) .nectar-category-grid-item .cat-heading,
.nectar-category-grid[data-style="mouse_follow_image"][data-text-hover-color="light"] .nectar-category-grid-item .cat-heading,
.span_12.light .nectar-underline h1,
.span_12.light .nectar-underline h2,
.span_12.light .nectar-underline h3,
.span_12.light .nectar-underline h4,
.span_12.light .nectar-underline h5,
.nectar-post-grid[data-text-color="light"] .nectar-underline .post-heading,
.span_12.light .nectar-link-underline-effect a {
background-image: linear-gradient(to right, #fff 0%, #fff 100%);
}
#search-results .result .title a:hover,
#search-results .result .title a:focus,
.pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close:hover span,
.nectar-ajax-search-results .search-post-item:hover h5,
.nectar-category-grid[data-style="mouse_follow_image"] .nectar-category-grid-item:hover .cat-heading,
.nectar-underline:hover h1,
.nectar-underline:hover h2,
.nectar-underline:hover h3,
.nectar-underline:hover h4,
.nectar-underline:hover h5,
.nectar-link-underline a:hover span,
.active-tab .nectar-link-underline a span,
.nectar-post-grid-item:hover .nectar-link-underline span,
.nectar-link-underline a[class*="active"] 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;
}
.posts-container[data-load-animation="fade_in_from_bottom"] article .inner-wrap{
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 {
transform:translateY(450px) rotateX(24deg);
}
.posts-container article .inner-wrap{
height:100%
}
.related-posts[data-style="material"] .post-featured-img img {
margin-bottom:0;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
transition:all .7s cubic-bezier(.2,1,.22,1);
}
/*---------------------*/
/* 12. Blog
/*---------------------*/
/* 12.1. General/Pagination */
.post-area #pagination{
padding-left:95px
}
#ajax-content-wrap .post-area.infinite_scroll #pagination{
visibility: hidden;
height: 1px;
width: 1px;
margin: 0;
}
#infscr-loading{
position:relative;
z-index:10000000;
background-image:url("../../img/icons/loading-white-bg.gif");
background-repeat:no-repeat;
background-position:center;
height:60px;
border-radius:2px;
color:#555;
display:inline-block;
margin:0 auto;
text-align:center;
width:60px;
font-family:'Open Sans';
font-weight:700;
font-size:12px;
letter-spacing:2px;
border-color:#555;
border-style:solid;
border-width:0;
box-sizing:content-box;
-webkit-box-sizing:content-box;
}
#infscr-loading.default_loader{
background-image:none
}
.infscr-loading-wrap{
margin:20px auto;
clear:both;
padding:0;
text-align:center;
height:0;
opacity:0;
transform:scale(0.5);
box-sizing:content-box;
-webkit-box-sizing:content-box;
}
#infscr-loading div{
opacity:0;
color:#555;
font-size:12px;
font-family:'Open Sans';
font-weight:700;
letter-spacing:2px;
text-transform:uppercase
}
#ajax-content-wrap #infscr-loading img,
#infscr-loading img{
margin-bottom:0;
display:none
}
.post-area{
padding-right:30px;
margin-top:4px
}
.post-area.col_last{
padding-left:20px;
padding-right:0
}
.post-area.col_last.span_12{
padding-left:0;
float:none
}
.post-area >article .content-inner{
margin-bottom:0;
border-bottom:0
}
.post .more-link,
.blog-recent .more-link{
display:block;
margin-top:25px;
cursor:default;
color:#fff
}
.post .content-inner{
padding-bottom:80px;
}
.single-post .content-inner > .post-tags {
margin-top: 50px;
}
.post .more-link span,
.blog-recent .more-link span{
background-color:#333;
transition:all 0.45s cubic-bezier(0.25,1,0.33,1);
width:auto;
cursor:pointer;
padding:8px 12px;
border-radius:2px;
}
body[data-button-style*="slightly_rounded"] .post .more-link span {
border-radius:4px;
}
.post .post-meta{
position:absolute;
left:0;
top: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 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;
}
.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);
}
.post.format-aside .aside-inner p{
margin-bottom:15px
}
.post.format-aside .aside-inner .post-header{
margin-bottom:0
}
.post.quote .quote-inner a,
.post.format-aside .aside-inner a,
.post.format-aside .aside-inner a:hover,
.post.format-aside .aside-inner p,
.post.format-aside .aside-inner .post-header{
color:#fff!important
}
.post.quote .quote-inner .title,
.post.quote .quote-inner .author,
.post.quote .quote-inner .title,
.post.quote .quote-inner .icon,
.post.format-quote .quote-wrap,
.post.format-link .link-wrap {
position:relative;
z-index:100
}
.post.quote .content-inner .whole-link{
position:absolute;
z-index:10;
display:block;
background-color:#000;
height:100%;
width:100%;
top:0;
left:0
}
.post .full-post-link {
position:absolute;
content: '';
z-index:1000;
display:block;
height:100%;
width:100%;
top:0;
left:0
}
.post.quote figure:not([class*="wp-block"]) {
margin:0 auto
}
.post.quote blockquote:not(.wp-block-quote):not(.wp-block-pullquote){
background-image:none;
padding:0;
font-family:inherit;
margin:0 auto
}
.post.quote .wp-block-quote blockquote:not(.wp-block-quote),
.post.quote .wp-block-pullquote blockquote:not(.wp-block-quote) {
color: inherit!important;
}
.post.link .post-content .destination{
word-wrap:break-word
}
.post.quote .post-content .quote-inner .icon{
bottom:17px;
height:17px;
width:19px;
display:block;
background-image:url(../../img/icons/quote.png);
position:absolute;
right:20px
}
.post.link .post-content .link-inner .icon{
bottom:17px;
height:20px;
width:18px;
display:block;
background-image:url(../../img/icons/link.png);
position:absolute;
right:20px
}
.post.format-status .post-content .status-inner .icon{
bottom:17px;
height:16px;
width:18px;
display:block;
background-image:url(../../img/icons/status.png);
position:absolute;
right:20px
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){
body .post.quote .post-content .quote-inner .icon{
background-size:19px 17px;
background-image:url(../../img/icons/quote-2x.png)
}
body .post.link .post-content .link-inner .icon{
background-size:18px 20px;
background-image:url(../../img/icons/link-2x.png)
}
}
.post .post-content.quote a,
.post .post-content.link a{
display:block;
z-index:10
}
.post.quote .post-content h3,
.post.link .post-content h3{
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;
}
.post.quote .post-content .quote-below-content h2 {
color: inherit;
}
.format-status .post-content h2 a{
color:#fff
}
.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;
}
.post-content.classic .post-header > span:last-of-type:after {
display: none;
}
.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
}
.post .post-meta .month,
.post .post-meta .year{
display:block;
font-size:17px;
line-height:10px;
text-align:center;
text-transform:uppercase;
margin-bottom:4px;
padding:0;
font-weight:600
}
.post-content.classic .post-meta .month {
line-height: 1em;
}
.post .post-meta .year{
margin-top:5px
}
.post .post-meta .day{
display:block;
font-size:30px;
line-height:29px;
text-align:center;
padding:0 12px 0 12px;
font-weight:700;
text-transform:uppercase
}
.post .post-meta .date{
padding-bottom:17px;
border-bottom:1px solid #E6E6E6
}
.post-content.classic .post-meta[data-love="false"] .date {
border-bottom: 0;
}
.post-content.classic .post-meta[data-love="false"] {
border-right: 0;
}
.post-content.classic .post-meta[data-love="false"] .month,
.post-content.classic .post-meta[data-love="false"] .year {
font-size: 24px;
}
.post-content.classic .post-meta[data-love="false"] .day {
font-size: 36px;
line-height: 36px;
}
.post.video .video-wrap,
.single-portfolio .video-wrap{
position:relative;
padding-bottom:56.25%;
height:0;
margin-bottom:15px
}
.post.video .video-wrap iframe,
.single-portfolio .video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.post.video .mejs-container{
margin-bottom:15px
}
.post.audio .audio-wrap,
.main-content .audio-wrap{
margin-bottom:15px
}
.post .gallery-slider .gallery,
.post .gallery-slider .jetpack-slideshow{
display:none
}
.post table{
width:100%
}
.post table td, .post table th{
text-align:center
}
.post table tbody td{
padding:5px;
border-right:1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
color:#676767
}
.post table tbody tr td:first-child{
border-left:1px solid #E6E6E6
}
.post table th{
border-bottom:1px solid #E6E6E6;
color:#676767
}
.post table #prev{
text-align:left;
position:relative;
z-index:2
}
.post table #next{
text-align:right;
position:relative;
z-index:2
}
.post caption{
position:absolute;
bottom:0;
z-index:1;
width:100%;
text-align:center
}
/* remove archive meta date */
.hentry .updated.rich-snippet-hidden,
#page-header-bg[data-post-hs="default_minimal"] #single-below-header .updated.rich-snippet-hidden,
.post-area[data-remove-post-date="1"] article .date,
.post-area[data-remove-post-date="1"].featured_img_left .grav-wrap .text span {
display: none;
}
/* remove archive meta author */
.post-area[data-remove-post-author="1"] article .meta-author,
.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 {
display: none;
}
/* remove archive meta comment */
.post-area[data-remove-post-comment-number="1"] article .meta-comment-count{
display: none;
}
/* remove archive meta love */
.post-area[data-remove-post-nectar-love="1"] article .nectar-love {
display: none;
pointer-events: none;
}
.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.featured_img_left[data-remove-post-author="1"][data-remove-post-date="1"] .post-content-wrap .grav-wrap {
display: none;
}
p >a >i.icon-3x{
margin-bottom:0
}
#pagination{
position:relative;
margin-bottom:10px;
height:32px;
width:100%
}
#pagination.fw-pagination{
text-align:center;
height:auto;
padding:10px 0 50px 0;
margin-bottom:0
}
#pagination.fw-pagination.alt-style-padding{
padding:50px 0
}
#pagination.fw-pagination >div{
float:none;
display:inline-block
}
#pagination.infinite_scroll{
display:none
}
#pagination span:not(.page-numbers),
#pagination a:not(.page-numbers){
background-color:#333
}
#pagination span,
#pagination a,
#pagination .next.inactive,
#pagination .prev.inactive,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce .container-wrap nav.woocommerce-pagination ul li span,
.container-wrap nav.woocommerce-pagination ul li span {
background-repeat:no-repeat;
cursor:pointer;
display:inline-block;
padding:11px 13px 10px 13px!important;
background-position:-21px center;
position:relative;
text-transform:capitalize;
color:#fff !important;
transition:all .45s cubic-bezier(0.25,1,0.33,1);
border-radius:2px;
font-family:'Open Sans';
font-weight:700
}
.woocommerce nav.woocommerce-pagination ul li{
overflow:visible
}
body #pagination span.page-numbers.dots,
body #pagination >a,
.woocommerce nav.woocommerce-pagination ul li a,
body nav.woocommerce-pagination ul li span.page-numbers.dots{
background-color:transparent!important;
font-size:12px!important;
line-height:14px
}
body #pagination span.page-numbers.dots,
body #pagination >a,
body #pagination .page-numbers.prev,
body #pagination .page-numbers.next{
color:inherit!important;
}
body #pagination >span.page-numbers.current,
body nav.woocommerce-pagination span.page-numbers.current{
box-shadow:0 6px 15px rgba(0,0,0,0.16);
margin:0 8px;
height:35px;
width:35px;
text-align:center;
line-height:14px;
font-size:12px!important
}
body #pagination .page-numbers.prev,
body #pagination .page-numbers.next,
body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev,
body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next{
width:auto;
background-color:transparent;
background-image:none;
text-indent:0!important;
border:0
}
body #pagination >span:first-child.page-numbers{
margin-left:0!important
}
#pagination >div{
float:left;
margin:0 5px 0 0
}
#pagination >div:first-child{
margin-left:0
}
.woocommerce nav.woocommerce-pagination ul li a:active{
background-color:#000
}
#pagination span{
cursor:default
}
#pagination a, #pagination span{
display:inline-block
}
#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
#pagination .prev a,
#pagination .prev.inactive,
#pagination .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{
text-indent:-9999px;
height:32px;
width:32px;
background-repeat:no-repeat!important
}
#pagination a.page-numbers,
#pagination span.page-numbers{
font-size:12px;
line-height:11px
}
#pagination .next.inactive,
#pagination .prev.inactive{
background-color:#eae8e5;
cursor:default!important;
height:32px;
width:32px;
margin:0 5px 0 0
}
#pagination .next a, #pagination .next.inactive,
#pagination .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next{
background-image:url("../../img/icons/portfolio-arrows.png");
background-position:-20px 12px
}
#pagination .prev a, #pagination .prev.inactive,
#pagination .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{
background-image:url("../../img/icons/portfolio-arrows.png");
background-position:13px 12px
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){
#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next{
background-image:url("../../img/icons/portfolio-arrows-2x.png");
background-size:40px 9px
}
#pagination .prev a,
#pagination .prev.inactive,
#pagination .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev{
background-image:url("../../img/icons/portfolio-arrows-2x.png");
background-size:40px 9px
}
}
#pagination{
position:relative;
margin-bottom:10px;
height:32px;
width:100%
}
/* 12.2. Masonry Auto Meta Overlaid Spaced (Loaded conditionally) - See css/blog/auto-masonry-meta-overlaid-spaced.css */
/* 12.3. Masonry Classic Enhanced (Loaded conditionally) - See css/blog/masonry-classic-enhanced.css */
/* 12.4. Masonry Meta Overlaid (Loaded conditionally) - See css/blog/masonry-meta-overlaid.css */
/* 12.5. Standard Minimal (Loaded conditionally) - See css/blog/standard-minimal.css */
/*---------------------*/
/* 13. Footer
/*---------------------*/
body .container-wrap.no-shadow {
box-shadow:none
}
.text-on-hover-wrap .categories a{
color:#777;
font-size:14px;
font-family:'Open Sans';
font-weight:600;
margin-bottom:20px
}
#slide-out-widget-area .widget.widget_nav_menu ul ul{
margin:0!important;
padding:0 0 0 20px
}
#slide-out-widget-area .widget.widget_nav_menu li {
border-bottom:0;
padding:0!important
}
#slide-out-widget-area .widget.widget_nav_menu li a{
padding:6px 20px;
display:block
}
#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
}
/*---------------------*/
/* 15. Off Canvas / Mobile Menu
/*---------------------*/
/* Fullscreen style - See css/off-canvas/fullscreen.css */
/* Simple Dropdown - See css/off-canvas/simple-dropdown.css */
/* Slide Out Right Hover - See css/off-canvas/slide-out-right-hover.css */
#header-outer #mobile-menu {
display: none;
padding: 0;
z-index: 1000;
position: absolute;
left: 0;
top: calc(99% + 12px);
width: 100%;
}
#slide-out-widget-area {
display: none;
}
.original #slide-out-widget-area[class*="slide-out-from-right"],
.ascend #slide-out-widget-area[class*="slide-out-from-right"] {
display: block;
}
#slide-out-widget-area.slide-out-from-right-hover{
position:fixed;
transform:translate3d(341px,0,0);
-webkit-transform:translate3d(341px,0,0);
top:0;
right:0;
width:340px;
height:100%;
}
@media only screen and (min-width: 500px) {
#slide-out-widget-area.slide-out-from-right-hover {
width: 400px;
-webkit-transform: translate3d(101%,0,0);
transform: translate3d(101%,0,0);
}
}
#slide-out-widget-area.slide-out-from-right{
position:fixed;
transform:translate(301px,0px);
-webkit-transform:translate(301px,0px);
top:0;
right:0;
width:300px;
height:100%;
z-index:10000;
padding:33px;
overflow:hidden
}
.admin-bar #slide-out-widget-area{
padding-top:33px
}
.admin-bar #slide-out-widget-area.slide-out-from-right{
padding-top:53px
}
#slide-out-widget-area-bg{
-webkit-backface-visibility:hidden;
background-color:rgba(0,0,0,0.8);
position:fixed;
height:1px;
width:1px;
opacity:0;
left:0;
top:0;
z-index:9996
}
#slide-out-widget-area-bg .bg-inner{
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8)
}
#header-outer #mobile-menu .off-canvas-social-links li:first-child a,
#slide-out-widget-area .off-canvas-social-links li:first-child a {
padding-left: 0;
}
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:'';
transform-origin:0.142rem center
}
.lines:before{
top:6px
}
.lines:after{
top:-6px
}
#header-outer.transparent #top nav ul .slide-out-widget-area-toggle a .lines-button .lines,
#header-outer #top 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: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 ease;
position:absolute;
left:0;
top:0;
content:'';
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 #header-outer .lines-button{
top:9px
}
body.original .slide-out-hover-icon-effect.small .lines-button {
top: 10px;
}
body.original #header-outer[data-has-menu="true"] .lines-button {
top:10px
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after{
top:0!important
}
.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
}
.slide-out-widget-area-toggle a >span{
transition:transform 0.33s 0.3s ease-in;
transform-origin:center;
display:block;
height:21px
}
.slide-out-widget-area-toggle.mobile-icon a >span{
height:20px
}
#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;
}
/***************** Calendar Widget ******************/
.widget_calendar{
position:relative;
}
#sidebar .widget_calendar {
margin-bottom: 30px;
}
.widget_calendar table{
width:100%;
border-collapse:collapse
}
.widget_calendar table td{
text-align:center
}
.widget_calendar table tbody td{
border:0;
padding:4px;
font-size:14px;
color:#666
}
.widget_calendar table tbody tr td:first-child{
border-left:0
}
.widget_calendar table tbody tr:nth-child(2n+1){
background-color:#f0f0f0
}
#slide-out-widget-area .widget_calendar table tbody tr:nth-child(2n+1),
#header-outer .widget-area-active .widget_calendar table tbody tr:nth-child(2n+1) {
background-color: rgba(0,0,0,0.1);
}
.widget_calendar table th{
font-weight:700;
border-bottom:0;
text-align:center;
padding-bottom:10px;
color:#999
}
.widget_calendar table #prev{
text-align:left;
position:relative;
padding:10px 0 0 0;
z-index:2
}
.widget_calendar table #next{
text-align:right;
position:relative;
padding:10px 0 0 0;
z-index:2
}
.widget_calendar caption{
width: 100%;
text-align: center;
color: #fff;
padding: 5px;
background-color: rgba(0,0,0,0.2);
}
.widget_calendar .wp-calendar-nav {
display: table;
width: 100%;
}
body .widget_calendar th,
body:not(.woocommerce-cart) .main-content .widget_calendar th {
text-align: center;
}
.widget_calendar .wp-calendar-nav span {
display: table-cell;
line-height: 1;
padding: 2.5%;
}
.widget_calendar .wp-calendar-nav-prev{
text-align: left;
}
.widget_calendar .calendar_wrap .wp-calendar-nav-next{
text-align: right;
}
.widget_search .search-form,
.newsletter-widget form{
position:relative;
overflow:hidden
}
.widget_search .search-form input[type=text],
#sidebar .widget_search .search-form input[type=text],
#footer-outer #footer-widgets .widget_search .search-form input[type=text] {
padding-right:45px;
margin:0
}
.newsletter-widget form input[type=email]{
padding-right:75px;
margin:0
}
.widget_search .search-form button[type=submit] .text {
display: none;
}
body .widget_search .search-form button[type=submit],
body.search-no-results .search-form button[type=submit] {
padding: 14px!important;
}
body .widget_search .search-form button[type=submit],
.widget_search .search-form button[type=submit] .icon-salient-search {
background-color: transparent!important;
}
body .widget_search .search-form button[type=submit]{
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body[data-form-style="minimal"] .widget_search .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 > p:first-child {
font-size: 1.5em;
line-height: 1.5em;
text-align: center;
}
.main-content > .row > form.post-password-form {
padding: 15% 0;
max-width: 600px;
margin: 0 auto;
}
.post-password-form input[type="submit"] {
margin-top: 20px;
display: block;
width: 100%;
text-align: center;
}
#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
}
#slide-out-widget-area .widget_recent_comments ul li{
background:none repeat scroll 0 0 rgba(0,0,0,0.05)
}
#slide-out-widget-area .widget_recent_comments ul li:last-child{
margin-bottom:0
}
/*---------------------*/
/* 16. Sidebar Styles
/*---------------------*/
#sidebar div ul{
margin-left:0
}
#sidebar div ul li{
padding:8px 0;
list-style:none;
border-bottom:1px solid #e6e6e6
}
#sidebar > div {
margin-bottom:50px
}
#sidebar > div:last-child{
margin-bottom:0
}
#sidebar #sidebar-inner{
margin-bottom:0
}
#sidebar h4{
color:#000;
opacity: 0.7;
font-family:'Open Sans';
font-weight:600;
font-size:14px;
margin-bottom:15px;
}
#sidebar .widget_recent_comments h4 {
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;
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 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%;
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 {
margin-bottom:0;
}
.recent_projects_widget 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;
}
.recent_projects_widget a:hover img {
border-color:#000
}
.recent_projects_widget div a{
float:left;
margin:2% 2% 0 0;
width:32%
}
.recent_projects_widget div a:nth-child(3n+3){
margin-right:0
}
#sidebar select{
max-width:100%
}
.span_12.light .wpb_widgetised_column #sidebar .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date,
.span_12.light .wpb_widgetised_column #sidebar h4,
.span_12.light .wpb_widgetised_column #sidebar .widget li a,
body.material .span_12.light .wpb_widgetised_column #sidebar .widget li a:hover {
color: #fff;
}
.recent_projects_widget >div:after{
clear:both;
content:'';
display:block
}
.widget_pages ul ul{
margin-top:20px;
margin-bottom:30px;
margin-left:20px!important
}
/*---------------------*/
/* 17. Comment Styles
/*---------------------*/
body #respond{
background-color:transparent;
box-shadow:none;
padding:0
}
#respond >p,
#respond .comment-notes,
p.logged-in-as{
margin-bottom:10px
}
p.logged-in-as{
padding-bottom:0
}
body .comment-list{
margin-bottom:40px;
margin-left:0
}
.comment-list li{
list-style:none
}
.comment-list .comment >div,
.comment-list .pingback >div{
background-color:#fff;
margin:0;
overflow:hidden;
padding:25px;
margin-top:2em;
position:relative;
padding-left:116px;
box-shadow:0 1px 2px rgba(0,0,0,0.17);
}
.comment-list .children{
margin-left:0;
padding-left:40px;
border-left:1px solid #ddd;
}
body:not(.material) .comment-list .children{
margin-left:0;
padding-left:40px;
border-left:1px solid #ddd;
background-repeat:no-repeat;
background-position:left 20px;
background-image:url(../../img/icons/comment-children-line.jpg)
}
.comment-list .comment >div img.avatar,
.comment-list .pingback >div img.avatar{
position:absolute;
left:29px;
top:29px;
width:60px;
height:60px
}
.comment-list .reply{
position:absolute;
top:29px;
right:29px
}
.comment-list .reply a{
color:#FFF;
cursor:pointer;
padding:3px 7px;
font-size:11px;
transition:all 0.2s linear 0s;
width:auto;
border-radius:2px;
background-color:#333
}
.comment-list .comment-author,
.comment-list .pingback .comment-body > a {
color:#333;
font-family:'Open Sans';
font-weight:600;
font-size: 16px;
line-height: 30px;
}
.comment-list .pingback .comment-body > a { display: block; }
body.material .comment-list .pingback .comment-body,
body.ascend .comment-list .pingback .comment-body {
padding-left: 0;
}
body.original .comment-list .pingback .comment-body {
padding-left: 25px;
}
.comment-list .comment-meta{
font-size:11px;
line-height:15px
}
.comment-list .comment-meta a{
color:#888
}
.comment-list .comment-meta a:hover{
color:#000
}
.comment-list .reply a:hover{
background-color:#000
}
.comment-list .comment >div p,
.comment-list .pingback >div p{
padding-bottom:0;
margin-top:10px
}
.comment-list .comment #commentform .form-submit {
margin-top: 0;
}
#respond h3 .cancel-comment-reply,
#respond #cancel-comment-reply-link{
display:inline-block;
margin-left:10px;
padding-left:10px;
position:relative;
border-left:1px solid #ddd
}
#respond h3,
h3#comments{
font-family:'Open Sans';
font-weight:600;
text-transform:none;
}
.comment-author a{
color:inherit
}
body:not(.original) .bypostauthor > .comment-body > .comment-author > img.avatar {
border: 3px solid #000;
padding: 3px;
}
body.material .comment-list .comment .bypostauthor > .comment-body > .comment-author > img.avatar {
border: 2px solid #000;
padding: 2px;
}
/*---------------------*/
/* 18. General Form Styles
/*---------------------*/
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=number],
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;
}
input:focus,
select:focus,
textarea:focus {
outline: 0;
}
input[type=submit],
button[type=submit],
input[type="button"]{
background-color:#333;
padding:7px 11px;
border:none;
color:#fff;
cursor:pointer;
transition:all 0.45s cubic-bezier(0.25,1,0.33,1);
width:auto;
font-family:'Open Sans';
font-weight: 600;
font-size:14px;
border-radius:2px;
}
input[type=submit]:hover,
button[type=submit]:hover,
input[type="button"]:hover{
background-color:#000
}
body[data-form-submit="regular"] .container-wrap input[type=submit],
body[data-form-submit="regular"] .container-wrap button[type=submit] {
padding:15px 22px!important;
}
select{
padding:10px;
width:100%;
border: none;
font-family:'Open Sans';
font-weight:400;
font-size:12px;
line-height:22px;
color:#555;
background-color:#fff;
box-shadow:0 1px 2px rgba(0,0,0,0.16);
transition:all 0.2s linear;
}
textarea{
max-width:100%
}
.select2-container .select2-choice>.select2-chosen{
color:#000!important;
line-height:30px;
padding-left:3px
}
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
}
/* table styling */
body:not(.woocommerce-cart) .main-content table{
margin:0 0 20px;
padding:0;
width:100%;
border-collapse:collapse;
border-spacing:0;
background-color:#fff;
border-top:1px solid #ececec
}
body:not(.woocommerce-cart) .main-content tr th:first-child,
body:not(.woocommerce-cart) .main-content tr td:first-child{
border-left-style:solid;
border-left-width:1px;
border-color:#ececec
}
body:not(.woocommerce-cart) .main-content tr th:first-child,
body:not(.woocommerce-cart) .main-content tr td:first-child{
border-left-style:solid;
border-left-width:1px
}
body:not(.woocommerce-cart) .main-content th{
border-left:medium none;
border-style:none solid solid none;
border-top:medium none;
border-width:medium 1px 1px medium;
font-weight:bold;
padding:10px;
text-align:left;
border-color:#ececec
}
body:not(.woocommerce-cart) .main-content td{
border-color:#ececec;
border-left:none;
border-style:none solid solid none;
border-top:medium none;
border-width:medium 1px 1px medium;
font-size: 14px;
padding:10px
}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1){
background-color:#fcfcfc
}
/******** Keyframe animations ********/
@keyframes fadebottom{
0%{
opacity:1;
transform:translateY(0px);
}
25%{
opacity:0;
transform:translateY(20px);
}
30%{
opacity:0;
transform:translateY(0px);
}
45%{
opacity:1;
transform:translateY(0px);
}
100%{
opacity:1;
transform:translateY(0px);
}
}
/*---------------------*/
/* 19. Page Builder Full Width Calcs
/*---------------------*/
/* Full width row BGs */
body .full-width-section,
body .full-width-content {
visibility: visible;
}
.portfolio-filters-inline.full-width-section:not(.non-fw),
.portfolio-filters-inline.full-width-content,
.post-area.full-width-content.standard-minimal,
body[data-col-gap] .vc_row-fluid .span_12.post-area.full-width-content.standard-minimal,
.full-width-content.blog-fullwidth-wrap,
.wpb_row.full-width-content,
.wpb_row.full-width-content.has-global-section .wpb_row.full-width-content,
.full-width-content.nectar-shop-outer,
.page-submenu > .full-width-section,
.page-submenu .full-width-content,
.wpb_row.full-width-section .mobile-video-image,
body .full-width-section .row-bg-wrap,
body .full-width-section .nectar-parallax-scene,
body .full-width-section > .nectar-shape-divider-wrap,
body .full-width-section > .video-color-overlay,
body[data-aie="zoom-out"] .first-section .row-bg-wrap,
body[data-aie="long-zoom-out"] .first-section .row-bg-wrap,
body[data-aie="zoom-out"] .top-level.full-width-section .row-bg-wrap,
body[data-aie="long-zoom-out"] .top-level.full-width-section .row-bg-wrap,
body .full-width-section.parallax_section .row-bg-wrap,
.nectar-slider-wrap[data-full-width="true"],
.wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap,
.single-product .product[data-gallery-style="left_thumb_sticky"][data-gallery-variant="fullwidth"] .single-product-wrap {
margin-left: -50vw;
margin-left: calc(-50vw + var(--scroll-bar-w)/2);
left: 50%;
width: 100vw;
width: calc(100vw - var(--scroll-bar-w));
}
body .full-width-section > .nectar-video-wrap {
margin-left: -50vw;
margin-left: calc(-50vw + var(--scroll-bar-w)/2);
left: 50%;
width: 100vw!important;
width: calc(100vw - var(--scroll-bar-w))!important;
}
body .full-width-section > .nectar-video-wrap,
body .full-width-content > .nectar-video-wrap,
.nectar-video-wrap .nectar-video-inner,
.vc_column-inner > .nectar-video-wrap {
height: 100%;
}
.page-submenu .full-width-content,
.page-submenu > .full-width-section,
.full-width-content.blog-fullwidth-wrap,
.portfolio-filters-inline.full-width-content,
.portfolio-filters-inline.full-width-section {
position: relative;
}
/* Prevent full width bgs on rows inside non compat areas */
body .post-area.span_9 .portfolio-filters-inline.full-width-section:not(.non-fw),
body .post-area.span_9 .portfolio-filters-inline.full-width-content,
body .post-area.span_9 .post-area.full-width-content.standard-minimal,
body .post-area.span_9 .full-width-content.blog-fullwidth-wrap,
body .post-area.span_9 .wpb_row.full-width-content,
body .post-area.span_9 .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content,
body .post-area.span_9 .page-submenu > .full-width-section,
body .post-area.span_9 .page-submenu .full-width-content,
body .post-area.span_9 .full-width-section .row-bg-wrap,
body .post-area.span_9 .full-width-section .nectar-parallax-scene,
body .post-area.span_9 .full-width-section > .nectar-shape-divider-wrap,
body .post-area.span_9 .full-width-section > .video-color-overlay,
body .masonry-blog-item .wpb_row.full-width-content,
body[data-aie="zoom-out"] .post-area.span_9 .first-section .row-bg-wrap,
body[data-aie="long-zoom-out"] .post-area.span_9 .first-section .row-bg-wrap,
body[data-aie="zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap,
body[data-aie="long-zoom-out"] .post-area.span_9 .top-level.full-width-section .row-bg-wrap,
body .woocommerce-tabs[data-tab-style="in_sidebar"] .wpb_row.full-width-content,
body .woocommerce-tabs[data-tab-style="in_sidebar"] .full-width-section .row-bg-wrap,
body .post-area.span_9 .full-width-section.parallax_section .row-bg-wrap,
body .post-area.span_9 .wpb_row.parallax_section .row-bg-wrap,
.post-area.span_9 .nectar-slider-wrap[data-full-width="true"],
body .post-area.span_9 .wpb_row.full-width-section .templatera_shortcode > .wpb_row.full-width-section > .row-bg-wrap {
margin-left: 0;
left: 0;
width: 100%;
}
body .post-area.span_9 .full-width-section > .nectar-video-wrap {
margin-left: 0;
left: 0;
width: 100%!important;
}
.pum .pum-container .popmake-content .full-width-section .row-bg-wrap,
.pum .pum-container .popmake-content .wpb_row.full-width-content {
margin-left: 0!important;
left: 0!important;
width: 100%!important;
}
/* Inner row */
body .wpb_row.full-width-section .wpb_row > .row-bg-wrap,
body .wpb_row.full-width-content .wpb_row > .row-bg-wrap {
margin-left: 0;
left: 0;
width: 100%;
}
/* Col BG */
.wpb_row .column-image-bg-wrap,
.wpb_row .column-image-bg-wrap .inner-wrap,
.wpb_row .column-image-bg-wrap .column-image-bg {
overflow:hidden;
width:100%;
height:100%;
position:absolute;
z-index:1;
top:0;
left:0;
}
/* Safari specific fix for column bg images */
_::-webkit-full-page-media, _:future, :root .column-image-bg-wrap .column-image-bg, .column-bg-overlay-wrap .column-bg-overlay {
transform: translateZ(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
}
body .wpb_row .column-image-bg-wrap {
z-index: -1;
overflow: hidden;
}
.full-width-content.vc_row-fluid .wpb_column .column-image-bg-wrap .column-image-bg{
background-position:center;
background-size:cover;
}
/*---------------------*/
/* 20. Salient Icons
/*---------------------*/
[class^="iconsmind-"], [class*=" iconsmind-"] {
visibility: hidden;
}
@font-face{
font-family:'icomoon';
src:url('../fonts/icomoon.eot?v=1.4');
src:url('../fonts/icomoon.eot?#iefix&v=1.4') format('embedded-opentype'),
url('../fonts/icomoon.woff?v=1.4') format('woff'),
url('../fonts/icomoon.ttf?v=1.4') format('truetype'),
url('../fonts/icomoon.svg#icomoon?v=1.4') format('svg');
font-weight:normal;
font-display:block;
font-style:normal
}
.icon-salient-x,
.icon-salient-m-eye,
.icon-salient-search,
.icon-salient-woo-zoom-icon,
.icon-salient-right-arrow,
.icon-salient-left-arrow,
.icon-salient-right-line,
.icon-salient-back-to-all,
.icon-salient-left-arrow-thin,
.icon-salient-right-arrow-thin,
.icon-salient-down-arrow-thin,
.icon-salient-down-arrow,
.ascend .mfp-image-holder .mfp-close,
.ascend .mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.icon-salient-facebook,
.icon-salient-twitter,
.icon-salient-pinterest,
.icon-salient-heart,
.icon-salient-heart-2,
.icon-salient-m-close,
.icon-salient-plus,
.icon-salient-cart,
.icon-salient-pencil,
.icon-salient-artstation,
.icon-salient-discord,
.icon-salient-patreon,
.icon-salient-trustpilot,
.icon-salient-m-social-alt,
.icon-be,
.icon-vimeo,
.icon-soundcloud,
.icon-button-arrow,
.icon-salient-thin-line,
.icon-salient-spotify,
.icon-salient-tiktok,
.icon-salient-twitch,
.icon-salient-houzz,
.icon-salient-m-user,
.icon-salient-facebook-messenger,
.icon-salient-apple-music,
.salient-page-submenu-icon,
.icon-salient-m-clock,
.icon-salient-check,
.icon-salient-medium,
.icon-salient-mastodon,
.video-play-button,
.fa.fa-angle-down,
.fa.fa-angle-up,
.fa.fa-angle-left,
.fa.fa-angle-right,
.fa.fa-ok-sign,
.fa.fa-minus-sign,
.fa.fa-plus-sign,
.fa.fa-facebook,
.fa.fa-pinterest,
.fa.fa-twitter,
.fa.fa-linkedin,
.material .comment-list .reply a:before,
.mejs-controls .mejs-button button,
i.fa.fa-houzz {
font-family:'icomoon'!important;
speak:none; font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased
}
.icon-salient-m-bag:before{content:"\e900"}
.icon-salient-m-eye:before{content:"\e015"}
.icon-salient-m-clock:before{content:"\e016"}
.icon-salient-m-gear:before{content:"\e023"}
.icon-salient-m-heart:before{content:"\e024"}
.icon-salient-m-search:before{content:"\e036"}
.icon-salient-m-prev:before{content:"\e050"}
.icon-salient-m-rewind:before{content:"\e051"}
.icon-salient-m-play:before{content:"\e052"}
.icon-salient-woo-zoom-icon:before{content:"\e908"}
.icon-salient-woo-zoom-icon-minus:before{content:"\e90a"}
.icon-salient-m-pause:before{content:"\e053"}
.icon-salient-m-stop:before{content:"\e054"}
.icon-salient-m-ff:before{content:"\e055"}
.icon-salient-m-next:before{content:"\e056"}
.icon-salient-m-user:before{content:"\e074"}
.icon-salient-m-chat:before{content:"\e076"}
.icon-salient-m-social:before{content:"\e081"}
.icon-salient-m-social-alt:before{content:"\e90e"}
.icon-salient-m-left-arrow:before{content:"\e094"}
.icon-salient-m-right-arrow:before{content:"\e095"}
.icon-salient-m-sound:before{content:"\e098"}
.icon-salient-m-mute:before{content:"\e099"}
.icon-salient-m-close:before{content:"\e117"}
.icon-salient-m-menu:before{content:"\e120"}
.icon-salient-x:before{content:"\e003"}
.icon-salient-right-arrow:before{content:"\e000"}
.icon-salient-left-arrow:before{content:"\e001"}
.icon-salient-right-line:before{content:"\e004"}
.icon-salient-back-to-all:before{content:"\e005"}
.icon-salient-right-arrow-thin:before{content:"\e006"}
.icon-salient-left-arrow-thin:before{content:"\e007"}
.icon-salient-down-arrow-thin:before{content:"\e00c"}
.icon-salient-down-arrow:before{content:"\e008"}
.icon-salient-facebook:before{content:"\e00a"}
.icon-salient-twitter:before{content:"\e00b"}
.icon-salient-pinterest:before{content:"\e00d"}
.icon-salient-heart:before{content:"\e00e"}
.icon-salient-plus:before{content:"\e010"}
.icon-salient-cart:before{content:"\e012"}
.icon-salient-pencil:before{content:"\e011"}
.icon-be:before{content:"\e013"}
.icon-vimeo:before{content:"\e014"}
.icon-soundcloud:before{content:"\e600"}
.icon-button-arrow:before{content:"\e909"}
.icon-salient-thin-line:before{content:"\e602"}
.icon-salient-spotify:before{content:"\f1bc"}
.icon-salient-facebook-messenger:before{content:"\e90d"}
.icon-salient-artstation:before{content:"\e90b"}
.icon-salient-discord:before{content:"\e90c"}
.icon-salient-tiktok:before{content:"\e90f"}
.icon-salient-houzz, i.fa.fa-houzz:before{content:"\e904"}
.icon-salient-twitch:before{content:"\e905"}
.icon-salient-apple-music:before{content:"\e903"}
.icon-salient-patreon:before{content:"\e912"}
.icon-salient-check:before{content:"\e915"}
.icon-salient-medium:before{content:"\e914"}
.icon-salient-trustpilot:before{content:"\e916"}
.icon-salient-mastodon:before{content:"\e917"}
body .fa.fa-angle-down:before{content:"\e60a"}
body .fa.fa-angle-up:before{content:"\e609"}
body .fa.fa-angle-left:before{content:"\e608"}
body .fa.fa-angle-right:before{content:"\e607"}
body .fa.fa-pinterest:before{content:"\e60b"}
body .fa.fa-twitter:before{content:"\e60c"}
body .fa.fa-facebook:before{content:"\e60d"}
.fa.fa-linkedin:before{content:"\e605"}
.fa.fa-ok-sign:before{content:"\f058"}
.fa.fa-minus-sign:before{content:"\f056"}
.fa.fa-plus-sign:before{content:"\f055"}
body .lines,
body .lines:before,
body .lines:after{
height:2px
}
.icon-salient-search:before{
content:"\e036"
}
body .nectar-social.fixed > a > i,
#ajax-content-wrap .nectar-social.fixed > a > i,
body .nectar-social.hover .share-btn > i {
font-family:'icomoon'!important;
}
body .nectar-social.fixed > a > i:before,
#ajax-content-wrap .nectar-social.fixed > a > i:before,
body .nectar-social.hover .share-btn > i:before {
content:"\e90e";
}
body .icon-salient-x:before{
content:"\e117"
}
body.ascend .icon-salient-cart:before,
body .icon-salient-cart:before{
content:"\e910"
}
.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)
}