:root{
    --primaryColor: #7DA2A9;
    --secondaryColor: #2C497F;
    --navBar: #ef8354;
    --redError: #F03A47;
    --footerGrey: #656565;
    --backgroundColor: #F7F7F7;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titilliumweb-semibold-webfont.woff2') format('woff2'),
    url('../fonts/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titilliumweb-bold-webfont.woff2') format('woff2'),
    url('../fonts/titilliumweb-bold-webfont.woff') format('woff');
    font-weight: bold;

}

strong {
    font-family: "titillium_webbold", sans-serif;
    font-weight: bold;
}

body, html{
    width: 100%;
    height: 100%;
    background-color: var(--backgroundColor);
    font-family: 'titillium_websemibold', sans-serif;
    font-size: 23px;
}

.noHighlight{
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.navLogo{
    width: 19%!important
}


.nav-link{
    color: var(--navBar) !important;
}

.nav-link:hover{
    color: var(--secondaryColor) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);

}

.btn-primary:hover {
    color: #fff;
    background-color: var(--secondaryColor);
    border-color: var(--secondaryColor);
}


.content{
    left: 0;
    right: 0;
    z-index: 800;
    margin-top: 3.6rem;
}

.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.line{
    margin-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid var(--primaryColor);
}

.white{
    color: #ffffff;
}

.socialLinks{
    text-decoration: none!important;
    color: inherit!important;
}

.footerText{
    font-size: 0.8rem !important;
}
.footerText p{
    font-size: 0.8rem !important;
}

.card{
    background-color: var(--backgroundColor);
    color: var(--backgroundColor);
}

.publication-Text p{
    margin: 0;
    font-size: 0.6rem;
}

.publication-Body{
    padding: 0.8rem 0.8rem 0.3rem;
}
.publication-date {
    font-size: 0.5rem !important;
    color: rgba(95,95,95,0.9);
}

.cursor-point {
    cursor: pointer;
}

.custom-control-label::before ,.custom-control-label::after{
    width:20px;
    height:20px}


.help-block{
    color: var(--redError);
}

.modal-body p, ul, li{
    color: #212529;
}

.modal-body h5{
    padding-top: 30px;
}

.modal-body h6{
    padding-top: 15px;
    text-decoration: underline;
}

footer a{
    color: var(--footerGrey);
}

footer p{
    color: var(--footerGrey);

}
footer ul li a{
    color: var(--footerGrey);
}

footer ul li{
    font-size: 1rem;
    color: var(--footerGrey)5!important;
}

h1{
    color: var(--secondaryColor);

}

h2{
    color: var(--primaryColor);
}

h3{
    color: var(--primaryColor);
    font-size: 1rem;

}

p { color:black;
    display:block;
    font-size:0.9rem;
    font-weight:400;
    margin-bottom: 15px;
}

a,a:visited {
    color: var(--primaryColor);
    outline:0;
    text-decoration:underline;
}

a:hover,a:focus {
    color: var(--secondaryColor);
    text-decoration: none;
}

p a,p a:visited {
    line-height:inherit;}

form label.required:after{
    font-size: 30px;
    padding-left: 5px;
    color: rgba(255,0,38,0.84);
    content: "*";
}

form label.not-required:after{
    font-size: 30px;
    color: rgb(0, 0, 0);
    content: " ";
}

/*
noinspection CssUnresolvedCustomProperty
*/
.toggle{
    --uiToggleSize: var(--toggleSize, 20px);
    --uiToggleIndent: var(--toggleIndent, .4em);
    --uiToggleBorderWidth: var(--toggleBorderWidth, 1px);
    --uiToggleColor: var(--toggleColor, #000);
    --uiToggleDisabledColor: var(--toggleDisabledColor, #868e96);
    --uiToggleBgColor: var(--toggleBgColor, black);
    --uiToggleArrowWidth: var(--toggleArrowWidth, 2px);
    --uiToggleArrowColor: var(--toggleArrowColor, var(--secondaryColor));
    display: inline-block;
    position: relative;
}

.toggle__input{
    position: absolute;
    left: -99999px;
}

.toggle__label{
    display: inline-flex;
    cursor: pointer;
    min-height: var(--uiToggleSize);
    padding-left: calc(var(--uiToggleSize) + var(--uiToggleIndent));
}

.toggle__label:before, .toggle__label:after{
    content: "";
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    font-size: var(--uiToggleSize);
    position: absolute;
    left: 0;
    top: 0;
}

.toggle__label:before{
    border: var(--uiToggleBorderWidth) solid black;
    z-index: 2;
}

.toggle__input:disabled ~ .toggle__label:before{
    border-color: var(--uiToggleDisabledColor);
}

.toggle__input:focus ~ .toggle__label:before{
    box-shadow: 0 0 0 2px var(--uiToggleBgColor), 0 0 0 4px var(--uiToggleColor);
}

.toggle__input:not(:disabled):checked:focus ~ .toggle__label:after{
    box-shadow: 0 0 0 2px var(--uiToggleBgColor), 0 0 0 4px var(--uiToggleColor);
}

.toggle__input:not(:disabled) ~ .toggle__label:after{
    background-color: var(--uiToggleColor);
    opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after{
    opacity: 1;
}

.toggle__text{
    margin-top: auto;
    margin-bottom: auto;
}

.toggle__text:before{
    content: "";
    box-sizing: border-box;
    width: 0;
    height: 0;
    font-size: var(--uiToggleSize);

    border-left-width: 0;
    border-bottom-width: 0;
    border-left-style: solid;
    border-bottom-style: solid;
    border-color: var(--uiToggleArrowColor);

    position: absolute;
    top: .5428em;
    left: .2em;
    z-index: 3;

    transform-origin: left top;
    transform: rotate(-40deg) skew(10deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before{
    width: .5em;
    height: .25em;
    border-left-width: var(--uiToggleArrowWidth);
    border-bottom-width: var(--uiToggleArrowWidth);
    will-change: width, height;
    transition: width .1s ease-out .2s, height .2s ease-out;
}

/*
=====
LEVEL 2. PRESENTATION STYLES
=====
*/

/*
The demo skin
*/

.toggle__label:before, .toggle__label:after{
    border-radius: 2px;
}

/*
The animation of switching states
*/

.toggle__input:not(:disabled) ~ .toggle__label:before,
.toggle__input:not(:disabled) ~ .toggle__label:after{
    opacity: 1;
    transform-origin: center center;
    will-change: transform;
    transition: transform .2s ease-out;
}

.toggle__input:not(:disabled) ~ .toggle__label:before{
    transform: rotateY(0deg);
    transition-delay: .2s;
}

.toggle__input:not(:disabled) ~ .toggle__label:after{
    transform: rotateY(90deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label:before{
    transform: rotateY(-90deg);
    transition-delay: 0s;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after{
    transform: rotateY(0deg);
    transition-delay: .2s;
}

.toggle__text:before{
    opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before{
    opacity: 1;
    transition: opacity .1s ease-out .3s, width .1s ease-out .5s, height .2s ease-out .3s;
}

/*
=====
LEVEL 3. SETTINGS
=====
*/

.toggle{
    --toggleColor: white;
    --toggleBgColor: black;
    --toggleSize: 50px;
}

/*
=====
DEMO
=====
*/

.page{
    margin: auto;
}

.page__toggle{
    color: black;
}

.page__toggle:nth-child(n+2){
    margin-top: 50px;
}


#privacyModalText p{
    font-size: 100%!important;
}

#privacyModalText h4{
    font-size: 110%!important;
}

#privacyModalText h5{
    font-size: 108%!important;
}

#privacyModalText h6{
    font-size: 106%!important;
}

#privacyModalText li{
    font-size: 100%!important;
}



/*
Spinner wheel styles:*/
#overlay{
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px var(--secondaryColor) solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}
.is-hide{
    display:none;
}

.navbar-width{
    width: 100% !important;
}

@media screen and (min-width: 992px){
    .navbar-width{
        width: auto !important;
    }

    .zoom{

        transition: transform .2s; /* Animation */
        margin: 3%;
    }

    .zoom:hover{
        transform: scale(1.05);
        box-shadow: 2px 2px 50px rgba(0,0,0,0.71), -2px -2px 50px rgba(0,0,0,0.71);
    }

    .zoom-no-shadow{
        transition: transform .2s;
        margin: 0.8%;
    }

    .zoom-no-shadow:hover{
        transform: scale(1.05);
    }
}