:root {
    --swiper-pagination-color : #b38035;
    --swiper-theme-color: #b38035;
}

html {
    position: relative;
    min-height: 100% !important;
}

BODY {
    font-family: 'Barlow', sans-serif;
    margin-bottom: 270px; /* Margin bottom by footer height */
    background-color:#FFF;
    /*background-image:url("/images/main_bkgnd.jpg");*/
    background-repeat:no-repeat;
    background-size: 100% auto;
    background-position: center  bottom;
}


.bg-goud {
    background-color:#b38035;
    text-color:#FFF;
    border-radius:3px;
}

.btn-goud {
    color: #fff;
    background-color: #b38035;
    border-color: #b38035;
}

.footer {
    position: absolute;
    bottom: 0;
    width:100%;
    height: 270px; /* Set the fixed height of the footer here */
    /*background-color: rgba(245, 245, 245, 0.84);*/
    /*background-color: rgb(245 245 245 / 84%);*/
    background-color:#1b1b1b;
    color:#FFF;

}
.footer A {
    color:#FFF !important;
}

.navbar {
    z-index:4;
}
.navbar-main .nav-link {

    text-transform: uppercase;
}

.nav-link {
    color:#000;
    font-weight: bold;
}



/*
 * Extra utilities
 */

.flex-equal > * {
    -ms-flex: 1;
    flex: 1;
}
@media (min-width: 768px) {
    .flex-md-equal > * {
        -ms-flex: 1;
        flex: 1;
    }
}

.navbar-main .nav-item {
    /*background-color:#FFF;*/
    z-index:2;
    padding:0 5px;
}


/*.navbar-main .navbar-nav:before {
    !*background-color: #040404;*!
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    margin-top: -1px;
    top: 50%;
    width: 100%;
    left: 0;
    z-index:0;
}*/
.overflow-hidden { overflow: hidden; }

.navbar .dropdown-menu {
    /*background-color:#b38035;*/
    background-color:#1b1b1b;
    border-radius:0px;
    border:0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.card {
    transition:all 0.4s;
    height:100%;
}
.card:hover {
    border:1px solid #b38035;
    text-decoration: none;

}



.card .verkoopprijs {
    font-weight: bold;
    font-size:20px;
    color:#000;
}

.dropdown-item {
    color:#FFF;
}


.header-btns A {
    color:#000;
    margin:10px;
}



.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.make-me-sticky {
    position: -webkit-sticky;
    position: sticky !important;
    top: 50px;

    padding: 0 15px;
}

.sticky {
    position: fixed  !important;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 55px  !important;
}


#navbar {
    z-index: 50000;
}


#searchform input {
    outline: none;
}
#searchform input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
#searchform input::-webkit-search-decoration,
#searchform input::-webkit-search-cancel-button {
    display: none;
}


#searchform input[type=search] {
    background: #FFF url('/images/search-icon.png') no-repeat 9px center;
    border: solid 1px #FFF;
    padding: 9px 10px 9px 32px;
    width: 55px;

    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
#searchform input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    border-color: rgba(179, 128, 53, 1);

    -webkit-box-shadow: 0 0 5px rgba(179, 128, 53, .5);
    -moz-box-shadow: 0 0 5px rgba(179, 128, 53, .5);
    box-shadow: 0 0 5px rgba(179, 128, 53, .5);
}



#searchform input:-moz-placeholder {
    color: #999;
}
#searchform input::-webkit-input-placeholder {
    color: #999;
}

#searchform input[type=search] {
    width: 25px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}
#searchform input[type=search]:hover {
    background-color: #fff;
}
#searchform input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}
#searchform input:-moz-placeholder {
    color: transparent;
}
#searchform input::-webkit-input-placeholder {
    color: transparent;
}


#searchform A:hover {
    text-decoration: none;
}

.head-phone:hover {
    text-decoration: none;
}
.head-phone {
    position:absolute;
    left:20px;
    font-size:24px;
    font-style: italic;
    text-decoration: none;
    color:#000;
}
.head-mobile-phone {
    position:absolute;
    right:20px;
    font-size:18px;
    font-style: italic;
    top:25px;
    text-decoration: none;
    color:#000;
}


@media (max-width: 992px) {
/*    .navbar-nav:before {
        background-color: #FFF;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        margin-top: -1px;
        top: 50%;
        width: 100%;
        left: 0;
        z-index: 0;
    }*/
}

@media (max-width: 992px) {
    .card IMG {

    }
}


.js-cookie-consent {
    width: 100%;
    padding:20px;
    background-color: #b5843f;
    color: rgb(255, 255, 255);
}

.js-cookie-consent-agree {

    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border:1px solid #FFF;
    /*border-radius: .25rem;*/
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    float:right;
    color: #fff;
    /*background-color: rgb(0, 99, 252);*/
    background-color: #a27534;
}
.js-cookie-consent-agree:hover {
    background-color: #b5843f;
}

.label {

    position: absolute;
    width: 350px;
    -ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Safari prior 9.0 */
    transform: rotate(-35deg); /* Standard syntax */
    top:100px;
    left:-50px;
    border-radius: 15px;
    background-color:#b38035;
    opacity: 0.9;

}

.labeltekst {
    width: 100%;
    text-align: center;
    color:#FFF;
    padding:10px 5px;
    text-transform: uppercase;
    font-weight:bold;
    font-size:24px;

}

.img-container {

    min-height:225px;
}


.home-tile {
    font-size:1rem;
    font-weight: bold;
    color:#FFF;
    border:1px solid #FFF;
    background-color: #b38035;
    /*padding:100px 10px;*/
    transition: all 0.2s;
    min-height: 250px;
}

.home-tile:hover {
    font-weight: 1.6rem;
}

.home-tile:nth-child(1) {
    background-color:#b38035;
}
.home-tile:nth-child(2) {
    background-color: #a2742c;
}

.home-tile:nth-child(3) {
    background-color:#b38035;
}
.home-tile:nth-child(4) {
    background-color:#a2742c;
}

.home-tile:hover:nth-child(1) {
    background-color:#a1732f;
}
.home-tile:hover:nth-child(2) {
    background-color: #916827;
}

.home-tile:hover:nth-child(3) {
    background-color:#a1732f;
}
.home-tile:hover:nth-child(4) {
    background-color:#916827;
}

.home-tile:hover {

    color:#FFF;
    text-decoration: none;

}
.home-tile .img-overlay {
    opacity: 0;
    transition: all 0.2s;
}
.home-tile:hover .img-overlay {
    opacity: 0.8;
}


.swiper-pagination-bullet {
    opacity: .5; /*was 0.2 and was impossible to see on some background images*/
}

.swiper-pagination-bullet-active {
    opacity: 1;
    /*background:#b38035;*/
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}


.card {
    border-radius: 0px;
}


.card-img {
    border-radius: 0px;
}

.ups {
    margin:0px;
    padding:0px;

}

.ups LI {
    list-style: none;
   margin-top:20px;
    margin-left:0px;

}
.ups LI .far {
    color:var(--swiper-theme-color);
}

.bg-black {
    /*background-color:#000;*/
}


#navbarSub .active {
    font-weight: bold !important;
}

@media (max-width: 576px) {

    .subnav .nav-link {
        font-size: 12px;
    }
}