/*
Theme Name: Mooijer Volendam
Theme URI: https://www.mooijer.nl/
Author: Branding New
Author URI: https://www.brandingnew.nl/
Description: Maatwerk WordPress-thema voor Mooijer Volendam
Version: 1.0
License: Commercial
Text Domain: mooijer
*/


/*** Init variables ***/
:root {
    --mooijer-cyan:   #00afe4;
    --mooijer-marine: #1a2a48;
    --mooijer-red:    #d1211f; 
}


/*** Main parts ***/
.bg-mooijer-grey {
    background: #f2f2f2;
}

.cursor-pointer {
    cursor: pointer;
}

.btn-info.w-100 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-watchlist {
    position: relative;
    z-index: 99;
}

.bnss-form .form-group {
    margin-bottom: 1rem;
}

.list-inline li {
    display: inline-block;
}

.list-inline li:not(:last-child) {
    margin-right: .5rem;
}

.topbar {
    background: #f2f2f2;
    color: #212529;
    font-size: .875rem;
    line-height: 1.42857143;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.topbar .list-inline a {
    color: #212529;
    text-decoration: underline;
}

.header-navigation {
    background: var(--mooijer-red);
    position: relative;
}

.usp-bar {
    background: var(--mooijer-marine);
    color: #fff;
    font-size: .875rem;
    line-height: 1.5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.page-footer {
    background: var(--mooijer-red);
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
}

.page-footer h4,
.page-footer .h4 {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.3333;
    text-transform: uppercase;
}

.page-footer ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.page-footer ul li {
    font-size: .875rem;
    line-height: 1.71428571;
}

.page-footer ul li:before {
    color: var(--mooijer-marine);
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: .75rem;
    font-weight: 700;
    line-height: inherit;
    margin: 0 .5rem 0 0;
    text-rendering: auto;
    vertical-align: middle;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media(max-width: 575px) {
    .page-footer .widget:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

@media(min-width: 576px) and (max-width: 991px) {
    .page-footer .widget:nth-child(1),
    .page-footer .widget:nth-child(2) {
        margin-bottom: 1.5rem;
    }
}

.page-footer a,
.bottombar a {
    color: #fff;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
}

.bottombar {
    background: #b21c1a;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857143;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* .header-navigation:before,
.page-footer:before {
    background: url(gfx/pattern-waves.svg) 0 0 repeat-x;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
} */


/*** Custom elements ***/
.link-widget {
    background: var(--mooijer-cyan);
    border-radius: .25rem;
    color: #fff;
    display: block;
    overflow:hidden;
}

.link-widget:hover {
    background: #1688b6;
    color: #fff;
    text-decoration: none;
}

.link-widget__image:hover .link-widget__image {
    opacity: .9;
}

.link-widget__caption {
    padding: .75rem 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.grecaptcha-badge { visibility: hidden; }


/*** Utils ***/
@media (max-width: 991px) {
    .navbar-red .navbar-nav .nav-link:focus, .navbar-red .navbar-nav .nav-link:hover, .navbar-red .navbar-nav .active > .nav-link, .navbar-red .navbar-nav .nav-link.active, .navbar-red .navbar-nav .nav-link.show, .navbar-red .navbar-nav .show > .nav-link {
        padding-left: .5rem;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1rem .875rem;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: .75rem 1rem;
    }
}

#navbarResponsiveSticky .nav-link {
    padding-left: 1rem !important;
}


.breadcrumb {
    border-bottom: 1px solid #f2f2f2;
    font-size: .875rem;
    margin: 0;
    padding: .5rem 0;
}

.container-content h1, .container-content h2, .container-content h3, .container-content h4, .container-content h5, .container-content h6,
.container-content .h1, .container-content .h2, .container-content .h3, .container-content .h4, .container-content .h5, .container-content .h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.container-content img {
    width: 100%;
    height: auto;
}

.dropdown-item {
    font-weight: 500;
}



.loginout {
    background: var(--mooijer-cyan);
    transition: all .3s ease
}

.loginout .hover {
    display: none;
}

.loginout:hover {
    background: #1688b6 !important;
}

.loginout:hover .hover {
    display: inline;
}

.loginout:hover .default {
    text-transform: lowercase;
}

.nav-product-categories {
    background: var(--mooijer-marine);
    border: 1px solid var(--mooijer-marine);
    border-radius: .125rem;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-product-categories > li {
    display: block;
    position: relative;
}

.nav-product-categories > li+li > a {
    border-top: 1px dashed rgba(255,255,255,.5);
}

.nav-product-categories > li:hover+li a {
    border-top: 1px solid #fff;
}

.nav-product-categories > li > a {
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    position: relative;
    text-decoration: none;
}

.nav-product-categories > li:hover > a {
    background: #fff;
    color: var(--mooijer-marine);
}

.nav-product-categories li .sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 1040;

    max-width: 90vh;
    min-width: 20vw;
    padding: .5rem 1rem;

    background: #fff;
    border: 1px solid var(--mooijer-marine);
    color: var(--mooijer-cyan);
    list-style: none;
}

.nav-product-categories li:hover > .sub-menu {
    border-radius: .125rem;
    display: block;
    padding: .5rem 0;
}

.nav-product-categories li:hover > .sub-menu li {
    padding: 0 1.25rem;
    position: relative;
}

.nav-product-categories .sub-menu .sub-menu {
    top: calc(-.5rem - 1px);
}

.nav-product-categories > li > .sub-menu li a {
    color: #212529;
    display: block;
    text-decoration: none;
    transition: all .25s ease;
    padding-top: .375rem;
    padding-bottom: .375rem;
}

.nav-product-categories > li > .sub-menu li a:hover {
    color: var(--mooijer-cyan);
}

.nav-product-categories > li > .sub-menu > li > a {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.nav-product-categories .sub-menu li:not(:last-child) > a {
    border-bottom: 1px dashed #ccc;
}

.nav-product-categories.red {
    background: var(--mooijer-red);
    border: 1px solid var(--mooijer-red);
}

.nav-product-categories.red > li:hover > a {
    color: var(--mooijer-red);
}

.nav-product-categories.red > li > .sub-menu {
    border: 1px solid var(--mooijer-red);
    color: var(--mooijer-red);
}

.nav-product-categories.red > li > .sub-menu li a:hover {
    color: var(--mooijer-red);
}

#filterListBrands, #filterListCountries {
    max-height: 10.5rem;
    overflow-y: scroll;
}

.archive-product,
.archive-product h2 a,
.archive-product .archive-product__price {
    transition: all .4s ease
}

.archive-product:hover {
    border-color: var(--mooijer-cyan);
    transform: scale(1.0125);
    box-shadow:
  0px 0.7px 2.2px rgba(0, 0, 0, 0.01),
  0px 2px 6px rgba(0, 0, 0, 0.015),
  0px 4.8px 14.5px rgba(0, 0, 0, 0.02),
  0px 16px 48px rgba(0, 0, 0, 0.03);
}

.archive-product__title {
    font-size: 1.125rem;
    z-index: 2;
}

.archive-product:hover .archive-product__price {
    color: #28a745;
}

.archive-product .card-body {
    padding: 1rem;
    text-decoration: none;
}

.archive-product h2 a {
    color: #212529;
    text-decoration: none;
}

.archive-product:hover h2 a  {
    color: var(--mooijer-cyan);
    text-decoration: none;
}

.archive-product__image {
    height: 0;
    padding-bottom: 82.75%;
    position: relative;
}

.archive-product__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
}

.archive_product__flag {
    position: absolute;
    right: 1rem;
    z-index: 9;
}

.archive_product__flag img {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    box-shadow: 0 1px .25rem rgba(0,0,0,.3);
}


.list-checks {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-checks li:before {
    content: "\f00c";
    color: #28a745;
    display: inline-block;
    font-family: FontAwesome;
    font-size: .875rem;
    line-height: inherit;
    margin: 0 .75rem .125rem 0;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.list-checks.blue li:before {
    color: var(--mooijer-cyan);
}

.list-margined li {
    margin-bottom: .5rem;
}

.sect-products .btn-info {
    font-weight: 700;
}

.single-bnss_product h2:not(.archive-product__title) {
    border-bottom: 1px solid #ddd;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

#bnssProductRow {
    transition: opacity .25s ease-in-out;
}

#bnssProductRow.is-loading {
    opacity: .4;
}

.sticky-nav {
    position: fixed;
    top: -4px;
    left: 0;
    right: 0;
    z-index: 1020;
}

@media(min-width: 601px ) {
    body.admin-bar .sticky-nav {
        top: 42px;
    }
}

@media(min-width: 783px ) {
    body.admin-bar .sticky-nav {
        top: 28px;
    }
}

mark {
    color: #212529;
    background: #fe0;
    border-radius: .25rem;
}

.si-title { color: #0056b3; }



/*** Login form ***/
#loginform input:not([type="checkbox"]):not([type="submit"]) {
    display: block;
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#loginform label {
    margin-bottom: .5rem;
}

.login-submit {
    margin-bottom: 0;
}

.login-submit .button {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--mooijer-cyan);
    border: 1px solid var(--mooijer-cyan);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    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;
}

.login-submit .button:hover {
    color: #fff;
    background-color: #1688b6;
    border-color: #1580aa;
}


/*** cart-layer ***/
.cart-layer {
    display: flex;
}

.cart-layer form {
    display: flex;
    flex-direction: column;

    position:fixed;
    right: -40rem;
    top:0;
    bottom:0;
    z-index: 99999;
    width:100%;
    max-width:40rem;

    background:rgba(255,255,255,.98);
    border-left:1px solid #dee2e6;
    box-shadow: 0 0 40px 0 rgba(49, 47, 51, .4), 1px 0 0 0 #E2E0DD;

    transition: right .67s ease-in-out;
}

.cart-layer.active form {
    right:0;
}

body.admin-bar .cart-layer form {
    top:32px;
}

.cart-layer header {
    background: #fff;
    border-bottom: 1px solid #dee2e6;
    flex: 0 0 1.5rem;
    position: relative;
    z-index: 16;
}

.cart-layer header h2 {
    border: none !important;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-layer main {
    /* display: flex; */
    flex: 1 1 auto;
    overflow: auto;
}

/* .cart-layer label {
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.875;
    text-transform: uppercase;
} */

.cart-layer footer {
    flex: 0 0 4.5rem;
    position: relative;
    z-index: 16;

    background: #fff;
    border-top: 1px solid #dee2e6;
}

.cart-layer header,
.cart-layer main,
.cart-layer footer {
    padding: 1rem;
}

@media (min-width: 992px) {
    .cart-layer header,
    .cart-layer main,
    .cart-layer footer {
        padding: 1.25rem;
    }
}

.cart-layer .row-cart-item:not(:last-child),
.page-template-page-cart .row-cart-item:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
}

.cart-layer-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.5);
    z-index: -2;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.cart-layer-backdrop.active {
    opacity: 1;
    z-index: 1030;
    display: block;
}

.navbar-nav .nav-link {
    font-weight: 700;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out, padding-left .3s ease-in;
}

.navbar-nav-inline {
    flex-direction: row;
    padding-top:.25rem;
}

.navbar-nav-inline li .nav-link {
    border: none;
    border-radius: 0;
    font-weight: 700;
    padding: .5rem 1rem .5rem;
}

.navbar-red .navbar-nav .nav-link:focus, .navbar-red .navbar-nav .nav-link:hover {
    background: #b21c1a;
    color:#fff;
}

.navbar-red .navbar-nav .active > .nav-link, .navbar-red .navbar-nav .nav-link.active, .navbar-red .navbar-nav .nav-link.show, .navbar-red .navbar-nav .show > .nav-link {
    background: #b21c1a;
    color:#fff;
}


/*** LEADER ***/
.sect-leader {
    position: relative;
    overflow: hidden;
    height: 55vh;
}

.leader-slider,
.leader-slider .carousel-inner,
.leader-slider .carousel-item,
.leader-slider .carousel-item a {
    width: 100%;
    height: 100%;
}

.leader-slider .carousel-item {
    justify-content: center;
}

.leader-slider .carousel-item a,
.leader-slider .carousel-item.active {
    display: flex;
}

.leader-slider .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: 50% center;
    position: relative;
    width: auto;
    margin: auto;
    opacity: 0;
}

.leader-slider .carousel-caption {
    bottom: 50%;
    transform: translateY(50%);
}

/*** ANIMATIONS ***/
.fade-in, .fade-up, .fade-left, .fade-right {
	opacity: 0;
}

.fade-in-show {
    opacity: 0;
	-webkit-animation: fadeIn 1s ease-in-out both;
	        animation: fadeIn 1s ease-in-out both;
}

.fade-up-show {
	opacity: 0;
	-webkit-animation: fadeUp 1s ease-in-out both;
	        animation: fadeUp 1s ease-in-out both;
}

.fade-left-show {
	opacity: 0;
	-webkit-animation: fadeLeft 1s ease-in-out both;
	        animation: fadeLeft 1s ease-in-out both;
}

.fade-right-show {
	opacity: 0;
	-webkit-animation: fadeRight 1s ease-in-out both;
	        animation: fadeRight 1s ease-in-out both;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translate3d(0,30px,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes fadeUp {
    from { opacity: 0; transform: translate3d(0,30px,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}


@keyframes fadeLeft {
    from { opacity: 0; transform: translate3d(-30px,0,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes fadeLeft {
    from { opacity: 0; transform: translate3d(-30px,0,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}


@keyframes fadeRight {
    from { opacity: 0; transform: translate3d(30px,0,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes fadeRight {
    from { opacity: 0; transform: translate3d(30px,0,0); }
    to { transform: translate3d(0,0,0); opacity: 1; }
}


/*** DATEPICKER ***/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
    background: #fff;
    border: 1px solid #ddd;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
    border: 1px solid #eee;
    border-radius: .25rem;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-hover {
    background-color: #fff3cd;
    border-color: #fff3cd;
    border-radius: .25rem;
}

.ui-datepicker .ui-state-active {
    color: #fff;
    background-color: var(--mooijer-cyan);
    border-color: var(--mooijer-cyan);
    border-radius: .25rem;
}

.ui-datepicker .ui-state-disabled span {
    color: #999;
    text-decoration: line-through;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
    color: #212529;
    font-family: FontAwesome;
    left: 7px;
    position: relative;
    top:3px;
}

.ui-datepicker .ui-datepicker-prev:before {
	content: "\f0a8";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\f0a9";
}

.ui-datepicker .ui-datepicker-week-col {
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
    background: #fff;
    border: 1px solid #ced4da;
    list-style: none;
    padding: .375rem 0;
    z-index: 9;

    max-height: 19rem;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: .25rem;
    box-shadow: 0 .125rem .5rem rgba(0,0,0,.1);
}

.ui-autocomplete .ui-menu-item {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.75rem;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    padding: 0 .75rem;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item .ui-state-active {
    background: #f2f2f2;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper b {
    color: var(--mooijer-cyan);
}

.ui-helper-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}


/*** Gravity Forms ***/
.gfield {
    margin-bottom: 1rem;
}

.gform_validation_container {
    visibility: hidden;
    height: 1px;
}

.ginput_container input[type=text], .ginput_container input[type=number], .ginput_container input[type=pass], .ginput_container input[type=url], .ginput_container input[type=email], .ginput_container input[type=tel], .ginput_container textarea {
    display: block;
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ginput_container select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.gform_button {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--mooijer-cyan);
    border: 1px solid var(--mooijer-cyan);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    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;
}

.gfield_required {
    color: var(--mooijer-red) !important;
    font-size: 1rem !important;
    margin-left: .125rem;
}


#chat-widget-container {
    z-index: 1000 !important;
}