:root {
  --body-font-size: 18px;
  --breadcrumb-font-size: 17px;
  --body-color: #4a4c4d;t
}
#skip_to_main:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.container-header .mod-menu>li>a {
  color: black;
}

.container-header {
  background: none;
  margin: 0 130px 50px;
}

.container-header .navbar-brand {
  position:absolute;
  font-size: 1rem;
  }
.container-header .grid-child {
  width: unset;
}
@-moz-document url-prefix() {
    .container-header .grid-child {
      margin-top: -18px;
/*      margin-left: 10em;*/
    }
  }
.navbar-brand {
  left: 20px;
  top: 4px;
}
p.content-big, .content-big a {
  font-size: 18px;
  font-weight: 600;
  color: #525252;
  line-height: 28px;
  margin-bottom: 25px;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin: 0.67em 0;
  letter-spacing: 0px;
}
h1, .h1 {
  font-size: 31px;
}
h2, .h2 {
  font-size: 24px;
}
h3, .h3 {
  font-size: 21px;
}
h4, .h4 {
  font-size: 18px;
}

.awesomplete {
  float: left;
  margin-left: 15px;
  padding-top: 12px;
}
.awesomplete > input {
    font-size: 17px;
}
.container-component>:first-child {
  margin-top: 3em;
}
a.clear {
  color: #4a4c4d !important;
  text-decoration: none;
  font-size: .75rem;
}
div.navbar-brand > a > img {
  border: none;
  margin: 0;
  border-radius: 0;
  min-width: 250px
}
div.footer > div > div > div > div > p > a > img {
  border: none;
  margin: 0;
  border-radius: 0;
}
.awesomplete > input {
  border-radius: 100px;
  height: 44px;
  width: 180px;
}
img.footer {
  border:none;
  margin:0
}
idmg {
  border: black solid thin;
  border-radius: 4px;
  margin: 8px;
}
img.flyer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 210px;
  margin-bottom: 12px;
}
a.flyer {
  font-size: .65rem;
  color: #4a4c4d;
  font-weight: bold;
  line-height: 1em;
  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;
}
.mod-list li {
  line-height: 1rem;
  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: #5a5a5a;
  font-size: 20px;
  font-weight: bold;
}
div.common-block {
  align-items: center;
}
.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;
}
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: 4px 1rem;
  color: #fff;
  font-size: .5rem;
  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*/
  }
}
button.accordion-button {
  font-size: 32px !important;
  font-family: SourceSans;
}
    .topnav-language-area {
        position: absolute;
        top: 55px;
        right: 8.2%;
        font-size: 16px;
        font-weight: 700;
      margin-top: -50px;
    }

    .lang-active {
        text-decoration: underline;
        color: #000;
    }

    .lang-notactive > a {
        color: #717271;
    }

    .td-separator {
        padding: 0 5px;
        color: #ffffff;
    }

ul.mod-languages__list.lang-inline {
  border-bottom: thin solid;
  padding-bottom: 8px;
}

.rich-text header p {
  font-size: 24px;
  color: #555555;
}

.field-item h2 {
  font-size: 36px;
  color: #0056aA;
}

.featured-footer--content-column .featured-footer--content-body .rich-text li:first-child {
  position: relative;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}}

.fedatured-footer--content-column:first-child .featured-footer--content-body {
  padding-left: 67px;
}

.featured-footer--content-body .rich-text {
  font-size: 14px;
  font-size: .875rem;
}
.fdeatured-footer--content-column:first-child {
  width: 31%;
}
.fedatured-footer--content-column:not(:first-child) {
  width: 23%;
}
.featured-footer--content-body .rich-text>:last-child:not(address) {
  list-style: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.featured-footer--content-body .rich-text ul li a.footer-menu{
  text-decoration: none;
  color:#0c65b9;
}
.featured-footer--content-body .rich-text ul li a.footer-menu:hover {
  text-decoration: underline;
  color:#0c65b9;
}
.featured-footer--content-body .rich-text ul li a.footer-menu-head {
  text-decoration: none;
}
.featured-footer--content-body .rich-text ul li a.footer-menu-head:hover {
  text-decoration: underline;
  color:#595b5c;
}

/* Styles for Home Page Card Layouts - start */
.shadow-boxstyle {
    box-shadow: 5px 5px rgb(219, 240, 249);
  padding-bottom: 12px;
}

@media (min-width: 768px) {
    .card-deck {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .card-deck {
        padding: 0 20px;
    }
  .cccschools-area-text {
    color: #fff;
  }
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(251, 215, 118);
    border-radius: 0;
    margin: 0 6px;
}

.card-lightyellow {
    background-color: rgb(254, 244, 219);
  height: 100%;
}

.card-mediumyellow {
    background-color: rgb(254, 238, 201);
  height: 100%;
}

.card-darkyellow {
    background-color: rgb(253, 233, 183);
  height: 100%;
}

.card-header {
    padding: 0 20px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}

.card-header-border {
    width: 50px;
    margin-top: -12.5px;
    border-bottom: 3px solid #FFB600;
}

.card-header-text {
    color: rgb(0, 0, 99);
    font-size: 12pt;
    font-weight: bold;
}

.card-body {
    padding: 0 20px 10px 20px;
}

.card-text-header  {
    color: #40B4E5;
    font-size: 12pt;
    font-weight: bold;
 }
.card-text-header a {
  	text-decoration: none;
}

.card-text-normal {
    color: #43474A;
    font-size: 10pt;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(237, 218, 174);
}
.card-text-last {
    border-bottom: 0;
    padding-bottom: 0;
}
/* Styles for Home Page Card Layouts - end */

.card-header-text h2, div.card-header h2, li.card-text-header h3  {
  font-family: 'SourceSans', Helvetica, Arial, sans-serif;
}
.contact-card h2  {
  margin-bottom: 20px;
  font-family: 'SourceSans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.contact-card p  {
  margin-bottom: 0px;
  color: #53575A;
  font-size: 10pt;
}

.contact-card_content {
  background: #FAEABD;
  box-shadow: -15px 15px 1px rgb(247 221 151 / 80%);
  font-family: 'SourceSans', Helvetica, Arial, sans-serif;
  text-align: center;
}

.contact-card_area {
    background-color: #ffffff;
    float: left;
    clear: left;
    position: relative;
    z-index: 50;
}

.contact-card_overlay {
    position: absolute;
    width: 101%;
    height: 97%;
    background-color: rgb(247 221 151 / 80%);
    left: 9px;
    top: 5px;
    transform: rotate(-6deg);
    z-index: -1;
}
@media (max-width: 756px) {
  .contact-card_overlay {
    transform: rotate(-4deg);
  }
}

div.bfooter > a {
  color: white;
}

.cccschools-area-text {
  max-width: 500px;
}
.page-banner-content > div > div > .cccschools-area-text {
  padding: 18px;
    background-color: rgb(80, 80, 100, 0.4);
    border-radius: 30px;
}
.cccschools-area-text > h1 {
  margin-top: -3px;
  }
.container-topbar a:not(.btn), .container-topbar .btn-link, .container-below-top a:not(.btn), .container-below-top .btn-link {
  color: #5f5f9e;
}

.ui-helper-hidden-accessible > div {
 display: none;
}

.bfooter {
  font-size: 12px !important;
}

.page-footer:before {
    background: none;
    border-width: 70px 0 0 100px;
    border-color: #ffffff transparent transparent #d9f0fa;
}

.page-footer:after, .page-footer:before {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    opacity: 1;
    z-index: 1;
}

.page-footer {
    clear: both;
    overflow: hidden;
    position: relative;
    padding-top: 69px;
    background-color: #d9f0fa;
}

.page-footer:after {
  left: 100px;
  border-width: 0 0 70px 700px;
  border-color: transparent #ffffff #d9f0fa;
}
.page-footer:after {
  clear: both;
}

.page-footer:after, .page-footer:before {
    content: " ";
    display: table;
}
@media (min-width: 768px) {
    .page-footer:before {
        border-width: 140px 0 0 200px;
    }
  .contact-card_area {
    width: 43.5%;
  }

}

@media (min-width: 992px) {
    .page-footer:before {
        border-width: 140px 0 0 300px;
    }
}

@media (min-width: 1117px) {
ul.metismenu.mod-list li:nth-child(7),
ul.metismenu.mod-list li:nth-child(8) {
  display:none;
}
    .page-footer:before {
        border-width: 140px 0 0 400px;
    }
}

/*-------------------*/
@media (min-width: 768px) {
  .page-footer:after {
    left: 200px;
    border-width: 0 0 140px 792px;
  }
}
@media (min-width: 992px) {
  .page-footer:after {
    left: 300px;
    border-width: 0 0 140px 900px;
  }
}
@media (min-width: 1200px) {
  .page-footer:after {
    left: 400px;
    border-width: 0 0 140px 2000px;
  }
}

@media (min-width: 768px) {
    .page-footer {
        padding-top: 200px;
    }
}