.homepageloader {
    background-image: url(/images/home/youth/loaderLogo.gif);
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .homepageloader {
        background-image: none;
    }
}

/*TEMPLATE ********************************************************************************/
a {
    color: #00758d;
}

h1 {
    font-family: 'sketchetikregular';
    color: #00758d;
}

h2 {
    color: #00758d;
}

.featurecolor {
    color: #00758d;
}

.btn-standard {
    background-color: #00758D;
}

    .btn-standard:hover {
        color: #00758D;
    }

.menuitem.menuitem-info {
    background-image: url(/images/template/youth/infoBtn.png);
}

.menuitem.menuitem-help {
    background-image: url(/images/template/youth/helpBtn.png);
}

.menuitem.menuitem-search {
    background-image: url(/images/template/youth/searchBtn.png);
}

.menuitem.menuitem-contact {
    background-image: url(/images/template/youth/contactBtn.png);
}

.menuitem.menuitem-switch {
    background-image: url(/images/template/youth/switchBtn.png);
}

.header {
    border-bottom: 4px solid #00758D;
}

.insideLogoContainer {
    background-color: #00758D;
}

.disclaimer {
    background-color: #006172;
    color: #6DA5A8;
}

.detailsBtn {
    width: 120px;
    height: 120px;
    float: right;
    background-image: url(/images/template/youth/moreLessBtn.png);
}

.backBtn a {
    color: #00758d;
}

.mobileHeader {
    background-image: url(/images/template/youth/mobilelogo.png);
}

.phoneHeader img.clinicalLogo {
    display: none;
}

@media screen and (min-width: 0px) {
    h1 {
        font-size: 30px;
        line-height: 30px;
        padding: 20px 0 10px 20px;
    }
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 70px;
        line-height: 70px;
        padding: 0;
    }
}

/*HOME ********************************************************************************/
.box_0_1 {
    background-image: url(/images/template/youth/logobg.jpg);
}

.box_0_2 .fillimage {
    background-position: left bottom;
}

.set1 .box_0_0 {
    background-image: url(/images/home/youth/1/1_2021.jpg?d=20210930);
    background-position: right;
}

.set1 .box_1_0 {
    background-image: url(/images/home/youth/1/2_2021.jpg?d=20210930);
    background-position: center;
}

.set1 .box_1_2 {
    background-image: url(/images/home/youth/1/3_2021.jpg?d=20210930-4);
    background-position: top right;
    background-repeat: no-repeat;
}

.set2 .box_0_0 {
    background-image: url(/images/home/youth/2/1_2021.jpg?d=20210930-2);
    background-position: center;
}

.set2 .box_1_0 {
    background-image: url(/images/home/youth/2/2_2021.jpg?d=20210930-2);
    background-position: center;
}

.set2 .box_1_2 {
    background-image: url(/images/home/youth/2/3_2021.jpg?d=20210930-6);
    background-position: top center;
    background-size: cover;
}

.set3 .box_0_0 {
    background-image: url(/images/home/youth/3/1_2021.jpg?d=20211001-1);
    background-position: bottom center !important;
}

.set3 .box_1_0 {
    background-image: url(/images/home/youth/3/2_2021.jpg?d=20211001);
    background-position: top center;
}

.set3 .box_1_2 {
    background-image: url(/images/home/youth/3/3_2021.jpg?d=20211001-2);
    background-position: top center;
}

.box_1_1 {
    background-color: #006172;
}

    .box_1_1 .disclaimer {
        color: #6DA5A8;
    }

.searchContainer {
    background-color: #00758d;
    background-image: url(/images/home/youth/searchbox_topshadow.png), url(/images/home/youth/searchbox_bottomshadow.png);
    border-left: 2px solid #3a90a1;
}

    .searchContainer .searchLabel {
        font-family: 'NeoRetroFillRegular';
        font-size: 22px;
    }

    .searchContainer .searchboxleft {
        background-image: url(/images/home/youth/searchboxleft.png);
    }

    .searchContainer .searchboxright {
        background-image: url(/images/home/youth/searchboxright.png);
    }

    .searchContainer .searchboxbg {
        background-image: url(/images/home/youth/searchboxbg.png);
    }

    .searchContainer a:hover {
        color: #8fb9bf;
    }

.btn-search {
    background-image: url(/images/home/youth/btn-search.png);
    width: 72px;
    height: 40px;
}

.searchContainer .searchresults .result .resultName {
    color: #00758d;
    font-weight: bold;
}

/*MED DETAILS ********************************************************************************/
.optionBtn {
    background-color: #00758d;
}

.substance .title, .searchResult .title {
    color: #00758d;
}

.clinicalInfo {
    display: none;
}

#referencesPanel {
    display: none;
}

.showReferencesBtn:hover {
    cursor: pointer;
}

.purposeContainer {
    display: none;
}