@import "https://use.typekit.net/aua1inq.css";
@import "/wp-content/themes/windowrama/assets/fonts/stylesheet.css";
.hero-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
	line-height: 0;
}

.text-container {
  flex: 1 1 50%;
  color: #fff;
	width: 100%;
}
 

.team-image-wrapper {
  flex: 1 1 40%;
  text-align: right;
}

.team-image-wrapper img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.ending-soon .h3 {
    font-size: max(30px, min(calc(-6.7307px + 5.8319vw), 32px))!important;
    font-weight: 300;
    line-height: 1;
    position: relative;
    font-family: bebas-kai, sans-serif;
    color: #fff !important;
}

.layout--hero {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-height: max(250px, min(calc(-41.22137px + 53.43511vw), 400px));
    overflow: hidden;
    position: relative;
    z-index: 1
}

.layout--hero>img.image-overlay {
    bottom: .5ch;
    height: auto;
    max-width: max(100px, min(calc(-66.41221px + 30.53435vw), 300px));
    position: absolute;
    right: .5ch;
    z-index: 2
}

@media (max-width:575px) {
    .layout--hero>img.image-overlay {
        bottom: 0;
        right: 0
    }
}

.layout--hero.media-type-image {
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.layout--hero.media-type-solid-color {
    background-color: var(--background-color)
}

.layout--hero.overlay-true:before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 100%;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.layout--hero.overlay-true a:not(.btn),
.layout--hero.overlay-true h1,
.layout--hero.overlay-true h2,
.layout--hero.overlay-true h3,
.layout--hero.overlay-true h4,
.layout--hero.overlay-true h5,
.layout--hero.overlay-true h6,
.layout--hero.overlay-true p {
    color: #fff
}

.layout--hero.overlay-true .egc-container {
    position: relative;
    z-index: 2
}

.layout--hero.overlay-true .text-container p {
    color: #fff !important
}

.layout--hero.overlay-true .text-container a {
    --button-color: #fff
}

.layout--hero.overlay-true .text-container a:focus,
.layout--hero.overlay-true .text-container a:hover {
    --button-color: var(--egc-brand-color-2);
    color: #fff
}

.layout--hero.has-white-text a:not(.btn),
.layout--hero.has-white-text h1,
.layout--hero.has-white-text h2,
.layout--hero.has-white-text h3,
.layout--hero.has-white-text h4,
.layout--hero.has-white-text h5,
.layout--hero.has-white-text h6,
.layout--hero.has-white-text p {
    color: #fff
}

.layout--hero.has-white-text .text-container p {
    color: #fff !important;
		font-family: gotham;
}

.layout--hero.parallax-true {
    background-attachment: fixed
}

.layout--hero.text-alignment-center .text-container {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.layout--hero.text-alignment-right .text-container {
    margin-left: auto;
    margin-right: auto;
    text-align: right
}

.layout--hero.media-type-video {
    background-color: var(--egc-brand-color-2);
    max-height: 100vh;
    min-height: max(250px, min(calc(-41.22137px + 53.43511vw), 600px));
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

@media (max-width:1199px) {
    .layout--hero.media-type-video {
        min-height: max(250px, min(calc(-41.22137px + 53.43511vw), 600px))
    }
}

@media (max-width:767px) {
    .layout--hero.media-type-video {
        max-height: none
    }
}

.layout--hero.media-type-video .wp-video {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: 100% !important
}

.layout--hero.media-type-video .wp-video .wp-video-shortcode {
    height: 100% !important;
    width: 100% !important
}

.layout--hero.media-type-video .wp-video .wp-video-shortcode.no-controls .mejs-controls {
    display: none
}

.layout--hero.media-type-video iframe,
.layout--hero.media-type-video video {
    aspect-ratio: 16/9;
    border: none !important;
    height: auto !important;
    object-fit: cover;
    width: 100%
}

.layout--hero.media-type-video iframe {
    position: relative !important
}

.layout--hero.media-type-video .egc-container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .layout--hero.media-type-video .egc-container {
        left: auto;
        position: relative;
        top: auto;
        transform: none
    }
}

.layout--hero.media-type-video .egc-container .text-container :not(a.btn) {
    color: #fff
}

.layout--hero .text-container {
    grid-gap: .5rem;
    display: flex;
    gap: .5rem;
    justify-content: left;
    max-width: 875px;
    flex-direction: row;
    flex-wrap: wrap;
	    align-items: flex-end;
}

@media (max-width:767px) {
    .layout--hero .text-container {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 24px;
        padding-top: 24px;
        text-align: left
    }
}

.layout--hero .text-container .headline,
.layout--hero .text-container h1 {
    font-size: max(38px, min(calc(-6.7307px + 5.8319vw), 32px));
    font-weight: 300;
    line-height: 1;
    max-width: 80px;
    position: relative;
	font-family: bebas-kai, sans-serif;
		color:#fff!important;
}
.layout--hero .text-container .sub-headline{
    font-size: clamp(40px, 10vw, 185px);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0
}
.layout--hero .text-container .sub-headline,
.layout--hero .text-container h2 {
    font-size: max(19px, min(calc(8.37182px + 1.38568vw), 25px));
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0
}
.layout--hero .text-container h3 {
  font-size: clamp(40px, 10vw, 185px);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  font-family: bebas-kai, sans-serif;
	margin-bottom: -25px;
		color:#fff!important;
}

.layout--hero .text-container p {
    
     font-size: clamp(40px, 10vw, 185px);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    width: auto;
    font-family: bebas-kai, sans-serif !important;
    text-transform: uppercase;
	color:#fff!important;
}
.layout--hero .text-container .content-container p {
   /*font-family: Gotham, sans-serif!important;*/
	font-family: 'GothamBook' !important;
    font-size: max(26px, min(calc(15.37182px + 1.38568vw), 33px));
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    width: 100%;
    text-transform: uppercase;
	margin-top: 10px;
}

.layout--hero .text-container a.btn {
    margin-left: auto;
    margin-right: auto
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.team-overlay-image {
        max-width: 275px!important;
        margin: 0 auto;
        margin-bottom: 0;
    }
 .layout--hero .text-container {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 24px;
        padding-top: 24px;
        text-align: center;
    }
.layout--hero .text-container h3 {
    font-size: clamp(85px, 10vw, 185px);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    font-family: bebas-kai, sans-serif;
    margin-bottom: -25px;
}
 .hero-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    line-height: 0;
    flex-direction: column;
}
	
.layout--hero .text-container {
    grid-gap: .5rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
	
}