@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700,700i,800,800i");
/*This hides the title if the logo contains the same words*/
.container {
  max-width: 1440px;
}
/*Max Container Width*/
/*Max container width	None (auto)	540px	720px	960px	1140px*/
/*@media (min-width:@sm) { ... }*/
/*@media (min-width:@md) { ... }*/
/*@media (min-width:@lg) { ... }*/
/*@media (min-width:@xl) { ... }*/
/*@media (min-width:@xxl) { ... }*/

.visuallyhidden {
  color: #fff;
}
.header .header-title {
  text-align: center;
}
.header .header-title span.header-sub-title {
  color: #3e4650;
}
.header .header-title h1 {
  color: #111;
}
.banner .ccmsSide .side-button span {
  background: rgba(62, 70, 80, 0.8);
  color: #fff;
}
.banner .ccmsSide .side-button:hover span {
  background: rgba(246, 191, 31, 0.8);
}
div.middle-container .column-colored-background:last-of-type {
  background-color: #3E4650;
}
div.middle-container .column-colored-background .catapultTitle {
  color: #fff;
}
ul.ccms-gcalendar-calendar-feed-list li h3 span.ccms-gcalendar-date {
  background: #ffffff;
  color: #4e4e50;
}
ul.ccms-gcalendar-calendar-feed-list li.ccms-gcalendar-full {
  background: #3e4650;
}
.middle-container ul.ccms-gcalendar-calendar-feed-list li article h4 {
  color: #fff;
}
.middle-container ul.ccms-gcalendar-calendar-feed-list li article div {
  color: #fff;
}
.middle-container ul.ccms-gcalendar-calendar-feed-list .ccms-gcalendar-full {
  color: #fff;
}
.ccms-contentelement-HTMLComponent .app-bar .app-bar-buttons a.app-apple:hover i {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0);
}
/*@media (min-width:@sm) { ... }*/

@media (min-width: 768px) {
  .header .header-title h1 {
    font-size: 140%;
  }
  .header .header-title span.header-sub-title {
    font-size: 80%;
  }
}
@media (min-width: 992px) {
  .mega-menu-dropdown {
    width: 50ch !important;
  }
  .header .header-title {
    text-align: left;
  }
  .banner {
    padding-top: 4.5%;
  }
}
@media (min-width: 1200px) {
  .banner {
    padding-top: 3.5%;
  }
  .header .header-title h1 {
    font-size: 200%;
  }
  .header .header-title span.header-sub-title {
    font-size: 110%;
  }
}
@media (min-width: 1500px) {
  .banner {
    padding-top: 2.5%;
  }
}