/*
Theme Name:  Groei.Site child
Description: Doelbewust Klantenthema Custom opmaak
Author:      Doelbewust Online Marketing
Author URI:  https://doelbewust.nl/
Template:    dbtheme
Version:     1.0.0
Text Domain: dbtheme-child
*/

/* Lumious Marker
font-family: "lumios-marker", sans-serif;
font-weight: 400;
font-style: normal; */

/* The Seasons Regular
font-family: "the-seasons", sans-serif;
font-weight: 400;
font-style: normal; */

/* The Seasons Regular Italic
font-family: "the-seasons", sans-serif;
font-weight: 400;
font-style: italic; */

/* The Seasons Bold
font-family: "the-seasons", sans-serif;
font-weight: 700;
font-style: normal; */

/* The Seasons Bold Italic
font-family: "the-seasons", sans-serif;
font-weight: 700;
font-style: italic; */

:root {
/* colors */
	--background: #EEEAE2;
	--darkbg: #e6dfd0;
	--altbg: var(--darkerMain);
	--softbg: var(--darkerMain);
	--gray: var(--darkerMain);
	--mainColor: #1B3E1F;
	--darkerMain: #182f1b;
	--subColor: #ff681f;
	--darkerSub: #ce5317;
	
	--fontcolor: #060d2b;
	--white: #FCFCFC;
	--titlefont: "the-seasons", sans-serif;
	--family: "Barlow", sans-serif;
	--fancyfont: "lumios-marker", sans-serif;
	--regular: 1.05rem;
}

/* buttons */
.btn-primary, strong > a, a > strong, b > a, a > b, body .gform_wrapper .gform_footer > input, body .gform_wrapper .gform_footer > button, .gform_next_button, body .wp-block-button__link, .search-submit, body .woocommerce a.button, body.woocommerce a.button, body.page .woocommerce input.button, .woocommerce .container .product button.single_add_to_cart_button, button[type="submit"] {border-radius:50px;background:var(--subColor);padding-bottom:13px;color:white !important;}
.btn-primary:before, strong > a:before, a > strong:before, b > a:before, a > b:before, body .gform_wrapper .gform_footer > input:before, body .gform_wrapper .gform_footer > button:before, .gform_next_button:before, body .wp-block-button__link:before, .search-submit:before, body .woocommerce a.button:before, body.woocommerce a.button:before, body.page .woocommerce input.button:before, .woocommerce .container .product button.single_add_to_cart_button:before, button[type="submit"]:before {border-radius:50px;}
.btn-alt, .gform_previous_button {border-radius:50px;}
.btn-alt:hover, .gform_previous_button:hover {background:unset;border-color:var(--white);}
.btn-alt:before, .gform_previous_button:before {border-radius:50px;}

/* global */
::selection {background:var(--subColor);color:white;border-radius:3px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:var(--titlefont);}
h1, .h1 {font-size:2.2rem;}
h2, .h2 {font-size:2rem;font-weight:bold;}
p a {color:#f75e25;}
p a:hover {color:#c64b1d;}
@media (min-width:768px) {
p {text-align:justify;}
}

/* navigation */
.topnav .site-logo img {max-width:164px;max-height:74px;filter:brightness(1.6);}
/* #infobalk {margin-bottom:-12px;} */
#infobalk .topbar-menu {position:relative;}
#infobalk .topbar-lr .menu .menu-item {margin-left:12px;}
#infobalk .topbar-lr .topbar-menu * {padding-top:0;padding-bottom:0;}
#infobalk .topbar-menu > span > i {margin-left:6px;transition:var(--transition);}
#infobalk .topbar-menu:hover > span > i {color:lightgray;}
#infobalk .topbar-menu .concept-overlay {display:none;position:absolute;z-index:99999;background:white;box-shadow:var(--shadow);}
#infobalk .topbar-menu .concept-overlay .menu {justify-content:flex-start;flex-direction:column;align-items:flex-start;}
#infobalk .topbar-menu .concept-overlay .menu li {width:100%;}
#infobalk .topbar-menu .concept-overlay .menu li a {color:var(--fontcolor);padding:6px 1rem;display:block;transition:var(--transition);width:calc(100% - 2rem);}
#infobalk .topbar-menu .concept-overlay .menu li a:hover {background:var(--subColor);color:white;}
#infobalk .topbar-menu:hover .concept-overlay {display:block;}
nav#nav .topnav {background:var(--mainColor);}
nav#nav .hoofd-menu {background:none;width:inherit;}
nav #menu-hamburger .btn {background:var(--subColor) !important;}
nav #menu-hamburger .btn:before {background:var(--darkerSub) !important;}
nav #menu-hamburger .btn a {padding-left:16px;}
nav#nav .bars {background-color:var(--background);}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a {color:var(--mainColor);}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.current-menu-item a,
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item:hover a {color:var(--background);}
@media (min-width:992px) {
.topnav .site-logo {margin-top:-8px;}
nav#nav .hoofd-menu * {color:var(--background);}
nav#nav .hoofd-menu > ul.menu > li.menu-item > a:hover,
nav#nav .hoofd-menu > ul.menu > li.current-menu-item > a,
nav#nav .hoofd-menu > ul.menu > li.current-menu-parent > a {border-bottom:3px solid white !important;margin-bottom:-3px;width:calc(100% - 32px);}
nav#nav .hoofd-menu > ul.menu > li.menu-item:last-child a {margin-right:-16px;width:calc(100% - 16px);}
}
@media (max-width:992px) {
nav#nav .hoofd-menu {background:var(--mainColor);}
nav#nav .hoofd-menu > ul.menu > li.menu-item > a {background:unset;color:white;}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a {background:var(--background);}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item.current-menu-item a {color:var(--background);}
nav #menu-hamburger .btn {width:calc(100% - 20px);}
nav #menu-hamburger .btn a {border-top:0;border-bottom:0;width:calc(100% - 32px);padding-right:16px;}
}

/* stickers */
/* #sticker-over-ons, #sticker-smoothiebar, #sticker-cocktailbar, #sticker-foodtruck, #sticker-smoothiebowls, #sticker-cocktailtap, #sticker-open-bar, #sticker-smoothie-service, #sticker-cocktail-shaker, #sticker-smoothiefiets, #sticker-cocktail-service, #sticker-homepage {position:relative;}
#sticker-over-ons:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-38.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:-150px;}
#sticker-smoothiebar:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-37.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;right:-7.5rem;bottom:0;transform:rotate(5deg);}
#sticker-cocktailbar:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-36.png);content:"";display:block;width:200px;height:200px;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;top:-4rem;transform:rotate(-15deg);}
#sticker-foodtruck:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-35.png);content:"";display:block;width:200px;height:200px;background-repeat:no-repeat;background-size:contain;position:absolute;right:45%;top:-4rem;}
#sticker-smoothiebowls:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-34.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;right:-5rem;bottom:2rem;transform:rotate(10deg);}
#sticker-cocktailtap:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-33.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;left:10%;transform:rotate(-5deg);}
#sticker-open-bar:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-32.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;transform:rotate(10deg);}
#sticker-smoothie-service:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-31.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:0;}
#sticker-cocktail-shaker:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-30.png);content:"";display:block;width:200px;height:200px;background-repeat:no-repeat;background-size:contain;position:absolute;right:40%;top:-12rem;transform:rotate(5deg);}
#sticker-smoothiefiets:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-39.png);content:"";display:block;width:200px;height:200px;background-repeat:no-repeat;background-size:contain;position:absolute;right:45%;top:-4rem;transform:rotate(-15deg);}
#sticker-cocktail-service:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-28.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;left:-250px;transform:rotate(-15deg);}
#sticker-homepage:after {background-image:url(/wp-content/themes/dbtheme-child/assets/img/stickers/Bar-Support-27.png);content:"";display:block;width:250px;height:250px;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;top:-5rem;transform:rotate(15deg);}
@media (max-width:768px) {
#sticker-over-ons:after {width:7.5rem;height:7.5rem;z-index:99;bottom:-6rem;}
#sticker-smoothiebar:after {width:7.5rem;height:7.5rem;z-index:99;right:0;bottom:-5rem;}
#sticker-cocktailbar:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-foodtruck:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-smoothiebowls:after {width:7.5rem;height:7.5rem;z-index:99;right:1rem;bottom:-4rem;}
#sticker-cocktailtap:after {width:7.5rem;height:7.5rem;z-index:99;top:-5rem;}
#sticker-open-bar:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-smoothie-service:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-cocktail-shaker:after {width:7.5rem;height:7.5rem;z-index:99;top:-2rem;right:-1rem;}
#sticker-smoothiefiets:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-cocktail-service:after {width:7.5rem;height:7.5rem;z-index:99;}
#sticker-homepage:after {width:7.5rem;height:7.5rem;z-index:99;}
} */

/* breadcrumbs */
.breadcrumb {background:var(--background);}
.onlybreads .breadcrumb {background:none;}
/* .onlybreads section.breadcrumb:before {content:"";height:48px;width:calc(100vw / 6);display:block;background:var(--darkbg);position:absolute;} */
/* .onlybreads .breadcrumb ol li {background:var(--darkbg);} */
/* .onlybreads .breadcrumb ol li:last-child {padding-right:1rem;} */
@media (max-width:992px) {
.onlybreads {padding-left:20px;}
}

/* navigation *//* usps */
.usp-bar {display:flex;flex-direction:row;background:var(--darkbg);overflow:hidden;}
.usp-bar h2 {display:block;width:auto;white-space:pre;margin-left:20px;padding-right:2rem;font-size:24px;}
.usp-bar .usp-slider {overflow:hidden;padding:1rem 0;width:auto;width:100%;}
.usp-bar .usp-slider .wrapper {display:flex;flex-direction:row;justify-content:space-between;}
.usp-bar .usp-slider .wrapper .usp  {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;}
.usp-bar .usp-slider .wrapper .usp .img {width:1.5rem;height:1.5rem;object-fit:contain;object-position:center;margin-right:0.5rem;transition:var(--transition);}
.usp-bar .usp-slider .wrapper .usp:hover .img {transform:rotate(135deg) scale(0.9);}
.usp-bar .usp-slider .wrapper .usp .img img {width:100%;height:100%;object-fit:contain;object-position:center;}
.usp-bar .usp-slider .wrapper .usp .usp-title {font-family:var(--family);font-size:1rem;white-space:pre;}
@media (min-width: 576px) {.usp-bar h2 {margin-left:calc((100vw - 540px) / 2);}}
@media (min-width: 768px) {.usp-bar h2 {margin-left:calc((100vw - 720px) / 2);}}
@media (min-width: 992px) {.usp-bar h2 {margin-left:calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {.usp-bar h2 {margin-left:calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {.usp-bar h2 {margin-left:calc((100vw - 1320px) / 2);}}
@media (max-width:550px) {
.usp-bar {flex-direction:column;}
.usp-bar h2 {margin-top:1rem;}
.usp-bar .usp-slider {padding-top:0;width:calc(100%);padding:0 !important;}
.usp-bar .usp-slider .wrapper {overflow-x:scroll;}
.usp-bar .usp-slider .wrapper .usp {padding-left:20px;padding-bottom:0.5rem;}
.usp-bar .usp-slider .wrapper .usp:last-child {padding-right:40px;}
}
@media (max-width:992px) {
.usp-bar .usp-slider {padding:8px 10px 0 !important;}
.usp-bar .usp-slider .wrapper .usp .usp-title {padding:0.5rem 1rem 0.5rem 0rem;}
}
@media (max-width:768px) {
#infobalk .topbar-lr .right {display:none;}
}

/* front page header */
header.header.header-stock {background:none;overflow-x:visible;position:relative;padding-bottom:5rem;height:32rem;}
header.header-stock:before {content:"";display:block;width:calc(100% / 2 + 5rem);height:10rem;position:absolute;bottom:0;background:var(--mainColor);z-index:2;}
header.header-stock .header-img {width:calc(100% / 2);height:100%;overflow:hidden;z-index:3;}
header.header-stock .header-img img {width:100%;}
header.header-stock .overlaycontainer {width:calc(100% / 2);height:100%;background:var(--darkbg);display:flex;align-items:center;}
header.header-stock .overlaycontainer .overlay {padding-right:0;padding-left:5rem;margin-right:unset;margin-bottom:0;}
header.header-stock .overlaycontainer .overlay *:not(.btn) {color:var(--mainColor);}
header.header-stock .overlaycontainer .overlay h1 {font-size:2rem;}
header.header-stock .overlaycontainer .overlay p em {color:var(--subColor) !important;font-family:var(--fancyfont);font-size:2rem;}
header.header-stock .overlaycontainer .overlay .btn-primary {background:var(--subColor) !important;}
header.header-stock .overlaycontainer .overlay .btn-primary:before {background:var(--darkerSub);}
header.header-stock .overlaycontainer .overlay .btn-alt {border:none;color:var(--mainColor);background:white;}
header.header-stock .overlaycontainer .overlay .btn-alt:before {background:whitesmoke;}
header.header-stock .overlaycontainer .overlay .btn-alt:hover {color:var(--darkerMain);}
@media (max-width:992px) {
header.header.header-stock {height:unset;margin-bottom:0;padding-bottom:2.5rem;}
header.header-stock:before {content:none;}
header.header-stock .header-img {width:100%;position:relative;z-index:5;}
header.header-stock .overlaycontainer {width:calc(100% - 40px);position:relative;z-index:3;}
header.header-stock .overlaycontainer:before {content:"";display:block;width:calc(100% / 2 + 20px);height:5rem;position:absolute;left:0;top:-2.5rem;background:var(--mainColor);z-index:-1;}
header.header .overlaycontainer .halfcontainer {max-width:calc(100% - 40px);margin-left:20px;}
header.header .overlaycontainer .overlay {padding-left:0;}
header.header .overlaycontainer .overlay * {text-align:left;}
header.header-stock .overlaycontainer .overlay h1 {font-size:1.6rem;}
header.header .overlaycontainer .overlay .bobobuttons {flex-wrap:nowrap;}
/* header.header .overlaycontainer .overlay .bobobuttons .btn-alt {margin-right:0;padding-left:0;padding-right:0;border-radius:0;} */
}
@media (max-width:420px) {
header.header .overlaycontainer .overlay .bobobuttons {flex-direction:column;}
header.header .overlaycontainer .overlay .bobobuttons .btn-alt {margin-left:10px;}
}

/* front page */
#concepts {margin-top:-10rem;padding-bottom:10rem;}
.home .lego {background:var(--altbg);padding:0;}
.home .lego .container {max-width:unset;padding:0;}
.home .lego .blocks {gap:0;}
.home .lego .blocks .block {position:relative;margin-bottom:0 !important;}
/* .home .block {flex-basis:23% !important;} */
/* .home .block:first-child:nth-last-child(2), .home .block:first-child:nth-last-child(2) ~ .block {flex-basis:calc(100% / 10 * 4);} */
/* .home .block:first-child:nth-last-child(2) {margin-left:calc(100% / 10);} */
/* .home .block:first-child:nth-last-child(3), .home .block:first-child:nth-last-child(3) ~ .block {flex-basis:calc(100% / 3);} */
/* .home .block:first-child:nth-last-child(4), .home .block:first-child:nth-last-child(4) ~ .block {flex-basis:calc(100% / 10 * 4);} */
/* .home .block:first-child:nth-last-child(4) ~ .block:nth-child(3) {margin-left:auto;} */
/* .home .block:first-child:nth-last-child(5), .home .block:first-child:nth-last-child(5) ~ .block {flex-basis:calc(100% / 3);} */
/* .home .block:first-child:nth-last-child(6) ~ .block:nth-child(3) {margin-left:10%;} */
.home .lego .blocks .block .block-img {position:relative;display:flex;justify-content:center;align-items:center;}
.home .lego .blocks .block .block-img img {filter:opacity(0.6);transition:var(--transition);}
.home .lego .blocks .block .block-img:hover img {filter:none;}
.home .lego .blocks .block .block-img h2 {color:white;position:absolute;margin-top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2.5rem;top:0;}
.home .lego .blocks .block .block-img:hover h2 {text-shadow:var(--shadow);}
.home .lego .blocks .block:nth-child(4) .block-img h2:after {content:"";display:block;width:5rem;height:5rem;background-image:var(--wpr-bg-50d9ffac-ccea-42d6-a685-f5c19e813222);background-size:contain;background-repeat:no-repeat;position:absolute;right:20%;top:20%;}
.home section.parallax {margin-bottom:0;padding:5rem 0;}
.home section.boxed .block:first-child:nth-last-child(4) .block-img, .home section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img {height:6rem;}
.home section.boxed .block:first-child:nth-last-child(4) .block-img picture, .home section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img picture,
.home section.boxed .block:first-child:nth-last-child(4) .block-img img, .home section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img img {object-fit:contain;object-position:left;min-height:unset;}
.home section.boxed .blocks .block .block-img:hover img {transform:none;}
section.boxed .blocks .block h2 {font-size:1.8rem;}
.home section.boxed .blocks .block p:last-of-type {margin-bottom:16px;}
.home section.boxed .blocks .block a.btn {margin-top:auto !important;}
@media (max-width:768px) {
.home .lego .blocks .block:nth-child(2n) {margin-right:-20px;}
.home .lego .blocks .block:nth-child(2n-1) {margin-left:-20px;}
.home section.boxed .block:first-child:nth-last-child(4), .home section.boxed .block:first-child:nth-last-child(4) ~ .block {flex-direction:row;flex-wrap:wrap;}
.home section.boxed .block:first-child:nth-last-child(4) .block-img, .home section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img {width:3rem;height:4rem;padding-right:1rem;}
}

/* Specials */
#cocktails h2:after {content:"";display:inline-block;width:3rem;height:3rem;background-image:var(--wpr-bg-5fc7103b-7728-41b3-b66c-ee6853e7b676);background-size:contain;background-repeat:no-repeat;margin-left:1rem;margin-bottom:-1rem;transform:rotate(-8deg);}
#cocktailtap h2:before {content:"";display:inline-block;width:4rem;height:4rem;background-image:var(--wpr-bg-169702e3-b6ec-4848-94d4-29c9f0aa4f07);background-size:contain;background-repeat:no-repeat;margin-left:-4rem;margin-bottom:-1rem;transform:scale(-1) rotate(180deg);}
#open-bar {margin-top:0;position:relative;}
#open-bar:after {content:"";display:inline-block;width:7.5rem;height:7.5rem;background-image:var(--wpr-bg-6ec33653-0b52-4b5e-b3a4-207f02326668);background-size:contain;background-repeat:no-repeat;right:5rem;top:-5rem;position:absolute;z-index:9;}
#smoothies h2:first-of-type:after {content:"";display:inline-block;width:4rem;height:4rem;background-image:var(--wpr-bg-9f782f36-03ba-4f96-b687-8005e3bd0bec);background-size:contain;background-repeat:no-repeat;margin-left:1rem;margin-bottom:-1rem;}
#takeit .wrapper {justify-content:flex-start;margin-top:10px;}
#takeit .wrapper .usp {width:44%;}
.page-id-889 section.boxed .blocks .block {flex-basis:22.5%;}
@media (max-width:768px) {
#open-bar {width:calc(100% - 10px);margin-left:0;padding-left:10px;flex-direction:row;}
#takeit .wrapper .usp {width:100%;}
#takeit .wrapper .usp img {min-height:unset;}
}
@media (max-width:420px) {
#open-bar .miniblock.img {overflow:visible;opacity:0.25;width:1px;}
#open-bar .miniblock.img img {overflow:visible;}
#open-bar .miniblock.text {width:100%;}
}

/* single header */
header.fancy-header {background:var(--darkbg);height:32rem;}
header.fancy-header .featured-banner picture, header.fancy-header .featured-banner img {display:block;width:100%;height:100%;object-fit:cover;}
header.fancy-header .subtitle {color:var(--subColor) !important;font-family:var(--fancyfont);font-size:2rem;}
header.fancy-header ul {padding-left:20px;}
header.fancy-header ul li {list-style:outside;}
@media (max-width:992px) {
header.fancy-header .featured-banner {max-height:24rem;overflow:hidden;display:flex;justify-content:center;align-items:center;}
}

/* pagebuilder */
.superblock .miniblock:first-child:nth-last-child(1) {margin:auto;width:auto;}
.logo-slider .swiper-logos {}
.logo-slider.heading-center .swiper-logos > p {max-width:768px;padding-left:20px;padding-right:20px;text-align:center;margin:0 auto;}
.logo-slider .swiper-logos .swiper-wrapper {}
.logo-slider .swiper-logos .swiper-slide {padding:0;display:block;height:25rem;margin-bottom:13px;}
/* .logo-slider .swiper-logos .swiper-slide:nth-child(2n) {margin-top:5rem;} */
.logo-slider .swiper-logos .swiper-slide .slide-logo {height:100%;display:block;}
.logo-slider .swiper-logos .swiper-slide .slide-logo:after {    content: "";
    display: block;
    background: linear-gradient(transparent, transparent, transparent, var(--fontcolor));
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0px;}
.logo-slider .swiper-logos .swiper-slide picture, .logo-slider .swiper-logos .swiper-slide img {display:block;height:100%;width:100%;object-fit:cover;}
.home .logo-slider .swiper-logos .swiper-slide .slide-logo img, .page-template-fullwidth .logo-slider .swiper-logos .swiper-slide .slide-logo img {padding:0;}
.logo-slider .swiper-logos .swiper-slide .sub-heading {width:calc(100% - 20px);text-align:center;display:block;margin-left:20px;margin-top:-2.5rem;color:var(--background);position:relative;z-index:3;font-size:2rem;line-height:32px;height:10%;display:flex;justify-content:center;align-items:flex-end;}
.logo-slider .swiper-logos .no-swiper-wrapper {display:flex;flex-direction:row;flex-wrap:nowrap;max-width:992px;justify-content:center;margin:0 auto;}
.logo-slider .swiper-logos .no-swiper-wrapper .swiper-slide {width:calc(100% / 4);margin:0 10px;}

.noswiper.logo-slider .swiper-logos .swiper-slide {width:17.5rem;margin:0 20px;}

.reacties-blok {display:none;}
.reacties-blok .latest {background:white;transform:rotate(1deg);border:none !important;}
.reacties-blok .latest:nth-child(2n) {background:white;transform:rotate(-1deg);}
.reacties-blok .excerpt-content .reaction-image {border-radius:0;}
.reacties-blok .excerpt-content .reaction-image picture, .excerpt-content .reaction-image > img {object-fit:contain;}
.superblocks .blocktitle p {text-align:center;}
section.boxed .blocks .block .block-img {height:100%;}
section.boxed .blocks .block .block-img img {width:100%;}
.block:first-child:nth-last-child(4), .block:first-child:nth-last-child(4) ~ .block {flex-basis:calc(100% / 4 - 20px);}
section.boxed .block:first-child:nth-last-child(4) .block-img, section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img,
section.boxed .block:first-child:nth-last-child(2) .block-img, section.boxed .block:first-child:nth-last-child(2) ~ .block .block-img {max-height:420px;}
section.boxed .block:first-child:nth-last-child(4) .block-img picture, section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img picture,
section.boxed .block:first-child:nth-last-child(4) .block-img img, section.boxed .block:first-child:nth-last-child(4) ~ .block .block-img img,
section.boxed .block:first-child:nth-last-child(2) .block-img picture, section.boxed .block:first-child:nth-last-child(2) ~ .block .block-img picture,
section.boxed .block:first-child:nth-last-child(2) .block-img img, section.boxed .block:first-child:nth-last-child(2) ~ .block .block-img img {height:100%;}
section.boxed .blocks {gap:unset;justify-content:space-between;}
section.boxed .blocks .block p {margin-bottom:0;}
section.boxed .blocks .block p:last-child {margin-bottom:auto !important;}
section.boxed .blocks .block ul, section.boxed .blocks .block ol {padding-left:20px;}
section.boxed .blocks .block ul li {list-style:outside;}
section.boxed .blocks .block .btn {margin-top:auto;}
.leftright .img picture, .leftright .img img {max-height:unset;}
@media (max-width:992px) {
.superblocks .blocktitle p {text-align:left;}
.logo-slider.heading-center {margin-top:20px;}
.logo-slider .swiper-logos > h2 {padding-left:20px;padding-right:20px;margin-top:0;}
.logo-slider .swiper-logos .swiper-slide {width:200px !important;height:15rem;}
.logo-slider .swiper-logos .swiper-slide .slide-logo:after {margin:5px !important;}
.logo-slider .swiper-logos .swiper-slide .slide-logo img {width:100%;}
.logo-slider .swiper-logos .swiper-slide .sub-heading {margin-left:10px;}
.logo-slider .swiper-logos .no-swiper-wrapper {flex-wrap:wrap;margin-top:20px;}
.logo-slider .swiper-logos .no-swiper-wrapper .swiper-slide {width:calc(100% / 2 - 20px) !important;}
.logo-slider .swiper-logos .no-swiper-wrapper .swiper-slide img {padding:0;}
.logo-slider .swiper-logos .no-swiper-wrapper .swiper-slide .slide-logo:after {margin:0 !important;}
section.boxed.lego > .container {padding-left:10px !important;padding-right:10px !important;}
}

/* pagebuilder *//* img gallery */
.galleria {margin-bottom:5rem !important;}
.galleria h2 {margin-bottom:1rem;max-width:644px;margin:0 auto;}
.galleria p {max-width:644px;margin:0 auto;}
.img-gallery {display:flex;flex-wrap:wrap;gap:20px;position:relative;overflow:visible;margin-bottom:5rem;padding-right:0;}
.img-gallery:before {content:"";display:block;width:8rem;height:8rem;background-image:var(--wpr-bg-c4c7508d-91cf-4e6c-8c66-f07ce1f19289);background-size:contain;background-repeat:no-repeat;position:absolute;left:-4rem;top:4rem;}
.img-gallery .img {overflow:hidden;}
.img-gallery .img:hover {cursor:unset;}
.img-gallery .img picture, .img-gallery .img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.img-gallery .img picture img {width:100%;}
.img-gallery .img:nth-child(4n+1) {height:25rem;width:calc(100% / 2 - 10px);}
.img-gallery .img:nth-child(4n+2) {height:calc(50rem + 20px);width:calc(100% / 2 - 10px);margin-bottom:0;}
.img-gallery .img:nth-child(4n+3) {height:25rem;width:calc(100% / 4 - 10px);margin-top:calc(-25rem - 20px);}
.img-gallery .img:nth-child(4n) {height:25rem;width:calc(100% / 4 - 20px);margin-top:calc(-25rem - 20px);}
@media (max-width:768px) {
.img-gallery {display:flex;flex-direction:column;}
.img-gallery .img:nth-child(4n+1) {height:20rem;width:calc(100% / 1);}
.img-gallery .img:nth-child(4n+2) {height:20rem;width:calc(100% / 1);order:4;}
.img-gallery .img:nth-child(4n+3) {height:10rem;width:calc(100% / 2 - 15px);margin-top:0;margin-bottom:0;}
.img-gallery .img:nth-child(4n  ) {height:10rem;width:calc(100% / 2 - 15px);align-self:flex-end;margin-top:calc(-10rem - 20px);}
}

/* pagebuilder *//* superblock */
body:not(.home) .superblock.full.darkmode {width:calc(100% - 2rem);position:relative;}
.superblock .miniblock.text {max-width:732px;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(1) {margin-left:auto;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(2):before {content:"";display:block;width:2rem;height:100%;background:var(--background);left:0;top:0;position:absolute;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(2):after {content:"";display:block;width:2rem;height:100%;background:var(--fontcolor);right:-2rem;top:0;position:absolute;}
body:not(.home) .superblock.darkmode .miniblock.text .tekstblok {padding:0 3rem 6rem 3rem}
body:not(.home) .superblock.darkmode {margin:5rem 0 7.5rem;}
body:not(.home) .superblock.darkmode .miniblock.img:nth-child(1) {margin:2rem 0 -2rem -2rem;z-index:2;}
.superblock.darkmode .miniblock.img:nth-child(2) {margin:2rem -2rem -2rem 2rem;}
.superblock.darkmode .miniblock.text a {color:#f75e25;}
.superblock.darkmode .miniblock.text a strong, 
.superblock.darkmode .miniblock.text strong a, 
.superblock.darkmode .miniblock.text b a, 
.superblock.darkmode .miniblock.text a b {background:var(--subColor) !important;text-decoration:none;margin-bottom:0;text-align:left;}
.superblock.darkmode .miniblock.text a strong:before, 
.superblock.darkmode .miniblock.text strong a:before, 
.superblock.darkmode .miniblock.text b a:before, 
.superblock.darkmode .miniblock.text a b:before {background:var(--darkerSub) !important;}
/* .superblock .miniblock.text ul {padding-left:20px;} */
.superblock .miniblock.text ul li {list-style:none;}
.superblock .miniblock.text ul li:before {content:"";display:inline-block;width:20px;height:20px;background-image:var(--wpr-bg-eaa0f0b9-1ffe-48a4-b5b6-7138e08cbe13);background-repeat:no-repeat;background-size:contain;background-position:center;transition:var(--transition);margin:4px 10px -4px 0;}
.superblock .miniblock.text ul li:hover:before {transform:rotate(135deg) scale(0.9);}
@media (max-width:786px) {
body:not(.home) .superblock.darkmode .miniblock.text .tekstblok {padding-left:20px;padding-right:0px;}
body:not(.home) .superblock.full.darkmode {width:100%;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(2):before {content:none;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(2):after {content:none;}
body:not(.home) .superblock.full.darkmode .miniblock.text:nth-child(1) {margin-left:0;}
.superblock.darkmode {width:calc(100% + 40px);margin-left:-20px;}
.superblock.darkmode .miniblock.img:nth-child(1) {padding-bottom:4rem;margin-left:-20px;}
.superblock.darkmode .miniblock.img:nth-child(2) {padding-bottom:4rem;width:calc(100% - 2rem);}
.superblock.darkmode .miniblock.text .tekstblok {padding-bottom:2.5rem;}
.superblock.lightmode .miniblock.text {width:100%;}
.superblock.full.lightmode .miniblock.text {width:calc(100% - 40px);padding-left:20px;padding-right:20px;}
.superblock.lightmode .miniblock.text .tekstblok {padding-left:0;padding-right:0;}
}

/* pagebuilder *//* quote */
.quote {margin:10rem auto 8rem !important;}
.quote .content {display:flex;justify-content:center;max-width:824px;margin:0 auto;}
.quote .content > p:first-child:before {content:"\f10d";font-family:'Fontawesome';padding:3px;font-size:1rem;position:absolute;top:2px;left:0px;}
.quote .content > p:last-child:after {content:"\f10e";font-family:'Fontawesome';padding:3px;font-size:1rem;position:absolute;bottom:4px;}
.quote .content p, .quote .content p * {margin-top:0;text-align:center;font-family:var(--fancyfont);font-size:2.5rem;position:relative;line-height:1.25;}
.quote .content p strong {}
.quote .credits {margin-top:22px;}
.quote .credits img {max-width:250px;}
.quote .credits span {font-style:italic;text-align:center;display:block;}
@media (max-width:768px ) {
.quote .content p, .quote .content p * {font-size:1.5rem;}
.quote .content > p:first-child:before {font-size:0.75rem;}
.quote .content > p:last-child:after {font-size:0.75rem;}
}

/* pagebuilder *//* reacties */
.recent-blogs .recents {margin-bottom:2rem;}
.recents > .latest {box-shadow:none;border-bottom:1px solid var(--mainColor);}
.reacties-blok {padding-bottom:0;}
.reacties-blok h2 {margin-bottom:2rem;}
.excerpt-content .reaction-content {font-style:italic;}
.recents > .latest .excerpt-content {padding:0;}
@media (min-width:768px) {
.recents > .latest picture, .recents > .latest img {height:14rem;object-fit:cover;width:100%;object-position:center;}
}
@media (max-width:768px) {
.recents > .latest {border-bottom:none;margin-bottom:0;}
.recents > .latest:last-child {border-bottom:1px solid var(--mainColor);}
.recents > .latest .excerpt-content {padding-left:0;padding-right:0;}
}

/* pagebuilder *//* faq */
.faq-schema {max-width:724px;}
@media (max-width:992px) {
.wpseopress-faqs p {text-align:left;}
.wpseopress-accordion-button:after {margin-top:4px;}
}
/* pagebuilder *//* faq *//* remove cocktails */
.page-id-1528 main.main *.has-background {display:none;}

/* pagebuilder *//* puntenlijst */
.miniblock.text .punten-bar .wrapper {margin-bottom:0;}
.punten-bar .wrapper {display:flex;flex-direction:row;flex-wrap:wrap;max-width:992px;margin:0 auto 5rem;justify-content:center;}
.punten-bar .wrapper .usp {display:flex;flex-direction:row;align-items:center;margin-right:2rem;min-width:25%;}
.punten-bar .wrapper .usp .img {width:1.5rem;height:1.5rem;object-fit:contain;object-position:center;margin-right:0.5rem;transition:var(--transition);margin-left:0;padding:0.5rem 0;}
.punten-bar .wrapper .usp:hover .img {transform:rotate(135deg) scale(0.9);}

/* gutenberg */
.page-id-2819 .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {background:var(--mainColor) !important;padding-left:32px;}
.page-id-2819 .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link:before {background:var(--darkerMain);}

/* shortcode *//* concepten */
.concepten h2 {margin:5rem auto 2rem;display:block;width:100%;text-align:center;}
.concepten .blocks .block {position:relative;flex-basis:22.5% !important;}
.concepten .blocks .block h3 {color:white;position:absolute;bottom:0;padding-bottom:1rem;padding-top:2rem;width:100%;text-align:center;font-size:2rem;z-index:3;font-family:var(--family);}
.concepten .blocks .block h3:before {content:"";display:block;background:linear-gradient(transparent, var(--fontcolor));width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;}
section.boxed .concepten .superblocks .blocks .block .block-img {max-height:275px;}
@media (max-width:992px) {
section.boxed .concepten .blocks {flex-direction:row;}
section.boxed .concepten .blocks .block {flex-basis:48% !important;margin-bottom:4%;}
section.boxed .concepten .blocks .block .block-img {height:auto;}
section.boxed .concepten .blocks .block .block-img img {min-height:unset;}
}
@media (max-width:420px) {
section.boxed .concepten .blocks .block {flex-basis:100% !important;}
}

/* waarom */
.why {flex-direction:column;margin:5rem auto;}
.why h2 {}
.why .usp-list {width:100%;margin-top:32px;display:flex;flex-direction:row;flex-wrap:wrap;}
.why .usp-list .usp {width:calc(100% / 3);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:2rem;}
.why .usp-list .usp .img {width:2.5rem;height:2.5rem;margin:0;padding-right:2rem;}
.why .usp-list .usp .usp-title {font-size:1.25rem;}
.why .usp-list .moar {width:100%;margin-top:24px;}
.why .usp-list .moar span {color:var(--darkerMain);font-family:var(--altfamily);font-size:1.4rem;text-align:center;font-weight:bold;width:100%;display:block;}
@media (max-width:992px) {
.why .usp-list .usp {width:calc(100% / 2);}
}
@media (max-width:600px) {
.why .usp-list .usp {width:calc(100% / 1);}
}

/* contact page */
.contact-container {padding:0;margin-top:5rem;justify-content:flex-end;width:50%;}
.contact-container .double.first {display:flex;flex-direction:column;justify-content:flex-end;max-width:unset;}
.contact-container .double.last {display:none;}
.float-mid {position:relative;margin-left:0;padding:0px 42px 32px;}
@media (max-width:992px) {
.contact-container {width:100%;}
.float-mid .contact-info {padding-top:2rem;}
}

/* footerextension */
.footerextension {background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;padding-bottom:0;margin-top:10rem;position:relative;display:flex;}
.footerextension .extensionflex {padding:2.5rem 2.5rem 2.5rem 2.5rem;margin:2.5rem auto -2.5rem;background:var(--darkbg);z-index:99;position:relative;width:100%;}
.footerextension .extensionflex *:not(a) {color:var(--fontcolor);}
.footerextension .extensionflex h2 {margin-top:0;}
.footerextension .extensionflex .blob {display:flex;flex-direction:row;}
.footerextension .extensionflex .blob img {max-width:18rem;height:100%;object-fit:cover;width:100%;}
.footerextension .extensionflex .blob > div {padding:1rem 0 0 2.5rem;}
.footerextension .extensionflex .blob h2:before {content:none;}
.footerextension .extensionflex .blob .extbuttons {display:flex;align-items:center;}
.footerextension .extensionflex .blob .extbuttons > *:first-child {margin-right:2rem;}
.footerextension .extensionflex .blob .extbuttons strong a, .footerextension .extensionflex .blob .extbuttons a strong {margin-top:0;margin-bottom:0;}
.footerextension .extensionflex .blob a[itemprop="telephone"] {color:var(--mainColor);}
.footerextension .extensionflex .blob a[itemprop="telephone"]:before {content:"\f095  ";font-family:'Fontawesome';margin-right:3px;}
@media (max-width:1180px) {
.footerextension {padding-left:0;padding-right:0;}
}
@media (max-width:992px) {
.footerextension {padding-top:0 !important;padding-left:0px;padding-right:0px;}
.footerextension .extensionflex {padding-bottom:4.5rem !important;margin-top:0;padding-top:1.5rem !important;}
.footerextension .extensionflex .blob {flex-direction:column;}
.footerextension .extensionflex .blob > div {padding-left:0;}
.footerextension .extensionflex .blob .extbuttons {flex-direction:column;align-items:flex-start;}
.footerextension .extensionflex .blob .extbuttons > *:first-child {margin-bottom:1rem;}
.footerextension .extensionflex .blob a[itemprop="telephone"]:before {display:contents;}
.footerextension .extensionflex .blob .extbuttons > *:nth-child(2) {display:block;margin-left:2rem;}
}

/* footer */
footer#site-footer {padding-top:2.5rem;border-top:none;background:var(--mainColor);}
footer#site-footer .gform_wrapper .gfield .ginput_container input {border-radius:0;}
footer#site-footer .gform_wrapper.gravity-theme .gform_footer button {background:var(--subColor) !important;margin-top:0;}
footer#site-footer .gform_wrapper.gravity-theme .gform_footer button:before {background:var(--darkerSub);}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright * {color:var(--white);}

/* floatbtn */
.floatbtn {z-index:9999;}
/* .floatbtn[aria-label="whatsapp"] {bottom:6.5rem;} */
.floatbtn .btn-primary {background:#f75e25 !important;margin:0;}
.floatbtn .btn-primary:before {background:#c64b1d;}

/* open bar pagina */
.page-id-511 .logo-slider {margin-top:0;}
.page-id-511 .logo-slider .swiper-logos-reverse {margin-top:-20px;margin-bottom:50px;}
.page-id-511 .logo-slider .swiper-initialized {padding:0;}

/* cocktails pagina */
.page-id-508 #assortiment {margin-bottom:0;}
.page-id-508 .logo-slider {margin:5rem 0 10rem;}

/* gravityforms */
@media (min-width:768px) {
.gfield[data-conditional-logic="hidden"] {display:block !important;opacity:0;}
}
.gfield input {background:white;}

/* checkbox *//* https://uiverse.io/Galahhad/sweet-ape-100 */
.gfield-choice-input[type="checkbox"]{
  --checkbox-diameter: 20px;
  --checkbox-border-radius: 5px;
  --checkbox-border-color: #d9d9d9;
  --checkbox-border-width: 1px;
  --checkbox-border-style: solid;
  --checkmark-size: 1;
}
.gfield-choice-input[type="checkbox"], 
.gfield-choice-input[type="checkbox"] *, 
.gfield-choice-input[type="checkbox"] *::before, 
.gfield-choice-input[type="checkbox"] *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.gfield-choice-input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  border-radius: var(--checkbox-border-radius);
  background: var(--white);
  border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
.gfield-choice-input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--subColor);
  box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--subColor);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -o-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.gfield-choice-input[type="checkbox"]::before {
  top: 40%;
  left: 50%;
  content: "";
  position: absolute;
  width: 4px;
  height: 7px;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;
}
.gfield-choice-input[type="checkbox"]:hover {border-color: var(--subColor);}
.gfield-choice-input[type="checkbox"]:checked {background: var(--subColor);border-color: transparent;}
.gfield-choice-input[type="checkbox"]:checked::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.gfield-choice-input[type="checkbox"]:active:not(:checked)::after {-webkit-transition: none;-o-transition: none;-webkit-box-shadow: none;box-shadow: none;transition: none;opacity: 1;}

/*  */
.page-id-509 nav#nav .hoofd-menu > ul.menu > li.current-menu-parent > a {border-bottom:none !important;}
#infobalk .topbar-lr {z-index:9999;position:relative;}

/* blogs */
.blog-container {margin-bottom:2rem;}
.single-post article .attachment-post-thumbnail {max-height:20rem;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.single-post article .attachment-post-thumbnail picture,
.single-post article .attachment-post-thumbnail img {margin:0;width:100%;height:100%;}

/*  */
.superblock.leftright .miniblock.img {max-height:20rem;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.superblock.leftright .miniblock.img picture, 
.superblock.leftright .miniblock.img img {margin:0;width:100%;height:100%;}
@media (min-width:992px) {
.superblock.leftright .miniblock.img {max-height:32rem;}
}

/*  */
.usps-footer .usp {display:flex;}
.usps-footer .usp i {margin-top:6px;}

.container .container {padding-left:0 !important;padding-right:0 !important;}

@media (max-width: 768px) {
    #infobalk .mobile-hidden {
         display: initial  !important; 
    }
}

.tiny p {
    text-align: center;
}

.logo-slider .swiper-logos .swiper-slide .sub-heading-text {
    width: calc(100% - 20px);
    text-align: center;
    display: block;
    margin-left: 30px;
    margin-top: -2.5rem;
    color: var(--background);
    position: relative;
    z-index: 3;
    font-size: 2rem;
    line-height: 32px;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: flex-end;

}

.flip-card {
  position: relative;
  background-color: transparent;
  width: 100%; 
  height: 100%;
  perspective: 1000px; 
}


.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}


.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}


.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}


.flip-card-front {
  background-color: transparent; 
  align-items: center;
}


.flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.flip-card-back {
  background-color: #1B3E1F; 
  color: white;
  transform: rotateY(180deg);
  display: flex;
	flex-direction:column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-align: center;
  margin-left: -30px;
  height: 85%;
  margin-top: 20px;
}


.flip-card-back .tiny {
  font-size: 1rem;
  line-height: 1.5;
}

@media (max-width: 600px){
	.flip-card-back .tiny {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 86px;
}
	.flip-card-back {
          background-color: #1B3E1F;
        color: white;
        transform: rotateY(180deg);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        text-align: center;
        margin-left: -16px;
        height: 82%;
        margin-top: 5px;
    }
}


span.sub-heading-back {
    width: calc(100% - 20px);         
    text-align: center;              
    display: block;             
    top: 10px;                       
    left: 0;
    right: 0;
    margin-left: 0;                  
    margin-top: 0;                    
    color: var(--background);        
    font-size: 2rem;                  
    font-weight: bold;               
    line-height: 1.2;                
    z-index: 10;                      
    display: flex;
    justify-content: center;          
    align-items: flex-start;          
    padding: 10px;                    
    height: auto;                     
}