@charset "utf-8";
/* CSS Document */
/*  */
/*  Astroid Template Settings - Custom ZERO css */
/*  */
/* CUSTOM BASIC FILE - FTP naar /media/templates/site/astroid_template_zero/css/custom-osb.css */
/* */
/* */
/* --------------------------*/
/*|   BEGIN CUSTOM BESTAND   |*/
/* --------------------------*/
/*  */

/* Module OSB Search - Zoeken button - op homepage */

/* btn-osbsearch */


@media screen and (min-width: 600px) {
    .img-listview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 0px 0px 0px;
    }
}

@media screen and (min-width: 875px) {
    .img-listview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 0px 0px 15px;
    }
}

@media screen and (max-width: 600px) {
    .img-listview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 15px 0px 0px;
    }
}

@media screen and (min-width: 600px) {
    .img-prodview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 0px 0px 0px;
        min-height: 180px;
        min-width: 180px;
    }
}

@media screen and (min-width: 780px) {
    .img-prodview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 0px 0px 15px;
    }
}

@media screen and (max-width: 600px) {
    .img-prodview-services {
        float: left;
        height: auto;
        width: 100%;
        padding: 0px;
        border-radius: 15px 15px 0px 0px;
    }
}



/* BUTTONS */


.btn-bekijkdata-osb {
    color: #FFF;
    background: #007CC2;
    border-color: #007CC2;
    min-width: 200px;
    margin: 20px;
    height: 44px;
    border-radius: .6rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
    cursor: pointer;
}

.btn-bekijkdata-osb span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.btn-bekijkdata-osb span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.btn-bekijkdata-osb:hover span {
    padding-right: 25px;
}

.btn-bekijkdata-osb:hover span:after {
    opacity: 1;
    right: 0;
}

.btn-osbsearch {
color: #FFF;
background: #007CC2;
width: 100%;
min-width: 210px;
max-width: 600px;
height: 63px;
border-color: #007CC2;
border-style: none;
font-weight: 600;
font-size: 1rem;
line-height: 1.5;
display: inline-block;
text-align: center;
text-decoration: none;
vertical-align: middle;
user-select: none;
box-shadow: 0 4px 16px 0 rgba(0,0,0,0.3);
margin-top: 1px;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}


.btn-osbsearch:hover {
color: #FFF;
background-color: #005FA3;
border-top-color: #005FA3;
}

.btn-osbsearch:active {
color: #FFF;
background: #005FA3;
border-top-color: #005FA3;
}

.btn-osbsearch:disabled {
color: #FFF;
background: #005FA3;
border-top-color: #005FA3;
}


/* Module OSB Calender - datum selected kleur - bij reserveringop homepage */
/* btn-osbcal */

.btn-osbcal {

color: #FFF;
background: #007CC2;
border-color: #007CC2;
width: 90%;
border-radius: 1rem;
text-decoration: none;
}


/* CATEGORIEN */


.cat-box-row {
    width: 100%;
    margin: 10px auto;
    max-width: 1200px;
    border: 1px solid #c0c6cf;
    border-radius: 15px;
    background-color: white;
    padding: unset;
}

[data-swiper-slide-index]:after {
    content: attr(data-swiper-slide-index);
    visibility: visible;
}

#rlta-voetbal-stadion-tour {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: #F0F0F0 1px solid;
    border-radius: 1rem 1rem 1rem 1rem;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: normal;
    min-width: 100px;
}

#rlta-voetbal-stadion-tour:hover {
    background-color: #fad3d6;
    border: #f8bfc3 1px solid;
}

#rlta-paard-rijden {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: #F0F0F0 1px solid;
    border-radius: 1rem 1rem 1rem 1rem;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: normal;
    min-width: 100px;
}

#rlta-paard-rijden:hover {
    background-color: #ffe69c;
    border: #face49 1px solid;
}

#rlta-bootje-varen {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: #F0F0F0 1px solid;
    border-radius: 1rem 1rem 1rem 1rem;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: normal;
    min-width: 100px;
}

#rlta-bootje-varen:hover {
    background-color: #d1ecf1;
    border: #58abb9 1px solid;
}

#rlta-kinder-uitjes {
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: #F0F0F0 1px solid;
    border-radius: 1rem 1rem 1rem 1rem;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: normal;
    min-width: 100px;
}

#rlta-kinder-uitjes:hover {
    background-color: #a9dcb5;
    border: #52c56d 1px solid;
}



/* OSB BOOKING */


.bookingformdiv {
    background: #fff;
}


.header_calendar {
    background: #F0F0F0;
}


/* Module OSB Search - Formulier velden voor zoeken - op homepage */


@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 96%;
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 96%;

    }
}

@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 96%
    }
}

@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 1200px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


#category_id_121 {
    width: 100%;
    height: 65px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    border-color: #CCC;
    min-width: 210px;
    max-width: 600px;
    padding-left: 55px;
    padding-right: 55px;
    background-image: url("/images/flag-icon.png"), url("/images/arrow-down.png");
    background-position-x: 15px, right 15px;
    background-position-y: 8px, 13px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
    text-overflow: ellipsis;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-bottom: none;
}

#sid_121 {
    width: 100%;
    height: 65px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    border-color: #CCC;
    border-radius: unset;
    border-bottom: none;
    min-width: 210px;
    max-width: 600px;
    padding-left: 55px;
    padding-right: 55px;
    background-image: url("/images/city-icon.png"), url("/images/arrow-down.png");
    background-position-x: 12px, right 15px;
    background-position-y: 11px, 13px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
    text-overflow: ellipsis;
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.3);
}

#vid_137 {
    width: 100%;
    height: 65px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    border-color: #CCC;
    min-width: 210px;
    max-width: 600px;
    padding-left: 55px;
    padding-right: 55px;
    background-image: url("/images/city-icon.png"), url("/images/arrow-down.png");
    background-position: top 12px left 11px, top 13px right 15px;
    background-position-x: 2%, 97%;
    background-position-y: 50%, 60%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
    text-overflow: ellipsis;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-bottom: none;
}

#sid_137 {
    width: 100%;
    height: 65px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    border-color: #CCC;
    min-width: 210px;
    max-width: 600px;
    padding-left: 55px;
    padding-right: 55px;
    background-image: url("/images/flag-icon.png"), url("/images/arrow-down.png");
    background-position-x: 12px, right 15px;
    background-position-y: 11px, 13px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
    text-overflow: ellipsis;
    border-radius: unset;
    border-bottom: none;
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.3);
}

#category_id_121:hover,
#category_id_121:active,
#category_id_121:disabled,
#vid_137:hover,
#vid_137:active,
#vid_137:disabled,
#sid_137:hover,
#sid_137:active,
#sid_137:disabled,
#sid_121:hover,
#sid_121:active,
#sid_121:disabled {
    cursor: pointer;
}