/* AF Prospect Site variables.*/
:root {
    --bs-body-font-size: 1.3rem; /* override bootstrap value */
    --bs-font-sans-serif: 'Source Sans Pro', sans-serif;
    --site-content-width: 1200px;
    --site-color-white: #FFFFFF;
    --site-color-black: #000000;
    --site-color-1: #2c2e5b;
    --site-color-2: #245c81;
    --site-color-3: #5E92AE;
    --site-color-4: #92BBD2;
    --site-color-5: #DB9A1B;
    --site-color-6: #B3328A;
    --site-color-7: #552672;
}

/* AF Prospect Site default HTML styles .*/
* {
    box-sizing:border-box;
}
html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
    
    line-height: 2;
}

body {
    margin: 0px;
    padding: 0px;
}


html, body, p, span, div, a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: var(--bs-body-font-size);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Baloo';
    color: var(--site-color-2);
}

.border_red {
    border: 1px solid red;
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* Generic Bootstrap 5 extensions*/
.w-100p {
    width : 100%;
}
.h-300 {
    height: 300px;
}
.h-400 {
    height: 400px;
}

.maxh-300 {
    max-height: 300px;
}
.maxh-400 {
    max-height: 400px;
}
.maxh-500 {
    max-height: 500px;
}

.minh-600 {
    min-height: 600px;
}
.minw-300 {
    min-width: 300px;
}

/* Site Bootstrap 5 extensions*/
.af-font-std {
    /*font-family: 'Urbanist', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
}
.af-font-headers {
    font-family: 'Baloo' !important;
}

.af-color-white {
    color: var(--site-color-white);
}

.af-color-black {
    color: var(--site-color-black);
}


.af-color-1 {
    color: var(--site-color-1);
}

.af-color-2 {
    color: var(--site-color-2);
}

.af-color-3 {
    color: var(--site-color-3);
}

.af-color-4 {
    color: var(--site-color-4);
}

.af-color-5 {
    color: var(--site-color-5);
}

.af-color-6 {
    color: var(--site-color-6);
}

.af-bgcolor-white {
    background-color: var(--site-color-white);
}

.af-bgcolor-black {
    background-color: var(--site-color-black);
}

.af-bgcolor-1 {
    background-color: var(--site-color-1);
}

.af-bgcolor-2 {
    background-color: var(--site-color-2);
}

.af-bgcolor-3 {
    background-color: var(--site-color-3);
}

.af-bgcolor-4 {
    background-color: var(--site-color-4);
}

.af-bgcolor-5 {
    background-color: var(--site-color-5);
}

.af-bgcolor-6 {
    background-color: var(--site-color-6);
}




.af-btn-readmore, .af-btn-color-5 {
    color: var(--site-color-white);
    background-color: var(--site-color-5);
    border-color: var(--site-color-5);
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}


.af-bgcolor-world {
    background-color: #0C1926;
}

.af-bg-cover {
    background-size: cover;
}


.flex-min-330 {
    flex: 1 0 330px;
}
.flex-min-400 {
    flex: 1 0 400px;
}






@media (max-width: 450px) {
    .flex-min-330-400 {
        display: flex;
        flex: 1 0 250px;
        max-width: 420px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .maxw-800 {
        max-width: 420px;
    }
    .maxw-700 {
        max-width: 420px;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 20px;
        padding-right: 20px;
    }

}
@media (min-width: 450px) {
    .flex-min-330-400 {
        display: flex;
        flex: 1 0 400px;
        max-width: 550px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .maxw-800 {
        max-width: 550px;
    }
    .maxw-700 {
        max-width: 500px;
    }

    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 20px;
        padding-right: 20px;
    }

}


@media (max-width: 350px) {
    /*Iphone 11 */

    .maxsize-img-m {
        max-width: 200px;
    }


    .flex-min330-min400-max800 {
        display: flex;
        flex: 1 0 330px;
        max-width: 420px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .maxw-800 {
        max-width: 420px;
    }
    .maxw-700 {
        max-width: 390px;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 20px;
        padding-right: 20px;
    }

}


@media (min-width: 350px) and (max-width: 450px) {
    /*Iphone 11+ */

    .maxsize-img-m {
        max-width: 200px;
    }

    .flex-min330-min400-max800 {
        display: flex;
        flex: 1 0 330px;
        max-width: 420px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .maxw-800 {
        max-width: 420px;
    }
    .maxw-700 {
        max-width: 390px;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 20px;
        padding-right: 20px;
    }

}
@media (min-width: 450px) and (max-width: 750px) {
    .maxsize-img-m {
        max-width: 200px;
    }


    .flex-min330-min400-max800 {
        display: flex;
        flex: 1 0 400px;
        max-width: 700px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .maxw-800 {
        max-width: 700px;
    }
    .maxw-700 {
        max-width: 600px;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 40px;
        padding-right: 40px;
    }

}
/* Desktop and larger*/
@media (min-width: 750px) {


    .flex-min330-min400-max800 {
        display: flex;
        flex: 1 0 600px;
        max-width: 800px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .maxw-800 {
        max-width: 800px;
    }
    .maxw-700 {
        max-width: 700px;
    }
    .small_hero {
        font-weight: 600;
        font-style: italic;
        padding-left: 50px;
        padding-right: 50px;
    }

}


/*Studio*/
@media screen and (min-width: 1500px) and (orientation: landscape) {
}

@media screen and (max-width:991px) and (orientation: landscape) {
    .missionblock1 .ContentWrapper p {
        font-size: 8px;
        color: blue;
    }
}

/*Tablet - Portrait */
/*@media screen and (max-width:991px) {
    .missionblock .ContentWrapper p {
        font-size: 8px;
        color: blue;
    }
}
*/
/*Mobile - Landscape */
@media screen and (max-width:767px) and (orientation: landscape) {
}

/*Studio*/
@media screen and (min-width: 1280px) and (orientation: portrait) {
}
/*Tablet - Portrait */
@media screen and (max-width:950px) and (orientation: portrait) {
}
/*Mobile - Portrait */
@media screen and (max-width:479px) and (orientation: portrait) {
}


:root {
    --mediaquery-studio-ls-minwidth: 1500px;
    --mediaquery-studio-prt-minwidth: 1280px;

    --mediaquery-mobile-ls-maxwidth: 767px;
    --mediaquery-mobile-prt-maxwidth: 479px;

    --mediaquery-tablet-ls-maxwidth: 991px;
    --mediaquery-tablet-prt-maxwidth: 950px;
}