@font-face {
    font-family: 'Avenir LT Std';
    src: url("/fonts/AvenirLTStd-Roman.woff") format('woff');
}

.mapson {display: none;}

/*algemeen*/
body{font-family: 'Avenir LT Std', sans-serif; font-size: 14px;}
h1 {color: #486173;}
h2 {color: #486173;}
h3 {color: #486173;}
h4 {color: #486173;}


a {color: #486173;}
a:hover {text-decoration: underline; color: #486173; }

/*header*/
.cus-contactblok {font-size: 14px; display: flex; justify-content: flex-end;}
.cus-contactblok p { width: auto; margin: 0; padding: 5px 20px 0 0;}
.cus-contactblok ul {list-style-type: none; margin: 0; padding: 5px 0 0 20px; width: auto; display: none;}

.cus-light {color: #728ea2;}

/*header .contact-blok {border-right: 1px solid #e6e6e6; padding-right: 5px;}*/

/*navbar*/
.navbar {font-size: 16px;}
.cus-logo { width: auto; height: 35px;}
.bg-light {background-color: transparent !important; border-top: 2px solid #e6e6e6; border-bottom: 4px solid #f9f9f9;}
.navbar-light .navbar-nav .nav-link:LINK, .navbar-light .navbar-nav .nav-link:VISITED, .navbar-light .navbar-nav .nav-link:HOVER, .navbar-light .navbar-nav .nav-link:ACTIVE {color: #728ea2;}

footer {border-top: 4px solid #f9f9f9; padding: 25px; text-align:center;}
footer ul {list-style-type: none; margin: 0 auto; padding: 0;}
footer a:LINK, footer a:VISITED, footer a:HOVER, footer a:ACTIVE {color: #c0c0c0;}
footer ul li {text-align: left; vertical-align: top;}

.btn-primary {background-color: #486173; border-radius: 0; padding: 10px 30px; color: #fff; font-size: 20px; border-color: #486173;}
.btn-primary:HOVER {background-color: #728ea2; border-color: #728ea2;}
.btn-secondary {background-color: #fff; color: #486173; padding: 10px 30px; border-color: #486173; border-radius: 0;}
.btn-secondary.disabled {color: #e6e6e6; border: 1px solid #e6e6e6; background-color: #fff;}
.btn-xs {font-size: 12px;}
.btn-sm {font-size: 14px;}

.grayscale {filter: grayscale(100%);}
.carousel-caption {left: auto; bottom: 20%;}

.cus-overledene {margin-bottom: 50px;}
.cus-overledene-data, .cus-bloemen-data {background-color: #728ea2; color: #fff; text-align: center; padding: 15px; margin-bottom: 10px;}
.cus-overledene-data p {margin: 0;}
.cus-overledene-data p.cus-overledene-naam {font-size: 18px; margin-bottom: 10px;}
.cus-overledene-datum {font-size: 14px;}
.cus-overledene-links {}
.cus-overledene-links ul {list-style-type: none; margin: 0; padding: 0;}
.cus-overledene-links ul li {display: block;}
.cus-overledene-links ul li a {display: block; border: 1px solid #486173;}

.lead {color: #728ea2;}

.cus-form {}
.cus-form .form-row {margin-bottom: 20px;}
.cus-form .form-control {background-color: #f9f9f9; color: #8d8d8d; border: 0; padding: 15px 15px; font-size: 14px; border-radius: 0; height: auto}
.cus-form textarea.form-control {padding: 15px; height: 335px;}
.cus-form button {font-size: 14px;}

.cus-bloemen-data .cus-bloemen-prijs {font-size: 16px;}
.cus-bloemen-data .btn-secondary {background: transparent; font-size: 12px; color: #fff; border-color: #fff; padding: 8px 30px;}
.cus-bloemen-data .btn-secondary:HOVER {background-color: #fff; color: #728ea2;}
.cus-bloemen-img {background-color: #000; text-align: center;}
.cus-bloemen-img a {height: 280px; width: 100%; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover;}


ul.cus-cat-filter {list-style-type: none; margin: 0; padding: 0;}
ul.cus-cat-filter li {display: inline-block; margin-right: 10px;}
ul.cus-cat-filter li:last-child {margin-right: 0;}

.cus-contact-adres {background-color: #728ea2; color: #fff; text-align: center; padding: 50px 15px; font-size: 14px;}
.cus-contact-adres a:LINK, .cus-contact-adres a:VISITED, .cus-contact-adres a:HOVER, .cus-contact-adres a:ACTIVE {color: #fff;}
.cus-contact-form {}

.cus-btn-login-familie {display: inline-block; margin-left: 10px !important; display: flex; justify-content: center; flex-direction: column; text-align: center;}

.condoleance-afzender {font-style: italic; color: #999; font-size: 14px;}
blockquote {font-size: 18px; border-bottom: 1px solid #ddd; padding: 15px 0;}
blockquote p {margin: 0 0 10px 0;}

.cus-img-gallery a {width: 100%; height: 300px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover;}

.form-control.alert-danger {border: 1px solid #e00;}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cus-header {padding: 25px 100px;}
    .navbar-nav {position: relative;}
    .cus-navbar {padding-left: 100px; padding-right: 100px;}
    .cus-navbar .nav-item {margin-right: 30px;}
    .cus-navbar .nav-link {padding: 10px 0; position: relative;}
    .cus-navbar .nav-item.active .nav-link:after, .cus-navbar .nav-link:HOVER:after {
        display: inline-block;
        position: absolute;
        top: -10px;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #000;
        transition: all .15s ease;
        opacity: 1;
        z-index: 9;
    }

    .cus-mobile-only {display: none;}
    .cus-contactblok ul {display: block;}
    .cus-contactblock p {border-right: 1px solid #e6e6e6;}

    footer {text-align: center; color: #c0c0c0; font-size: 14px;}
    footer ul li {display: inline-block; border-right: 1px solid #c0c0c0; margin-right: 15px; padding-right: 15px; line-height: 1;}
    footer ul li:last-child {margin-right: 0; border-right: 0; padding-right: 0;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-brand {display: none;}
    .navbar-expand-lg .navbar-nav .nav-link {padding: 5px 0;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}