@import url("//hello.myfonts.net/count/2ae58c");
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=8fca5ceb-9c8f-4a15-bbe7-0460fab00130&fontids=724416");
@font-face {font-family: 'BrandonGrotesque-Regular';src: url('./webfonts/2AE58C_5_0.eot');src: url('/webfonts/2AE58C_5_0.eot?#iefix') format('embedded-opentype'),url('./webfonts/2AE58C_5_0.woff') format('woff'),url('./webfonts/2AE58C_5_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonGrotesque-Bold';src: url('./webfonts/2AE58C_9_0.eot');src: url('./webfonts/2AE58C_9_0.eot?#iefix') format('embedded-opentype'),url('./webfonts/2AE58C_9_0.woff') format('woff'),url('/webfonts/2AE58C_9_0.ttf') format('truetype');}


html, body {
    font-size:16px;
    font-family: BrandonGrotesque-Regular, sans-serif;
}
ul {
    margin:5px 0 20px 0;
}
h2 {
    font-family: BrandonGrotesque-Bold;
    text-transform: uppercase;
    font-weight:900;
    line-height:1em;
    margin:1em 0;
}
p {
    margin:0 0 1.5em;
}
ul {
    list-style:disc;
    padding-left: 40px;
}
ol {
    list-style:decimal;
    padding-left: 40px;
}
li {
    margin-bottom:1em;
    font-size: 0.9rem;
    line-height: 1.2em;
}
label,
.btn {
    font-family:'Dosis', sans-serif;
}
.text-uppercase {
    text-transform: uppercase;
}
section,
article {
    margin-bottom:40px;
}
section.solid-bg > h3:first-child {
    margin-top:0;
}
.input-append .add-on, .input-prepend .add-on {
    height:28px;
    line-height:28px;
    padding:0 5px;
}

.alert {
    padding: 14px !important;
}

.alert p {
    margin:0 0 1em;
}
.alert :last-child {
    margin-bottom:0;
}
.alert ul {
    padding-left:30px;
    margin-top:10px;
}
.alert ul li {
    line-height:1.1em;
    margin-bottom:0.5em;
}

.text-white {
    color:#fff;
}
.text-orange {
    color:#ff7226!important;
}
.text-red {
    color:#d73d2b;
}
.text-blue {
    color:#37c2f1;
}
.text-grey {
    color:#999999;
}
.text-black {
    color:#000;
}
.text-yellow {
    color:#ffb819;
}
.dosis {
    font-family: 'Dosis', sans-serif;
}
.dosis-italic {
    font-family: 'Dosis', sans-serif;

}
.rale, .raleway {
    font-family: 'Raleway', sans-serif;
    font-weight:900!important;
}
.serif {
    font-family: 'Merriweather', serif;
}
.light {
    font-weight:300;
}
.reg, .normal {
    font-weight:400;
}
.bold {
    font-weight:700;
}
.heavy {
    font-weight:900;
}

.brandon-reg {
    font-family: 'BrandonGrotesque-Regular', sans-serif;
}

.brandon-bold {
    font-family: 'BrandonGrotesque-Bold', sans-serif;
    font-weight: 500 !important;
}

.bg-bright {
    background: url('../images/bright_squares.png') repeat left top;
}

/* Navigation */
nav.account-nav ul {
    display:inline-block;
    text-align:center;
    margin-top:0px;
    list-style:none;
    padding-left: 0px;
    box-shadow:1px 1px 10px rgba(0,0,0,0.4);
}

nav.account-nav li {
    float:left;
    height:42px;
    line-height:40px;
    border:1px solid #1d4e9c;
    border-right:none;
    background-color:#eee;
    margin:0;
}
nav.account-nav.nav-6 li { width:16.67%; }
nav.account-nav.nav-5 li { width:20%; }

nav.account-nav li:last-child {
    border-right:1px solid #1d4e9c;
}
nav.account-nav li a {
    display:block;
    text-decoration:none;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    padding: 0 15px;
}
nav.account-nav li a:hover {
    background:#ddd;
}
nav.account-nav li a.active-page {
    background:#aaa;
    color:#fff;
}
#main-nav ul {
    margin:0;
}
#main-nav li {
    margin-bottom:5px;
}

/* Content Styling */
.page-title {
    margin:20px 0 40px;
}
.main-content h3 {
    margin:40px 0 20px;
}

/* Social Sharing */
.social-box ul {
    text-align:center;
}
.social-box li {
    display:inline-block;
    margin:0 40px;
    font-size:30px;
}
.social-box a {
    text-decoration: none;
}

#header-wrapper {
    padding:10px 0;
    margin-bottom:40px;
}
.nav-container {
    font-size:12px;
    padding:0 15px 0 15px;
}


#alertBar {
    display: none;
    text-align: center;
}

#innerAlert {
    margin-left:auto;
    margin-right:auto;
}

#footer {
    margin-top:50px;
}

#students .student.enabled .remove_student{
    display: none;
}
.checkbox-section label{
    width: 100%;
}

/* Apply Page
-------------------------------------------------------------------------- */
.apply-container {
    padding-bottom:60px;
}
#main-form h2 {
    background:#eee;
    padding:10px 20px;
}
.circumstances .checkbox,
.circumstances .checkbox+.checkbox {
    margin-top:0;
}

.success-container {
    margin-top:40px;
}
.success-container h2 {
    margin-top:15px;
}

.circumstances .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 400px;
}

/* Donation Page */
#donation-form .form-horizontal .control-label {
    font-size: 18px;
}

#donation-form .radio label input {
    font-size: 16px !important;
}

#donation-form select {
    font-size: 16px;
}

#recommendations .control-label {
    display: flex;
    text-align: left;
}

/* Custom form highlight
-------------------------------------------------------------------------- */

.has-info .control-label{
    color: #31708f;
}

.has-info .form-control {
    border-color: #31708f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-info .input-group-addon {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
}

.has-info .form-control:focus {
    border-color: #31708f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #31708f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #31708f;
}


/* Donation Page
-------------------------------------------------------------------------- */
#btn_tax_credit_yes,
#btn_tax_credit_no {
    width:20%;
    height:110px;
    -webkit-transition:1s;
    transition:1s;
}

#btn_tax_credit_no {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#btn_tax_credit_yes:focus,
#btn_tax_credit_no:focus {
    outline:none;
}
#btn_tax_credit_yes.active,
#btn_tax_credit_no.active {
    width:80%
}
#btn_tax_credit_no span.message {
    height:0;
    width:0;
    display:block;
    -webkit-transition:height 200ms;
    transition:height 200ms;
    overflow:hidden;
}
#btn_tax_credit_no.active span.text {
    display:inline-block;
}
#btn_tax_credit_no.active span.message {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    width:100%;
    height: auto;
    white-space: normal;
    text-align:center;
    font-size:14px;
}
#btn_tax_credit_no.active i {
    display:none;
}

.btn.notActive {
    background-color:#ccc;
    border-color:#aaa;
    color:#aaa;
}

.review-total {
    display: inline-block;
    width: 180px;
}

/* donation breakdown */
.breakdown-container {
    max-width: 350px;
    margin: 0 auto;
}
.breakdown-amount {
    display: flex;
}

/* application page */
.apply-container .add-student {
    padding: 8px 16px;
}

@media screen and (max-width:1200px){
    #btn_tax_credit_no.active span.message {
        font-size:12px;
    }

    #billing-address-info {
        margin-left: 9.5%;
    }
}

@media screen and (min-width: 994px) {
    #billing-address-info {
        margin-left: 10.5%;
    }
}

@media screen and (max-width: 991px) {
    #billing-address-info {
        margin-left: unset;
    }
}

@media screen and (max-width:540px) {
    #btn_tax_credit_yes,
    #btn_tax_credit_no {
        height: 170px;
        width: 100%;
    }

    #btn_tax_credit_no {
        display: flex;
        clear: both;
        margin-top: 10px;
        float: none !important;
    }

    #btn_tax_credit_yes.active,
    #btn_tax_credit_no.active {
        width: 100%
    }

    #btn_tax_credit_no.active span.message {
        height: 150px;
    }

    #btn_tax_credit_no.active span.text {
        height: auto;
    }

    #main-form h2 {
        padding:10px;
        font-size:1.3rem;
        margin-bottom:5px;
    }
    #main-form h3 {
        font-size:1.1rem;
    }
    .btn.remove-parent,
    .btn.reuse-address {
        cursor: pointer;
        display:inline-block;
        width:48%;
        float:none!important;
    }
}
@media screen and (max-width:420px){
    #btn_tax_credit_no.active span.text {
        display:none;
    }
    #btn_tax_credit_no.active span.message {
        padding:0 10px;
        width:100%;
        float:none;
    }
}

#seed_modal .list-thirds li {
    font-size: 18px;
}

#seed_modal .modal-body, #round_modal .modal-body {
    font-family:'Raleway', Arial, sans-serif;
    font-weight:500;
}

#seed_modal .modal-body h2, #round_modal .modal-body h2 {
    font-size:36px;
    margin:10px 0;
}
#seed_modal .modal-body h3, #round_modal .modal-body h3 {
    font-size:22px;
    font-weight:700;
    margin-top:0;
    margin-bottom:30px;
}
.bg-red p, .border-orange p {
    margin:0;
}
#seed_modal .btn-danger {
    border-radius: 8px;
    color: #ffffff;
    font-family: 'Raleway', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    text-align: center;
    border: 1px solid transparent;
}
#seed_modal .btn-default {
    border-radius: 8px;
    font-family: 'Raleway', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    text-align: center;
    margin-bottom: 7px;
}
.seed-step {
    background:url('../images/icon-arrow.png') no-repeat center bottom;
    padding-bottom:30px;
}
.seed-step:nth-of-type(4) {
    background:none;
    padding-bottom:60px;
}
.bg-red {
    background-color:#d73d2b;
    border-radius:8px;
    font-size:24px;
    font-weight:600;
    margin:0 auto;
    padding:10px;
    text-align:center;
    max-width:500px;
}
.border-orange {
    border:4px solid #ff7226;
    border-radius:8px;
    font-size:24px;
    font-weight:500;
    margin:0 auto;
    padding:10px;
    text-align:center;
    max-width:600px;
}
.list-thirds {
    padding-left:100px;
}
.list-thirds li {
    float:left;
    font-size:14px;
    margin-bottom:30px;
    width:33.3333%;
}
.btn-blue {
    background:#67CCEE;
    border-radius:8px;
    color:#ffffff;
    font-family:'Raleway', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    text-align:center;
}
@media screen and (max-width:992px) {
    .list-thirds {
        padding-left:50px;
    }
    .list-thirds li {
        width:50%;
    }

    .circumstances .row {
        height: auto;
    }
}
@media screen and (max-width:768px) {
    .list-thirds {
        padding-left:40px;
    }
    .list-thirds li {
        float:none;
        margin-bottom:15px;
        width:100%;
    }
    .border-orange {
        font-size: 20px;
    }
}
h3.dashboard-links {
    margin-bottom: 0;
    margin-top: 20px;
}