/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


h1 {
    font-family: erbaum, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

h2 {
    font-family: erbaum, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

h3 {
    font-family: erbaum, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

h4 {
    font-family: erbaum, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

h5 {
    font-family: pt-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h6 {
    font-family: pt-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: pt-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}


.text-lead > * {
    font-weight: 700;
}

/* Custom styles */



.quote p {
    font-weight: 700 !important;
    color: #eb5240 !important;
}

.style-light strong {
    color: inherit !important;
}
.text-dark {
    color: #444848 !important;
}
.footer-dash {
    margin-top: 0 !important;
}

.footer-dash span {
    line-height: 0.5 !important;
}
.no-top-margin {
    margin-top: 0 !important;
}

.team-info {
    margin-top: -86px !important;
    z-index: 1;
    padding-left: 36px;
    padding-bottom: 36px;
}

.team-info p {
    color: #e6dfd0;
    font-size: 12px !important;
    margin-top: 5px !important;
}

.widget-title .widget-title--hide-desktop, .widget-title{
    display: none!important;
}

@media (max-width: 959px){
.main-container .row-container .row-parent {
    padding: 36px 18px 36px 18px;
    }
.landscape-to-square .dummy {
    padding-top: 100%!important;
    border-radius: 20px!important;
    }
.landscape-to-square .t-entry-visual img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
}

/* Main menu */

@media (min-width: 960px){
.is_stuck.menu-light .menu-smart > li.active > a, .is_stuck .menu-light .menu-smart > li a.active, .is_stuck.menu-light .menu-smart > li.current-menu-ancestor > a, .is_stuck.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #444848;
    }
.is_stuck.menu-light .menu-smart a:hover, .is_stuck.menu-light .menu-smart a:focus {
    color: #444848;
    }
.is_stuck #main-logo .navbar-brand img {
    display: none !important;
    }
.is_stuck .main-logo {
    background-image: url(img/PH-Logo-RGB-Trans.png);
    background-size: 170px;
    width: 170px !important;
    height: 57px !important;
    background-repeat: no-repeat;
    }
}

@media (min-width: 960px) and (max-width: 1100px){
.menu-smart > li > a {
    padding: 0px 7px 0px 7px;
    }
.menu-icons {
    display: none;
    }
}
.font-family-menu, .menu-container ul.menu-smart a:not(.social-menu-link) {
    font-family: erbaum, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}

/* Vertical menu */

@media (max-width: 959px){
.main-menu-container.open-items {
    overflow-y: scroll !important;
    }
}
.mmb-container {
    background-color: #eb5240;
}
.is_mobile_open .mmb-container {
    background-color: #444848 !important;
}
.mobile-menu-button {
    padding: 0 18px;
}
.mobile-menu-button:before {
    content:"Menu";
    position: absolute;
    left: 50px;
    color: #e6dfd0;
    font-family: poppins, sans-serif;
    font-weight: 600;
    font-style: normal;
    bottom: 28px;
}
.mobile-menu-button.close:before {
    content:"Sluiten" !important;
    position: absolute;
    left: 50px;
    color: #eb5240;
    font-family: poppins, sans-serif;
    font-weight: 600;
    font-style: normal;
    bottom: 28px;
}
@media (max-width: 959px){
.menu-wrapper.menu-sticky .menu-container {
    position: fixed;
    bottom: 0;
    top: auto !important;
    }
.is_mobile_open.menu-wrapper.menu-sticky .menu-container {
    height: 100% !important;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    width: 100%;
    }
.menu-dark .row-brand, .menu-dark .row-menu .row-menu-inner {
    border-bottom: none !important;
    }
.is_mobile_open .menu-container .logo-container {
    background-color: #444848 !important;
    }
.is_mobile_open .menu-container {
    background-color: #444848 !important;
    }
.menu-container .logo-container {
    position: relative;
    padding: 27px 18px 27px 18px !important;
    height: 50px;
    }
.is_mobile_open .menu-container .logo-container {
    position: relative;
    padding: 27px 18px 27px 18px !important;
    height: 50px;
    }
.logo-container .logo-image img {
    display: block;
    }
.mmb-container {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    z-index: 100000;
    height: 57px;
    }
.mobile-menu-button {
    width: 100%;
    transform: none;
    }
.menu-smart a, .menu-smart form.search {
    padding: 9px 18px 9px 18px;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal {
    text-align: left;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a {
    font-family: erbaum, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    font-size: 20px!important;
    line-height: 1.7em!important;
    }
body.menu-mobile-centered .menu-smart-social, body.menu-mobile-centered .menu-horizontal-inner div .menu-smart-social {
    padding: 0px 18px!important;
    }
.menu-smart a i.fa-dropdown.fa-angle-right {
    display: none;
    }
.mobile-logo {
    top: 27px;
    position: absolute;
    left: 18px;
    z-index: 1;
    }
.mobile-alt-logo {
    top: 27px;
    position: absolute;
    left: 18px;
    z-index: 1;
    display: none;
    }
}

@media (min-width: 960px){
    .mobile-logo, .mobile-alt-logo {
        display: none;
    }
}
.logo-container .mobile-logo {
    position: absolute;
    top: 0;
    left: 0;
}

ul.menu-smart {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0);
}


/* Menukaart */

@media (max-width: 959px){
    .menukaart .row-inner > div:not([class*=col-md]) {
        padding: 15px 0px 0px 0px !important;
        }
    }
.drankkaart-item {
    padding-bottom: 15px;
    margin-top: 15px !important;
}
.drankkaart-item h4, .borrelkaart-item h4 {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    line-height: 1.5 !important;
}
.drankkaart-item div, .drankkaart-item p, .borrelkaart-item div, .borrelkaart-item p {
    display: inline;
}

.drankkaart-item p, .borrelkaart-item p{
    line-height: 1.5;
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 700 !important;
    text-align: right;
}
.drankkaart-accordion .panel-title > a, .borrelkaart-accordion .panel-title > a {
    text-decoration: none !important;
}
.panel-group .panel-heading + .panel-collapse:before {
    display: none!important
}
@media (min-width: 960px) and (max-width: 1700px){
    .menukaart {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/*
@media (min-width: 960px) and (max-width: 1340px){
.drankkaart-accordion .row-child > .row-inner > div {
    padding: 0px 0px 0px 50px!important;
    }
}
*/
.drankkaart-item.no-underline {
    border-bottom: none !important;
}
@media (min-width: 960px){
    .borrelkaart-item.vegetarisch h4 span:before {
        background-image: url(img/huisman-vegetarisch.svg);
        background-size: contain;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        right: 5px;
        top: calc(100% + 10px);
        color: #eb5240
    }
    .drankkaart-accordion .panel-title > a, .borrelkaart-accordion .panel-title > a {
        pointer-events: none;
        cursor: default !important;
    }
    .menukaart .menukaart-heading p, .drankkaart .menukaart-heading p {
        display: none !important;
    }
    .menukaart {
        max-width: 1600px !important;
    }
    .menukaart .uncont {
        max-width: 1340px !important;
    }
    .drankkaart-item, .borrelkaart-item {
        max-width: 380px;
    }
    .drankkaart-item {
        border-bottom: 1px solid #444848;
    }
    .drankkaart-accordion .collapse, .borrelkaart-accordion .collapse {
            display: block;
            height: 100% !important;
    }
    .drankkaart-accordion span:after, .borrelkaart-accordion span:after {
        display: none;
    }
    .drankkaart-accordion .panel-body, .drankkaart-accordion .panel, .borrelkaart-accordion .panel-body, .borrelkaart-accordion .panel {
        border: none !important;
        padding-top: 0px!important;
    }
    .drankkaart-item h4{
        max-width: 65%!important;
    }
    .bottle-price {
        margin: 0px!important;
        position: absolute!important;
        top: 30px;
        left: 0px;
        max-width: 380px;
        width: 100%;
    }
    .bottle-price p {
        font-family: pt-sans, sans-serif;
        font-size: 20px;
        font-weight: 700 !important;
        text-align: right;
    }
    .bottle-price p:before {
        background-image: url(img/icon_bottle.svg);
        background-size: contain;
        content: "";
        width: 25px;
        height: 25px;
        right: 70px;
        top: 5px;
        position: absolute;
    }
    .drankkaart-accordion .panel-title > a span, .borrelkaart-accordion .panel-title > a span  {
        font-family: erbaum, sans-serif !important;
        font-weight: 900 !important;
        font-style: normal !important;
        text-transform: uppercase !important;
        letter-spacing: 0 !important;
        color: #444848 !important;
        font-size: 25px !important;
    }
    .drankkaart-accordion a, .borrelkaart-accordion a {
        cursor: default !important;
    }
    .drankkaart-accordion .panel, .borrelkaart-accordion .panel {
        margin-top: 20px !important;    
    }
    .borrelkaart-item {
        margin-top: 50px !important;
    }
    .borrelkaart-description p {
        font-size: 16px !important;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
    }
    .borrelkaart-description td:first-child {
        width: 80%;
        text-align: left;
        vertical-align: top;
    }
    .borrelkaart-description td:nth-child(2){
        width: 20%;
        text-align: right;
        vertical-align: top;
    }
    .borrelkaart-description td {
        font-family: pt-sans, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px !important;
        padding: 5px 0px!important;
    }
    .borrelkaart-description strong {
        font-size: 18px !important;
    }
    .borrelkaart-description {
        border-bottom: 1px solid #444848;
        padding-bottom: 20px;
        margin-top: 10px !important;
        max-width: 380px;
    }
    .borrelkaart-accordion .panel-heading {
        display: block;
    }
    .food-intro {
        margin-bottom:36px;
    }
}

@media (max-width: 959px){
    .borrelkaart-item.vegetarisch h4 span:before {
        background-image: url(img/huisman-vegetarisch.svg);
        background-size: contain;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: calc(100% + 10px);
    }
    .panel-title > a span:after {
        font-family: "uncodeicon";
        content: "\e0c5";;
        margin-top: 0px;
        font-weight: normal;
        font-size: 21px;
        right: 0;
        margin-right: 0;
        position: absolute;
    }
    .menukaart div, .drankkaart div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .panel-body {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .drankkaart-accordion .panel-body, .drankkaart-accordion .panel, .borrelkaart-accordion .panel-body, .borrelkaart-accordion .panel {
        border: none !important;
        }
    .drankkaart-accordion .panel-title > a span, .borrelkaart-accordion .panel-title > a span  {
        font-family: erbaum, sans-serif !important;
        font-weight: 900 !important;
        font-style: normal !important;
        text-transform: uppercase !important;
        letter-spacing: 0 !important;
        color: #e6dfd0 !important;
        font-size: 20px !important;
        }
    .drankkaart-item {
        border-bottom: 1px solid #fff;
        }
    .panel-heading {
        background-color: #eb5240 !important;
        }
    .drankkaart-item h4{
        max-width: 65%!important;
    }
    .bottle-price {
        margin: 0px!important;
        position: absolute!important;
        top: 30px;
        left: 0px;
        width: 100%;
    }
    .bottle-price p {
        font-family: pt-sans, sans-serif;
        font-size: 20px;
        font-weight: 700 !important;
        text-align: right;
    }
    .bottle-price p:before {
        background-image: url(img/icon_bottle.svg);
        background-size: contain;
        content: "";
        width: 25px;
        height: 25px;
        right: 90px;
        top: 5px;
        position: absolute;
    }
    .drankkaart h2, .menukaart h2 {
        padding-left: 18px !important; 
        padding-right: 18px !important; 
        }
    .panel-body .drankkaart-item, .panel-body .borrelkaart-item {
        padding-left: 18px !important; 
        padding-right: 18px !important; 
        margin-top: 15px !important;
    }
    .panel-body .drankkaart-item p, .panel-body .borrelkaart-item p {
        padding-left: 18px !important;
        padding-right: 18px !important; 
    }
    .drankkaart-accordion a, .borrelkaart-accordion a {
        cursor: pointer !important;
        }
    .drankkaart-accordion .panel-heading, .borrelkaart-accordion .panel-heading {
        border-bottom: 1px solid #444848 !important;
        margin-bottom: 1px;
        }
    .drankkaart-accordion .panel:last-child .panel-heading, .borrelkaart-accordion .panel:last-child .panel-heading {
        border-bottom: 1px solid #444848 !important;
        margin-bottom: 0 !important;
        }
    .borrelkaart-item {
        margin-top: 50px !important;
        }
    .borrelkaart-description p {
        font-size: 16px !important;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        }
    .borrelkaart-description td:first-child {
        width: 80%;
        text-align: left;
        vertical-align: top;
        }
    .borrelkaart-description td:nth-child(2){
        width: 20%;
        text-align: right;
        vertical-align: top;
        }
    .borrelkaart-description td {
        font-family: pt-sans, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px !important;
        padding: 5px 18px!important;
        }
    .borrelkaart-description strong {
        font-size: 18px !important;
        }
    .borrelkaart-description {
        border-bottom: 1px solid #444848;
        padding-bottom: 20px;
        margin-top: 10px !important;
        }
    .menukaart P, .drankkaart p, .menukaart .btn-container, .drankkaart .btn-container {
        padding-left: 18px !important;
        padding-right: 18px !important;
        }
    .menukaart .uncode-single-media {
        margin-top:0px!important
        }
    .panel-body > .food-intro {
        margin-top: 36px!important;
        margin-bottom:36px;
        }
}
.menukaart-bieren-box {
    margin: 36px 18px 36px 18px !important;
}
.menukaart-bieren-box .heading-text {
    padding-left: 18px !important;
    padding-right: 18px !important;
    text-align: center !important;
}
.menukaart-bieren-box .heading-text p {
    color: #e6dfd0 !important;
}

/* Footer */
.page-overlap {
    margin-top: -150px !important;
}
/* Buttons */

@media (max-width: 400px) {
.btn-icon-right .fa {
    margin-left: 10px;
    }
}
@media (min-width: 401px) and (max-width: 959px){
.btn-icon-right .fa {
    margin-left: 25px;
    }
}
@media (max-width: 569px){
.btn:not(input):not(.checkout-button), .btn-link:not(input):not(.checkout-button) {
    transform: scale(1)!important;
    transform-origin: left;
    }
}
.btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container) {
    font-family: erbaum, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}


@media (min-width: 401px){
.btn-icon-right .fa {
    margin-left: 40px !important;
    }
.btn .fa, .btn-link .fa {
    position: relative;
    vertical-align: middle;
    line-height: inherit;
    top: -1px !important;
    }
.btn-lg {
    padding-right: 25px !important;
    padding-left: 45px !important;
    }
}

@media (max-width: 400px){
.btn-lg {
    padding-right: 25px !important;
    padding-left: 25px !important;
} 

.btn .fa, .btn-link .fa {
    position: relative;
    vertical-align: middle;
    line-height: inherit;
    top: -1px !important;
    }
}
    
.fa-arrow-right2:before, .fa-arrow-left2:before{
    font-size: 18px !important;
    font-weight: 900;
}

/* Button Styles */

.btn-container.btn-inline {
    padding-left: 0px !important;
}

.btn:not(.btn-custom-typo) {
    letter-spacing: 0 !important;
}

.style-light .btn-default.huisman-btn-clean, .style-dark .btn-default.huisman-btn-clean {
    color: #444848 !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 0 !important;
}
.style-light .btn-default.huisman-btn-clean:hover, .style-dark .btn-default.huisman-btn-clean:hover{
    color: #eb5240 !important;
    background-color: transparent !important;
}

.style-light .btn-default.huisman-btn-clean-2, .style-dark .btn-default.huisman-btn-clean-2 {
    color: #e6dfd0 !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-clean-2:hover, .style-dark .btn-default.huisman-btn-clean-2:hover{
    color: #e6dfd0 !important;
    background-color: transparent !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-light, .style-dark .btn-default.huisman-btn-light {
    color: #eb5240 !important;
    background-color: #e6dfd0 !important;
    border: none !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-light:hover, .style-dark .btn-default.huisman-btn-light:hover{
    color:#e6dfd0 !important;
    background-color: #eb5240 !important;
    transition: all 0.5s;
}

.style-light .btn-default.huisman-btn-light-2, .style-dark .btn-default.huisman-btn-light-2 {
    color: #444848 !important;
    background-color: #e6dfd0 !important;
    border: none !important;
    transition: all 0.5s;
}
.style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-light-2:hover, .style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-light-2:hover{
    color:#e6dfd0 !important;
    background-color: #444848 !important;
    transition: all 0.5s;
}

.style-light .btn-default.huisman-btn-dark, .style-dark .btn-default.huisman-btn-dark {
    color: #e6dfd0 !important;
    background-color: #444848 !important;
    border: none !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-dark:hover, .style-dark .btn-default.huisman-btn-dark:hover, .style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-dark:hover{
    color:#444848 !important;
    background-color: #e6dfd0 !important;
    opacity: 1 !important;
    transition: all 0.5s;
}

.style-light .btn-default.huisman-btn-dark-2, .style-dark .btn-default.huisman-btn-dark-2 {
    color: #e6dfd0 !important;
    background-color: #444848 !important;
    border: none !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-dark-2:hover, .style-dark .btn-default.huisman-btn-dark-2:hover, .style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-dark-2:hover{
    color:#e6dfd0 !important;
    background-color: #eb5240 !important;
    opacity: 1 !important;
    transition: all 0.5s;
}

.style-light .btn-default.huisman-btn-red, .style-dark .btn-default.huisman-btn-red {
    color: #e6dfd0 !important;
    background-color: #eb5240 !important;
    border: none !important;
    transition: all 0.5s;
}
.style-light .btn-default.huisman-btn-red:hover, .style-dark .btn-default.huisman-btn-red:hover, .style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-red:hover, .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated).huisman-btn-red:hover {
    color: #e6dfd0 !important;
    background-color: #444848 !important;
    transition: all 0.5s;
}

.style-light .btn-default.huisman-btn-facebook, .style-dark .btn-default.huisman-btn-facebook {
    color: #fff !important;
    background-color: #1878F2 !important;
    border: none !important;
    padding-left: 75px !important;
    transition: background-color 0.5s !important;
}

.style-light .btn-default.huisman-btn-facebook:hover, .style-dark .btn-default.huisman-btn-facebook:hover{
    background-color: rgba(24,120,242,0.7) !important;
    transition: background-color 0.5s !important;
}
.style-light .btn-default.huisman-btn-facebook:before, .style-dark .btn-default.huisman-btn-facebook:before{
    background-image: url(img/facebook-logo.png);
    background-size: cover;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0px;
    margin: auto;
}

.style-light .btn-default.huisman-btn-facebook-2, .style-dark .btn-default.huisman-btn-facebook-2 {
    color: #1878F2 !important;
    background-color: #fff !important;
    border: none !important;
    padding-left: 75px !important;
    transition: background-color 0.5s !important;
}
.style-light .btn-default.huisman-btn-facebook-2:hover, .style-dark .btn-default.huisman-btn-facebook-2:hover{
    color: rgba(24,120,242,0.7) !important;
    transition: background-color 0.5s !important;
}
.style-light .btn-default.huisman-btn-facebook-2:before, .style-dark .btn-default.huisman-btn-facebook-2:before{
    background-image: url(img/facebook-alt-logo.png);
    background-size: cover;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0px;
    margin: auto;
}


/* Links */

a:hover {
    transition: all 0.2s;
}

a {
    transition: all 0.2s;
}
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0);
}



.style-light p a, .style-dark p a {
    color: inherit !important;
    text-decoration: underline !important;
}

.style-light a, .style-dark a {
    color: inherit !important;
}


/* Agenda Single */
.agenda-single-headline {
    max-width: 1000px;
    color: #e6dfd0 !important;
}
.agenda-single-dash {
    margin-top: 0 !important;
    display: block !important;
}

.agenda-single-dash h1 {
    margin-top: -30px !important;
}

.event-datum-single {
    color: #e6dfd0 !important;
}

.event-tijd-single {
    color: #e6dfd0 !important;
}

@media (max-width: 500px){
    .agenda-single-headline h1 {
        font-size: 25px !important;
    }
}

@media (min-width: 451px){
    .event-datum-single {
        margin-right: 50px;
        margin-left: 40px;
        display: inline !important;
    }
    .event-datum-single:before {
        position: absolute;
        bottom: -3px;
        margin-left: -40px;
        content: url(img/calendar-icon.svg);
    }

    .event-tijd-single {
        margin-left: 35px;
        margin-right: 20px;
        display: inline !important;
    }
    .event-tijd-single:before {
        position: absolute;
        margin-left: -35px;
        content: url(img/clock-icon.svg);
    }
}
@media (max-width: 450px){
    .event-datum-single {
        margin-right: 20px;
        margin-left: 40px;
        margin-top: -2px;
        display: inline-block !important;
    }
    .event-datum-single:before {
        position: absolute;
        margin-left: -40px;
        top: -3px;
        content: url(img/calendar-icon.svg);
    }

    .event-tijd-single {
        margin-left: 40px;
        margin-right: 20px;
        display: inline-block !important;
    }
    .event-tijd-single:before {
        position: absolute;
        margin-left: -35px;
        content: url(img/clock-icon.svg);
    }
}
/* Tables */

table, td, tr {
    border: none !important;
}

table td {
    padding: 2px 18px 2px 0 !important;
    font-size: 18px !important;
    font-weight: inherit; 
}

.openingstijden-table {
    max-width: 400px!important;
    margin-top: 10px!important;
}

.site-footer .footer-table p {
    font-size: 14px !important;
}

/* Custom Fields */


/* Agenda Archive */

.agenda-header-no-items {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.agenda-archive-btn {
    white-space: normal !important;
    padding: 16px 40px 16px 40px  !important;
}

@media (min-width: 960px){
.agenda-archive-row {
    margin-top: -200px !important;
    }
}


@media (min-width: 960px){
    .agenda-header-row {
        margin-top: -174px;
    }
    .agenda-archive-title h2 a, .event-datum-archive h3, .event-tijd-archive h3  {
            color: #e6dfd0 !important;
    }
    .agenda-archive > div {
        background-color: #444848 !important;
        padding: 5px !important;
        height: auto !important;
    }

    .agenda-archive > div > div {
        padding: 60px 60px 70px 60px;
    }
}

@media (min-width: 960px) and (max-width: 1149px){
    .agenda-archive {
        margin-bottom: 10px;
    }
}
@media (min-width: 1150px){
    .agenda-archive {float:left; width:49%; margin:0 2% 1em 0;}
    .agenda-archive:nth-of-type(even) {margin-right:0;}
    .agenda-archive:nth-of-type(odd) {clear:left;}
}
@media (min-width: 1150px){
    .agenda-archive > div > div > div {
        height: 250px !important;
    }
}

    .agenda-archive-btn {
        white-space: normal !important;
    }

    .event-datum-archive {
        margin-right: 70px;
        margin-left: 40px;
        display: inline !important;
    }
    .event-datum-archive:before {
        position: absolute;
        margin-top: 18px;
        margin-left: -40px;
        content: url(img/calendar-icon.svg);
    }

    .event-tijd-archive {
        margin-left: 35px;
        display: inline !important;
    }
    .event-tijd-archive:before {
        position: absolute;
        margin-top: 20px;
        margin-left: -35px;
        content: url(img/clock-icon.svg);
    }

    .agenda-archive-mobile-btn {
        display: none;
    }

@media (max-width: 959px){  
    .agenda-header-row{
        margin-top: -27px;
    }
    .agenda-archive > div > div {
        padding: 20px 0 35px 0;
        border-top: 1px solid #eb5240;
    }   
    .agenda-archive-title h2 a {
        color: #eb5240 !important;
    }

    .agenda-archive h3 {
        font-family: poppins, sans-serif;
        font-weight: 600;
        font-style: normal;
        color: #eb5240;
        text-transform: none;

    }
    .agenda-archive h3 > span > p {
        font-size: 16px !important;
    }

    .event-datum-archive {
        margin-right: 40px;
        margin-left: 30px;
        display: inline !important;
    }
    .event-datum-archive:before {
        position: absolute;
        margin-top: 20px;
        margin-left: -30px;
        content: url(img/calendar-icon-red.svg);
    }

    .event-tijd-archive {
        margin-left: 25px;
        display: inline !important;
    }
    .event-tijd-archive:before {
        position: absolute;
        margin-top: 21px;
        margin-left: -25px;
        content: url(img/clock-icon-red.svg);
    }
    .agenda-archive-desktop-btn {
        display: none;
    }

    .agenda-archive-mobile-btn {
        display: block;
    }
}

.agenda-archive-title h2, .agenda-highlighted h2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    color: inherit !important;
}

@media (max-width: 500px){
.agenda-archive-title h2, .agenda-highlighted h2 {
    font-size: 25px !important;
    }
}
@media (max-width: 360px) {
    .event-datum-archive {
        display: block !important;
        margin-top: 0 !important;
    }
    .event-tijd-archive {
        display: block !important; 
        margin-top: 0 !important;
    }
    .event-tijd-archive h3 {
        padding-left: 5px !important;
    }
}

.agenda-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (min-width: 960px){
.agenda-header {
    min-height: 700px !important;
    height: 80vh !important;
    }
}

@media (max-width: 959px){
.agenda-header {
    height: 550px !important;
    }
}

@media (min-width: 960px){
.agenda-header-row {
    margin-top: -174px !important;
    }
}

@media (max-width: 959px){
.agenda-header-row {
margin-top: -147px !important;
    }
}

@media (min-width: 960px){
.agenda-highlighted {
        color: #e6dfd0 !important;
        max-width: 1400px;
        margin: auto;
        min-height: 300px;
        padding: 22vh 36px 50px 36px;
        hyphens: auto;
        -webkit-hyphens: auto !important;
        -ms-hyphens: auto !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        min-height: 700px !important;
        height: 80vh !important;
    }
.agenda-highlighted div > div:first-of-type {
    margin-top: 100px !important;
    }
}
@media (max-width: 959px){
.agenda-highlighted {
        color: #e6dfd0 !important;
        max-width: 1400px;
        margin: auto;
        min-height: 300px;
        padding: 30vh 36px 36px 36px;
        hyphens: auto;
        -webkit-hyphens: auto !important;
        -ms-hyphens: auto !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        min-height: 400px !important;
        height: 100% !important;
    }
.agenda-highlighted > div {
    position: absolute;
    bottom: 36px;
    padding-right: 18px;
    }
}
.agenda-highlighted > div > div:nth-of-type(2) {
    display: block !important;
}

@media (max-width: 959px){
.agenda-highlighted h3 {
    font-family: poppins, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    }
}
.agenda-header-overlay {
    background-color: rgba(0,0,0,0.3);
    height: 100%;
}

/* Posts archive */

.tmb .t-entry .t-entry-title {
    font-family: erbaum, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    color: #e6dfd0;
}

.tmb .t-entry p.t-entry-readmore .btn {
    color: #e6dfd0 !important;
    background-color: #eb5240 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    margin-top: 10px !important;
}

.style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .tmb .t-entry p.t-entry-readmore .btn:hover{
    color:#eb5240 !important;
    background-color: #e6dfd0 !important;
}

.tmb .t-entry p.t-entry-author .tmb-avatar-size-md img {
    width: 45px;
    height: 45px;
}
.tmb .t-entry p.t-entry-author img {
    border: 3px solid #e6dfd0;
}

.bierverhalen-archive {
    margin-top: -200px !important;  
    }

.bierverhalen-archive-m .t-entry-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.bierverhalen-archive-m .tmb .t-inside .t-entry-visual{
    min-height: 350px !important;
    border-bottom: 3px solid #e6dfd0 !important;
}

.bierverhalen-archive-m .tmb:first-of-type .t-entry-visual {
    border-top: 3px solid #e6dfd0 !important;
}




/* Posts single */


.author-profile-content {
    font-weight: 600 !important;
    color: #e6dfd0 !important;
    line-height: 1.2 !important;
}

.style-light .author-profile-content p a {
    text-decoration: none !important;
}
.author-profile-content a span{
    text-decoration: underline !important;
}

.img-circle.tmb > .t-inside .t-entry-visual-cont {
    border: 3px solid #e6dfd0 !important;
}

@media (min-width: 960px){
    .uncode-single-media .uncode-single-media-wrapper .img-circle {
        width: 60px !important;
        }
    .author-profile-content p a:before {
        content: "Door:";
        padding-right: 5px !important;
    }
}

.author-profile.author-profile-box-left.has-thumb .author-profile-content {
    vertical-align: middle;
    padding-left: 0 !important;
}

@media (max-width: 959px){
.author-profile-content {
    position: absolute;
    top: -9px;
    left: 70px;
    }
}

.bierverhalen-after-hl {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.bierverhalen-after-m .tmb .t-inside .t-entry-visual {
    min-height: 400px;
}

@media (max-width: 569px){
.tmb-content-overlay .h1 {
   font-size: 25px !important;
    }
}
/* Footer */

.site-footer p {
    font-size: 18px !important;
}

.site-footer a {
    text-decoration: underline !important;
}

.site-footer .btn-container a {
    text-decoration: none !important;
}

.site-footer a:hover {
    opacity: 0.7;
}

/* Social icons */

@media (max-width: 959px){
.menu-item-link.social-icon.tablet-hidden, .menu-item-link.social-icon.mobile-hidden {
    display: inline-block !important;
    margin-top: 35px !important;
    }
}

@media (max-width: 959px){
    .social-icon .fa {
        font-size: 24px;
    }
}

/* Scroll top */

@media (min-width: 960px){
.footer-scroll-top {
    z-index: 100;
    display: none;
    position: fixed;
    right: 22px;
    bottom: 22px;
    }
}

@media (max-width: 959px){
.footer-scroll-top {
    z-index: 100;
    display: none;
    position: fixed;
    right: 22px;
    bottom: 70px;
    }
}

/* Ninja forms */

.nf-form-cont {
    margin-top: 10px;
}
.nf-before-form-content, .nf-before-field, .label-above .nf-field-label, .nf-form-title {
    display: none!important;
}
.nf-field-element p {
    font-size: 25px;
    font-weight: 500;
}
#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 18px!important;
}
.nf-form-content textarea.ninja-forms-field,  .nf-form-cont .nf-form-content input {
    border-radius: 0px !important;
    padding: 15px 10px;
    background-color: #e6dfd0 !important;
    border: 1px solid #444848 !important;
    font-size: 16px;
    line-height: 16px;
}
.nf-field-element .time-wrap {
    padding: 0px 4px 0px 0px!important;
    margin-top: 14px;
    }
.nf-form-cont .nf-form-content select {
    border-radius: 0px !important;
    padding: 15px 40px;
    background-color: #e6dfd0 !important;
    border: 1px solid #444848 !important;
    font-size: 16px;
    line-height: 16px;
}

@media (min-width: 960px){
.nf-form-content input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit) {
    font-family: erbaum, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: #e6dfd0 !important;
    background-color: #eb5240 !important;
    border: none !important;
    border-radius: 0px!important;
    transition: all 0.5s;
    background-image: url(img/arrow-right.svg);
    background-size: 22px 13px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 90%;
    transition: 0.5s;
    position: absolute;
    right: 0px;
    padding:15px 50px 15px 30px!important;
    line-height: 1em!important;
    border: 0px!important;
    }
}
@media (max-width: 959px){
.nf-form-content input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit) {
    font-family: erbaum, sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: #e6dfd0 !important;
    background-color: #eb5240 !important;
    border: none !important;
    border-radius: 0px!important;
    transition: all 0.5s;
    background-image: url(img/arrow-right.svg);
    background-size: 22px 13px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 90%;
    transition: 0.5s;
    position: absolute;
    right: 0px;
    padding:10px 40px 10px 20px!important;
    line-height: 1em!important;
    border: 0px!important;
    }
}
.nf-form-content input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit):hover {
    background-color: #444848 !important; 
    }
.nf-form-content  input[type="button"]:not(.btn-custom-typo):not(.btn-inherit){
    font-weight: 400!important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    color: #232323 !important;
}
.nf-response-msg {
    color: #008000 !important;
    font-size: 12px;
}

.nf-error .nf-error-msg {
    color: #E5302A;
    font-size: 12px;
}
.nf-field-container .field-wrap .nf-element::placeholder {
    color: #686C6D;
}
.nf-field-container .field-wrap .nf-element:-moz-placeholder { /* Firefox 18- */
   color: #686C6D!important;
    vertical-align: bottom!important; 
}
.nf-field-container .field-wrap .nf-element::-moz-placeholder {  /* Firefox 19+ */
   color: #686C6D!important;  
}
.nf-field-container .field-wrap .nf-element:-ms-input-placeholder {  
   color: #686C6D!important;  
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    border: 1px solid #f5eedc;
}
.nf-field-container .checkbox-wrap label {
    font-weight: 400;
}
.checkbox-wrap .nf-field-label label:before, .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before {
    font-size: 14px!important;
    padding: 0px 4px;
}
.checkbox-wrap .nf-field-label label:after {
    border-radius: 4px;
    background-color: #f5eedc!important;
}

/* Hustle */
@media (min-width: 960px){
.hustle-slidein-content.hustle-animate-in {
    margin: 25px!important;
    }
}
@media (max-width: 959px){

}
.hustle-info.hustle-info--compact {
    bottom: 0px;
    border-radius:5px;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    background-color: #444848!important;
}
.hustle-ui.hustle-slidein .hustle-slidein-content .hustle-info.hustle-info--compact .hustle-button-icon {
   top: 0px!important;
   color: #eb5240!important;
}
.hustle-ui .hustle-layout {
    background-size: 30px!important;
    background-position-y: 20px!important;
    background-color: #444848!important;
    padding: 0px 20px!important;
}
.hustle-content {
    padding: 50px 10px 0px 10px!important;
    text-align: center;
}
.hustle-ui .hustle-layout .hustle-title {
    font-family: erbaum, sans-serif!important;
    font-size: 25px!important;
    font-weight: 900!important;
    color: #eb5240!important;
    text-transform: uppercase!important;
    line-height: 1em!important;
    font-style: normal!important;
    letter-spacing: 0px!important;
    text-decoration: none!important;
    text-align: center!important;
    margin-bottom: 10px!important;
}
.hustle-ui .hustle-layout .hustle-group-content p:not([class*="forminator-"]) {
    font-family: pt-sans, sans-serif!important;
    color: #e6dfd0!important;
    font-size: 13px!important;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
    text-decoration: none;
}
.hustle-ui .hustle-layout .hustle-cta-container .hustle-button-cta {
    background-color: #eb5240!important;
    color: #e6dfd0!important;
    font-family: erbaum, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    padding: 4px 20px 4px 20px!important;
    transition: 0.3s!important;
}
.hustle-ui .hustle-layout .hustle-cta-container .hustle-button-cta:hover {
    background-color: #e6dfd0!important;
    color: #eb5240!important;
    }


/* Cookie bar */
#cookie-law-info-bar {
    text-align: left;
    padding: 25px 30px;
}
.cli_messagebar_head {
    font-size: 18px;
    max-width: 900px;
    margin: auto;
    font-weight: 900 !important;
    color: #eb5240!important;
    text-transform: uppercase;
    font-family: erbaum, sans-serif !important;
}
.cookie_content {
    max-width: 900px;
    margin: auto;
    font-size: 14px;
}
.cli-plugin-button, .cli-plugin-button:visited {
    padding: 0px!important;
}
@media (min-width: 960px){
.cookie-buttons {
    float: right;
    display: inline-block;
    }
.settings-btn, .accept-btn {
    display: inline-block;
    }
.accept-btn a {
    background-color: #eb5240!important;
    border: 0px solid #000!important;
    padding: 10px 18px!important;
    float: right!important;
    color: #e6dfd0!important;
    font-family: erbaum, sans-serif !important;
    font-size: 13px!important;
    margin: 15px 0px 0px 20px!important;
    line-height: 1em!important;
    transition: 0.3s;
    font-weight: 800!important;
    text-transform: uppercase;
    }
.settings-btn a {
    background-color: #eb5240!important;
    border: 0px solid #000!important;
    padding: 10px 18px!important;
    float: right!important;
    color: #e6dfd0!important;
    font-family: erbaum, sans-serif !important;
    font-size: 13px!important;
    margin: 15px 0px 0px 20px!important;
    line-height: 1em!important;
    transition: 0.3s;
    font-weight: 800!important;
    text-transform: uppercase;
    }
}
@media (max-width: 959px){
.cookie-buttons {
    margin-top: 20px;
    }
.settings-btn, .accept-btn {
    display: inline-block;
    }
.cli_action_button {
    background-color: #eb5240!important;
    border: 0px solid #000!important;
    padding: 10px 18px!important;
    float: left!important;
    color: #e6dfd0!important;
    font-family: erbaum, sans-serif !important;
    font-size: 13px!important;
    margin: 15px 20px 0px 0px!important;
    line-height: 1em!important;
    transition: 0.3s;
    font-weight: 800!important;
    text-transform: uppercase;
    }
.cli_settings_button {
    background-color: #eb5240!important;
    border: 0px solid #000!important;
    padding: 10px 18px!important;
    float: left!important;
    color: #e6dfd0!important;
    font-family: erbaum, sans-serif !important;
    font-size: 13px!important;
    margin: 15px 20px 0px 0px!important;
    line-height: 1em!important;
    transition: 0.3s;
    font-weight: 800!important;
    text-transform: uppercase;
    }
}
.cli_action_button:hover {
     background-color: #e6dfd0!important;
     color: #eb5240!important;
}
.cli_settings_button:hover  {
     background-color: #e6dfd0!important;
     color: #eb5240!important;
}