﻿.section-desc {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 4rem;
    padding-top: 2rem;
    max-width: 1440px;
}

.section-desc h2 {
    letter-spacing: -2px;
}

.section-desc h4 {
    margin: 1em 0 1em 0;
}

.section-desc .platinum-reserve, .section-desc .silver-reserve {
    margin: 2em 0 0.5em 1em;
}

.section-header { 
    letter-spacing: -2px;
    color: #09738C;
}

.interested-desc {
    width: 65%;
}

.highlight-price {
    color: #09738C;
}

.ldd-link {
    color: #a72f88;
}

li.list-item {
    list-style: none;
    text-align: left;
}

.icons {
    padding-left: 1.4rem;
}

li.plat-donor-reserve::before, li.plat-vials::before, li.plat-storage::before, li.plat-plane::before, li.plat-tear::before,
li.silv-donor-reserve::before, li.silv-vials::before, li.silv-storage::before, li.silv-plane::before, li.silv-tear::before,
#ldd-how-it-works .section-desc .platinum-reserve::before, #ldd-how-it-works .section-desc .silver-reserve::before {
    display: inline-block;
    margin-left: -2rem;
    width: 2rem;
    font-size: 2rem;
    vertical-align: middle;
}

.list-title {
    font-size: 16px;
    margin-bottom: 0;
}

#faq .panel {
    background-color: transparent;
    box-shadow: none;
}

#faq .panel .panel-body {
    border: none;
}

#faq h2 {
    text-align: center;
}

#faq .panel-title a[aria-expanded='true']::before, #faq .panel-title a::before {
    font-family: 'FontAwesome';
    display: inline-block;
    color: grey;
    margin-right: 5px;
}

#faq .panel-title a::before {
    content: "\f105";
}

#faq .panel-title a[aria-expanded='true']::before {
    content: "\f107";
}

.footer-container #questions {
    display: none;
}

#donor-reserve-hero, #ldd-how-it-works, #platinum, #silver, #interested {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#donor-reserve-hero, #platinum, #silver {
    background-color: white;
}

#donor-reserve-hero, #platinum {
    min-height: 845px;
}

#ldd-how-it-works {
    background-color: #d7ebea;
    min-height: 1200px;
}

#silver {
    min-height: 945px;
}

#interested {
    background-color: #eff8f7;
    min-height: 620px;
}

/* Tablet */
@media (min-width: 576px) {
    #donor-reserve-hero, #ldd-how-it-works, #platinum, #silver, #interested {
        background-size: cover;
    }

    #donor-reserve-hero, #ldd-how-it-works, #platinum, #silver {
        min-height: 500px;
    }

    #donor-reserve-hero {
        background-position-x: 70%;
    }

    #ldd-how-it-works {
        background-position-x: 23%;
    }

    #platinum {
        background-position-x: 85%;
    }

    #silver {
        background-position-x: 30%;
    }

    #interested {
        background-position-x: 90%;
        min-height: 200px;
    }

    .section-desc {
        padding-left: 0;
        padding-right: 0;
    }

    .interested-desc {
        width: 100%;
    }

    .btn-primary {
        position: relative;
        width: fit-content;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    #donor-reserve-hero, #ldd-how-it-works, #platinum, #silver, #interested {
        min-height: unset;
    }

    #donor-reserve-hero, #platinum, #interested {
        background-position: center right;
    }

    #silver {
        background-position: center left;
    }

    #ldd-how-it-works {
        background-position: 14%;
    }
}

/* Very Large Screens */
@media (min-width: 1600px) {
    #donor-reserve-hero, #ldd-how-it-works, #platinum, #silver, #interested {
        background-size: contain;
    }

    #ldd-how-it-works {
        background-position: top left;
    }
}
