/*
Theme Name: Digital Farmers
Theme URI: https://digitalfarmers.be/
Template: astra
Author: Farmer Arif
Author URI: https://digitalfarmers.be/
Description: Bij Digital Farmers schrijven we een verhaal. Een verhaal waarin jij de hoofdrol speelt en wij farmers een ondersteunende bijrol aannemen. Denk dan zeker niet aan figuranten die er met één simpele instructie vanaf komen. Nee, daar worden we niet enthousiast van! :grin: Als je al eens fatsoenlijk gekeken hebt naar onze website, zal je gemerkt hebben dat er verschillende soorten farmers aan het werk zijn. Iedere farmer blinkt uit in zijn of haar specifieke skill. Naargelang de grootte en de aard van jouw project, zullen de juiste farmers aan jouw eigen stuk land toegewezen worden. We stellen als het ware je eigen digital farmers team samen die collectief verantwoordelijk zijn om jouw zaadje (je idee/project) tot een rijkelijk landschap om te toveren waar jij de vruchten van kan plukken.
Tags: Custom Background, Custom Logo, custom-menu, Featured Images, threaded-comments, translation-ready
Version: 4.11.6.1752728547
Updated: 2025-07-17 05:02:27

*/
/* BODY */
body{
    background-color: #fff !important;
}
#page .site-content{
    z-index: 1;
}
.site-content .ast-container,
.site-content .ast-container > .content-area{
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce form#woocommerce-checkout-form-coupon button[type=submit],
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.fluent-form-gradient-button button[type="submit"].ff-btn-submit,
.btn-grandient-anim .elementor-button {
    background-image: radial-gradient(
      116.94% 246.47% at 0% 50.03%, 
      #DC9E17 0%, 
      #DBB133 33.65%, 
      #FEF387 67.31%, 
      #FED24C 100%
    );
    background-size: 200% auto;
    background-position: 0% 0;
    animation: moveBackground 3s linear infinite;
    transition: 0.5s;
}

@keyframes moveBackground {
0% {
    background-position: 0% 0;
}
50% {
    background-position: 100% 0;
}
100% {
    background-position: 0% 0;
}
}

/* BUTTON 10 ANIMATION - Background Slide and Fill */
.btn-outline-gradeient-anim .elementor-button {
    position: relative;
    border: 3px solid transparent;
    background-color: transparent;
    background-clip: padding-box;
    transition: 0.6s all;
    cursor: pointer;
    color: #473901;
    z-index: 1;
}
.btn-outline-gradeient-anim .elementor-button:after {
    transition: 0.6s all;
    position: absolute;  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    content: '';
    z-index: -2;
    border-radius: 0;
    background-image: radial-gradient(
      116.94% 246.47% at 0% 50.03%, 
      #DC9E17 0%, 
      #DBB133 33.65%, 
      #FEF387 67.31%, 
      #FED24C 100%
    ) !important;
    background-size: 200% 100%;
    background-position: 0% 0;
}
.btn-outline-gradeient-anim .elementor-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #fff !important;
    z-index: -1;
    border-radius: 0;
    opacity: 1;
    transition: 0.6s all;
}

.btn-outline-gradeient-anim .elementor-button:hover {
    background-color: transparent;
    color: #473901;
}

.btn-outline-gradeient-anim .elementor-button:hover:before {
    opacity: 0 !important;
}

.btn-outline-gradeient-anim .elementor-button:hover:after {
    background-position: 100% 0;
}

.hidden{
    display: none !important;
}

.e-loop__load-more .elementor-button{
    min-width: 240px;
    padding: 15px 10px !important;
}

.woocommerce form#woocommerce-checkout-form-coupon button[type=submit],
.woocommerce-info a {
    color: #280B0C;
}

.woocommerce-info {
    border-top-color: #280B0C;
}

.woocommerce-info:before {
    color: #280B0C;
}

form#woocommerce-checkout-form-coupon {
    width: 100%;
    display: flex;
    gap: 15px;
}

form#woocommerce-checkout-form-coupon p.form-row.form-row-first {
    flex-grow: 1;
    width: calc(100% - 100px);
}

form#woocommerce-checkout-form-coupon p.form-row.form-row-last {
    width: 175px;
}

form#woocommerce-checkout-form-coupon .clear {
    display: none;
}

form#woocommerce-checkout-form-coupon button[type=submit] {
    width: 100%;
    height: 48px;
}

.main-site-header .wpml-ls-legacy-dropdown {
    width: auto;
}

.main-site-header .wpml-ls-legacy-dropdown a {
    border: none;
    padding: 6px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #322801 !important;
    padding-right: 25px;
}

@media (min-width: 1024px) {
    .main-site-header .wpml-ls-legacy-dropdown a {
        padding: 10px 15px;
        font-size: clamp(16.00px, calc(1.00vw + 1.60px), 20.80px);
        padding-right: 35px;
    }
}


div.elementor-location-header[data-elementor-type="header"]{
    z-index: 98;
}

.elementor-item .new-badge {
    font-size: 10px;
    text-transform: capitalize;
    background: #F1C204;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 3px;
    color: #473901;
    position: absolute;
    top: 0px;
    left: calc(100% - 26px);
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 2s infinite, bounce 1s infinite alternate;
}

/* Box-shadow pulse animation */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/* Up-and-down bounce animation */
@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

/* Vendor prefixes for broader support (optional) */
@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); }
}
@-webkit-keyframes bounce {
  0%   { -webkit-transform: translateY(0); }
  50%  { -webkit-transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); }
}
  
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMDQgMTUuMTY3M0MxMS42ODE5IDE1LjE2NzMgMTQuNjY2NyAxMi4xODI1IDE0LjY2NjcgOC41MDA2NUMxNC42NjY3IDQuODE4NzUgMTEuNjgxOSAxLjgzMzk4IDguMDAwMDQgMS44MzM5OEM0LjMxODE0IDEuODMzOTggMS4zMzMzNyA0LjgxODc1IDEuMzMzMzcgOC41MDA2NUMxLjMzMzM3IDEyLjE4MjUgNC4zMTgxNCAxNS4xNjczIDguMDAwMDQgMTUuMTY3M1oiIHN0cm9rZT0iIzJEMzY0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04IDExLjE2NjdWOC41IiBzdHJva2U9IiMyRDM2NDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCA1LjgzMzk4SDguMDA2NjciIHN0cm9rZT0iIzJEMzY0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    content: '';
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: contain;
    margin-top: 3px;
}
.woocommerce form.checkout_coupon [name=coupon_code] {
    min-height: 48px;
    padding-left: 25px;
}


/* CHECKOUT */
.woocommerce-checkout .payment_methods {
    display: flex;
    list-style: none;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-checkout .wc_payment_methods .wc_payment_method {border: 3px solid #322801;padding: 10px 20px;position: relative;}

.woocommerce-checkout #payment ul.payment_methods li img {
    margin-top: 4px;
}

.woocommerce-checkout .wc_payment_methods .wc_payment_method input[type=radio]:checked ~ label:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #FEF1BE;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    color: #322801;
}

.woocommerce-checkout .wc_payment_methods .wc_payment_method label:after {
    content: "";
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 2;
    top: 0;
    cursor: pointer;
}

.woocommerce-checkout .wc_payment_methods .wc_payment_method input.input-radio {
    position: absolute;
    height: 0;
    width: 0;
}

.woocommerce-checkout .checkout-section.payment-details-section{
    margin-bottom: 0 !important;
}