/* --- All Pages --- */

.sectionNotAnswered, .sectionNotAnswered td {
    color: red;
    background-color: yellow;
} 

.container-fluid {
    padding: 0;
}

.container {
    padding: 0;
    margin: 0;
}


.card-header {
    background-color: var(--light-bg-color);
}

.btn-link {
    color: var(--text-color);
}

.btn-link:hover {
    color: red;
}
 

.card {
    margin: 25px;
} 


.fa {
    padding: 5px;
}

/*body::-webkit-scrollbar { 
    display: none;
}*/

body {
    /*-ms-overflow-style: none;*/
    padding: 0;
}

body {
    line-height: 2rem;
}

h1 {
    font-weight: 600;
    font-size: 30pt;
    color: var(--light-text-color);
    background-color: var(--h1-bg-color);
    padding: 1.8rem 3rem;
    margin-bottom: 2.25rem;
    text-align: center;
}

h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 20pt;
    margin-bottom: 1.5rem;
}

h3 {
    font-size: 15pt;
    margin-bottom: 1rem;
}

button:focus, a:focus {
    outline: none !important;
    box-shadow: none;
}

/*td, th {
    border: none !important;
    margin: 0;
}*/

a {
    color: var(--url-color);
}

    a:hover {
        color: var(--url-hover-color);
    }

.user_main {
    width: 20rem;
}

/*.user_container {
    width: 20rem;
}*/

.user_image {
    object-fit: cover;
}

.tile_index {
    margin-bottom: 50px;
}

.tile_div {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.indextile_div {
    padding: 5%;
    font-size: 1.25em;
}

.buttons_row {
    margin-top: 35px;
}

.home_button {
    margin-top: 10px;
    text-transform: capitalize;
}

.btn {
    margin-top: 10px;
}

.dive_study p {
    margin-bottom: 0;
}


.quote_style {
    font-family: Arial, serif;
    font-size: 2em;
    vertical-align: middle;
    line-height: 0;
}


.quote-card {
    background: #fff;
    color: #222222;
    padding: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
    position: relative;
    overflow: hidden;
    min-height: 120px;
}

.quote_div {
    width: 68%;
    margin: auto; 
}

.quote_div h4 {
    text-align: center;
    line-height: 38px; 
}

.header_main {
    font-weight: 600;
    /*font-size: 30pt;*/
    color: var(--light-text-color);
    background-color: var(--h1-bg-color);
    padding: 1rem 3rem;
    margin-bottom: 2.25rem;
    text-align: center;
}

    .header_main a.home_button {
        /*padding: .375rem 2rem;*/
        /*font-size: 1.7rem;*/
        color: #fff;
        background-color: #f00;
        border: 3px solid #ffffff;
        font-weight: 600;
    }

.header_otherpages {
    padding: 0.5rem 3rem;
}


    .header_otherpages .header_text {
        font-weight: 600;
        font-size: 20pt;
        padding: 0.5rem 0rem;
        line-height: 40px;
    }

    .header_otherpages .header_text p {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        color: black;
        font-size: 13pt;
    }

/* ------------------- */
/* --- Masterpage --- */

.logo {
    padding: 12px;
    max-width: 250px;
}

#nav_container {
    -webkit-box-shadow: 0 .15rem 0.3rem rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: 0 .15rem 0.3rem rgba(0, 0, 0, .2) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    transition: top 1s ease-in-out;
}

.nav_hide {
    top: -100%;
}

#navbar-toggle {
    padding: 0;
    padding-bottom: 0.25rem;
}

/*@media only screen and (max-width: 992px) {
    #navbar-toggle {
        width: 100vw;
    }
}*/

#menu-toggle[data-toggle="collapse"]:after {
    display: inline-block;
    display: inline-block;
    font: normal normal normal 40px/1 FontAwesome; 
    font-weight: bold;
    /*font-size: inherit;*/
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f106";
    transition: all linear 0.25s;
}

#menu-toggle[data-toggle="collapse"].collapsed:after {
    transform: rotate(180deg);
}

.navbar {
    background-color: var(--light-bg-color);
}

.nav-link {
    text-transform: uppercase;
}

.lang_change {
    text-transform: uppercase;
    /*font-size: 0.85rem;*/
    /*margin-right: 2.25vw;*/
    padding: 3px;
    /*padding-right: 10px;*/
}

    .lang_change a:hover {
        text-decoration: none;
        color: var(--url-color);
    }

.policy_main {
    color: rgba(150,150,150, 0.8);
}

footer {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    margin-top: 65px !important;
}

/* ------------------- */


/* --- Homepage --- */

#home_headline {
    background: url('');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-position: center bottom;
    -moz-background-position: center bottom;
    -o-background-position: center bottom;
    background-position: center bottom;
    height: 82vh;
}

#home_headline_text {
    color: #000;
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    font-weight: 600;
    margin-left: 2px;
    padding-top: 25vh;
    line-height: 5rem;
}

#headline_scrollDown {
    display: block;
    font-size: 1.5rem;
    margin-top: 2.5rem;
}

#headline_scrollDown:hover {
    color: var(--text-color);
    cursor: pointer;
}

/* --- FAQ --- */

.faq_search_div {
    margin-top: 50px;
    margin-bottom: 55px;
    padding-right: 20px;
}

.faq_search {
    color: var(--text-color);
    width: 70vw;
    border: none;
    border-bottom: 1.25px solid #3d3d3d;
    padding: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

    .faq_search:focus {
        outline: none;
        border-bottom: 1.25px solid var(--url-hover-color);
        box-shadow: 0 2px 1px -1px rgba(35,35,35,0.2);
    }

.faq_search_icon {
    font-size: 1rem;
    padding-right: 10px;
}

.faq_button {
    text-transform: uppercase;
    font-weight: 500;
}

    .faq_button:hover, .faq_button:focus {
        color: var(--text-color);
        text-decoration: none;
    }

.faq_div {
    margin: 20px;
    transition: transform .2s;
}

    .faq_div:hover {
        transform: scale(1.1);
        z-index: 999;
    }

.faq_caret {
    padding-right: 25px !important;
}


/******/



/* --- Animation --- */

@keyframes bounce-frames {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fade-in-left-frames {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.bounce {
    -moz-animation: bounce-frames 1.25s infinite ease-in-out;
    -webkit-animation: bounce-frames 1.25s infinite ease-in-out;
    animation: bounce-frames 1.25s infinite ease-in-out;
    animation-delay: 1.5s;
}

.fade-in-left {
    -moz-animation: fade-in-left-frames 1s infinite ease-in-out;
    -webkit-animation: fade-in-left-frames 1s infinite ease-in-out;
    animation: fade-in-left-frames 1s ease-in-out;
}

.sectionBack
{
    background-color: #b9c9fe !important;
    font-weight: bold;
}




    /*.quote-card p {
        font-size: 22px;
        line-height: 1.5;
        margin: 0;
        max-width: 80%;
    }

    .quote-card cite {
        font-size: 16px;
        margin-top: 10px;
        display: block;
        font-weight: 200;
        opacity: 0.8;
    }

    .quote-card:before {
        font-family: Georgia, serif;
        content: "“";
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 5em;
        color: rgba(238, 238, 238, 0.8);
        font-weight: normal;
    }

    .quote-card:after {
        font-family: Georgia, serif;
        content: "”";
        position: absolute;
        bottom: -110px;
        line-height: 100px;
        right: -32px;
        font-size: 25em;
        color: rgba(238, 238, 238, 0.8);
        font-weight: normal;
    }

blockquote:before,
blockquote:after {
    font-family: Arial, serif;
    font-size: 2.5em;
    vertical-align: middle;
    line-height: 0
}

blockquote:before {
    content: open-quote;
    margin-right: 4px
}

blockquote:after {
    content: close-quote;
    margin-left: 3px
}

blockquote.blockstyle,
blockquote.style2 {
    background: #fff;
    font-style: italic
}

    blockquote.blockstyle p,
    blockquote.style2 p {
        display: inline
    }

blockquote.blockstyle {
    border-left: 3px solid #f0715f;
    position: relative
}*/