html {
    height:100%;
    width:100%;
    padding:0px;
    margin:0px;
}

body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:1.05rem;
}

h1, h2, h3, h4 {
    font-family: 'riftregular', 'Open Sans', sans-serif;
    font-weight:900;
    font-style:normal;
}

.header {
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
}

.header .content {
    color: var(--aoc_pink);
    padding-left:2rem !important;
    padding-right:2rem !important;
    overflow:hidden;
}

.aoc_brand_name embed {
    height:3rem;
}

.nav_bar {
    position:relative;
    padding-left:1rem !important;
    padding-right:1rem !important;
    /*background-color: var(--aoc_purple);*/
    color:#ffffff;
    border-top:2px solid black;
}

.nav_bar ul li a {
    color:rgba(0,0,0,0.55);
}

.social-box {
    float:right;
    display:inline-block;
    margin-top:1rem;
    overflow:hidden;
}

.social-box a {
    display:inline-block;
    color:var(--aoc_orange);
    margin-left:0.25rem;
}

.home {
    background-image:url("../img/background/aoc_background3.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    min-height:calc(100% - 13rem);
    width:100%;
    padding-top:2rem;
    padding-bottom:2rem;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.white-box {
    height:inherit;
    -webkit-mask-image: url("../img/boxes/home-box-2.svg");
    mask-image: url("../img/boxes/home-box-2.svg");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:cover;
    mask-size:cover;
    -webkit-mask-position:top left;
    mask-position:top left;
    /*background-image: url("../img/boxes/home-box-2.svg");*/
    /*background-repeat:repeat;*/
    /*background-size:100% auto;*/
    /*background-position:center top;*/
    padding:2rem;
    color:#000000;
}

.custom-color-box {
    height:inherit;
    -webkit-mask-image: url("../img/boxes/black-box.svg");
    mask-image: url("../img/boxes/black-box.svg");
    -webkit-mask-repeat:repeat-y;
    mask-repeat:repeat-y;
    -webkit-mask-size:100% auto;
    mask-size:100% auto;
    -webkit-mask-position:center top;
    mask-position:center top;
    padding:2rem;
    color:#000000;
}

.custom-box-border {
    height:inherit;
    border:3rem solid transparent;
    border-image: url("../img/boxes/new_section_frame.svg") 20% fill;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.custom-box-border img, .custom-box-border embed {
    max-height:6.7rem;
    max-width:20rem;
    margin:0 auto;
}

.custom-box-border p {
    margin:1rem 0;
}

.sub_page_banner {
    height:7rem;
    width:100%;
    background-image:url("../img/background/banner_bar.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.glyph {
    display:inline-block;
    height:2.25rem;
}

.main_content {
    border-top:2px solid #cccccc;
    padding-top:2rem;
}

.footer {
    margin-top:2rem;
    padding:2rem;
    width:100% !important;
    color:#111144;
    font-size:1.1rem;
    font-weight:900;
}

.footer_bg {
    background-image:url("../img/background/footer_bar-2.svg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.footer a {
    color:#111144;
}

.footer img {
    height:4.2rem;
    margin-bottom:1rem;
}



body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background:var(--aoc_orange);
    outline: 2px outset var(--aoc_orange);
    border-radius:4px;
}

.upload_button {
    float:right;
    font-size:1.3rem;
    width:12rem;
    margin:0.9rem auto;
}

.nav_links {
    font-size:0.8rem;
    padding-bottom:0.8rem;
}

.nav_links a {
    text-decoration:none;
}