@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/css/global.css?v3');
@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/css/megamenu.css');
@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/css/rrssb.css');
@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/css/custom-normalize.css');
@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/css/iziModal.min.css');



/*
@import url(//localhost:8080/monroe/public_html/css/global.css);
@import url(//localhost:8080/monroe/public_html/css/megamenu.css);
@import url(//localhost:8080/monroe/public_html/css/rrssb.css);
@import url(//localhost:8080/monroe/public_html/css/custom-normalize.css);
*/

@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/fonts/fonts.css');
@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/fonts/stylesheet.css');
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.min.css);

video.video-stream.html5-main-video {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    object-fit: cover !important;
}

.html5-video-container {
    width: 100% !important;
    height: 100% !important;
}

section#hero .hero-bg {
background-image: url(https://monroe.hosted.civiclive.com//UserFiles/Servers/Server_10126506/Templates/imgs/hero.jpg)!important;
}

#subpage-content ul.dept-ql-list li a {

overflow: hidden !important; 
}

#pagetitle .pagetitle-logo {
    background-image: url(https://monroe.hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/imgs/breadcrumbs-logo.png);}

#sub-hero {
  /*  background-image: url(https://monroe.hosted.civiclive.com/UserFiles/Servers/Server_10126506/Templates/imgs/sub-hero.jpg); */}


#news_content_body #featured_image {
    padding: 0px 50px 15px 50px;
}


/* ICONS */

#pubWrapper ul.pub-links li a.fa-twitter-square, #pubWrapper ul.pub-links li a.fa-instagram {
    font-size: 1.75em;
}

#subpage-content #RSSLink {
    display: block;
    padding-bottom: 10px;
}


#hero a.newsletter {
    color: #fff;
    display: inline-block;
    background: rgba(0, 0, 0, 0.75);
    padding: 0.5em 1em 1em;
    font-size: 1.25em;
    position: absolute;
    transform: rotate(-90deg) translate(-50%, 0.5em);
    top: 41.5%;
    right: 0px;
    z-index: 1;
    transform-origin: right bottom;
    transition: all 0.3s ease-out;
}


section#hero a.connect {
    top: 10%;
}

#hero a.newsletter .fa {
    margin-left: 0.5em;
    color: #9cb971;
}

#hero a.newsletter:hover, #hero a.newsletter:focus {
    text-decoration: none;
    transform: rotate(-90deg) translate(-50%, 0em);
}


@media screen and (max-width: 1100px) {
    #hero a.newsletter {
        top: 50%;
    }
}

@media screen and (max-width: 900px) {
    #hero a.newsletter {
        top: 55%;
    }
}


@media screen and (max-width: 768px) {
#hero a.newsletter {
    transform: none;
    font-size: 1em;
    top: 85px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 0.5em 1em;
}
#hero a.newsletter:hover, #hero a.newsletter:focus {
   transform: none;
}
}

form#aspnetForm[action$="edit"] .ptl_page, form#aspnetForm[action$="breakLockToEdit"] .ptl_page {
    padding-top: 80px;
}

#news-summary .content .date {
 display: none;
}

#news-summary .content .date {
 display: none;
}


.fa-twitter-square:before {
    display:none;
}

div[id$="divChangToPublish"] .modalPopup {
	height: auto !important;
}

/* Video Slider */

.video-slider * {
  box-sizing: border-box;
}
.video-slider .current-video {
  margin-bottom: 15px;
  padding: 10px;
}
.video-slider .current-video .video iframe {
  width: 100%;
  height: 40vw;
}
@media screen and (max-width: 1000px) {
  .video-slider .current-video .video iframe {
    height: 50vw;
  }
}
.video-slider .videos-container .videos .yt-item {
  padding: 10px;
}
.video-slider .videos-container .videos .yt-item a {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  text-decoration: none;
}
.video-slider .videos-container .videos .yt-item a .image {
  overflow: hidden;
  max-height: 150px;
  margin: 0 auto 10px;
}
.video-slider .videos-container .videos .yt-item a .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 800ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.video-slider .videos-container .videos .yt-item a .caption {
  font-family: "josefin_sanssemibold";
  font-size: 16px;
  color: #000;
}
.video-slider .videos-container .videos .yt-item a .length {
  font-size: 16px;
  color: #000;
}
.video-slider .videos-container .videos .yt-item a:hover .image img, .video-slider .videos-container .videos .yt-item a:focus .image img {
  transform: scale(1.2);
}
.video-slider .videos-container .videos .yt-item a:hover .caption, .video-slider .videos-container .videos .yt-item a:focus .caption {
  color: #335c64;
}
.video-slider .videos-container .nav-container {
  padding: 10px;
  position: relative;
  min-height: 50px;
}
.video-slider .videos-container .nav-container .arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .video-slider .videos-container .nav-container .arrows {
    position: relative;
    justify-content: center;
  }
}
.video-slider .videos-container .nav-container .arrows .slick-arrow {
  background: #335c64;
  border: none;
  font-size: 0;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  margin: 0 1px;
}
.video-slider .videos-container .nav-container .arrows .slick-arrow:after {
  color: #fff;
  font-family: "Fontawesome";
  font-size: 22px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.video-slider .videos-container .nav-container .arrows .slick-arrow:hover, .video-slider .videos-container .nav-container .arrows .slick-arrow:focus {
  background: #9c3a21;
  outline: none;
  box-shadow: none;
}
.video-slider .videos-container .nav-container .arrows .slick-next {
  border-radius: 0 10px 10px 0;
}
.video-slider .videos-container .nav-container .arrows .slick-next:after {
  content: "\f054";
}
.video-slider .videos-container .nav-container .arrows .slick-prev {
  border-radius: 10px 0 0 10px;
}
.video-slider .videos-container .nav-container .arrows .slick-prev:after {
  content: "\f053";
}
.video-slider .videos-container .nav-container .dots {
  display: none;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 100px);
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1001px) {
  .video-slider .videos-container .nav-container .dots {
    display: flex;
  }
}
.video-slider .videos-container .nav-container .dots .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.video-slider .videos-container .nav-container .dots .slick-dots li {
  list-style: none;
  padding: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-slider .videos-container .nav-container .dots .slick-dots li button {
  background: #e2e2e2;
  padding: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  font-size: 0;
}
.video-slider .videos-container .nav-container .dots .slick-dots li button:hover, .video-slider .videos-container .nav-container .dots .slick-dots li button:focus {
  background: #335c64 !important;
  outline: none;
  box-shadow: none;
}
.video-slider .videos-container .nav-container .dots .slick-dots li.slick-active button {
  background: #9c3a21;
}