.navbar {
	background-color: #fff;
}
a.navbar-brand, a.navbar-brand:hover, .menu-item, .mobile-menu-item {
	color:#000!important;
}
.myIowaBlank {
	background-color:#fff;
}

/*
####################
VIDEO INTRO SECTION
####################
*/
.introImage {
	width: 100vw;
    height: 100vh;
    object-fit: contain;
	background:#000;
}
.imgBG {
	background-image: url(../images/tippie-flythrough-image.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
.hide {
	display:none;
}


.introSection.videoHero, .introSection.introImage {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 600px;
	margin-top: -25px;
	background: none;
	overflow: hidden;
}


/* Play Button */
.videoHero { position: relative; width: 100%; height: 100vh; overflow: hidden; }


.heroVideo {
	display:none;
    width: 100vw;         /* full browser width */
    height: 100vh;        /* full browser height */
    object-fit: contain;  /* fit without cropping */
    display: block;
    background-color: #000; /* fallback background for black bars */
}
.heroVideo.show {
	display:inherit;
}

/* Play button */
.videoPlayBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px; height: 90px;
    border-radius: 50%;
    background: #ffcc00;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 10;
}

.videoPlayBtn:hover {
	transform: translate(-50%, -50%) scale(1.05);
}

/* Red play triangle */
.videoPlayBtn .playIcon {
    width: 0; height: 0;
    border-left: 26px solid #000;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    margin-left: 4px;
}

/* Mute button */
.videoMuteBtn {
    position: absolute;
    top: 20px;     /* move from bottom to top */
    right: 20px;   /* keep on right */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #000;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 10;
    padding: 0;
}

.videoMuteBtn img {
    width: 24px;
    height: auto;
}

/* Speaker icon (red trapezoid) */
.speaker {
	width: 16px;
	height: 16px;
	background: #000;
	clip-path: polygon(0% 25%, 50% 25%, 75% 0%, 75% 100%, 50% 75%, 0% 75%);
	z-index: 1; /* lower than waves */
	position: relative;
}

/* Black waves */
.wave {
	position: absolute;
	top: 50%;
	left: 16px; /* start just outside speaker */
	transform: translateY(-50%);
	border: 2px solid #000;
	border-radius: 50%;
	border-left: none;
	border-top: none;
	border-bottom: none;
	border-right: 2px solid #000;
	width: 6px;
	height: 6px;
	z-index: 2; /* higher than speaker */
}
.wave2 { left: 24px; width: 10px; height: 10px; }
.wave3 { left: 34px; width: 14px; height: 14px; }

/* Hide waves when muted */
.videoMuted .wave {
	display: none;
}
/*
####################
END VIDEO INTRO SECTION
####################
*/



.introSection {
	min-height: 600px;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:-25px;
}

/*
#
#
#
FOOTER SECTION 
#
#
#
*/
#footerSection {
	background-color:#000;
	min-height:100px;
	padding:1rem 0rem;
}
#footerSection .col-sm-10 p {
	font-family: 'Zilla Slab', serif;
	color:#787878;
	font-size:1.1rem;
	font-style:italic;
	line-height: 1.5;
	text-align:center;
}
#footerSection .col-sm-10 p span {
	font-weight:900;
}
#footerSection .col-sm-10 p a {
	color:#787878;
}
#footerSection .col-sm-10 p a:hover {
	font-weight:600;
}

/* Smaller screens */
@media (max-width: 768px) {
    .videoPlayBtn { width: 70px; height: 70px; }
    .videoPlayBtn .playIcon {
        border-left: 20px solid #000;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .videoMuteBtn { width: 45px; height: 45px; }
    .videoMuteBtn img { width: 20px; }
}

/* Extra small screens */
@media (max-width: 480px) {
    .videoPlayBtn { width: 60px; height: 60px; }
    .videoPlayBtn .playIcon {
        border-left: 16px solid #000;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .videoMuteBtn { width: 35px; height: 35px; }
    .videoMuteBtn img { width: 16px; }
}


@media screen and (min-width: 0px) and (max-width: 600px) {
	.introImage {
		height: 20rem
	}
	.videoPlayBtn {
		top: 10rem;
	}
	.videoHero { 
		position: relative; 
		width: 100%; 
		height: 20rem; 
		overflow: hidden; 
	}
	.heroVideo {
		height: 20rem;
	}
	.introSection.videoHero {
		min-height: 20rem;
		height: 20rem;
	}
	
}
@media screen and (min-width: 601px) and (max-width: 800px) {
	.introImage {
		height: 30rem
	}
	.videoPlayBtn {
		top: 15rem;
	}
	.videoHero { 
		position: relative; 
		width: 100%; 
		height: 20rem; 
		overflow: hidden; 
	}
	.heroVideo {
		height: 30rem;
	}
	.introSection.videoHero {
		min-height: 30rem;
		height: 30rem;
	}
	
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
	.introImage {
		height: 40rem
	}
	.videoPlayBtn {
		top: 20rem;
	}
	.videoHero { 
		position: relative; 
		width: 100%; 
		height: 20rem; 
		overflow: hidden; 
	}
	.heroVideo {
		height: 40rem;
	}
	.introSection.videoHero {
		min-height: 40rem;
		height: 40rem;
	}
	
}