:root {
  --body-font-size: 16px;
  --breadcrumb-font-size: 17px;
  --body-color: #4a4c4d;
}
#skip_to_main:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Base styles for the header */
header.header.container-header.full-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}

/* Base styles for the wrapper */
header.header.container-header.full-width > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/*Base styles for the logo*/
.grid-child.brand {
    text-align: center;
}

/* Base styles for the menu container */
.menu-search {
  margin-bottom: 0.5rem;
  margin-top: -30px;
}
.menu {
  justify-content: flex-start;
  align-self: center;
}
/* Base styles for the search container */
.search {
  justify-content: flex-end;
}
/* Media query for mobile layout (max-width: 768px) */
@media (max-width: 768px) {
  #navbar1 {
    margin-top:4px;
  }
  header.header.container-header.full-width {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
  }
  header.header.container-header.full-width > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .grid-child.brand {
    text-align: center;
  }
  .grid-child.menu {
    width: 30%;
    justify-content: flex-start;
    margin-top:7px;
  }
  .grid-child.search {
    width: 60%;
    justify-content: flex-end;
  }
  .mod-menu.mod-menu_dropdown-metismenu {
      background-color: #FFFFFF;
      box-shadow: 0 0 .5em #0000001a;
  }
}

.metismenu.mod-menu .metismenu-item {
  padding: .4em .4em;
  }
.cameraContents {
  display:flex;
  align-items: center;
  width: 100%!important;
}
.cameraContent {
  left: 0!important;
  padding-left: 7vw!important;
  width: 92vw!important;
}
.cameraContent .camera_caption_desc > p {
  font-size: 16px!important;
  line-height: 19px!important;
}
div.camera_caption > div {
  margin: auto 0;
    background: none;
/*    color: #2a2a2a;
    font-size: 22px;*/
  }
@media (max-width: 500px) {
div.camera_caption > div {
  margin-bottom: 9%;
  }
}
div.camera_caption_title {
  font-size: 21px;
  font-weight: 700;
  color: #525252;
  margin-bottom: 15px;
}
.camera_caption_desc {
  color: #000;
}
.camera_caption_desc > p {
  font-size: 1em;
  color: #2a2a2a;
  line-height: 26px;
  margin: 10px 0
}

@-moz-document url-prefix() {
  .camera_caption_desc > p {
    line-height: 1.5rem;
  }
}
.cameraContent {
  opacity: 1;
  left: 18vh;
  position: absolute;
  width: 600px;
}

/** Position the controls at the bottom for mobile **/
.camera_prev, .camera_next, .camera_commands {
	top: calc( 100% - 20px )!important;;
}
div.camera_prev {
/*  right: 82px;
  left: unset; */
  display: none;
}
div.camera_next {
/*  right: 82px;
  left: unset; */
  display: none;
}
/** Larger than mobile device **/  
@media (min-width: 760px) {
 

  /** Slider text **/
  .cameraContent {
    width: 750px !important;
    padding-left: 10%!important;
  }
    .cameraContent .camera_caption_desc > p {
    font-size: 1em!important;
    line-height: 1.4em!important;
  }
  .camera_caption > div {
    font-size: 18px!important;
    width: 95%!important;
  }
}

cameraContent .camera_caption {
    bottom: 25%!important;
  }
/** Xtra Large (desktop) **/  
@media ( min-width: 500px ) {
  .cameraContent .camera_caption {
    bottom: 15%!important;
  }
}

/** All display sizes **/
/*header .finder {
  display:none;
}*/

.container-header {
  background: none;
}

.content-big, .content-big a {
  font-size: 18px;
  font-weight: 600;
  color: #525252;
  line-height: 28px;
  margin-bottom: 25px;
}
div.content-big > a {
  font-weight: 600;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin: 0.67em 0;
  letter-spacing: 0px;
  font-weight: 400;
  color: #4b4c4d;
}

h1, .h1 {
  font-size: 35px;
}

h2, .h2 {
  font-size: 27px;
}

h3, .h3 {
  font-size: 21px;
}

h4, .h4 {
  font-size: 18px;
}

.metismenu.mod-menu .metismenu-item {
  font-size: 1em;
  color:black;
}

ul.mm-collapse > li.metismenu-item > a,
ul.mm-collapse > li.metismenu-item > button {
  color: black;
}

ul.metismenu.mod-menu > li.metismenu-item.level-1 > a,
ul.metismenu.mod-menu > li.metismenu-item.level-1 > button{
  text-transform: uppercase;
}

.metismenu.mod-menu .mm-toggler, .container-header .navbar-toggler, .container-header .mod-menu>li>a {
   color: black;
}

.mod-menu.mod-menu_dropdown-metismenu {
  background-color: #FFFFFF;
  
}

.metismenu-item:hover {
  background-color:#EEEEEE;
}

/*ul.metismenu ul { //selects the sub menu
  width:100%;
}*/

.metismenu-item.level-2 { //adds a border to the bottom of the li
  border-bottom: 1px solid #CDCDCD;
}

.metismenu.mod-menu .mm-toggler:after { //this is the drop-down arrow in the menu where there are sub-menus.
  content: "";
  border-top: .4em solid #8a8a8a;
  border-left: .4em solid #85808000;
  border-right: .4em solid #00000000;
  width: 0;
  height: 0;
  margin-inline-start: .5em;
  transition: all .3s ease-out;
}

.awesomplete {
  /*float: left;
  margin-left: 15px;*/
}
.awesomplete > input {
    font-size: 17px;
}
/** Make the search page search form have a little margin below. **/
#search-form .input-group .btn-primary {
  margin-bottom:0.8rem;
}

.container-component>:first-child {
  margin-top: 3em;
}
div.row.home {
  margin-top: -40px;
}
.container-breadcrumbs {
  position: relative;
  > * {
    flex: 1;
    margin: ($cassiopeia-grid-gutter * .5) 0;
  }
  @include media-breakpoint-down(lg) {
    flex-direction: column;
    > * {
      flex: 0 1 auto;
    }
  }
}
a.clear {
  color: #00469a !important;
  text-decoration: none;
  font-size: 14px;
}

div.footer > div > div > div > div > p > a > img {
  border: none;
  margin: 0;
  border-radius: 0;
}
.awesomplete > input {
/*  border-radius: 100px;
  height: 44px;
  width: 85%;
  max-width: 85%; */
}
img {
  border: black solid thin;
  border-radius: 4px;
  margin: 8px;
}
.brand-logo img {
  border:none;
  width: 331px;
  height: 53px;
}
img.flyer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 210px;
  margin-bottom: 12px;
}
a {
  color: #002f6d;
}
a.flyer {
  font-size: 16px;
  color: #002f6d;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  }
div.flyers {
  text-align: center;
  height: 220px;
  border-color: rgb(200, 200, 200);
  margin: 6px; 
  padding: 12px; 
  background-color: rgb(240, 240, 240);"
}
.footer {
  color: #4a4c4d;
  background-color: #d8f0fa;
  margin-top: 1em;
  background-image: none;
  margin-top: 50px;
}
.footer h4 {
  font-family: "SourceSans", sans-serif;
  font-weight: bold;
  color: #002f6d;
}
.mod-list li {
  padding: 0;
}
.pd-filename {
  display: none;
}

.blog-featured {
  max-width: 85%;
  margin: auto;
}
a > button.btn {
  opacity: 1;
}
div.common-block > a {
  text-decoration: none;
}
div.common-block > a > h4 {
  font-family: 'SourceSans', sans-serif;
  color: #525252;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
div.common-block {
  align-items: center;
}
.service-section {
  margin-top: 32px;
}
.service_circle {
    height: 108px;
    width: 108px;
    border-radius: 50%;
    background-color: #e5f0ff;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service_icon {
  border: none;
  width: 48px;
}
@media (min-width: 1200px) {
  .home {
    max-width: 1140px;
    margin: 0 auto;
  }
}
div.card.home-page {
  border:none;
}
div.home-page > div.card-body {
  max-width: 85%;
  margin: 0 auto;
}
div.wide-container > div > div.container {
  max-width: 100%;
}
button.read-more {
  border-radius: 40px;
  height: 38px;
  padding-top: 0;
  font-size: 0.8rem;
  margin-top: 4px;
}

a.btn.read-more,
a.btn.read-more:hover {
  text-decoration: none;
  background-color: #102755;
  border-radius: 38px;
  padding: 6px 24px;
  color: #fff;
  font-size: 16px;
  
  margin-top: 12px;
/*  height: 38px;
  line-height: 1.2em;*/
}
@-moz-document url-prefix() {
  a.btn.read-more,
  a.btn.read-more:hover {
    padding: .6rem 1rem;
    font-size: .9rem;
/*    line-height: .9em*/
  }
}
div.top-story > div > div > a > img {
  width:100%;
  margin: 0 auto;
  
}
div.top-story > div:nth-child(2) {
  padding: 6px 18px;
}
div.top-story > div:nth-child(2) > div > h3{
    line-height: 1.5em;
    min-height: 88px;
  font-family: "SourceSans", sans-serif;
  font-weight: bold;
}
div.top-story > div:nth-child(2) > div > p:first-of-type {
    min-height: 190px;
}
div.top-story {
  box-shadow: 0px 3px 10px #0000001c; 
  margin: 0 4px;
}
div.moduletable.home-page > div > div:nth-child(2) > div {
  padding: 0 21px;
  min-height: 310px;
}
div.moduletable.resource-kit > ul > li.nav-item > a {
  font-size: 16px;
}
div.moduletable.resource-kit {
  margin-left: 80px;
}
a.learn_more {
  display: block;
  margin-top: 20px;
  text-decoration: none;
  color: #4a4c4d
}
a.learn_more:after {
content: ">";
  font-family: "FontAwesome";
  font-size: .8em;
  color: #4B4949;
  display: inline-block;
  border: 5px white;
  margin-left: 10px;
  padding-bottom: 6px;
  transform: scaleY(1.75);
  transition: all 250ms cubic-bezier(0.4, 0, 1, 1);
}
.copyright-block p {
  font-size: 14px;
  color: #002f6d;
}
.yt_img {
  position: relative;
}

.yt_img > img:first-of-type {
  top: 50%;
  left: 50%;
  border: none;
  position: absolute;
  transform: translate(-50%, -50%);
}
/*@media (max-width: 900px) {*/

@media (max-width: 500px) {
  table.rotate_270 {
    transform:rotate(270deg);
  }
  table.rotate_90 {
    transform:rotate(90deg);
  }
}

.accordion-body > .removable {
  display: none;
}

.container-search {
  min-width: 180px;
}

.footer a:not(.btn):hover {
  color: blue;
}

div.container-component > * + * {
  margin-top: unset;
}