/* STYLES FOR PHOTO GALLERIES, PODCASTS, VIDEOS */
.podcast-box{border: 10px solid #cfcdd2; background-image: url('/images/podcast-bkg.png');color:#cfcdd2;}
.text-blue{color: #3c3b89;}
.text-gray{color:#cfcdd2;}
img.logo-tiny{width:50px;height:23px;}
.fs-7 {font-size: .7rem!important; line-height: .7rem;}
.fa-2xl{font-size: 3em;}

.podcast-hero-image{
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 4;
  }
  
.gallery-card{
	background-color: #23223f;
	border:  10pt solid #23223f;
}
.video-card{
	background-color: #f3f2ef;
	border:  5pt solid #f3f2ef;
}

.gallery-card>.card-body{
	background-color: #1C4C9D;
}
.video-card>.card-body{
	background-color: #f3f2ef;
}
.gallery-card>.card-body, .video-card>.card-body{
	padding: 20px 0px;
	height: 120%;
	overflow: hidden;
	text-wrap: wrap;
}

img.logo-gallery{width:95px;}

.carousel-inner{color: #23223f;}
.carousel-indicators{position: relative;margin: 0px;  margin-bottom:40px; overflow:hidden;}
.carousel-indicators[data-mb-target]{width:300px;}

H2.gallery-title{font-size: 20px; text-transform: uppercase;}

.vr{background-color: #23223f;}

#photoGalleryThumbs {margin: 12px 0 0; padding: 0px; height:40px;}

#photoGalleryThumbs .carousel-item { text-align: center; height:112px;}
#photoGalleryThumbs .carousel-item .thumb { border: 4px solid #22223f; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 300px; }

#photoGalleryThumbs .carousel-item .thumb:hover { border-color: #3c3b89; }

#moreVideos, #morePhotos, #morePodcasts, #galleryThumbs {margin: 6px auto 0; padding: 0px; max-width:90vw; } /*height:80px;*/
.multi-carousel .multi-carousel-inner{width:90% !important;margin: 0px auto !important;}

.multi-carousel-inner H5{white-space: pre-wrap;}


/* #moreVideos .carousel-item, #morePhotos .carousel-item { text-align: center; }/*height:80px;*/ */
/* #morePhotos, #morePhotos .carousel-item {height:108px;} */

/* #moreVideos .multi-carousel-item .thumb, #morePhotos .multi-carousel-item .thumb {border: 4px solid #22223f; width: 25%; margin: 0 1%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 400px; }
.card .carousel-item .thumb{background-color: #22223f;} */
.carousel-control { color: #23223f; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

#moreVideos .carousel-control-next, #moreVideos .carousel-control-prev, #morePhotos .carousel-control-next, #morePhotos .carousel-control-prev, #morePodcasts .carousel-control-next, #morePodcasts .carousel-control-prev {width: auto;}

button.circle-indicator{width:16px!important; height:16px!important; border-radius: 50%;margin-right: 6px!important; margin-left: 6px!important;}

.podcast-container {
	position: relative;
	width:100%;
	background-image: url('/images/edge-podcast.jpg');
	background-size: cover;
	background-position: 0 -50px;
	background-repeat: no-repeat;
	border: 10px solid #3c3b89;
}
.podcast-photo {
	border-radius: 0;
	display: block;
	height: auto;
	position: absolute;
}
.triangle-right {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 199px 380px 0px 20px;
	border-color: transparent #22223f transparent transparent;
	z-index: 900;
}

.triangle-right:hover {
	border-color: transparent #3c3b89 transparent transparent;
}

.podcast-container:hover {
  opacity: 0.9;
  visibility: visible;
}
.featured-title  {
	color: #fff;
	width: 200px;
	margin-left: 100px;
	padding: 0 10px 10px 0;
	position: relative;
	margin-top: -65px;
}

H5.cardtitle {
  font: 18px "Public Sans", sans-serif;
  color: #102547;
  font-weight: 700;
}



@media (min-width: 576px){
	H2.gallery-title{font-size: 20px;}
	.featured-title  {width: 170px;}
	#galleryThumbs .carousel-control-next, #galleryThumbs .carousel-control-prev {width: 5%;}
}
	
@media (min-width: 768px) {
	/* #photoGalleryThumbs {height:100px;} */
	H2.gallery-title{font-size: 34px;}
	#moreVideos {margin-top: 12px; }/*height:165px;*/
	/* #moreVideos .carousel-item {height:165px;}
	#morePhotos {height:200px;}
	#morePhotos .carousel-item {height:200px;} */
	.triangle-right {border-width: 199px 305px 0px 20px;}
    H5.cardtitle{font-size: 20px;}
}

@media (min-width: 992px) {
	/* #photoGalleryThumbs {height:114px;}
	#moreVideos {height:200px;}
	#moreVideos .carousel-item {height:200px;}
	#morePhotos {height:235px;}
	#morePhotos .carousel-item {height:235px;} */
	.triangle-right {border-width: 199px 305px 0px 20px;}
	.featured-title  {width: 200px;}
}