/* As Designed (Default) */
@margin- 2px 0.125em;
/*Functionality to hide title & tagline when their included in the logo*/
/*Alert Popup*/

#broadcastMessageHolder {
  width: unset;
  max-width: 600px;
}
/*/Alert*/

.catapultannounce-popup .catapultannounce-title-row .catapultannounce-title h2 {
  float: left;
  font-size: 150%;
  font-family: 'Lato', san-serif;
  color: #004a80;
}
.catapultannounce-popup .catapultannounce-title-row h2 {
  float: left;
  font-size: 150% !important;
  font-family: 'Lato', san-serif;
  color: #004a80;
}
/***Banner***/

.ccms-banner:after {
  background: none;
}
.ccms-banner-overlay h1 {
  text-shadow: 1px 1px 1px black;
}
.ccms-banner-overlay p {
  text-shadow: 1px 1px 1px black;
}
.banner .slick-list.draggable {
  background-color: black;
}
.ccms-banner-slider .slick-dots li button {
  color: #000000;
}
.ccms-banner-slider .slick-prev,
.ccms-banner-slider .slick-next {
  background: #0000009e;
}
.ccms-banner-slider .slick-dots {
  bottom: -4px;
}
.ccms-banner-slider .slick-dots li button {
  color: #ffffff;
}
/*High Traffic Icons*/

.row a:hover {
  text-decoration: none !important;
}
.news {
  padding-top: 0em;
}
/*Picture Element*/

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
}
/*The Core Template Assumses 3 primary colors, twin rivers branding requires 3 additional colors which have been added as an override to the core template functionality*/

/*Custom Colors*/

.start-box-group div:nth-child(1) .start-box {
  background-color: #5B7D44;
}
.start-box-group div:nth-child(2) .start-box {
  background-color: #636466;
}
.start-box-group div:nth-child(3) .start-box {
  background-color: #158470;
}
.start-box-group div:nth-child(4) .start-box {
  background-color: #004a80;
}
.top-dashboard .dashboard-item:nth-child(1) .dashboard-content {
  background-color: #5B7D44;
  color: #fff;
}
.top-dashboard .dashboard-item:nth-child(2) .dashboard-content {
  background-color: #636466;
  color: #fff;
}
.bottom-dashboard .dashboard-item:nth-child(1) .dashboard-content {
  background-color: #158470;
  color: #fff;
}
.bottom-dashboard .dashboard-item:nth-child(2) .dashboard-content {
  background-color: #004a80;
  color: #fff;
}
.top-dashboard .dashboard-item:nth-child(1) .btn-white:hover {
  background-color: #697d44;
  color: #fff;
}
.top-dashboard .dashboard-item:nth-child(2) .btn-white:hover {
  background-color: #b39163;
  color: #fff;
}
.bottom-dashboard .dashboard-item:nth-child(1) .dashboard-content .btn-white:hover {
  background-color: #116958;
  color: #fff;
}
/*//Custom Colors*/

/*Topbar Adjustments*/

.header-quicklinks .dropdown > li.district-link {
  display: none;
}
li.school-links i {
  display: none;
}
@media only screen and (max-width: 325px) {
  /*font adjustment for iphone*/
  
  .header-quicklinks ul a {
    font-size: 10px;
  }
}
/*Header*/

.header .header-title .logo img {
  max-height: 90px;
  max-width: inherit;
  margin: 10px 0 0 0;
}
.header.clearfix.row-zero .grid .padded {
  padding: 0px;
}
/*Navbar Adjustments*/

/*Hide All Flyaway Navigation in Top Nav*/

@media only screen and (min-width: 1199px) {
  .wsmenu-list ul li:hover > ul,
  .wsmenu-list ul li > ul {
    display: none !important;
  }
  .wsmenu-list ul li .fa {
    display: none;
  }
}
.wsmenu.slideLeft .wsmenu-list {
  margin: 0px;
}
.sticky .wsmenu ul {
  top: inherit;
}
.navbar .wsmenu {
  padding: 15px 0px;
}
.wsmenu {
  padding: 0px;
}
.navbar {
  margin: 0px;
}
.subpages .navbar {
  margin: 0px 0px 34px;
}
/*Banner Side Button*/

.banner aside a.sidelink {
  background: #ff9200;
}
.banner aside a.sidelink span {
  color: #000;
}
/*Homepage Button Alignment Adjustments*/

.catapultannounce-slideshow-view .catapultannounce-slideshow {
  margin-top: 21px;
}
#calendarPanel ul.ccms-gcalendar-calendar-feed-list li.ccms-gcalendar-full,
.ccmsGoogleCalendar ul.ccms-gcalendar-calendar-feed-list li.ccms-gcalendar-full {
  margin-top: 52px;
  margin-bottom: 10px;
}
#catapultannounce-content a.all-catapultannounce-link {
  margin-top: 11px;
  margin-bottom: 10px;
}
/*dept page styling*/

.dept-contact-info a {
  text-decoration: none;
}
.dept-contact-info h3 {
  font-size: 175%;
}
.dept-contact-info i {
  width: 30px;
  color: #004a80;
  font-size: 20px;
}
/*Announcement Slideshow*/

.catapultannounce-detail span.readmore {
  padding-left: 10px;
  font-weight: bold;
  color: #d3aa71;
}
/*Announcement Blog Adjustments*/

#catapultannounce-content .search {
  float: none;
  margin-left: 0px;
}
.catapultannounce-blog-sidebar .search #catapultannounce-blogview-search {
  width: 200px;
}
#catapultannounce-blog-panel .catapultannounce-blog-sidebar select {
  width: 150px;
}
#catapultannounce-blog-panel .catapultannounce-blog-sidebar input {
  width: 42%;
}
#catapultannounce-content .catapultannounce-blog-view .catapultannounce-list {
  padding-left: 15px;
}
/*Mobile Header Adjustments*/

@media only screen and (max-width: 767px) {
  /*hide social media in mobile*/
  
  .navbar a.social-facebook,
  .navbar a.social-twitter,
  .navbar a.social-youtube,
  .navbar a.social-linkedin,
  .navbar a.social-instagram {
    display: none;
  }
  .header-quicklinks {
    font-size: inherit;
  }
  .header-quicklinks ul a {
    font-size: 10px;
  }
  .header-quicklinks span.divider {
    padding: 0px 6px;
  }
  .header-quicklinks .dropdown > li a {
    padding: 0px 0px 0px 6px;
  }
}
/*Header Updates*/

.homepages.non-teachers .header {
  position: relative;
  padding: 0px;
}
.header .header-title {
  margin-bottom: 0px;
}
@media only screen and (min-width: 767px) {
  .header .header-title .logo img {
    max-height: 80px;
    max-width: inherit;
    margin: 25px 0 15px 0;
  }
  .header .navbar:before {
    content: "";
    display: block;
    height: 30px;
  }
}
@media only screen and (min-width: 769px) {
  .homepages .start-box {
    font-size: 20px;
    height: 170px;
    padding: 28px 10px;
  }
  .homepages .start-box .grow {
    margin-top: 0px;
  }
  .breadcrumb-quick-links .start-box {
    font-size: 14px;
    height: 100px;
    padding: 5px 5px;
  }
}
.homepages img.s-box {
  padding-bottom: 10px;
}
.subpage img.s-box {
  padding-bottom: 5px;
  width: 60%;
  margin-top: 5px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .header .header-title .logo {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-title {
    max-width: 100%;
    display: block;
    margin: 20px 0px;
  }
}
/*Banner Updates*/

.ccms-banner-slider .slick-slide {
  height: 0px;
  padding-bottom: 530px;
  padding-bottom: 28vw;
}
@media only screen and (max-width: 767px) {
  .ccms-banner-overlay h1 {
    font-size: 14px;
  }
}
/*Contact Form*/

#ccms-contactform-verifytext,
#ccms-contactform-emailreceipttext,
input[type="checkbox"].ccms-contactform-fancycheckbox + label {
  color: #000000;
}
/*Sidenav*/

.sidenav a {
  color: #535354;
}
.ccmsImageRotator .ccms-ImageRotator-overlay,
.ccmsImageRotator .slick-prev,
.ccmsImageRotator .slick-next {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.55);
}
.breadcrumbs .grid a {
  color: #0065AD;
}
.ccms-banner.slick-slide.slick-current.slick-active {
  color: white;
  background-color: black;
}
/* -------------------
   Youtube Feed
--------------------*/

.yt-feed-header {
  width: 100%;
  height: 78px;
  background-color: #707173;
}
.yt-feed-header-cont {
  background-image: url(../images/icon_yt_feed.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  text-transform: uppercase;
  color: #e4e4e4;
  height: 78px;
  width: 580px;
  left: 24px;
  position: relative;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .yt-feed-header-cont {
    background-repeat: no-repeat;
    padding-left: 82px !important;
    font-family: 'Cormorant Garamond', Arial, sans-serif, serif;
    font-size: 24px !important;
    text-transform: uppercase;
    height: 78px;
    left: 0px;
    position: relative;
    padding-top: 21px !important;
  }
}
@media only screen and (max-width: 320px) {
  .yt-feed-header-cont {
    font-size: 21px !important;
  }
}
#m1 > ul > li > a,
#m3 > ul > li > a {
  color: #004a80;
  background-color: #ffffff;
}
#m2 > a {
  color: #004a80;
  background-color: #ffffff;
}
.visuallyhidden {
  color: #000000;
  background: #ffffff;
}
/* ---------------------------
 Mobile Responsive Banner Fix
 --------------------------- */

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .banner .ccms-banner {
    padding: 50px;
  }
  .ccms-banner-overlay {
    top: 100%;
  }
  .banner .slick-list.draggable {
    height: 246px !important;
  }
  .ccms-banner-overlay a.ccms-banner-button {
    font-size: 0.65rem;
  }
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
  .banner .ccms-banner {
    padding: 60px;
  }
  .ccms-banner-overlay {
    top: 100%;
  }
  .banner .slick-list.draggable {
    height: 266px !important;
  }
  .ccms-banner-overlay a.ccms-banner-button {
    font-size: 0.65rem;
  }
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
  .banner .ccms-banner {
    padding: 75px;
  }
  .ccms-banner-overlay {
    top: 100%;
  }
  .banner .slick-list.draggable {
    height: 306px !important;
  }
  .ccms-banner-overlay a.ccms-banner-button {
    font-size: 0.65rem;
  }
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banner .ccms-banner {
    padding: 141px;
  }
  .ccms-banner-overlay {
    top: 105%;
  }
  .banner .slick-list.draggable {
    height: 436px !important;
  }
  .ccms-banner-overlay a.ccms-banner-button {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1540px) {
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 5%;
  }
}
@media only screen and (min-width: 1541px) {
  body > div.wsmenucontainer.clearfix.home-custom.homepages.non-teachers.banners > main > div > div:nth-child(1) {
    padding-top: 7;
  }
}
/*Banner Dots Adjustment*/

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .banner .ccms-banner-slider .slick-dots {
    bottom: 125px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
  .banner .ccms-banner-slider .slick-dots {
    bottom: 120px;
  }
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
  .banner .ccms-banner-slider .slick-dots {
    bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banner .ccms-banner-slider .slick-dots {
    bottom: 75px;
  }
}
/*Banner "Read More" Adjustment*/

@media only screen and (max-width: 768px) and (min-width: 1023px) {
  .banner .ccms-banner-overlay {
    max-width: 55% !important;
  }
}
@media only screen and (max-width: 425px) and (max-width: 767px) {
  .banner .ccms-banner-overlay a.ccms-banner-button {
    margin-top: -20px;
  }
}
@media only screen and (min-width: 426px) (max-width: 768px) {
  .banner .ccms-banner-overlay {
    max-width: 55% !important;
  }
}
@media only screen and (min-width: 426px) and (min-width: 768px) {
  .banner .ccms-banner p {
    margin-bottom: 15px;
  }
}
/*---------------------
 Header Buttons fix
 ---------------------*/

@media only screen and (max-width: 767px) {
  .header-quicklinks .dropdown {
    display: inline;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .header-quicklinks .util {
    display: inline;
    text-align: left;
  }
}
#catapultannounce-blog-panel date.catapultannounce-date {
  margin-top: 4.5px;
}
@media only screen and (max-width: 767px) {
  .header-quicklinks .util span.divider:first-of-type {
    display: none;
  }
  .header-quicklinks .dropdown > li a {
    padding: 0;
  }
  .header-quicklinks.visible-xs .col-lg-9.col-md-9.col-sm-12.mobile-no-padding {
    padding-left: 5px;
    padding-right: 5px;
  }
  .header-quicklinks.visible-xs .grid.row-zero.clearfix.mobile-no-gutter {
    display: flex;
    justify-content: center;
  }
  .catapultannounce-slideshow-view ul#catapultannounce-postList.catapultannounce-list {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #catapultannounce-content .catapultannounce-slideshow-view .slick-arrow {
    top: 31%;
  }
}
@media only screen and (min-width: 1024px) {
  #catapultannounce-content .catapultannounce-slideshow-view .slick-arrow {
    top: 35%;
  }
}
@media only screen and (max-width: 1024px) {
  .catapultannounce-slideshow-view .slick-dots {
    position: relative;
    bottom: 0;
  }
}
.wsmenu .wsmenu-list a[href="FIND-YOUR-SCHOOL/index.html"] {
  display: none !important;
}
.start-box-group .start-box .grow figcaption {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
.ccms-banner-overlay h1[style*="display: none"] {
  display: block !important;
  visibility: hidden;
  margin-top: 20px;
}
/*Slick Dots Margin Update */

@media only screen and (min-width: 1440px) {
  .banner .ccms-banner-slider .slick-dots {
    z-index: 11;
    margin: 0 0 2.5% 0;
  }
}
/*School Manager Modification*/

@media only screen and (max-width: 768px) {
  .catapultsm-school-item-linkHolder a {
    display: block;
    padding-top: 30px;
  }
  .catapultsm-school-item {
    text-align: center;
  }
}
.catapultsm-container .form-group select {
  color: #616161 !important;
}