@charset "UTF-8";

#goto-banners{ height: 764px; background: #333; margin: 160px auto 0px auto; margin-bottom: -764px; max-width: 2000px; }
#goto-banners .banners{ height: 764px; overflow: hidden; position: relative; }
#goto-banners .banner{ background: no-repeat center center; left: 0; top: 0; bottom: 0; right: 0; position: absolute; opacity: 0; transition: all 2s }
#goto-banners .banner--1{ background-image: url(images/tpl-frontpage/desktop-banner--the-lepp-sisters.jpg);}
#goto-banners .banner--2{ background-image: url(images/tpl-frontpage/desktop-banner--matt-r-edwards.jpg);}

#goto-banners .video{  height: 764px; overflow: hidden; position: relative; filter: brightness(70%);}

#goto-banners .video-inner{ margin: 0 -9999px; }
#goto-banners .video-inner video{ display: block; height: 764px; width: auto; margin: 0 auto; }
html[data-banner="0"] #goto-banners .banner--1,
html[data-banner="1"] #goto-banners .banner--2,
html[data-banner="2"] #goto-banners .banner--3,
html[data-banner="3"] #goto-banners .banner--4{ opacity: 1; z-index: 2; }

@media (max-width: 992px){
	#goto-banners { margin: 70px auto -764px auto;}
}

@media (max-width: 480px){
	#goto-banners { margin: 70px auto -764px auto;}
}

@media (min-width: 2100px){
	#goto-banners .video-inner{ margin: 0; }
	#goto-banners .video-inner video{ height: auto; width: 100%;  }
}
@media (min-width: 1440px){
	#goto-banners{ max-width: 2500px; }
	#goto-banners .banner--1{ background-image: url(images/tpl-frontpage/large-banner--the-lepp-sisters.jpg);}
	#goto-banners .banner--2{ background-image: url(images/tpl-frontpage/large-banner--matt-r-edwards.jpg);}
}
@media (max-width: 1024px){
	#goto-banners .banner--1{ background-image: url(images/tpl-frontpage/tablet-banner--the-lepp-sisters.jpg?20211112);}
	#goto-banners .banner--2{ background-image: url(images/tpl-frontpage/tablet-banner--matt-r-edwards.jpg?20211112);}
}
@media (max-width: 767px){
	#goto-banners{ height: 528px; margin: 0px auto -528px auto;}
	#goto-banners .banners{ height: 528px; }
	#goto-banners .video{  height: 528px;}
	#goto-banners .video-inner video{ height: 528px; }
	#goto-banners .banner--1{ background-image: url(images/tpl-frontpage/mobile-banner--the-lepp-sisters.jpg?202111121758);}
	#goto-banners .banner--2{ background-image: url(images/tpl-frontpage/mobile-banner--matt-r-edwards.jpg?202111121758);}
}

#goto-heading{ background: rgba(0,0,0,0.3); position: relative; z-index: 2; margin: 0 auto; max-width: 2000px; overflow: hidden; min-height: 528px;}
/*#goto-heading:after{ background: url(images/goto-heading.svg) no-repeat; background-size: contain; content: ''; display: block; position: absolute; left: 50%;  height: 756px; width: 1250px; margin-left: 64px; bottom: -374px;  }*/
#goto-heading .heading{ display: table; height: 764px; width: 100%;  }
#goto-heading .heading-inner{ display: table-cell; vertical-align: middle; }

#goto-heading .heading-title{ /*background: url(images/tpl-frontpage/clean-slate.svg) no-repeat center top; background-size: contain;*/ height: auto; overflow: hidden; /*text-indent: -9999em;*/ margin: 0 auto; }

#goto-heading .heading-cta{}
#goto-heading .heading-cta a{ background: #DCB433; border-radius: 20px; color: #000; display: table; margin: 0 auto; font-size: 22px; font-weight: 800; line-height: 92px; padding: 0 40px;  text-decoration: none; position: relative; }
#goto-heading .heading-cta a:focus,
#goto-heading .heading-cta a:hover{ background-color: #fff; }
@media (min-width: 1440px){
	#goto-heading{ max-width: 2500px; }
	#goto-heading:after{}
	#goto-heading .heading-inner{ padding-bottom: 50px; }
}
@media (max-width: 1024px){
	#goto-heading:after{ background-image: none; display: none; }
	#goto-heading .heading-inner{ vertical-align: bottom; padding-bottom: 84px; }
	#goto-heading .heading-title{ height: 176px; margin-bottom: 60px; }
	#goto-heading .heading-cta a{ font-size: 20px; line-height: 84px; padding: 0 34px; }
	#goto-heading .heading-cta a:after{ right: 32px; }
}
@media (max-width: 767px){
	#goto-heading{ background-image: none; }
	#goto-heading .heading{ height: 476px; }
	#goto-heading .heading-inner{ padding-bottom: 44px; }
	#goto-heading .heading-title{ height: 88px; margin-bottom: 48px; }
	#goto-heading .heading-cta a{ font-size: 16px; line-height: 70px; padding: 0 34px; }
	#goto-heading .heading-cta a:after{ right: 30px; height: 26px; width: 24px; }
}




/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
 .whitetextdesktop { color: #FFFFFF; }
	
	.featured-zone {
        background-image: none !important;
    }
	
	.featured-zone .featured-zone-content {
        text-align: left;
        padding-top: 20px;
        padding-bottom: 15px;
    }
	
	.featured-zone .featured-zone-content .featured-zone-content-text-bloc {
        padding-top: 10px;
        padding-bottom: 0;
        width: auto;
        max-width: inherit;
    }
	
	.featured-zone .featured-zone-content .button-container:last-child {
        width: fit-content;
        margin-bottom: 0;
    }
	
	.featured-zone .featured-zone-content .button-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
        flex-direction: column;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
 .whitetextdesktop { color: #FFFFFF; }
	.featured-zone {
        background-image: none !important;
    }
	
	.featured-zone .featured-zone-content {
        text-align: left;
        padding-top: 35px;
        padding-bottom: 35px;
    }
	
	.featured-zone .featured-zone-content .featured-zone-content-text-bloc {
        padding-top: 20px;
        padding-bottom: 10px;
        width: auto;
    }
	
	.featured-zone .featured-zone-content .button-container:last-child {
        width: fit-content;
        margin-bottom: 0;
    }
	
	.featured-zone .featured-zone-content .button-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
        flex-direction: column;
    }
}
	
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.whitetextdesktop { color: #FFFFFF; }
	
	.featured-zone {
        background-image: none !important;
    }
	
	.featured-zone .featured-zone-content .featured-zone-content-text-bloc {
        padding-top: 25px;
        padding-bottom: 25px;
        width: auto;
        max-width: inherit;
    }
	
	.featured-zone .featured-zone-content .button-container:last-child {
        width: fit-content;
        margin-bottom: 0;
    }
	
	.featured-zone .featured-zone-content .button-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
        flex-direction: column;
    }
}
	
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.whitetextdesktop { color: #ffffff; }
	
	.featured-zone {
        background-image: none !important;
    }
	
	.featured-zone .featured-zone-content .featured-zone-content-text-bloc {
        padding-top: 25px;
        padding-bottom: 25px;
        width: auto;
        max-width: inherit;
    }
	
	.featured-zone  .featured-zone-content .button-container:last-child {
        width: auto;
        margin-bottom: 0;
    }
	
	.featured-zone .featured-zone-content .button-container {
        justify-content: start !important;
        gap: 15px;
    }
	
	.featured-zone .featured-zone-content .button-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
        flex-direction: row;
    }
}
	
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.whitetextdesktop { color: #ffffff; }
	
	.featured-zone {
        background-image: none !important;
    }
	
	.featured-zone .featured-zone-content .featured-zone-content-text-bloc {
        padding-top: 25px;
        padding-bottom: 25px;
        width: auto;
        max-width: inherit;
    }
	
	.featured-zone .featured-zone-content .button-container:last-child {
        width: auto;
        margin-bottom: 0;
    }
	
	.featured-zone .featured-zone-content .button-container {
        justify-content: start !important;
        gap: 15px;
    }
	
	.featured-zone .featured-zone-content .button-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
        flex-direction: row;
    }
}