emeffreight.com
Open in
urlscan Pro
202.75.41.217
Public Scan
Submitted URL: http://emeffreight.com/wp-content/themes/salient/css/skin-material.css?ver=8.5.4
Effective URL: https://emeffreight.com/wp-content/themes/salient/css/skin-material.css?ver=8.5.4
Submission: On November 20 via api from US — Scanned from CA
Effective URL: https://emeffreight.com/wp-content/themes/salient/css/skin-material.css?ver=8.5.4
Submission: On November 20 via api from US — Scanned from CA
Form analysis 0 forms found in the DOM
Text Content
body[data-header-color="light"] #header-outer #search-outer input::-webkit-input-placeholder { color: #000; }
body[data-header-color="dark"] #header-outer #search-outer input::-webkit-input-placeholder { color: #fff; }
p {
padding-bottom: 1.5em;
}
.material .wpb_row, .material .wpb_content_element {
margin-bottom: 1.5em;
}
.material .vc_row-fluid[data-column-margin="none"] {
margin-bottom: 0;
}
#header-space { background-color: #fff;}
body[data-header-color="dark"] #header-space { background-color: #000;}
#footer-outer #footer-widgets .col ul li, #sidebar div ul li, #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li {
border:none;
padding:4px 0;
}
@media only screen and (min-width: 1000px) {
#footer-outer .row {
padding: 75px 0;
}
}
.ocm-effect-wrap, .container-wrap, .project-title,body .vc_text_separator div,.carousel-wrap[data-full-width="true"] .carousel-heading,.carousel-wrap span.left-border,.carousel-wrap span.right-border,#page-header-wrap,.page-header-no-bg,#full_width_portfolio .project-title.parallax-effect,.portfolio-items .col,.page-template-template-portfolio-php .portfolio-items .col.span_3,.page-template-template-portfolio-php .portfolio-items .col.span_4 {
background-color: #fff;
}
#call-to-action .triangle {
color:#fff;
}
#footer-outer #footer-widgets .col ul li, #sidebar div ul li, #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li {
border:none;
padding:4px 0
}
#sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li, #footer-outer .widget.widget_categories li, #footer-outer .widget.widget_pages li, #footer-outer .widget.widget_nav_menu li {
padding:4px 0!important
}
.material .widget li a, .material #sidebar .widget li a, .material #footer-outer .widget li a {
padding:0!important;
border:none;
color: inherit;
}
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title {
margin-top: 0px;
padding-top: 40px;
}
body.search-results.material .container-wrap { margin-top: 0!important; padding-top: 60px!important; }
body[data-header-resize="1"] #page-header-wrap { margin-top: 0; }
body.material .page-header-no-bg {
padding-top: 35px;
margin-top: 0px;
}
.parallax_slider_outer.first-section, .parallax_slider_outer.first-section .swiper-slide .content, .nectar-slider-wrap.first-section .swiper-slide .content { margin-top: 0!important; }
body.material #header-outer[data-header-resize="1"]:not([data-format="left-header"]):not(.small-nav) {
box-shadow: none;
}
body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down) {
box-shadow: none;
}
body.material #header-outer:not([data-format="left-header"]) #logo,
body.material #header-outer:not([data-format="left-header"]) .logo-spacing {
transition: margin 0.32s ease;
}
body.material #header-outer:not([data-format="left-header"]) #logo img,
body.material #header-outer:not([data-format="left-header"]) .logo-spacing img {
transition: height 0.32s ease, opacity 0.2s ease;
}
body.material #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo,
body.material #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing {
transition: margin 0.15s ease;
}
body.material #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img,
body.material #header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) .logo-spacing img {
transition: height 0.15s ease, opacity 0.2s ease;
}
body.material #header-outer.small-nav:not([data-format="left-header"]) {
transition: box-shadow 0.42s ease, opacity 0.3s ease;
}
body.material #header-outer.small-nav:not([data-format="left-header"]) #logo,
body.material #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing {
transition: margin 0.32s ease;
}
body.material #header-outer.small-nav:not([data-format="left-header"]) #logo img,
body.material #header-outer.small-nav:not([data-format="left-header"]) .logo-spacing img {
transition: height 0.32s ease;
}
body.material[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;
}
body.material #header-outer[data-using-secondary="1"]:not([data-format="left-header"]) {
transition: transform 0.32s ease, background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease;
}
body.material #header-outer[data-using-secondary="1"].small-nav:not([data-format="left-header"]) {
transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease;
}
body.material #header-outer[data-format="centered-menu"] .logo-spacing, body.material #header-outer[data-format="centered-logo-between-menu"] .logo-spacing { visibility: hidden; pointer-events:none; z-index: -100;}
@media only screen and (min-width: 1001px) {
body.material #header-outer:not([data-format="left-header"]) { padding-top: 0;}
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row,
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav,
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul,
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul > li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body.material #header-outer:not([data-format="left-header"]) header#top .span_9, body.material #header-outer:not([data-format="left-header"]) header#top .span_3 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: none;
width: auto;
}
/*header layouts*/
body.material #header-outer[data-format="centered-menu-under-logo"] .span_9, body.material #header-outer[data-format="centered-menu-under-logo"] .span_9 nav {
display: -ms-flexbox!important;
display: flex!important;
width: 100%;
}
body.material #header-outer[data-format="centered-menu-under-logo"] .cart-menu {
-ms-transform: none!important;
-webkit-transform: none!important;
transform: none!important;
}
body.material #header-outer .logo-spacing { line-height: 0; }
body.material #header-outer[data-format="centered-menu"] .logo-spacing img, body.material #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { margin-bottom: 0;}
body.material #header-outer[data-format="centered-logo-between-menu"] .logo-spacing img { width: 1px; }
body.material #header-outer[data-format="centered-logo-between-menu"] header#top .span_9, body.material #header-outer[data-format="centered-logo-between-menu"] header#top .span_9 nav { width: 100%; }
body.material #header-outer[data-format="centered-menu"] header#top .span_3 { position: relative; margin-right: 0;}
body.material #header-outer[data-format="centered-menu"] header#top .span_9,
body.material #header-outer[data-format="centered-menu"] header#top .span_9 .sf-menu {
position: static!important;
}
#header-outer[data-format="centered-logo-between-menu"] .row .col.span_3 {
pointer-events: none;
}
body #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img {
transform: none;
}
body #header-outer[data-format="centered-logo-between-menu"] header#top #logo {
transform: translateX(-50%);
pointer-events: auto;
}
body.material #header-outer[data-format="default"] header#top .span_9 {
margin-left: auto;
}
body.material #header-outer[data-format="centered-menu"] header#top .span_9, body.material #header-outer[data-format="centered-menu"] header#top .span_9 nav {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
body.material #header-outer[data-format="centered-menu"] header#top .span_9 nav ul.sf-menu,
body.material #header-outer[data-format="centered-logo-between-menu"] header#top .span_9 nav ul.sf-menu,
body.material #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
#header-outer:not([data-format="left-header"]) header#top nav >ul.buttons { overflow: visible!important; height: auto; }
#header-outer:not([data-format="left-header"]) header#top nav >ul >li { /*height: 100%; */
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center; }
#header-outer:not([data-format="left-header"]) header#top nav >ul { float: none; display: inline-block; vertical-align: middle; /*height: 100%;*/}
#header-outer[data-format="centered-menu"] header#top nav >ul.buttons, #header-outer[data-format="centered-menu"] header#top .span_3,
#header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu, #header-outer[data-format="centered-logo-between-menu"] header#top nav >ul.buttons {
height: 100%;
}
body.material #header-outer header#top > .container > .row .right-aligned-menu-items nav { /*height: 100%;*/ -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
#header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items {
float: none;
margin-left: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body.material #header-outer[data-format="centered-menu-under-logo"] .row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 1000px) {
.material header#top .col.span_9 {
text-align: right;
line-height: 0;
}
.material #header-outer[data-format="centered-menu"] header#top .span_9,
.material #header-outer[data-format="centered-logo-between-menu"] header#top .span_9 {
text-align: right!important;
z-index: 10000;
left: auto;
}
.material header#top .span_9 >.slide-out-widget-area-toggle > div, #header-outer .mobile-search .icon-salient-search, #header-outer header#top #mobile-cart-link i {
position: relative;
display: block;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.material header#top .span_9 >.slide-out-widget-area-toggle, .material header#top #mobile-cart-link, .material header#top .mobile-search {
position: relative;
width: auto;
padding: 0 7px;
top: auto;
right: auto;
margin-bottom: 0;
margin-top: 0;
display: inline-block!important;
vertical-align: middle;
line-height: 0;
height: 100%;
-webkit-transform: none;
transform: none;
}
html body[data-slide-out-widget-area-style="slide-out-from-right"].material a.slide_out_area_close:before {
background-color: rgba(0,0,0,.06)!important;
}
.material #header-outer[data-cart="true"] header#top .span_9 >.slide-out-widget-area-toggle, .material #header-outer[data-cart="true"] header#top #mobile-cart-link, .material header#top .mobile-search {
padding: 0 8px;
}
.material header#top .span_9 >.slide-out-widget-area-toggle { padding-right: 0!important;}
.material #search-outer #search #close a:before {
height: 40px;
width: 40px;
margin: -20px 0 0 -20px;
}
html body.material #search-outer #search #close a span {
font-size: 16px!important;
height: 16px!important;
line-height: 16px!important;
}
body.material #search-outer #search #close a {
height: 14px;
}
body.material #search-outer #search #close { top: 0; right: -5px!important;}
body.material #search-outer #search #close a { right: 13px!important; top: 19px!important;}
}
body.material #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav >ul.buttons {
padding-bottom: 20px;
}
@media only screen and (max-width: 1000px) {
.slide-out-widget-area-toggle.mobile-icon a > span > .hover-effect { display: none;}
}
header#top nav ul #search-btn a span,
header#top nav ul #search-btn a, header#top nav ul .slide-out-widget-area-toggle a {
line-height: 20px!important;
height: 20px!important;
}
header#top .slide-out-widget-area-toggle a span {
overflow: hidden;
width: 22px;
}
@media only screen and (min-width: 1000px) {
body.material .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines-button:after,
body.material .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:before,
body.material .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:after {
height: 2px!important;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle a span:not(.close-line) {
width: 30px;
overflow: hidden;
}
.slide-out-hover-icon-effect:not(.small) {
width: 32px;
overflow: hidden;
}
header#top .slide-out-widget-area-toggle:not(.small) a .close-wrap { height: 28px; width: 22px!important; }
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle a span .lines-button.hover-effect {
left: -40px;
margin-top: -3px;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines:after,
body.material .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:after {
top: -8px;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before,
body.material .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:before {
top: 8px;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a .lines-button:after,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a .lines:before,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a .lines:after {
border-radius: 0!important;
height: 2px;
}
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a:hover .lines-button:after,
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a:hover .lines:before,
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top .slide-out-widget-area-toggle a:hover .lines:after,
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top a.effect-shown .lines-button:after,
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top a.effect-shown .lines:before,
body:not([data-slide-out-widget-area-style*="fullscreen"])[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top a.effect-shown .lines:after {
transform: translateX(40px);
}
body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before,
body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before,
.slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:before {
width: 1.4rem;
}
}
@media only screen and (max-width: 1001px) {
.slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:before {
width: 1rem;
}
}
header#top .slide-out-widget-area-toggle a > span { position: relative;}
header#top .slide-out-widget-area-toggle a span .lines-button.hover-effect {
left: -30px;
margin-top: -2px;
}
header#top .slide-out-widget-area-toggle a .lines-button:after {
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.04s, background-color 0.2s ease, opacity 0.2s ease!important;
}
body[data-is="minimal"] .slide-out-widget-area-toggle a:hover .lines:before {
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.08s, background-color 0.2s ease,opacity 0.2s ease!important;
}
body[data-is="minimal"] .slide-out-widget-area-toggle a:hover .lines:after {
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease,opacity 0.2s ease!important;
}
body[data-is="minimal"] .lines:before {
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease,opacity 0.2s ease!important;
}
body[data-is="minimal"] .lines:after {
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.08s, background-color 0.2s ease,opacity 0.2s ease!important;
}
header#top a.no-trans .lines-button:after,
header#top a.no-trans .lines:before,
header#top a.no-trans .lines:after{
transition: none!important;
}
@media only screen and (min-width: 1000px) {
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top .slide-out-widget-area-toggle a:hover .lines-button:after,
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top .slide-out-widget-area-toggle a:hover .lines:before,
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top .slide-out-widget-area-toggle a:hover .lines:after,
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top a.effect-shown .lines-button:after,
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top a.effect-shown .lines:before,
body:not([data-slide-out-widget-area-style*="fullscreen"]) header#top a.effect-shown .lines:after{
transform: translateX(30px);
}
}
body[data-slide-out-widget-area-style*="fullscreen"] header#top a.menu-push-out .lines-button:after,
body[data-slide-out-widget-area-style*="fullscreen"] header#top a.menu-push-out .lines:before,
body[data-slide-out-widget-area-style*="fullscreen"] header#top a.menu-push-out .lines:after {
transform: translateX(30px)!important;
}
body.material #header-outer:not([data-format="left-header"]) header#top nav > ul.buttons > li{
margin: 0 13px!important;
}
body.material #header-outer[data-transparent-header="true"].transparent nav >ul >li >a {
margin-bottom: 0;
}
body.material #header-outer header#top nav > ul.buttons > li:last-child {
margin-right: 0!important;
}
body.material #header-outer header#top nav > ul.buttons > li:first-child {
margin-left: 0!important;
}
body.material #header-outer .cart-menu, body.material header#top nav ul #search-btn >div {
padding-left: 0;
border-left: none!important;
}
body.material #header-outer:not([data-format="left-header"]) .cart-menu {
position: relative;
right: auto;
padding: 0;
background-color: transparent;
top: auto;
}
#header-outer .cart-menu .cart-icon-wrap i {
line-height: 18px!important;
}
body.material #header-outer:not([data-format="left-header"]) .cart-menu .cart-icon-wrap {
width: auto!important;
height: 20px;
}
body[data-header-format="left-header"] #header-outer .cart-outer {
-webkit-transition: opacity .35s cubic-bezier(0.12,0.75,0.4,1);
transition: opacity .35s cubic-bezier(0.12,0.75,0.4,1);
}
body[data-header-format="left-header"] #header-outer.material-search-open .cart-outer {
opacity: 0;
pointer-events: none;
}
#header-outer[data-format="left-header"] .sf-menu li { opacity: 1; }
body.material #header-outer[data-format="left-header"] .cart-menu > a { padding: 0!important; }
body.material #header-outer:not([data-format="left-header"]) .cart-wrap {
margin-right: 0;
top: -5px;
right: -9px;
color: #fff;
}
@media only screen and (max-width: 1000px) {
body.material #header-outer[data-format="left-header"] .cart-wrap {
margin-right: 0;
top: -5px;
right: -9px;
color: #fff;
}
}
body.material #header-outer #mobile-cart-link .cart-wrap {
position: absolute;
top: 50%;
margin-top: -14px;
right: -1px;
}
#header-outer a#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
}
body.material header#top .sf-menu > li.sfHover > ul {
top: 100%;
}
body.material[data-is="minimal"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
body.material[data-is="minimal"][data-header-color="dark"] header#top nav ul #search-btn a span,
body.material[data-is="minimal"][data-header-color="custom"] header#top nav ul #search-btn a span,
body.material[data-is="minimal"][data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
body.material[data-is="minimal"][data-header-color="light"] header#top nav ul #search-btn a span {
font-size: 20px!important;
}
body.material #header-outer #social-in-menu i {
font-size: 18px!important;
width: 36px;
}
body #header-outer[data-transparent-header="true"] header#top nav ul #search-btn >div, body.material #header-outer .cart-menu, body.material[data-header-color="custom"] header#top nav ul #search-btn >div { border-left: none;}
body.material #header-outer:not([data-format="left-header"]) header#top nav >ul.buttons {
margin-left: 30px;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) header#top nav >ul.buttons {
margin-left: 30px!important;
}
body.material #header-outer header#top nav > ul li#social-in-menu a {
line-height: 22px;
}
body.material #header-outer[data-transparent-header="true"] .cart-outer .cart-notification, body.material #header-outer[data-transparent-header="true"] .cart-outer .widget_shopping_cart {
margin-top: 0;
}
body[data-dropdown-style="minimal"].material #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) ul.cart_list a:hover { background-color: transparent!important;}
#header-outer .nectar-woo-cart .widget_shopping_cart, #header-outer .nectar-woo-cart .cart-notification{
top: 100%;
}
#header-outer .nectar-woo-cart .cart-menu-wrap {
position: relative;
width: auto;
overflow: visible;
right: auto!important;
}
.material header#top nav > ul.product_added.buttons, .material header#top nav > ul.buttons {
padding-right: 0px!important;
}
body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { z-index: 100;}
.woocommerce #sidebar div ul li {
padding:6px 0!important
}
#footer-outer #footer-widgets .col ul li a, #sidebar div ul li a {
display:block
}
#footer-outer .widget h4, #sidebar h4 {
margin-bottom:15px
}
#footer-outer #copyright {
border-top:1px solid rgba(255,255,255,0.1);
background-color:transparent
}
#footer-outer[data-using-widget-area="false"] #copyright {
border:none
}
.material .widget .tagcloud a, .material #sidebar .widget .tagcloud a, .single .post-area .content-inner > .post-tags a {
font-size: 14px!important;
border-radius: 0px!important;
padding: 5px 10px;
margin: 10px 10px 0px 0px;
-webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);
transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1);
background-color: transparent;
}
.material .widget .tagcloud a:before, .material #sidebar .widget .tagcloud a:before, .single .post-area .content-inner > .post-tags a:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px;
opacity: 0.06;
}
.material[data-button-style*="slightly_rounded"] .widget .tagcloud a:before, .material[data-button-style*="slightly_rounded"] #sidebar .widget .tagcloud a:before, .single[data-button-style*="slightly_rounded"] .post-area .content-inner > .post-tags a:before,
.material[data-button-style*="slightly_rounded"] .widget .tagcloud a, .material[data-button-style*="slightly_rounded"] #sidebar .widget .tagcloud a, .single[data-button-style*="slightly_rounded"] .post-area .content-inner > .post-tags a {
border-radius: 5px!important;
}
.material[data-button-style*="rounded"] .widget .tagcloud a:before, .material[data-button-style*="rounded"] #sidebar .widget .tagcloud a:before, .single[data-button-style*="rounded"] .post-area .content-inner > .post-tags a:before,
.material[data-button-style*="rounded"] .widget .tagcloud a, .material[data-button-style*="rounded"] #sidebar .widget .tagcloud a, .single[data-button-style*="rounded"] .post-area .content-inner > .post-tags a {
border-radius: 50px!important;
}
.material .widget .tagcloud a:hover, .material #sidebar .widget .tagcloud a:hover, .single .post-area .content-inner > .post-tags a:hover,
.sharing-default-minimal .nectar-social a:hover, body.material #page-header-bg.fullscreen-header .inner-wrap >a:hover {
box-shadow: 0px 10px 24px rgba(0,0,0,0.15);
}
.material #sidebar .widget li.recentcomments { background-color: transparent; padding: 0!important; margin-bottom: 8px;}
.material .span_12.light .widget .tagcloud a, .material .span_12.light #sidebar .widget .tagcloud a,
.material #sidebar .widget .tagcloud a:hover, .single.material .post-area .content-inner > .post-tags a:hover {
color: #fff!important;
}
body.single-post .content-inner > .post-tags {
margin-top: 60px;
}
.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap,
.nectar-fancy-box[data-style="color_box_hover"]:before,
.nectar-fancy-box[data-style="color_box_basic"]
{ border-radius: 5px; }
.full-width-content .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap, .full-width-content .nectar-fancy-box[data-style="color_box_hover"]:before { border-radius: 0px; }
.nectar-progress-bar span strong {
padding:4px 0!important;
background-color:transparent;
color:inherit
}
.nectar-progress-bar span strong:after {
display:none
}
.nectar-progress-bar .bar-wrap {
background-color:rgba(0,0,0,0.043)
}
.nectar-progress-bar .bar-wrap, .nectar-progress-bar span {
box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0
}
body .carousel-wrap[data-full-width="false"] .control-wrap {
right:10px;
text-align:center
}
.carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev {
padding-right:10px;
padding-left:10px;
margin-right:0
}
.carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
padding-left:10px;
margin-left:0
}
.carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev,.carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
right:0!important;
position:relative;
display:block;
float:left
}
.carousel-next, .carousel-prev {
background-color:transparent;
height:23px;
width:10px;
line-height:22px;
font-size:14px;
cursor:pointer;
top:1px!important;
transition:all .25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .25s cubic-bezier(0.12,0.75,0.4,1);
box-sizing:content-box
}
.carousel-wrap .control-wrap .item-count {
height:23px;
top:-1px;
right:-2px;
line-height:22px;
letter-spacing:4px;
position:relative;
display:block;
float:left;
z-index:10;
cursor:pointer;
transition:all .25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .25s cubic-bezier(0.12,0.75,0.4,1)
}
[data-full-width="false"] .carousel-next:after, [data-full-width="false"] .carousel-prev:after {
display:block;
content:' ';
position:absolute;
width:24px;
height:2px;
background-color:#000;
top:8px;
opacity:0;
left:-4px;
cursor:pointer;
transform:translateX(-20px);
transition:all .25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .25s cubic-bezier(0.12,0.75,0.4,1)
}
.light [data-full-width="false"] .carousel-next:after, .light [data-full-width="false"] .carousel-prev:after {
background-color:#fff
}
.light .carousel-next i, .light .carousel-prev i {
color:#fff
}
[data-full-width="false"] .carousel-next:after {
left:5px
}
[data-full-width="false"] .carousel-next:hover:after {
opacity:1;
transform:translateX(-12px)
}
[data-full-width="false"] .carousel-prev:after {
transform:translateX(20px)
}
[data-full-width="false"] .carousel-prev:hover:after {
opacity:1;
transform:translateX(0px)
}
[data-full-width="false"] .carousel-prev:hover i {
transform:translateX(-18px)
}
[data-full-width="false"] .carousel-prev.next-hovered, [data-full-width="false"] .item-count.next-hovered {
transform:translateX(-18px)
}
body .carousel-next:hover, body .carousel-prev:hover {
background-color:transparent!important
}
.carousel-wrap[data-full-width="true"] .carousel-prev,.carousel-wrap[data-full-width="true"] .carousel-next {
border:none!important
}
html .carousel-heading .container .carousel-prev {
right:30px
}
html [data-ext-responsive="true"] .carousel-heading .container .carousel-prev {
right:40px
}
.carousel-next i, .carousel-prev i {
color:#000;
font-size:22px;
line-height:17px;
height:20px;
transition:all .25s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .25s cubic-bezier(0.12,0.75,0.4,1)
}
.carousel-next:hover, .carousel-prev:hover {
border-color:transparent
}
.light .carousel-next:hover i, .light .carousel-prev:hover i {
color:#fff
}
.nectar-button.see-through,body .nectar-button.see-through,.swiper-slide .button a,body .nectar-button.see-through-2, .nectar-button,#to-top {
border-radius:0!important;
box-shadow:none
}
body.material .nectar-button.large { padding-left: 35px; padding-right: 35px; }
body.material .nectar-button.jumbo { padding-left: 50px; padding-right: 50px; }
body.material .nectar-button.jumbo:not([class*="see-through"]) { padding: 23px 50px; }
body.material .nectar-button.medium,
body.material .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding-left: 24px; padding-right: 24px; }
body.material .nectar-button.see-through[data-color-override="false"] i:after,
body.material .nectar-button.regular[class*="m-extra-color-gradient-"]:before,
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:before,
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:after {
display: block;
content: '';
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
}
body.material[data-button-style*="slightly_rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:before {
border-radius: 5px;
}
body.material[data-button-style*="slightly_rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:after {
border-radius: 3px;
}
body.material[data-button-style="default"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:before,
body.material[data-button-style="default"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:after {
border-radius: 0px;
}
body.material[data-button-style="default"] .nectar-button { box-shadow: none; }
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:before {
border-radius: 50px;
z-index: -2;
backface-visibility: hidden;
}
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:after {
width: calc(100% - 4px);
height: calc(100% - 4px);
top: 2px;
left: 2px;
border-radius: 50px;
background-color: #fff;
z-index: -1;
backface-visibility: hidden;
}
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:hover:after {
opacity: 0;
}
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"] { backface-visibility: hidden; border: none!important; }
body.material .nectar-button.see-through[data-color-override="false"] i { box-shadow: none!important; }
body.material .nectar-button.see-through[data-color-override="false"]:hover i:after,
body.material .nectar-button.see-through:hover i { box-shadow: none!important; }
body.material[data-button-style="default"] .nectar-button.regular[class*="m-extra-color-gradient-"]:before {
border-radius: 0px;
}
body.material[data-button-style*="rounded"] .nectar-button.regular[class*="m-extra-color-gradient-"]:before {
border-radius: 100px;
}
body.material[data-button-style*="slightly_rounded"] .nectar-button.regular[class*="m-extra-color-gradient-"]:before {
border-radius: 5px;
}
body.material .nectar-button.regular[class*="m-extra-color-gradient-"]:before {
opacity: 0;
}
body.material .nectar-button.see-through[class*="m-extra-color-gradient-"]:hover { color: #fff!important; }
body.material[data-button-style^="rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"].has-icon:not(:hover) span { transform: none!important; }
body.material[data-button-style^="rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"].has-icon:not(:hover) i { transform: translateX(-5px) translateY(-50%)!important; }
body.material[data-button-style^="rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:not(:hover) i { opacity: 0!important; background-color: transparent!important; }
body.material[data-button-style^="rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:hover i { opacity: 1!important; }
body.material .nectar-button.regular[class*="m-extra-color-gradient-"]:hover:before {
opacity: 1;
}
body.material[data-button-style^="rounded"] .nectar-button.see-through[data-color-override="#ffffff"] i,
body.material[data-button-style^="rounded"] .nectar-button.see-through-2[data-color-override="#ffffff"]:not(:hover) i,
body.material[data-button-style^="rounded"] .nectar-button.see-through-3[data-color-override="#ffffff"]:not(:hover) i,
body.material[data-button-style^="rounded"] .span_12.light .nectar-button.see-through-2[data-color-override="false"]:not(:hover) i {
color: #000!important;
}
body.material[data-button-style^="rounded"] .nectar-button.see-through-2[data-hover-color-override="#ffffff"]:hover i,
body.material[data-button-style^="rounded"] .nectar-button.see-through-3[data-hover-color-override="#ffffff"]:hover i {
background-color: rgba(0,0,0,0.07)!important;
}
body.material[data-button-style^="rounded"] .nectar-button.see-through i,
body.material[data-button-style^="rounded"] .nectar-button.see-through-2:not(:hover) i,
body.material[data-button-style^="rounded"] .nectar-button.see-through-3:not(:hover) i { color: #fff!important; }
body.material .nectar-button.small i { font-size: 14px; }
body.material .nectar-button.medium i { font-size: 16px; }
body.material .nectar-button.large i { font-size: 16px; }
body.material .nectar-button.jumbo i { font-size: 20px; }
body.material[data-button-style^="rounded"] .nectar-button.small i { font-size: 12px; }
body.material[data-button-style^="rounded"] .nectar-button.medium i { font-size: 14px; }
body.material[data-button-style^="rounded"] .nectar-button.large i { font-size: 14px; }
body.material[data-button-style^="rounded"] .nectar-button.jumbo i { font-size: 18px; }
body.material .nectar-button.jumbo.see-through,
body.material .nectar-button.jumbo.see-through-2,
body.material .nectar-button.jumbo.see-through-3 { border-width: 2px!important; }
body.material .nectar-button.has-icon.extra_jumbo[class*="see-through"] { border-width: 6px!important; padding-top: 31px; padding-bottom: 31px; }
body.material .nectar-button.has-icon.extra_jumbo[class*="see-through"] i { transform: translateY(-50%) translateX(-3px)!important; }
body.material .nectar-button.has-icon, body.material .nectar-button.tilt.has-icon { padding-right: 46px; }
body.material .nectar-button.has-icon.small{ padding-right: 36px; }
body.material .nectar-button.has-icon.medium,
body.material .nectar-button.has-icon.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding-right: 38px; padding-left: 46px; }
body.material .nectar-button.has-icon.large { padding-right: 44px; padding-left: 46px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.large[class*="m-extra-color-gradient-"] {
padding-top: 15px;
padding-bottom: 15px;
}
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.small{ padding-right: 28px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.medium { padding-right: 32px; padding-left: 46px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.large { padding-right: 37px; padding-left: 46px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.jumbo { padding-right: 56px; padding-left: 54px; padding-top: 20px; padding-bottom: 20px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding-right: 34px; padding-left: 46px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.large:not(.see-through):not(.see-through-2):not(.see-through-3) { padding-right: 39px; padding-left: 46px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.jumbo:not(.see-through):not(.see-through-2):not(.see-through-3),
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon.jumbo[class*="m-extra-color-gradient-"] { padding-right: 56px; padding-left: 54px; padding-top: 22px; padding-bottom: 22px; }
body.material .nectar-button.has-icon.jumbo { padding-top: 22px; padding-bottom: 22px; padding-right: 66px; padding-left: 54px; }
body.material .nectar-button.has-icon.extra_jumbo { padding-top: 36px; padding-bottom: 36px; padding-right: 142px; padding-left: 80px; }
body.material .nectar-button.has-icon.extra_jumbo:hover span { -webkit-transform: translateX(-18px); transform: translateX(-18px); }
body.material[data-button-style^="rounded"] .nectar-button.has-icon:not([class*="see-through"]) i,
body.material[data-button-style^="rounded"] .nectar-button.has-icon[class*="see-through"]:hover i { background-color: rgba(255,255,255,0.22); }
body.material[data-button-style^="rounded"] .nectar-button.see-through[class*="m-extra-color-gradient-"]:hover i { background-color: rgba(255,255,255,0.22)!important; }
body.material .nectar-button.has-icon i { right: 14px; margin-top: 0; text-align:center; vertical-align: middle; border-radius: 50%; line-height: 32px; height: 32px; width: 32px; }
body.material:not([data-button-style^="rounded"]) .nectar-button.has-icon i { transition: none; -webkit-transition: none; }
body.material:not([data-button-style^="rounded"]) .nectar-button.see-through.has-icon[data-color-override="false"] i,
body.material:not([data-button-style^="rounded"]) .nectar-button.see-through-2.has-icon i,
body.material:not([data-button-style^="rounded"]) .nectar-button.see-through-3.has-icon i { color: inherit!important; }
body.material[data-button-style^="rounded"] .nectar-button.has-icon i { background-color: rgba(0,0,0,0.2); }
body.material .nectar-button.has-icon.large i { -webkit-transform: translateY(-50%) translateX(6px)!important; transform: translateY(-50%) translateX(6px)!important; }
body.material .nectar-button.has-icon.large:not([class*="see-through"]) i { -webkit-transform: translateY(-50%) translateX(4px)!important; transform: translateY(-50%) translateX(4px)!important; }
body.material .nectar-button.has-icon.medium i { -webkit-transform: translateY(-50%) translateX(7px)!important; transform: translateY(-50%) translateX(7px)!important; height: 28px; width: 28px; line-height: 28px; }
body.material .nectar-button.has-icon.medium:not([class*="see-through"]) i { -webkit-transform: translateY(-50%) translateX(4px)!important; transform: translateY(-50%) translateX(4px)!important; height: 28px; width: 28px; line-height: 28px; }
body.material .nectar-button.has-icon.small i { -webkit-transform: translateY(-50%) translateX(8px)!important; transform: translateY(-50%) translateX(8px)!important; height: 24px; width: 24px; line-height: 24px; }
body.material .nectar-button.has-icon.small:not([class*="see-through"]) i { -webkit-transform: translateY(-50%) translateX(7px)!important; transform: translateY(-50%) translateX(7px)!important; height: 24px; width: 24px; line-height: 24px; }
body.material .nectar-button.has-icon.jumbo i { -webkit-transform: translateY(-50%) translateX(2px)!important; transform: translateY(-50%) translateX(2px)!important; height: 44px; width: 44px; line-height: 44px; }
body.material .nectar-button.has-icon.jumbo:not([class*="see-through"]) i { -webkit-transform: translateY(-50%) translateX(3px)!important; transform: translateY(-50%) translateX(3px)!important; height: 44px; width: 44px; line-height: 44px; }
body.material .nectar-button.has-icon.extra_jumbo i { -webkit-transform: translateY(-50%) translateX(-6px)!important; transform: translateY(-50%) translateX(-6px)!important; height: 94px; width: 94px; margin-top: 0!important; line-height: 94px!important; }
#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
font-size:22px!important;
left:0;
transition:all .2s ease!important;
-o-transition:all .2s ease!important;
-webkit-transition:all .2s ease!important
}
body[data-is="minimal"].material #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
body.material #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
font-size:22px!important
}
.icon-salient-cart:before,
body[data-is="minimal"].material .icon-salient-cart:before {
content:"\e902"
}
#header-outer a.cart-contents .cart-wrap span:before {
display:none!important
}
#header-outer .cart-wrap {
font-size:11px
}
#header-outer[data-full-width="true"] header#top nav ul #search-btn > div,
body #header-outer[data-transparent-header="true"].transparent header#top nav ul #search-btn >div {
border:none!important;
}
#header-outer a.cart-contents .cart-wrap span {
border-radius:99px!important;
font:bold 11px/16px Arial;
line-height:18px!important;
width:18px!important;
padding:0 1px!important;
visibility:hidden;
box-shadow: 0px 5px 12px rgba(0,0,0,0.2);
}
#header-outer .sf-menu ul li a {
border-bottom:none
}
#header-outer .first-load a.cart-contents .cart-wrap span, #header-outer a#mobile-cart-link.first-load .cart-wrap span {
visibility:visible;
animation:.6s ease-in-out .12s normal both 1 bounce_in_animation;
-webkit-animation:.6s ease-in-out .12s normal both 1 bounce_in_animation
}
#header-outer .static a.cart-contents span {
visibility:visible;
}
#header-outer .has_products .cart-menu .cart-icon-wrap .icon-salient-cart {
transition:all .2s ease!important;
-o-transition:all .2s ease!important;
-webkit-transition:all .2s ease!important
}
body #header-outer .cart-menu {
border-left:1px solid rgba(0,0,0,0.07);
background-color:transparent!important
}
body #boxed #header-outer .cart-menu-wrap {
position:relative!important;
top:0!important;
box-shadow:none!important
}
body[data-slide-out-widget-area-style*="fullscreen"] #boxed #slide-out-widget-area .slide_out_area_close { display: none!important;}
body #boxed #header-outer .widget_shopping_cart,body.woocommerce #boxed .cart-notification {
position:absolute!important
}
body #boxed #header-outer .cart-menu-wrap .cart-menu {
box-shadow:none!important
}
header#top #mobile-cart-link i {
height: 20px;
line-height: 20px;
}
@media screen and (max-height: 725px) {
html body.material #search-outer {
height: 45vh;
transform: translate3d(0,-45vh,0);
-webkit-transform: translate3d(0,-45vh,0);
}
html.material #search-outer .bg-color-stripe {height: 45vh; top: 0; }
html #search-outer #search-box, html #search-outer #search #close {
-webkit-transform: translate3d(0,45vh,0);
transform: translate3d(0,45vh,0);
}
}
body.material #search-outer {
background-color: transparent;
height: 35vh;
position: absolute;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transform: translate3d(0,-35vh,0);
-webkit-transform: translate3d(0,-35vh,0);
z-index: 2000!important;
padding:0;
top: -1px;
}
body.material #search-outer.perma-trans {
position: fixed;
}
body.material.admin-bar #search-outer.perma-trans {
top: 32px;
}
body.search .row .col.section-title {
border-bottom: 0;
padding-bottom: 0;
}
body.search .row .col.section-title span:not(.result-num) {
font-size: inherit;
font-family: inherit;
line-height: inherit;
color: inherit;
}
body.search .row .col.section-title .result-num {
margin-top: 10px;
padding-left: 0;
display: block;
}
body.search #search-results .result .inner-wrap {
border-radius: 5px;
overflow: hidden;
box-shadow: none;
padding: 0;
border: 1px solid #e7e7e7;
transition: all .7s cubic-bezier(.2,1,.22,1);
}
body.search #search-results .result .inner-wrap img { margin-bottom: 0; display: block; }
body.search #search-results .result .inner-wrap h2 {
padding: 25px;
}
body.search #search-results .result:hover .inner-wrap {
box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
body #search-outer .container {
height:auto!important;
float:none!important;
width:100%!important;
}
body #search-outer .inner-wrap {
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
body #search-outer.material-open .inner-wrap {
-webkit-transform: scale(1);
transform: scale(1);
}
#header-outer header { transition: all 0.2s; }
#header-outer:not([data-format="left-header"]).material-search-open header { opacity: 0; transition: all 0.2s; pointer-events: none; }
#header-outer.material-search-open { box-shadow: none; }
.material #header-outer.transparent .bg-color-stripe,
.material #search-outer .bg-color-stripe {height: 35vh; top: 0; }
body[data-header-color="dark"] #header-outer .bg-color-stripe, body[data-header-color="dark"].material #header-outer #search-outer:before {
background-color: #000;
}
#header-outer .bg-color-stripe, #search-outer .bg-color-stripe, .material #header-outer #search-outer:before {
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: block;
background-color: #fff;
-ms-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-ms-transform-origin: top;
-webkit-transform-origin: top;
transform-origin: top;
}
.material #header-outer.no-material-transition #search-outer, body[data-slide-out-widget-area-style="slide-out-from-right"] > a.slide_out_area_close.no-material-transition,
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open.no-material-transition, body[data-slide-out-widget-area-style="slide-out-from-right"].material .ocm-effect-wrap-shadow.no-material-transition {
transition: none;
}
.material #header-outer #search-outer:before {
content: '';
transform: none;
backface-visibility: hidden;
}
body.material[data-header-inherit-rc="true"] #header-outer #search-outer:before {
display: none;
}
body.material[data-header-inherit-rc="true"] #search-outer { background-color: inherit; }
#header-outer.material-search-open .bg-color-stripe, #search-outer.material-open .bg-color-stripe {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
body[data-header-color="dark"] #ajax-content-wrap:after {
background-color: rgba(255,255,255,0.55);
}
#ajax-content-wrap:after {
background-color: rgba(0,0,0,0.45);
content: '';
position: fixed;
opacity: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none;
transform: translateZ(0);
backface-visibility: hidden;
transition: opacity 0.7s cubic-bezier(0.2, 1, 0.3, 1);
}
#ajax-content-wrap.material-open:after {
opacity: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ajax-content-wrap:after { display: none; }
}
body #header-secondary-outer nav >ul {
height: auto!important;
padding: 10px 0;
}
body #header-secondary-outer nav:after {
display: block;
clear: both;
content: '';
}
body #header-secondary-outer nav >ul >li >a, #header-secondary-outer #social li a {
padding: 0!important;
margin: 0 10px;
height: auto!important;
}
#header-secondary-outer { border: 1px solid transparent;}
body #header-secondary-outer nav >ul >li >a{border-left: 0px; line-height:22px; font-size:12px; }
#header-secondary-outer nav >ul >li:last-child { border-right: 0px; }
#header-secondary-outer nav >ul >li:last-child a { margin-right: 0!important; padding-right: 0!important;}
#header-secondary-outer ul { height: 40px;}
#header-secondary-outer #social a i { font-size: 16px!important;}
#header-secondary-outer #social a {
line-height: 28px!important;
}
#header-secondary-outer #social li:first-child a { padding-left: 0!important; margin-left: 0!important;}
#header-secondary-outer, #header-secondary[data-using-secondary="1"] { transition: transform 0.32s ease; }
body[data-hhun="1"].admin-bar.material-ocm-open #header-secondary-outer { top: 32px; }
body[data-hhun="1"].material-ocm-open #header-secondary-outer.hidden { display: none; }
#slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items { display: none; }
#slide-out-widget-area .mobile-only .menu.secondary-header-items { margin-top: 25px;}
#slide-out-widget-area .mobile-only .menu.secondary-header-items li a {
font-size: 18px;
}
body.material #slide-out-widget-area .mobile-only.off-canvas-menu-container .menu.secondary-header-items li {
margin-bottom: 5px;
}
.nectar-video-box a.nectar_video_lightbox:before {
opacity:0.8;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
top: 0;
left: 0;
display: block;
position: absolute;
border: none!important;
}
.nectar-video-box[data-color] a.nectar_video_lightbox.play_button_2 { background-color: transparent!important; }
.nectar-video-box a.nectar_video_lightbox {
box-shadow: 0px 20px 45px rgba(0,0,0,0.25)
}
.nectar_video_lightbox.play_button:before { border-width: 3px; }
.nectar_video_lightbox svg { width: 18px; height: 18px; }
/*transform set to important because sticky sidebar sets transform on all parents to none, other plugins could potentially as well*/
/*
#ajax-content-wrap .container-wrap,
#ajax-content-wrap .home-wrap,
#ajax-content-wrap #header-secondary-outer,
#ajax-content-wrap #footer-outer,
#ajax-content-wrap .nectar-box-roll,
#ajax-content-wrap .parallax_slider_outer .swiper-slide .image-bg,
#ajax-content-wrap .parallax_slider_outer .swiper-slide .video-wrap,
#ajax-content-wrap .parallax_slider_outer .swiper-slide .mobile-video-image,
#ajax-content-wrap .parallax_slider_outer .swiper-slide .container,
#ajax-content-wrap #page-header-wrap .page-header-bg-image,
#ajax-content-wrap #page-header-wrap .nectar-video-wrap,
#ajax-content-wrap #page-header-wrap .mobile-video-image,
#ajax-content-wrap #page-header-wrap #page-header-bg > .container,
#ajax-content-wrap #page-header-bg:before,
#ajax-content-wrap #page-header-bg .page-header-overlay-color:after,
#ajax-content-wrap .page-header-no-bg,
#ajax-content-wrap div:not(.container) > .project-title {
transition: transform 0.8s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
#ajax-content-wrap.material-open .container-wrap,
#ajax-content-wrap.material-open .home-wrap,
#ajax-content-wrap.material-open #header-secondary-outer,
#ajax-content-wrap.material-open #footer-outer,
#ajax-content-wrap.material-open .nectar-box-roll,
#ajax-content-wrap.material-open .parallax_slider_outer .swiper-slide .image-bg,
#ajax-content-wrap.material-open .parallax_slider_outer .swiper-slide .video-wrap,
#ajax-content-wrap.material-open .parallax_slider_outer .swiper-slide .mobile-video-image,
#ajax-content-wrap.material-open .parallax_slider_outer .swiper-slide .container,
#ajax-content-wrap.material-open #page-header-wrap .page-header-bg-image,
#ajax-content-wrap.material-open #page-header-wrap .nectar-video-wrap,
#ajax-content-wrap.material-open #page-header-wrap .mobile-video-image,
#ajax-content-wrap.material-open #page-header-wrap #page-header-bg > .container,
#ajax-content-wrap.material-open #page-header-bg:before,
#ajax-content-wrap.material-open #page-header-bg .page-header-overlay-color:after,
#ajax-content-wrap.material-open .page-header-no-bg,
#ajax-content-wrap.material-open div:not(.container) > .project-title {
transform: translateY(10vh)!important;
}
.ocm-effect-wrap .parallax_slider_outer .swiper-container, .ocm-effect-wrap .parallax_slider_outer .swiper-slide, .ocm-effect-wrap .parallax_slider_outer .nectar-slider-wrap,
.ocm-effect-wrap #page-header-wrap {
overflow: visible;
}
#page-header-bg:before {
position: absolute;
left: 0;
top: 0;
content: '';
display: block;
width: 100%;
height: 100%;
background-color: inherit;
}
*/
.material #search-outer { display: block; overflow: hidden!important; }
#search-outer #search {
max-width: 1200px;
position: relative;
z-index: 10;
margin: 0 auto;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
html .material #search-outer #search {
padding: 0;
}
#search-outer #search-box, #search-outer #search #close {
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transform: translate3d(0,35vh,0);
opacity: 0;
}
body.material #search-outer.material-open {
transform: translate3d(0,0vh,0);
-webkit-transform: translate3d(0,0vh,0);
}
#search-outer.material-open #search-box, #search-outer.material-open #search #close {
transform: translate3d(0,0vh,0);
opacity: 1;
}
#header-outer .mobile-search .icon-salient-search, #header-outer header#top #mobile-cart-link i {
background-color: transparent!important;
vertical-align: middle;
font-size: 18px;
}
#header-outer .mobile-search .icon-salient-search {
transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
}
body #search-outer #search input[type="text"] {
height:auto!important;
font-size:70px!important;
text-transform: none;
color: #000;
border-bottom: 4px solid #3452ff;
}
html body.material #search-outer #search input[type="text"] { line-height: 70px; }
@media only screen and (min-width: 1000px) {
body #search-outer #search input[type="text"] {
height: 100px!important;
}
html body.material #search-outer #search input[type="text"] { line-height: 100px; }
}
#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after,
#header-secondary-outer[data-lhe="animated_underline"] nav >ul.sf-menu >li:not([class*="button_"]) >a:after {
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-moz-transition: -moz-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
-o-transition: -o-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
bottom: -4px;
}
#header-secondary-outer[data-lhe="animated_underline"] nav >ul.sf-menu >li:not([class*="button_"]) >a:after {
bottom: 0px;
border-width: 1px;
}
body[data-header-color="custom"] #search-outer #search .span_12 span {
opacity: 0.7;
}
#header-outer #search-outer input::-webkit-input-placeholder, #header-outer #search-outer input::-moz-placeholder, #header-outer #search-outer input:-ms-input-placeholder {
color: #888;
}
#search-outer > #search form {
width:100%!important;
float:none!important
}
#header-outer.light-text #search-outer input[type="text"], body[data-header-color="dark"] #header-outer #search-outer input[type="text"] {
color: #fff!important;
border-color: #fff;
}
#header-outer.light-text #search-outer #search .span_12 span, body[data-header-color="dark"] #header-outer #search-outer #search .span_12 span {
color: rgba(255,255,255,0.6);
}
#header-outer.light-text #search-outer #search #close a span, body[data-header-color="dark"] #header-outer #search-outer #search #close a span {
color: #fff;
}
#header-outer.light-text #search-outer input::-webkit-input-placeholder, body[data-header-color="dark"] #header-outer #search-outer input::-webkit-input-placeholder {
color: rgba(255,255,255,0.5);
}
#header-outer.light-text #search-outer input::-moz-placeholder, body[data-header-color="dark"] #header-outer #search-outer input::-moz-placeholder {
color: rgba(255,255,255,0.5);
}
#header-outer.light-text #search-outer input:-ms-input-placeholder, body[data-header-color="dark"] #header-outer #search-outer input:-ms-input-placeholder {
color: rgba(255,255,255,0.5);
}
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > header#top .span_9 > .slide-out-widget-area-toggle i.lines-button:after,
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > header#top .span_9 > .slide-out-widget-area-toggle i.lines:before,
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > header#top .span_9 > .slide-out-widget-area-toggle i.lines:after {
background-color: #fff!important;
}
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) header#top #mobile-cart-link i,
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) .mobile-search .icon-salient-search {
color: #fff;
}
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) header#top #mobile-cart-link i {
color: #fff!important;
}
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > header#top .span_9 > .slide-out-widget-area-toggle i.lines-button:after,
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > header#top .span_9 > .slide-out-widget-area-toggle i.lines:before,
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > header#top .span_9 > .slide-out-widget-area-toggle i.lines:after {
background-color: #000!important;
}
#header-outer[data-permanent-transparent="1"].transparent.dark-slide header#top #mobile-cart-link i,
#header-outer[data-permanent-transparent="1"].transparent.dark-slide .mobile-search .icon-salient-search {
color: #000;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent #logo img {
opacity: 0;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent:not(.dark-slide) #logo .starting-logo {
opacity: 1;
-ms-filter: 'alpha(opacity=100)';
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent:not(.dark-slide) #logo img.dark-version {
opacity: 0!important;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent.dark-slide #logo .starting-logo.dark-version {
opacity: 1;
-ms-filter: 'alpha(opacity=100)';
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent.dark-slide #logo img:not(.dark-version) {
opacity: 0!important;
}
#search-outer #search #close {
position:absolute;
top:25px;
right:40px
}
body #search-outer #search input[type="text"]{
padding-right: 70px!important;
}
#search-outer #search #close a {
right:64px!important;
top:16px!important;
}
#search-outer #search #close a:before, .slide_out_area_close:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 50%;
background-color: rgba(0,0,0,.05);
content: '';
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
transition:all 0.45s cubic-bezier(.15,0.2,.1,1);
-webkit-transition:all 0.45s cubic-bezier(.15,0.2,.1,1);
}
body[data-is].material #search-outer #search #close a:hover:not(:focus):before,
body[data-is].material .slide_out_area_close:hover:not(:focus):before {
transform: scale(1.2) translateZ(0);
-webkit-transform: scale(1.2) translateZ(0);
}
blockquote::before {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2px;
content: '';
border-left: 2px solid rgba(0,0,0,0.1);
}
.testimonial_slider blockquote:before {
border: none;
}
blockquote {
position: relative;
padding-left: 1.8em;
}
#search-outer #search .span_12 span {
display:block;
color:rgba(0,0,0,0.4);
margin-top:15px
}
@media only screen and (min-width: 691px) {
#boxed #search-outer #search {
padding: 0 90px;
}
}
body.material #search-outer #search #close a span { color:#000; }
body #search-outer .ui-widget-content {
top:90px!important
}
#search-results .result span.bottom-line, .masonry-blog-item span.bottom-line, .masonry-blog-item .more-link {
display:none
}
.masonry-blog-item .inner-wrap, .masonry-blog-item .mejs-container .mejs-controls {
box-shadow:none!important
}
.masonry-blog-item .post-meta {
padding:0 18px 18px!important
}
.post .nectar-love-wrap {
line-height:20px
}
.masonry-blog-item .inner-wrap {
padding:0
}
.masonry-blog-item .content-inner .post-featured-img img, .masonry-blog-item .more-link,.post-area.masonry article.post .quote-inner,.post-area.masonry article.post .link-inner,.post-area.masonry article.post .status-inner,.post-area.masonry article.post .aside-inner {
margin-bottom:0!important
}
@media only screen and (min-width: 1000px) {
.post-area.masonry.span_9, .post-area.span_9, body[data-ext-responsive="true"] .post-area.masonry.span_9, body.search.material .span_9 {
padding-right: 0%;
margin-right: 4%;
width: 68.5%;
}
.post-area.span_9.col_last { margin-right: 0; }
.material.single-portfolio .post-area.span_9 { margin-right: 4%!important; }
.post-area.masonry.span_9 .masonry-blog-item {
width: 47.3%;
}
#sidebar.span_3 {
width: 27.5%;
backface-visibility: hidden;
}
.masonry-blog-item {
width: 31.3%;
}
}
/* styles which need top padding on main blog page */
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.material,
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.classic_enhanced,
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.classic {
padding-top: 35px;
}
@media only screen and (min-width: 1000px) {
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.material,
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.classic_enhanced,
body.blog[data-bg-header="false"] .full-width-content.blog-fullwidth-wrap .post-area.span_12.masonry.classic {
padding-top: 2%;
}
}
.single-post[data-bg-header="true"] .container-wrap:not(.no-sidebar) > .main-content {
padding-top: 35px;
}
.masonry-blog-item .content-inner {
padding-bottom:0!important;
border:0!important;
margin-bottom:0!important
}
.masonry-blog-item .article-content-wrap {
padding:16px 18px 18px!important
}
.main-content > .row > .wpb_row:not(.full-width-content) .nectar-recent-posts-single_featured > div,
.main-content > .row > .wpb_row:not(.full-width-content) .nectar-recent-posts-single_featured.multiple_featured > div {
border-radius: 5px;
overflow: hidden;
}
.post-area.masonry article.post.quote .post-content .post-meta, .post-area.masonry article.post.link .post-content .post-meta, .post-area.masonry article.format-status .post-content .post-meta, .post-area.masonry article.post.format-aside .post-meta {
display:none!important
}
article.post .content-inner {
border:none!important
}
#sidebar div.widget {
margin-bottom: 60px;
}
#sidebar >div:last-child { margin-bottom: 0; }
#author-bio {
padding-bottom:0px;
border:none;
margin-bottom: 0
}
#author-bio img {
display: inline-block;
position:relative;
vertical-align: middle;
}
.blog_next_prev_buttons {
margin-top: 80px;
}
#author-bio h3 span, .comments-section .comment-wrap.full-width-section > h3 span, .container-wrap #author-bio #author-info p {
display:block;
margin-bottom:5px;
font-size:14px;
text-transform:none
}
.container-wrap #author-bio #author-info h3 { margin-bottom: -3px; }
#author-bio[data-has-tags="true"] {
padding-top: 0;
}
.container-wrap #author-bio #author-info a {
color: inherit;
}
.container-wrap #author-bio #author-info {
width:75%!important;
vertical-align: middle;
display: inline-block;
padding-left:30px
}
.container-wrap #author-bio #author-info p {
max-width:70%;
opacity: 0.7;
}
#author-bio .nectar-button {
margin-top:20px
}
#author-bio .avatar {
border-radius:100%
}
#page-header-bg.fullscreen-header .author-section .meta-category { display: block;}
#page-header-bg.fullscreen-header .author-section .meta-category a,
#page-header-bg.fullscreen-header .author-section,
#page-header-bg.fullscreen-header .meta-author img {
display: inline-block
}
#page-header-bg h1 { padding-top: 10px; padding-bottom: 10px}
.single-post #page-header-bg.fullscreen-header h1 { margin: 0 auto; }
#page-header-bg.fullscreen-header .author-section { width: auto}
#page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg.fullscreen-header .author-section .meta-author { text-align: center}
#page-header-bg.fullscreen-header .author-section .avatar-post-info {
margin-top: 13px;
margin-left: 0
}
#page-header-bg.fullscreen-header .author-section .meta-author { top: 0}
#page-header-bg.fullscreen-header .author-section {
margin-top: 25px
}
#page-header-bg.fullscreen-header .author-section .meta-author { display: block; float: none}
.single .post-area .content-inner > .post-tags > h4 { display: none; }
.comment-list {
margin-bottom:0!important
}
.comment-list .reply {
position: relative;
top: auto;
right: auto;
margin-top: 5px;
bottom: auto!important;
}
.material .comment-list .reply a {
font-size: 13px;
background-color:transparent;
color: #888;
border-radius:0!important;
padding: 0;
}
.material .comment-list .reply a:before {
content: "\f112";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transform: rotate(180deg);
padding-left: 6px;
}
.comment-list .comment-meta { font-size: 13px;}
html .comment-list .reply a:hover {
background-color:transparent!important
}
#respond {
margin-top:80px!important
}
body[data-ext-responsive="true"].single-post.material .comment-wrap .comment #respond {
margin: 40px auto 0 auto!important;
}
.comment-list li.comment > div,.comment-list li.pingback > div {
background-color:transparent!important;
box-shadow:none!important;
padding-left:85px!important;
padding-bottom:0!important;
padding-top:0!important;
margin-top:4em!important
}
.comment-list li.comment > div img.avatar,.comment-list li.pingback > div img.avatar {
left:0!important;
border-radius:100%;
top:0!important
}
.comment-list li.comment li.comment img.avatar,
.comment-list li.pingback li.pingback img.avatar {
width: 40px;
height: 40px;
}
.comment-list li.comment li.comment > div, .comment-list li.pingback li.pingback > div {
padding-left: 65px!important;
}
.comment-list li.comment > div p,.comment-list li.pingback > div p {
margin-top:30px
}
.comment-list .children {
border-left: none;
background-position:left 30px!important;
margin-left:26px!important;
padding-left:60px!important
}
.comment-list .says {
display:none
}
#reply-title {
margin-bottom:25px;
}
.single-product #reply-title,.single-product #commentform .form-submit {
text-align:left!important
}
.comment #reply-title {
text-align:left!important
}
#respond #cancel-comment-reply-link {
padding-left:15px
}
.comment-wrap {
margin-top:0!important;
padding-top:8%!important;
padding-bottom:8%!important;
}
.single-portfolio .comment-wrap {
margin-top:30px!important
}
#author-bio.no-pagination {
border-top:1px solid #999
}
.comments-section[data-author-bio="false"] .comment-wrap {
border:none
}
.comment-list {
padding-bottom:80px;
}
#author-bio.no-pagination.lighter-grey, .comment-wrap.lighter-grey {
border-color:#ddd
}
.comment-wrap, #author-bio {
padding-top:30px
}
.blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap { box-shadow: 0px 45px 85px rgba(0,0,0,.08)!important; }
.single-post #page-header-bg.fullscreen-header,.single-post #single-below-header.fullscreen-header {
background-color:#f6f6f6
}
.single-post #single-below-header.fullscreen-header {
border-top:1px solid #DDD;
border-bottom:none!important
}
.tagcloud a,#header-outer .widget_shopping_cart a.button,article.post .more-link span,.blog-recent .more-link span {
border-radius:0!important
}
.flex-direction-nav a,#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 {
border-radius:0!important
}
.col.boxed, .wpb_column.boxed {
box-shadow:0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
padding:25px 15px 15px;
position:relative;
-webkit-transition:transform .2s ease,-webkit-box-shadow .2s ease;
-moz-transition:transform .2s ease,-moz-box-shadow .2s ease;
transition:transform .2s ease,box-shadow .2s ease;
top:0!important
}
.col.boxed:hover, .wpb_column.boxed:hover {
transform:translateY(-4px)!important;
-webkit-transform:translateY(-4px)!important;
box-shadow:0 17px 25px rgba(0,0,0,0.13)!important;
-webkit-box-shadow:0 17px 25px rgba(0,0,0,0.13);
-moz-box-shadow:0 17px 25px rgba(0,0,0,0.13);
-o-box-shadow:0 17px 25px rgba(0,0,0,0.13)
}
.material a.pp_arrow_previous, .material a.pp_arrow_next, .material .mfp-arrow-right, .material .mfp-arrow-left, .woocommerce .pswp__button--arrow--right, .woocommerce .pswp__button--arrow--left {
overflow:visible;
height:40px;
width:40px;
border-radius:100px;
border:2px solid rgba(255,255,255,0.4)
}
.woocommerce .pswp__button--arrow--right:before, .woocommerce .pswp__button--arrow--left:before { background-image: none; line-height:40px!important;
height:40px!important; width: 36px!important;}
a.pp_arrow_previous {
left:30px
}
a.pp_arrow_next {
right:30px
}
a.pp_arrow_next:hover, a.pp_arrow_previous:hover, .mfp-arrow-right:hover, .mfp-arrow-left:hover,
.woocommerce .pswp__button--arrow--right:hover, .woocommerce .pswp__button--arrow--left:hover {
border:2px solid rgba(255,255,255,0)
}
a.pp_arrow_previous .icon-default-style {
border-radius:0!important;
width:20px!important;
height:40px!important;
line-height:39px!important;
font-size:24px!important;
font-family:FontAwesome!important;
margin-top:0!important;
left:-1px;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1)
}
.mfp-arrow-left, .woocommerce .pswp__button--arrow--left {
height:40px!important;
line-height:40px!important;
font-size:24px!important;
font-family:FontAwesome!important;
margin-top:0!important;
opacity:1;
left:40px;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1)
}
a.pp_arrow_next .icon-default-style {
border-radius:0!important;
width:20px!important;
line-height:39px!important;
height:40px!important;
font-size:24px!important;
margin-top:0!important;
font-family:FontAwesome!important;
left:1px;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1)
}
.mfp-arrow-right, .woocommerce .pswp__button--arrow--right {
line-height:40px!important;
height:40px!important;
font-size:24px!important;
margin-top:0!important;
font-family:FontAwesome!important;
opacity:1;
right:40px;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1)
}
a.pp_arrow_previous .icon-default-style:after, a.pp_arrow_next .icon-default-style:after, .mfp-arrow-left:after, .mfp-arrow-right:after,
.woocommerce .pswp__button--arrow--right:after, .woocommerce .pswp__button--arrow--left:after {
display:block;
content:' ';
position:absolute;
width:36px;
height:2px;
background-color:#fff;
top:19px;
opacity:0;
left:-6px;
cursor:pointer;
transform:translateX(-37px);
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
pointer-events:none
}
.mfp-arrow-left:after, .mfp-arrow-right:after, .woocommerce .pswp__button--arrow--right:after, .woocommerce .pswp__button--arrow--left:after {
top:17px;
transform:translateX(-27px);
-webkit-transform:translateX(-27px)
}
.mfp-arrow-left:after, .woocommerce .pswp__button--arrow--left:after {
left:65px
}
a.pp_arrow_previous .icon-default-style:after {
left:59px
}
a.pp_arrow_previous .icon-default-style:before,.mfp-arrow-left:before, .woocommerce .pswp__button--arrow--left:before {
content:"\f104";
color:#fff
}
.mfp-arrow-left:before, .woocommerce .pswp__button--arrow--left:before {
top:-3px;
left:-1px;
display:block;
position:relative;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1)
}
a.pp_arrow_next .icon-default-style:before, .mfp-arrow-right:before, .woocommerce .pswp__button--arrow--right:before {
content:"\f105";
color:#fff
}
.mfp-arrow-right:before, .woocommerce .pswp__button--arrow--right:before {
top:-3px;
right:-1px;
display:block;
transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition:all .35s cubic-bezier(0.12,0.75,0.4,1);
position:relative
}
a.pp_arrow_next:hover .icon-default-style:after,.mfp-arrow-right:hover:after, .woocommerce .pswp__button--arrow--right:hover:after {
opacity:1;
transform:translateX(-18px);
-webkit-transform:translateX(-18px)
}
.mfp-arrow-right:hover:before, .woocommerce .pswp__button--arrow--right:hover:before {
transform:translateX(9px);
-webkit-transform:translateX(9px)
}
.mfp-arrow-left:hover:before, .woocommerce .pswp__button--arrow--left:hover:before {
transform:translateX(-9px);
-webkit-transform:translateX(-9px)
}
.mfp-arrow-right:hover:after, .woocommerce .pswp__button--arrow--right:hover:after {
transform:translateX(-1px);
-webkit-transform:translateX(-1px)
}
a.pp_arrow_next:hover .icon-default-style {
transform:translateX(7px);
-webkit-transform:translateX(7px)
}
a.pp_arrow_previous:hover .icon-default-style:after,.mfp-arrow-left:hover:after, .woocommerce .pswp__button--arrow--left:hover:after {
opacity:1;
transform:translateX(-51px);
-webkit-transform:translateX(-51px)
}
.mfp-arrow-left:hover:after, .woocommerce .pswp__button--arrow--left:hover:after {
transform:translateX(-58px);
-webkit-transform:translateX(-58px)
}
a.pp_arrow_previous:hover .icon-default-style {
transform:translateX(-7px);
-webkit-transform:translateX(-7px)
}
.nectar_team_member_overlay .inner-wrap { padding-top: 0!important; }
#commentform .form-submit {
margin-top:25px
}
.container-wrap input[type="submit"], .container-wrap button[type="submit"],.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding:16px!important;
border-radius:0!important
}
body[data-button-style="rounded"] .container-wrap input[type="submit"],body[data-button-style="rounded"] .container-wrap button[type="submit"] {
padding:16px 23px!important
}
body[data-button-style="rounded"][data-form-submit="see-through"] .container-wrap .widget_search input[type="submit"],body[data-button-style="rounded"][data-form-submit="see-through"] .container-wrap .widget_search button[type="submit"] {
padding:12px 23px!important
}
.woocommerce .actions .button {
height:auto!important;
padding:14px!important
}
.cart .quantity input.plus, .cart .quantity input.minus {
font-weight:400!important;
height:46px;
font-size:16px;
width:46px
}
.cart .quantity input.qty {
height:46px;
width:46px
}
.widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit] {
line-height:24px
}
.container-wrap .span_12.light input[type="text"],.container-wrap .span_12.light textarea,.container-wrap .span_12.light input[type="email"],.container-wrap .span_12.light input[type="password"],.container-wrap .span_12.light input[type="tel"],.container-wrap .span_12.light input[type="url"],.container-wrap .span_12.light input[type="search"],.container-wrap .span_12.light input[type="date"] {
border:1px solid rgba(255,255,255,0.6)!important;
color:#fff
}
.container-wrap .span_12.light input[type="text"]:focus,.container-wrap .span_12.light textarea:focus,.container-wrap .span_12.light input[type="email"]:focus,.container-wrap .span_12.light input[type="password"]:focus,.container-wrap .span_12.light input[type="tel"]:focus,.container-wrap .span_12.light input[type="url"]:focus,.container-wrap .span_12.light input[type="search"]:focus,.container-wrap .span_12.light input[type="date"]:focus {
border:1px solid rgba(255,255,255,0.8)!important
}
.container-wrap .span_12.light input[type="submit"]:hover {
background-color:#333!important;
opacity:.8!important
}
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content { max-width: 1280px; }
#slide-out-widget-area.slide-out-from-right {
min-width: 390px;
padding-left: 60px;
padding-right: 60px;
z-index: 5;
overflow: hidden;
transform: none;
}
/* hidden behind content before it gets moved to correct location */
#ajax-content-wrap #slide-out-widget-area.slide-out-from-right { z-index: -1;}
.slide_out_area_close:before, #search-outer #search #close a:before { transform: scale(0); }
.material-ocm-open.slide_out_area_close:before, #search-outer.material-open #search #close a:before { transform: scale(1); }
.slide_out_area_close .close-wrap, #search-outer .close-wrap, .slide-out-widget-area-toggle a .close-wrap {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
transform: translateX(-50%) translateY(-50%) translateZ(0);
-webkit-transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease;
transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease,-webkit-transform .2s ease 1s;
width: 20px;
height: 20px;
display: block;
overflow: hidden;
}
header#top .slide-out-widget-area-toggle a .close-wrap {
width: 22px;
height: 22px;
opacity: 0;
}
@media only screen and (max-width: 1000px) {
header#top .slide-out-widget-area-toggle a .close-wrap { height: 20px;}
}
header#top .slide-out-widget-area-toggle a.open .close-wrap,
header#top .slide-out-widget-area-toggle a.animating .close-wrap {
opacity: 1;
}
.material-ocm-open.slide_out_area_close .close-line1, #search-outer.material-open .close-line1, .slide-out-widget-area-toggle a.open .close-line1 {
-webkit-animation-name: crossRight;
animation-name: crossRight;
-webkit-animation-delay: .29s;
animation-delay: .29s;
}
.material-ocm-open.slide_out_area_close .close-line2, #search-outer.material-open .close-line2, .slide-out-widget-area-toggle a.open .close-line2 {
-webkit-animation-name: crossLeft;
animation-name: crossLeft;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
.slide_out_area_close .close-line1, #search-outer:not(.material-open) .close-line1, .slide-out-widget-area-toggle a:not(.open) .close-line1 {
-webkit-transform: translateY(0) translateX(0) rotate(-45deg);
transform: translateY(0) translateX(0) rotate(-45deg);
-webkit-animation-name: crossLeftClose;
animation-name: crossLeftClose;
-webkit-animation-delay: .0s;
animation-delay: .0s;
-webkit-animation-duration: .15s;
animation-duration: .15s;
}
.slide-out-widget-area-toggle a:not(.open) .close-line1 {
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
.slide_out_area_close .close-line2, #search-outer:not(.material-open) .close-line2, .slide-out-widget-area-toggle a:not(.open) .close-line2 {
-webkit-transform: translateY(0) translateX(0) rotate(45deg);
transform: translateY(0) translateX(0) rotate(45deg);
-webkit-animation-name: crossRightClose;
animation-name: crossRightClose;
-webkit-animation-delay: .06s;
animation-delay: .06s;
-webkit-animation-duration: .15s;
animation-duration: .15s;
}
.slide-out-widget-area-toggle a:not(.open) .close-line2 {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.slide_out_area_close .close-line, #search-outer .close-line, .slide-out-widget-area-toggle a .close-line {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.material-ocm-open.slide_out_area_close .close-wrap .close-line1, #search-outer.material-open .close-wrap .close-line1, .slide-out-widget-area-toggle a.open .close-line1 {
-webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
transform: translateY(-30px) translateX(30px) rotate(45deg);
}
.material-ocm-open.slide_out_area_close .close-wrap .close-line2, #search-outer.material-open .close-wrap .close-line2, .slide-out-widget-area-toggle a.open .close-line2 {
-webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
transform: translateY(-30px) translateX(-30px) rotate(-45deg);
}
.slide_out_area_close .close-wrap .close-line, #search-outer .close-wrap .close-line, header#top .slide-out-widget-area-toggle .close-line {
height: 100%;
width: 2px;
background: #fff;
backface-visibility: hidden;
position: absolute;
border-radius: 5px;
left: 9px;
transition: opacity 0.2s ease, background-color 0.2s ease;
}
body[data-slide-out-widget-area-style*="fullscreen"][data-header-color="light"] #header-outer.side-widget-open:not(.transparent):not(.light-text) header .slide-out-widget-area-toggle .close-line { background-color: #888; }
#slide-out-widget-area-bg.fullscreen-alt { padding: 0!important;}
#search-outer .close-wrap .close-line, .slide-out-widget-area-toggle a .close-line {
background-color: #000;
}
body.mobile.material[data-header-color="light"] #header-outer:not(.directional-nav-effect) .slide-out-widget-area-toggle a .close-line,
body.mobile.material[data-header-color="light"] #header-outer.transparent:not(.directional-nav-effect) .slide-out-widget-area-toggle a .close-line {
background-color: #999!important;
}
body.mobile.material[data-header-color="light"] #header-outer[data-permanent-transparent="1"].transparent:not(.directional-nav-effect) .slide-out-widget-area-toggle a .close-line {
background-color: #fff!important;
}
@-webkit-keyframes crossLeft{
100%{-webkit-transform:translateY(0px) translateX(0px) rotate(-45deg);
transform:translateY(0px) translateX(0px) rotate(-45deg)
}
}
@keyframes crossLeft{
100%{-webkit-transform:translateY(0px) translateX(0px) rotate(-45deg);
transform:translateY(0px) translateX(0px) rotate(-45deg)
}
}
@-webkit-keyframes crossLeftClose{
100%{
-webkit-transform:translateY(22px) translateX(22px) rotate(-45deg);
transform:translateY(22px) translateX(22px) rotate(-45deg)
}
}
@keyframes crossLeftClose{
100%{-webkit-transform:translateY(22px) translateX(22px) rotate(-45deg);
transform:translateY(22px) translateX(22px) rotate(-45deg)
}
}
@-webkit-keyframes crossRight{
100%{-webkit-transform:translateY(0px) translateX(0px) rotate(45deg);
transform:translateY(0px) translateX(0px) rotate(45deg)
}
}
@keyframes crossRight{
100%{-webkit-transform:translateY(0px) translateX(0px) rotate(45deg);
transform:translateY(0px) translateX(0px) rotate(45deg)
}
}
@-webkit-keyframes crossRightClose{
100%{-webkit-transform:translateY(22px) translateX(-22px) rotate(45deg);
transform:translateY(22px) translateX(-22px) rotate(45deg)
}
}
@keyframes crossRightClose{
100%{-webkit-transform:translateY(22px) translateX(-22px) rotate(45deg);
transform:translateY(22px) translateX(-22px) rotate(45deg)
}
}
#slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container { position: relative; top: auto;}
#slide-out-widget-area.slide-out-from-right .inner-wrap, #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container {
width: 100%;
}
/*hide menu when not open for smartphone overscroll*/
#slide-out-widget-area.slide-out-from-right .inner-wrap { opacity: 0; }
body.material-ocm-open #slide-out-widget-area.slide-out-from-right .inner-wrap { opacity: 1; }
#slide-out-widget-area.slide-out-from-right #slide-out-widget-area .inner > div, #slide-out-widget-area.slide-out-from-right .inner {
width: auto;
}
#slide-out-widget-area[class*="slide-out-from-right"] .inner {
height: auto;
}
#slide-out-widget-area[class*="slide-out-from-right"] .menuwrapper, #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container, #slide-out-widget-area[class*="slide-out-from-right"] .widget.widget_nav_menu > div,
#slide-out-widget-area[class*="slide-out-from-right"] .bottom-meta-wrap {
display: inline-block;
}
@media only screen and (min-width: 1000px) {
#slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container.mobile-only {
display: none;
}
}
#slide-out-widget-area[class*="slide-out-from-right"] .widget.widget_nav_menu li a {
padding-left: 0;
padding-right: 0;
}
#slide-out-widget-area[class*="slide-out-from-right"] .inner-wrap, #slide-out-widget-area.slide-out-from-right-hover .inner > div.off-canvas-menu-container {
margin: auto 0;
position: relative;
}
#slide-out-widget-area[class*="slide-out-from-right"], #slide-out-widget-area.slide-out-from-right-hover .inner{
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .slide-out-widget-area-toggle {
z-index: 100;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li:first-child a {
padding-left: 0;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a i:after {
z-index: 10000;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li { padding: 0;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a {
height: 24px;
display: block;
width: auto;
line-height: 38px;
opacity: 1;
padding: 0 14px;
box-sizing: content-box;
text-align: center;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i:before {
z-index: 10;
display: block;
position: relative;
}
body[data-slide-out-widget-area-style="slide-out-from-right"].material #slide-out-widget-area .off-canvas-social-links li i {
height: 26px;
width: auto;
}
body.material[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i {
font-size: 20px!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i {
line-height: 28px;
display: block;
position: relative;
top: auto;
backface-visibility: hidden;
transition: color 0.2s ease;
vertical-align: middle;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] a.slide_out_area_close{position:absolute; right:50px; top:50px; z-index: 8; display: block;}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] a.slide_out_area_close{ opacity: 0; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); position:fixed; right:-100px; top:50%; transform: translateY(-50%) translateX(100%); z-index: 10000;}
body[data-slide-out-widget-area-style="slide-out-from-right"] a.follow-body.slide_out_area_close { opacity: 1; right: 0; transform: translateY(-50%) translateX(-36.55vw); }
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-full-width-header="false"].admin-bar #slide-out-widget-area a.slide_out_area_close { top: 50px;}
body[data-slide-out-widget-area-style="slide-out-from-right"] #header-outer.side-widget-open {
box-shadow: none;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .nectar-social-sharing-fixed {
transition: transform 0.45s cubic-bezier(.15,0.2,.1,1);
}
/*things to hide when material ocm is open*/
.ocm-effect-wrap.material-ocm-open .nectar-social-sharing-fixed { -webkit-transform: scale(0); transform: scale(0);}
.ocm-effect-wrap.material-ocm-open .swiper-container .slider-prev, .ocm-effect-wrap.material-ocm-open .swiper-container .slider-next {
transition: background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);
-webkit-transition: background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);
}
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-prev,
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-next {
opacity: 0!important;
}
#fp-nav li {
transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
}
#fp-nav.material-ocm-open li {
-webkit-transform: scale(0);
transform: scale(0);
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.current-menu-item > a { opacity: 1;}
#slide-out-widget-area.slide-out-from-right, #slide-out-widget-area.slide-out-from-right:not(.fullscreen-alt):not(.fullscreen) { background-color: transparent!important;}
#slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a {
font-size: 32px;
line-height: 44px;
font-family: 'Open Sans';
font-weight: 400;
letter-spacing: 0;
}
#slide-out-widget-area-bg.slide-out-from-right {
opacity: 1;
height: 100%;
width: 100%;
z-index: 1;
}
body[data-boxed-style="1"] #slide-out-widget-area-bg.slide-out-from-right, body[data-boxed-style="1"] #slide-out-widget-area.slide-out-from-right {
opacity: 0;
pointer-events: none;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
body[data-boxed-style="1"] #slide-out-widget-area-bg.slide-out-from-right.material-open, body[data-boxed-style="1"] #slide-out-widget-area.slide-out-from-right.material-open {
opacity: 1;
pointer-events: auto;
}
body[data-boxed-style="1"].material .ocm-effect-wrap {
background-color: transparent;
}
body[data-boxed-style="1"].material-ocm-open .ocm-effect-wrap-inner { padding-top: 0!important;}
body[data-boxed-style="1"].material-ocm-open #wpadminbar { opacity: 0;}
body[data-boxed-style="1"].material-ocm-open #header-outer { top: 0!important;}
body[data-boxed-style="1"].material-ocm-open { background-attachment: fixed;}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] a.slide_out_area_close{ position:fixed; z-index: 10000;}
body[data-slide-out-widget-area-style="slide-out-from-right"] a.slide_out_area_close:before {
background-color: #f91b39;
box-shadow: 0px 16px 44px rgba(0,0,0,0.3);
}
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area.slide-out-from-right { -webkit-transform: none; transform: none; }
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap {
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-ms-transform-origin: right;
-webkit-transform-origin: right;
transform-origin: right;
overflow: hidden;
position: relative;
z-index: 10;
height: 100%;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow {
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-ms-transform-origin: right;
-webkit-transform-origin: right;
transform-origin: right;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
display: block;
z-index: 1;
box-shadow: 0px 80px 145px rgba(0,0,0,0.33);
}
body.admin-bar.material-ocm-open {
position: fixed;
left: 0;
width: 100%;
height: 100%;
top: 0;
}
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.x2 .lines:before,
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.x2 .lines:after {
transition: top 0.4s 0.45s ease,width 0.3s ease, -webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;
transition: top 0.4s 0.45s ease,width 0.3s ease, transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;
}
.lines:after,
body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:after {
/* width: 1.2rem; */
top: -7px;
}
.lines:before,
body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:before {
width: 1rem;
top: 7px;
}
body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-widget-area-toggle.mobile-icon .lines:before,
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
width: 1rem!important;
}
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:before {
-webkit-transform: translateY(-7px) rotateZ(-45deg);
-moz-transform: translateY(-7px) rotateZ(-45deg);
-ms-transform: translateY(-7px) rotateZ(-45deg);
transform: translateY(-7px) rotateZ(-45deg);
width: 1.5rem;
}
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:after {
-webkit-transform: translateY(7px) rotateZ(45deg);
-moz-transform: translateY(7px) rotateZ(45deg);
-ms-transform: translateY(7px) rotateZ(45deg);
transform: translateY(7px) rotateZ(45deg);
width: 1.5rem;
}
.material .lines-button.close { transform: none; }
body[data-is="minimal"] #header-outer .icon-salient-search:before,
body.material #header-outer .icon-salient-search:before {content:"\e906"}
.ocm-effect-wrap-inner {
height: 100%;
}
/*stop pointer events on any elements that would show transform articfacts on hover*/
.material-ocm-open .container-wrap { pointer-events:none;}
/*transforms are set to important because sticky sidebar sets transform on all parents to none, other plugins could potentially as well*/
.ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
-ms-transform: scale(1.007)!important;
-webkit-transform: scale(1.007)!important;
transform: scale(1.007)!important;
-webkit-transform-origin: center;
transform-origin: center;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-ms-transform: scale(0.835) translateX(-466px) translateZ(0)!important;
-webkit-transform: scale(0.835) translateX(-466px) translateZ(0)!important;
transform: scale(0.835) translateX(-466px) translateZ(0)!important;
height: 100%;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-ms-transform: scale(0.825) translateX(-476px) translateZ(0)!important;
-webkit-transform: scale(0.825) translateX(-476px) translateZ(0)!important;
transform: scale(0.825) translateX(-476px) translateZ(0)!important;
height: 100%;
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] a.follow-body.slide_out_area_close {
-ms-transform: translateY(-50%) translateX(-389px)!important;
-webkit-transform: translateY(-50%) translateX(-389px)!important;
transform: translateY(-50%) translateX(-389px)!important;
}
}
@media only screen and (max-width: 450px) {
#slide-out-widget-area.slide-out-from-right {
min-width: 78vw;
width: 78vw;
padding-left: 50px;
padding-right: 50px;
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow {
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-ms-transform: scale(0.84) translateX(-93vw) translateZ(0)!important;
-webkit-transform: scale(0.84) translateX(-93vw) translateZ(0)!important;
transform: scale(0.84) translateX(-93vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-ms-transform: scale(0.83) translateX(-94vw) translateZ(0)!important;
-webkit-transform: scale(0.83) translateX(-94vw) translateZ(0)!important;
transform: scale(0.83) translateX(-94vw) translateZ(0)!important;
}
}
@media only screen and (min-width: 1100px) {
#slide-out-widget-area.slide-out-from-right {
min-width: 33.3vw;
padding-left: 4%;
padding-right: 4%;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-webkit-transform-origin: center;
transform-origin: center;
-ms-transform: scale(0.8) translateX(-32vw) translateZ(0)!important;
-webkit-transform: scale(0.8) translateX(-32vw) translateZ(0)!important;
transform: scale(0.8) translateX(-32vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-webkit-transform-origin: center;
transform-origin: center;
-ms-transform: scale(0.79) translateX(-33.6vw) translateZ(0)!important;
-webkit-transform: scale(0.79) translateX(-33.6vw) translateZ(0)!important;
transform: scale(0.79) translateX(-33.6vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] a.follow-body.slide_out_area_close {
-ms-transform: translateY(-50%) translateX(-35.55vw);
-webkit-transform: translateY(-50%) translateX(-35.55vw);
transform: translateY(-50%) translateX(-35.55vw);
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open {
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
-ms-transform: scale(0.85) translateX(-29.6vw) translateZ(0)!important;
-webkit-transform: scale(0.85) translateX(-29.6vw) translateZ(0)!important;
transform: scale(0.85) translateX(-29.6vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner { -webkit-transform: none!important; transform: none!important;}
}
.material-ocm-open #ajax-content-wrap { cursor: pointer;}
#slide-out-widget-area.slide-out-from-right .inner > div, #slide-out-widget-area.slide-out-from-right .bottom-meta-wrap {
-webkit-transform: translateX(110px); -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transform: translateX(110px); transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
#slide-out-widget-area.slide-out-from-right.material-open .inner > div, #slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap {
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li { margin-bottom: 14px; }
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li a {
position: relative;
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container > .menu > li a {
opacity: 1;
transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after { transform-origin: left; pointer-events: none; bottom: -2px; -webkit-transition: -webkit-transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1); border-color: #fff;}
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a { color: #fff;}
/* RTL */
.rtl .comment-list li.comment > div,.rtl .comment-list li.pingback > div {
padding-right: 85px!important;
padding-left: 25px!important;
}
.rtl .comment-list li.comment > div img.avatar,.rtl .comment-list li.pingback > div img.avatar {
right: 0!important;
left: auto!important;
}
body.rtl .carousel-wrap[data-full-width="false"] .control-wrap {
left: 0px;
right: auto;
}
.rtl .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev {
margin-left: 0;
}
.rtl .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev, .carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
left: 0!important;
right: auto !important;
}
.rtl .carousel-wrap[data-full-width="false"] .control-wrap .item-count {
left: -2px;
right: auto;
}
.rtl [data-full-width="false"] .carousel-prev.next-hovered, .rtl [data-full-width="false"] .item-count.next-hovered {
transform: translateX(0px);
}
.rtl [data-full-width="false"] .carousel-next:hover {
transform: translateX(18px);
}
.rtl [data-full-width="false"] .carousel-prev:hover ~ .carousel-next , .rtl [data-full-width="false"] .carousel-prev:hover ~ .item-count{
transform: translateX(18px);
}
.rtl [data-full-width="false"] .carousel-prev:hover i {
transform: translateX(0px);
}
.rtl [data-full-width="false"] .carousel-prev:after {
transform: translateX(30px);
}
.rtl [data-full-width="false"] .carousel-prev:hover:after {
opacity: 1;
transform: translateX(18px);
}