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

/* Large Desktop */
@media(min-width: 1500px){
	.gradient:before{
		width: 120%;
	}
}

/* Small Desktop */
@media(max-width: 1400px){
	#home-banner .social-media{
		display: none;
	}
	#home-banner .title .h2{
		font-size: 37px !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 */
    body{
        padding-top: 80px;
    }
    h1,.h1{
        font-size: 30px;
        line-height: 32px;
    }
    h2,.h2{
        font-size: 30px;
        line-height: 32px;
    }
    h3,.h3{
        font-size: 24px;
        line-height: 30px;
    }
    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;
	}
	.no-gap.t100 .wp-block-column:last-child ul{
		margin-top: 4px;
	}
	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;
	}
	.gradient{
		background-size: cover !important;
	}
	
	/* Universal */
	.tel{
	    pointer-events: all;
	}
	.fancybox-stage{
		width: 80%;
		margin: 0 auto;
	}
	.fancybox-arrow{
		width: 40px;
	}
	
    /* Header */
	#header{
		height: 80px;
	}
	#header-top .logo{
		left: 15px;
		height: 58px;
		top: 10px;
	}
	#header-top .constrain{
		height: 40px;
		padding-left: 130px;
	}
	#header-top ul li a{
		padding: 10px 20px;
	}
	#header-bottom .constrain{
		height: 40px;
		padding-left: 160px;
	}
	#header-bottom nav > div{
		display: none !important;
	}
	#header-bottom .search-trigger{
		padding-left: 0;
		line-height: 41px;
		width: 40px;
		moz-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
		margin-right: 15px;
	}
	#header-bottom .search-trigger.active{
		font-size: 20px;
		position: relative;
		top: 1px;
	}
	#header-bottom .menu-trigger{
		font-size: 20px;
		font-weight: bold;
		padding-right: 20px;
		padding-top:10px;
		width: 40px;
	}
	#header-bottom .menu-trigger i{
		background: linear-gradient(90deg, #B4368A 0%, #6930BE 100%), #D9D9D9;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}
	#header-bottom .menu-trigger.active i:before{
		content:'\f00d';
	}
	#search-dropdown{
		right: 0;
	}
	#search-dropdown.active{
		top: 80px;
	}
	.logged-in #search-dropdown.active{
		top: 112px;
	}
    
    /* Banners */
    #home-banner,
    #home-banner .slide,
    #home-banner .constrain{
    	height: 450px;
    }
	#home-banner .caption{
		margin-top: 0;
		padding-left: 15px;
		width: 100%;
		padding-right: 15px;
	}
	#home-banner .caption .h1{
		font-size: 40px;
		line-height: 40px;
		display: block;
		margin-bottom: 120px;
	}
	#home-banner .link{
		display: block;
	}
	#home-banner .title{
		width: 100%;
		left: 15px;
		margin-left: 0;
		margin-top: 80px;
	}
	#home-banner .title .h2{
		font-size: 25px !important;
		line-height: 25px;
	}
	#home-banner .site-alert{
		right: 15px;
		left: auto;
	}
	#inner-banner h1,
	#inner-banner .h1{
        font-size: 30px;
        line-height: 32px;
	}
   
    /* Buckets */
	.buckets-large.five-columns .bucket,
	.buckets-large.four-columns .bucket{
		width: 33.33%;
	}
	.buckets-large .content{
		top: 0;
	}
	.buckets-large .title{
		height: auto;
		position: absolute;
		bottom: 15px;
	}
	.buckets-large .h4{
		font-size: 20px;
    	line-height: 25px;
	}
	.buckets-large .button{
		display: none;
	}
	.buckets-large .slick-dots{
		width: 80%;
	}
	.locations .buckets-large a{
		border-image-source: linear-gradient(to right, #B4368A, #6930BE);
	}
	.locations .buckets-large a:after{
		background-color: black;
		opacity: .5;
		height: 100%;
	}
	.locations .buckets-large .content {
		background-color: transparent;
		top: 0;
		padding-top: 15px;
	}
	.locations .buckets-large .title{
		height: auto;
		color: white;
		padding-bottom: 10px;
	}
	.locations .buckets-large .h4{
		color: white;
	}
	.locations .buckets-large p{
		opacity: 1;
		color: white;
	}
	.buckets-small.five-columns .bucket,
	.buckets-small.four-columns .bucket{
		width: 33.33%
	}
	.buckets-button.five-columns .bucket,
	.buckets-button.four-columns .bucket{
		width: 33.33%
	}
	.buckets-button a{
		padding-left: 15px;
		padding-right: 15px;
		height: 90px;
	}
	.buckets-button h4{
		font-size: 20px;
    	line-height: 25px;
	}
	
	/* Stats */
	.stats.five-columns .item,
	.stats.four-columns .item{
		width: 33.33%;
	}
	
	/* Logo Grid */
	.logo-grid a{
		padding: 15px;
	}
	.logo-grid img{
		max-height: 100px;
		max-width: 200px;
	}
	
	/* Quick Contact */
	#quick-contact{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	#quick-contact:after{
		display: none;
	}
	#quick-contact .column{
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#quick-contact .column:first-child{
		padding-top:20px;
		padding-bottom: 40px;
		align-items: center;
		justify-content: center;
	}
	#quick-contact .column:last-child{
		padding-top: 40px;
	}
	#quick-contact h2{
		max-width: 100%;
	}
	
	/* Team */
	#team{
		margin-left: 0;
		margin-right: 0;
	}
	#team .item,
	#ourTeam .item {
		width: 33.33%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	
	/* Footer */
	#footer .constrain{
		flex-wrap: wrap;
	}
	#footer .column{
		margin-right: 0;
	}
	#footer .column-1{
		width: 34%;
		margin-right: 0;
	}
	#footer .column-2{
		width: 24%;
	}
	#footer .column-3,
	#footer .column-4{
		width: 20%;
	}
	#footer .column-3{
		padding-left: 15px;
	}
	#footer .column-5{
		width: 100%;
		margin-top: 50px;
	}
	#footer .column-5 p{
		display: inline-block;
		margin-right: 15px;
	}
	#footer .column-5 p br{
		display: none;
	}
	#footer .column-5 h6{
		margin-bottom: 0;
	}
	#footer .button{
		display: inline-block;
	}
	#footer-extra{
		padding: 20px;
	}
	#footer-extra .constrain{
		flex-direction: column;
	}
	#footer-extra .image{
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#footer-extra img{
		max-height: 80px;
		max-width: 100%;
		margin:0;
	}
	#footer-extra .desc{
		width: 100%;
		text-align: center;
	}
	#footer-extra h3{
		margin-bottom: -5px;
		margin-top:10px;
	}
	#footer-extra h5{
		font-size: 14px;
		margin-bottom: 15px;
	}
	#footer-extra .button{
		margin-left: auto;
		margin-right: auto;
	}
}
/* Phone (portrait and landscape) */
@media only screen and (max-width : 1024px) {
	#team .item, #ourTeam .item {
		width: 50%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
}
@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;
	}
	.quoteMessage h3 strong {
		font-size: 32px;
	}
	.quoteMessage h3 {
		font-size: 26px;
		line-height: 35px;
		text-align: left;
	}
	.quoteMessage .quotesymbole {
		font-size: 32px !important;
	}
	.quoteMessage h3 span {
		font-size: 20px;
		font-weight: normal;
	}
	
    /* Scaffolding */
	.swap-mobile{
		flex-direction: column-reverse;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		margin-top: -30px;
		padding-left: 12px;
	}
	.mobile-bg-bottom{
		background-position: center bottom !important;
	}
	.wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	.center-mobile{
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.center-mobile .wp-block-image figure{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.link-wrapper.right{
		justify-content: flex-start;
		float: none;
	}
	#our-team-modal .modal-content {
		display: block;
		padding: 20px;
	}
	#our-team-modal .modal-column-1,
	#our-team-modal .modal-column-2 {
		width: 100%;
		padding-left: 0;
		margin-top: 38px;
	}
	#our-team-modal .modal-content .mfp-close {
		right: 20px;
	}
	#our-team-modal .image {
		max-height: unset;
	}
	
	/* Universal */
	h5+.icon-list{
		margin-top: 5px;
	}
    .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: #010101;
        margin-bottom: 5px;
        display: block;
        float: left;
    }
	.is-vertically-aligned-center .is-content-justification-center.wp-block-buttons .wp-block-button{
		margin-right: auto;
	}
	.no-gap .wp-block-column:last-child ul{
		margin-top: 4px;
	}
	/* Banners */
	#home-banner{
		height: auto;
	}
	#home-banner .site-alert{
		width: 100%;
		position: relative;
		margin-bottom: -5px;
		left: 0;
	}
	#home-banner .image{
		-moz-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1.0) 0%, transparent 50%);
		-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1.0) 0%, transparent 50%);
		mask-image: linear-gradient(to left, rgba(0, 0, 0, 1.0) 0%, transparent 50%);
	}
	#home-banner .constrain:before{
		background-size: contain;
	}
	.crumb-container .crumb.first ~ .crumb{
    	display: none;
	}
	#inner-banner img{
		display: none;
	}
	section.gradient{
		background-image: none !important;
	}
	
	/* Buckets */
	.bucket{
	    width: 100%;
	}
	.buckets-large.five-columns .bucket,
	.buckets-large.four-columns .bucket,
	.buckets-large.three-columns .bucket{
		width: 100%;
	}
	.buckets-large a{
		height: 270px;
		max-width: 300px;
		margin: auto;
	}
	.buckets-large .slick-dots{
		display: none !important;
	}
	.buckets-large .slick-next,
	.buckets-large .slick-prev{
		top: 310px;
	}
	.buckets-small.four-columns .bucket,
	.buckets-small.three-columns .bucket{
		width: 100%;
	}
	.buckets-button.five-columns .bucket,
	.buckets-button.four-columns .bucket,
	.buckets-button.three-columns .bucket{
		width: 50%;
	}
	.buckets-button{
		margin: 0 -8px -16px -8px;
	}
	.buckets-button .bucket{
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.buckets-button h4{
		font-size: 17px;
		padding-right: 15px;
	}
	
    /* 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;
		border-right: 1px solid #929595;
	}
	.wp-block-ub-tabbed-content-tab-title-wrap:last-child{
		border-bottom: 1px solid #929595;
	}
		
	/* 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;
	}
	.icon-list + .wp-block-buttons{
		margin-top: 25px;
	}
	.icon-list + .link-wrapper{
		margin-top: 0;
	}
	
	#quick-contact .column:first-child{
		padding-bottom: 40px;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	/* Team */
	#team .item {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	#ourTeam .item {
		padding: 0 20px;
		width: 100%;
		max-width: 100%;
	}
	#team .image,
	#team-modal .image,
	#ourTeam .image {
		height: auto;
		max-height: unset !important;
	}
	
	/* 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;
	}
	
	/* Logo Grid */
	.logo-grid{
		border: 1px solid #E5E5E5;
		padding: 30px;
	}
	.logo-grid .item{
		width: 100%;
	}
	.logo-grid a{
		border: 0
	}
	.logo-grid img{
		width: auto;
		height: auto;
	}
	
	/* Footer */
	#footer .column-1{
		width: 100%;
	}
	#footer .column-2,
	#footer .column-3,
	#footer .column-4{
		width: 100%;
		margin-top: 30px;
		padding-left: 0;
	}
	#footer .column-5{
		margin-top: 30px;
	}
	#footer .column-5 h6{
		margin-bottom: 15px;
	}
	#footer .column-5 p+p{
		margin-top: 0;
	}
	#footer #back-top{
		top: 60px;
		bottom: auto;
	}
	#footer .logos{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#footer .logos img{
		max-height: 50px;
		margin: auto;
		padding: 10px;
	}
}
/* Phone (portrait) */
@media  (max-width : 560px) {
	#team-modal .modal-column-1 {
		width: 100%;
	}
	#team-modal .modal-column-2 {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
		height: 264px;
		overflow-y: scroll;
	}
}

/* Phone (portrait) */
@media only screen and (max-width : 400px) {
	#header-top ul li:first-child{
		display: none;
	}
	#header-bottom nav:before{
		display: none;
	}
	#home-banner .title{
		margin-top: 138px;
	}
}