#side-space {padding-left: 25px; padding-right: 25px;} /*space between links in navbar*/

.space_between {margin-top: 40px;}

.title {margin-top: 30px;font-size: 25px;font-weight: 900;color: #2E3192;}

.capitals {text-transform: uppercase;}

.margin_top_10 {margin-top: 10px;}
.margin_top_20 {margin-top: 20px;}
.margin_top_30 {margin-top: 30px;}
.margin_top_40 {margin-top: 40px;}
.margin_top_60 {margin-top: 60px;}

.size_10 {font-size: 10pt;}
.size_11 {font-size: 11pt;}
.size_12 {font-size: 12pt;}
.size_14 {font-size: 14pt;}
.size_16 {font-size: 16pt;}
.size_18 {font-size: 18pt;}
.size_20 {font-size: 20pt;}
.size_22 {font-size: 22pt;}
.size_24 {font-size: 24pt;}

.montserrat {font-family: 'Montserrat', sans-serif; font-size: 11pt;}
.montserrat_500 {font-weight: 500}
.montserrat_600 {font-weight: 600}
.montserrat_700 {font-weight: 700}
.montserrat_800 {font-weight: 800}
.green_bold_500 {color: #008F78; font-weight: 500}
.green_bold_600 {color: #008F78; font-weight: 600}
.green_bold_900 {color: #008F78; font-weight: 900}

.bold_500 {font-weight: 500}
.bold_600 {font-weight: 600}
.bold_700 {font-weight: 700}
.bold_800 {font-weight: 800}
.bold_900 {font-weight: 900}

.green {color: #008F78;}
.blue {color: #2E3192;}
.white {color: #ffffff}

/*WELCOME*/
.top_container {text-align: center;}
.first_option, .parent_option, .teacher_option, .district_option {width: 295px; height: 40px; border-color: #008F78; border-width: 2px;}
.first_option:focus, .parent_option:focus, .teacher_option:focus, .district_option:focus {outline: 0;}
.statement_container, .video_container, .podcast_container {text-align: center;margin-top: 30px;}
.statement_header, .video_header, .podcast_header {font-weight: 900;font-size: 45px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);}
.options_container {text-align: center;margin-top: 40px;}
.options_card {width: 350px;min-height: 225px;border-color: #2E3192;border-width: 3px;border-radius: 1px;transition: transform .2s;text-align: left;overflow: auto;overflow-x: hidden;overflow-y: hidden;}

/* below is for testimonials card */
.testimonials_container {text-align: center;margin-top: 20px;}
.testimonials_card {width: 390px;max-width: 390px;margin-top: 50px;transition: transform .2s;padding-left: 15px;padding-right: 15px;outline: none}
.testimonials_title {color: #2E3192;font-weight: 600; font-size: 10pt}
.widget-body {padding: 20px 20px 20px;position: relative;background-color: #ffffff; min-height: 250px; max-height: 250px; min-width: 350px }
.widget-img {position: absolute;width: 64px;height: 64px;left: 50%;margin-left: -32px;top: -32px;border-radius: 50px;background-color: #F2F2F2;}
.img-border-light {box-shadow: 0 0 0 4px #fff;}
.slick-track {margin: 0!important; padding-top: 20px}
.slick-list {min-height: 400px;}
/* end testimonials card */

.options_card:hover, .testimonials_card:hover {transform: scale(1.1); outline: none}
.mission_container {text-align: center;}
.mission_quote {color: white;}
.mission_card_container {text-align: center;}
.mission_card {height: 300px;width: 350px;text-align: left;background-color: white;border-radius: 1px;}
.mission_card_img {opacity: 0.2;}
.mission_card_bottom{margin-top: 30px;}
.testimonials_header {font-weight: 900;font-size: 45px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 450px;margin: auto;}
.mission_header {font-weight: 900;font-size: 45px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 525px;margin: auto;}
.card_title {font-size: 25px;font-weight: 900;line-height: normal;color: #2E3192;}
.card-text {margin-bottom: 10px;}
a.card-link,
a.card-link:hover {color: inherit;}
.testimonials_image {float: right;}
.green_bg {
    background-image: url("/storage/images/welcome/bg.png");/* The image used */
    height: 100%;/* Full height */
    background-position: center;/* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-size: cover;
}
.top_bg {
    background-image: url("/storage/images/welcome/top_bg.png");/* The image used */
    max-height: 550px;/* Full height */
    width: 100%;/* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}
.options_header {background-color: #008F78; margin-bottom: 10px; width: 200px; font-weight: bold; color: white;}
.options_card_title {color: #2E3192;font-weight: 900;font-size: 16pt;}
.mission_card_title {color: #2E3192;font-weight: 900;font-size: 16pt;margin-top: 40px;}
.one { font-size: 11pt!important;}


iframe[src*=youtube] {display: block;margin: 0 auto;max-width: 100%;padding-bottom: 10px;}

/* below controls color change when hovering over option and mission cards */
.mission_card:hover,
.options_card:hover {background-color: #2E3192;color: white;}
.mission_card:hover .arrow,
.options_card:hover .arrow {filter: brightness(0) invert(1);}
.options_card:hover .options_image {filter: brightness(0) invert(1);}
.mission_card:hover .options_card_title,
.mission_card:hover .mission_card_title,
.options_card:hover .options_card_title,
.options_card:hover .mission_card_title {color: #ffffff;font-weight: 900;font-size: 16pt;}
.options_card:hover .options_header {background-color: #ffffff;margin-bottom: 10px;width: 200px;font-weight: bold;color: #2E3192;}
.options_card:hover {color: #ffffff;}
/* end controls */


/*FOOTER*/
body {min-height:100vh;} /*must set body height so footer sticks to bottom*/
.flex-fill {flex:1 1 auto;} /*fills page when there is no content so footer sticks to bottom*/
footer {text-align: center; margin-bottom: 40px;}
footer a, footer a:hover {color: black;text-decoration: none;}
.first_footer_container {width: 450px;}
.footer_container_header {font-weight: 900;font-size: 45px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);}
.first_text_column, .second_text_column {text-align: left;}
.logo_column {text-align: right;margin-top: 75px;}


@media (max-width: 1345px) {
    /*WELCOME*/
    .statement_header, .video_header, .podcast_header {font-weight: 900;font-size: 35px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);max-width: 900px;margin: auto;}
    .testimonials_header {font-weight: 900;font-size: 35px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 350px;margin: auto;}
    .mission_header {font-weight: 900;font-size: 35px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 400px;margin: auto;}

    /*FOOTER*/
    .footer_container_header {font-weight: 900;font-size: 35px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);margin: auto;}
    .first_footer_container {width: 375px;}
}

@media (max-width: 1200px) {
    /*WELCOME*/
    .options_image, .mission_card, .options_card {transform: scale(0.8);margin: auto;}
    .options_card:hover {transform: scale(0.9);}
    .card-text {margin-bottom: 0;}
    .mission_card_bottom{margin-top: unset;}

    /*FOOTER*/
    .logo_column {margin-top: 100px;}
    .second_text_column {margin-top: 25px;}
    .blank {min-height: 45px}
}

@media (max-width: 1008px) {
    /*WELCOME*/
    .mission_card_container {display: none;}
}

@media (max-width: 992px) {
    /*HEADER*/
    #side-space {padding-left: unset; padding-right: unset;} /*space between links in navbar*/
    .options_ul {margin-top: 10px;}
    .language_ul, .log_in_ul {display: flex;flex-flow: row nowrap;margin-top: 20px;}
    .language_ul li, .log_in_ul li {margin-right: 10px;}
    .header_dropdown {border: none;}

    /*WELCOME*/
    .statement_header, .video_header, .podcast_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);max-width: 700px;margin: auto;}
    .testimonials_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 260px;margin: auto;}
    .mission_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #ffffff;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #00826D 55%);max-width: 300px;margin: auto;}
    .mission_card_title {color: #2E3192;font-weight: 900;font-size: 14pt;margin-top: 10px;}
    .testimonials_card {transform: scale(0.8);}

    /*FOOTER*/
    .footer_container_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);margin: auto;}
    .first_footer_container {width: 275px;}
    .logo_column {text-align: center;margin-top: unset;}
    .blank {min-height: 25px}
    .first_text_column, .second_text_column {text-align: center;margin-bottom: 40px;}
    .second_text_column {margin-top: unset;}


    .shrink_margin {
        margin-top: 40px!important;
    }
}

@media (max-width: 768px) {
    /*WELCOME*/
    .statement_header, .video_header, .podcast_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: unset;max-width: 700px;margin: auto;}
    .testimonials_header, .mission_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #ffffff;background-image: unset;margin: auto;}
    .picture_hide {display:none;}
    .top_bg {background-image: unset;height: unset;max-height: unset;width: unset;min-height: unset;}
    .testimonials_card_container {max-height: 375px;}
    .top_container {margin: 30px 0 30px 0;}

    /*FOOTER*/
    .footer_container_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: unset;margin: auto;}
    .first_footer_container {width: unset;}
    .first_text_column, .second_text_column {text-align: center;}
    .blank {display: none}
}

@media (max-width: 500px) {
    /*HEADER and FOOTER*/
    .logo {max-width: 225px;}

    /*WELCOME*/
    .green_bg {background-image: unset;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .testimonials_header, .mission_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: unset;margin: auto;}
    .first_option, .parent_option, .teacher_option, .district_option {font-size: 9pt;}
    .mission_quote {color: black;}
    .testimonials_card:hover {transform: scale(0.8);}
    .one { font-size: 10pt!important;}
}

@media (max-width: 400px) {
    /*WELCOME*/
    .options_card {width: 300px;}
    .mission_card {transform: scale(0.6);}
    .first_option, .parent_option, .teacher_option, .district_option {width: 250px;}
    .widget-body {min-height: 300px; min-width: 300px }
}

@media (max-width: 360px) {
    /*HEADER and FOOTER*/
    .logo {max-width: 175px;}
}

@media (max-width:320px) {
    /*WELCOME*/
    .widget-body {padding-top:40px;min-height: 425px; min-width: 200px}
    .testimonials_card_container {max-height: 475px;}
    .slick-track {padding-top: 0}
    .slick-list {min-height: 375px;}
}

@media (max-width: 280px) {
    /*HEADER and FOOTER*/
    .logo {max-width: 145px;}
}