/* -------------------------------------------------------------------------------------------------------------------------
MAX-WIDTH MEDIA QUERIES BELOW
----------------------------------------------------------------------------------------------------------------------------*/

/* Media query 1600px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 1600px){
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */

/*change padding to act as a wrapper, there is no wrapper on these sections*/
.fifty-fifty .vc_column_container:nth-child(1) {padding-left:7% !important;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:7% !important;}
.fifty-fifty .vc_column_container.image {padding:0 !important;} /*reinforce no padding on images*/
article.blog-post div.entry-content {padding-right:7% !important;} /*post text*/
/*change padding to act as a wrapper, there is no wrapper on these sections*//*UNITE GALLERY*/

/*UNITE GALLERY*/
/*these styles are specific to "TILES-COLOUMS" gallery when creating a gallery*/
.ug-thumb-wrapper {height:400px !important;}

/*REVOLUTION SLIDER*************************/
.banner-text {padding-left:7% !important;}

}




/* Media query 1200px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 1200px){
/*REVOLUTION SLIDER*************************/
/*.banner-text h6, .header-image-text h1 {font-size:70px !important;}
*//*.banner-text p {font-size:35px !important;}
.banner-text a {font-size:13px !important;}*/

/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES ***********************************************************************/

/*this cancels out display:flex; for .fifty-fifty.mulitple-images sections*/
.fifty-fifty.multiple-images .vc_row {flex-wrap:wrap;} /*flex wrap keeps same height when content is wraped to next line*/
.fifty-fifty.multiple-images .vc_row:after, .fifty-fifty.multiple-images .vc_row:before {display:none !important; visibility:hidden;} /*this needs to be removed or it jumps the content columns when they become 50%, the before and after conetnt is empty anyway?*/
/*this cancels out display:flex; for .fifty-fifty.mulitple-images sections*/

/*remove all padding*/
.fifty-fifty .vc_column_container {padding-left:0; padding-right:0;}
/*remove all padding*/

/*Force all columns to 50% width*/
/*.fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:50% !important; min-width:50% !important;}*/
/*Force all columns to 50% width*/

/*COLLABORATIONS*/
.collaborations img {width:50%;}


}

/* Media query 992px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 992px){
/*OVERIDIDE ZILLAH THEME RELATIVE HEADER MIN WIDTH 992PX*/
.header-inner-top.overide {width:100%; z-index:9999; top:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.admin-bar .header-inner-top.overide {top:32px;}

/*fixed size image*/
.fixed-size-image img {width:90% !important; height:90% !important;}


}




/* Media query 768px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 768px){
/*make menu header overflow visible*/
.wrapper.container-header {/*overflow-x: hidden; overflow-y: visible;*/ overflow:visible;}

/*MENU BAR*/
.header-inner {margin: 0;}

/*buttons generic styles ***********************************************************************/
label {width:100% !important;}
input.search-submit {width:50% !important;}

/*BASE STYLES ***********************************************************************/
h1, h2, h3, h4, h5, h6, p {width:100%;}
h1, h6 {font-size:50px !important; /*line-height:130% !important;*/}
h2, .header-image-big h1 {font-size:33px !important; /*line-height:130% !important;*/}
h3, h2.ult-new-ib-title, blog-categories h2 {font-size:23px !important; /*line-height:130% !important;*/}
h4 {font-size:18px !important; /*line-height:130% !important;*/}
h5 {font-size:14px !important; /*line-height:130% !important;*/}
p, a, .fbc-page .fbc-wrap .fbc-items li {font-size:12px !important; line-height:160% !important;}

/*a href within a heading or paragraph tag*/
/*this must match the generic font sizes above*/
h1 a, h6 a {font-size:50px !important;}
h2 a {font-size:33px !important;}
h3 a {font-size:23px !important;}
h4 a {font-size:18px !important;}
h5 a {font-size:14px !important;}
p a {font-size:12px !important;}

.wrapper .c1, .wrapper .c2, .wrapper .c3, .wrapper .c4, .wrapper .c5, .wrapper .c6, .wrapper .c7, .wrapper .c8, .wrapper .c9, .wrapper .c10, .wrapper .c11, .wrapper .c12 {width:100% !important; margin-bottom:20px}
.wrapper .s1, .wrapper .s2, .wrapper .s3, .wrapper .s4, .wrapper .s5, .wrapper .s6, .wrapper .s7, .wrapper .s8, .wrapper .s9, .wrapper .s10, .wrapper .s11, .wrapper .s12 {width:100% !important; margin-left:0 !important;}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100% !important;}
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 {margin-left:0 !important;}

/*padding*/
.padding-none {padding:0 !important;}
.padding-top {padding-top:0 !important;}
.padding-bottom {padding-bottom:0 !important;}
.padding-top-mobile-only {padding-top:20px;}
.padding-bottom-mobile-only {padding-bottom:20px;}

/*no change on mobile visual composer*/
.mobile-no-change .vc_col-sm-6 {width:50% !important;}

/*overide any visual composer content elements, just in case*/
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {width:100% !important;}

/*FLEXY BREADCRUMBS*/
/*match p and a*/
fbc-page .fbc-wrap .fbc-items li, .fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text, .fbc-items a, .fbc-items p, .fbc-items span, .fbc-items li, ol.fbc-items {font-size:12px !important;}

/*Restructure six column visual composer layout*/
.mobile-50-100 .c4 {width:50% !important;}

/*underline text*/
.underline h1:after, .underline h2:after, .underline h3:after, .underline h4:after, .underline h5:after, .underline h6:after, .underline p:after {border:0px solid #999;}

/*text backgrounds*/
.text-background h1, .text-background h2, .text-background h3, .text-background h4, .text-background h5, .text-background h6, .text-background p {background-color:rgba(230, 230, 230, 1) !important; width:inherit !important;}

/*text link backgrounds*/
.text-link-background p {margin-left:20px !important; width:inherit !important;}
/*.text-link-background a {background-color:rgba(230, 230, 230, 1) !important;}*/

/*NEW STYLES ***********************************************************************/
.display-mobile {display:block !important;}
.display-screen, .mobile-none, .empty {display:none !important;}
.clip-left, .clip-right {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;}

/*SECTION TITLES WITH MARGIN BOTTOM FOR BROKEN LAYOUT*/
.vc_section.section-title {padding-bottom:50px !important;}

/*BACKGROUND*/
/*this matches class .background-left-75 for mobile backgrounds*/
.background, .mobile-background {background: linear-gradient(to left,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}
/*this matches class .background-right-75 for mobile backgrounds*/
.background2, .mobile-background2 {background: linear-gradient(to right,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}

/*ARROWS*/
.arrow p, p.arrow,.arrow-small p, p.arrow-small, .arrow-small-lh-20 p, p.arrow-small-lh-20 {font-size:80px !important;}
.arrow-mobile-only {width: 30%; float: right; margin-right: 20% !important; text-align: right;}
.text-link-background p.arrow {margin:0 20% 0 0% !important;}

/*BORDERS*/
/*borders*/
.border-right {border-right:0px;}
.border-left {border-left:0px;}

/*back to top no change*/
.back-to-top .to-top {font-size:25px !important; padding:5px 10px !important; display:block !important;} /*match this in zillah overides*/

/*MARGINS*/
.margin-top {margin-top:0 !important;}

/*TOP BAR*/
a.top-bar-fa-button {font-size:18px !important; margin:19px 20px 0 0 !important;}
a.top-bar-fa-button.display-mobile {margin:19px 0 0 0 !important;}

/*MENU BAR*/
.header-inner {padding:0 0;}

/*SITE LOGO*/
a.site-logo {position:absolute; left:0; width:60% !important; margin-left:20% !important;}
a.site-logo img {width:200px; margin:0 auto; box-sizing:border-box; padding:0 20px;}

/*PREV BUTTON*/
a.previous-button {line-height:55px !important;}

/*SEARCH FORM TOOGLE ACTIVATION*/
.header-inner-top.overide .top-bar-fa-button {font-size:23px !important; padding:5px 0px;}
.search-container .top-bar-fa-button {font-size:33px !important;}
.search-container.show {width:80%; left:10%;}
.search-container .toggle-search-button {font-size:33px !important; right:-10px !important;}

/*REVOLUTION SLIDER*************************/
/*.banner-text, .header-image-text {margin-top:75px !important;}*/
/*.banner-text h1, .header-image-text h1, .banner-text h6, .header-image-text h6 {font-size:50px !important;}
*//*.banner-text p {font-size:20px !important;}
.banner-text a {font-size:12px !important;}*/


/*CALL US SECTIONS*/
/*.call-us h1 a, .call-us h6 a {font-size:33px !important; line-height:130% !important;}
.call-us h2 a {font-size:23px !important; line-height:130% !important;}
.call-us h3 a {font-size:18px !important; line-height:130% !important;}
.call-us h4 a {font-size:16px !important; line-height:130% !important;}
.call-us h5 a {font-size:14px !important; line-height:130% !important;}*/

/*HEIGHTS*/
.equal-heights-section .text-content {height:auto !important; min-height:100px !important; padding:0 0 40px 0 !important;}
.equal-heights-section .x1height, .equal-heights-section .x2height, .equal-heights-section .vc_column_container.dynamic-height .vc_column-inner {height:300px !important; min-height:100px !important;}

/*.equal-heights-section .x1height {height:auto;}
.equal-heights-section .x2height {height:auto;}*/


/*add border radius*/
.border-circle img {padding:20px;}

/*CONTACT FORM 7*/
.email-form p label {width:100%;}
.email-form p label:nth-child(1) {padding-right:0;}
.email-form p label:nth-child(2) {padding-left:0;}


/*GOOGLE MAP*/
#wpgmza_map {height:400px !important;} 

/*header images*/
.header-image-big {height:530px !important;}
.header-image-small {height:430px !important;}


/*POSTS*/
article.blog-post {display:block !important;}
article.blog-post .flex-one {width:100% !important;}
.entry-title-blog {margin-top:40px;}
.post-navigation {display:block !important;}
.page-title {margin:40px 0 0px 0;}

/*fixed size image*/
.fixed-size-image img {width:60% !important; height:60% !important;}


/*VISUAL COMPOSER ACCORDION ON "CLASSIC" SETTING ONLY*/
.accordion:nth-child(1) .vc_column-inner {padding-bottom:0 !important;}
.accordion:nth-child(2) .vc_column-inner {padding-top:0 !important;}
.accordion .vc_column-inner .wpb_wrapper .vc_tta-container {margin-bottom:5px !important;}

/*VISUAL COMPOSER INTERACTIVE BANNER @ STYLE 12*/
.ult-new-ib-content p {font-size:14px !important;}
.vc-banner12 .vc_column-inner, .ult-new-ib, .ult-new-ib img {height:400px !important;}
.vc-banner-margin {margin:0 !important;}

/*UNITE GALLERY*/
/*these styles are specific to "TILES-COLOUMS" gallery when creating a gallery*/
.ug-thumb-wrapper {width:100% !important;}

/*CASE STUDIES*/
/*.case-studies h2 {font-size:45px; }*/
.vc_section.case-study .vc_column-inner {padding:10px 0 10px 0 !important;}



/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES ***********************************************************************/

/*Force all columns to 50% width*/
.fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:100% !important; min-width:100% !important;}

.fifty-fifty .vc_column_container:nth-child(1), .fifty-fifty .vc_column_container:nth-child(2), .fifty-fifty .vc_column-inner, .slideshow .vc_column-inner {padding:10px 0 10px 0 !important;}

.fifty-fifty .vc_column_container.image:nth-child(1), .fifty-fifty .vc_column_container.image:nth-child(2), .fifty-fifty .vc_column-inner.image {padding:10px !important;}

.fifty-fifty.broken-grid .vc_column_container.image:nth-child(1) {padding:10px 10px 0 10px !important;}

.fifty-fifty .vc_column_container.image {min-height:300px !important;}
.fifty-fifty .vc_column_container.image.fixed-height {min-height:400px !important; padding:0 !important;}

/*VISUAL COMPOSER HOVER BOX*/
.vc-hover-box .vc_row {min-height:250px !important;}
.vc-hoverbox-front, .vc-hoverbox-back {min-height:250px !important; overflow:hidden;}

/*IMPORTANT this will arrange the image left to the bottom when they stack up for mobile ***********************************************************************/
.vc_row {display:flex; flex-flow:row wrap;}
.vc_row .vc_column_container.mobile-first {order:1; -webkit-order:1;}
.vc_row .vc_column_container.image {order:2; -webkit-order:2;}
.vc_row .vc_column_container {order:3; -webkit-order:3;}

/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES END ***********************************************************************/

/*REVOLUTION SLIDER*************************/
.banner-text {padding:10px 0 10px 0 !important;}

/*BROKEN GRID LAYOUT STYLES*/
.broken-grid:first-child {overflow:visible;}
.broken-grid:first-child .broken-top {margin-top:-40px; padding: 60px 0 60px 0 !important;}
.broken-grid:first-child .broken-top.broken-top-no-mobile {margin-top:0 !important;}
.broken-grid {overflow:hidden; padding:0 !important;}
.broken-top {margin-top:0;}
.broken-right {margin:0;}
.broken-bottom {margin-bottom:0;}
.broken-left {margin:0;}
broken-top-bottom {margin:0;}
.broken-top-and-mobile {margin-top:-40px;}
.text-absolute {position:relative; z-index:1;}


/*BROKEN GRID LAYOUT MOBILE ONLY STYLES - FOR PSOSTS LAYOUT*/
.break-flex {float:left; position:relative;}
.broken-grid-mobile-only {overflow:visible !important; padding:0 !important;}
/*.broken-right-mobile-only {margin:15px 0px -40px -40px;}
.broken-left-mobile-only {margin:15px -40px -90px 20px;}*/
.broken-bottom-mobile-only {margin-bottom:90px;}
.broken-top-mobile-only {margin-top:-40px;}
.broken-top-bottom-mobile-only {margin-top:40px;}



/*VISUAL COMPOSER INTERACTIVE BANNER @ STYLE 12*/
.vc-banner-no-padding .vc_column-inner {padding:0 !important;}
.ult-new-ib, .wpb_column > .wpb_wrapper .ult-new-ib {margin-bottom:0 !important;}

/*COLLABORATIONS*/
.collaborations img {width:33%;}

/*FOOTER*/
.footer .c4 {width:33.3% !important;}

}



/* Media query 640px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 640px){
.entry-title {line-height:150% !important;}

/*SEARCH FORM TOOGLE ACTIVATION*/
.search-container {width:90%!important; left:5% !important;}

/*CAROUSEL - VISUAL COMPOSER*/
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {display: none !important}

/*ARROWS*/
.arrow-mobile-only {width: 20%; margin-right:5%; margin-left:5%;}
.text-link-background p.arrow {margin:0 5% 0 5% !important;}

}



/* Media query 568px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 568px){
/*header images*/
.header-image-big {height:430px !important;}
.header-image-small {height:330px !important;}

/*Restructure six column visual composer layout*/
.mobile-50-100 .c4 {width:100% !important;}

/*REVOLUTION SLIDER*************************/
.banner-text, .header-image-text {margin-top:70px !important;}
/*.banner-text h6, .header-image-text h1 {font-size:25px !important;}
*//*.banner-text p {font-size:11px !important;}
.banner-text a {font-size:9px !important;}*/

/*POSTS*/
.post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {width:140px !important; max-width:140px !important;}
.post-navigation .nav-links .nav-next a:after, .post-navigation .nav-links .nav-previous a:before {display:none;}


}


/* Media query 480px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 480px){

/*FOOTER*/
.footer .c4 {width:100% !important;}

}



/* Media query 320px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 320px){
/*COLLABORATIONS*/
.collaborations img {width:50%;}

}