.go,body>footer,body>main a {
    box-sizing: border-box
}

#accordion-mobile li,.nav-main__sub li {
    list-style-type: none
}

#social-media-icon-facebook,#social-media-icon-twitter,#social-media-icon-youtube,.btn,.btn__small,a,body>main a,header.main-navigation a,header.news-navigation a {
    text-decoration: none
}

.cardstrip>ul,.footer-nav ul,.infographic-numbers,.long-list li,.main-navigation ul,.news-navigation ul,.secondary-nav ul,.sidebar li.widget_hcpss_events_upcoming_events,.sidebar li.widget_text,.sidebar li.widget_ultimate_posts,.widget_advanced_menu .menu-side,footer .footer-social-icons,nav#jump-navigation ul {
    list-style: none
}

@keyframes notify-expand {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.08)
    }
}

body {
    font-family: "Source Sans Pro",sans-serif;
    color: #515151;
    background-color: #f4F4EF
}

a {
    color: #3763A4
}

a:hover {
    color: #0063A4
}

[href='#main-content'] {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 99;
}

[href='#main-content']:focus {
    background-color: #FECC6A;
    color: #000;
    padding: 1em;
    right: auto;
    z-index: 99;
}

body>main {
    background-color: #f4f4ef;
    width: 100%;
    font-size: 18px;
    color: #000;
    font-family: 'Source Sans Pro',sans-serif;
    line-height: 24px
}

.beta-warning,.go {
    background-color: #2c3849
}

body>main section {
    margin: 0 auto
}

body>main a {
    color: #3763A4;
    border-bottom: 1px solid #D5D3E1;
    padding: 0
}

.beta-warning,.beta-warning a,.go a,.go a:hover,.welcome-message,.welcome-message a {
    color: #fff
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

main sup {
    font-weight: 300;
    font-size: .5em
}

.beta-warning {
    padding: 5px 5%
}

body>footer::after,body>footer::before,header.main-navigation::after,header.main-navigation::before,section.homepage-contact::after,section.homepage-contact::before,section.homepage-organization::after,section.homepage-organization::before,section.homepage-quote::after,section.homepage-quote::before,section.mm::after,section.mm::before,section.overview::after,section.overview::before {
    content: " ";
    display: table;
    clear: both
}

.academics-overview h2,.homepage-organization h2,.landing-landinglist h2,.mm h2 {
    text-align: center;
    font-size: 1.5em;
    font-family: 'Open Sans','Source Sans Pro',san-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 40px;
    line-height: 1.25em
}

.main-navigation li a,.main-navigation p {
    font-family: 'Open Sans',sans-serif
}

.graphic-overlay--section {
    margin: 0 auto;
    width: calc(90% - 2px);
    padding-top: 6%;
    padding-bottom: 6%
}

.graphic-overlay {
    border: 1px solid #fff
}

@media screen and (min-width: 701px) {
    .graphic-overlay {
        width:40%
    }
}

.graphic-overlay--card {
    padding: 1em;
    color: #fff;
    background-color: #0a253a;
    font-size: 1.25em;
    line-height: 1.4em
}

.graphic-overlay--card dt {
    font-weight: 700
}

.graphic-overlay--card dd {
    margin-bottom: .6em
}

.welcome-message {
    background-color: #2c3849;
    border-bottom: 1px solid #9eb4dd;
    padding: 10px 5%
}

.block img,.landing-landinglist img,.news-content img {
    max-width: 100%
}

header.main-navigation {
    margin-top: 0;
    min-height: 60px;
    border-top: 5px solid #3494D2;
    border-bottom: 2px solid #000
}

.main-navigation p {
    font-size: 3.25em;
    font-weight: 800;
    margin: 0;
    padding-top: 0
}

.main-navigation .hcpss-logo {
    width: 50px;
    vertical-align: top;
    margin-top: 13px
}

.main-navigation--separator {
    color: #9eb4dd;
    font-weight: 600
}

.main-navigation--section {
    font-weight: 500
}

.main-navigation .fa-globe,.main-navigation .fa-search {
    display: inherit
}

.main-navigation nav {
    width: 90%;
    margin: 0 auto
}

.main-navigation ul {
    display: flex;
    flex-direction: column;
    padding-left: 0
}

.main-navigation nav>ul {
    max-height: 0;
    overflow: hidden
}

@media screen and (min-width: 1100px) {
    body>header {
        position:relative
    }

    .main-navigation ul {
        flex-direction: row
    }

    .main-navigation nav>ul {
        overflow: visible
    }

    .main-navigation ul ul {
        display: none
    }
}

.main-navigation nav>ul.open {
    max-height: 40em;
    overflow: hidden
}

.main-navigation ul ul {
    padding-left: 1em
}

.main-navigation ul li {
    text-transform: uppercase;
    margin-top: 1em
}

.main-navigation li a {
    border-bottom: none;
    color: #000
}

@media screen and (min-width: 1100px) {
    ul#main-menu-list {
        position:absolute;
        right: 30px;
        top: -5px
    }

    ul#main-menu-list li {
        padding-left: 10px;
        padding-right: 10px
    }

    ul#main-menu-list li .fa-caret-down {
        display: none
    }
}

.btn__jump-toggle,.btn__main-toggle {
    display: inline-block;
    width: 200px;
    text-align: center;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase
}

.logo-wrapper a {
    color: #444
}

.btn__jump-toggle {
    background-color: #f4f4ef;
    color: #444;
    border: .5px solid #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    transition: box-shadow .2s ease-in-out;
    -webkit-transition: box-shadow .2s ease-in-out
}

.btn__jump-toggle:hover {
    color: #000;
    box-shadow: 0 1px 10px rgba(0,0,0,.3)
}

.btn__main-toggle {
    margin-left: 40px;
    margin-top: 10px;
    background-color: #fff;
    color: #444;
    border: .5px solid #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    transition: box-shadow .2s ease-in-out;
    -webkit-transition: box-shadow .2s ease-in-out
}

.btn__main-toggle:hover {
    color: #000;
    box-shadow: 0 1px 10px rgba(0,0,0,.3)
}

nav#jump-navigation ul {
    padding: 20px;
    background-color: #f4f4ef;
    font-size: 16px;
    font-family: 'Source Sans Pro',sans-serif;
    margin-top: -10px;
    border: 1px solid #444
}

.cardstrip .card>div.text h3,.news-navigation p {
    font-family: 'Open Sans',sans-serif
}

@media screen and (min-width: 558px) and (max-width:700px) {
    nav#jump-navigation ul#menu-list {
        width:50%
    }
}

@media screen and (min-width: 701px) and (max-width:999px) {
    nav#jump-navigation ul#menu-list {
        width:50%
    }
}

@media screen and (min-width: 1100px) {
    .btn__main-toggle {
        display:none
    }

    nav#jump-navigation ul#menu-list {
        width: 30%
    }
}

nav#jump-navigation ul li {
    margin-bottom: 10px
}

nav#jump-navigation ul li span {
    display: block;
    padding-bottom: 5px
}

.overview {
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 1250px) {
    .overview {
        background-size:contain
    }
}

@media screen and (min-width: 1581px) {
    .overview {
        background-size:cover
    }
}

.overview>.cardstrip {
    margin-top: 200px
}

@media screen and (min-width: 701px) {
    .overview>.cardstrip {
        margin-top:350px
    }
}

@media screen and (min-width: 1000px) {
    .overview>.cardstrip {
        margin-top:500px
    }
}

@media screen and (min-width: 1250px) {
    .overview>.cardstrip {
        margin-top:650px
    }
}

.cardstrip {
    background-color: #fff;
    border-top: 3px solid #707070;
    border-bottom: 3px solid #707070;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em
}

.cardstrip .card {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    margin: 0 0 1rem
}

.cardstrip .card>.card__img {
    margin: 0 1rem 0 0;
    font-size: 2rem
}

@media screen and (min-width: 701px) {
    .cardstrip .card {
        flex-direction:row;
        flex-wrap: wrap;
        max-width: 30%;
        justify-content: space-around
    }

    .cardstrip .card>.card__img i {
        font-size: 1.5em
    }
}

.cardstrip .card>div.text {
    flex: 1
}

.cardstrip .card>div.text h3 {
    font-weight: 500;
    margin: 0 0 .5rem
}

.cardstrip .card a {
    border-bottom: none
}

.cardstrip>ul {
    padding-left: 0
}

.cardstrip .card__img {
    min-width: 45px;
    color: orange
}

.cardstrip .card__img .fa-calendar {
    color: orange
}

@media screen and (min-width: 701px) {
    .cardstrip .card>div.text p {
        margin-top:5px
    }

    .cardstrip>ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-around
    }

    .homepage-organization .cardstrip .card {
        text-align: center
    }
}

.mm {
    background-color: #ededed
}

.articlestrip>article,.homepage-quote {
    background-color: #fff
}

.mm h2 {
    line-height: 1.25em
}

.articlestrip {
    margin: 0 auto;
    width: 90%
}

@media screen and (min-width: 558px) {
    .articlestrip {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-around
    }
}

.articlestrip article.card {
    box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px
}

@media screen and (min-width: 558px) and (max-width:700px) {
    .articlestrip article.card {
        display:flex;
        flex-direction: column;
        width: 96%
    }
}

@media screen and (min-width: 701px) {
    .articlestrip article.card {
        display:flex;
        flex-direction: column;
        width: 44%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .landing-header-inner {
        position: relative
    }
}

@media screen and (min-width: 1250px) {
    .articlestrip article.card {
        display:flex;
        flex-direction: column;
        width: 30%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    footer .footer-wrap {
        position: relative
    }
}

.hlights__card--content {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.hlights__card--img img {
    max-width: 100%;
    border-top-left-radius: .625em;
    border-top-right-radius: .625em
}

.homepage-quote {
    padding-top: 40px;
    padding-bottom: 60px
}

.quote-wrapper {
    font-size: 20px;
    font-weight: 100;
    margin: 0 auto;
    width: 90%
}

.quote-wrapper blockquote {
    margin-left: 0
}

.quote-wrapper cite {
    text-transform: uppercase;
    font-style: normal;
    font-size: .8em;
    color: #6E6E6E
}

.quote-wrapper cite span {
    font-weight: 800;
    color: green
}

body>main>section.landing-header {
    background-color: #fff;
    margin: 0 auto
}

body>main>section.landing-header div.landing-header-inner {
    font-family: 'Open Sans',sans-serif;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 90%;
    margin: 0 auto
}

body>main>section.landing-header h1 {
    font-size: 2.5em;
    font-weight: 800;
    text-transform: uppercase
}

div.container+footer {
    margin-top: 30px
}

body>footer {
    background-color: #2c3849;
    border-top: 5px solid #3494D2;
    color: #fff;
    font-size: 1.375em
}

footer .footer-wrap {
    width: 90%;
    margin: 20px auto 0
}

footer .footer-wrap address {
    font-style: normal
}

.main h1,.main h2,.main h3 {
    font-style: "Open Sans",sans-serif
}

footer .footer-address {
    font-size: 16px
}

footer .footer-address address strong {
    font-size: 28px
}

footer a,footer a:hover {
    color: #fff
}

footer .footer-social-icons {
    display: inline-flex;
    margin-top: 30px;
    margin-bottom: 0
}

@media screen and (min-width: 1250px) {
    footer .footer-social-icons {
        font-size:2.625em;
        position: absolute;
        top: 0;
        right: 2em
    }
}

footer ul.footer-social-icons {
    padding-left: 0;
    margin-bottom: 20px
}

footer .footer-social-icons li {
    margin-left: 15px;
    margin-right: 15px
}

@media screen and (min-width: 701px) {
    .homepage-contact {
        background-image:url(https://www.hcpss.org/f/mrb/newdesign/2019-11-15-AG6I4109-1284.jpg);
        background-size: cover;
        min-height: 800px
    }

    .supports-specialeducation {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/young-student.jpg);
        background-size: cover;
        min-height: 800px
    }

    .supports-enrollment {
        background-image: url(https://news.hcpss.org/wp-content/uploads/2016/02/bbms-gt-teacher-students-computer-lab.jpg);
        background-size: cover;
        min-height: 800px
    }

    .supports-lgbtqia {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/rainbow-heart-1248x832.jpg);
        background-size: cover;
        min-height: 800px
    }

    .supports-bsap {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/bsap.jpg);
        background-size: cover;
        min-height: 800px
    }

    .supports-hsp {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/teresa-norman.jpg);
        background-size: cover;
        min-height: 800px
    }

    .academics-jumpstart {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/dual-enroll.jpg);
        background-size: cover;
        min-height: 800px
    }

    .academics-careeracademies {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/arl-architecture-showcase.jpg);
        background-size: cover;
        min-height: 800px
    }

    .academics-earlychildhood {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/early-childhood.jpg);
        background-size: cover;
        min-height: 800px
    }
}

@media screen and (min-width: 701px) and (max-width:1100px) {
    .about-superintendent {
        background-image:url(https://www.hcpss.org/f/mrb/newdesign/dr-martirano-mm.jpg);
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media screen and (min-width: 1101px) {
    .about-superintendent {
        background-image:url(https://www.hcpss.org/f/mrb/newdesign/dr-martirano.jpg);
        background-size: cover;
        min-height: 800px
    }
}

@media screen and (min-width: 701px) {
    .about-board {
        background-image:url(https://www.hcpss.org/f/mrb/newdesign/2019-07-11-boe-AG6I1718.jpg);
        background-size: cover;
        min-height: 800px
    }

    .about-partnerships {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/partnerships.jpg);
        background-size: cover;
        min-height: 800px
    }

    .about-scta {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/tses-student-computer.jpg);
        background-size: cover;
        min-height: 800px
    }

    .foryou-parents {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/parents.jpg);
        background-size: cover;
        min-height: 800px
    }

    .foryou-students {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/mwms-hoc.jpg);
        background-size: cover;
        min-height: 800px
    }

    .foryou-staff {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/nick-vissari.jpg);
        background-size: cover;
        min-height: 800px
    }

    .students-arts {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/dance.jpg);
        background-size: cover;
        min-height: 800px
    }

    .students-athletics {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/basketball.jpg);
        background-size: cover;
        min-height: 800px
    }

    .staff-stafffocusone {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/2020-10-20-AG6I6055.jpg);
        background-size: cover;
        min-height: 800px
    }

    .staff-stafffocustwo {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/2019-12-04-AG6I2174.jpg);
        background-size: cover;
        min-height: 800px
    }

    .parents-visitation {
        background-image: url(https://www.hcpss.org/f/mrb/newdesign/school-visitation.jpg);
        background-size: cover;
        min-height: 800px
    }
}

header.news-navigation {
    max-width: 1248px;
    margin-left: 40px
}

@media screen and (max-width: 42.8125em) {
    header.news-navigation {
        margin-left:0
    }

    .news-navigation {
        float: none;
        border-bottom: 1px solid #000;
        border-top: 5px solid #9eb4dd
    }
}

@media screen and (min-width: 1340px) {
    header.news-navigation {
        margin-right:auto;
        margin-left: auto;
        padding-left: 40px
    }
}

.news-navigation {
    margin-top: 0;
    padding-bottom: 15px;
    min-height: 60px
}

.news-navigation p {
    font-size: 52px;
    font-weight: 800;
    margin: 0;
    padding-top: 0;
    float: left
}

.news-navigation .hcpss-logo {
    height: 50px;
    vertical-align: top;
    margin-top: 13px
}

@media screen and (max-width: 42.8125em) {
    .news-navigation p {
        float:none;
        font-size: 40px;
        margin-left: 10px
    }

    .news-navigation .hcpss-logo {
        height: 40px;
        margin-top: 7px
    }
}

.news-navigation--separator {
    color: #9eb4dd;
    font-weight: 600
}

.news-navigation--section {
    font-weight: 500
}

.news-navigation .fa-search {
    display: inherit
}

.news-navigation nav {
    float: right
}

.news-navigation ul {
    display: flex
}

.news-navigation ul li {
    text-transform: uppercase
}

@media screen and (max-width: 42.8125em) {
    .news-navigation nav {
        float:none
    }

    .news-navigation ul {
        padding-left: 0
    }

    .news-navigation ul li {
        font-size: 18px;
        margin-left: 8px;
        margin-right: 8px
    }
}

@media screen and (min-width: 42.8125em) {
    .news-navigation ul li {
        font-size:28px;
        margin-left: 15px;
        margin-right: 15px
    }
}

.news-navigation li a {
    border-bottom: none;
    color: #64a73c
}

.news-navigation {
    border-bottom: 2px solid #000
}

.news-content {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    width: 60%;
    max-width: 1248px;
    font-size: 1.2em;
    line-height: 1.4em
}

.news-content h1 {
    line-height: 1.1em;
    font-family: 'Open Sans',serif;
    font-weight: 800
}

.video-time {
    font-family: 'Open Sans',sans-serif;
    font-size: .75em;
    color: #777
}

.news-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    grid-template-areas: "fff fff fff fff fff fff fff fff fff fff fff fff" "a a a a a a a a b b b b" "yy yy yy yy yy yy yy yy yy yy yy yy" "c c c c d d d d e e e e" "zz zz zz zz zz zz zz zz zz zz zz zz" "ff ff ff ff ff ff ff ff ff ff ff ff" "yyy yyy yyy yyy yyy yyy yyy yyy yyy yyy yyy yyy" "aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa" "zzzz zzzz zzzz zzzz zzzz zzzz zzzz zzzz zzzz zzzz zzzz zzzz" "h h h h h h h h h h h h" "zzz zzz zzz zzz zzz zzz zzz zzz zzz zzz zzz zzz" "i i i i i i i i j j j j" "k k k l l l m m m n n n";
    margin: auto
}

@media screen and (max-width: 42.8125em) {
    .news-main {
        display:block
    }

    .header-inner {
        text-align: center
    }
}

.block1 {
    grid-area: a
}

.block2 {
    grid-area: b
}

.block3 {
    grid-area: c
}

.block4 {
    grid-area: d
}

.block5 {
    grid-area: e
}

.news-ll {
    grid-area: ff
}

.block8 {
    grid-area: h
}

.block11 {
    grid-area: k
}

.block12 {
    grid-area: l
}

.block13 {
    grid-area: m
}

.block14 {
    grid-area: n
}

.zander {
    grid-area: zz
}

.yander {
    grid-area: yy
}

.yyander {
    grid-area: yyy
}

.zzzander {
    grid-area: zzzz
}

.zzander {
    grid-area: zzz
}

.magic {
    grid-area: aaa
}

@media screen and (max-width: 48.125em) {
    .block3 h2,.block4 h2,.block5 h2 {
        font-size:18px
    }
}

.news-main .homepage-organization h2,.news-main .landing-landinglist h2,.news-main .mm h2 {
    margin-top: 50px
}

.schools-ll {
    margin-right: 40px;
    margin-left: 40px;
    max-width: 1248px
}

section.news-results {
    margin: inherit;
    width: 80%;
    max-width: 900px
}

.media-block {
    display: flex;
    align-items: flex-start;
    padding: 1rem
}

.media-block i {
    color: orange;
    font-size: 3em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .5em
}

@media screen and (max-width: 600px) {
    .media-block i {
        font-size:1.25em
    }
}

.media-block>div {
    flex: 1
}

.media-block h2 {
    line-height: 1.4em
}

.header {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.header-inner {
    position: relative;
    margin-top: 25px;
    margin-bottom: 3px
}

.header-search {
    margin-top: 1em;
    margin-bottom: 1em;
    float: right
}

.header-search form button {
    border: none
}

.header-search form button:focus {
    border: 1px solid #000
}

@media screen and (max-width: 42.8125em) {
    .header-search {
        float:none;
        width: 20em;
        margin: 10px auto;
        text-align: left
    }
}

.heading--center,.hero-heading {
    text-align: center
}

#q {
    width: 70%
}

.logo {
    float: left;
    margin-right: 1em
}

@media screen and (max-width: 42.8125em) {
    #q {
        width:75%
    }

    .logo {
        width: 100%;
        float: none;
        margin-right: 0
    }
}

.logomark {
    width: 600px;
    float: left
}

@media screen and (max-width: 42.8125em) {
    .logomark {
        width:100%;
        float: none
    }

    .social-media-icons {
        padding-left: 0
    }
}

.logomark h1 {
    font-weight: 300;
    font-size: 1.75em;
    margin-top: 10px
}

.logomark a {
    color: #515151
}

.sm {
    float: right
}

.social-media-icons {
    float: left
}

@media screen and (max-width: 42.8125em) {
    .sm,.social-media-icons {
        float:none
    }
}

.social-media-icons li {
    display: inline
}

.body-content {
    float: right;
    width: 65%
}

@media screen and (max-width: 42.8125em) {
    .body-content {
        float:none;
        width: 100%
    }
}

.container {
    /* width: 960px; */
    margin: 0 auto
}

@media screen and (min-width: 1100px) {
.container {
    width: 960px;
    margin: 0 auto
}
}

.main {
    font-size: 16px;
    color: #000;
    margin-left: 1.5em;
    margin-right: 1.5em
}

.main h1 {
    font-size: 2em;
    color: #0063A4;
    font-weight: 700;
    line-height: 1.3em;
    padding-bottom: 10px
}

.main h2 {
    font-size: 1.5em;
    margin-bottom: 10px
}

.main h3 {
    font-size: 1.3125em;
    color: #000
}

.main li {
    margin: 0 0 .5em
}

.main p {
    color: #000;
    line-height: 24px;
    margin-right: 35px
}

@media screen and (min-width: 1100px) {
    .container {
        float:none;
        width: 100%;
        max-width: 1248px
    }

    .main {
        font-size: 18px
    }

    a .fourths__action-tile {
        min-height: 156px
    }
}

.flex-contain-row-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around
}

@media screen and (max-width: 555px) {
    .flex-contain-row-wrap {
        display:inline-flex
    }
}

.flex-wrap--no-space {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

@media screen and (max-width: 555px) {
    .flex-wrap--no-space {
        display:inline-flex
    }
}

.hero-heading h1 {
    font-size: 2.5em;
    font-weight: 300;
    color: rgba(81,81,81,.95);
    font-family: "Open Sans",sans-serif
}

@media screen and (min-width: 42.8125em) {
    .hero-heading h1 {
        font-size:3em
    }
}

.heading--center {
    display: block
}

@media screen and (max-width: 42.8125em) {
    .container {
        float:none;
        width: 100%
    }

    .heading--center {
        text-align: left;
        display: block
    }
}

.heading__no-reset--center,.section__breakout--aside h3 {
    text-align: center
}

.section__breakout--full,.section__breakout--full-first,.section__breakout--full-rounded {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7;
    background-color: #fff;
    margin-top: 2em;
    margin-bottom: 2em
}

@media screen and (max-width: 42.8125em) {
    .section__breakout--full,.section__breakout--full-first,.section__breakout--full-rounded {
        margin-top:1em;
        margin-bottom: 1em
    }
}

.section__breakout--full-first,.section__breakout--full-rounded-first {
    margin-top: 0
}

@media screen and (min-width: 1000px) {
    .section__breakout--full,.section__breakout--full-first,.section__breakout--full-rounded {
        margin-left:-2em;
        padding: 1em 2em
    }
}

@media screen and (min-width: 690px) and (max-width:999px) {
    .section__breakout--full,.section__breakout--full-first,.section__breakout--full-rounded {
        margin-left:0;
        padding: 1em 1em 1em 2em
    }
}

@media screen and (max-width: 689px) {
    .section__breakout--full,.section__breakout--full-first,.section__breakout--full-rounded {
        margin-left:-2em;
        padding: 1em 1em 1em 2em
    }
}

.section__breakout--full-rounded {
    border-radius: 20px
}

@media screen and (max-width: 46.875em) {
    .section__breakout--full-rounded {
        border-radius:0
    }
}

.section__breakout--aside {
    padding: 1em;
    margin: 1em;
    background-color: #e7e7e7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 19.5px
}

@media screen and (max-width: 42.8125em) {
    .section__breakout--aside {
        margin:0
    }

    .section__breakout--aside h3 {
        text-align: left
    }
}

.callout,.callout--rounded-no-border,.callout-border-prim,.callout-border-sec,.callout-border-tert {
    background-color: #F8F4F2;
    width: initial;
    float: left;
    padding: .5em .5em .5em 1em;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.callout-border-prim {
    border-top: #0063A4 3px solid;
    border-bottom: #0063A4 3px solid
}

.callout-border-sec {
    border-top: #7DC254 3px solid;
    border-bottom: #7DC254 3px solid
}

.callout-border-tert {
    border-top: #dd674a 3px solid;
    border-bottom: #dd674a 3px solid
}

.callout--rounded-no-border {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px
}

@media screen and (max-width: 999px) {
    .callout--rounded-no-border {
        border-bottom-right-radius:0;
        border-top-left-radius: 0
    }
}

fieldset {
    border: none
}

.contents__lgtext-center,.contents__lgtext-center--three,.contents__lgtext-center--two {
    font-size: 125%;
    text-align: center
}

.contents__lgtext-center p,.contents__lgtext-center--three p,.contents__lgtext-center--two p {
    margin-top: 10px;
    margin-right: 0
}

.contents__lgtext-center--three div:nth-child(1) p {
    border-right: 3px solid #e7e7e7;
    margin-right: 0
}

@media screen and (max-width: 42.8125em) {
    .contents__lgtext-center--three div:nth-child(1) p {
        border-right:none
    }
}

.contents__lgtext-center--three div:nth-child(2) p {
    border-right: 3px solid #e7e7e7;
    margin-right: 0
}

@media screen and (max-width: 42.8125em) {
    .contents__lgtext-center--three div:nth-child(2) p {
        border-right:none
    }
}

.contents__lgtext-center--two div:nth-child(1) p {
    border-right: 3px solid #e7e7e7;
    margin-right: 0
}

@media screen and (max-width: 42.8125em) {
    .contents__lgtext-center--two div:nth-child(1) p {
        border-right:none
    }
}

.nav-container {
    display: none;
    width: 800px;
    background-color: #0063A4;
    color: #444;
    height: 40px;
    position: relative;
    float: right;
    margin-right: 70px;
    margin-top: -6.3px;
    padding-top: 5px
}

@media screen and (min-width: 686px) {
    .nav-container {
        display:block
    }
}

#nav-sidebartoggler {
    display: none
}

#nav-sidebartoggler:checked~.nav-main__mobile {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    box-shadow: -10px -4px 100px rgba(0,0,0,.61)
}

#nav-sidebartoggler:checked~.nav-main__mobile_toggle-button .toggle {
    bottom: -1000px
}

.nav-main__mobile {
    z-index: 1;
    position: fixed;
    -webkit-backface-visibility: hidden;
    padding-top: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background: #e7e7e7;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s,box-shadow .3s;
    -moz-transition: -moz-transform .3s,box-shadow .3s;
    transition: transform .3s,box-shadow .3s;
    overflow: scroll
}

#accordion-mobile ul {
    padding-left: 0
}

#accordion-mobile ul ul {
    display: none;
    background-color: #0063A4
}

#accordion-mobile ul h3 {
    padding-left: 1em;
    padding-bottom: .6em;
    padding-top: .6em;
    color: #fff;
    font-weight: 400;
    margin: 0;
    background: linear-gradient(#005d9a,#004673);
    background-color: #005d9a;
    cursor: pointer
}

.nav-main__mobile-inner {
    padding-top: .4em;
    padding-bottom: .4em
}

.nav-main__mobile-inner li {
    margin-left: 1.8em;
    margin-right: .2em;
    margin-bottom: .6em;
    font-weight: 300;
    color: #fff
}

.nav-main__mobile-inner li a {
    color: #fff
}

.nav-main__mobile-inner li:before {
    margin-right: .25em
}

#accordion-mobile li.active ul {
    display: block
}

.nav-main__mobile-container {
    padding: 0
}

.btn__nav-toggle {
    display: inline-block;
    width: 200px;
    text-align: center;
    text-transform: none;
    font-size: .8em;
    background-color: #FFF;
    color: #444;
    border: .5px solid #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    font-weight: 400;
    padding: 10px;
    transition: box-shadow .2s ease-in-out;
    -webkit-transition: box-shadow .2s ease-in-out
}

#search-button,.btn,.btn__small,.section-header {
    text-transform: uppercase
}

.btn__nav-toggle:hover {
    color: #000;
    box-shadow: 0 1px 10px rgba(0,0,0,.3)
}

#nav-main__mobile_toggle-button {
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 250px;
    position: relative;
    clear: left
}

@media screen and (min-width: 686px) {
    #nav-main__mobile_toggle-button {
        display:none
    }
}

.nav-main {
    display: block;
    width: 100%;
    margin-top: -.2em
}

.nav-main__item,.nav-main__item>a {
    position: relative;
    display: inline-block
}

.nav-main__item-title {
    font-size: 20px
}

.nav-main__item {
    margin-right: .5em;
    bottom: 4px;
    vertical-align: top
}

.nav-main__item>a {
    color: #fff;
    padding: .5em 1em;
    margin: 0 0 -1px
}

.nav-main__item-action p {
    float: right
}

.nav-main__item-action p a {
    color: #3763A4!important
}

.nav-main__sub h2,.nav-main__sub h2 a,.nav-main__sub li a,.nav-main__sub p a,.nav-main__sub-group a {
    color: #444;
}

.nav-main__item>a.open {
    z-index: 2;
    background-color: #fff;
    color: #444;
    border-bottom: none;
    border-top: 2px solid #3494D2
}

a[href*=about]+.nav-main__sub {
    margin-left: -2.5em;
    background-color: #fff
}

a[href*=schools]+.nav-main__sub {
    margin-left: -9.12em;
    background-color: #fff
}

a[href*=academics]+.nav-main__sub {
    margin-left: -16.8em;
    height: 25em;
    background-color: #fff
}

a[href*=services]+.nav-main__sub {
    margin-left: -26.1em;
    background-color: #fff
}

a[href*=news]+.nav-main__sub {
    margin-left: -34.08em;
    height: 18.75em;
    background-color: #fff
}

a[href*=contact]+.nav-main__sub {
    margin-left: -40.33em;
    height: 17.5em;
    background-color: #fff
}

.nav-main__sub {
    position: absolute;
    z-index: 1;
    display: none;
    padding: .5em 1em .5em 3em;
    background-color: #fff;
    width: 46em;
    height: 15.625em;
    border-bottom: 4px solid #0063A4
}

.nav-main__sub section,.nav-main__sub ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    padding: 0
}

.nav-main__sub li {
    display: block;
    margin: 0;
    padding: 0
}

.nav-main__sub h2 {
    font-weight: 400;
    font-size: 1.3em
}

.nav-main__sub h3 {
    font-weight: 400
}

.nav-main__sub.open {
    display: block;
    -webkit-box-shadow: 2px 5px 19px -5px rgba(0,0,0,.75);
    -moz-box-shadow: 2px 5px 19px -5px rgba(0,0,0,.75);
    box-shadow: 2px 5px 19px -5px rgba(0,0,0,.75)
}

.nav-main__sub-group {
    width: 30%;
    float: left;
    margin-right: 1em
}

@media screen and (max-width: 42.8125em) {
    .nav-main__item-action {
        float:left
    }

    .nav-main__sub-group {
        margin-top: 1em
    }
}

.secondary-nav {
    display: inline-table;
    height: 60px;
    width: 100%
}

.secondary-nav h2 {
    display: inline-block;
    font-size: 1.5em;
    color: #0063A4;
    font-weight: 500;
    text-align: left;
    max-width: 80%
}

.main img,.step__full {
    max-width: 100%
}

.secondary-nav ul {
    border-bottom: 1px solid #e7e7e7;
    padding: 0
}

@media screen and (min-width: 42.8125em) {
    .secondary-nav h2 {
        display:block;
        font-size: 1.5em;
        float: left
    }

    .secondary-nav {
        display: block;
        border-bottom: 1px solid #e7e7e7
    }

    .secondary-nav ul {
        border-bottom: none;
        float: right;
        margin-top: 1.7em
    }
}

.secondary-nav li {
    display: block;
    font-size: 1.125em
}

@media screen and (min-width: 42.8125em) {
    .secondary-nav li {
        display:inline-block;
        margin: 0 .5em;
        border-bottom: none;
        font-size: 1em
    }
}

.secondary-nav a {
    font-weight: 500
}

.secondary-nav a:hover {
    cursor: pointer
}

.secondary-nav__active-page-link {
    color: #444;
    font-weight: 500
}

.secondary-nav__active-page-link:hover {
    cursor: default
}

@media screen and (max-width: 41.8125em) {
    .secondary-nav__inner--toggle-btn:after {
        transition-timing-function:cubic-bezier(.25,.1,.25,1);
        transition-duration: .7s;
        font-size: 1.3125em;
        font-family: FontAwesome;
        font-weight: 300;
        content: "\f078";
        float: right;
        margin-top: 25px
    }
}

.secondary-nav__inner--hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#secondary-nav--toggle {
    position: absolute;
    left: -10000px
}

@media screen and (max-width: 42.8125em) {
    .secondary-nav__collapsable {
        max-height:0;
        transition: max-height .5s cubic-bezier(.06,1.25,.32,1.28) 0s
    }

    #secondary-nav--toggle:checked~.secondary-nav__collapsable {
        display: block;
        max-height: 400px;
        transition: max-height .55s cubic-bezier(0,0,.2,1) 0s;
        overflow: initial
    }
}

#secondary-nav--toggle:checked~.secondary-nav__collapsable li {
    padding-top: 10px;
    transition: opacity .4s ease-in;
    opacity: 1
}

#secondary-nav--toggle:checked~.secondary-nav__collapsable li:nth-child(1) {
    padding-top: 0
}

@media screen and (max-width: 42.8125em) {
    #secondary-nav--toggle:checked~.secondary-nav__collapsable li a {
        padding:15px 30px 15px 0
    }

    .sidebar {
        border-top: 3px solid #7DC254
    }
}

#secondary-nav--toggle:not(:checked)~.secondary-nav__collapsable li {
    transition: opacity .1s ease-out;
    opacity: 0
}

@media screen and (min-width: 42.8125em) {
    #secondary-nav--toggle:not(:checked)~.secondary-nav__collapsable li {
        opacity:1
    }
}

#secondary-nav--toggle:checked~.secondary-nav__inner--toggle-btn:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.menu-drop {
    display: none;
    width: 760px;
    background-color: #0063A4;
    position: absolute;
    margin-top: 5px;
    padding: 20px
}

.menu-drop section {
    padding-left: 1em
}

.menu-active {
    display: block;
    position: absolute;
    left: 0;
    z-index: 5
}

.sidebar {
    width: 30%
}

.page .sidebar {
    float: left
}

.widget_advanced_menu {
    list-style: none
}

.widget_advanced_menu .menu-side li.menu-item {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e7e7e7
}

.sidebar li.widget_text {
    border-top: 5px solid #7DC254;
    border-bottom: 5px solid #7DC254
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#main-navigation-menu {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 42.8125em) {
    .menu-side {
        padding-left:0
    }

    li#nav-about,li#nav-academics,li#nav-news,li#nav-schools,li#nav-search,li#nav-services {
        font-size: 22px
    }

    li#nav-about,li#nav-academics,li#nav-news {
        float: left;
        padding: .5em 1em
    }

    li#nav-schools,li#nav-search,li#nav-services {
        float: right;
        padding: .5em 1em
    }
}

.section-header {
    color: #0063A4;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF5+fnAAAAf3rwuwAAAA5JREFUeNpiYKAnAAgwAABuAAEcD8SQAAAAAElFTkSuQmCC) center center repeat-x;
    text-align: center;
    clear: both
}

.section-header span {
    background-color: #f4f4ef;
    padding-left: 1em;
    padding-right: 1em
}

.contents {
    display: inline-table;
    width: 100%;
    max-height: 100%
}

.contents__three-col {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 700px) {
    .contents__three-col {
        display:block;
        height: 100%;
        -webkit-column-count: 3;
        -webkit-column-gap: .4em;
        -moz-column-count: 3;
        -moz-column-gap: .4em;
        column-count: 3;
        column-gap: .4em
    }
}

.contents__three-col--masonry {
    height: auto;
    width: 90%;
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding-bottom: .4em;
    padding-left: 1em;
    margin: .4em;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    box-shadow: 1px 1px 1px rgba(0,0,0,.05)
}

@media screen and (max-width: 500px) {
    .contents__three-col--masonry {
        margin:.4em 0
    }
}

.contents__three-col--masonry ul {
    line-height: 1.125em;
    padding-left: 1.8em;
    padding-right: .4em
}

.contents__three-col--masonry h4 {
    margin-bottom: 10px;
    padding-right: 10px
}

.contents__three-col--masonry::after {
    content: "";
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1)
}

.contents__three-col--masonry:hover::after {
    opacity: 1
}

.col-left {
    float: left;
    width: 48%
}

@media screen and (max-width: 42.8125em) {
    .col-left {
        float:none;
        width: 100%
    }
}

.col-right {
    float: right;
    width: 48%
}

@media screen and (max-width: 42.8125em) {
    .col-right {
        float:none;
        width: 100%
    }
}

.thirds {
    float: left;
    width: 33%
}

.thirds h2 {
    border-bottom: 1px solid #e7e7e7;
    display: inline-block;
    font-size: 1.4em;
    margin-bottom: .58333em;
    padding-top: .5em
}

.thirds img {
    margin-left: 30px
}

@media screen and (max-width: 42.8125em) {
    .thirds {
        float:none;
        width: 100%
    }
}

.thirds--first {
    float: left;
    width: 30%;
    border-right: 1px solid #e7e7e7;
    margin-right: 2.2em
}

@media screen and (max-width: 42.8125em) {
    .thirds--first {
        float:none;
        width: 100%;
        border-right: none;
        margin-right: initial
    }
}

.thirds__breakout--tiles {
    width: 30%;
    float: left;
    padding: .2em;
    margin: .2em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 42.8125em) {
    .thirds__breakout--tiles {
        width:100%;
        height: 100%
    }
}

.thirds__breakout--tiles img {
    margin-left: 30px;
    width: 85%
}

@media screen and (max-width: 42.8125em) {
    .thirds__breakout--tiles img {
        width:70%
    }
}

.thirds__action-tile,a .fourths__action-tile {
    float: left;
    width: 33%;
    padding-top: 1.4em;
    text-align: center
}

.thirds__action-tile--dark {
    background-color: #0063A4
}

.thirds__action-tile--medium {
    background-color: #0074D9
}

.thirds__action-tile--light {
    background-color: #3494D2
}

a .fourths__action-tile,a .thirds__action-tile {
    transition: margin-top .2s ease-out;
    -webkit-transition: margin-top .2s ease-out
}

a .fourths__action-tile:hover,a .thirds__action-tile:hover {
    margin-top: -8px
}

@media screen and (max-width: 42.8125em) {
    .thirds__action-tile,a .fourths__action-tile {
        width:100%
    }

    a .fourths__action-tile,a .thirds__action-tile {
        transition: none;
        -webkit-transition: none
    }

    a .fourths__action-tile:hover,a .thirds__action-tile:hover {
        margin-top: 0
    }
}

a .fourths__action-tile {
    width: 25%
}

a .fourths__action-tile--dark {
    background-color: #0063A4
}

a .fourths__action-tile--medium {
    background-color: #0074D9
}

a .fourths__action-tile--light {
    background-color: #3494D2
}

.fourths__action-tile>.fa {
    font-size: 4em
}

@media screen and (max-width: 42.8125em) {
    a .fourths__action-tile {
        width:100%
    }

    .fourths__action-tile>.fa {
        font-size: 3em
    }
}

.thirds__action-tile>.fa,a .fourths__action-tile>.fa {
    font-size: 4em
}

@media screen and (max-width: 42.8125em) {
    .thirds__action-tile>.fa,a .fourths__action-tile>.fa {
        font-size:3em
    }

    .fourths {
        width: 100%;
        border-bottom: 1px solid #e7e7e7
    }

    .fourths img {
        float: left;
        margin-bottom: 1em
    }

    .fourths .caption {
        float: left;
        margin-left: 1em;
        text-align: left
    }
}

.fourths .caption,.thirds .caption {
    text-align: center
}

@media screen and (max-width: 42.8125em) {
    .home-infographics .thirds {
        width:100%;
        border-bottom: 1px solid #E7E7E7
    }

    .home-infographics .thirds img {
        float: left;
        margin-bottom: 1em;
        margin-left: 0
    }

    .home-infographics .thirds .caption {
        margin-top: 4em;
        margin-left: 1em;
        text-align: left
    }
}

.thirds-highlight {
    float: right;
    width: 32%;
    border: 1px solid #3494D2;
    background-color: #fff;
    padding-left: 10px
}

.content-trending .thirds h2 {
    padding-top: 0
}

@media screen and (max-width: 42.8125em) {
    .content-trending .thirds {
        width:100%
    }

    .content-trending .thirds-highlight {
        border-top: 2px solid #3494D2;
        border-bottom: 2px solid #3494D2;
        border-right: none;
        border-left: none;
        padding-left: none;
        background-color: none
    }
}

.fourths,.fourths--no-border {
    float: left;
    width: 25%
}

@media screen and (max-width: 42.8125em) {
    .fourths,.fourths--no-border {
        width:100%
    }

    .fourths img,.fourths--no-border img {
        float: left;
        margin-bottom: 1em
    }

    .fourths .caption,.fourths--no-border .caption {
        float: left;
        margin-left: 1em;
        text-align: left
    }

    .fourths {
        width: 100%;
        border-bottom: 1px solid #e7e7e7
    }
}

.two-thirds {
    width: 66%
}

@media screen and (max-width: 42.8125em) {
    .two-thirds {
        width:100%
    }
}

.two-thirds--first {
    float: left;
    width: 66%
}

@media screen and (max-width: 42.8125em) {
    .two-thirds--first {
        float:none;
        width: 100%
    }
}

.two-thirds--last {
    float: right;
    width: 66%
}

.two-thirds img.double-image {
    width: 100%
}

@media screen and (max-width: 42.8125em) {
    .two-thirds--last {
        float:none;
        width: 100%
    }

    .two-thirds img.double-image {
        margin-top: 1em
    }
}

.two-thirds .thirds {
    width: 50%
}

@media screen and (max-width: 42.8125em) {
    .two-thirds .thirds {
        width:100%
    }
}

.full {
    display: inline-table;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 1em;
    height: 100%
}

.no-border {
    border-top: 0 solid #e7e7e7;
    border-bottom: 0 solid #e7e7e7
}

.post .main {
    float: left;
    width: 65%
}

@media screen and (max-width: 42.8125em) {
    .post .main {
        float:none;
        width: 100%
    }
}

.news-next,.post .sidebar {
    float: right
}

.action-link a {
    background-color: #e51c23;
    color: #fff;
    padding-left: 1em 2em
}

.news-pager {
    border-top: 1px solid #e7e7e7
}

.news-previous {
    text-align: left
}

.news-next {
    text-align: right
}

.sidebar li#sticky-posts-7 {
    border-top: 5px solid #7DC254;
    margin-top: 2em
}

.sidebar li#sticky-posts-6 {
    border-bottom: 5px solid #7DC254
}

@media screen and (max-width: 42.8125em) {
    .sidebar li#sticky-posts-7 {
        border-top:none;
        margin-top: auto
    }

    .sidebar li#sticky-posts-6 {
        border-bottom: none
    }
}

.sidebar li.widget_hcpss_events_upcoming_events {
    border-top: 5px solid #7DC254;
    margin-top: 2em
}

.sidebar li.widget_hcpss_events_upcoming_events h4 {
    margin: 0
}

.sidebar li.widget_hcpss_events_upcoming_events .post {
    margin: 20px 0
}

@media screen and (max-width: 42.8125em) {
    .sidebar li.widget_text {
        border-top:3px solid #7DC254;
        border-bottom: 3px solid #7DC254
    }
}

.post__paragraph--callout {
    font-size: larger;
    font-weight: 300
}

.post__section--callout {
    border-top: #0063A4 3px solid;
    border-bottom: #0063A4 3px solid;
    background-color: #F8F4F2;
    margin-bottom: 2em;
    width: 200px;
    float: right;
    margin-left: 1em;
    padding: .5em .5em .5em 1em
}

.footer {
    margin-top: 10px;
    min-height: 160px;
    background-color: #0063A4;
    border-top: 5px solid #3494D2;
    padding-top: 20px
}

@media screen and (max-width: 42.8125em) {
    .post__section--callout {
        width:100%;
        margin-left: 0;
        margin-right: 0
    }

    .footer {
        margin-left: auto;
        margin-right: auto;
        padding-right: 40px
    }
}

.footer-inner {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.footer-directions {
    width: 45%;
    float: left
}

@media screen and (max-width: 42.8125em) {
    .footer-inner {
        margin:auto;
        padding-left: 20px;
        padding-right: 20px
    }

    .footer-directions {
        float: none
    }
}

.footer-directions address {
    float: right;
    color: #FFF;
    font-style: normal;
    margin-top: 15px
}

@media screen and (max-width: 42.8125em) {
    .footer-directions address {
        float:none
    }

    .subscribe {
        display: block
    }
}

.footer-hcpssnews,.footer-nav {
    float: right;
    width: 45%
}

.footer-hcpssnews {
    padding-left: 1em;
    color: #FFF
}

.subscribe a {
    background-color: #FECC6A;
    color: #444;
    padding: 5px 1em
}

.subscribe a:hover {
    color: #0063A4
}

.footer-nav li {
    float: left;
    margin-right: 1em
}

.icon,.pict {
    float: right
}

.footer-directions address a,.footer-nav a {
    color: #FFF
}

@media screen and (max-width: 42.8125em) {
    #hcpss-gmaps-footer-icon {
        display:none
    }
}

.btn,.btn__small,.btn__small--light {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    font-weight: 400
}

#search-button {
    background-color: #FECC6A;
    border: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 0 .3em .3em 0;
    -webkit-border-radius: 0 .3em;
    -moz-border-radius-topright: .3em;
    -moz-border-radius-topleft: .3em;
    text-shadow: 0 -1px #686868
}

.fa-compass,.fa-dashboard {
    color: #7DC254
}

.btn,.btn__small {
    border-color: #0074D9;
    background-color: #0074D9;
    color: #fff;
    border-radius: 5px;
    font-size: 1.5em;
    transition: background-color .5s ease;
    -webkit-transition: background-color .5s ease
}

.btn__small,.btn__small--light {
    width: 150px;
    text-transform: none;
    font-size: .8em;
    text-align: center
}

.btn:hover,.btn__small:hover {
    color: #fff;
    background-color: #0063A4
}

.btn__small--light {
    background-color: #FFF;
    color: #444;
    border: .5px solid #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    transition: box-shadow .2s ease-in-out;
    -webkit-transition: box-shadow .2s ease-in-out
}

.btn__small--light:hover {
    color: #000;
    box-shadow: 0 1px 10px rgba(0,0,0,.3)
}

.btn--sec {
    background-color: #62A53B;
    transition: background-color .5s ease;
    -webkit-transition: background-color .5s ease
}

.btn--sec:hover {
    color: #fff;
    background-color: #4d822e
}

.btn__text {
    padding: 0 10px;
    border-radius: 0 5px 5px 0
}

.btn--disabled {
    background: #fff;
    color: gray;
    cursor: default;
    opacity: .2
}

.icon {
    width: 300px;
    margin: 0 5px 10px 15px
}

.pdf {
    padding-right: 5px
}

a.pdf-icon {
    color: #9b9b9b
}

a.pdf-icon:hover {
    color: #FF4100
}

.filemeta {
    color: #9b9b9b;
    font-size: 12px
}

.fa-3 {
    font-size: 2em
}

.fa-5 {
    font-size: 4em;
    margin-left: 30px
}

#social-media-icon-twitter {
    color: #55ACEE
}

#social-media-icon-facebook {
    color: #3B5998
}

#social-media-icon-instagram,#social-media-icon-vimeo {
    text-decoration: none;
    color: #4F5156
}

#social-media-icon-youtube {
    color: #CD201F
}

#social-media-icon-facebook:hover,#social-media-icon-instagram:hover,#social-media-icon-twitter:hover,#social-media-icon-vimeo:hover,#social-media-icon-youtube:hover {
    color: #4F5156
}

.infographic-numbers {
    color: #747474;
    font-size: 1.5em
}

@media screen and (max-width: 42.8125em) {
    .infographic-numbers li {
        display:inline;
        font-size: 20px
    }
}

.infographic-numbers em {
    color: #FF4100;
    font-size: 1.5em;
    font-style: normal
}

.fa-calendar,.fa-cloud,.fa-institution,.fa-mobile,.fa-tasks,.fa-users {
    color: #000
}

.shadow-smaller {
    -webkit-box-shadow: rgba(0,0,0,.298039) 0 0 0 1px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-radius: 5px
}

.pict {
    margin: .5em
}

#list p:first-child,.hide--content * {
    margin-top: 0
}

@media screen and (max-width: 42.8125em) {
    .infographic-numbers em {
        font-size:20px
    }

    img.logo.shadow-smaller {
        height: 80px;
        width: 80px
    }

    .pict {
        float: none;
        margin: 0
    }

    .photo-swatch {
        display: none
    }
}

.img--shadow {
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7
}

.img--center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.img__text--center {
    text-align: center
}

.photo-swatch {
    position: relative;
    height: 21.875em
}

.photo {
    position: absolute;
    left: 0;
    top: 0;
    height: 16.25em
}

.photo-01 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.photo-active {
    left: 13em;
    z-index: 2;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    box-shadow: -18px 10px 37px -5px #000
}

.photo-03 {
    left: 25.75em;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.photo-caption {
    position: absolute;
    top: 18.75em;
    left: 9.8125em;
    width: 39.0625em
}

.connect__img {
    width: 85%;
    margin-bottom: 1em
}

.btn--green {
    background-color: #64a73c
}

.step__fourths,.step__thirds {
    background-color: #fff;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    padding: .6em
}

#list h2,#list h3 {
    margin-bottom: 18px;
    cursor: pointer;
    color: #686868;
    font-weight: 400
}

.hide {
    position: absolute!important;
    top: -9999px!important;
    left: -9999px!important
}

.slide-group,.slide-viewer,.step__full {
    position: relative
}

#timeline h3 {
    text-align: center
}

#timeline .arrow {
    margin-top: auto;
    margin-bottom: auto
}

@media screen and (max-width: 42.8125em) {
    .connect__img {
        width:30%
    }

    #timeline .arrow {
        text-align: center;
        display: block;
        margin: .75em
    }
}

.step__thirds {
    display: inline-block;
    width: 14.16667em;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7
}

@media screen and (max-width: 42.8125em) {
    .step__thirds {
        display:block;
        width: 100%;
        height: 100%
    }
}

.step__fourths {
    display: inline-block;
    width: 10.625em;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7
}

@media screen and (max-width: 42.8125em) {
    .step__fourths {
        display:block;
        width: 100%;
        height: 100%
    }
}

.step__fourths p {
    margin-right: 10px
}

.step__full {
    display: block;
    padding: .6em;
    background-color: #F2F2F2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7
}

.step__full+.step__full--arrow {
    text-align: center;
    display: block;
    margin: .75em
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    display: table-cell;
    float: none
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.slide-buttons {
    text-align: center
}

.slide-btn {
    border: none;
    background: 0 0;
    color: #e7e7e7;
    font-size: 200%;
    line-height: .5em
}

.single,.single .card {
    background-color: #3494D2
}

.slide-btn.active,.slide-btn:hover {
    color: #000;
    cursor: pointer
}

.slide-viewer {
    overflow: hidden;
    height: 280px
}

@media screen and (max-width: 42.8125em) {
    .slide-viewer {
        height:520px
    }
}

.slide,.slide-group {
    width: 100%;
    height: 100%
}

.slide {
    display: none;
    position: absolute
}

#result-count,.slide:first-child {
    display: block
}

.single {
    height: 260px;
    margin-bottom: 30px
}

.single .image {
    width: 500px;
    float: left
}

@media screen and (max-width: 42.8125em) {
    .single {
        height:auto
    }

    .single .image {
        width: 100%;
        float: none
    }

    .single .image img {
        width: 100%
    }
}

.single .card {
    color: #fff;
    padding: .5em;
    float: right;
    width: 375px
}

@media screen and (max-width: 42.8125em) {
    .single .card {
        color:#fff;
        padding: 1em;
        float: none;
        width: 100%
    }

    .single .card h2 {
        padding-right: 1em
    }
}

.sch-card__filter-box {
    top: 0;
    width: 100%;
    height: initial;
    margin-bottom: .9375em;
    position: relative;
    background-color: #F2F2F2;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    border: 1px solid #e7e7e7;
    -moz-border-radius: 10px;
    -webkit-border-radius: .625em;
    border-radius: .625em;
    padding-top: 1.25em
}

.sch-card__filter-box--sch-filters {
    width: 12.5em;
    float: left;
    padding-left: 1.25em;
    clear: both
}

@media screen and (min-width: 685px) {
    .sch-card__filter-box {
        height:13.125em
    }

    .sch-card__filter-box--sch-filters {
        width: 100%
    }
}

#result-count {
    float: left
}

@media screen and (max-width: 555px) {
    #result-count {
        width:100%;
        margin-left: 1em
    }
}

@media screen and (min-width: 556px) {
    #result-count {
        height:initial;
        float: right
    }
}

.result-main {
    margin-top: 0
}

.toggle {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 5px;
    left: 10px;
    font-size: 1.5em;
    width: 30px;
    height: 30px;
    cursor: pointer
}

#sch-card__categories-sidebartoggler,#sch-card__modal--toggle {
    display: none
}

#sch-card__categories-sidebartoggler:checked~.sch-card__filters .toggle {
    left: -1000px
}

@media only screen and (max-width: 700px) {
    #sch-carddata {
        margin-top:1em
    }
}

.cardsearchinput {
    color: #000
}

@media screen and (max-width: 685px) {
    .sch-card__categories-container-labels label {
        display:block;
        margin-right: initial
    }
}

.sch-card__categories-container-labels fieldset {
    width: 85%;
    border: 2px solid #cecece
}

.sch-card__categories-container-labels fieldset legend {
    margin: 1em .25em .5em
}

.sch-card__categories-container-labels fieldset label {
    margin-right: 1.5625em
}

#sch-container__filter-button {
    float: left;
    width: 200px;
    position: relative;
    clear: left;
    cursor: pointer;
    font-size: 22px;
    padding-left: .5em
}

.sch-card__filter-box form {
    display: table;
    position: relative;
    font-size: 110%;
    border-collapse: separate;
    padding-left: 1.25em
}

.sch-card__filter-box form label {
    position: absolute;
    left: -9999px
}

.sch-card__filter-box form input {
    display: table-cell;
    position: relative;
    padding: .5em;
    float: left;
    margin-bottom: 0;
    border: 1px solid #e7e7e7;
    border-radius: 0 6px 6px 0;
    border-left: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.15)
}

.sch-card__filter-box form span:first-of-type {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    padding: 10px 12px;
    font-size: 110%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: #0074D9;
    color: #FFF;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15)
}

.ec-lazy,.es-lazy,.hs-lazy,.ms-lazy,img.sch-card__modal--overlay-map-lazy {
    display: none
}

.sch-card__categories {
    z-index: 2;
    position: fixed;
    padding-top: 10px;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s,box-shadow .8s ease-in;
    -moz-transition: -moz-transform .3s,box-shadow .8s ease-in;
    transition: transform .3s,box-shadow .8s ease-in;
    opacity: .98;
    filter: alpha(opacity=98);
    overflow: scroll
}

@media screen and (min-width: 700px) {
    .sch-card__categories {
        padding-top:30px;
        padding-bottom: 30px
    }
}

@media screen and (min-width: 1000px) {
    .sch-card__categories {
        width:325px
    }
}

.sch-card__categories--effect {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: -4px -5px 20px rgba(0,0,0,.2)
}

.sch-card__categories section:nth-child(2) {
    margin-top: 3.125em
}

.sch-card__categories fieldset legend {
    position: absolute;
    left: -9999px;
    text-align: center
}

.sch-card__categories section {
    padding: 10px 10%
}

.sch-card,.social-media-card {
    display: inline-block;
    display: flex;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    padding: 0;
    flex-direction: column;
    width: 70%;
    margin: .8em
}

@media screen and (max-width: 31.9375em) {
    .sch-card,.social-media-card {
        width:100%
    }
}

.sch-card h3,.social-media-card h3 {
    font-size: 18px!important;
    margin-bottom: 0!important;
    cursor: pointer
}

.sch-card p,.social-media-card p {
    margin: .375em 0
}

.sch-card h2,.social-media-card h2 {
    margin-top: 0
}

@media screen and (min-width: 1200px) {
    .sch-card,.social-media-card {
        float:left;
        padding: 0;
        margin: .5em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 30%
    }
}

@media screen and (min-width: 42.8125em) and (max-width:1199px) {
    .sch-card,.social-media-card {
        float:left;
        padding: 0;
        margin: .5em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 47%
    }
}

.sch-card__bg-image {
    height: 9.375em;
    background-size: cover;
    border-top-left-radius: .625em;
    border-top-right-radius: .625em
}

.sch-card__mascot-image,.social-media-card__logo {
    width: 3.75em;
    height: 3.75em;
    max-width: 100px!important;
    margin-top: -2.1875em;
    margin-bottom: .3125em
}

.sch-card__mascot-image {
    position: relative;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.1)
}

.social-media-card__twitter-logo {
    border-radius: 10px
}

.social-media-card__youtube-logo {
    width: 5em
}

.sch-card,.sch-card p,.sch-card__data,.social-media-card,.social-media-card p {
    color: #000
}

#sch-card__data-toggle h3 {
    cursor: pointer;
    color: #000
}

.sch-card__modal {
    z-index: 3;
    left: -9999px;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: -40%
}

.sch-card__modal--overlay {
    left: -9999px;
    position: fixed;
    padding: 20px;
    background: #fff;
    color: #000;
    text-align: left;
    cursor: auto;
    right: 0;
    top: 28%;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 100%
}

@media screen and (min-width: 685px) {
    .sch-card__modal--overlay {
        max-width:70%
    }
}

@media screen and (min-width: 1400px) {
    .sch-card__modal--overlay {
        max-width:50%
    }
}

@media screen and (max-width: 684px) {
    .sch-card__modal--overlay {
        max-width:80%;
        top: 5%
    }
}

@media screen and (max-width: 360px) {
    .sch-card__modal--overlay {
        top:0
    }
}

.sch-card__modal--overlay .sch-card__modal--overlay-inner span {
    margin-bottom: 12px
}

.sch-card__modal--overlay .sch-card__modal--overlay-inner {
    position: static;
    height: 300px;
    overflow-y: auto
}

.sch-card__modal--overlay-map {
    width: 350px;
    max-height: 260px
}

@media screen and (max-width: 685px) {
    .sch-card__modal--overlay .sch-card__modal--overlay-inner h2 {
        margin-top:1.25em
    }

    .sch-card__modal--overlay-map {
        width: 270px
    }
}

.sch-card__modal--close-area {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(68,68,68,.88)
}

.hm-hlights__card,.hm-notify {
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    padding: 0
}

.sch-card__modal--close-btn {
    position: absolute;
    left: 88%;
    top: 0;
    width: 5em;
    margin-top: 1.25em
}

@media screen and (max-width: 685px) {
    .sch-card__modal--close-btn {
        left:5%
    }
}

.hm-hlights__motto {
    text-align: center;
    font-weight: 400;
    font-size: 3em!important;
    margin-top: 10px;
    color: #0063a4;
    text-shadow: 1px 2px #e0e0e0
}

@media screen and (max-width: 42.8125em) {
    .hm-hlights__motto {
        font-size:2.6em!important;
        margin-bottom: .8em!important
    }
}

@media screen and (min-width: 32.9375em) and (max-width:42.8125em) {
    .hm-hlights__card,.hm-notify,.sch-card,.social-media-card {
        width:70%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

.hm-hlights__card {
    display: inline-block;
    display: flex;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    flex-direction: column;
    width: 70%;
    margin: .8em
}

@media screen and (max-width: 31.9375em) {
    .hm-hlights__card {
        width:100%
    }
}

@media screen and (min-width: 686px) {
    .hm-hlights__card {
        float:left;
        padding: 0;
        margin: .8em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 30%
    }
}

.hm-hlights__card--img img {
    border-top-left-radius: .625em;
    border-top-right-radius: .625em
}

.hm-hlights__card--content {
    margin: .8em
}

.hm-hlights__card--headline h2 {
    font-weight: 500;
    margin-bottom: .4em;
    line-height: 1.2em;
    font-family: "Open Sans",sans-serif
}

.hm-hlights__card p {
    margin: 0
}

.hm-hlights__card--blurb {
    margin-bottom: 1em
}

.hm-hlights__card--read-more {
    width: 100%
}

.hm-hlights__card--read-more p {
    font-size: 20px;
    float: right
}

@media screen and (max-width: 32.9375em) {
    .hm-hlights__card--read-more p {
        float:left
    }
}

.hm-notify {
    display: inline-block;
    display: flex;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    flex-direction: row;
    -webkit-animation: notify-expand .8s;
    animation: notify-expand .8s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (max-width: 31.9375em) {
    .hm-notify {
        width:100%
    }
}

.hm-notify .btn__small {
    float: left;
    background-color: #dd674a;
    margin: 0 10px 0 0
}

@media screen and (max-width: 42.8125em) {
    .hm-notify {
        flex-direction:column
    }

    .hm-notify .btn__small {
        margin: 0 10px 10px 0
    }
}

.hm-notify h3 {
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 500
}

.hm-notify__img {
    display: flex;
    align-items: baseline;
    align-self: center
}

.hm-notify__img img {
    border-top-left-radius: .625em;
    border-bottom-left-radius: .625em
}

.hm-notify__content {
    padding-left: 1em;
    width: 75%;
    float: left
}

@media screen and (max-width: 42.8125em) {
    .hm-notify__img img {
        border-top-left-radius:.625em;
        border-top-right-radius: .625em;
        border-bottom-left-radius: 0
    }

    .hm-notify__content {
        width: 95%
    }
}

.hm-notify__content-live {
    padding-left: 1em;
    width: 90%;
    float: left
}

.hm-notify__content-live--inner {
    float: left
}

.hm-notify__content-live--inner p {
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 10px
}

.hm-notify__bg-img {
    background-size: cover;
    width: 20%;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.smtb-mg {
    margin-top: 1em;
    margin-bottom: 1em
}

@media screen and (max-width: 42.8125em) {
    .hm-notify__bg-img {
        width:100%;
        height: 100px!important;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px
    }

    .smtb-mg {
        margin-top: 1em;
        margin-bottom: 1em
    }
}

.lgtb-mg {
    margin-top: 2em;
    margin-bottom: 2em
}

@media screen and (max-width: 42.8125em) {
    .lgtb-mg {
        margin-top:1em;
        margin-bottom: 1em
    }
}

@keyframes fade {
    0% {
        transform: scale(.8,.8);
        opacity: 0
    }

    50% {
        transform: scale(1.1,1.1)
    }

    100% {
        transform: scale(1,1);
        opacity: 1
    }
}

.fade-effect {
    animation: fade .6s;
    animation-timing-function: ease-in;
    animation-timing-function: cubic-bezier(.56,.3,.8,.89)
}

.modal-open {
    position: fixed;
    left: 0
}

.modal-close {
    position: absolute;
    left: -9999px
}

p.tagline {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0063A4;
    text-transform: uppercase;
    text-align: center
}

.menu-drop .thirds li a {
    font-size: 12px
}

.menu-drop .thirds li {
    float: none;
    list-style: disc
}

@media only screen and (min-width: 686px) {
    .footer {
        min-width:1000px
    }
}

@media only screen and (max-width: 685px) {
    .container,.footer,.footer-directions,.footer-hcpssnews,.footer-inner,.header,.main,.sidebar,.thirds {
        width:100%
    }

    .menu-item a:after {
        content: "   >"
    }

    .goal-number {
        display: block
    }
}

@media screen and (max-width: 1099px) {

  ul#main-menu-list li {display: none}
  ul#main-menu-list.open li {display: list-item}

}

main .contents a {
  border-bottom: 1px solid #d5D3E1;
}