/* STYLES FOR LEADER PANEL | INTEXTA WEB SERVICES FOR YSGOL HARRI TUDUR/HENRY TUDOR SCHOOL */

.carousel-caption h4 span { display:inline-block; background-color: rgba(0,0,0,0.7); color:#fff; font-family: "Barlowe",sans-serif; font-weight:400; padding:0.3rem 0.3rem; /*border-radius:6px;*/  }
.carousel-caption h5 span { display:inline-block; background-color: rgba(0,0,0,0.7); color:#fff; font-family: "Barlowe",sans-serif; font-weight:400; padding:0.3rem 0.3rem; /*border-radius:6px;*/  }
.carousel-caption p span { display:inline-block; background-color: rgba(0,0,0,0.7); color:#fff; font-family: "Barlowe",sans-serif; font-weight:400; padding:0.3rem 0.3rem; /*border-radius:6px;*/ }
.leader { font-size: 1.1rem !important; }
.leaderh1 { font-size:1.6rem !important; }

.carousel-caption a { font-weight:600 !important; text-decoration:none; }
.carousel-caption a:link { color:#5fc7f4; border-bottom:1px dotted #5fc7f440; } 
.carousel-caption a:visited { color:#5fc7f4; opacity:0.9; border-bottom:1px dotted #5fc7f440; }
.carousel-caption a:hover { color:#fff; border-bottom:1px solid #fff; }
.carousel-caption a:focus { color:#fff; border-bottom:1px solid #fff; }
.carousel-caption a:active { color:#fff; border-bottom:1px solid #fff; }

/*@media (min-width: 576px) {
  .leaderh1 { font-size:1.6rem !important; }
  .leader { font-size: 1.2rem !important; }
  .breadcrumbs { font-size:0.8rem !important; }

}*/

@media (max-width: 767.98px) {

  .leaderh1 { font-size:1.6rem !important; }
  .leader { font-size: 1.2rem !important; }
  .breadcrumbs { font-size:0.9rem !important; }

  .carousel {
    min-height:300px;
  }

  .carousel-item {
    text-align:center;
    width:100%;
    margin-left:auto; margin-right:auto;
    overflow: hidden;
  }
  .carousel-item img {    
    max-height:300px;  
    width:auto;
  }
}

/*@media (min-width: 768px) {
  .leaderh1 { font-size:1.6rem !important; }
  .leader { font-size: 1.2rem !important; }
  .breadcrumbs { font-size:0.9rem !important; }

  .carousel-item img {
    max-height:316px;
    width:auto;
    outline:10px solid orangered;
  }

}*/

@media (min-width: 768px) and (max-width: 991.98px) {

  .leaderh1 { font-size:1.6rem !important; }
  .leader { font-size: 1.2rem !important; }
  .breadcrumbs { font-size:0.9rem !important; }

  .carousel {
    min-height:450px;
  }

  .carousel-item {
    text-align:center;
    width:100%;
    margin-left:auto; margin-right:auto;
    overflow: hidden;
  }
  .carousel-item img {    
    max-height:450px;  
    width:auto;
    
  }
}

@media (min-width: 992px) {
  .leader { font-size: 1.05rem !important; line-height:140%; }
  .leaderh1 { font-size:1.4rem !important; margin:0; }
  .breadcrumbs { font-size:0.9rem !important; margin:0; }  
  .breadcrumbs p { margin:0;  }
  p { margin-top:1rem; }

  .carousel {
    min-height:373px;
  }

  .carousel-item {
    text-align:center;
    width:100%;
    margin-left:auto; margin-right:auto;
    overflow: hidden;
  }
  .carousel-item img {    
    max-height:373px;  
    width:auto;
  }

}

@media (min-width: 1200px) {
  .leaderh1 { font-size:1.9rem !important; }
  .leader { font-size: 1.2rem !important; line-height:150%; }
  .breadcrumbs { font-size:1rem !important; }

  .carousel {
    min-height:569px;
  }
  .carousel-item {
    text-align:center;
    width:100%;
    margin-left:auto; margin-right:auto;
    overflow: hidden;
  }
  .carousel-item img {
    max-height:569px;
    width:auto;
  }
}