/** Global Break Points **/
@media screen and (min-width: 1025px){
	.desktop, .desktop.laptop{
		display: block !important;
	}
	.laptop, .tablet, .mobile{
		display: none !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
/** Laptop Break Point - Horizontal Aspect Ratio on Small Screen **/
	.desktop, .tablet, .mobile{
		display: none !important;
	}
	.laptop, .desktop.laptop, .laptop.tablet.mobile{
		display: block !important;
	}
	.hide-laptop{
		display: none !important;
	}
}
@media screen and (max-width: 781px) and (min-width: 769px){
	/** Correct early columns flex **/
	.wp-block-columns.is-layout-flex{
		flex-wrap: nowrap !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.flex-fix-auto{
		flex-basis: auto !important;
	}
	
}
@media screen and (max-width: 768px) and (min-width: 433px) {
/** Tablet Break Point - Vertical Aspect Ratio on Larger Devices **/	
	.laptop, .desktop, .mobile{
		display: none !important;
	}
	.tablet, .tablet.mobile, .laptop.tablet.mobile{
		display: block !important;
	}
}
@media screen and (max-width: 432px) {
/** Mobile Break Point - Vertical Aspect Ratio on Smaller Devices **/	
	.laptop, .tablet, .desktop{
		display: none !important;
	}
	.mobile, .tablet.mobile, .laptop.tablet.mobile{
		display: block !important;
	}
	.home-header-container, .home-header-container video{
		height: 200vw !important;
		/** Should be 9:18 (200 vw) **/
	}
}

/** Custom Hero/Footer Fades **/
/** Fade sides of heros to white or black **/
@media screen and (min-width: 1921px) {
  .hero-swap.fade, .mid-page-swap.fade, .footer-swap.fade{
    background-position: center;
  }
  .hero-swap.fade:before, .mid-page-swap.fade:before, .footer-swap.fade:before{
    content: "";
    position: absolute;
    left: calc((100% - 1922px)/2);
    top: 0;
    width: 25px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
  }
  .hero-swap.fade:after, .mid-page-swap.fade:after, .footer-swap.fade:after{
    content: "";
    position: absolute;
    right: calc((100% - 1922px)/2);
    top: 0;
    width: 25px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
  }
  .hero-swap.fade-to-white:before, .mid-page-swap.fade-to-white:before, .footer-swap.fade-to-white:before{
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  .hero-swap.fade-to-white:after, .mid-page-swap.fade-to-white:after, .footer-swap.fade-to-white:after{
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  .hero-swap.fade-to-black:before, .mid-page-swap.fade-to-black:before, .footer-swap.fade-to-black:before{
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  }
  .hero-swap.fade-to-black:after, .mid-page-swap.fade-to-black:after, .footer-swap.fade-to-black:after{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  }
  .hero-swap.fade-to-blue:before, .mid-page-swap.fade-to-blue:before, .footer-swap.fade-to-blue:before{
    background: linear-gradient(to left, rgba(0, 16, 25, 0) 0%, rgba(0, 16, 25, 1) 100%);
  }
  .hero-swap.fade-to-blue:after, .mid-page-swap.fade-to-blue:after, .footer-swap.fade-to-blue:after{
    background: linear-gradient(to right, rgba(0, 16, 25, 0) 0%, rgba(0, 16, 25, 1) 100%);
  }
  .hero-swap.fade-to-red:before, .mid-page-swap.fade-to-red:before, .footer-swap.fade-to-red:before{
    background: linear-gradient(to left, rgba(195, 0, 0, 0) 0%, rgba(195, 0, 0, 1) 100%);
  }
  .hero-swap.fade-to-red:after, .mid-page-swap.fade-to-red:after, .footer-swap.fade-to-red:after{
    background: linear-gradient(to right, rgba(195, 0, 0, 0) 0%, rgba(195, 0, 0, 1) 100%);
  }
	
  /** 3.5 **/
  .hero-swap.fade:after, .mid-page-swap.fade:after, .footer-swap.fade:after{
    background: linear-gradient(to right, rgba(250, 245, 242, 0) 0%, rgba(250, 245, 242, 1) 100%);
  }
  .hero-swap.fade-to-white:before, .mid-page-swap.fade-to-white:before, .footer-swap.fade-to-white:before{
    background: linear-gradient(to left, rgba(250, 245, 242, 0) 0%, rgba(250, 245, 242, 1) 100%);
  }
  .hero-swap.fade-to-white:after, .mid-page-swap.fade-to-white:after, .footer-swap.fade-to-white:after{
    background: linear-gradient(to right, rgba(250, 245, 242, 0) 0%, rgba(250, 245, 242, 1) 100%);
  }
  .hero-swap.fade-to-black:before, .mid-page-swap.fade-to-black:before, .footer-swap.fade-to-black:before{
    background: linear-gradient(to left, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%);
  }
  .hero-swap.fade-to-black:after, .mid-page-swap.fade-to-black:after, .footer-swap.fade-to-black:after{
    background: linear-gradient(to right, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%);
  }
  .hero-swap.fade-to-blue:before, .mid-page-swap.fade-to-blue:before, .footer-swap.fade-to-blue:before{
    background: linear-gradient(to left, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%);
  }
  .hero-swap.fade-to-blue:after, .mid-page-swap.fade-to-blue:after, .footer-swap.fade-to-blue:after{
    background: linear-gradient(to right, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%);
  }
  .hero-swap.fade-to-red:before, .mid-page-swap.fade-to-red:before, .footer-swap.fade-to-red:before{
    background: linear-gradient(to left, rgba(255, 74, 74, 0) 0%, rgba(255, 74, 74, 1) 100%);
  }
  .hero-swap.fade-to-red:after, .mid-page-swap.fade-to-red:after, .footer-swap.fade-to-red:after{
    background: linear-gradient(to right, rgba(255, 74, 74, 0) 0%, rgba(255, 74, 74, 1) 100%);
  }
	
	
}
/** Fade Bottom to White or Black on Tablet/Mobile **/
/** Fade sides of heroes **/
@media screen and (max-width: 768px) {
  .hero-swap.fade:not(.hero-only), .mid-page-swap.fade{
    background-position: top;
    background-size: auto;
  }
	.hero-swap.fade .overlay, .mid-page-swap.fade .overlay{
		position: relative;
		z-index: 2;
	}
  .hero-swap.fade:not(.hero-only):after, .mid-page-swap.fade:after{
    content: "";
    position: absolute;
	left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 1;
  }
  .hero-swap.fade-to-white:after, .mid-page-swap.fade-to-white:after{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  .hero-swap.fade-to-black:after, .mid-page-swap.fade-to-black:after{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
  }
  .hero-swap.fade-to-blue:after, .mid-page-swap.fade-to-blue:after{
    background: linear-gradient(to bottom, rgba(0, 16, 27, 0) 0%, rgba(0, 16, 27, 1) 100%) !important;
  }
  .hero-swap.fade-to-red:after, .mid-page-swap.fade-to-red:after{
    background: linear-gradient(to bottom, rgba(195, 0, 0, 0) 0%, rgba(195, 0, 0, 1) 100%) !important;
  }	
	
  /** 3.5 **/
  .hero-swap.fade:not(.hero-only):after, .mid-page-swap.fade:after{
    content: "";
    position: absolute;
	left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(250, 245, 242, 0) 0%, rgba(250, 245, 242, 1) 100%);
    z-index: 1;
  }
  .hero-swap.fade-to-white:after, .mid-page-swap.fade-to-white:after{
    background: linear-gradient(to bottom, rgba(250, 245, 242, 0) 0%, rgba(250, 245, 242, 1) 100%);
  }
  .hero-swap.fade-to-black:after, .mid-page-swap.fade-to-black:after{
    background: linear-gradient(to bottom, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%) !important;
  }
  .hero-swap.fade-to-blue:after, .mid-page-swap.fade-to-blue:after{
    background: linear-gradient(to bottom, rgba(8, 23, 38, 0) 0%, rgba(8, 23, 38, 1) 100%) !important;
  }
  .hero-swap.fade-to-red:after, .mid-page-swap.fade-to-red:after{
    background: linear-gradient(to bottom, rgba(255, 74, 74, 0) 0%, rgba(255, 74, 74, 1) 100%) !important;
  }		
	
}


/** Custom Styles **/
@media screen and (min-width: 900px){
	.overlay.large.extra-padding{
		padding: var(--padding-6);
	}
}
@media screen and (max-width: 1250px){
  .overlay.left-side-margins{
    margin-left: 50px;
  }
  .overlay.right-side-margins{
    margin-right: 50px;
  }
}

@media screen and (max-width: 1024px){
	/** Footer Custom **/
	.site-footer .footer-column-1-content{
		padding-right: var(--padding-0);
	}
	/** Early Column Break **/
	.stack-laptop.wp-block-columns-is-layout-flex{
		flex-wrap: wrap !important;
	}
	.stack-laptop.wp-block-columns-is-layout-flex > .wp-block-column{
		flex-basis: 100% !important;
	}
	.site-footer .social-icon-container .wp-block-image{
		margin-left: var(--margin-2);
	}
}
@media screen and (min-width: 769px) and (max-width: 781px){
	/** Custom Footer Fix **/
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.footer-column-1.wp-block-column{
		flex-basis: 295px !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.footer-column-2.wp-block-column{
		flex-basis: 175px !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.footer-column-3.wp-block-column{
		flex-basis: 200px !important;
	}
}

@media screen and (max-width: 768px){
	.tag-line-container p, .tag-line-container{
		text-align: center;
		justify-content: center;
	}
  .overlay.left-side-margins{
    margin-left: auto;
  }
  .overlay.right-side-margins{
    margin-right: auto;
  }
	
	/** Mobile Only Classes **/
	.mobile-gap-0, .gap-0-mobile{
		gap: 0;
	}
	/** Footer Custom **/
	.site-footer .footer-widgets, .site-footer .footer-content{
		max-width: 360px;
		margin: 0 auto;
	}
	.site-footer li{
		margin-bottom: var(--margin-3);
	}
	.site-footer .wpml-ls-item{
		margin-top: var(--margin-1);
		margin-bottom: var(--margin-1);
	}
	.site-footer .footer-column-1-content{
		padding-right: var(--padding-0);
	}
	.site-footer .social-icon-container, .site-footer .google-play-container{
		text-align: center;
		margin-bottom: var(--margin-5);
	}
	.site-footer .social-icon-container .wp-block-image{
		margin-left: var(--margin-4);
	}
	.site-footer .social-icon-container .wp-block-image:first-child{
		margin-left: var(--margin-0);
	}
	.site-footer .social-icon-container .wp-block-image:last-child{
		margin-right: var(--margin-0);
	}	
	.site-footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-column-2, .site-footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-column-3{
		flex-basis: 43% !important;
	}
	.site-footer .footer-column-2{
		order: 1;
	}
	.site-footer .footer-column-3{
		order: 2;
	}
	.site-footer .footer-column-1{
		order: 3;
	}
	.site-footer .tag-line-container.pr-5{
		padding-right: var(--padding-0) !important;
	}
	.site-footer .legal-container p{
		text-align: center;
	}
}

@media screen and (max-width: 432px) {

	.overlay{
		padding-left: var(--padding-3);
		padding-right: var(--padding-3);
	}

}
@media screen and (max-width: 390px) {
	.site-footer .social-icon-container .wp-block-image{
		margin-left: var(--margin-2);
	}
}