.header-img {
    text-align: center;
    position: relative;
    text-align: center;
}
.centeredOnImg {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: #c4c4c4;
    font-size: 2.3em;
}

.header-img img {
    margin-top: 100px;
    width: 100%;
    filter: brightness(60%);
}
.navbar-brand {
    font-size: 2.5rem;	
}
.nav-item {
    font-size:1.2em;
}
img {
    max-width:100%
}
.circular {
    border-radius: 50%;
}
nav {
    padding: 1rem 4rem!important;
}

.bg-dark {
    background-color: #545556!important;
}

.nav-item:hover, .active {
    border-bottom: 2px solid red;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}


h1,h2,h3,h4,h5,h6, p, label, tr, td {
    text-decoration: none;
    color:#484a4c;
}
h6 {
    font-size: 1.15rem;
}
.hrefTel {
    text-decoration: none;
    color:#484a4c;
}
body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    background-color: #c4c4c4;
}

.page-footer {
    background-color: #545556;
    color: #ccc;
}
.footer-copyright a{
    text-decoration: none;
    color: #ccc;
}

.container {
    padding-top:20px;
    padding-bottom:50px;
}

.main-banner {
    text-align: center;
    padding: 15px;
    border: 5px solid #545556;
    border-radius: 25px;
    clear: left;
    margin-bottom:20px;
}
.sidebarLinks {
    padding: 10px;
}
.sidebarLinks a {
    background-color: #545556;
    color: white;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 25px;
    padding-top: 9px;
    font-size: 1.4em;
    width: 200px;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.sidebarLinks a:hover {
    background-color: #8a8b8c;
}
.btn {
    background-color: #545556;
    color: white;
}
.btn:hover {
    background-color: #8a8b8c;
    color: white;
}

.col-md-8 {
    padding:30px;
}

.col-md-4 {
    padding:30px;
}



.rowMenuKaarCategorien a, .homeLinkToPage a{
    display: inline-block;
    background-color: #545556;
    color: white!important;
    text-decoration: none;
    text-align: center;
    border-radius: 25px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 1.4em;
    width: 30%;
    margin-top: 5px;
    margin-bottom: 10px;
}
.rowMenuKaarCategorien a:hover,  .homeLinkToPage a:hover {
    background-color: #8a8b8c;
}


.homeLinkToPage a {
    width: 100%;
}




/*  MENU items opmaken */
.yvonnesTip {
    text-align: center;
    margin-bottom: 10px;
}
.yvonnesTip img{
    width: 50%;
}

.iconMini {
    width: 15px;
}

@media only screen and (max-width: 1100px) {
    .wijnenShowDesktopOnly {
        display: none;
    }
}
@media only screen and (min-width: 1100px) {
    .wijnenShowMobileOnly {
        display: none;
    }
}

ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:". . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: #c4c4c4;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: #c4c4c4
}
.smallText {
    font-size: 13px;
}



/*pagina galerij (randen rond de afbeeldingen)*/
.ug-thumb-wrapper, .ug-tile, .ug-tile-clickable, .ug-thumb-ratio-set {
    border-color: #545556!important;
    background-color: #545556!important;
    box-shadow: rgb(84, 85, 86) 1px 1px 3px 2px;
}
/* hoveren over de afbeelding*/
.ug-thumb-overlay {
    background-color: rgba(84, 85, 86, 0.4)!important;
}
/* kleur van de bolletjes voor de pagina te kiezen */
.ug-bullet {
    background-color: lightgrey!important;
    border-radius: 25px;
}
.ug-bullet-active { background-color: gray!important; }
/* Pijlen Links en rechts */

.ug-lightbox .ug-lightbox-arrow-right {
    background-image: url(../assets/lightbox-arrow-right.png)!important;
}

.ug-lightbox .ug-lightbox-arrow-left {
    background-image: url(../assets/lightbox-arrow-left.png)!important;
}
/* Sluitknop */
.ug-lightbox .ug-lightbox-button-close {
    background-image: url(../assets/lightbox-icon-close.png)!important;
}