.bg {
    /* margin-top: 150px; */
    background-image: url("../images/bgFooter.45661d286b8c.png"), url("../images/bgBlue.676a92afab01.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.bg-spain {
    background-image: url("../images/bgFooterSpain.0eb06b957a24.png"), url("../images/bgBlue.676a92afab01.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.bgDetail {
    height: 1px;
}

.carousel-item img {
    width: 100%;
    height: auto;
}

#sliderFrame {
    margin-top: -41.666%;
    z-index: 10;
    position: absolute;
}

#foto1Slider {
    -ms-transform: rotate(353deg); /* IE 9 */
    transform: rotate(353deg);
    margin-top: -38%;
    margin-left: 6%;
}

#foto2Slider {
    -ms-transform: rotate(7deg); /* IE 9 */
    transform: rotate(7deg);
    margin-top: -25%;
    margin-left: 18%;
}

.eventPhoto {
    width: 21%;
    z-index: 12;
    position: absolute;
    box-shadow: 4px 4px 7px #363636;
}

.eventPhoto .card-body {
    padding: 3% 3% 7% 3%;
}

.eventPhoto .card-img {
    width: 100%;
    height: auto;
}

.rowResult {
    margin-left: 20%;
    margin-right: 20%;
}

#rowResultSpecial {
    margin-right: 15%;
}

.eventTitle {
    font-family: reeyregular !important;
    color: #eb695cff !important;
    font-size: 2.6rem;
}

#eventWithLocation .container_text {
    display: inline;
}

#eventWithLocation .container_text h1 {
    max-width: 85%;
}

#eventWithLocation .container_img {
    float: right;
}

#eventWithLocation img {
    width: 88%;
}

#eventWithLocation a img:hover {
    filter: drop-shadow(0 2px 0.2rem rgb(184, 184, 184));
    -ms-transform: rotate(-1deg); /* IE 9 */
    transform: rotate(-1deg);
}

#subcatTitle {
    margin-bottom: 1rem;
    font-family: 'Open Sans', sans-serif !important;
    color: #154b64ff !important;
    font-size: 3rem;
    font-weight: 700;
    padding-left: 15px;
}

.whiteSpaceTitle {
    height: 5rem;
}

.bg p, .bg-spain p,
.bg li, .bg-spain li,
.bg i, .bg-spain i {
    font-size: 1.35rem;
    font-weight: lighter;
    text-align: justify;
}

.bg b, .bg-spain b,
.bg b i, .bg-spain b i {
    font-weight: 600;
}

.bg a, .bg-spain a {
    color: #154b64ff;
    text-decoration: underline;
}

.bg a:hover, .bg-spain a:hover {
    font-style: italic;
}

.linkStyling a {
    text-decoration: none;
}

.redButton {
    background-image: url("../images/redButton.634c23ad92db.png");
    background-size: 100% 100%;
    padding: 5% 15% 4% 7%;
    /* padding: 30px 20px 15px 20px; */
    color: white;
    cursor: pointer;
}

.redButton:hover {
    background-image: url("../images/whiteButton.33bb174d181b.png");
    background-size: 100% 100%;
    padding: 5% 15% 4% 7%;
    /* padding: 30px 20px 15px 20px; */
    color: #eb695cff;
    filter: drop-shadow(0 2px 0.5rem rgb(199, 199, 199));
}

.linkStyling a:hover {
    text-decoration: none;
}

#tempMargin {
    padding-left: 25%;
}

.event-item__description h2,
.event-item__description h3,
.event-item__description h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 6%;
}

.event-item__description h2 {
    font-size: 1.9rem;
}

.event-item__description h3 {
    font-size: 1.7rem;
}

.event-item__description h2 b,
.event-item__description h3 b,
.event-item__description h4 b {
    font-weight: 700;
}

h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
}

.redButton h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 6%;
}

a:hover .redButton {
    font-style: normal;
}

.tabs {
    background-color: white;
    outline: none;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 7px 0px 0px 0px;
    flex-grow: .1;
}

.buttonFlexbox {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}

.mobTabs {
    display: none;
}

.bg .collapse, .bg-spain .collapse {
    background-color: transparent !important;
}

.programma, .programma p, .programma a, .programma b,
.programma ul li, .programma i,
.programma h2, .programma h3, .programma h4 {
    color: #eb695cff;
}

.accordion .card, .accordion .card p, .accordion .card a,
.accordion .card b, .accordion .card li, .accordion .card i {
    font-weight: 600;
    font-size: unset;
}

button.programma:not(collapsed) {
    color: white;
    background-color: #eb695cff;
}

button.programma.collapsed {
    color: #eb695cff;
    background-color: white;
}

button.programma:hover {
    color: white;
    background-color: #eb695cff;
}

#collapseProg.show .card-body {
    border: 3px solid #eb695cff;
    border-radius: 7px;
}

button.tijdsduur:not(collapsed) {
    color: white;
    background-color: #18b5c9ff;
}

button.tijdsduur.collapsed {
    color: #18b5c9ff;
    background-color: white;
}

button.tijdsduur:hover {
    color: white;
    background-color: #18b5c9ff;
}

#collapseTijd.show .card-body {
    border: 3px solid #18b5c9ff;
    border-radius: 7px;
}

button.locatie:not(collapsed) {
    color: white !important;
    background-color: #9d4690ff;
}

button.locatie.collapsed {
    color: #9d4690ff !important;
    background-color: white;
}

button.locatie:hover {
    color: white !important;
    background-color: #9d4690ff;
}

#collapseLoc.show .card-body {
    border: 3px solid #9d4690ff;
    border-radius: 7px;
}

button.prijzen:not(collapsed) {
    color: white;
    background-color: #4f9079ff;
}

button.prijzen.collapsed {
    color: #4f9079ff;
    background-color: white;
}

button.prijzen:hover {
    color: white;
    background-color: #4f9079ff;
}

#collapsePrice.show .card-body {
    border: 3px solid #4f9079ff;
    border-radius: 7px;
}

button.beschikbaarheid:not(collapsed) {
    color: white;
    background-color: #fcc108ff;
}

button.beschikbaarheid.collapsed {
    color: #fcc108ff;
    background-color: white;
}

button.beschikbaarheid:hover {
    color: white;
    background-color: #fcc108ff;
}

#collapseBes.show .card-body {
    border: 3px solid #fcc108ff;
    border-radius: 7px;
}

button.boeken:not(collapsed) {
    color: white;
    background-color: #256db0ff;
}

button.boeken.collapsed {
    color: #256db0ff;
    background-color: white;
}

button.boeken:hover {
    color: white;
    background-color: #256db0ff;
}

#collapseBoeken.show .card-body {
    border: 3px solid #256db0ff;
    border-radius: 7px;
}

.tijdsduur, .tijdsduur p, .tijdsduur a, .tijdsduur b,
.tijdsduur li, .tijdsduur i,
.tijdsduur h2, .tijdsduur h3, .tijdsduur h4 {
    color: #18b5c9ff;
}

.locatie, .locatie p, .locatie a, .locatie b
.locatie li, .locatie i,
.locatie h2, .locatie h3, .locatie h4 {
    color: #9d4690ff !important;
}

.locatie p {
    margin-bottom: unset;
}

.prijzen, .prijzen p, .prijzen a, .prijzen b,
.prijzen li, .prijzen i,
.prijzen h2, .prijzen h3, .prijzen h4 {
    color: #4f9079ff;
}

.beschikbaarheid, .beschikbaarheid p, 
.beschikbaarheid a, .beschikbaarheid b,
.beschikbaarheid li, .beschikbaarheid i,
.beschikbaarheid h2, .beschikbaarheid h3, .beschikbaarheid h4 {
    color: #fcc108ff;
}

.boeken {
    color: #256db0ff;
    font-weight: 600;
}

.programma b, .programma b i,
.tijdsduur b, .tijdsduur b i,
.locatie b, .locatie b i,
.prijzen b, .prijzen b i,
.beschikbaarheid b, .beschikbaarheid b i,
.boeken b, .boeken b i {
    font-weight: 800 !important;
}

.boeken p, .boeken form p label {
    color: #256db0ff;
}

.boeken form p input, .boeken form p select, .boeken form p textarea {
    border: 2px solid #256db0ff;
    border-radius: 5px;
}

.bg .card-body, .bg-spain .card-body {
    border: 0px;
    filter: drop-shadow(6px 6px .4rem rgb(158, 158, 158));
    padding: 8%;
}

.card-body p {
    font-weight: 600;
    font-size: 100%;
}

.submitButton {
    background-color: #256db0ff;
    color: white;
    font-weight: 600;
}

.rowResult .card-body {
    margin-bottom: 45%;
}

.up1 {
    margin-top: -1px;
}

label#id_captcha {
    display: none;
}

#id_captcha {
    border: 2px solid #256db0ff;
    border-radius: 5px;
    padding: 5px;
}

.errorlist li {
    color: #eb695cff;
}

@media screen and (max-width: 1500px) {
    #rowResultSpecial {
        margin-right: 18%;
    }
    #eventWithLocation img {
        width: 150px;
    }
    .eventTitle {
        font-size: 2.6vw;
    }
    #subcatTitle {
        margin-bottom: 1vw;
    }
    .bg p, .bg-spain p,
    .bg li, .bg-spain li,
    .bg i, .bg-spain i {
        font-size: 1.35vw;
    }
    .tabs {
        padding-top: 0.8vw;
        padding-bottom: 0.8vw;
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 1300px) {
    .rowResult {
        margin-left: 15%;
        margin-right: 15%;
    }
    #rowResultSpecial {
        margin-right: 10%;
    }
    .eventTitle {
        font-size: 3.3vw;
    }
    #subcatTitle {
        margin-bottom: 3vw;
        font-size: 2.5rem;
    }
    .bg p, .bg-spain p,
    .bg li, .bg-spain li,
    .bg i, .bg-spain i {
        font-size: 1.5vw;
    }
    h4,
    .event-item__description h2,
    .event-item__description h3,
    .event-item__description h4 {
        font-size: 1.3rem;
    }
    .event-item__description h2 {
        font-size: 1.7rem;
    }
    .event-item__description h3 {
        font-size: 1.5rem;
    }
    .redButton h4 {
        font-size: 1.1rem;
    }
    .tabs {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 1100px) {
    #eventWithLocation img {
        width: 125px;
    }
    #subcatTitle {
        font-size: 2rem;
    }
    .whiteSpaceTitle {
        height: 4rem;
    }
    .bg p, .bg-spain p,
    .bg li, .bg-spain li,
    .bg i, .bg-spain i {
        font-size: unset;
    }
    h4,
    .event-item__description h1,
    .event-item__description h2,
    .event-item__description h3,
    .event-item__description h4 {
        font-size: 1.2rem;
    }
    .event-item__description h2 {
        font-size: 1.4rem;
    }
    .event-item__description h3 {
        font-size: 1.3rem;
    }
    .redButton h4 {
        font-size: 1rem;
    }
    #tempMargin {
        padding-left: 15%;
    }
}

@media screen and (max-width: 900px) {
    .rowResult {
        margin-left: 10%;
        margin-right: 10%;
    }
    #rowResultSpecial {
        margin-right: 5%;
    }
    .eventTitle {
        font-size: 3.9vw;
    }
    #subcatTitle {
        font-size: 1.5rem;
    }
    .tabs {
        font-size: 1.5vw;
        flex-grow: unset;
    }
}

@media screen and (max-width: 800px) {
    #tempMargin {
        padding-left: 0;
    }
    .tabs {
        font-size: 2.5vw;
        flex-grow: .5;
    }
    .buttonFlexbox {
        flex-wrap: wrap;
    }
    button.prijzen {
        margin-left: 0;
    }
    button.boeken {
        margin-right: unset;
        float: unset;
    }
}

@media screen and (max-width: 700px) {
    #eventWithLocation img {
        width: 100px;
    }
    .whiteSpaceTitle {
        height: 3rem;
    }
}

/* stacked tabs */
@media screen and (max-width: 600px) {
    .eventTitle {
        font-size: 4.6vw;
    }
    .rowResult {
        margin-left: 5%;
        margin-right: 5%;
    }
    #rowResultSpecial {
        margin-right: 3%;
    }
    .redButton {
        padding: 10% 15% 8% 7%;
    }  
    .redButton:hover {
        padding: 10% 15% 8% 7%;
    }
    .bg .card-body, .bg-spain .card-body {
        border: 0px;
        padding: 0;
        background-color: transparent;
        filter: none;
    }
    #collapseProg.show .card-body,
    #collapseTijd.show .card-body,
    #collapseLoc.show .card-body,
    #collapsePrice.show .card-body, 
    #collapseBes.show .card-body, 
    #collapseBoeken.show .card-body {
        border: none;
        border-radius: none;
    }
    .collapse {
        box-shadow: none;
    }
    .tabs {
        display: none;
    }
    .mobTabs {
        background-color: white;
        outline: none;
        display: block;
        width: 100%;
        padding: unset;
        padding-top: 4%;
        padding-bottom: 4%;
        margin: 3% 0 3% 0;
        font-weight: 600;
        font-size: 115%;
        border-radius: 0px 7px 0px 0px;
    }
    .rowResult .card-body {
        margin-bottom: unset;
    }
    #accordionTab {
        padding-bottom: 45%;
    }
    button.programma:not(collapsed) {
        color: #eb695cff;
        background-color: transparent;
        border-bottom: 2px solid #eb695cff;
        filter: none;
    }
    button.programma.collapsed {
        color: #eb695cff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.programma:hover {
        color: white;
        background-color: #eb695cff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.tijdsduur:not(collapsed) {
        color: #18b5c9ff;
        background-color: transparent;
        border-bottom: 2px solid #18b5c9ff;
        filter: none;
    }
    button.tijdsduur.collapsed {
        color: #18b5c9ff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.tijdsduur:hover {
        color: white;
        background-color: #18b5c9ff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    } 
    button.locatie:not(collapsed) {
        color: #9d4690ff !important;
        background-color: transparent;
        border-bottom: 2px solid #9d4690ff;
        filter: none;
    }
    button.locatie.collapsed {
        color: #9d4690ff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.locatie:hover {
        color: white;
        background-color: #9d4690ff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }  
    button.prijzen:not(collapsed) {
        color: #4f9079ff;
        background-color: transparent;
        border-bottom: 2px solid #4f9079ff;
        filter: none;
    }
    button.prijzen.collapsed {
        color: #4f9079ff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.prijzen:hover {
        color: white;
        background-color: #4f9079ff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.beschikbaarheid:not(collapsed) {
        color: #fcc108ff;
        background-color: transparent;
        border-bottom: 2px solid #fcc108ff;
        filter: none;
    }
    button.beschikbaarheid.collapsed {
        color: #fcc108ff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.beschikbaarheid:hover {
        color: white;
        background-color: #fcc108ff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.boeken:not(collapsed) {
        color: #256db0ff;
        background-color: transparent;
        border-bottom: 2px solid #256db0ff;
        filter: none;
    }
    button.boeken.collapsed {
        color: #256db0ff;
        background-color: white;
        border-bottom: none;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
    button.boeken:hover {
        color: white;
        background-color: #256db0ff;
        filter: drop-shadow(5px -2px 0.3rem rgb(143, 143, 143)) !important;
    }
}