/*PAGINA HOME*/
.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none !important;
}

#add_previous_order_button {
  display: none;
}

.nav-link-custom {
  background-color: #153C2A; 
  margin: 0 !important;
}

#bottom_menu_collapse_b2b {
  background-color: #9BC345 !important;
}

#bottom_menu_collapse_b2b>.row>.col-12>p {
  color: white !important;
  font-weight: bold !important;
  padding: 5px !important;
  margin: 0 !important;
}

.custom-font {
  font-family: "Agbalumo" !important;
  font-size: 80px;
  color: white;
}

#whatsapp_icon {
  left: 15px !important;
}

.o_livechat_button {
  bottom: 20px !important;
}

#small_header_b2b {
  background-color: #D9E7BC !important;
  text-align: center;
  border-radius: 8px;
  width: 15%;
}

#small_header_b2b>small {
  padding: 8px 16px !important;
  font-size: 24px;
  font-weight: bold;
}

#section_sped_b2b {
  background-color: #D9E7BC;
}

.s_website_form_input {
  border-radius: 16px !important;
}

.o_wsale_products_main_row {
  background-color: white !important;
}


.title_header {
  font-family: "Agbalumo", system-ui !important;
  font-size: 80px !important;
}

.title_header strong {
  font-family: "Agbalumo", system-ui !important;
  font-size: 80px !important;
}

.title_header font {
  font-family: "Afacad" !important;
  font-size: 80px !important;
}

#testo_header {
  font-family: "Afacad" !important;
  font-size: 24px !important;
}

.video_section_home {
  height: 1080px !important;
}

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/*TITOLO CARD*/
#title_section_home {
  font-family: "Afacad", sans-serif;
  font-size: 72px !important;
  text-align: center !important;
  font-style: italic;
}

/*TITOLO 2 CARD*/
#title_two_section {
  font-family: "Agbalumo";
  font-size: 72px !important;
  text-align: center !important;
}



/*CARD CASEIFICIO*/
#home_card_caseificio {
  height: 826px;
  width: 31%;
  padding: 32px;
  background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/Storia-fattoria-santa-lucia-02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*CARD TESTO H3 CASEIFICIO*/
#home_card_caseificio h3 {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 500 !important;
  font-size: 96px !important;
}

/*CARD TESTO SMALL CASEIFICIO*/
#home_card_caseificio small {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
}

/*CARD AGRITURISMO*/
#home_card_agriturismo {
  height: 826px;
  width: 31%;
  padding: 32px;
  background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/74d1132fb296881492044f9520eb6297.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

/*CARD TESTO H3 AGRITURISMO*/
#home_card_agriturismo h3 {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 500 !important;
  font-size: 96px !important;
}

/*CARD TESTO SMALL AGRITURISMO*/
#home_card_agriturismo small {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
}

/*CARD PIZZIFICIO*/
#home_card_pizzificio {
  height: 826px;
  width: 31%;
  padding: 32px;
  background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/Pizza-margherita-pizzificio-formia-Fattoria-santa-lucia.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*CARD TESTO H3 PIZZIFICIO*/
#home_card_pizzificio h3 {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 500 !important;
  font-size: 96px !important;
}

/*CARD TESTO SMALL PIZZIFICIO*/
#home_card_pizzificio small {
  color: white !important;
  font-family: "Afacad", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
}

#card-home-1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
}

#card-home-1>.card-header>p {
  width: 50%;
  border-radius: 8px;
  background-color: #9BC345 !important;
  align-text: center !important;
  color: white;
  padding: 5px;
}

.card-body {
  background-color: white !important;
  border-radius: 8px !important;
  width: 95% !important;
  margin-top: 180px !important;
  margin-bottom: 30px !important;
}

.card-body>small {
  color: white;
  background-color: #153C2A !important;
  border-radius: 16px;
  padding: 5px;
}

#image-back-school {
  position: relative;
  border-radius: 8px !important;
}

#image-front-school {
  position: absolute !important;
  left: -100px !important;
  top: -30px !important;
  border-radius: 16px !important;
}

#image-front-school-2 {
  position: absolute !important;
  right: -100px !important;
  top: 500px !important;
  border-radius: 16px !important;
}

.btn-hover-white {
  font-weight: bold;
  font-size: 22px !important;
  font-family: 'Afacad' !important;
}

.btn-hover-green {
  font-weight: bold;
  font-size: 22px !important;
  font-family: 'Afacad' !important;
}

.btn-hover-white:hover {
  background-color: white !important;
  color: black !important;
  transition: 0.5s;
}

.btn-hover-green:hover {
  background-color: #153C2A !important;
  color: white !important;
  transition: 0.5s;
}

#p_fattoria_did {
  color: #153C2A !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  background-color: white !important;
  width: 160px !important;
  border-radius: 8px !important;
  text-align: center;
  padding: 8px 16px;
}

#btn_section_did_white:hover {
  background-color: #153C2A !important;
  color: white !important;
  transition: 0.5s;
}

.o_img_product_square {
  border-radius: 16px !important;
}

.o_carousel_product_img_link>.overflow-hidden {
  border-radius: 16px !important;
  position: relative;
}

.o_carousel_product_card_body>.card-title {
  font-family: "Afacad" !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #2E2C2C !important;
}

.o_carousel_product_card_body>div>.mt-2>.fw-bold>.oe_currency_value {
  color: #2E2C2C !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

/*.o_carousel_product_img_link>.overflow-hidden::before {
  content: "OFFERTA -20%";
  color: #153C2A !important;
  font-weight: 700;
  font-size: 18px !important;
  background-color: #ECBF24 !important;
  position: absolute;
  top: 40px;
  padding: 5px 8px;
  border-top-right-radius: 8px 8px;
  border-bottom-right-radius: 8px 8px;
}*/

.shop-bag-nav {
  object-position: center;
}

.list-link-footer>li {
  margin: 20px;
}

.list-link-footer>li>a {
  color: white !important;
  text-decoration: none !important;
  font-size: 18px !important;
}

.js_language_selector>button {
  display: none;
}

.o_footer_copyright {
  background-color: #153C2A !important;
}

.svg-container {
  width: 100%;
  height: auto;
}



#section_azi_reg {
  background-color: #9BC345;
  border-radius: 16px;
  border: 2px solid white;
  padding-top: 32px;
  padding-bottom: 32px;
}

.text_azi_reg {
  font-size: 32px;
  font-weight: bold;
  color: white;
  margin: 0 !important;
  padding: 0 !important;
}

.small_text_azi_reg {
  font-size: 24px;
  color: white;
  margin: 0 !important;
  padding: 0 !important;
}

#btn_header_shop {
  color: white;
  border: 2px solid white;
  border-radius: 18px;
  padding: 10px 16px;
  font-size: 22px;
  margin-top: 15px;
}

/*MEDIA QUERY*/
@media (max-width: 768px) {
  #small_header_b2b {
    background-color: #D9E7BC !important;
    text-align: center;
    border-radius: 8px;
    width: 40% !important;
    margin-top: 30px !important;
  }

  #small_header_b2b>small {
    padding: 8px 16px !important;
    font-size: 16px !important;
    font-weight: bold;
  }

  #title_header_b2b {
    font-size: 45px !important;
  }

  .custom-font {
    font-size: 45px !important;
  }

  #title_sect_sped {
    font-size: 44px !important;
  }

  #title_section_form {
    font-size: 48px !important;
  }

  #text_section_form {
    font-size: 18px !important;
  }

  .svg-container {
    width: 100%;
  }

  .list-link-footer>li>a {
    color: white !important;
    text-decoration: none !important;
    font-size: 18px !important;
    text-align: left;
  }

  .one-card-footer {
    border-right: none !important;
    border-bottom: 1px solid #FFFFFF17 !important;
  }

  .two-card-footer {
    border-right: none !important;
    border-bottom: 1px solid #FFFFFF17 !important;
  }

  .text-header-video {
    margin-top: 110px !important;
  }

  .title_header strong {
    font-size: 48px !important;
  }

  .title_header font {
    font-size: 48px !important;
  }

  .video_section_home {
    height: 740px !important;
    /*height: 100% !important;*/
  }

  .btn-hover-white {
    font-weight: bold;
    font-size: 16px !important;
  }

  .btn-hover-green {
    font-weight: bold;
    font-size: 16px !important;
  }

  #home_card_agriturismo {
    height: 200px;
    width: 100% !important;
    padding: 0px !important;
    background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/74d1132fb296881492044f9520eb6297.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }

  #home_card_pizzificio {
    height: 200px;
    width: 100% !important;
    padding: 0px !important;
    background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/Pizza-margherita-pizzificio-formia-Fattoria-santa-lucia.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #home_card_caseificio {
    height: 200px;
    width: 100% !important;
    padding: 0px !important;
    background-image: linear-gradient(#00000000, #000000), url("/custom_website/static/src/img/home/Storia-fattoria-santa-lucia-02.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /*CARD TESTO H3 CASEIFICIO*/
  #home_card_caseificio h3 {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 500 !important;
    font-size: 56px !important;
  }

  /*CARD TESTO SMALL CASEIFICIO*/
  #home_card_caseificio small {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  /*CARD TESTO H3 AGRITURISMO*/
  #home_card_agriturismo h3 {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 500 !important;
    font-size: 56px !important;
  }

  /*CARD TESTO SMALL AGRITURISMO*/
  #home_card_agriturismo small {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  /*CARD TESTO H3 PIZZIFICIO*/
  #home_card_pizzificio h3 {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 500 !important;
    font-size: 56px !important;
  }

  /*CARD TESTO SMALL PIZZIFICIO*/
  #home_card_pizzificio small {
    color: white !important;
    font-family: "Afacad", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  .contain-custom-mobile {
    padding: 0 !important;
  }

  .section-esperienze {
    padding-top: 0 !important;
  }

  .section-card-rea {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  /*TITOLO CARD*/
  #title_section_home span font {
    font-size: 40px !important;
  }

  #title_section_home {}

  #title_two_section {
    font-family: "Agbalumo";
    font-size: 40px !important;
    text-align: center !important;
  }

  #title_section_esp {
    font-size: 40px !important;
  }

  .p-esp-mobile {
    font-size: 32px !important;
    margin-left: 0 !important;

  }

  .p-esp-mobile-two {
    font-size: 16px !important;
    margin-left: 0 !important;
  }

  .contain-esp {
    padding-top: 50px !important;
  }

  #card-home-1>.card-header>p {
    width: 100%;
    border-radius: 8px;
    background-color: #9BC345 !important;
    align-text: center !important;
    color: white;
    padding: 5px;
  }

  .card-body>small {
    color: white;
    font-size: 18px !important;
    background-color: #153C2A !important;
    border-radius: 16px;
    padding: 5px;
  }

  .card-title {
    margin-bottom: 0 !important;
  }

  .card-title p strong {
    font-size: 24px !important;
    line-height: 100%;
  }

  .card-title p {
    font-size: 24px !important;
  }

  .p-card-small {
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }

  .card-text p {
    font-size: 24px !important;
    margin: 5px !important;
    margin-top: 80px !important;
  }

  .card-text p small {
    font-size: 14px !important;
  }

  .image-back-school {
    order: 2 !important;
  }

  #text-school {
    order: 1 !important;
  }

  #text-school>h2 {
    font-size: 40px !important;
  }

  #p-one-school {
    font-size: 24px !important;
  }

  #p-two-school {
    font-size: 18px !important;
  }

  #image-back-school {
    position: none !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 100% !important;
  }

  #image-front-school {
    display: none;
    position: none !important;
    border-radius: 16px !important;
  }

  #image-front-school-2 {
    position: none !important;
    border-radius: 16px !important;
  }

  .text-product-mob {
    font-size: 32px !important;
  }

  .p-product-mob {
    font-size: 16px !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    transform: none !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel-item {
    display: block !important;
    width: 50% !important;
    float: left !important;
    position: relative !important;
    margin-right: 0 !important;
    flex: 0 0 50% !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel-item:not(:first-child) {
    display: block !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel-control {
    display: none !important;
  }

  .s_dynamic_snippet_products .dynamic_snippet_template .carousel-indicators {
    display: none !important;
  }

  .carousel-control-next {
    display: none;
  }

  .carousel-control-prev {
    display: none;
  }

  .o_carousel_product_card_body>.card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .o_carousel_product_card_body>div>.mt-2>.fw-bold>.oe_currency_value {
    font-size: 14px !important;
  }

  .title_header {
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    /* reset */
  }

  .title_header font {
    display: inline !important;
    line-height: 1 !important;
    vertical-align: top !important;
  }

  .title_header strong {
    display: inline !important;
  }

  nav {
    width: 95% !important;
    border-radius: 16px !important;
  }

  #top {
    background-color: transparent;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px !important;
  }

  #top_menu_collapse {
    padding: 40px 16px !important;
    border-radius: 16px !important;
  }

  .cop-foo-1 {
    order: 3 !important;
  }

  .cop-foo-2 {
    order: 2 !important;
  }

  .cop-foo-1>p {
    order: 3 !important;
    font-size: 11px !important;
  }

  .cop-foo-2>p {
    order: 2 !important;
    font-size: 11px !important;
  }

  .cop-foo-3 {
    order: 1 !important;
    font-size: 11px !important;
  }

  .one-card-footer {
    padding-left: 24px !important;
  }

  .link-footer-mob {
    padding-left: 19px !important;
  }
}

/*MEDIA QUERY FOR PC*/
@media (min-width: 769px) and (max-width: 1366px) {
  .custom-font {
    font-size: 70px !important;
  }

  #title_header_b2b {
    font-size: 70px !important;
  }

  /* Header e navigazione */
  #top_menu_collapse {
    padding: 0 20px !important;
  }

  .nav-item>.nav-link {
    padding: 0.5rem 0.8rem !important;
  }

  #link-header-nav>a,
  #contact_nav,
  #contact_shop {
    font-size: 18px !important;
  }

  /* Titolo header */
  .title_header,
  .title_header strong,
  .title_header font {
    font-size: 60px !important;
  }

  #testo_header {
    font-size: 20px !important;
  }

  /* Sezione video */
  .video_section_home {
    height: 800px !important;
  }

  /* Sezione card principali */
  #home_card_caseificio,
  #home_card_agriturismo,
  #home_card_pizzificio {
    height: 500px !important;
    width: 350px !important;
  }

  #home_card_caseificio h3,
  #home_card_agriturismo h3,
  #home_card_pizzificio h3 {
    font-size: 72px !important;
  }

  #home_card_caseificio small,
  #home_card_agriturismo small,
  #home_card_pizzificio small {
    font-size: 20px !important;
  }

  /* Titoli sezioni */
  #title_section_home,
  #title_two_section {
    font-size: 56px !important;
  }

  /* Card prodotti */
  .card-body {
    margin-top: 120px !important;
  }

  /* Sezione scuola */
  #image-front-school {
    left: -60px !important;
    width: 300px !important;
  }

  #image-front-school-2 {
    right: -60px !important;
    width: 300px !important;
    top: 400px !important;
  }



  /* Prodotti */
  .o_carousel_product_card_body>.card-title {
    font-size: 24px !important;
  }

  .o_carousel_product_card_body>div>.mt-2>.fw-bold>.oe_currency_value {
    font-size: 20px !important;
  }

  /* Bottoni */
  .btn-hover-white,
  .btn-hover-green {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }


  /* Spaziature */
  section {
    /*padding: 40px 0 !important;*/
  }

  #image-back-school {
    width: 500px !important;
  }

  #image-front-school-2 {
    top: 450px !important;
  }

  .text-product-mob {
    font-size: 50px !important;
  }

  #small_text_card_1 {
    width: 70% !important;
  }

  #small_text_card_2 {
    width: 70% !important;
  }

  .list-link-footer>li>a {
    font-size: 15px !important;
  }

  #card-realta-cas-agri-piz {
    padding-right: 20px !important;
    padding-left: 40px !important;
  }
}

#loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #9BC345;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Hide content until loaded */
body.loaded #loading-spinner {
  opacity: 0;
  pointer-events: none;
}

body:not(.loaded) #content {
  visibility: hidden;
}

.swiper {
  width: 100%;
  height: 800px !important;
}

.swiper-slide {
  width: 655px !important;
  height: 100% !important;
}

.swiper-wrapper {
  display: flex;
  justify-content: center;
  height: 100% !important;
}

.swiper-pagination {
  display: none;
}

.swiper-pagination-bullet {
  background: black !important;
}

.swiper-pagination-bullet-active {
  background-color: white !important;
}

.card-header {
  border: none !important;
  background-color: transparent !important;
}

@media (max-width: 768px) {
  .swiper-slide {
    width: 100% !important;
  }

  .swiper-wrapper {
    justify-content: space-between;
  }

  .swiper-pagination {
    display: block !important;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .swiper-slide {
      width: 500px !important;
  }
  #card-home-1>.card-header>p {
    width: 60% !important;
  }
}

#card-exp {
  height: 700px !important;
}