.top-banner {position: absolute; width: 100%; height: 500px; top: 0; left: 0;}
.top-banner img{object-fit: cover; width: 100%; height: 500px;}
.banner-text {position: relative; z-index: 1;}
.l-block{display: block;}
.m-block{display: none;}
.text-prpl{color: #73236C !important;}
.text-show {display: block !important;}
[id*="custom-html"], #top-hero {padding:0 !important;}
#top-hero .row {height: 500px; align-items: center;}
#top-hero .col-md-5{width:100%;}
.btn.btn-prpl, .btn.btn-prpl.color-adjusted {background-color: #73236C!important;border-color: #73236C !important; color: #fff !important;}
.btn.btn-inverted-prpl {background-color: #fff!important;border-color: #fff !important; color: #73236C !important;}
.btn--secondary.border-adjusted {border-color: #fff !important; color: #73236C !important;}

/* Navigation Bar */
.navScrolled {position: fixed !important;top: 0;z-index: 1000;}
nav.second-nav {background-color: #000; width: 100%; overflow: hidden; padding: 14px 0; position:relative;}
nav.second-nav ul {width: max-content; margin:0 auto; text-align: center;}
nav.second-nav ul li {display: inline-block;padding: 0 5px;}
nav.second-nav ul li a {color: #fff; border-radius: 50px; padding: 5px 25px; display: inline-block; font-weight:normal;}
nav.second-nav ul li a:hover:before, .second-nav ul li a:before {text-decoration: none; height: 0 !important;}
nav.second-nav ul li.active a, nav.second-nav ul li a:hover {background-color: #fff;color:#404040; text-decoration: none; }
nav.second-nav ul li a.border-adjusted, nav.second-nav ul li a.color-adjusted{color: #fff!important; background-color: transparent!important;}
nav.second-nav ul li.active a.color-adjusted, nav.second-nav ul li.active a.border-adjusted, nav.second-nav ul li a.color-adjusted:hover, nav.second-nav ul li a.border-adjusted:hover{color: #fff !important; background-color: #003eab!important;}
@media screen and (max-width: 992px) {
	nav.second-nav {overflow-x: scroll;}
}
/* End Navigation Bar */

#top-hero h1, #overview h3, #key-values h3, #prpl-summit h3, #driving-business h3, #contact-us h3 {display: none;}
#driving-business {padding: 0 !important; background-size: cover !important; background-position: 50% !important;}
#contact-us {background-size: cover !important;}
#driving-business .row {height: 600px; align-items: center;}
#driving-business .context-html > *:last-child {margin-bottom: 0 !important;}
#pr-section h3{display: none;}
#pr-section {padding: 1rem 0 !important;}

.prplFeatures ul {line-height: 1.3rem;}
.prplFeatures ul li {margin-bottom: 0.5rem;}

.popup-video {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 1050;}
.popup-video.show {display: flex;}
.popup-video .popup-content {margin: 0 auto; width: 71vw; height: 40vw; text-align: center; max-height: calc(100vh - 60px);}
.popup-video iframe {width: 100%; height: 100%; border: none;}
.popup-video .close-btn {position: absolute; border: 0; outline: none; cursor: pointer; background: none; font-size: 50px; z-index: 1; top: 0; right: 1%; color: #fff; opacity: 1;  margin: 0; padding: 0;}


@media screen and (max-width: 768px) {
    .related-events:first-child{margin-bottom: 1rem;}
}
@media screen and (max-width: 500px) {
    #driving-business {background-position: 70% !important;}
    .m-block {display: block;}
    .l-block {display: none;}
	.banner-text {margin-top: -10rem; text-align: center;}
    .cover {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0;}
    .cover-text {position: relative;}
}