/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel { /*margin-bottom: 3rem; */; z-index:1; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { position:relative; max-width:100%; bottom:0; top:0; left:0; right:0; z-index: 10; }
.carousel-caption.text-center { max-width:60%; left:0; right:0; margin-left:auto; margin-right:auto; }
.carousel-caption.text-right { margin-left:auto; margin-right:10%; }
  
/* Declare heights because of positioning of img element */
.carousel-item { background-color: #777; }
.carousel-item > img { visibility:hidden; min-width: 100%; }
.carousel-item .overlay { background:#000; opacity:0.2; position:absolute; left:0; top:0; right:0; bottom:0; } 
.section-header .overlay { background:#000; opacity:0.3; position:absolute; left:0; top:0; right:0; bottom:0; }
.carousel-item > .container { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; justify-content: flex-start; align-items: center; }
.carousel-item > .container > .row { justify-content:space-between; width:100%; }
.carousel-item h1 { color:#fff; font-size:3.2em; text-shadow:0 1px 2px rgba(0, 0, 0, 0.4); }
.carousel-item h2 { color:#fff; font-size:1.2em; margin: 1em 0 1.3em 0; }
@media screen and (max-width: 1024px) {
  .carousel-item h1 { font-size:2.5em; }
}

.carousel-item .btn-primary { text-transform:uppercase; font-size: 0.9em; font-weight: 600; padding: 10px 30px; }
.carousel-item .btn-primary:active, .carousel-item .btn-primary:focus { box-shadow:none !important; border-color:#93239E !important; background:#93239E !important; }

.carousel-control-next, .carousel-control-prev { width:5%; }
.carousel-control-next-icon, .carousel-control-prev-icon { width: 50px; height: 50px; }
					
					
						.readmore-marker { visibility:hidden; }
						.readmore { background:inherit; padding:10px 0 0 0; }
						.readmore a, .readmore a:hover { display:inline-block; background:#4f8aca; color:#fff; margin-top:20px; padding:3px 10px; border-radius: 15px; text-decoration:none; }
						.readmore-content { height:200px; overflow:hidden; }
						@media only screen and (max-width:576px)  {
						  .readmore { text-align:center; }
						}