/* Extra small devices [col-] (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* template */
body { color: #222222; line-height: 1.3; }

.navbar { position: absolute; right: 0; width: 100%; }
.navbar.bg-light { background-color: transparent !important; }
.navbar-light .navbar-toggler { border-color: white; }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.9); }
.navbar-light .navbar-nav .nav-link:hover { color: white; }
.navbar-light .navbar-nav .nav-link.active { color: #aa0315; }
.navbar-light .navbar-nav .nav-link { font-size: 1.5rem; font-family: myriadProCondIt; }
.navbar-light .navbar-nav .nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.navbar-collapse { margin-top: .5rem; width: 100%; background-color: rgba(20, 30, 40, .75); text-align: center; z-index: 999; }

.navbar .form-inline img { position: absolute; z-index: 10; margin-left: 4%; margin-top: -12px; height: 24px; }
.navbar .form-inline input { opacity: 0.4; color: #021756; text-transform: uppercase; text-align: center; font-family: myriadProCond; width: 96%; margin: 4px 2%; height: 28px; }
.navbar .form-inline input::-webkit-input-placeholder { color: #021756; opacity: 0.8; }
.navbar .form-inline input::-moz-placeholder { color: #021756; opacity: 1; }

.banner { margin: 0 -15px; height: 83vh; }
.banner .banner-img { width: 100%; }
.banner .overlay { position: absolute; color: white; font-family: myriadProCondIt; }
.banner .overlay h1 { text-transform: uppercase; font-family: myriadProBoldCondIt; }
.banner .mobile .banner-img { height: 66vh; object-fit: cover; }
.banner .mobile .overlay.title { top: 13vh; text-align: center; width: 100%; }
.banner .mobile .overlay.title h1 { font-size: 18vw; }
.banner .mobile .overlay.listen { bottom: 36vh; text-align: center; width: 100%; }
.banner .mobile .overlay.listen img { max-width: 90%; height: 5.8vh; object-fit: contain; }
.banner .mobile .caption { height: 17vh; background-color: #2b2a2a; color: #fff; text-align: center; width: 100%; }
.banner .mobile .caption p { font-family: myriadProCondIt; font-size: 8.75vw; line-height: 1; padding: 3vw 0; margin: 0; }
.banner .mobile .caption img { width: 39vw; }

.instagrams { margin: 9vw 0; background-color: #eaeaea; box-shadow: 0 15px 15px #cecece; padding: 0; }
.instagrams .wrapper { padding: 25px 15px; box-shadow: 0 -10px 10px #cecece; }
.instagrams .col-6.col-md-2 { overflow: hidden; padding: 0; }
.instagrams .row { margin: 0; }
.instagrams .row img { width: 100%; height: 100%; object-fit: cover; }
.instagrams .owl-carousel .owl-item { height: 50vw; }

footer { color: #021756; margin-top: 20px; }
footer .info ul { list-style: none; padding: 0; }
footer .info ul li { display: inline-block; margin-right: -4px; }
footer .info h2 { font-family: myriadProBoldCondIt; font-size: 8vw; }
footer .info .contact { font-family: myriadProBoldCond; font-size: 4.5vw; width: 45vw; }
footer .info .contact li { display: block; }
footer .info .social { text-align: center; margin-top: 5vw; margin-bottom: 3vw; }
footer .info .social img { width: 12vw; }
footer .tw-feed { background-color: #e9e9ea; padding: 4vw 0; margin-bottom: 5vw; }
footer .tw-feed img.tw-logo { position: absolute; left: 16px; top: 5vw; width: 8vw; }
footer .tw-feed .carousel-wrapper { font-family: "Times New Roman"; color: #383737; text-align: center; margin: 0 0 0 11vw; font-size: 3.5vw;  }
footer .tw-feed p { margin-bottom: 0; }
footer .copyright { text-align: left; text-transform: uppercase; font-family: myriadProCond; font-size: 5vw; }

/* shared */
.page-title { font-family: myriadProCond !important; color: #00038e; text-transform: uppercase; font-size: 9.5vw !important; margin: 5vw 0 3vw !important; }

.animate-zoom { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.animate-zoom:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.box-item { margin-bottom: 20px; }
.box-item .thumb-wrapper { overflow: hidden; height: 92.5vw; }
.box-item .thumb-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.box-item .info { background-color: #ececec; font-size: 4.5vw; font-family: myriadProCond; padding: 10px 10px 5px; }
.box-item .info ul { margin: 0; padding-left: 30px; line-height: 1.1; }
.tie-legend { font-family: myriadProCond; margin: -20px 0 40px; font-size: 4.5vw; }

.standard-content .thumb img { width: 100%; margin-bottom: 2.5vw; }
.standard-content .thumb img:last-child { margin-bottom: 0; }
.standard-content .info h2 { font-family: myriadProBoldCond; text-align: center; color: #aa0315; margin: 1vw 0 3vw; font-size: 9vw; }
.standard-content .info .html-content { font-family: myriadPro; color: #242424; font-size: 4vw; line-height: 1.5; }
.standard-content .info .html-content p:last-child { margin-bottom: 0; }

.podcast-detail .thumb-wrapper { overflow: hidden; height: 92.5vw; }
.podcast-detail .thumb-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.podcast-detail .info a { text-decoration: none; }
.podcast-detail .info .title { font-family: myriadProBoldCond; font-size: 4vw; color: #00038e; margin-bottom: 1vw; }
.podcast-detail .info .subtitle { font-family: myriadProBoldCond; font-size: 3.7vw; color: #3f3f3f; margin-bottom: 1vw; }
.podcast-detail .info .date { font-family: myriadProCond; font-size: 3.7vw; color: #3f3f3f; margin-bottom: 3vw; }
.podcast-detail .info p { font-family: myriadPro; font-size: 3.4vw; }
.podcast-detail .col-md-3 { margin-bottom: 2.5vw; }
.podcast-detail .col-md-9 { margin-bottom: 5vw; }
.podcast-detail .controls { font-family: myriadPro; font-size: 3.4vw; color: #022165; }
.podcast-detail .controls a { text-transform: uppercase; color: #022165; }
.podcast-detail .controls div { float: left; text-align: center; }
.podcast-detail .controls .see-more { width: 28%; border-right: 1px solid #bcbcbd; }
.podcast-detail .controls .play { width: 20.5%; }
.podcast-detail .controls .play-btn { width: 3%; }
.podcast-detail .controls .play-btn img { width: 85%; }
.podcast-detail .controls .length { width: 20.5%; }
.podcast-detail .controls .download { width: 28%; border-left: 1px solid #bcbcbd; }

/* home page */
#page-home .banner { height: 100vh; }
#page-home .banner .mobile .banner-img { height: 83vh; }
#page-home .lead { margin-top: 5vh; margin-bottom: 5vh; }
#page-home .lead p { font-size: 6.5vw; font-family: myriadProCondIt; margin-bottom: 0; }
#page-home .section-title { font-size: 9.5vw; font-family: myriadProCond; text-align: center; color: #00038e;
	text-transform: uppercase; line-height: 1; margin: 5vw 0 3vw; }
#page-home .recent-podcasts-title { background-color: #ececec; margin-top: 5vw; }
#page-home .recent-podcasts { background-color: #ececec; }
#page-home .more-podcasts { text-align: center; margin-top: 5vw; }
#page-home .more-podcasts a { text-transform: uppercase; font-family: myriadPro; color: #022165; border: 1px solid #6e7174; padding: 2.06vw 8.8vw 1.06vw; font-size: 4.8vw; border-radius: 3vw; }

	/* about page */
#page-about .standard-content .col-12 { margin-bottom: 2.8vw; }
#page-about .standard-content:nth-child(2) .col-12:first-child { margin-top: 8vw; }
#page-about .standard-content .col-12:last-child { margin-bottom: 8vw; }
#page-about .standard-content:last-child .col-12:last-child { margin-bottom: 0; }

/* podcasts page */
#page-podcasts .boxes-wrapper { margin-bottom: 5vw; }

/* top40 page */
#page-top40 .boxes-wrapper { margin-bottom: 5vw; }
#page-top40 .page-body p:last-child { margin-bottom: 8vw; }
#page-top40 .top40-item .info { padding-bottom: 1vw; }
#page-top40 .top40-item .info:after { clear: both; content: ''; display: table; }
#page-top40 .top40-item .number { float: left; width: 20%; text-align: center; line-height: 1; font-size: 13vw; }
#page-top40 .top40-item .number span { vertical-align: top; font-size: 6vw; line-height: 8vw; }
#page-top40 .top40-item .name { float: left; width: 80%; }
#page-top40 .top40-item .name ul { list-style-type: none; padding-left: 0; }
#page-top40 .top40-item .name li:first-child { font-size: 6vw; }

/* detail page */
#page-detail .podcast-content { margin-top: 8vw; margin-bottom: 6vw; color: #292929; }
#page-detail .podcast-content h2 { font-family: myriadProBoldCond; font-size: 8vw; color: #aa0315; margin-bottom: 0; }
#page-detail .podcast-content .title { font-family: myriadPro; font-size: 6.5vw; line-height: 1.1; }
#page-detail .podcast-content .date { font-family: myriadProCondIt; font-size: 5vw; padding-top: 2vw; display: block; }
#page-detail .podcast-content a { font-family: myriadProCond; text-transform: uppercase; color: #292929; text-decoration: none; font-size: 4vw; }
#page-detail .podcast-content .download { margin-left: 3.1vw; }
#page-detail .standard-content .col-12 { margin-bottom: 6vw; }
#page-detail .standard-content:nth-child(2) .col-12:first-child { margin-top: 8vw; }
#page-detail .standard-content .col-12:last-child { margin-bottom: 8vw; }
#page-detail .standard-content:last-child .col-12:last-child { margin-bottom: 0; }

/* contact page */
#page-contact { color: #021756; }
#page-contact .page-content { margin-top: 40px; }
#page-contact .page-content h1 { font-family: myriadProBoldCondIt; font-size: 8vw; margin-bottom: 3vw; }
#page-contact .page-content p { font-family: myriadProBoldCond; font-size: 4.5vw; margin-bottom: 3.5vw; }
#page-contact .page-content p span { display: block; }
#page-contact .page-content h2 { font-family: myriadProBoldCondIt; font-size: 6vw; margin-bottom: 0; }
#page-contact .social { text-align: center; padding: 8vw 0; }
#page-contact .social ul { list-style: none; padding: 0; }
#page-contact .social li { display: inline-block; margin-right: -4px; }
#page-contact .social img { width: 12vw; }
#page-contact .main-site-link img { width: 70vw !important; }
#page-contact form { margin: 0 -15px 10vw; background-color: #f6f6f7; padding: 5vw; }
#page-contact form textarea { width: 100%; padding: 0.8rem; margin-bottom: 1.5vw; border: 0; border-radius: 4px; }
#page-contact form a { text-transform: uppercase; color: #021756; text-decoration: none; font-size:6vw; font-family: myriadProBoldCond; }
#page-contact form p.instructions { font-family: "Times New Romain"; font-size: 4vw; color: #2a2a2a; margin: 2.5vw 0 0; }

/* contest page */
#page-contact form label { display: block; font-family: myriadProBoldCond; font-size: 4.5vw; }
#page-contact form input { width: 100%; margin-bottom: 0; padding: 0.8rem; border: 0; border-radius: 4px; }
#page-contact form .col-sm-12 { padding-bottom: 6vw; }

/* gallery page */
#page-gallery .owl-stage { margin: 0 6px; }
#page-gallery .carousel-item img { margin: 0 auto; width: 75vw; height: 44vw; object-fit: contain; }
#page-gallery .carousel-item .texts { text-align: center; font-family: myriadProCond; padding: 1rem; margin: 0 auto; width: 75vw; }
#page-gallery .carousel-item .title { color: #00038e; font-size: 6vw; }
#page-gallery .carousel-item .caption { font-size: 4.5vw; }
#page-gallery .gallery-thumb-img { border: 4px solid #e8ebe8; box-shadow: 0 0 6px #aeaeae; margin-top: 6px; margin-bottom: 6px; }
#page-gallery .gallery-thumb-img.active { border-color: white; box-shadow: 0 0 6px #000; }
#page-gallery .carousel-control-prev-icon { height: 50px; background-image: url('/img/arrow-prev.png'); }
#page-gallery .carousel-control-next-icon { height: 50px; background-image: url('/img/arrow-next.png'); }
#page-gallery .carousel-control-next,
#page-gallery .carousel-control-prev { width: 5%; }

#galleryCarousel .active > img { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; }
@keyframes bumfadeInmer {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


/************************************************************/
/* Small devices [col-sm-] (landscape phones, 576px and up) */
/************************************************************/
@media (min-width: 576px) {

}

/****************************************************/
/* Medium devices [col-md-] (tablets, 768px and up) */
/****************************************************/
@media (min-width: 768px) {
	/* template */
	.navbar { padding-top: 2vw; }
	/* .navbar-nav { margin-right: 4.5vw; } */
	.navbar-light .navbar-nav .nav-link { font-size: 1.6vw; padding: 0 2.35vw 0 0; }
	.navbar-light .navbar-nav .nav-item { border: 0; }
	.navbar-collapse { background-color: transparent; margin-top: 1vw; }

	.navbar .form-inline { position: absolute; right: 3.35vw; top: 0.7vw; }
	.navbar .form-inline img { height: 1.6vw; margin-left: .6vw; margin-top: -2.2vw; top: 2.45vw; }
	.navbar .form-inline input { opacity: 0.55; width: 12vw; padding: .15vw 0 0; font-size: 1.2vw; height: auto; margin: 0; }

	.banner { height: auto; }
	.banner .overlay { top: 1.5vw; left: 6vw; width: 40vw; }
	.banner .overlay h1 { text-transform: uppercase; font-size: 8.2vw; margin-bottom: 1vw; }
	.banner .overlay h1 .grey { color: #afacac; }
  .banner .overlay .sched-wrapper img.kabc { width: 11.5vw; float: right; }
  .banner .overlay p.sched { font-size: 2.8vw; float: left; margin-bottom: 0; }
  .banner .overlay p.new-sched { font-size: 1.5vw; clear: both; }
  .banner .overlay img.listen { width: 36vw; margin-top: 2.7vw; }
	.banner .podcast-cta { position: absolute; right: 3.80vw; margin-top: -5.57vw; }
	.banner .podcast-cta img.audioboom { margin-right: 20px; }
  .banner .podcast-cta img.podcast { width: 13.69vw; }

	.instagrams { margin: 2vw 0 3.5vw; }
	.instagrams .owl-carousel .owl-item { height: 16.66vw; }

	footer .info { margin-bottom: 1.3vw; }
	footer .info h2 { font-size: 2.9vw; }
	footer .info .contact { text-align: center; font-size: 1.45vw; padding-top: .5vw; }
	footer .info .contact li { display: inline-block; padding-right: 2vw; }
	footer .info .contact li:last { padding-right: 0; }
	footer .info .social { margin-top: 0; margin-bottom: 0; }
	footer .info .social img { width: 2.9vw; }
	footer .tw-feed { margin-bottom: 1.8vw; padding: .7vw calc((2.5vw + 15px) * -1); }
	footer .tw-feed img.tw-logo { left: 7vw; width: 2.3vw; top: 0; }
	footer .tw-feed .carousel-wrapper { margin: 0 10vw; font-size: 1.2vw; }
	footer .copyright { text-align: right; font-size: 1.2vw; }

	/* shared */
	.page-title { font-size: 3.75vw !important; margin: 1vw 0 .35vw !important; }
	.page-content { padding: 0 2.5vw; }

	.boxes-wrapper { margin: 0 -.5vw; }
	.box-item { margin-bottom: 0; padding: 0 .5vw; }
	.box-item .thumb-wrapper { overflow: hidden; height: 22.43vw; }
	.box-item .info { font-size: 1.1vw; }
	.tie-legend { margin: -2.5vw 0 4vw; font-size: 1.4vw; }

	.standard-content .thumb { padding-right: 1vw; }
	.standard-content .thumb img { width: 100%; margin-bottom: 1.4vw; }
	.standard-content .col-md-6 .info { padding: 0 5vw; }
	.standard-content .info h2 { margin: 0 0 3vw; font-size: 1.8vw; }
	.standard-content .info .html-content { font-size: 1.5vw; }
	.standard-content .info .html-content p { margin-bottom: 2vw; line-height: 1.75; }

	.podcast-detail .thumb-wrapper { height: 21.66vw; }
	.podcast-detail .info .title { font-size: 1.5vw; margin-bottom: .1vw; }
	.podcast-detail .info .subtitle { font-size: 1.4vw; margin-bottom: .1vw; }
	.podcast-detail .info .date { font-size: 1.4vw; }
	.podcast-detail .info p { font-size: 1.3vw; }
	.podcast-detail .col-md-3,
	.podcast-detail .col-md-9 { margin-bottom: 1.5vw; }
	.podcast-detail .info .date { margin-bottom: 1vw; }
	.podcast-detail .controls { font-size: 1.3vw; width: 50%; }
	.podcast-detail .controls .see-more { width: 24.5%; text-align: left; }
	.podcast-detail .controls .play { width: 24.5%; }
	.podcast-detail .controls .play-btn { width: 2%; }
	.podcast-detail .controls .length { width: 24.5%; }
	.podcast-detail .controls .download { width: 24.5%; text-align: right; }

	/* home page */
	#page-home .banner { height: auto; }
	#page-home .banner .overlay h1 { margin-bottom: 5vw; }
  #page-home .banner .overlay img.kabc { width: 14.5vw; margin: 2vw 0; }
  #page-home .banner .overlay img.podcast { margin: 1.6vw 0 2.4vw 1.16vw; width: 13.82vw; }
  #page-home .banner .overlay p.write-up { width: 29.25vw; font-size: 2.1vw; line-height: 1.3; margin-bottom: 0; }
	#page-home .banner .listen-cta { position: absolute; right: 2.57vw; margin-top: -9vw; }
	#page-home .banner .listen-cta img.audioboom { width: auto; display: block; float: right; margin-bottom: 20px; margin-right: 20px; }
  #page-home .banner .listen-cta img.listen { width: 35.85vw; }
	#page-home .section-title { text-align: left; font-size: 3.75vw; margin: 2vw 0 1vw; }
	#page-home .recent-podcasts-title { margin-top: 0; }

	/* about page */
	#page-about .standard-content .col-12 { margin-bottom: 2.8vw; }
	#page-about .standard-content:nth-child(2) .col-12 { margin-top: 4vw !important; }
	#page-about .standard-content .col-12:last-child { margin-bottom: 2.8vw; }

	/* podcasts page */
	#page-podcasts .boxes-wrapper { margin-bottom: 2.5vw; }
	#page-podcasts .podcast-item { margin-bottom: 1.5vw; }

	/* top40 page */
	#page-top40 .boxes-wrapper { margin-bottom: 2.5vw; }
	#page-top40 .page-body p:last-child { margin-bottom: 2.5vw; }
	#page-top40 .top40-item { margin-bottom: 1.5vw; }
	#page-top40 .top40-item .info { padding-bottom: .2vw; }
	#page-top40 .top40-item .number { font-size: 3.8vw; }
	#page-top40 .top40-item .number span { font-size: 2vw; line-height: 2.5vw; }
	#page-top40 .top40-item .name li:first-child { font-size: 1.6vw; padding-top: .25vw; }

	/* detail page */
	#page-detail .podcast-content { margin-top: 2vw; margin-bottom: 0; }
	#page-detail .podcast-content .col-12 { margin-bottom: 1vw; }
	#page-detail .podcast-content h2 { font-size: 2.1vw; }
	#page-detail .podcast-content .title { font-size: 2.1vw; }
	#page-detail .podcast-content .date { font-size: 1.6vw; padding-top: 0; }
	#page-detail .podcast-content a { font-size: 1.5vw; }
	#page-detail .podcast-content .info { padding-top: .3vw; }
	#page-detail .podcast-content .info .download { margin-left: 3.1vw; }
	#page-detail .standard-content { padding-bottom: 1.5vw; margin-top: 3.5vw; }
	#page-detail .standard-content .col-12 { margin-bottom: 0; }
	#page-detail .standard-content .info .html-content p { line-height: 1.45; }
	#page-detail .standard-content:nth-child(2) .col-12:first-child { margin-top: 0; }

	/* contact page */
	#page-contact { color: #021756; }
	#page-contact .page-content h1 { font-size: 3vw; margin-bottom: 1.3vw; }
	#page-contact .page-content p { font-size:1.5vw; margin-bottom: 1.5vw; }
	#page-contact .page-content p span { display: inline; }
	#page-contact .page-content h2 { font-size: 1.8vw; margin-bottom: 0; }
	#page-contact .social { text-align: right; padding: 1vw 15px 0 0; }
	#page-contact .social ul { margin-bottom: 2.63vw; }
	#page-contact .social li { margin-right: -4px; }
	#page-contact .social img { width: 3.33vw; }
	#page-contact .main-site-link img { width: 23.88vw !important; }
	#page-contact form { margin: 1.5vw 0 4vw; padding: 1.5vw 2vw; }
	#page-contact form textarea { margin-bottom: 1.5vw; }
	#page-contact form a { font-size:1.5vw; }
	#page-contact form p.instructions { font-size: 1.2vw; margin: 2.5vw 0 0; }

	/* contest page */
	#page-contact form label { font-size:1.5vw; }
	#page-contact form .col-sm-12 { padding-bottom: 1.5vw; }

	/* gallery page */
	#page-gallery .carousel-item img { width: 44vw; height: 26vw; }
	#page-gallery .carousel-item .texts { width: 44vw; }
	#page-gallery .carousel-item .title { font-size: 1.4vw; }
	#page-gallery .carousel-item .caption { font-size: 1.2vw; }
	#page-gallery .carousel-control-next,
	#page-gallery .carousel-control-prev { width: 15%; }
}

/****************************************************/
/* Large devices [col-lg-] (desktops, 992px and up) */
/****************************************************/
@media (min-width: 992px) {
}

/*****************************************************************/
/* Extra large devices [col-xl-] (large desktops, 1200px and up) */
/*****************************************************************/
@media (min-width: 1200px) {
}