.btn-secondary, .sppb-btn-secondary {
    background: #d5dcd3 !important; border-color: #d5dcd3 !important; color: #3f3d3a !important; padding: 8px 10px !important; font-size:80% !important;}
.btn-secondary:hover, .sppb-btn-secondary:hover {
    background: rgba(213, 220, 211,0.8) !important; border-color: rgba(213, 220, 211,0.8) !important;}

#sp-page-builder .sp-pagebuilder-page-edit {display:none;}
/* ############ SLIDER ############ */
.sp-slider-content-align-right {margin-bottom: -40%;}
.sp-slider-content-align-right h4 {text-align: right;}

@media and screen (max-width: 575.99px) {
.sp-slider-content-align-right {margin-bottom: -23%;
padding: 0px !important;}}

@media and screen (min-width: 576px) and (max-width: 991.99px) {
.sp-slider-content-align-right {margin-bottom: -10%;
padding: 0px !important;}}

/* ############ END SLIDER ############ */

/* ############ MENU ############ */

#sp-header {box-shadow: none !important;}

@media (min-width: 1200px) {
.sp-megamenu-parent >li >a {
    padding: 0 0.5rem;}}

@media (min-width: 992px) and (max-width: 1199px) {
.sp-megamenu-parent >li >a {
padding: 0 0.35rem !important;
        font-size: 87%;}}

#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a { color: #ffffff; background-color: #6f9371;}

#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a:hover {opacity: 0.9;}

#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active:hover>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover { background: #d5dbd2;}

#sp-header.sticky ul.sp-megamenu-parent.menu-fade-down-fade-up.d-none.d-lg-flex {
    padding: 2vh 0% 0% !important;}

#sp-header ul.sp-megamenu-parent.menu-fade-down-fade-up.d-none.d-lg-flex{
    padding: 6vh 0% 0% !important;}

.sp-megamenu-wrapper #offcanvas-toggler {padding-top: 5%;}
.sp-megamenu-parent { font-family: inherit !important;}

#sp-header #sp-menu /*.sp-dropdown .sp-dropdown-inner*/ li.sp-menu-item >a {color: inherit;}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner { box-shadow: none; background: none;}

/* ############ END MENU ############ */


/* ####### GEKLEURDE TEKSTVLAKKEN ######### */

@media screen and (min-width: 992px) and (max-width: 1199.99px) {
div.tekst-vlak-wit10 {padding: 10% 5%; background-color: rgb(255, 255, 255,0.0);}}

@media screen and (min-width: 1200px){
div.tekst-vlak-wit10 {padding: 10%; background-color: rgb(255, 255, 255,0.0);}}

@media screen and (max-width: 991.99px){
div.tekst-vlak-wit10 {padding: 7% 5%; background-color: rgb(255, 255, 255,0.0);}}

@media screen and (min-width: 768px) {
div.tekst-vlak-wit2, div.tekst-vlak-wit5 {padding: 5%; background-color: rgb(255, 255, 255,0);}
div.tekst-vlak-wit10-0 {padding: 10% 0; background-color: rgb(255, 255, 255,0.0);}
div.tekst-vlak-wit0-10 {padding: 0% 10% !important; background-color: rgb(255, 255, 255,0.0);}}

div.tekst-vlak-beige, div.tekst-vlak-beige5 {padding: 5%; background-color: #eee9de;}
div.tekst-vlak-beige10 {padding: 10%; background-color: #eee9de;}

div.tekst-vlak-lichtroze5 {padding: 5%; background-color: #f1e0dd;}
div.tekst-vlak-lichtroze10 {padding: 10%; background-color: #f1e0dd;}
div.tekst-vlak-oudroze5 {padding: 5%; background-color: #EEDDDC;}
div.tekst-vlak-donkerroze5 {padding: 5%; background-color: #e2c6c3;}
div.tekst-vlak-donkerroze10 {padding: 10%; background-color: #e2c6c3;}
div.tekst-vlak-oudroze, div.tekst-vlak-oudroze10 {padding: 10%; background-color: #EEDDDC;}
div.tekst-vlak-roze1 {padding: 5%;     background-color: rgb(238, 221, 220);}
div.tekst-vlak-beige5 {padding: 5%; background-color: #eee9de;}
div.tekst-vlak-lichtgroen5 {padding: 5%; background-color: #D5DBD2;}
div.tekst-vlak-groen1, div.tekst-vlak-oudgroen, div.tekst-vlak-zeegroen5 {padding: 5%; background-color:rgb(212, 223, 212);}
div.tekst-vlak-groen2,  div.tekst-vlak-zeegroen, div.tekst-vlak-zeegroen10 {padding: 10%; background-color: #d5dbd2;}
div.tekst-vlak-blauw1, div.tekst-vlak-zeeblauw, div.tekst-vlak-zeeblauw5 {padding: 5%; background-color: #eaeff2;}
div.tekst-vlak-zeeblauw10 {padding: 10%; background-color: #eaeff2;}

div.tekst-vlak-beige-transparant { padding-top: 4%; padding-right: 8%; padding-bottom: 5%; padding-left: 8%; background-color: rgba(174, 154, 99, 0.3); background-image: url(https://www.metmalanca.nl/images/backgrounds/white1x1_50.png);}

@media screen and (max-width: 767.99px) {
div.tekst-vlak-wit10-0 {padding: 0% 0 !important; background-color: rgb(255, 255, 255,0.65);}
div.tekst-vlak-wit0-10 {padding: 0% 10% !important; background-color: rgb(255, 255, 255,0.65);}
div.tekst-vlak-wit2, div.tekst-vlak-wit5 {padding: 5%; background-color: rgb(255, 255, 255,0.65);}}

/* ####### END GEKLEURDE TEKSTVLAKKEN ######### */

/* ####### ENKELE SECTIE ACHTERGRONDEN ######### */

@media (max-width:767.99px) {
.sppb-section.no-background-mobile {background-image: none !important;}
.sppb-section.no-background-mobile-tablet {background-image: none !important;}}

@media (min-width:768px) and (max-width:991.99px) {
.sppb-section.no-background-mobile-tablet {background-image: none !important;}}

@media (max-width: 991.99px) {
.geen-lijn-op-tablet-en-telefoon {background-image: none !important;}}

@media (max-width: 767.99px) {
.geen-lijn-op-telefoon {background-image: none !important;}}

.sp-page-builder .page-content .contain-danseres-rechts {
background-image: url(https://www.metmalanca.nl/images/metmalanca/backgrounds/contain-rechts-MM_danseres_goud.svg);
    background-size: contain; background-repeat: no-repeat;
    background-position: 100% 0%;}

.sp-page-builder .page-content .contain-danseres-links {
background-image: url(https://www.metmalanca.nl/images/metmalanca/backgrounds/contain-links-MM_danseres_goud.svg);
    background-size: contain; background-repeat: no-repeat;
    background-position: 0% 0%;}

.sp-page-builder .page-content .contain-danseres-rechts-transparent {
background-image: url(https://www.metmalanca.nl/images/metmalanca/backgrounds/transparent_contain-rechts-MM_danseres_goud.svg);
    background-size: contain; background-repeat: no-repeat;
    background-position: 100% 0%;}

.sp-page-builder .page-content .contain-danseres-links-transparent {
background-image: url(https://www.metmalanca.nl/images/metmalanca/backgrounds/transparent_contain-links-MM_danseres_goud.svg);
    background-size: contain; background-repeat: no-repeat;
    background-position: 0% 0%;}

.sp-page-builder .page-content .danseres-rechts {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/mm_danseres_goud_rgb.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 0;
    background-size: contain;}

.sp-page-builder .page-content .danseres-rechts-kleiner {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/mm_danseres_goud_rgb.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
     background-position: 0% 15%;
    background-size: 75%;}

.sp-page-builder .page-content .danseres-rechts-kleiner2 {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/mm_danseres_goud_rgb.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 106% 65%;
    background-size: 75%;}

.sp-page-builder .page-content .danseres-rechts-contain {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/mm_danseres_goud_rgb.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0;
    background-size: contain;}

.sp-page-builder .page-content .danseres-links {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/MM_danseres_goud_RGB_links.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0;
    bacground-size: contain;
    margin-bottom: 5%}

.sp-page-builder .page-content .danseres-links-contain {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/MM_danseres_goud_RGB_links.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0;
    margin: 2% 0 2% -2%;
    background-size: contain;}

.sp-page-builder .page-content .danseres-links-kleiner {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/MM_danseres_goud_RGB_links.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 5%;
    padding-bottom: 5%;
    background-size: 75%;}

.sp-page-builder .page-content .danseres-links-kleiner img {opacity:0.5;}

.sp-page-builder .page-content .danseres-links-kleiner2 {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/MM_danseres_goud_RGB_links.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -3% 76%;
    background-size: 64%;}

/* ####### END ENKELE SECTIE ACHTERGRONDEN ######### */


/* ####### BUTTONS PAGEBUILDER ######### */

div.sppb-button-wrapper .sppb-btn i {display: none;}

.sppb-btn-custom { background-color: #6f9371 !important; color: #FFFFFF; text-transform: uppercase;}

.btn-secondary, .sppb-btn-secondary { text-shadow: none !important;}

/* ####### END BUTTONS PAGEBUILDER ######### */

div.eb-event-container ul li::marker {
color: white;}


/* ####### DIVERSEN ######### */

p {font-style: normal;}
b, strong {font-weight: 600;}

.bg-primary { background-color: #6f9371 !important;}

div.black a {color: #3f3d3a; border-bottom: none;}
div.black h3 {color: unset !important;}

div.white a {border-bottom: none;}

span.gold {color: rgb(174,154,100);}

p a {color: rgb(174,154,100); border-bottom: 1px solid; font-weight: 600;}
div.gold p a {color: rgb(174,154,100); border-bottom: 1px solid;}
div.gold p a:hover {color: #3f3d3a;}
p a:hover {color: #3f3d3a;}

.sp-copyright, html, body, p, h1, h2, h3, #sp-header #sp-menu .sp-megamenu-parent >li >a, #sp-header #sp-menu .sp-megamenu-parent li .sp-dropdown >li >a, #sp-header .top-search-wrapper .icon-top-wrapper i, #sp-header #cd-menu-trigger i, #sp-header .cd-cart i, #sp-header .top-search-wrapper {font-family: brother-1816, sans-serif; font-weight: 300;}

h1.sppb-title-heading , h2.sppb-title-heading {font-weight: 200 !important;}
div.heading-row {margin:6% 0 0 0;}

.sppb-addon-title { font-weight: 200; letter-spacing: 0.5px; padding-bottom:0.75%;}

div#sp-bottom1 p, span.sp-copyright {font-size:85%;}

.sppb-panel-flex >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body { line-height: inherit !important;}
.sppb-panel-title { color: #3f3d3a; font-size: 96%;}

.sppb-column.whitespace2% {margin: 2%; height: 80px;}
div.phpdebugbar {display:none;}



/* ####### END DIVERSEN ######### */


/* ############ REVIEWS & TESTIMONIALS ############ */


img.logo-review {width: 13vw !important;!i;!;max-width: 100px;margin-bottom: 28%;}

div.sppb-testimonial-carousel-message, div.sppb-testimonial-carousel-message p, div.testimonial-message p  {
color: #ae9a63; font-size: calc(0.85rem + 1vw) !important; font-weight: 300; font-style: italic; line-height: 1.25; text-align:center;}

div.sppb-testimonial-carousel-paragraph p, div.testimonial-paragraph p {}

.sppb-testimonial-carousel-name, .testimonial-name { font-weight: 400; font-size: 80%; text-transform: uppercase; text-align: center;}

.sppb-testimonial-carousel-name a, .testimonial-name a  {border-bottom:none; color: unset;}

div.sppb-testimonial-carousel-designation, div.testimonial-designation { font-weight: 400;  font-size: 90%;}

.sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-item-content::before {display: none;}

div.sppb-testimonial-carousel-content-wrap { color: #3f3d3a;}

.sppb-testimonial-carousel-item-content { margin-bottom: 0px !important;}

/* ############ END REVIEWS & TESTIMONIALS ############ */


/* #### AANBOD VLAKKEN ###### */

div.tekst-vlak-aanbod {
    padding: 5% 7%;
    border-bottom: 2px solid rgba(111, 147, 113, 0.75);
    border-top: 2px solid rgba(111, 147, 113, 0.75);
    background-color: #f9f3f3; 
    box-shadow: 2px 2px 5px 5px rgba(52, 52, 52, 0.05) !important;}

div.tekst-vlak-aanbod a {color: #AE9A63; border-bottom: 1px solid #AE9A63; }

/* #### END AANBOD VLAKKEN ###### */


/* #### CIRKELS MET ELFENSTOF EN TEKST ###### */

@media screen and (min-width: 992px) {
    .cirkel-elfenstof-links2 {
        background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof1.png);
        background-position: 51% 100%;
        background-size: 52%;}

    .cirkel-elfenstof-links-kantlijn {
             background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-position: -17% 0%;
        background-size: 63%;}

.cirkel-elfenstof-rechts {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof1.png);
background-position: -16% 81%;
        background-size: 48%;}

.cirkel-elfenstof-rechts-laag {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
background-position: -15% 52%;
        background-size: 64%;
    background-repeat: no-repeat;
    background-attachment: inherit;}

    .cirkel-elfenstof-links-kantlijn p {padding: 12% 8%;     font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.5rem + 1.15vw);
    text-align: left;}

.cirkel-elfenstof-rechts-laag p {
padding: 27% 8%;}}

.cirkel-elfenstof-rechts p {
padding: 15% 10%;}}


.cirkel-elfenstof-links2 p {
    font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.5rem + 1.15vw);
    text-align: left;}

.cirkel-elfenstof-links2 {
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof3.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 105% -18% !important;
    background-size: 50%;}

.cirkel-elfenstof-rechts {
    background-repeat: no-repeat;
    background-attachment: inherit;}

.cirkel-elfenstof-rechts p {
    font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.5rem + 1.15vw);     text-align: left;}
.cirkel-elfenstof-rechts-laag p {
    font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.5rem + 1.15vw);     text-align: left;}


@media (min-width: 768px) and (max-width: 991.99px) {
/*.cirkel-elfenstof-rechts, .cirkel-elfenstof-rechts-laag {
background-position: -9% 88%;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: 80%;
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);}*/

.cirkel-elfenstof-rechts {
background-position: -9% 88%;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: 80%;
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);}

.cirkel-elfenstof-rechts-laag {
background-position: -9% 48%;
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-size: 36%;
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);}

.cirkel-elfenstof-rechts p, .cirkel-elfenstof-rechts-laag p {
    padding: 8% 0% 13% 9%;}}

@media screen and (max-width: 767.99px) {
.cirkel-elfenstof-rechts, .cirkel-elfenstof-rechts-laag {
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-size: contain;
    background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
margin-top:-2%; margin-left:-2%;}
.cirkel-elfenstof-rechts p, .cirkel-elfenstof-rechts-laag p {
    padding: 8% 0% 13% 9%;}}




.cirkel-elfenstof-onder  p {
font-style: italic;
color: #ae9a63;
line-height: 1.5;
font-size: calc(0.6rem + 1.25vw);
padding: 0px 0px 6% 7%;
        margin-top: 7%;
        text-align: left;}


@media screen and (min-width: 768px) {

.cirkel-elfenstof-onder {
background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 0% 33%;}

.cirkel-elfenstof-links {
background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof3.png);
        background-repeat: no-repeat;
        background-attachment: inherit;
        background-position: 105% -60%;
        background-size: 63%;}
.cirkel-elfenstof-links p {
    font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.6rem + 1.25vw);
    margin-top: 4%;
    margin-right: 24%;
    text-align: right;}}

@media screen and (max-width: 767.99px) {
.cirkel-elfenstof-links {
 /*   background-size: 38%;
background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);}*/

background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 0% 33%;}

.cirkel-elfenstof-links p {
    padding: 8% 0% 6% 9%;}}

.cirkel-elfenstof-onder {
background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof4.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 0% 33%;}

/*.cirkel-elfenstof-links{
background-image: url(https://www.metmalanca.nl/images/backgrounds/cirkel-elfenstof3.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
       background-position: 105% -18%;
    background-size: 50%;}

.cirkel-elfenstof-links p {
    font-style: italic;
    color: #ae9a63;
    line-height: 1.5;
    font-size: calc(0.6rem + 1.25vw);
    padding: 0px 0px 8% 19%;
    margin-top: 4%;
    margin-right: 24%;
    text-align: right;}*/

/* #### END CIRKELS MET ELFENSTOF EN TEKST ###### */

/* ##### FIREFOX LOGO WEERGEVEN ###### */

div.sp-column {width: 100%; height: 100%;}

/* ##### END FIREFOX LOGO WEERGEVEN ###### */

/* ##### OPSOMMINGEN ###### */

ul {
  --icon-size: .8em;
  --gutter: .5em;
  padding: 0 0 0 var(--icon-size);}

ul li {
  padding-left: var(--gutter);}

ul li::marker {
  content: "\f068"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size: 58%;}

li p {margin-bottom: 0.25rem; padding-left: 3px;}


/* ##### END OPSOMMINGEN ###### */

/* ##### DIVERSEN ###### */

.text-info { color: #6f9371 !important;}

 .icons-adjusted .sppb-icon .icon-container > i { font-size: 22px; padding: 6px 3px 3px 3px !important;}

 .icons-adjusted p { margin-bottom: 0rem !important;}

@media (max-width: 576px) {
.btn, .sppb-btn { padding: 8px 18px; font-size: 12px; }}

@media (max-width: 768px) {
.sp-slider .sp-nav-control .nav-control {display:none;}}

.sppb-sp-slider-title, .sppb-sp-slider-title h4, .sppb-sp-slider-title .h4 {
font-size: calc(1.1rem + 1.0vw) !important; font-weight:lighter !important; color: #ffffff; line-height: 1.5;}


.sppb-sp-slider-title  h1, .sppb-sp-slider-title  h2, .sppb-sp-slider-title  h3 {
text-shadow: unset; color: #6f9371;}

/* #### END DIVERSEN ####### */

/* #### TYPOGRAPHY ####### */

body { font-size: calc(0.85rem + 0.4vw) !important; line-height:150%; color:#3f3d3a;}

@media (max-width: 768px) {
body { font-size: calc(0.8rem + .3vw);}}

.h1, h1, h2, h2 { font-size: calc(1.1rem + 2.0vw) !important; font-weight: 200; line-height: 125%; color: #6f9371;}
.h3, h3, .h4, .h4 { font-weight: 600 !important; color: #6f9371; line-height: 1.3; padding-bottom: 10px; padding-top: 10px;}
.h3, h3 { font-size: calc(1.0rem + 0.5vw) !important;}
.h4, h4 { font-size: calc(1rem + .1vw); color: #6f9371; text-align: center;}
.h5, h5 { font-size: calc(0.8rem + .3vw) !important; font-family: Nunito, sans-serif; font-weight: 300;  line-height: 1.7; }

/* #### END TYPOGRAPHY ####### */

/* #### TYPOGRAPHY IN PAGEBUILDER ####### */


.sppb-addon h3.sppb-addon-title {
color: #AE9A63; margin: 1vh auto !important; box-shadow:none; font-weight: 600 !important; padding-right: 0px !important;}

.sppb-addon h3.sppb-addon-title:after { display:none;}

.sppb-addon-title span {color:#22a9e1; font-weight:bold;}

/* #### END TYPOGRAPHY IN PAGEBUILDER ####### */

/* #### TOPBAR ####### */

#sp-top-bar { background-color: #3d3d3d; color: #d4d4d4; padding: 5px 0 4px;}

#sp-top-bar a { color: #b3b3b3;}
#sp-top-bar a:hover { color: #d1d1d1;}

/* #### END TOPBAR ####### */

/* #### HEADER AND MEGAMENU ####### */

div#sp-menu { display: flex; justify-content: center; align-items: center;}

#sp-header { height: auto !important; box-shadow: 3px 0px 0px 5px rgba(52, 52, 52, 0.05);}

#sp-header, .transparent-wrapper { background: #ffffff !important;}

#sp-header.flex.sticky .logo { height: 100px !important;   transition: 999ms ;}

#sp-logo { justify-content: end !important;}

@media (max-width: 575.99px) {
#sp-header.flex .logo { height:100px !important;    transition: 999ms;}}

@media (min-width: 576px) and (max-width: 767.99px) {
#sp-header.flex .logo { height:130px !important;     transition: 999ms;}}

@media (min-width: 768px) {
#sp-header.flex .logo { height:180px !important; transition: 999ms;}}


@media (max-width: 768px) {
  #offcanvas-toggler >i { text-align: right !important;}}

.sp-megamenu-wrapper > .sp-megamenu-parent >li >a { height: 80px !important; line-height: 80px !important;}

.sticky .sticky__wrapper { box-shadow: 3px 0px 0px 5px rgba(52, 52, 52, 0.05);}

.sticky .sp-megamenu-wrapper > .sp-megamenu-parent >li >a, .sticky .sp-megamenu-wrapper #offcanvas-toggler {height: auto !important;}

@media screen and (max-width: 600px) {
#sp-header .logo { font-size:15px !important;}}

@media and screen (min-width:1199.99px) {
img.sp-default-logo {
height: 138px !important;}}

#sp-header #sp-menu .sp-megamenu-parent >li >a, #sp-header #sp-menu .sp-megamenu-parent li .sp-dropdown >li >a, #sp-header .top-search-wrapper .icon-top-wrapper i, #sp-header #cd-menu-trigger i, #sp-header .cd-cart i, #sp-header .top-search-wrapper {text-transform: lowercase;}

#sp-header #sp-menu .sp-megamenu-parent >li >a:hover {opacity: 80%;}
#offcanvas-toggler >i  { color: #6f9371 !important;}
#offcanvas-toggler >i:hover { transform: scale(1.1); } opacity: 80%; }

#sp-header #sp-menu .sp-megamenu-parent >li.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent >li.sp-has-child.active >a {font-weight: 400;}

.sp-dropdown li.sp-menu-item.current-item.active>a { color:#f5f5f5 !important;}

@media (max-width: 992px) {
#offcanvas-toggler >i {font-size: unset !important;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a { text-indent: 22px;}}

:target:before { content:""; display:block; height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */}

/* #### END HEADER AND MEGAMENU ####### */

.btn:focus-visible { background-color: #6f9371 !important; border-color: white !important;}

/* #### ACYMAILING ####### */

.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder] {
    background: #f1e0dd;
}

joomla-alert, .alert-message { font-size: 100%; text-shadow: none; padding: 3% 5%;}

div.acym_module_success { color: inherit; background-color: white;margin: 6% 0;}

.acymailing_form input, .acym_module_form input.cell { min-width: 300px;}

.acymailing_form .acysubbuttons input, .acym_form .acysubbuttons input {
    text-indent: 0px; padding: 8px 51px 31px 16px; width: max-content; border-radius: 4px;}

.acymailing_form .acysubbuttons::before, .acym_form .acysubbuttons::before {display:none;}

.acymailing_form .acysubbuttons, .acym_form .acysubbuttons {
    position: absolute; top: unset; right: unset; margin-top: 3%;}

joomla-alert[type="info"] { color: inherit; background-color: #d5dbd2; border-color: #d5dbd2;}

.sppb-text-success { color: #6f9371 !important;}

/* #### END ACYMAILING ####### */
/* #### FOOTER ####### */

#sp-bottom {
    background-color: #6f9371 !important; color: white; padding: 0px 0px !important;}
#sp-bottom a {color:whitesmoke; border-bottom:none}
#sp-bottom a:hover {color:white;}
#sp-footer { background-color: #d5dbd2; color: #3f3d3a;}

#sp-footer a { color: #3f3d3a; opacity: 0.9; border-bottom:none;}
#sp-footer a:hover { opacity: 0.8; color:inherit;}

/* #### END FOOTER ####### */