/*
Theme Name: BQuiver Theme
Theme URI: https://elementor.com/hello-theme/
Description: Child Theme of Hello Elementor
Author: Jacco de Jager
Author URI: https://jouwwebsite.nl
Template: hello-elementor
Version: 1.0.0
*/

header {
    /* transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out, transform 0.6s ease-in-out; */
}

header.scrolled-down {
    opacity: 0;
    visibility: hidden;
}

header.scrolled-up {
    opacity: 1;
    visibility: visible;
}
header:not(.scrolled-up):not(.scrolled-down) {
    opacity: 1;
    visibility: visible;
}
header.scrolled-up .bquivernavbar{
    /* background-color: white; */
    /* background-color: rgba(1, 2, 20, 0.5); */
    background-color: rgba(0, 40, 54, 0.5);
    z-index: 8000;
}
header.scrolled-up .bquivernavbar .menu-item a{
    /* color:#00394C; */
    color:#FFFFFF;
}
header.scrolled-up .bquivernavbar .sayhibutton .elementor-button{
    /* border-color:#00394C; */
    border-color:#FFFFFF;
}
header.scrolled-up .bquivernavbar .sayhibutton .elementor-button span span{
    color: #FFFFFF;
}
header.scrolled-up .bquivernavbar .sayhibutton .elementor-button span span {
    /* color: #E5219A; */
    color: #FFFFFF;
}
.bquiver-logo-wit,
.bquiver-logo-blauw {
    display: none;
}

.bquiver-logo-wit.shown,
.bquiver-logo-blauw.shown {
    display: inline-block;
}
.post-tags {
    display: none;
}
.bquiverreadmore {
    display: none;
}

.bquiverreadmore.visible {
    display: block;
}
@media screen and (width: 2048px) {
    .bquiverbg::before {
            background-position: 59px 0 !important;
            background-size: 95% !important;
        }
    }
@media screen and (width: 1728px) {
    .bquiverbg::before {
            background-position: -91px 0 !important;
            background-size: 110.5vw !important;
        }
}
@media screen and (width: 1440px) {
    .bquiverbg::before {
            background-position: -1px 0 !important;
            background-size: 84.5vw !important;
        }
}
@media screen and (max-width: 1280px) {
.bquiverbg::before {
    background-position: -77px 0 !important;
    background-size: 94.5vw !important;
}
}
@media screen and (max-width: 884px) {
    .bquiverbg::before {
            background-position: -135px 0 !important;
            background-size: 94.5vw !important;
}
}
@media screen and (max-width: 834px) {
    .bquiverbg::before {
        background-position: -135px 0 !important;
        background-size: 89.5vw !important;
    }
}
/*mobiel*/
@media (max-width: 767px) {
header.scrolled-up .bquivernavbar {
        background-color:#002836;
        z-index: 8000;
    }
}