@font-face {
    font-family: "MainFont Light";
    font-display:swap;
    font-weight:400;
    src: url(../fonts/GothamLight/GothamLight.eot?) format("eot"), url(../fonts/GothamLight/GothamLight.woff?) format("woff"), url(../fonts/GothamLight/GothamLight.ttf) format("truetype"), url('../fonts/GothamLight/GothamLight.svg#str-replace("GothamLight", " ", "_")') format("svg")
}

@font-face {
    font-family: "MainFont Medium";
    font-display:swap;
    font-weight:400;
    src: url(../fonts/GothamMedium/GothamMedium.woff?) format("woff"), url(../fonts/GothamMedium/GothamMedium.ttf) format("truetype"), url('../fonts/GothamMedium/GothamMedium.svg#str-replace("GothamMedium", " ", "_")') format("svg")
}

@font-face {
    font-family: "MainFont Book";
    font-display:swap;
    font-weight:400;
    src: url(../fonts/GothamBook/GothamBook.woff?) format("woff"), url(../fonts/GothamBook/GothamBook.ttf) format("truetype"), url('../fonts/GothamBook/GothamBook.svg#str-replace("GothamBook", " ", "_")') format("svg")
}

@font-face {
    font-family: "MainFont Bold";
    font-display:swap;
    font-weight:400;
    src: url(../fonts/GothamBold/GothamBold.woff?) format("woff"), url(../fonts/GothamBold/GothamBold.ttf) format("truetype"), url('../fonts/GothamBold/GothamBold.svg#str-replace("GothamBold", " ", "_")') format("svg")
}

body{
	font-family: "MainFont Light";
	background: url(/wp-content/themes/mbs/assets/images/bg-repeat.png);
	color: #5C4F44;
	margin: 0;
	padding: 0;
}


/*HEADER*/
body > div#header-wrapper {
    background-color: #ECE9E1;
}

div#logo-wrapper {display: block;
    width: 25%;
    float: left;}

a.logo{
    display: block;
    width: 150px;
    height: 76px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.header-main-menu-wrapper ul, .header-main-menu-wrapper ol {list-style-type: none;}

.header-main-menu-wrapper ul li.menu-item {float: left;padding: 0 2%;}

#nav {display: block;width: 75%;float: right;margin-top: 10px;}

div#header-container {display: block;clear: both;float: none;width: 100%;height: 80px;max-width: 1200px;margin: 0 auto;}

.header-main-menu-wrapper .menu-item a {
    font-family: "MainFont Bold";
    color: #3A2A1F;
    font-size: .9em;
}


/*main-container*/


.wp-block-group.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}

.wp-block-group.flex-center > div {max-width: 1200px;}


.wp-block-group.center-width.flex-center > div {
    max-width: 50%;
}


.bg-oat{
    background-color: #ECE9E1;
}

.bg-orange{
    background-color: #FFD257;
}

div#main-container {
    display: block;
    clear: both;
    float: none;
}


.text-brown{
    color:  #3A2A1F
}

.text-orange{
    color:  #E9BA4B
}

h1, h2{
    font-family: 'MAINFONT BOLD';
}

h3 {color: #3A2A1F;}


ul.check-list {margin-left: 0;position: relative;}

ul.check-list li {list-style-type: none;padding-left: 20px;}

ul.check-list li::before {content: "\f00c";font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);left: 0;position: absolute;}


.btn-wrap a {
    font-family: "MainFont Bold";
    color: #3A2A1F;
    padding: 10px 18px;
    background: #FFD257;
    border-radius: 25px;
    font-size: 13px;
}

.btn-wrap.opa a {
    background: transparent;
    border: 2px solid #3A2A1F;
}

.wp-block-group {
    display: block;
    clear: both;
    padding: 40px 0;
}


figure.wp-block-gallery.stack-image {position: relative;min-height: 500px;}

figure.wp-block-gallery.stack-image > figure {width: 250px !important;height: 320px;padding: 10px 10px 65px;background: #E6E6E6;position: absolute !important;}

figure.wp-block-gallery.stack-image > figure:nth-child(3) {right: -60px;}

figure.wp-block-gallery.stack-image > figure:nth-child(2) {left: 180px;top: 170px;}

figure.wp-block-gallery.stack-image > figure:nth-child(1) {top: 50px;}


/*owl-carousel*/

.owl-carousel figure.wp-block-image {
    width: 100% !important;
}

.owl-carousel figure.wp-block-image img {height: 200px !important;flex: none !important;}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {background: none;position: relative;font-family: MAINFONT BOLD;color: #3A2A1F;padding-left: 0;padding-right: 0;text-align: left;}

.owl-carousel .owl-nav {position: absolute;top: 0;right: 50px;font-size: 30px;line-height: 1;}

.owl-carousel {padding-top: 40px;}

.owl-carousel .owl-nav span {font-style: italic;padding: 0 5px;font-weight: bold;}


/*footer*/

div#footer-wrapper {background: #3A2A1F;color: #EBE3DC;position: relative;}

div#footer-wrapper a {color: #EBE3DC;}

.flinks h6 {font-family: "MainFont Bold";font-size: 14px;}

#footer-container {max-width: 1200px;margin: 0 auto;padding-top: 80px;font-size: 13px;}

#footer-columns {display: flex;margin-bottom: 35px}

#footer-columns > div.flinks {width: 20%;}

#footer-columns > div.flinks:nth-child(1) {width: 27%;}

#footer-columns > div.flinks:nth-child(5) {width: 13%;}

div#footer-wrapper ul,div#footer-wrapper ol {list-style-type: none;margin-left: 0;}

div#copyright {border-top: 1px solid #EBE3DC;padding-top: 35px;min-height: 80px;}

.footer-links-legal-wrapper {display: inline-block;float: right;min-height: 20px;}

.footer-links-legal-wrapper li {display: inline-block;;}

.footer-links-legal-wrapper li:nth-child(1) {margin-right: 35px;}

/*gallery-image-clickable*/


figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image figcaption > span{
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #FFFFFF;
    text-align: center;
    overflow: visible;
}

figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image figcaption .btn-wrap a {color: #FFFFFF;border-color: #FFFFFF;padding: 7px 16px;}

figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image figcaption .btn-wrap {display: block;clear: both;margin-top: 10px;}

figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image figcaption {display: none;}

figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image:hover figcaption {display: block;}

figure.wp-block-gallery.gallery-image-clickable figure.wp-block-image figcaption {position: absolute;top: 0;height: auto;max-height: 100%;background: rgba(0,0,0,.4);}