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

/* Small Desktop */

@media only screen and (max-width: 1400px){
	#home-banner .social-media{
		display: none;
	}
	.wp-block-uagb-container.image-left-bg::before {
		opacity: 0.2 !important;
	}
}
/* 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 */
    h1,.h1 {
		font-size: 38px;
		letter-spacing: normal;
	}
	h2,.h2 {
		font-size: 24px;
		line-height: 120%;
	}
	h2 + h2 {
		margin-top: 0;
	}
	h3,.h3 {
		font-size: 22px;
	}
	h4,.h4 {
		font-size: 18px;
	}
	h5,.h5 {
		font-size: 16px;
	}
    a:hover,
    a:active{
        text-decoration: none;
    }
    /* 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;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:first-child{
		padding-left: 20px;
		padding-right: 0;
	}
	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;
	}
    .uagb-container-inner-blocks-wrap{
		padding-left:20px;
		padding-right:20px;
	}
	.uagb-container-inner-blocks-wrap .uagb-is-root-container>.uagb-container-inner-blocks-wrap{
		padding-left:0;
		padding-right:0;
	}
	.wp-block-columns>.wp-block-column[style="flex-basis:66.66%"]{
		flex-basis: 100% !important;
	}
	.wp-block-columns>.wp-block-column[style="flex-basis:33.33%"]{
		flex-basis: 100% !important;
	}
	.wp-block-columns>.wp-block-column[style="flex-basis:20%"]{
		flex-basis: 30% !important;
	}
	.wp-block-columns>.wp-block-column[style="flex-basis:80%"]{
		flex-basis: 70% !important;
	}
	/* Universal */
	.tel{
	    pointer-events: all;
	}
	.fancybox-stage{
		width: 80%;
		margin: 0 auto;
	}
	.fancybox-arrow{
		width: 40px;
	}
	
    /* Header */
	/* #header{
		height: 80px;
	} */
	#header .header-top .constrain{
		padding: 10px 20px;
		justify-content: space-between;
	}
	#header .header-top .constrain .header-top-middle{
	    width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	#header .header-top .header-top-middle .menu-utility-container,
	#header .header-top .header-top-middle .middle-bottom .search-form{
		display: none;
	}
	#header .header-top a.logo{
		position: relative;
		top: auto;
		left: auto;
	}
	#header .header-top a.logo img{
		height: 60px;
	}
	#header .header-top .rfq-btn{
		min-height: 50px;
	}
	/* #header .header-bottom{
		background: #fff;
	} */
	#header .header-bottom nav{
		display: none !important;
	}
	#header .header-bottom .constrain{
		padding: 10px 20px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		column-gap: 20px;
	}
	#header .header-bottom .search-trigger,
	#header .header-bottom .menu-trigger{
		color: #fff;
		width: 40px;
		height: 100%;
		font-size: 29px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#header .search-trigger i{
		font-weight: bold;
	}
	#header .search-trigger.active i:before{
		content: '\f00d';
	}
	.header-bottom .menu-trigger.active i:before{
		content:'\f00d';
	}
	#search-dropdown{
		right: 0;
	}
	#search-dropdown.active{
		top: 140px;
	}
	.logged-in #search-dropdown.active{
		top: 186px;
	}
    
    /* Banners */
    #home-banner,
    #home-banner .slide,
    #home-banner .constrain{
    	height: 450px;
    }
    #home-banner .caption{
		width: 80%;
		left:20px;
	}
    /* Buckets */
	
	/* Stats */
	.stats.five-columns .item,
	.stats.four-columns .item{
		width: 33.33%;
	}
	
	/* Quick Contact */
	#quick-contact,
	#quote-wrap{
		width: 90%;
	}
	.gform_wrapper.gravity-theme #field_2_8,
	.gform_wrapper.gravity-theme #field_submit{
		grid-column: span 12;
	}
	.gform_wrapper.gravity-theme #field_submit{
		margin-top:0;
	}
	
	/* Team */
	#team{
		margin-left: 0;
		margin-right: 0;
	}
	#team .item{
		width: 33.33%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Footer */
	#footer .logo img{
		height: 60px;
	}
	#footer .column{
		margin-right:20px;
	}
	#footer .column-1{
		margin-right:50px;
	}
	#footer-bottom .constrain{
		flex-wrap: wrap;
	}
	
	/* WooCommerce */
	.woocommerce-page .wp-block-uagb-container .uagb-container-inner-blocks-wrap{
		width: 100% !important;
	}
	.buckets-product-category .bucket{
		width: 50%;
	}
    .woocommerce-page #woocommerce_content .middle-content-wrap{
		flex-direction: column-reverse;
	}
	#woocommerce_content .buckets-product-category.bucket-count-1,
	.woocommerce-page #woocommerce_content .middle-content-wrap .before-middle-content{
		width: 100% !important;
	}
	
	.woocommerce-page #woocommerce_content .middle-content-wrap .before-middle-content .right{
		margin-top:24px;
	}
	.woocommerce-page #woocommerce_content .middle-content-wrap .before-middle-content{
		padding:20px 0;
	}
	#woocommerce_content .buckets-product-category>.bucket{
		width: 50% !important;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child{
		padding-left:40px !important;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
		color:#536F9D;
		top:20px;
	}
	.wc-product-table-controls .wc-product-table-select-filters{
		width: 100%;
		margin: 5px 0;
		display: flex;
		justify-content: center;
	}
	#product-table .yith-wcan-filters{
		width: 100%;
		display: block;
		position: relative;
	}
	.yith-wcan-filters .yith-wcan-filter{
		margin-bottom:0;
	}
	table.wc-product-table.dtr-inline.collapsed>tbody>tr>td:first-child::before{
		display: block;
	}
	.block-columns.simpsons {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
}
@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;
	}
	.block-columns.simpsons {
		grid-template-columns: 1fr 1fr;
	}
	.woocommerce-page #woocommerce_content .middle-content-wrap .before-middle-content .left,
	.woocommerce-page #woocommerce_content .middle-content-wrap .before-middle-content .right{
		width: 100% !important;
		padding-left:0;
		padding-right:0;
	}
	.woocommerce-page .wp-block-uagb-container .top-content .category-thumbnail img{
		max-height: none;
	}
	#product-table .yith-wcan-filters{
		width: 100%;
		position: relative;
	}
	.yith-wcan-filters .filters-container form{
		flex-direction: column;
		row-gap: 12px;
	}
	.yith-wcan-filters .yith-wcan-filter{
		margin-bottom:0;
	}
}

/* Phone (portrait and landscape) */
@media only screen and (max-width : 767px) {
	body.logged-in #header{
		top: 46px;
	}
	body.logged-in #header.scrolling{
		top: 46px;
	}
	
    /* Scaffolding */
	.swap-mobile{
		flex-direction: column-reverse;
	}
	.h1, .h2, .h3, h1, h2, h3{
		&:first-child{
			margin-top:0;
		}
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		margin-top: -30px;
		padding-left: 12px;
	}
	.wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	section>div>.wp-block-columns>.wp-block-column.has-background, .uagb-is-root-container{
		padding-top:30px;
		padding-bottom:30px;
	}
	:where(.wp-block-columns.is-layout-flex){
		gap:20px;
		margin-bottom:20px;
	}
	.wp-block-columns.nopadding-mobile{
		row-gap: 0;
	}
	.uagb-container-inner-blocks-wrap .wp-block-uagb-container:first-child:not(.alignfull){
		padding-right:0;
		padding-bottom:10px;
	}
	.uagb-container-inner-blocks-wrap .wp-block-uagb-container:last-child:not(.alignfull){
		padding-left:0;
		padding-top:10px;
	}
	.uagb-container-inner-blocks-wrap .wp-block-uagb-container.uagb-block-b28ef8ab{
		padding-bottom:0 !important;
	}
	.wp-block-column[style*="flex-basis:66.66%"],
	.wp-block-column[style*="flex-basis:33.33%"] {
		flex-basis: 100% !important;
	}
	.button, .wp-block-button__link, .button.gform_button{
		display: block;
	}
	/* Universal */
    .forms .input-group{
        width: 100%;
    }
	.table-responsive table{
        min-width: 767px;
    }
    .table-responsive:before{
        content: "Swipe to scroll »";
        font-size: 13px;
        font-weight: bold;
        color: #4C545B;
        margin-bottom: 5px;
        display: block;
        float: left;
    }
	.is-vertically-aligned-center .is-content-justification-center.wp-block-buttons .wp-block-button{
		margin-right: auto;
	}
	#header .header-top .middle-bottom{
		flex-direction: column;
		column-gap: inherit;
		row-gap: 15px;
	}
	#header .header-top .rfq-btn{
		display: none;
	}
	#header .header-top a.logo img{
		height: 50px;
	}
	#search-dropdown form label {
		width: 76%;
	}
	#search-dropdown input[type="submit"]{
		width: 20%;
	}
	/* Banners */
	#home-banner{
		height: auto;
	}

	/* Buckets */
	.buckets>.bucket{
	    width: 100% !important;
	}
	
    /* Tabbed Content */
	.wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab{
		flex-direction: column;
	}
	.wp-block-ub-tabbed-content-tab-title-wrap{
		border-bottom: 0;
	}
	.wp-block-ub-tabbed-content-tab-title-wrap:last-child{
		border-bottom: 1px solid #929595;
	}
		
	/* Icon List */
	.icon-list{
		margin:0;
	}
	.icon-list.three-columns .icon-list-each{
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
		margin:15px 0;
	}
	/* Team */
	#team .item{
		width: 100%;
	}
	
	/* Stats */
	.stats.five-columns .item,
	.stats.four-columns .item,
	.stats.three-columns .item{
		width: 50%;
	}
	.stats .number{
		font-size: 40px;
    	line-height: 40px;
	}
	.stats p{
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.02em;
	}
	
	/* Footer */
	#footer-top .constrain{
		flex-direction: column;
		row-gap: 15px;
	}
	#footer .column{
		width: 100%;
	}
	#footer-bottom .constrain {
		padding: 10px 80px 10px 0;
		flex-direction: column;
		row-gap: 10px;
		font-size: 12px;
		line-height: 120%;
	}
	#footer-bottom .constrain p{
		font-size: 12px;
		line-height: 120%;
	}
	#footer-bottom .footer-links a + a:before{
		margin:0 6px;
	}
	#footer #back-top {
		width: 74px;
		font-size: 12px;
	}
	#quick-contact, #quote-wrap {
		padding: 30px 30px 15px;
		text-align: center;
	}
	#quick-contact .contact-info {
		width: 100%;
		position: relative;
		right: auto;
		margin-bottom:15px;
	}
	.contact-info p{
		padding:0;
	}
	#quick-contact .gform_heading{
		width: 100%;
	}
	.woocommerce-page .wp-block-uagb-container .top-content, 
	.woocommerce-page #woocommerce_content .middle-content-wrap{
		flex-direction: column;
	}
	.woocommerce-page .wp-block-uagb-container .top-content .top-content-left, 
	.woocommerce-page #woocommerce_content .middle-content-wrap .middle-content,
	.woocommerce-page .wp-block-uagb-container .top-content .category-thumbnail{
		width: 100%;
		padding:15px 0;
	}
	#woocommerce_content .buckets-product-category>.bucket {
		width: 100% !important;
	}
	.wc-product-table-controls .wc-product-table-select-filters{
		flex-wrap: wrap;
	}
	.wc-product-table-controls .wc-product-table-select-filters>label{
		width: 100%;
	}
	.wc-product-table-select-filters select{
		width: 100%;
		margin:5px 0 !important;
	}
	ul.woocommerce-breadcrumb li{
		display: none;
	}
	ul.woocommerce-breadcrumb li:first-child,
	ul.woocommerce-breadcrumb li:last-child{
		display: block;
	}
	#woocommerce_content_2 .middle-content,
	#bottom-content .middle-content{
		flex-direction: column;
		column-gap: 0;
		row-gap: 20px;
	}
	#woocommerce_content_2 .middle-content .left,
	#woocommerce_content_2 .middle-content .right,
	#bottom-content .middle-content .left,
	#bottom-content .middle-content .right{
		width: 100%;
	}

	ul.woocommerce-breadcrumb {
		align-items: flex-start;
	}
	.contact-info a.tel,
	.contact-info p i {
		font-size: 16px;
	}
	.gform_wrapper.gravity-theme form .gform_fields {
		grid-row-gap: 10px;
	}
	.gform_wrapper.gravity-theme form .ginput_complex span {
		margin-bottom: 10px;
	}
	.gform_wrapper.gravity-theme form .ginput_complex span:last-child {
		margin-bottom: 0;
	}
	.ginput_container.ginput_container_fileupload input[type="file"] {
		width: 100% !important;
	}
	.wp-block-uagb-faq span.uagb-question {
		font-size: 16px;
		padding-right: 30px;
	}
	.wc-product-table tr.child .dtr-data{
		padding-left:0;
	}
	.uagb-container-inner-blocks-wrap .wp-block-uagb-container:last-child{
		padding-left:30px;
	}
	.uagb-container-inner-blocks-wrap .wp-block-uagb-container:last-child{
		padding-right:30px;
	}
}

/* Phone (portrait) */
@media only screen and (max-width : 480px) {
	.block-columns.simpsons {
		grid-template-columns: 1fr;
	}
}