#dna-ancestry-lp .section-desc {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 4rem;
    padding-top: 2rem;
    max-width: 1440px;
}

#dna-ancestry-lp .section-header { 
    letter-spacing: -2px;
    color: #09738C;
}

#dna-ancestry-lp .first-section {
    padding-top: 5rem;
}

#dna-ancestry-lp .dna-started-desc {
    width: 65%;
}

#dna-ancestry-lp .section-desc h2 {
    letter-spacing: -2px;
}

#dna-ancestry-lp #dna-ancestry-list i {
    color:#09738C;
}

#dna-ancestry-lp .purple {
    color: #912376;
}

#dna-ancestry-lp #view-donors {
    position: absolute;
    bottom: 1rem;
    width: calc(90% - 15px);
    margin-left: 30px;
    white-space: normal;
    margin-top: 2rem;
}

#dna-ancestry-lp #dna-references {
    background-color: #FAFAFA;
}

#dna-ancestry-lp .references {
	color: #4a4a4a;
	font-size: 10px;
	padding: 3rem;
}

#dna-ancestry-lp li.list-item {
    list-style: none;
    text-align: left;
}

#dna-ancestry-lp li.globe::before {
    content: "\f0ac"; /* FontAwesome Unicode */
    font-family: 'FontAwesome';
    display: inline-block;
    color:#09738C;
    margin-left: -2rem; 
    width: 2rem;
    font-size: 2rem;
}

#dna-ancestry-lp #dna-ancestry-list {
    padding-left: 1.4rem;
}

#dna-ancestry-lp li.donor::before {
    content: "\e955";
    font-family: 'CCB-icons';
    display: inline-block;
    color:#09738C;
    margin-left: -2rem; 
    width: 2rem;
    font-size: 2rem;
}

#dna-ancestry-lp li.lock-lg::before {
    content: "\e954";
    font-family: 'CCB-icons';
    display: inline-block;
    color:#09738C;
    margin-left: -2rem; 
    width: 2rem;
    font-size: 2rem;
}

#dna-ancestry-lp var {
    font-style: normal;
}

#dna-ancestry-lp .modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

#dna-ancestry-lp .geo-desc {
    width: 90%;
}

#dna-ancestry-lp .list-title {
    font-size: 16px;
    margin-bottom: 0;
}

#dna-ancestry-lp .region-div {
    margin: 1rem 0;
    padding-left: 7px;
}

#geographical-regions {
    font-family: 'Open Sans';
}

#dna-ancestry-lp #americans {
    border-left: 6px solid #B3446D;
}

#dna-ancestry-lp #african {
    border-left: 6px solid #09738C;
}

#dna-ancestry-lp #ashkenazi-jewish {
    border-left: 6px solid #ACACAC;
}

#dna-ancestry-lp #east-asian {
    border-left: 6px solid #FF6348;
}

#dna-ancestry-lp #wana {
    border-left: 6px solid #613F6F;
}

#dna-ancestry-lp #european {
    border-left: 6px solid #20334C;
}

#dna-ancestry-lp #oceania-div {
    border-left: 6px solid #338ECC;
}

#dna-ancestry-lp #south-asian {
    border-left: 6px solid #FAB420;
}

#dna-ancestry-lp .region-div ul {
    padding-left: 1.4rem;
}

#dna-ancestry-lp .region-div li{
    list-style: none;
    position: relative;
}

#dna-ancestry-lp .region-div li::before {
    content: "·";
    font-size: 70px;
    vertical-align: middle;
    line-height: 12px;
    position: absolute;
    left: -20px;
    top: 0px;
}

#dna-ancestry-lp .region-div li#americas::before {
    color: #C26683;
}

#dna-ancestry-lp .region-div li#central-africa::before {
    color: #09738C;
}

#dna-ancestry-lp .region-div li#eastern-africa::before {
    color: #2290A5;
}

#dna-ancestry-lp .region-div li#northern-africa::before {
    color: #B3A1B9;
}

#dna-ancestry-lp .region-div li#southern-africa::before {
    color: #92CAD3;
}

#dna-ancestry-lp .region-div li#western-africa::before {
    color: #CBE3EA;
}

#dna-ancestry-lp .region-div li#jewish::before {
    color: #BDBDBD;
}

#dna-ancestry-lp .region-div li#east-asia::before {
    color: #FF8273;
}

#dna-ancestry-lp .region-div li#central-asia::before {
    color: #FF9B81;
}

#dna-ancestry-lp .region-div li#north-central-asia::before {
    color: #FF9B81;
}

#dna-ancestry-lp .region-div li#northeast-asia::before {
    color: #FFC0B0;
}

#dna-ancestry-lp .region-div li#southeast-asia::before {
    color: #FFD0C4;
}

#dna-ancestry-lp .region-div li#finland::before {
    color: #20334C;
}

#dna-ancestry-lp .region-div li#acip::before {
    color: #80628A;
}

#dna-ancestry-lp .region-div li#eastern-mediterranean::before {
    color: #465C74;
}

#dna-ancestry-lp .region-div li#middle-east::before {
    color: #9981A1;
}

#dna-ancestry-lp .region-div li#northeast-europe::before {
    color: #32649C;
}

#dna-ancestry-lp .region-div li#northern-central-europe::before {
    color: #5A7BAC;
}

#dna-ancestry-lp .region-div li#northern-british-isles::before {
    color: #9DADCD;
}

#dna-ancestry-lp .region-div li#northern-italy::before {
    color: #BFC8DE;
}

#dna-ancestry-lp .region-div li#scandinavia::before {
    color: #B5C5EC;
}

#dna-ancestry-lp .region-div li#southwest-europe::before {
    color: #C2D2F2;
}

#dna-ancestry-lp .region-div li#oceania::before {
    color: #338ECC;
}

#dna-ancestry-lp .region-div li#bengal::before {
    color: #FAB420;
}

#dna-ancestry-lp .region-div li#central-indian-sub::before {
    color: #FFC749;
}

#dna-ancestry-lp .region-div li#southern-indian-sub::before {
    color: #FFE491;
}

.fa-times-thin:before {
	content: '\00d7';
}

#dna-ancestry-lp .region-div li {
    font-weight: bold;
    font-size: 12px;
}

.modal-dialog-center {
    min-height: 100%;
    display: flex;
    align-items: center;
}

.show-desktop {
    display: none;
}

.show-mobile {
    display: inherit;
}

.login {
    cursor: pointer;
}

/* Tablet Design */
@media (min-width: 576px) {
    #dna-ancestry-lp .section-desc {
        padding-left: 0;
        padding-right: 0;
    }
    .show-desktop {
        display: inherit;
    }
    .show-mobile {
        display: none;
    }

    #dna-ancestry-lp #view-donors  {
        margin-left: 0;
        width: max-content;
    }

    #dna-ancestry-lp .dna-started-desc {
        width: 100%;
    }

    #dna-ancestry-lp .btn-primary {
        position: relative;
        width: fit-content;
    }
}

/* Desktop Styles*/
@media (min-width: 1025px) {

    #dna-ancestry-lp #view-donors {
        position: relative;
        margin-left: 0;
    }
}

/* Smaller Mobile Screens */

@media (max-width: 375px) {
    #discover-donor {
        background-size: 375px 516px !important;
    }

    #dna-ancestry-summary {
        background-size: 375px 947px !important;
    }
}

@media (max-width: 350px) {
    #dna-ancestry-summary {
        background-size: 325px 820px !important;
    }
}