/*======================================================
Screen Style Sheet
PROJECT
------------------------------------------------------
Author(s): NAME
Created: DATE
======================================================*/


/* Small Desktop */
@media(max-width: 1500px){
	#home-banner .caption{
		left: 80px;
	}
	#home-banner .slick-prev{
		left: 20px;
	}
	#home-banner .slick-next{
		right: 20px;
	}
	#home-banner .project-button{
		right: 20px;
	}
}

/* Tablet */
@media only screen and (max-width: 1199px) {
	body.logged-in #header{
		top: 32px;
	}
	body.logged-in #header.scrolling{
		top: 32px;
	}
	#wpadminbar{
		position: fixed;
	}
    /* Paragraph */
    body{
        padding-top: 112px;
    }
    h1,.h1{
        font-size: 40px;
        line-height: 42px;
    }
    h2,.h2{
        font-size: 28px;
        line-height: 34px;
    }
    h3,.h3{
        font-size: 24px;
        line-height: 34px;
    }
    /* Scaffolding */
	.t100{
		width: 100%;
	}
	.t100.wp-block-columns{
		flex-wrap: wrap !important;
	}
	.t100 .wp-block-column{
		width: 100% !important;
		flex-basis: 100%!important;
	}
	.t100 .wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	.t100 .wp-block-buttons.is-content-justification-center{
		justify-content: flex-start;
	}
	.t100 .wp-block-image.size-full img{
		max-height: 400px;
		width: auto;
	}
	.swap-tablet{
		flex-direction: column-reverse;
	}
	.no-gap{
		gap: 0 !important;
	}
	p+.wp-block-columns.t100>.wp-block-column+.wp-block-column>ul{
		margin-top: 4px;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:first-child{
		padding-left: 20px;
		padding-right: 20px;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		padding-right: 20px;
	}
	section > div > .wp-block-columns.t100 > .wp-block-column.has-background:first-child{
		padding-right: 20px;
	}
	section>div>.wp-block-columns.t100>.wp-block-column.has-background:last-child{
		padding-left: 20px;
	}
	
	/* Universal */
	.tel{
	    pointer-events: all;
	}
	.fancybox-stage{
		width: 80%;
		margin: 0 auto;
	}
	.fancybox-arrow{
		width: 40px;
	}
	
    /* Header */
	#header{
		height: 112px;
	}
	#header-top .logo{
		left: 20px;
		height: 50px;
		top: 52px;
	}
	#header-top .constrain{
		height: 40px;
		padding-left: 0;
	}
	#header-top .constrain:after{
		display: none;
	}
	#header-top .search-container{
		display: none;
	}
	#header-top ul{
		display: none;
	}
	#header-top .tel{
		background-color: #003763;
		width: 50%;
		color: white;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
	}
	#header-top .tel i{
		margin-right: 8px;
		position: relative;
		top: -1px;
		color: white;
	}
	#header-bottom .constrain{
		padding-left: 0;
	}
	#header-bottom nav{
		display: none !important;
	}
	#header-bottom .button{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 40px;
		background-color: #136CB6;
		border-color: #136CB6;
	}
	#header-bottom .contact{
		color: #136CB6;
		font-size: 16px;
		display: flex;
    	align-items: center;
		text-decoration: none;
		margin-left: auto;
		padding: 0 20px;
		width: 56px;
	}
	#header-bottom .search-trigger{
		color: #136CB6;
		display: flex;
    	align-items: center;
		text-decoration: none;
		padding: 0 20px;
		width: 56px;
	}
	#header-bottom .search-trigger i{
		font-weight: bold;
		font-size: 16px;
	}
	#header-bottom .menu-trigger{
		color: #136CB6;
		display: flex;
    	align-items: center;
		text-decoration: none;
		padding: 0 20px;
		width: 56px;
	}
	#header-bottom .menu-trigger i{
		font-weight: bold;
		font-size: 16px;
	}
	#header-bottom .menu-trigger.active i{
		font-size: 19px;
	}
	#header-bottom .menu-trigger.active i:before{
		content:'\f00d';
	}
    
    /* Banners */
	#home-banner .project-button{
		bottom: 20px;
	}
	#inner-banner h1,
	#inner-banner .h1{
		font-size: 42px !important;
		line-height: 46px !important;
		letter-spacing: -0.2px;
	}
	#inner-banner .image{
		padding-left: 34%;
	}
	#inner-banner.has-image{
		min-height: 300px;
	}
	#inner-banner.has-image .heading{
		min-width: 33%;
		max-width: 33%;
	}
	#project-banner{
		height: auto;
		padding: 0;
	}
	#project-banner .image{
		height: 150px;
		position: relative;
	}
	#project-banner .constrain{
		height: auto;
	}
	#project-banner .products{
		position: relative;
		bottom: auto;
		right: auto;
		padding: 20px;
		width: 100%;
	}
	#project-banner .gallery{
		grid-gap: 0 !important;
	}
	#project-banner .slick-dots{
		position: static;
		margin-top: 15px;
	}
	#project-banner .slick-dots li button{
		border-color: #A1A4B1;
	}
	#project-banner .slick-dots li.slick-active button, 
	#project-banner .slick-dots li:hover button{
		background-color: #A1A4B1;
	}
	#breadcrumbs > span{
		display: none;
	}
	#breadcrumbs a.back{
		display: block;
	}
	#breadcrumbs div.save-as-pdf-pdfcrowd-button-wrap{
		top: 15px;
	}
	#breadcrumbs .save-as-pdf-pdfcrowd-button{
		font-size: 14px;
		line-height: 19px;
		text-decoration: none !important;
	}
	
    /* Tabbed Content */
	.uagb-tabs__wrap:not('.rep-search-tabs') .uagb-tabs__panel{
		min-width: 25% !important;
    	max-width: 25% !important;
	}
	
	.uagb-tabs__wrap:not('.rep-search-tabs') .uagb-tabs__panel .uagb-tab{
		width: 100%;
	}
	.uagb-tabs__wrap:not('.rep-search-tabs') .uagb-tabs__panel .uagb-tab a{
		padding: 11px 15px !important;
		display: block;
		width: 100%;
		text-align: center;
	}
	
    /* Buckets */
	.buckets-large.five-columns .bucket,
	.buckets-large.four-columns .bucket{
		width: 33.33%;
	}
	.buckets-small.five-columns .bucket,
	.buckets-small.four-columns .bucket{
		width: 33.33%
	}
	.buckets-box.five-columns .bucket,
	.buckets-box.four-columns .bucket,
	.buckets-box.three-columns .bucket{
		width: 50%;
	}
	.buckets-box .image img{
		margin-top: 0;
	}
	.buckets-button{
		margin: 0 -8px -16px -8px;	
	}
	.buckets-button .bucket{
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.buckets-button.five-columns .bucket,
	.buckets-button.four-columns .bucket{
		width: 33.33%;
	}
	.buckets-featured .bucket-inner{
		height: 400px;
	}
	.buckets-featured .image{
		width: 60%;
	}
	.buckets-featured .content{
		width: 40%;
	}
	
	/* Jumplinks*/
	.jumplinks a{
		font-size: 16px;
		line-height: 20px;
	}
	.jumplinks.amount-many a{
		font-size: 14px;
		line-height: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	/* Files */
	.files .item.w20,
	.files .item.w25{
		width: 33.33%;
	}
	.wp-block-uagb-tabs .files .item.w20,
	.wp-block-uagb-tabs .files .item.w25,
	.wp-block-uagb-tabs .files .item.w33{
		width: 50%;
	}
	
	/* Testimonials */
	.wp-block-uagb-testimonial{
		margin-top: 0;
	}
	.uagb-testimonial__wrap{
		padding-top: 40px;
		background-size: 104px;
	}
	.uagb-testimonial__wrap .uagb-tm__desc{
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 25px !important;
	}
	.uagb-testimonial__wrap .uagb-tm__content{
		padding: 0 !important;
	}
	
	/* Find a Rep */
	p.find-rep-desc{
		margin-right: 0;
	}
	
	/* Widen Gallery */
	#widen-filters{
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-right: -10px;
	}
	#widen-filters .widen-filter{
		width: 33.33%;
		margin-bottom: 10px;
		padding-right: 10px;
	}
	#widen-filters .widen-filter .bootstrap-select{
		width: 100% !important;
		padding-right: 0;
	}
	#widen-filters .widen-filter input{
		width: 100%;
	}
	#widen-filters .button{
		margin-left: 0; 
	}
	#widen-filters .button + .button{
		margin-left: 10px;
	}
	
	/* Quick Contact */
	#quick-contact .column{
		width: 100% !important;
	}
	#quick-contact .column:first-child{
		padding-right:0;
		margin-bottom: 30px;
	}

	/* Footer */
	#footer .constrain{
		flex-wrap: wrap;
	}
	#footer .column{
		margin-right: 0;
	}
	#footer .column-4{
		width: 100%;
		margin-top: 40px;
	}
	#footer .column-3{
		padding-left: 15px;
	}
	#footer-bottom p:first-child{
		width: 100%;
	}
	#footer-bottom .links a:first-child:before{
		display: none;
	}
}
@media(max-width: 991px){
	/* Tabbed Content */
	.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width{
		width: 100%;
	}
	.wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab{
		flex-direction: column;
	}
	.wp-block-ub-tabbed-content-tab-title-vertical-wrap{
		border: 1px solid #B0B3B1;
		border-top: 0;
	}
	.wp-block-ub-tabbed-content-tab-title-vertical-wrap:first-child{
		border-top: 1px solid #B0B3B1;
	}
	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width:after{
		display: none;
	}
	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width{
		padding: 30px;
	}
}

/* Phone (portrait and landscape) */
@media only screen and (max-width : 767px) {	
	body.logged-in #header{
		top: 46px;
	}
	body.logged-in #header.scrolling{
		top: 46px;
	}
	body.logged-in #mobile-menu {
		top: 156px;
	}
	
    /* Scaffolding */
	.swap-mobile{
		flex-direction: column-reverse;
		flex-wrap: no-wrap;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobile-bg-bottom{
		background-position: center bottom !important;
	}
	.wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	
	/* Universal */
	h2 + .buckets{
		margin-top: 0;
	}
	.table-responsive table{
        min-width: 767px;
    }
    .table-responsive:before{
        content: "Swipe to scroll »";
        font-size: 13px;
        font-weight: bold;
        color: #136CB6;
        margin-bottom: 5px;
        display: block;
        float: left;
    }
	.table-stack .table-responsive table{
		min-width: 0;
		width: 100%;
	}
	.table-stack .table-responsive table tr{
		border: 1px solid #F0F1F3;
		display: block;
		width: 100%;
	}
	.table-stack .table-responsive table td{
		width: 100%;
		display: block;
		border: 0;
	}
	.table-stack .table-responsive table td + td{
		padding-top: 0;
		margin-top: -8px;
	}
	.table-stack .table-responsive:before{
		display: none;
	}
	.is-vertically-aligned-center .is-content-justification-center.wp-block-buttons .wp-block-button{
		margin-right: auto;
	}
	p+.wp-block-columns>.wp-block-column+.wp-block-column>ul{
		margin-top: 4px;
	}
	.wpcf7-form .input-group{
		width: 100%;
	}
	.wpcf7-checkbox{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	
	/* Banners */
	#home-banner{
		height: auto;
	}
	#home-banner .slides{
		height: auto;
		position: relative;
	}
	#home-banner .slide{
		display: block;
	}
	#home-banner .constrain{
		height: auto;
		position: static;
	}
	#home-banner .caption{
		width: 100%;
		min-height: 0;
		height: auto;
		position: static;
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#home-banner .caption h1,
	#home-banner .caption .h1{
		font-size: 40px;
		line-height: 42px;
		letter-spacing: -0.02em;
	}
	#home-banner .image{
		height: 250px;
		position: relative;
	}
	#home-banner .slick-prev{
		bottom: 100px;
		top: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#home-banner .slick-next{
		bottom: 100px;
		top: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#home-banner .project-button{
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top: auto;
		bottom: 20px;
		right: auto;
	}
	#inner-banner{
		padding-top: 20px;
		padding-bottom: 20px;
		min-height: 0;
	}
	#inner-banner .constrain{
		display: block;
	}
	#inner-banner .heading{
		min-width: 0;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
	}
	#inner-banner .heading:after{
		left:-20px;
		position: relative;
		margin: 15px 0;
		display: block;
		bottom: auto;
	}
	#inner-banner .heading:last-child:after{
		margin-bottom: 0;
	}
	#inner-banner.has-image{
		padding-bottom: 160px;
	}
	#inner-banner.has-image .heading{
		min-width: 0;
		width: 100%;
		max-width: 100%;
	}
	#inner-banner .image{
		height: 140px;
		width: 100%;
		top: auto;
		bottom: 0;
		left: 0;
		padding-left: 0;
	}
	.crumb-container .crumb.first ~ .crumb{
    	display: none;
	}
	
	/* Video */
	.custom-video,
	.custom-video.tall{
		height: 210px;
	}
	.custom-video .play{
		width: 54px;
		height: 54px;
	}
	.custom-video .play i{
		font-size: 24px;
	}
	
	/* Tabbed Content */
	.uagb-tabs__wrap .uagb-tabs__panel{
		min-width: 100% !important;
    	max-width: 100% !important;
	}
	.uagb-tabs__wrap .uagb-tabs__panel .uagb-tab{
		margin-bottom: 0 !important;
	}
	.uagb-tabs__wrap .uagb-tabs__body-container{
		padding: 20px 5px 20px 5px;
	}
	
	/* Buckets */
	.bucket{
	    width: 100%;
	}
	.buckets-large{
		margin-bottom: -20px;
	}
	.buckets-large .bucket{
		margin-bottom: 20px;
	}
	.buckets-large.five-columns .bucket,
	.buckets-large.four-columns .bucket,
	.buckets-large.three-columns .bucket{
		width: 100%;
	}
	.buckets-large .image{
		display: none;
	}
	.buckets-box .bucket{
		width: 100% !important;
	}
	.buckets-small.five-columns .bucket, 
	.buckets-small.four-columns .bucket,
	.buckets-small.three-columns .bucket{
		width: 50%;
	}
	.buckets-button .bucket{
		width: 100% !important;
	}
	.buckets-button a{
		height: 80px;
	}
	.buckets-featured{
		padding-bottom: 50px;
	}
	.buckets-featured .gallery{
		margin-bottom: 0;
	}
	.buckets-featured .gallery.carousel.has-arrows{
		padding: 0;
	}
	.buckets-featured .bucket{
		margin-bottom: 0;
	}
	.buckets-featured .bucket-inner{
		flex-direction: column-reverse;
    	display: flex;
		height: auto;
	}
	.buckets-featured .image{
		width: 100%;
		height: 210px;
	}
	.buckets-featured .content{
		width: 100%;
	}
	.buckets-featured .slick-prev{
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		top: auto;
		bottom: -50px;
		left: 50% !important;
		right: auto;
		margin-left: -60px;
	}
	.buckets-featured .slick-next{
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		top: auto;
		bottom: -50px;
		right: 50% !important;
		left: auto;
		margin-right: -60px;
	}
	.buckets-grid .bucket{
		width: 100%;
	}
	.buckets-grid .h4{
		margin-bottom: 0;
	}
	.buckets-grid .button{
		margin-top: 10px;
	}
		
	/* Icon List */
	.icon-list.two-columns ul,
	.icon-list.three-columns ul,
	.icon-list.four-columns ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	/* Gallery */
	.uag-masonry.columns-4.wp-block-gallery.has-nested-images{
		column-count: 3 !important;
	}
	
	/* Jumplinks*/
	.jumplinks{
		flex-wrap: wrap;
		margin-top: -40px;
		margin-bottom: -40px;
		overflow: hidden;
	}
	.jumplinks a{
		font-size: 20px;
		line-height: 24px;
		width: 100%;
		display: flex;
		align-items: center;
		position: relative;
		height: 80px;
		padding: 0;
		text-align: left;
		text-decoration: none !important;
	}
	.jumplinks.amount-many a{
		font-size: 20px;
		line-height: 24px;
		padding-right: 0;
		padding-left: 0;
	}
	.jumplinks a:after{
		content:'';
		width: 1000%;
		height: 1px;
		background-color: white;
		opacity: .5;
		display: block;
		left: -20px;
		bottom: 0;
		position: absolute;
	}
	.jumplinks i{
		position: static;
		margin-left: auto;
		margin-right: 0;
		height: 44px;
		width: 44px;
		background-color: white;
		border-radius: 100%;
		color: #136CB6;
		line-height: 44px;
    	text-align: center;
		font-weight: normal;
	}
	.jumplinks.amount-many{
		margin-bottom: 0;
	}
	.jumplinks.amount-many a{
		margin-bottom: 0;
	}
	
	/* Files */
	.files{
		margin-bottom: -15px;
	}
	.files .item{
		width: 100% !important;
		margin-bottom: 15px;
	}
	
	/* Posts */
	.uagb-post__items article{
		margin-bottom: 0;
	}
	
	/* Quick Contact */
	#quick-contact{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	/* Reps */
	#locations-map{
		height: 400px;
	}
	.rep-search-tabs .input-group{
		width: 100%;
	}
	
	/* Widen Gallery */
	#widen-filters .widen-filter{
		width: 50%;
		margin-bottom: 10px;
		padding-right: 10px;
	}
	#widen-filters .widen-filter .bootstrap-select{
		width: 100% !important;
		padding-right: 0;
	}
	#widen-filters .widen-filter input{
		width: 100%;
	}
	#widen-filters .button{
		margin-left: 0; 
	}
	#widen-filters .button + .button{
		margin-left: 10px;
	}
	#widen-filters .widen-filter:nth-child(6){
		width: 100%;
	}
	#widen-gallery{
		margin: 0 -10px;
	}
	#widen-gallery .item{
		width: 50%;
		padding: 0 10px;
	}
	
	/* Footer */
	#footer .column-1{
		width: 100%;
	}
	#footer .column-2{
		width: 50%;
	}
	#footer .column-3{
		width: 50%;
	}
	#footer .social-media{
		max-width: 235px;
		margin-bottom: 25px;
	}
	#footer .wpcf7-form p{
		flex-wrap: wrap;
	}
	#footer .wpcf7-form-control-wrap,
	#footer .wpcf7-form input[type="email"]{
		width: 100%;
	}
	#footer .wpcf7-form input[type=submit]{
		margin-top: 16px;
		margin-left: 0;
	}
	#footer-bottom{
		text-align: center;
	}
	#footer-bottom .links{
		width: 100%;
	}
	#footer-bottom #back-top{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
}


/* Phone (portrait) */
@media only screen and (max-width : 480px) {

}