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

/* Carousel base class */
.carousel { height: 8.5rem; margin-bottom: 2rem; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption { top: 5rem; z-index: 10; }

.c-text-left  { top: 0rem; margin-top: -10px; margin-left: 24%; text-align: left; }

/* Declare heights because of positioning of img element */
.carousel-item { height: 8.5rem; }

.carousel h1 { color: #f1b11e; font-size: calc(1.13rem + .85vw); line-height: 1.1; border-top: none !important; margin-top: -15px;}
 
.carousel-caption {  right: 9%; }   

.carousel-caption h1 a { color: #f1b11e;}

.carousel-caption p { margin-bottom: 1.0rem; font-size: .75rem; line-height: 1.35; margin-top: -18px; }    

.carousel-item .btn-sm { display: none; }

.carousel-control-next, .carousel-control-prev { width: 8%; }

.carousel-indicators { display: none; }

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.1rem; height: 1.1rem; }
    
.hide-small-4 { display: none; }


/*NEWS*/
/*.photo-box-wrap { max-width: 100%; width:100%; float: none; font-size: 11px; margin: 0 auto 0 auto; color: #777777; text-align:center }	
.photo-box-text { padding: 5px 5px 15px 5px; text-align:left }
.photo-box-img { display: inline-block }


.photo-box-wrap.photo-box-full { margin-top: 20px; margin-bottom: 25px; margin-left: auto; margin-right: auto; text-align: center; max-width: 910px; }        
      */

/*END NEWS*/

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (min-width: 400px) {
 
.carousel { height: 9.5rem; margin-bottom: 2.2rem; }

.carousel h1 { font-size: calc(1.15rem + .85vw); }   
    
.c-text-left  { top: .0rem; margin-top: -4px; margin-left: 24%; text-align: left; }    
    
.carousel-item { height: 10rem; }   

 .carousel-caption {  right: 9%; }      
    
.carousel-caption p { margin-bottom: 1.0rem; font-size: .80rem; line-height: 1.35; margin-top: -17px; }       

.carousel-control-next, .carousel-control-prev { width: 10%; }

.carousel-indicators { display: none; }

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.3rem; height: 1.3rem; }
    
 
  } 



@media (min-width: 500px) {
 
.carousel { height: 12.0rem; margin-bottom: 2.1rem; }

.c-text-left  { top: .01rem; margin-top: inherit; margin-left: 24%; text-align: left; }    
    
.carousel-item { height: 11.0rem; }   
 
 .carousel-caption {  right: 9%; }      
    
.carousel-caption p { margin-bottom: 1.0rem; font-size: .83rem; line-height: 1.35; margin-top: -15px; }       

.carousel-control-next, .carousel-control-prev { width: 10%; }

.carousel-indicators { display: none; }

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.4rem; height: 1.4rem; }
    
 
    
  } 



@media (min-width: 576px) {
 
.carousel { height: 12.5rem; margin-bottom: 2.5rem; }

.c-text-left  { top: .01rem; margin-top: inherit; margin-left: 24%; text-align: left; }    
    
.carousel-item { height: 12.5rem; }   
  
 .carousel-caption {  right: 9%; }      
    
.carousel-caption p { margin-bottom: 1.0rem; font-size: .85rem; line-height: 1.35; margin-top: -5px; }       

.carousel-control-next, .carousel-control-prev { width: 10%; }

.carousel-indicators { display: none; }

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.5rem; height: 1.5rem; }
    
 .hide-small-4 { display: inline; }      
    
  } 



@media (min-width: 650px) {

.carousel { height: 13.5rem; margin-bottom: 2.2rem; }

.c-text-left { top: .1rem; margin-left: 120px; text-align: left; }

.carousel-item { height: 13.5rem; }

.carousel h1 { font-size: calc(1.25rem + 1.25vw); }
 
.carousel-caption {  right: 8%; }     
    
.carousel-caption p { margin-bottom: 1.0rem; font-size: .9rem; line-height: 1.35; margin-top: -15px; }    
    
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.8rem; height: 1.8rem; }   
    
.carousel-control-next, .carousel-control-prev { width: 10%; }
    
.carousel-indicators { display: flex; }   
       
}



@media (min-width: 768px) {

.carousel { height: 18rem; margin-bottom: 2.1rem; }

.c-text-left { top: .3rem; margin-left: 170px; text-align: left; }

.carousel-item { height: 18rem; }

.carousel h1 { font-size: calc(1.375rem + 1.45vw); }
 
.carousel-caption {  right: 9%; }      
    
.carousel-caption p { margin-bottom: 1.3rem; font-size: 1.08rem; line-height: 1.33; margin-top: -12px; }    
  
    
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; }    
.carousel-control-next, .carousel-control-prev { width: 10%; }
    
.carousel-item .btn-sm { display: inline-block; }    
    
    
/*.photo-box-wrap { max-width: 300px; float: right; margin: 0 0 0 15px;  }	
.photo-box-text { padding: 5px 5px 10px 5px }
.photo-box-img { display: block }    */
        
    
}



@media (min-width: 992px) {

.carousel { height: 18rem; margin-bottom: 2.1rem; }

.c-text-left { top: .3rem; margin-left: 168px; text-align: left; }

.carousel-item { height: 24rem; }

.carousel h1 { font-size: calc(1.2rem + 1.5vw); }
 
.carousel-caption {  right: 8%; }   
    
.carousel-caption p { margin-bottom: 1.3rem; margin-top: -12px;  font-size: 1.1rem; line-height: 1.4; }    
    
.carousel-control-next, .carousel-control-prev { width: 10%; }
    
}




@media (min-width: 1200px) {

.carousel { height: 21rem; margin-bottom: 2.1rem; }

.c-text-left { top: .35rem; margin-left: 215px; text-align: left; }

.carousel-item { height: 28rem; }

.carousel h1 { font-size: calc(1.3rem + 1.5vw); }
  
.carousel-caption {  right: 10%; }
    
.carousel-caption p { margin-bottom: 1.5rem; margin-top: -15px; font-size: 1.20rem; line-height: 1.4;  }    
     
    
.carousel-control-next, .carousel-control-prev { width: 11%; }       
    
}





@media (min-width: 1400px) {

.carousel { height: 23rem; margin-bottom: 4rem; } 
    
.c-text-left  { top: 3rem; margin-left: 235px; text-align: left; }

.carousel-item { height: 32rem; }

.carousel h1 { font-size: calc(1.375rem + 1.5vw); }
  
.carousel-caption {  right: 10%; }    
    
.carousel-caption p { margin-bottom: 2.05rem;  margin-top: -15px; font-size: 1.25rem; line-height: 1.4; }   
  
.carousel-control-next, .carousel-control-prev { width: 10%; }    
    
    
}