File: /var/www/html/wpwatermates_err/wp-content/themes/salient/css/src/responsive.css
/*
Theme Name: Salient
Description: Global responsive styles
*/
@media only screen and (min-width: 1300px) {
.container,
.post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 1100px;
}
}
/* Small Desktop */
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
#author-bio #author-info {
width: 544px;
}
#project-meta ul li .nectar-love-wrap.fadein {
margin-right: 11px;
padding-right: 11px;
}
#page-header-bg .span_6 .subheader {
font-size: 24px;
}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2,
#boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {
font-size: 32px;
line-height: 50px;
}
body .swiper-slide .content p {
font-size: 20px;
line-height: 34px;
}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p {
font-size: 14px;
line-height: 24px;
}
.portfolio-items:not(.carousel) .col .work-item.style-2 i {
line-height: 32px;
height: 32px;
width: 32px;
font-size: 14px;
}
#top nav > ul > li > a {
padding-left: 8px;
}
.sf-sub-indicator {
left: 6px;
}
body .swiper-slide .content p.transparent-bg span,
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span {
line-height: 38px;
}
}
/* Tablet Portrait */
@media only screen and (min-width : 690px) and (max-width : 999px) {
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6,
.span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {
width: 100%;
margin-left: 0;
}
.col, body .vc_row-fluid .wpb_column {
margin-bottom: 25px;
}
#header-outer .col {
margin-bottom: 0;
margin-right: 0;
}
.wpb_column {
width: 100%;
}
/* Tablet width override */
body .vc_row-fluid .wpb_column[data-t-w-inherits="small_desktop"] {
margin-bottom: 0;
}
.vc_col-sm-12[data-t-w-inherits="small_desktop"]:not([class*="vc_col-md-"]),
body .vc_row-fluid .wpb_column[data-t-w-inherits="small_desktop"].vc_col-md-12 {
width: 100%;
}
body .vc_row-fluid [class*="vc_col-"][data-t-w-inherits="small_desktop"]:first-child:not([class*="offset"]) {
margin-left: 0;
}
/* Tablet width override end */
body .vc_row-fluid.full-width-content .vc_col-xs-6 {
width: 50%;
}
body .vc_row-fluid .vc_col-xs-12[class*="vc_col-xs-"] {
width: 100%;
}
.container {
max-width: 600px;
}
.one-fourths.span_3,
.one-fourths.vc_span3,
.one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
width: 50%;
margin-bottom: 2%;
}
.one-fourths.span_3.clear-both,
.one-fourths.vc_span3.clear-both,
.one-fourths.vc_col-sm-3.clear-both:not([class*="vc_col-xs-"]) {
clear: both;
}
#footer-outer .one-fourths.span_3.right-edge,
.one-fourths.span_3.right-edge,
.one-fourths.vc_span3.right-edge,
.one-fourths.vc_col-sm-3.right-edge:not([class*="vc_col-xs-"]) {
margin-right: 0;
}
.portfolio-items .col {
width: 100%;
margin-left: 0;
margin-bottom: 8px;
}
.portfolio-items:not(.carousel) div:nth-child(2n+2),
.portfolio-items:not(.carousel) div:nth-child(2n+2) {
clear: both;
}
.portfolio-items[data-ps="6"] .col {
padding: 2%;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.col.boxed:hover,
.ascend .main-content .col.boxed:hover,
.material .main-content .col.boxed:hover {
margin-top: 0;
top: 0;
transform: none;
-webkit-transform: none;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#call-to-action .container a {
margin-top: 20px;
margin-left: 0;
}
#ajax-content-wrap .post-area {
padding-right: 0;
}
#ajax-content-wrap .contact-info {
padding-left: 0;
}
.nectar-google-map {
max-height: 425px;
}
#sidebar .recent_projects_widget div a {
width: 90px;
}
#sidebar .recent_projects_widget div a:nth-child(3n+3) {
margin: 2% 2% 0 0;
}
body #sidebar .recent_projects_widget div a:last-child {
margin-right: 0;
}
#author-bio #author-info {
width: 494px;
}
#page-header-bg .span_6 h1 {
font-size: 32px;
line-height: 38px;
}
#page-header-bg .span_6 {
top: auto!important;
float: none;
}
.page-header-no-bg #ajax-content-wrap .portfolio-filters {
margin-top: 15px;
float: none;
clear: both;
height: auto;
}
#page-header-bg[data-parallax="1"] .project-title .span_6 {
padding-right: 70px;
}
.page-header-no-bg .portfolio-filters ul {
position: absolute;
width: 100%;
}
html.js #page-header-bg[data-parallax="0"].not-loaded {
background-color: #F5F5F5;
}
#call-to-action .container span {
display: block;
}
.main-content .col.span_4 .col.span_2,
.main-content .col.span_3 .col.span_2,
.main-content .col.span_2 .col.span_2,
.main-content .col.span_6 .col.span_2 {
width: 7%;
}
.main-content .col.span_4 .span_10,
.main-content .col.span_3 .col.span_10,
.main-content .col.span_2 .col.span_10,
.main-content .col.span_6 .col.span_10 {
width: 91%;
}
.testimonial_slider .flickity-page-dots {
bottom: -35px;
}
#ajax-content-wrap .span_12 .col.span_6.empty-second {
width: 49%;
}
body .swiper-slide .content p i {
width: 18px;
font-size: 16px;
}
body .swiper-slide .content p.transparent-bg span,
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span {
line-height: 29px;
}
.iosSlider.product-thumbnails .thumb {
width: 112px;
}
#footer-widgets .container .row > div:nth-child(2).span_4 {
margin-right: 0!important;
}
}
/* Phone */
@media only screen and (max-width : 690px) {
.material:not(.admin-bar) #header-outer[data-using-secondary="1"] {
top: 0;
}
body:not([data-hhun="1"]) #header-outer[data-using-secondary="1"]:not(.hidden-secondary) {
transform: none!important;
}
.vc_row-fluid [class*="vc_span"] {
width: 100%!important;
}
.container,
.orbit-wrapper .slider-nav,
.post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 320px;
}
body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu,
body #header-outer[data-full-width="true"] header > .container,
body #header-secondary-outer[data-full-width="true"] > .container {
max-width: 100%;
padding: 0 18px;
}
.col {
margin-bottom: 25px;
}
.post-area {
margin-bottom: 0;
}
.col.boxed:hover,
.ascend .main-content .col.boxed:hover,
.material .main-content .col.boxed:hover {
margin-top: 0;
top: 0;
transform: none;
-webkit-transform: none;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#header-outer .col {
margin-bottom: 0;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info h2,
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
max-width: 100%;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
padding: 11px 11px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
height: 6px;
width: 6px;
}
#fp-nav.right {
right: 10px;
}
.nectar_fullscreen_zoom_recent_projects .dot-nav {
display: none;
}
.container .post .post-meta {
display: none;
}
#ajax-content-wrap .container .post .post-content {
padding-left: 0;
}
.container .post-header {
font-size: 12px;
}
.post-content.classic .post-header > span:after {
height: 9px;
}
.container .comment-list .comment > div {
padding: 25px 25px 40px 25px;
}
#ajax-content-wrap .comment-list .children {
padding-left: 20px;
}
.container .comment-list .comment > div img.avatar {
display: block;
position: relative;
height: 40px;
width: 40px;
top: 0;
left: 0;
margin-bottom: 5px;
}
body:not(.original) .bypostauthor > .comment-body > .comment-author > img.avatar {
border-width: 2px;
}
body:not(.material) .comment-list .children {
background-image: none;
}
body.ascend #ajax-content-wrap .comment-list .children {
margin-left: 0;
padding-left: 30px;
}
body.material #ajax-content-wrap .comment-list .comment > div,
body.material #ajax-content-wrap .comment-list .pingback > div {
margin-top: 2.5em;
}
body.material .comment-list .children {
border-left: 1px solid rgba(0,0,0,0.1);
}
body.material .container .comment-list .comment > div {
padding: 0px 0 40px 0;
}
body.material #ajax-content-wrap .comment-list .children {
margin-left: 0;
padding-left: 30px;
}
body.material #ajax-content-wrap .comment-list .comment .comment > div {
padding-left: 0;
}
.container #respond h3 {
font-size: 18px;
}
.container .comment-list .reply {
right: 29px;
top: auto;
bottom: 29px;
}
.original .container .comment-list .reply {
right: 0;
top: auto;
bottom: 0;
margin-top: 20px;
position: relative;
}
.container .contact-info {
padding-left: 0;
}
html.js #page-header-bg[data-parallax="0"].not-loaded {
background-color: #F5F5F5;
}
#page-header-bg .portfolio-filters ul {
position: absolute;
width: 100%;
}
#page-header-bg .span_6 {
margin-bottom: 15px;
}
#call-to-action .container a {
display: block;
margin-top: 20px;
margin-left: 0;
}
#call-to-action {
font-size: 18px;
}
#ajax-content-wrap h2 .nectar-button,
#ajax-content-wrap h3 .nectar-button,
#ajax-content-wrap h4 .nectar-button {
display: block;
}
.post-area #pagination,
.post-area.masonry #pagination {
padding-left: 0;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.bottom_controls #portfolio-nav .controls li#next-link a i:after,
.bottom_controls #portfolio-nav .controls li#prev-link a i:after {
display: none;
}
#search-results .result,
.masonry-blog-item {
width: 100%!important;
margin-right: 0!important;
margin-bottom: 25px;
margin-left: 0!important;
}
.posts-container[data-load-animation="none"] article .inner-wrap.animated {
opacity: 1;
}
.gallery .gallery-item {
width: 100%!important;
}
#author-bio img {
margin-right: 0;
width: 60px;
height: 60px;
}
.row .blog-recent[data-style="list_featured_first_row"].columns-3 .featured .post-featured-img {
padding-bottom: 75%;
}
.section-down-arrow i.icon-default-style[class^="icon-"] {
font-size: 16px;
}
.section-down-arrow {
bottom: 10px;
right: 20px;
}
#contact-map {
height: 270px;
}
.nectar-google-map {
max-height: 270px;
}
.pp_pic_holder {
left: 9px;
width: 96%;
}
.pp_content {
width: 100%;
height: 290px;
}
.pp_content iframe {
width: 100%;
}
.pp_content .pp_inline iframe {
height: 250px;
}
.pp_content #pp_full_res img {
width: 100%;
height: auto;
}
#page-header-bg .span_6 h1,
body.search #page-header-bg h1,
.single.single-post .section-title h1,
body.single.single-post .row .col.section-title.span_12 h1 {
font-size: 24px;
line-height: 30px;
margin-bottom: 4px;
}
#page-header-bg .span_6 {
top: auto!important;
float: none;
}
#page-header-bg .author-section .meta-author .avatar {
display: none;
}
#ajax-content-wrap .pricing-table > div {
width: 100%;
margin: 0 0 25px 0;
}
#page-header-bg #portfolio-nav ul,
.section-title #portfolio-nav ul {
margin-bottom: 0;
}
#portfolio-nav ul:first-child {
z-index: 103;
}
#portfolio-nav .controls:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
body .container .portfolio-filters-inline.full-width-content .container {
padding-left: 0;
padding-right: 0;
}
body #full_width_portfolio .project-title.parallax-effect .container,
body #page-header-bg .project-title .container {
padding-bottom: 30px;
}
body #page-header-bg .section-title {
padding: 0;
}
.ascend #ajax-content-wrap .comment-list .reply {
top: 0;
}
#customer_details > div {
width: 100%;
float: none;
}
.main-content .col.span_4 .col.span_2,
.main-content .col.span_3 .col.span_2,
.main-content .col.span_2 .col.span_2,
.main-content .col.span_6 .col.span_2 {
width: 15%;
}
.main-content .col.span_4 .span_10,
.main-content .col.span_3 .col.span_10,
.main-content .col.span_2 .col.span_10,
.main-content .col.span_6 .col.span_10 {
width: 83%;
}
.slider-pagination {
bottom: 10px;
}
body .swiper-slide .content p i {
width: 14px;
font-size: 12px;
}
.main-content .col.span_4 .col.span_2 img,
.main-content .col.span_3 .col.span_2 img,
.main-content .col.span_2 .col.span_2 img,
.main-content .col.span_6 .col.span_2 img {
padding-right: 13px;
top: -3px;
}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span,
body .swiper-slide .content p.transparent-bg span {
line-height: 20px;
top: -5px;
left: 4px;
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.5), -4px 0 0 rgba(0, 0, 0, 0.5);
}
#buddypress .register-section {
width: 100%;
margin-bottom: 15px;
}
.full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) {
padding: 0 10%!important;
}
#header-outer[data-full-width="true"] header > .container {
padding: 0;
}
.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot
.nectar-flickity[data-controls="material_pagination"] .flickity-page-dots .dot {
width: 25px;
}
}
/* Phone and Tablet */
@media only screen and (min-width : 1px) and (max-width : 999px) {
.n-sticky {
width: 100%;
}
#to-top:not(.mobile-enabled) {
display: none;
}
body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-disable-mobile="1"] {
display: none;
}
body #header-outer:not(.transparent) #top .span_3 #logo[data-supplied-ml="true"] img:not(.mobile-only-logo),
body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting="true"] img.starting-logo:not(.dark-version):not(.mobile-only-logo),
body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting-dark="true"] img.starting-logo.dark-version {
display: none!important;
}
body #header-outer:not(.transparent) #top .span_3 #logo .mobile-only-logo,
body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting="true"] img.mobile-only-logo.starting-logo:not(.dark-version),
body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting-dark="true"] img.mobile-only-logo.starting-logo.dark-version,
#page-header-bg[data-parallax="1"] .span_6 .inner-wrap,
#page-header-bg .span_6 {
display: block!important;
}
body #header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent #top .span_3 #logo .mobile-only-logo {
opacity: 1!important;
}
body[data-hhun="1"] #header-outer[data-mobile-fixed="false"].invisible:not(.side-widget-open) {
transform: none!important;
pointer-events: auto!important;
}
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 #logo {
display: none;
}
#page-header-bg[data-parallax="1"] .span_6,
#page-header-bg[data-parallax="1"] {
padding-right: 0;
transform: translate(0px)!important;
visibility: visible!important;
}
#ajax-content-wrap .video-texture {
display: none;
}
.full-width-section.parallax_section,
.full-width-content.parallax_section {
background-attachment: scroll!important;
background-position: center!important;
}
.wpb_row.parallax_section .row-bg.using-image,
#page-header-wrap[data-parallax="1"] .page-header-bg-image-wrap .page-header-bg-image {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
#page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image {
transition: none;
-webkit-transition: none;
}
.material #header-outer.transparent .bg-color-stripe {
height: 30vh;
}
img.img-with-animation[data-animation="fade-in-from-right"] {
padding-left: 0;
}
img.img-with-animation[data-animation="fade-in-from-left"] {
padding-right: 0;
}
img.img-with-animation[data-animation="fade-in-from-bottom"] {
bottom: 0;
}
.img-with-aniamtion-wrap .inner {
margin: 0!important;
}
body .img-with-aniamtion-wrap img {
max-width: 100%;
}
body .img-with-aniamtion-wrap:not([data-max-width-mobile="default"]) .inner {
max-width: none!important;
}
.img-with-aniamtion-wrap.right[data-max-width-mobile="125%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner,
.img-with-aniamtion-wrap.center[data-max-width-mobile="150%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner {
margin-left: -25%!important;
}
.img-with-aniamtion-wrap.right[data-max-width-mobile="150%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner,
.img-with-aniamtion-wrap.center[data-max-width-mobile="200%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner {
margin-left: -50%!important;
}
.img-with-aniamtion-wrap.right[data-max-width-mobile="165%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner {
margin-left: -65%!important;
}
.img-with-aniamtion-wrap.right[data-max-width-mobile="175%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) .inner {
margin-left: -75%!important;
}
.img-with-aniamtion-wrap.right[data-max-width-mobile="200%"] .inner {
margin-left: -100%!important;
}
.img-with-aniamtion-wrap[data-max-width-mobile*="%"]:not([data-max-width="75%"]):not([data-max-width="50%"]) img {
width: 100%;
}
.img-with-aniamtion-wrap[data-max-width="75%"] .inner {
max-width: 75%;
}
.img-with-aniamtion-wrap[data-max-width="50%"] .inner {
max-width: 50%;
}
.full-width-section > .col.span_12 {
margin-bottom: 0;
}
div[data-bg-mobile-hidden="true"] .row-bg.using-image {
background-image: none!important;
}
.full-width-section {
margin-top: 0;
}
body[data-bg-header="true"] .full-width-section.first-section,
body[data-bg-header="true"] .full-width-content.first-section,
body[data-header-resize="0"] .container-wrap .portfolio-filters-inline.first-section,
#header-outer[data-transparent-header="true"][data-permanent-transparent="false"] #logo .dark-version,
#header-outer #top #logo img {
margin-top: 0!important;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info h2,
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
max-width: 75%;
}
body #header-outer[data-format="centered-menu-under-logo"] #top #logo img,
body #header-outer[data-format="centered-menu-bottom-bar"] #top #logo img {
margin: 0;
}
#header-outer[data-has-menu="false"][data-format="default"] #top .span_3,
#header-outer[data-has-menu="true"][data-mobile-fixed="1"] #top .span_3,
#header-outer[data-has-menu="true"][data-ptnm="1"] #top .span_3,
#header-outer[data-has-menu="true"] #top .span_3,
body.material #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 {
text-align: left;
}
#header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open {
pointer-events: auto;
}
.material #header-outer[data-transparent-header="true"][data-mobile-fixed="1"].transparent {
overflow: visible;
}
#header-outer[data-mobile-fixed="1"],
#header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"] {
position: fixed!important;
}
.material #header-outer[data-mobile-fixed="false"][data-using-secondary="1"],
.material.admin-bar #header-outer[data-mobile-fixed="false"][data-using-secondary="1"] {
top: 0;
}
body #header-outer[data-transparent-header="true"][data-remove-border="true"],
body #header-outer[data-transparent-header="true"][data-remove-border="true"].transparent {
border: none;
}
body[data-slide-out-widget-area-style="slide-out-from-right-hover"][data-slide-out-widget-area="true"][data-user-set-ocm="off"] #header-outer header > .container {
max-width: 100%;
padding: 0 18px;
}
.using-mobile-browser .slide-out-hover-icon-effect a {
pointer-events: auto;
}
.container-wrap {
z-index: 11;
}
.work-item:not([data-custom-content="on"]) .work-info-bg {
display: none;
}
.style-3 .work-info-bg {
display: block;
}
body #top #logo img,
#header-outer[data-permanent-transparent="false"] #logo .dark-version {
height: 24px;
margin-top: -3px;
top: 3px;
position: relative;
}
#header-outer[data-transparent-header="true"][data-permanent-transparent="false"] #logo .dark-version,
#header-outer #top #logo img {
top: 0;
}
body.material #header-outer[data-permanent-transparent="false"] #logo .dark-version,
#header-outer[data-permanent-transparent="false"] #logo .dark-version {
position: absolute;
}
.original #header-outer:not([data-transparent-header="true"]) #top #logo img.stnd,
.ascend #header-outer:not([data-transparent-header="true"]) #top #logo img.stnd,
.material #header-outer:not([data-transparent-header="true"]) #top #logo img.stnd,
.original #header-outer:not([data-transparent-header="true"]) #top #logo picture.stnd,
.ascend #header-outer:not([data-transparent-header="true"]) #top #logo picture.stnd,
.material #header-outer:not([data-transparent-header="true"]) #top #logo picture.stnd {
position: relative;
}
body:not(.material) #header-outer[data-mobile-fixed="1"] #logo .starting-logo,
body:not(.material) #header-outer[data-mobile-fixed="1"] #logo .dark-version {
top: 6px;
}
.admin-bar #header-outer, .logged-in.buddypress #header-outer {
top: 0;
}
.admin-bar.material-ocm-open #header-outer.transparent {
top: 46px;
}
body #header-outer {
margin-bottom: 0;
padding: 12px 0;
}
body.page-template-template-no-header.nectar_using_pfsr #header-outer,
body.page-template-template-no-header-footer.nectar_using_pfsr #header-outer {
padding: 0;
}
body #header-outer,
body[data-hhun="1"]:not(.no-scroll) #header-outer:not([data-transparent-header="true"]):not(.detached),
body[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not([data-transparent-header="true"]) {
position: relative;
}
.original #header-outer[data-transparent-header="true"][data-remove-border="false"].transparent,
.ascend #header-outer[data-transparent-header="true"][data-remove-border="false"].transparent {
transition: background-color 0.30s ease,box-shadow 0.30s ease,margin 0.25s ease;
}
#header-outer[data-permanent-transparent="1"].transparent #top .span_9 > .slide-out-widget-area-toggle i {
color: #fff;
}
body #slide-out-widget-area.slide-out-from-right-hover {
z-index: 9999;
}
#header-outer.transparent.side-widget-open.no-bg-color #top #logo .starting-logo:not(.dark-version) {
opacity: 1;
}
#header-outer.transparent.side-widget-open.no-bg-color #top #logo img:not(.starting-logo) {
opacity: 0;
}
#slide-out-widget-area {
top: 0!important;
}
#header-outer #logo {
top: 0;
left: 0;
}
#header-space {
display: none;
}
#header-space[data-header-mobile-fixed="1"] {
display: block;
}
#top #mobile-cart-link,
#top .span_9 > .slide-out-widget-area-toggle,
#top .mobile-search {
display: inline-block;
}
#top .col.span_3 {
left: 0;
top: 0;
z-index: 100;
width: 100%;
}
#top .col.span_3,
#header-outer[data-format="centered-menu"] #top .span_3,
#header-outer[data-format="centered-logo-between-menu"] #top .span_3 {
position: relative;
}
#header-outer #top .col.span_3 {
line-height: 0;
}
#header-outer #top .col.span_3 #logo {
vertical-align: middle;
}
#top .col.span_9 {
margin-left: 0;
margin-bottom: 0;
width: 100%!important;
float: none;
z-index: 100;
position: static;
display: flex;
align-items: center;
}
#header-outer[data-format="centered-menu"] #top .span_9,
#header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 {
position: static;
}
#top .col.span_9,
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 {
min-height: 0;
width: auto!important;
position: absolute!important;
right: 0;
top: 0;
z-index: 2000;
height: 100%;
}
.owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item,
#slide-out-widget-area.slide-out-from-right-hover .inner[data-prepend-menu-mobile="true"] .off-canvas-menu-container,
body[data-slide-out-widget-area="true"] #top #logo,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6,
body:not(.single-post) #page-header-bg[data-alignment-v="bottom"]:not(.fullscreen-header) .span_6 >.inner-wrap,
body:not(.single-post) #page-header-bg[data-alignment-v="top"]:not(.fullscreen-header) .span_6 >.inner-wrap,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .nectar-particles .span_6 .inner-wrap,
body:not([data-m-animate="1"]) img.img-with-animation[data-animation="fade-in-from-bottom"] {
-webkit-transform: none!important;
transform: none!important;
}
body[data-slide-out-widget-area="true"] #top .span_9 > .slide-out-widget-area-toggle.std-menu {
left: 0!important;
right: auto!important;
text-align: left;
z-index: 10000;
}
body[data-slide-out-widget-area="true"] #top .span_3 {
text-align: center;
}
body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"] #top .span_3 {
text-align: left;
}
#header-outer .slide-out-widget-area-toggle .lines-button,
#header-outer .slide-out-widget-area-toggle .lines,
#header-outer .slide-out-widget-area-toggle .lines:before,
#header-outer .slide-out-widget-area-toggle .lines:after {
width: 22px;
}
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
top: -6px;
}
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
top: 6px;
}
body[data-slide-out-widget-area="true"] #top #logo, #header-outer[data-mobile-fixed="1"] #top #logo {
display: inline-block;
}
body[data-slide-out-widget-area="true"]:not(.material) [data-transparent-header="true"][data-mobile-fixed="false"] #top #logo {
position: relative;
}
body[data-slide-out-widget-area="true"] #top .col.span_3 {
width: 100%;
}
body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
display: block;
}
#slide-out-widget-area .widget_nav_menu {
overflow-y: hidden;
overflow-x: hidden;
}
#header-outer #top nav > ul {
width: auto;
padding: 15px 0 25px 0;
margin: 0 auto 0 auto;
z-index: 100000;
position: relative;
}
#header-outer #top nav >ul >li >ul >li {
opacity: 1;
transform: none;
}
#top nav > ul li,
#header-outer #top nav >ul >.megamenu >ul >li {
display: block;
width: auto;
margin-left: 0;
}
#top nav >ul >.megamenu >.sub-menu {
width: auto!important;
opacity: 1;
display: block;
}
#top nav > ul ul {
position: relative;
width: auto;
top: 0;
left: 0;
padding: 0;
opacity: 1;
visibility: visible;
box-shadow: 0px 0px 0px #fff;
background-color: transparent;
float: none;
}
#top nav > ul ul li {
padding-left: 20px;
}
#top nav .sf-menu .sfHover > a {
color: #FFBAAF;
}
a > .sf-sub-indicator {
right: 0;
position: absolute;
padding: 16px;
left: auto;
top: 0;
height: auto;
width: auto;
}
.swiper-slide .mejs-controls {
display: none;
visibility: hidden;
}
#ajax-content-wrap .mejs-controls {
display: flex;
visibility: visible;
}
#ajax-content-wrap .post-area {
padding-right: 0;
margin-bottom: 0;
}
.slider-nav {
position: relative;
max-width: 600px;
margin: -40px auto 0px auto;
}
body .slider-nav > span {
height: 25px;
width: 25px;
}
body .slider-nav > .left {
left: 0;
}
body .slider-nav > .right {
left: 30px;
}
.slider-nav span span,
#header-outer #top nav {
display: none!important;
}
#pagination {
margin-bottom: 40px;
}
.portfolio-items .col .work-item .work-info .custom-content .nectar-button {
width: auto;
}
body .nectar-button.see-through-2,
body .nectar-button.see-through-3,
#page-header-wrap,
#page-header-bg {
transition: none!important;
-webkit-transition: none!important;
}
#ajax-content-wrap .wp-caption {
width: 100%;
}
.main-content > div {
padding-bottom: 0;
}
#single-meta {
display: block;
clear: both;
margin-bottom: 10px;
}
body.single-post #page-header-bg:not(.fullscreen-header) .row,
body #page-header-bg:not(.fullscreen-header) .row,
body:not(.single-post) #page-header-bg .nectar-particles .span_6 .row,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .nectar-particles .span_6 > .inner-wrap,
#page-header-bg[data-parallax="1"] {
top: 0!important;
}
body:not(.single-post) #page-header-bg:not(.fullscreen-header) {
padding-top: 10%;
padding-bottom: 10%;
}
body:not(.single-post) #page-header-bg[data-padding-amt="low"]:not(.fullscreen-header) {
padding-top: 5%;
padding-bottom: 5%;
}
body:not(.single-post) #page-header-bg[data-padding-amt="high"]:not(.fullscreen-header) {
padding-top: 13%;
padding-bottom: 13%;
}
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6 {
min-height: 40px;
}
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6.empty-title {
min-height: 80px;
}
#single-meta,
body[data-header-format] #header-secondary-outer,
#page-header-bg[data-parallax="1"],
body:not(.single-post) #page-header-bg[data-alignment-v="top"]:not(.fullscreen-header) .span_6 .inner-wrap,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .nectar-particles .span_6 > .inner-wrap:first-child,
body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6 {
position: relative!important;
}
body:not(.single-post) .nectar-particles svg {
display: none;
}
#top,
#page-header-wrap,
#header-outer:not([data-permanent-transparent="1"]),
body:not(.single-post) #page-header-bg:not(.fullscreen-header),
body:not(.single-post) #page-header-bg[data-alignment-v="bottom"]:not(.fullscreen-header),
body:not(.single-post) #page-header-bg[data-alignment-v="top"]:not(.fullscreen-header),
.full-page-inner-wrap[data-content-pos="full_height"] .full-page-inner > .span_12,
.vc_text_separator {
height: auto!important;
}
body:not(.single-post) #page-header-bg[data-alignment-v="bottom"]:not(.fullscreen-header) {
padding-top: 16%;
padding-bottom: 4%;
}
body:not(.single-post) #page-header-bg[data-alignment-v="bottom"][data-padding-amt="low"]:not(.fullscreen-header) {
padding-top: 10%;
padding-bottom: 2%;
}
body:not(.single-post) #page-header-bg[data-alignment-v="bottom"][data-padding-amt="high"]:not(.fullscreen-header) {
padding-top: 20%;
padding-bottom: 6%;
}
body:not(.single-post) #page-header-bg[data-alignment-v="top"]:not(.fullscreen-header) {
padding-top: 4%;
padding-bottom: 16%;
}
body:not(.single-post) #page-header-bg[data-alignment-v="top"][data-padding-amt="low"]:not(.fullscreen-header) {
padding-top: 2%;
padding-bottom: 10%;
}
body:not(.single-post) #page-header-bg[data-alignment-v="top"][data-padding-amt="high"]:not(.fullscreen-header) {
padding-top: 6%;
padding-bottom: 20%;
}
.related-posts.columns-3 .span_4 {
margin-right: 0;
}
#single-meta ul {
margin-left: 0;
}
.page-template-template-portfolio-php .portfolio-filters {
margin-bottom: 0;
}
#footer-outer #social li {
width: 33px;
margin-top: 9px;
margin-bottom: 9px;
}
.nectar-recent-posts-slider .recent-post-container {
max-width: none;
}
.nectar-recent-posts-slider .recent-post-container,
.nectar-recent-posts-slider .flickity-page-dots {
padding: 0 40px;
}
.nectar-flickity[data-controls="next_prev_arrows"] .flickity-prev-next-button {
display: none;
}
.nectar-flickity[data-controls="next_prev_arrows"]:not(.masonry) .flickity-slider .cell {
width: 60%;
margin-right: 7%;
}
.full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap {
max-width: 100%;
}
.span_9 .carousel-heading {
padding-right: 0!important;
}
#page-header-wrap {
margin-top: 0;
overflow: visible;
}
#page-header-bg[data-parallax="1"] .span_6 .inner-wrap,
#page-header-bg .span_6 {
opacity: 1!important;
}
body #header-outer[data-using-secondary="1"],
body.admin-bar #header-outer[data-using-secondary="1"] {
top: 0;
}
h1 .nectar-button, h2 .nectar-button, h3 .nectar-button, h4 .nectar-button {
display: inline-block;
margin-top: 20px;
}
body .clients.no-carousel:not(.fade-in-animation) > div {
opacity: 1;
}
#page-header-bg[data-parallax="1"] .span_6 .inner-wrap,
.swiper-slide .content p,
.swiper-slide .content h2,
.swiper-slide .content h1,
.swiper-slide .content h3,
.swiper-slide .content .buttons,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h2 > span span,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h1 > span span {
transform: none!important;
-webkit-transform: none!important;
}
.post-area.masonry:not(.meta_overlaid),
.swiper-slide .content p,
.swiper-slide .content h2,
.swiper-slide .content h1,
.swiper-slide .content h3,
.swiper-slide .content .buttons,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h2 > span span,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h2 .word,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h1 > span span,
.nectar-slider-wrap[data-caption-trans="reveal_title"] .swiper-slide .content h1 .word,
.owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item,
.owl-carousel[data-enable-animation="true"] .owl-controls {
opacity: 1!important;
}
.col.has-animation[data-animation="fade-in-from-bottom"],
.wpb_column.has-animation[data-animation="fade-in-from-bottom"],
.nectar-fancy-box.has-animation[data-animation="fade-in-from-bottom"] {
bottom: 0!important;
}
.parallax_slider_outer.first-section .swiper-container .slider-prev,
.parallax_slider_outer.first-section .swiper-container .slider-next {
margin-top: -30px;
}
.post-area.col_last:not(.auto_meta_overlaid_spaced) {
padding-left: 0!important;
}
.col.centered-text ul,
.wpb_column.centered-text ul,
.col.centered-text ul li,
.wpb_column.centered-text ul li {
text-align: left;
margin-left: 0!important;
}
.col.centered-text ul,
.wpb_column.centered-text ul {
margin: 0!important;
display: block!important;
}
#ajax-content-wrap .nectar-fancy-ul[data-animation="true"] ul li,
.nectar-fancy-ul[data-animation="true"] ul li {
left: 0;
}
.testimonial_slider .controls ul {
text-align: center!important;
}
#page-header-bg[data-parallax="0"] {
margin-top: -1px;
}
.wpb_tabs_nav .cta-button {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
left: 0;
right: auto;
}
#footer-widgets .container .row > div:last-child {
margin-bottom: 0!important;
}
body .pp_gallery,
.woocommerce .pp_gallery {
display: none;
}
.material .span_9 #author-bio {
margin-bottom: 60px;
}
}
/* Legacy Phone with Narrow Width */
@media only screen and (max-width: 321px) {
.container,
.slider-nav,
.post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 300px;
}
}
@media only screen and (max-width: 479px) {
.full-width-content .wpb_column.max_width_phone_420px.left_margin_phone_auto.right_margin_phone_auto {
width: 320px;
}
}
/* Phone Landscape */
@media only screen and (min-width: 480px) and (max-width: 690px) {
body .container,
body .slider-nav,
.post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 420px;
}
#ajax-content-wrap .project-title #all-items {
left: 194px;
}
.iosSlider.product-thumbnails .thumb {
width: 98px;
}
}
/* WP Admin Bar Changes Height */
@media screen and (max-width: 782px) {
.admin-bar #header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"],
.logged-in.buddypress #header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"],
.admin-bar #header-outer[data-permanent-transparent="false"][data-mobile-fixed="1"],
.logged-in.buddypress #header-outer[data-permanent-transparent="false"][data-mobile-fixed="1"],
body.admin-bar #header-outer[data-transparent-header="true"][data-mobile-fixed="false"] {
top: 47px;
}
#header-secondary-outer[data-permanent-transparent="1"] {
margin-top: 0;
}
body {
position: static;
}
#fp-nav.tooltip_alt {
display: none;
}
}
/* Tablet Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
#header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a:hover .menu-title-text:after {
display: none;
}
#to-top {
display: none;
}
body .slide-out-hover-icon-effect a {
pointer-events: auto;
}
#page-header-wrap #page-header-bg[data-animate-in-effect="zoom-out"] .page-header-bg-image {
transition: none;
-webkit-transition: none;
}
#page-header-bg[data-parallax="1"] .span_6,
#page-header-bg[data-parallax="1"] {
position: relative!important;
}
#page-header-bg[data-parallax="1"] {
top: 0!important;
}
#page-header-bg .span_6 {
display: block!important;
opacity: 1!important;
}
.swiper-container .slider-right {
right: 0!important;
}
.video-texture {
display: none;
}
img.img-with-animation[data-animation="fade-in-from-right"] {
padding-left: 0;
}
img.img-with-animation[data-animation="fade-in-from-left"] {
padding-right: 0;
}
img.img-with-animation[data-animation="fade-in-from-bottom"],
.col.has-animation[data-animation="fade-in-from-bottom"],
.wpb_column.has-animation[data-animation="fade-in-from-bottom"] {
bottom: 0;
}
.parallax_slider_outer.first-section .nectar-slider-wrap,
#full_width_portfolio .project-title.parallax-effect,
.parallax_slider_outer.first-section .swiper-slide .content,
.parallax_slider_outer.first-section .nectar-slider-wrap,
.owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item {
transform: none!important;
-webkit-transform: none!important;
}
.parallax_slider_outer.first-section .swiper-slide .content,
.owl-carousel[data-enable-animation="true"] .owl-controls,
.owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item {
opacity: 1!important;
}
.img-with-animation[data-animation="grow-in"],
.col.has-animation[data-animation="grow-in"],
.wpb_column.has-animation[data-animation="grow-in"] {
visibility: visible;
}
.portfolio-items .col .work-item .work-info a {
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.portfolio-items .col .work-item .work-info .custom-content .nectar-button {
width: auto;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4) .work-info .vert-center {
height: 100%;
top: 0 ;
transform: none;
-webkit-transform: none;
}
}
/* Higher Res Tablets */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (hover: none) and (pointer: coarse) {
body .parallax_section .row-bg[data-parallax-speed="fixed"] {
background-attachment: scroll!important;
}
}
@media only screen and (max-device-width: 2600px) {
body[data-ajax-transitions="true"].using-mobile-browser #ajax-loading-screen[data-method="standard"][data-disable-mobile="1"] {
display: none;
}
body.using-mobile-browser.material #slide-out-widget-area.slide-out-from-right {
overflow-y: scroll;
}
body.using-mobile-browser .parallax_section .row-bg[data-parallax-speed="fixed"] {
background-attachment: scroll!important;
}
body.using-mobile-browser .cp-modal-popup-container {
position: relative;
z-index: 100000;
}
body[data-remove-m-video-bgs="1"].using-mobile-browser .swiper-slide .video-wrap video,
body[data-remove-m-video-bgs="1"].using-mobile-browser .nectar-video-wrap video {
display: none;
}
body[data-remove-m-video-bgs="1"].using-mobile-browser .mobile-video-image {
display: block;
}
.using-mobile-browser img.img-with-animation[data-animation="fade-in-from-right"] {
padding-left: 0;
}
.using-mobile-browser img.img-with-animation[data-animation="fade-in-from-left"] {
padding-right: 0;
}
.using-mobile-browser img.img-with-animation[data-animation="fade-in-from-bottom"],
.using-mobile-browser .col.has-animation[data-animation="fade-in-from-bottom"],
.using-mobile-browser .wpb_column.has-animation[data-animation="fade-in-from-bottom"] {
bottom: 0;
}
.using-mobile-browser .parallax_slider_outer .nectar-slider-wrap[data-animate-in-effect="zoom-out"].loaded .slide-bg-wrap,
.using-mobile-browser .owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item,
.using-mobile-browser .portfolio-items .style-5 .parallaxImg-rendered-layer {
transform: none!important;
-webkit-transform: none!important;
}
body[data-remove-m-video-bgs="1"].using-mobile-browser .mobile-video-image,
.using-mobile-browser #page-header-bg[data-parallax="1"] .span_6,
.using-mobile-browser .owl-carousel[data-enable-animation="true"] .owl-stage > .owl-item,
.using-mobile-browser .owl-carousel[data-enable-animation="true"] .owl-controls {
opacity: 1!important;
}
.using-mobile-browser .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox {
top: 50%;
left: 50%;
}
.using-mobile-browser #page-header-bg[data-parallax="1"] .span_6 {
display: block!important;
}
.using-mobile-browser .slide-out-hover-icon-effect a {
pointer-events: auto;
}
.using-mobile-browser .wpb_row.parallax_section .row-bg.using-image.translate {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
body.using-mobile-browser .nectar-video-wrap {
height: 100%;
}
body.using-mobile-browser .blurred-wrap.blurred {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
}
/* Responsive styles specific to full width masonry setups */
@media only screen and (min-width: 1600px) {
.post-area.full-width-content .masonry-blog-item,
.full-width-content .post-area .masonry-blog-item {
width: 18%;
}
/* Constrained Masonry */
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide{
width: 50%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide_tall {
width: 50%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.tall,
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item.regular {
width: 25%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
body .default-style .portfolio-items .col.elastic-portfolio-item {
width: 22.43%!important;
}
.post-area.full-width-content .masonry-blog-item,
.full-width-content .post-area .masonry-blog-item {
width: 23%;
}
.full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) {
padding-left: 2.8%!important;
}
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
/* Constrained Cols */
body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
width: 25%;
}
}
@media only screen and (min-width: 470px) and (max-width: 990px) {
.portfolio-items .elastic-portfolio-item {
width: 50%;
}
}
@media only screen and (max-width: 690px) and (min-width: 470px) {
.post.quote .post-content .quote-inner,
.post.link .post-content .link-inner,
.format-status .post-content .status-inner,
.post.format-aside .aside-inner {
padding: 50px 10%;
}
}
@media only screen and (max-width: 690px) {
body[data-remove-m-video-bgs="1"] .swiper-slide .video-wrap video,
body[data-remove-m-video-bgs="1"] .nectar-video-wrap video {
display: none;
}
body[data-remove-m-video-bgs="1"] .mobile-video-image {
display: block;
}
.posts-container[data-load-animation="fade_in_from_bottom"] .inner-wrap.animated,
.posts-container[data-load-animation="fade_in"] article .inner-wrap.animated,
.posts-container[data-load-animation="perspective"] article .inner-wrap.animated,
.posts-container[data-load-animation="fade_in_from_bottom"] .inner-wrap,
.posts-container[data-load-animation="fade_in"] article .inner-wrap,
.posts-container[data-load-animation="perspective"] article .inner-wrap {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.post-area.masonry.classic .posts-container:not(.meta-moved) .post-content > .post-meta {
opacity: 0;
position: absolute!important;
}
.material .related-post-wrap h3.related-title {
padding-top: 60px;
}
.nectar-recent-posts-slider .inner-wrap {
max-width: 80%;
}
.arhchive #page-header-wrap #page-header-bg .subheader {
display: none;
}
}
@media only screen and (max-width: 470px) {
.post.quote .post-content .quote-inner,
.post.link .post-content .link-inner,
.format-status .post-content .status-inner,
.post.format-aside .aside-inner {
padding: 50px 10%;
}
.full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) {
padding: 0 10%!important;
}
body .post-area.auto_meta_overlaid_spaced[data-ams].span_9 {
margin: 0;
}
body .auto_meta_overlaid_spaced[data-ams].span_9 .masonry-blog-item {
padding-left: 0;
padding-right: 0;
}
}