/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* FONTS */
body.open_sans {
    font-family: 'Bahnschrift', Helvetica, Arial, sans-serif !important;
}

h1,h2,h3,h4 {
    font-family: 'Bahnschrift', Helvetica, Arial, sans-serif !important;
}


/* ALGEMEEN */
#scroll-top-link {
    display: none !important;
}

.foto-slider .avia-slideshow li img {
    height: 660px;
    object-fit: cover;
    display: block;
    width: 100%;
    border-radius: 15px;
}

.foto-slider .avia-inner-caption {
    max-width: 700px;
    padding: 50px;
    border-radius: 15px;
    background: #fff;
}

.foto-slider .av-slideshow-caption {
    padding: 50px;
}

.foto-slider .avia-slideshow .avia-caption .avia-caption-title {
    color: #22341B;
    background: transparent;
    padding: 0;
}

.foto-slider .avia-caption .avia-caption-content p {
    background: transparent;
    color: #000;
    padding: 15px 0 0 0;
    font-size: 22px;
}


/* CLASSES */


/* -- Tekst -- */

.introtekst {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 35px;
}

p a {
    text-decoration: underline !important;
    color: #4F7A40;
}

.content-sectie ul:not(.avia-icon-list) {
    list-style: none !important;
    padding-left: 0;
    margin-left: 0;
}

.content-sectie ul:not(.avia-icon-list) > li {
    list-style: none !important;
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.content-sectie ul:not(.avia-icon-list) > li::before {
    content: "";
    position: absolute;
    left: -15px;
    width: 18px;
    height: 32px;
    background: url("https://terramon.eu/wp-content/uploads/2026/07/leaf.svg") center / contain no-repeat;
}

/* -- Headings -- */


/* -- Buttons -- */

.avia-button.avia-size-small {
    font-family: 'Bahnschrift';
    font-size: 17px;
}

.avia-button.avia-size-medium {
    font-family: 'Bahnschrift';
    font-size: 18px;
    background-color:#22341B;
    color: #FFFFFF;
}

.avia-button.avia-size-large {
    font-family: 'Bahnschrift';
    font-size: 19px;
}

.avia-button.avia-size-x-large {
    font-family: 'Bahnschrift';
    font-size: 20px;
}

a.avia-button.avia-button-fullwidth {
    display: flex !important;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    font-family: 'Bahnschrift';
    font-size: 26px !important;
    border-radius: 0 0 15px 15px !important;
}

#top #wrap_all .avia-button:hover {
    border-radius: 0 0 15px 15px !important;
}


#top .avia-button.avia-cookie-consent-button {
    padding: 1.1em !important;
    font-size: 12px !important;
}



/* STRUCTUUR */


/* ---- padding variaties ---- */

.avia-section-small .content {
    padding-top: 40px;
    padding-bottom: 80px;
}

.content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.avia-section-large .content {
    padding-top: 50px;
    padding-bottom: 0px;
}

.avia-section-huge .content {
    padding-top: 50px;
    padding-bottom: 50px;
}


/* -- Header -- */

.av_minimal_header #header_main, .av_minimal_header #header_meta {
    border-bottom: 1px solid #E5EDE2;
}

#header_meta {
    min-height: 40px;
    display: flex;
    align-items: center;
}

#top #header_meta li {
    font-size: 16px;
    font-weight: 500;
    border:none !important;
}


.main_menu {
    display: flex;
    align-items: center;
}

#top #header .av-main-nav > li > a {
    height: 45px;
    padding: 20px;
    margin: 0 3px;
    display: flex;
    align-items: center;
}


.menu-meststoffen a, .menu-grondstoffen a, .menu-stalhygiene a, .menu-toepassingen a {
    border-radius: 5px;
}

.menu-meststoffen a {
    background-color: #E5EDE2;
    color: #4F7A40 !important;
}
.menu-meststoffen a:hover {
    background-color: #4F7A40;
    color: #fff !important;
}

.menu-grondstoffen a {
    background-color: #FBEFDF;
    color: #D68415 !important;
}
.menu-grondstoffen a:hover {
    background-color: #D68415;
    color: #fff !important;
}

.menu-stalhygiene a {
    background-color: #F1E9F3;
    color: #A542BC !important;
}
.menu-stalhygiene a:hover {
    background-color: #A542BC;
    color: #fff !important;
}

.menu-toepassingen a {
    color: #000000 !important;
    border: 1px solid rgb(34 52 27 / 20%);
}


.menu-toepassingen a i.fa-solid.fa-chevron-down {
    color: #4F7A40;
    font-size: 13px;
    padding-left: 10px;
}

span.avia-menu-text {
    display: flex;
    align-items: center;
}

#header .avia_mega_div {
    margin: 20px 0px 0px 0px !important;
    border-radius: 0 0 15px 15px !important;
    background-color: #F2F6F1;
}

#top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu {
    border-radius: 0 0 15px 15px !important;
    background: transparent !important;
}

#top #header .avia_mega_div > .sub-menu {
    padding: 40px;
}

#header .mega_menu_title {
    padding: 20px 0 30px 0;
}

#top #header .menu-meststoffen .mega_menu_title a {
    color: #4F7A40 !important;
}

#top #header .menu-grondstoffen .mega_menu_title a {
    color: #D68415 !important;
}

#top #header .menu-stalhygiene .mega_menu_title a {
    color: #A542BC !important;
}

#top #header .menu-info .mega_menu_title a {
    color: #22341B !important;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
    font-size: 18px !important;
    background: transparent;
}

.sub-menu .avia-bullet {
    display: none;
}

ul.sub-menu {
    overflow: visible !important;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
    max-width: fit-content;
    margin-left: -20px;
    padding: 10px 20px;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
    background-color: #E5EDE2;
	color: inherit !important;
}

.sub-menu i.fa-solid.fa-arrow-right {
    color: #4F7A40;
    font-size: 16px;
    margin-right: 10px;
}

#header .avia_mega_text_block {
    padding: 0 0 25px 0 !important;
}


li#menu-item-76 {
    max-width: 290px;
    background-color: #97BF0F;
    background-image: url("/nieuw/wp-content/uploads/2026/07/Terramon_Beeldmerk_opacity20.png");
    background-repeat: no-repeat;
    background-position: 169px -44px;
    background-size: 116%;
    padding: 0 25px !important;
    border-radius: 10px;
}

.sub-menu .avia-buttonavia-size-medium a {
    width: fit-content !important;
    background-color: #22341B !important;
    color: #fff !important;
    margin-left: 0 !important;
}

/* ---- Mobiel menu ---- */
#top #av-burger-menu-ul {
    background-color: #F2F6F1;
}

#av-burger-menu-ul .menu-toepassingen a {
    border: unset;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a, .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a  {
    padding-left: 50px;
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: #e4ede3;
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li.avia-buttonavia-size-medium {
    padding-left: 50px;
}

/* -- Main -- */
.hero-sectie .avia-button .avia_button_icon {
    padding: 6px 10px 6px 6px;
    background-color: #fff;
    border-radius: 5px;
}

.hero-sectie .avia-svg-icon svg {
    fill: #22341B !important;
}

.hero-sectie .productgroepen img {
    border-radius: 15px 15px 0 0;
}


.home-info-sectie {
    padding: 300px 0 80px 0 !important;
    background-size: 920px auto !important;
    background-position: 158% 150px !important;
}

.content-sectie {
    padding: 250px 0 80px 0 !important;
    margin-top: -250px !important;
    background-size: 920px auto !important;
    background-position: 158% 150px !important;
}

/* ---- Hero sectie algemene pagina's ---- */

.fotoblok {
    height: 660px;
    background-size: 100% auto !important;
    background-position: center center !important;
    border-radius: 15px;
    padding: 50px;
}

.avia_textblock.titelblok  {
    background-color: #fff;
    max-width: 700px;
    padding: 50px !important;
    border-radius: 15px;
}

.fotoblok-over-ons {
    height: 660px;
    background-size: 100% auto !important;
    background-position: top center !important;
    border-radius: 15px;
    padding: 50px;
    color: #fff;
}

.fotoblok-over-ons h1 {
    color: #fff;
}

.avia_textblock.titelblok-over-ons {
    max-width: 700px;
    padding: 50px !important;
    border-radius: 15px;
    color: #fff;
}

/* ---- Content secties algemene pagina's ---- */
.content-sectie .flex_column_table {
    margin-top: -50px !important;
    padding-top: 50px;
}

.content-sectie .av-flex-placeholder {
    background-color: #fff !important;
    width: 4% !important;
}

.content-sectie .iconlist_icon svg:first-child {
    fill: #97BF0F !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: 0px !important;
}

.content-sectie img {
    min-height: 420px;
    object-fit: cover;
    border-radius: 15px;
}

.content-sectie .av-break-at-tablet {
    margin-bottom: 0 !important;
}

.content-sectie-top-links-alternatief {
    border-radius: 15px 0 0 15px;
}

.content-sectie-top-rechts-alternatief {
    border-radius: 0 15px 15px 0;
}

.content-sectie-top-links {
    border-radius: 15px 0 0 0;
}

.content-sectie-top-rechts {
    border-radius: 0 15px 0 0;
}

.content-sectie-bottom-links {
    border-radius: 0 0 0 15px;
}

.content-sectie-bottom-rechts {
    border-radius: 0 0 15px 0;
}

/* ---- Gravity Formulier ---- */

input[type="submit"], #submit, .button {
	padding: 12px 19px 14px;
	font: 18px 'Bahnschrift';
	border-radius: 6px;
}


.gform-theme--foundation .gform_fields {
    row-gap: 20px !important;
}


.gform_heading {
    display: none !important;
}



#top label span, #top legend span {
	font-weight: 600;
	font-size: 16px;
	color: #000;
}


label.gfield_label.gform-field-label {
    font-family: 'Bahnschrift';
    font-size: 16px !important;
}

span.gfield_required.gfield_required_asterisk {
    color: #D0143F !important;
}



#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
	padding: 13px 15px;
	color: #22341B;
	border-radius: 6px;
}

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    background-color: transparent;
    color: #22341B;
    font-size: 16px !important;
    border-color: #22341B;
    border-radius: 6px;
}

#top .gform_wrapper input, #top .gform_wrapper select {
    background-color: #22341B;
    font-size: 18px;
    border-radius: 6px;
}



.main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type='submit'], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside:before, .main_color .comment-count, .main_color .av_dropcap2, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover, .main_color .av-colored-style .av-countdown-cell-inner, .main_color .wc-block-components-button:not(.is-link) {
	border-radius: 6px;
}



/* ---- Content formulier meer informatie ---- */
.content-sectie-cta.avia-section {
    background-size: 60% auto !important;
    background-position: -95px 50px !important;
}

/* ---- Contactpagina */
.contact-links {
    border-radius: 15px 0 0 15px;
}

.contact-rechts {
    border-radius: 0 15px 15px 0;
}

.contact-links h5 {
    font-family: 'Bahnschrift';
    font-size: 24px;
    color: #4F7A40 !important;
    margin-bottom: -5px;
}

.contact-links a {
    text-decoration-color: #97BF0F !important;
    text-underline-offset: 5px;
}

.contact-productslider {
    padding-top: 160px;
    margin-top: -240px;
}

/* -- Footer -- */
#footer-page h5 {
    font-size: 17px !important;
}

.socket-info {
    padding: 0 10px 0 0;
    font-size: 16px;
    color: #000000;
}

.socket-info a {
    text-decoration: underline;
}



.footer-kolommen {
    height: 320px;
    padding: 50px 0 60px 60px !important;
}

.footer-kolommen .avia-icon-list-container a {
    color: #fff;
}

.footer-kolommen .iconlist_icon svg:first-child {
    fill: #4F7A40 !important;
}

.footer-kolom-1 {
    padding-left: 60px !important;
    border-bottom-left-radius: 15px;
}

.footer-kolom-4 {
    border-bottom-right-radius: 15px;
}

#top .av-iconlist-small li {
    margin: 10px 0;
}

.footer-kolommen .avia-icon-list-container {
    margin-top: 20px;
}

.cta-blok-parent {
    margin-bottom: -80px !important;
}

.cta-blok {
    height: 420px;
    background-color: #97BF0F !important;
}

.cta-tekst {
    padding: 70px 60px;
    border-top-left-radius: 15px;
}

.cta-afbeelding {
    border-top-right-radius: 15px;
}

.cta-afbeelding img {
    position: absolute !important;
    top: -30px;
    right: 19px;
}

/* CUSTOM */

/* -- Projectslider -- */
.wpgb-card-inner {
    padding: 25px 75px !important;
    background-color: #fff;
    border-radius: 15px;
}

.wpgb-card-wrapper {
    border: 1px solid #A9C3A0 !important;
    border-radius: 15px;
    height: auto !important;
}

.wp-grid-builder .wpgb-card .wpgb-card-inner {
    min-height: 390px;
}

.wp-grid-builder .wpgb-card .wpgb-card-media {
    height: 190px;
    width: 190px;
    margin: 0 auto;
}

.wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail {
    border-radius: 100px;
    width: 190px;
    height: 190px;
}

.wp-grid-builder .wpgb-carousel {
    overflow: visible !important;
}

/* ---- volgende en vorige knop ---- */
.wp-grid-builder .wpgb-next-button, .wp-grid-builder .wpgb-prev-button {
    background-color: #97BF0F !important;
    border-radius: 5px !important;
}

.wp-grid-builder .wpgb-next-button svg {
    display: none;
}

.wp-grid-builder .wpgb-next-button {
    background-image: url("https://terramon.eu/wp-content/uploads/2026/07/arrow-right-solid-full.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px auto !important;
}

/* ----- Projectslider tekst ---- */
.wpgb-card-1 .wpgb-block-1, .wpgb-card-2 .wpgb-block-1, .wpgb-card-3 .wpgb-block-1 {
    margin: 10px 0 5px 0 !important;
    font-size: 22px !important;
    color: #000000 !important;
}

.wpgb-card-1 .wpgb-block-2, .wpgb-card-2 .wpgb-block-2, .wpgb-card-3 .wpgb-block-2 {
    margin-bottom: 20px !important;
    font-size: 17px !important;
    color: #22341B !important;
}

/* ----- Projectslider badges ---- */
.wp-grid-builder .wpgb-card-1 .wpgb-block-4, .wp-grid-builder .wpgb-card-2 .wpgb-block-5, .wp-grid-builder .wpgb-card-3 .wpgb-block-5 {
    width: calc(100% + 150px);
    margin-inline: -75px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-4 > *, .wp-grid-builder .wpgb-card-2 .wpgb-block-5 > *, .wp-grid-builder .wpgb-card-3 .wpgb-block-5 > * {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wpgb-card-1 .wpgb-block-term, .wpgb-card-2 .wpgb-block-term, .wpgb-card-3 .wpgb-block-term   {
    padding: 8px !important;
    margin: 0 5px !important;
    border-radius: 20px;
}

.wpgb-card-1 .wpgb-block-term  {
    background-color: #E5EDE2 !important;
    color: #4F7A40 !important;
}

.wpgb-card-2 .wpgb-block-term {
    background-color: #FBEFDF;
    color: #D68415 !important;
}

.wpgb-card-3 .wpgb-block-term {
    background-color: #F1E9F3;
    color: #A542BC !important;
}

.wpgb-card-1 .wpgb-block-11 .wpgb-block-term:hover {
    color: #4F7A40 !important;
}

.wpgb-card-1 .wpgb-block-12 .wpgb-block-term, .wpgb-card-2 .wpgb-block-9 .wpgb-block-term,  .wpgb-card-3 .wpgb-block-9 .wpgb-block-term {
    background-color: transparent !important;
    color: #22341B !important;
    padding: 7px !important;
    border: 1px solid rgb(34 52 27 / 20%) !important;
    margin: 0 5px !important;
    border-radius: 20px;
}

.wpgb-card-1 .wpgb-block-9 .wpgb-block-term:hover {
    color: #22341B !important;
}


/* ---- Projectslider randkleur categorie ---- */
.wpgb-card-1 .wpgb-card-media-thumbnail {
    border: 5px solid #4F7A40 !important;
}

.wpgb-card-2 .wpgb-card-media-thumbnail {
    border: 5px solid #D68415 !important;
}

.wpgb-card-3 .wpgb-card-media-thumbnail {
    border: 5px solid #A542BC !important;
}

/* ---- Bio label ---- */
.wp-grid-builder .wpgb-card-1 .wpgb-block-3, .wp-grid-builder .wpgb-card-2 .wpgb-block-3, .wp-grid-builder .wpgb-card-3 .wpgb-block-3 {
    width: 100%;
    height: 52px;
    margin-left: 50px;

    font-size: 0 !important;
    color: transparent;

    background-image: url("https://terramon.eu/wp-content/uploads/2026/07/bio-beeldmerk.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 52px auto;
}

/* ---- Filter ---- */
.wpgb-facet .wpgb-button-facet {
    margin-bottom: 25px;
}

.wpgb-facet .wpgb-button-label {
    font-size: 18px !important;
}
.wpgb-facet ul .wpgb-button {
    padding: 15px !important;
    border: 1px solid #97BF0F !important;
}

.wpgb-facet .wpgb-button[aria-pressed=true] {
    background-color: #97BF0F !important;
}

.wpgb-button:hover {
    background-color: #97BF0F;
    color: #fff;
}




/* -- PRODUCT TEMPLATE -- */
.product-sectie {
    margin-bottom: -240px;
}

.product-sectie .av-flex-placeholder {
    background-color: #fff !important;
    width: 4% !important;
}

.sc-av_two_fifth .product-links {
    border-radius: 15px 0 0 15px !important;
}

.av_three_fifth.product-rechts {
    border-radius: 0 15px 15px 0;
    padding-bottom: 130px !important;
	background-color: #fff !important;
}



/* ---- CUSTOM TEMPLATE PRODUCT ---- */

#top .avia-post-nav {
    display: none;
}

.product-links {
    padding: 50px 50px 130px 50px !important;
}

.product-rechts {
    padding: 60px 50px 130px 0 !important;
}

/* productafbeelding */
.productgroep-meststoffen .product-afbeelding img, .productgroep-grondstoffen .product-afbeelding img, .productgroep-stalhygiene .product-afbeelding img {
    display: flex;
    margin: 0 auto !important;
    border-radius: 100% !important;
}

.productgroep-meststoffen .product-afbeelding img {
    border: 10px solid #4F7A40;
}

.productgroep-grondstoffen .product-afbeelding img {
    border: 10px solid #D68415;
}

.productgroep-stalhygiene .product-afbeelding img {
    border: 10px solid #A542BC;
}

/* bio label */
.bio-beeldmerk {
    width: 50px;
    height: auto;
}

h2.product-titel {
    display: flex;
    gap: 10px;
}

/* badges */
.productgroep-badge, .segment-badge {
    padding:4px 8px 6px 8px !important;
    margin: 0 5px 0 0 !important;
    border-radius: 20px;
    font-size: 16px;
}

.segment-badge {
    border: 1px solid rgb(34 52 27 / 20%);
    margin-bottom: 20px;
}

.productgroep-meststoffen .productgroep-badge {
    color: #4F7A40;
    background-color: #E5EDE2;
}

.productgroep-grondstoffen .productgroep-badge {
    color: #D68415;
    background-color: #FBEFDF;
}

.productgroep-stalhygiene .productgroep-badge {
    color: #A542BC;
    background-color: #F1E9F3;
}

/* Content en eigenschappen */
.product-content {
    margin-top: 40px;
}

.productgroep-meststoffen h5, .productgroep-grondstoffen h5, .productgroep-stalhygiene h5 {
    font-size: 24px;
    color: #4F7A40;
    margin-bottom: 10px;
}






#whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;

    display: block;
    width: 60px;
    height: 60px;
    background: #20bf55 url(img/whatsapp.svg) center/32px no-repeat;


    border-radius: 100%;
    z-index: 999;
}






/* RESPONSIVE */

@media (max-width: 425px) {
    /* -- Projectslider -- */
    .wpgb-card-inner {
        padding: 25px !important;
    }

    .wp-grid-builder .wpgb-next-button {
        margin-right: 10px !important;
    }

    .wpgb-card-media-thumbnail {
        width: auto !important;
        height: auto !important;
    }
    .wp-grid-builder .wpgb-card .wpgb-card-media {
        max-height: 80px;
        max-width: 80px;
        margin: 0 auto;
    }
    .wp-grid-builder .wpgb-card-1 .wpgb-block-3, .wp-grid-builder .wpgb-card-2 .wpgb-block-3, .wp-grid-builder .wpgb-card-3 .wpgb-block-3 {
        width: 100%;
        height: 30px;
        margin-left: 10px;
        margin-top: -15px;
        background-size: 30px auto;
    }
    .wp-grid-builder .wpgb-card [class*=wpgb-block-] .wpgb-block-term {
        margin-top: 10px !important;
        font-size: 12px;
    }
    .wp-grid-builder .wpgb-card-1 .wpgb-block-2, .wp-grid-builder .wpgb-card-2 .wpgb-block-2, .wp-grid-builder .wpgb-card-3 .wpgb-block-2 {
        font-size: 14px !important;
    }

    .wp-grid-builder .wpgb-card-1 .wpgb-block-1, .wp-grid-builder .wpgb-card-2 .wpgb-block-1, .wp-grid-builder .wpgb-card-3 .wpgb-block-1 {
        font-size: 16px !important;
    }
    .wpgb-card-1 .wpgb-card-media-thumbnail, .wpgb-card-2 .wpgb-card-media-thumbnail, .wpgb-card-3 .wpgb-card-media-thumbnail {
        border: unset !important;
    }

	/* -- Over ons hero sectie -- */
	.fotoblok-over-ons {
        background-size: auto 100% !important;
    }
}

@media (max-width: 990px) {
    .footer-kolommen {
        padding: 25px 0 0 25px !important;
    }

    .footer-kolom-1 {
        border-bottom-left-radius: 0;
    }

    .footer-kolom-3 {
        border-bottom-left-radius: 15px;
    }

    .footer-kolom-4 {
        border-bottom-right-radius: 15px;
    }
}


@media (max-width: 768px) {
    .footer-kolommen {
        height: auto;
        padding: 25px !important;
        margin-bottom: 0 !important;
    }

    .footer-kolom-1, .footer-kolom-3 {
        border-bottom-left-radius: 0;
    }

    .footer-kolom-4 {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .cta-tekst {
        padding: 30px 20px;
        border-top-left-radius: 0;
    }
    .cta-blok {
        height: fit-content;
        margin-bottom: 0px !important;
        border-radius: 15px 15px 0 0 !important;
        background-color: #97BF0F !important;
    }
    .content-sectie-cta .av_three_fifth {
        padding: 30px 20px !important;
    }

    .contact-links {
        border-radius: 15px 15px 0 0;
        margin-bottom: 0px !important;
    }

    .contact-rechts {
        border-radius: 0 0 15px 15px;
    }


    /* -- WP Grid builder -- */
    .wpgb-card-inner {
        padding: 25px !important;
    }



    .wp-grid-builder .wpgb-card [class*=wpgb-block-] {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .wp-grid-builder .wpgb-card-1 .wpgb-block-4,
    .wp-grid-builder .wpgb-card-2 .wpgb-block-5,
    .wp-grid-builder .wpgb-card-3 .wpgb-block-5 {
        gap: 10px !important;
    }

    .wp-grid-builder .wpgb-card [class*=wpgb-block-] .wpgb-block-term {
        margin-top: 10px !important;
    }


    /* -- PRODUCT TEMPLATE -- */
    .product-sectie {
        margin-bottom: -180px;
    }

    .sc-av_two_fifth .product-links {
        border-radius: 15px 15px 0 0 !important;
    }

    .av_three_fifth.product-rechts {
        border-radius: 0 0 15px 15px !important;
        padding-bottom: 40px !important;
    }

    .content-sectie-cta.avia-section {
        margin-top: 20px;
    }

    .content-sectie-cta .av_three_fifth {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* ---- CUSTOM TEMPLATE PRODUCT ---- */

    .product-links {
        padding: 40px 25px !important;
        margin-bottom: 0px !important;
    }

    .product-rechts {
        padding: 40px 25px !important;
        padding: 0 25px 40px !important;
    }

    /* productafbeelding */

	/*
    .productgroep-meststoffen .product-links {
        background-color: #4F7A40 !important;
    }

    .productgroep-grondstoffen .product-links {
        background-color: #D68415 !important;
    }

    .productgroep-stalhygiene .product-links {
        background-color:  #A542BC !important;
    }
	*/


    /* bio label */
    .bio-beeldmerk {
        width: 50px;
        height: auto;
    }

    h2.product-titel {
        flex-direction: column-reverse;
    }

    /* badges */
    .avia_textblock.badges {
        line-height: 2.6em;
    }

    .productgroep-badge, .segment-badge {
        font-size: 14px;
    }


    /* Content en eigenschappen */
    .product-content {
        margin-top: -10px;
    }

    .productgroep-meststoffen h5, .productgroep-grondstoffen h5, .productgroep-stalhygiene h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }


}

@media only screen and (max-width: 1025px) {
    .responsive #top #avia-menu.av-main-nav .menu-item {
        display: none !important;
    }
    .responsive #top .av-main-nav .menu-item-avia-special {
        display: block !important;
    }

    .menu-toepassingen a i.fa-solid.fa-chevron-down {
        display: none;
    }

    .menu-toepassingen .av-submenu-indicator::before {
        color: #4F7A40 !important;
        font-size: 16px;
    }


    .foto-slider .avia-slideshow li img {
        height: 400px;
    }
    .foto-slider .avia-inner-caption {
        padding: 25px;
        margin: 0px 10px -5px -5px;
    }
    .foto-slider .av-slideshow-caption {
        padding: 0;
    }
    .foto-slider .avia-caption .avia-caption-content p {
        font-size: 18px;
    }
    .foto-slider .avia-slideshow .avia-caption .avia-caption-title {
        font-size: 24px;
    }


    .content-sectie {
        padding: 240px 0 80px 0 !important;
        margin-top: -330px !important;
    }

    .fotoblok {
        height: fit-content;
        background-size: 100% auto !important;
        background-position: top center !important;
        padding: 200px 0 0 0;
    }

    .avia_textblock.titelblok  {
        max-width: 700px;
        padding:  20px !important;
        border-radius: 0 0 15px 15px;
    }

    .fotoblok-over-ons {
        display: flex !important;
        align-items: flex-end;
        height: 400px;
        background-size: 100% auto;
        background-position: top center !important;
        border-radius: 15px;
        padding: 20px;
        margin-bottom: 45px !important;

    }

    .avia_textblock.titelblok-over-ons {
        padding: 20px !important;
        color: #fff;
    }

    .content-sectie-cta.avia-section {
        background-size: 120% auto !important;
        background-position: -95px 120% !important;
    }

    .content-sectie .av_one_half {
        background: transparent !important;
        padding: 0 !important;
    }

    .content-sectie img {
        margin: 30px 0 15px 0;
    }

    .content-sectie img {
        min-height: 250px;
        object-fit: cover;
    }
    .sc-av_one_half .content-sectie-top-links-alternatief {
        margin-bottom: -5px !important;
        padding: 30px 20px 0 20px !important;
        border-radius: 15px 15px 0 0;
        background-color: #4F7A40 !important;
    }

    .sc-av_one_half .content-sectie-top-rechts-alternatief {
        margin-bottom: 40px !important;
        padding: 0 20px 30px 20px !important;
        border-radius: 0 0 15px 15px;
        background-color: #4F7A40 !important;
    }
    .content-sectie-top-links-alternatief .av-iconlist-small li, .content-sectie-top-rechts-alternatief .av-iconlist-small li {
        display: flex !important;
        flex-direction: column !important;
    }
    .content-sectie-top-links-alternatief .av-iconlist-small .iconlist_icon, .content-sectie-top-rechts-alternatief .av-iconlist-small .iconlist_icon {
        margin-left: -3px;
    }

    .introtekst {
        line-height: 1.3em;
        font-size: 19px !important;
    }
}

@media (min-width: 1024px) and (max-width:1440px) {
    .wpgb-card-inner {
        padding: 25px 50px !important;
    }
}