@charset "UTF-8";

@font-face {
    font-family: Aptos;
    src: url('/images/downloads/Fonts/aptos.woff2');
}

body.contentphppagetest {
    font-family: Aptos, 'Helvetica Neue', Helvetica, sans-serif;
    color: #270f53;
}

body.contentphppagetest .content > .container > div:first-child > div > p,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > p {
    position: absolute;
    left: 0;
    right: 0;
}

body.contentphppagetest .content > .container > div:first-child > div > p img,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > p img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: right;
}

body.contentphppagetest .content > .container > div:first-child > div > div:not(:last-child) > div > div,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > div:not(:last-child) > div > div {
    position: relative;
    display: block;
    min-height: 493px;
}

body.contentphppagetest .content > .container > div:first-child > div > div:not(:last-child) > div > div > div,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > div:not(:last-child) > div > div > div {
    background-color: rgba(255,255,255,0.8);
    display: inline-block;
    margin-top: 4em;
    width: 100%;
}

body.contentphppagetest .content > .container > div:first-child > div > div:nth-child(2) > div > div > div,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > div:nth-child(2) > div > div > div {
    padding: 0.5em 1em 3em 2em;
}

body.contentphppagetest .content > .container > div:first-child > div > div:nth-child(3) > div > div > div,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div > div:nth-child(3) > div > div > div {
    padding: 0.5em 2em 3em 1em;
    text-align: right;
}


body.contentphppagetest .content > .container > div:first-child > div h1 a:hover,
body.contentphppagetest .content > .container > div:first-child > div h2 a:hover,
body.contentphppagetest .content > .container > div:first-child > div h3 a:hover,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h1 a:hover,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h2 a:hover,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h3 a:hover { color: #44789b; }

body.contentphppagetest .content > .container > div:first-child > div h1,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h1 { background-color: rgba(0,0,0,0); }

body.contentphppagetest .content > .container > div:first-child > div h2,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h2 { color: #461da3; }

body.contentphppagetest .content > .container > div:first-child > div h3,
body.contentphppagetest .content > .container > .alt-container:first-child > .container > div:first-child > div h3 { color: #270f53; }

/* NEW HEADER STYLE */
body.contentphppagetest #header { border-bottom: 2px solid #270f53; }
body.contentphppagetest #header-wrap { background-color: #f5f5f5; }
body.contentphppagetest #topnav { background-color: #FFF; border-bottom: 1px solid #d9d9d9; padding: 17px 20px 17px 0; }
body.contentphppagetest #search-container { border-radius: 5px; }
body.contentphppagetest #logo { background-color: #FFF; padding: 0 0 0 30px; margin: -60px 0 10px 0; }
body.contentphppagetest #logo img.visible-lg { width: 125px; }
body.contentphppagetest #botnav { background-color: #f5f5f5; float: left; line-height: 1em; padding: 6px 0; }
body.contentphppagetest #nav { line-height: inherit; padding: 0.25em 0 0 15px; }
body.contentphppagetest #nav .sf-menu a,
body.contentphppagetest #nav.sf-menu a.sf-with-ul { background-color: #f5f5f5; font-weight: bold; }
body.contentphppagetest #nav.sf-menu a.sf-with-ul::after { display: none; }

@media only screen and (max-width: 1024px) {
    body.contentphppagetest #botnavbtn {
        background-color: #f5f5f5;
        margin-top: -30px;
    }
    body.contentphppagetest #logo {
        margin: -77px 0 10px 0;
    }
    body.contentphppagetest #logo img.visible-lg {
        width: 125px;
        float: left;
        text-align: left;
    }
}