/* Custom css to overwrite main one  */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

/* logo size */
/* 
Screen sizes:
- Small devices (sm): min-width 640px
- Medium devices (md): min-width 768px
- Large devices (lg): min-width 1024px
- Extra large devices (xl): min-width 1280px
- 2XL devices (2xl): min-width 1536px
*/
@media screen and (min-width:  768px) {
   img.logo {
    max-height: 10vh;
    width: auto;
}   
}



/* update primary with #00A9A4 */
.btn-primary {
    background-color: #00A9A4 !important;
    border-color: #00A9A4 !important;
}

.btn-primary:hover {
    background-color: #00A9A4 !important;
    border-color: #00A9A4 !important;
}

.text-primary {
    color: #00A9A4 !important;
}

.text-primary:hover {
    color: #00A9A4 !important;
}

.btn-outline-primary {
    border-color: #00A9A4 !important;
    color: #00A9A4 !important;
}

.btn-outline-primary:hover {
    background-color: #00A9A4 !important;
    border-color: #00A9A4 !important;
}

.cursor-pointer{
    cursor: pointer;

}

/* Language switcher style */
#language-switcher, .language-switcher {


    z-index: 1000;
    border: #00A9A4 2px solid;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    margin-left: 5px;
}
#language-switcher option:checked,
#language-switcher option:focus,
#language-switcher option:hover {
    background-color: #00A9A4 !important;
    color: #fff !important;
    font-weight: 600;

}