/*first for glitch*/

.wc-myaccount-icon::before{
  content:"";                 
  display:inline-block;
  width:16px;
  height:16px;
  background:url("https://22943482391.thesite.link/wp-content/uploads/icons/login.svg") no-repeat center/16px 16px;
  margin-right:8px;
  position:relative;
  top:1px;
  font-size:0;                 
  font-family:initial;      
}


/* Mobile view points */

@media only screen and (max-width: 991px) {
  .ti-kanoyme-side-graphic {
      display: none;
  }
}

@media (min-width: 1230px) {
  .container {
    width: 1480px!important;
  }
  .head-mast > .container {
    width: 1600px!important;
  }
}


/* 
REMOVED DUE TO CONFLICT -- IT WAS ENTERED BEFORE MEGA MENU - NOT NEEDED
  .head-menu-slot {
  flex: unset!important;
  margin-left: 60px!important;
} */

/* .quadmenu-navbar-nav > li {
  margin-right: 80px!important;
} */

/* .quadmenu-navbar-nav .quadmenu-item {
  margin-right: 60px!important;
  color: red;
} */

/* for the footer but might also affect other stuff */

/* .wp-block-gutenbee-container-lg {
  margin-left: 0;
  margin-right: 0;
} */

/* Fonts */

.megamenu-text {
  font-family: 'aka-acid'!important;
}

/* .head-mast {
  border-top: 2px dotted #EEEEEE!important;
  box-shadow: 0 4px 6px -2px #808285!important;
} */

/* #mega-menu-menu-1 {
  margin-top: 20px !important;
} */

/* STYLES FOR MEGA MENU APPLY ONLY WHEN MONITOR NOT IN MOBILE */

@media (min-width: 991px) {
  /* FIRST COLUMN ICON */
  /* Override the <a> element's layout */
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link {
    display: flex !important; /* Use flexbox to stack elements */
    flex-direction: column !important; /* Stack vertically */
    align-items: flex-start !important; /* Align to the left */
    padding-top: 42px !important; /* Add space for the icon above the text */
  }
  
  /* Override the ::before pseudo-element to position the icon above */
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link::before {
    position: absolute !important; /* Position the icon absolutely */
    top: 0 !important; /* Place at the top of the <a> */
    left: 0 !important; /* Align to the left */
    vertical-align: initial !important; /* Override vertical-align */
    margin-right: 0 !important; /* Remove any right margin that might interfere */
  }

  /* ENGLISH AS WELL */

    /* Override the <a> element's layout */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1804 > a.mega-menu-link {
  display: flex !important; /* Use flexbox to stack elements */
  flex-direction: column !important; /* Stack vertically */
  align-items: flex-start !important; /* Align to the left */
  padding-top: 42px !important; /* Add space for the icon above the text */
}

/* Override the ::before pseudo-element to position the icon above */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1804 > a.mega-menu-link::before {
  position: absolute !important; /* Position the icon absolutely */
  top: 0 !important; /* Place at the top of the <a> */
  left: 0 !important; /* Align to the left */
  vertical-align: initial !important; /* Override vertical-align */
  margin-right: 0 !important; /* Remove any right margin that might interfere */
}

  .quadro-big a {
    font-size: 20px!important;
    font-family: 'aka-acid-bold'!important;
  }
  
  .quadro-big {
    text-decoration: none!important;
    text-decoration: underline!important;
    text-decoration-thickness: 2px!important;
    text-underline-offset: 2px!important;
    padding-bottom:18px!important;
  }
  
  .quadro-big-down {
    padding-top:60px!important;
  }
  
  .quadro-about-up {
    padding-top:10px!important;
  }
  
  .quadro-about a {
    font-size: 20px!important;
    text-transform: uppercase!important;
    font-family: 'aka-acid-bold'!important;
  }
  
  .quadro-about {
    text-decoration: none!important;
    text-decoration: underline!important;
    text-decoration-thickness: 2px!important;
    text-underline-offset: 2px!important;
    padding:18px!important;
  }
  
  .quadro-small a {
    font-size: 16px!important;
    font-family: 'aka-acid-bold'!important;
  }
  
  .quadro-small {
    padding-bottom:10px!important;
  }

  .quadro-hidden {
    display:none!important;
  }

  .mega-sub-menu {
    margin-top: 33px !important;
  }
  
  .site-branding {
     margin-right: 80px!important;
   }

  /* #mega-menu-item-1218 {
    width:120% !important;
  }

  #mega-menu-item-1220 {
    width:80% !important;
  } */


/* col 1 */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-1795 { width: 11.3333% !important; }

  /* col 2 */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-1218 { width: 11.3333% !important; }

  /* col 3 */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-1222 { width: 11.3333% !important; }

  /* col 4 */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-1220 { width: 13.6667% !important; }

  /* col 5 */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-1221 { width: 13.6667% !important; }

  /* col 6 (was 41.6667%, now 36.6667%) */
  #mega-menu-item-1170 .mega-sub-menu > li#mega-menu-item-media_image-8 { width: 36.6667% !important; }

	
}


/* .quadro-big a {
  font-size: 22px!important;
  font-family: 'aka-acid-bold'!important;
}

.quadro-big {
  text-decoration: none!important;
  text-decoration: underline!important;
  text-decoration-thickness: 2px!important;
  text-underline-offset: 2px!important;
  padding-bottom:18px!important;
}

.quadro-big-down {
  padding-top:60px!important;
}

.quadro-about-up {
  padding-top:10px!important;
}

.quadro-about a {
  font-size: 22px!important;
  text-transform: uppercase!important;
  font-family: 'aka-acid-bold'!important;
}

.quadro-about {
  text-decoration: none!important;
  text-decoration: underline!important;
  text-decoration-thickness: 2px!important;
  text-underline-offset: 2px!important;
  padding:18px!important;
}

.quadro-small a {
  font-size: 15px!important;
  font-family: 'aka-acid-bold'!important;
}

.quadro-small {
  padding-bottom:10px!important;
} */




.widget {
  border-bottom: 0!important;
  margin: 0 0 20px!important;
  padding-bottom: 20px!important;
}

/* #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a {
  border: 0!important;
} */


/* try something for the icon of ALL ALL to be separated from the text - text in new line */

/* #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; 
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link::before {
  display: block; 
  margin-bottom: 5px; 
} */

/* #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link {
  display: inline-flex; 
  align-items: center; 
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-1224 > a.mega-menu-link::before {

  display: inline-block; 
  margin-right: 8px; 
} */



/* 

GURU ------- CHANGE URL AFTER THE RELEASE

*/

.guru-field {
  padding:
25px 0 35px 0;
  background:
url(https://grizoprasino.com/wp-content/themes/grizoprasino/_/css/../images/home/votano_epilogeas-pattern-01.svg) left top repeat;
    background-repeat: repeat;
    background-size:initial;
  background-size: contain;
  background-repeat: round;
  min-height: 350px;
}

.guru-field p {
  border:
3px dotted #f41;
  font-weight: 700;
  font-size: 30px;
  width: auto;
  max-width: 680px;
  background-color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  margin:
70px auto 50px;
  padding:
10px 20px;
  color: #96C18A;
  text-align: center;
  letter-spacing: 2.4px;
}

.face-gif {
  position: absolute;
  margin:
-35px 0 0 -125px;
}

/* select guru */

/* 1. Target your select inside */
#select-emotion {
  display: inline-block;       /* shrink to content */
  width: max-content;          /* fit the longest option */
  min-width: 8em;              /* a sensible minimum width */
  padding: 0.4em 0.8em;
  background-color: #f41!important;  /* the selected‐item background */
  color: white;                /* label color */
  border: 1px solid #f41;
  border-radius: 0.25rem;
  appearance: none;            /* remove native arrow */
  cursor: pointer;
  white-space: nowrap;         /* keep the text on one line */
  font-size: 28px!important;
  font-family: 'aka-acid'!important;
}

/* 2. Hover state (over the closed select) */
#select-emotion:hover {
  background-color: #f41!important;
}

/* 3. If you want the opened dropdown’s highlighted item to be orange too */
.emotion-option:checked,
.emotion-option:hover {
  background-color: #f41!important;
  color: white!important;
}

.emotion-option {
  font-size: 20px!important;
  font-family: 'aka-acid'!important;
}

/* output guru */


/* .products-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
  gap: 1rem;
} */
.product-item {
  background: #fff;
  padding: 1.5rem;
  text-align: center;
}
/* .product-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5rem;
} */
.product-item h3 {
  margin: .5rem 0; 
  font-family: 'aka-acid-bold'!important;
  font-size: 24px!important;
}

.product-item h3 a {
  color:#808285!important;
}
.product-item .price {
  font-family: 'aka-acid' !important;
  font-size: 20px !important;
  color: #96C18A !important;
}
@media (max-width:600px){
  .product-item { padding: .75rem; }
  .product-item h3 { font-size: .9rem; }
}

/* 

B2B


*/

/* .b2b-menu {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#menu1 {
  display: block;
  opacity: 1;
} */


.b2b-menu {
  position:sticky;
  top:50px;
  z-index: 9999!important;
  background-color: white;
}

.overall-div {
  display: grid;
}

.b2b-menu li {
  list-style-type: none;
  font-family: 'aka-acid-bold'!important;
  margin: 0 ;
  margin-bottom: 10px; 
  font-size: 25px; 
  /* color:#808285!important; */
}

.b2b-title{
  font-family: 'aka-acid-bold'!important;
  font-size: 25px; 
  color:#808285!important;
}

.b2b-text-top{
  font-family: 'aka-acid-bold'!important;
  font-size: 20px; 
  color:#808285!important;
}

.b2b-text{
  font-family: 'aka-acid'!important;
  font-size: 18px; 
  color:#808285!important;
}

.b2b-green-text{
  font-family: 'aka-acid-bold'!important;
  font-size: 22px; 
  color:#96C18A; 
  margin:0;
}

.b2b-button a{
  font-family: 'aka-acid-bold'!important;
  font-size: 20px; 
  margin-top:10px;
  margin-bottom: 15px;
}

.b2b-image{
  margin-bottom: 20px;
}

/* b2b forms */


/* Base styling for the form container */

.b2b-form-container {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; */
}

/* Styling for the left and right columns */

.b2b-form-left,
.b2b-form-right {
  flex-basis: 50%;
  padding: 10px;
}

/* Style for the input and textarea fields */
.b2b-form-container input[type="text"], .b2b-form-container input[type="email"],
.b2b-form-container textarea {
  width: 80%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #96C18A;
}

/* Style for checkboxes */
/* .b2b-form-container input[type="checkbox"] {
  margin-right: 5px;
} */

/* Style for the submit button */
/* .b2b-form-container input[type="submit"].b2b-submit {
  background-color: #3498db;
  color: white;
  border: none;
  padding: 10px 20px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
} */

/* Hover effect for the submit button */
/* .b2b-form-container input[type="submit"].b2b-submit:hover {
  background-color: #2980b9;
} */


/* REDOING */

.wpcf7-submit{
  font-family: 'aka-acid-bold' !important;
  font-size: 22px!important;
}

.b2b-green-text-with-margin {
  font-family: 'aka-acid-bold' !important;
  font-size: 22px!important;
  color: #96C18A;
  margin: 0 0 20px!important;
}

.b2b-grey-text-with-margin {
  font-family: 'aka-acid-bold' !important;
  font-size: 22px!important;
  color:#808285!important;
  margin: 0 0 20px!important;
}

.b2b-form-label label{
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
  margin: 0 0 15px!important;
}

.b2b-form-label {
  font-family: 'aka-acid'!important;
  font-size: 1em!important;
  color:#808285!important;
}

.b2b-form-label br{
  display:none!important;
}

.wpcf7-list-item {
  display: inline-block!important;
  margin-right: 15px!important;
}

.wpcf7-list-item input[type="checkbox"] {
  margin-right: 8px!important;
  /* transform: scale(2); */
  width: 25px; 
  height: 25px; 
}

.wpcf7-list-item .wpcf7-list-item-label {
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .b2b-form-left,
  .b2b-form-right {
    flex-basis: 100%;
  }
}




/* rest */

.acid-top-bar{
  font-family: 'aka-acid-bold'!important;
  font-size: 18px!important;
}

.acid-text-only {
  font-family: 'aka-acid'!important;
}

.acid-text-bold-only {
  font-family: 'aka-acid-bold'!important;
}

.acid-para-text{
  font-family: 'aka-acid'!important;
  font-size: 16px!important;
  color:#808285!important;
  margin: 0 0 15px;
}

.ti-kanoume-icon-text{
  font-family: 'aka-acid'!important;
  font-size: 22px!important;
  color:#808285!important;
  margin: 0 0 15px;
}

li.acid-text-normal {
  margin-bottom:20px;
}

.acid-text-normal {
  font-family: 'aka-acid'!important;
  font-size: 22px!important;
  color:#808285!important;
}

.acid-text-bold {
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
}

.acid-text-semi-header{
  font-family: 'aka-acid'!important;
  font-size: 27px!important;
  color:#808285!important;
}

.acid-text-header {
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  /*text-transform: capitalize!important;*/
}

.acid-text-header-no-margin {
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  margin: 0!important;
}

/* .acid-footer-header */
.widget-title {
  font-family: 'aka-acid-bold'!important;
  font-size: 26px!important;
  color:#4B4C4D;
  text-transform: uppercase!important;
}

.acid-footer-item {
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
}

.acid-menu{
  font-family: 'aka-acid-bold'!important;
}

.acid-menu li {
  margin-left: 50px; /* Adjust the value as needed */
}

.acid-title h1 {
  font-family: 'aka-acid'!important;
}

ul.no-dots {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}


/* header image  */


.my-banner-class {
  width: 100%;
  overflow: hidden;
  margin-top: -80px;
  margin-bottom: 80px;
}

.my-banner-class img {
  width: 100%;
  height: auto;
  display: block; /* Removes any extra space below the image */
}


/* page title */

.page-title {
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#808285!important;
  display: inline-block;
  position: relative;
  /* margin-top: 40px; */
}


.page-title::before,
.page-title::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 60px; /* Width of the line */
  height: 2px; /* Height of the line */
  background-color: #808285; /* Color of the line */
  transform: translateY(-50%);
}

.page-title::before {
  left: -110px; /* Adjust as needed */
}

.page-title::after {
  right: -110px; /* Adjust as needed */
}


@media (max-width: 991px){
    .page-title::before,
  .page-title::after {
    width: 30px;
  }
  .page-title::before {
    left: -50px; /* Adjust as needed */
  }
  
  .page-title::after {
    right: -50px; /* Adjust as needed */
  }
}

/* footer subsribe mailerlite */

.mailerlite-form-response {
  margin-top: 0!important;
}

.mailerlite-form-response span {
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color: #96C18A !important;
}

.acid-text-bold-newsletter {
  font-family: 'aka-acid-bold'!important;
  font-size: 20px!important;
  color:#808285!important;
}

.newsletter-footer-container .wp-block-gutenbee-container-lg{
  margin-left: 0!important;
  margin-right: 0!important;
}

.newsletter-footer-container {
  border-bottom: 3px dotted #808285!important;
  /* color: #808285;  */
  background-color: #eeeeee !important;
  margin-bottom: -3px;
}


/* This targets the container of the form elements and applies Flexbox */
.mailerlite-form-inputs {
  display: flex!important;
  flex-wrap: wrap!important;
  align-items: center!important; /* Adjusts items vertically */
  justify-content: space-between!important; /* Spaces out the elements */
}

.mailerlite-form-field input{
  font-family: 'aka-acid-bold'!important;
  font-size: 16px!important;
  color:#808285!important;
}

/* This hides the labels */
.mailerlite-form-field label {
  display: none!important;
}

.mailerlite-form-description {
  display: none!important;
}

/* .mailerlite-form-field input{
  width: 80%!important;
} */

/* Styles for the input fields to ensure they are aligned side by side */
.mailerlite-form-field {
  flex: 1!important; /* Allows each field to grow */
  margin-right: 10px!important; /* Adds some space between the fields */
}

/* Additional styles for the button container to align it properly */
.mailerlite-subscribe-button-container {
  /* flex-basis: 100%!important; Forces the button to a new line */
  display: flex!important;
  justify-content: flex-end!important; /* Aligns the button to the right */
  margin-bottom: 10px!important;
}

.mailerlite-subscribe-submit{
  font-family: 'aka-acid-bold'!important;
  font-size: 16px!important;
}

/* Optional: Adjust this as needed for spacing and alignment */
.mailerlite-form-field:last-child {
  margin-right: 0!important; /* Removes margin from the last field */
}

/* Media query for screens smaller than 576px */
@media (max-width: 576px) {
  .mailerlite-form-inputs {
    flex-direction: column!important; /* Stacks the flex items vertically */
  }

  .mailerlite-form-field,
  .mailerlite-subscribe-button-container {
    flex-basis: 100%!important; /* Allows each item to take the full width */
    margin-right: 0!important; /* Removes the margin-right */
    justify-content: center!important; /* Center aligns the button when it's on its own row */
  }

  .mailerlite-form-field{
    width: 100%!important;
  } 
}


/* ποιοι ειμαστε σελίδα */


/* 
https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-01.png
https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-02.png 
*/

/* left positioned */

/* .poioi-eimaste-one {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-01.png');
  background-repeat: no-repeat;
  background-position: left;
  margin-left: -70%;
} */

.poioi-eimaste-one {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-01.png');
  background-repeat: no-repeat;
  background-position: left;
  /* margin-left: -70%; */
}

.poioi-eimaste-last-top{
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-03.png');
  background-repeat: no-repeat;
  background-position: left;
}

/* left positioned */

/* .poioi-eimaste-two {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-02.png ');
  background-repeat: no-repeat;
  background-position: left;
  margin-left: -70%;
} */

.poioi-eimaste-two {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-02.png ');
  background-repeat: no-repeat;
  background-position: left;
  /* margin-left: -70%; */
}

.poioi-eimaste-last-bottom{
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/03/lines-04-mirror.png ');
  background-repeat: no-repeat;
  background-position: left;
}

/* right positioned */

/* .poioi-eimaste-three {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-03.png ');
  background-repeat: no-repeat;
  background-position: right;
  left: 100%; 
  margin-left: -70%;
} */

.poioi-eimaste-three {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-03.png ');
  background-repeat: no-repeat;
  background-position: right;
  /* left: 100%;  */
  /* margin-right: -40%; */
}

/* right positioned */

/* .poioi-eimaste-four {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-04.png ');
  background-repeat: no-repeat;
  background-position: right;
  left: 100%;
  margin-left: -70%;
} */

.poioi-eimaste-four-old {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-04.png ');
  background-repeat: no-repeat;
  background-position: right;
  /* left: 100%; */
  /* margin-right: -40%; */
}

.poioi-eimaste-four {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-02.png ');
  background-repeat: no-repeat;
  background-position: right;
  /* left: 100%; */
  /* margin-right: -40%; */
}

/* left positioned */

/* .poioi-eimaste-five {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-05.png ');
  background-repeat: no-repeat;
  background-position: left;
  margin-left: -70%;
} */

.poioi-eimaste-five-old {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/01/lines-05.png ');
  background-repeat: no-repeat;
  background-position: left;
  margin-right: 15%;
}

.poioi-eimaste-five {
  position: relative;
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2024/03/lines-05-mirror.png');
  background-repeat: no-repeat;
  background-position: right;
  width:100%;
}


/* debug */

.debug {
  background: red;
} 



/* menu icons  */

.open-ignition-wc-login-popup:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  font-family: ignition-icons;
  margin-right: 8px;
  position: relative;
  top: 1px;
  content: "\e068";
}

/*.wc-myaccount-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  font-family: ignition-icons;
  margin-right: 8px;
  position: relative;
  top: 1px;
  content: "\e068";
}*/


.ignition-icons-shopping-basket:before{
	content:'';
	width:16px;
	height:16px;
				background:url("https://22943482391.thesite.link/wp-content/uploads/icons/basket.svg");
	background-size:16px;
}

.ignition-icons-search:before{
		content:'';
	width:16px;
	height:16px;
				background:url("https://22943482391.thesite.link/wp-content/uploads/icons/search.svg");
	background-size:16px;
}

/*.wc-myaccount-icon:before{
		content:'';
	width:16px;
	height:16px;
				background:url("https://22943482391.thesite.link/wp-content/uploads/icons/login.svg");
	background-size:16px;
}*/


/* .open-ignition-wc-login-popup:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1.2;
font-weight: 400;
text-transform: none;
font-family: ignition-icons;
margin-right: 8px;
position: relative;
top: 1px;
content: "\e068";
} */

.open-ignition-wc-login-popup:before{
		content:'';
	width:16px;
	height:16px;
				background:url("https://22943482391.thesite.link/wp-content/uploads/icons/login.svg");
	background-size:16px;
}

.ignition-icons-arrow-up:before{
  content:'';
width:55px;
height:55px;
      background:url("https://22943482391.thesite.link/wp-content/uploads/icons/arrow-green.svg");
background-size:55px;
}

.btn-to-top {
  width: 55px!important;
  height: 55px!important;
  border-radius: 50%!important;
}

[id*="social"].menu a{
  background-color: #F8F8F8;
  margin:0!important;
  width: 40px!important;
  height: 40px!important;
}

[id*="social"].menu [href*="fb.me"]::after, [id*="social"].menu [href*="facebook"]::after {
  /* content: "\e033"; */
  content:''!important;
	width:14px!important;
	height:34px!important;
	background:url("https://22943482391.thesite.link/wp-content/uploads/icons/facebook.svg")!important;
	/* background-size:30px!important; */
  background-repeat: no-repeat!important;
}


[id*="social"].menu [href*="instagr.am"]::after, [id*="social"].menu [href*="instagram"]::after {
  /* content: "\e041"; */
  content:''!important;
	width:34px!important;
	height:34px!important;
	background:url("https://22943482391.thesite.link/wp-content/uploads/icons/instagram.svg")!important;
	/* background-size:30px!important; */
  background-repeat: no-repeat!important;
}

[id*="social"].menu [href*="pin.it"]::after, [id*="social"].menu [href*="pinterest"]::after {
  /* content: "\e04e"; */
  content:''!important;
	width:34px!important;
	height:34px!important;
	background:url("https://22943482391.thesite.link/wp-content/uploads/icons/pinterest.svg")!important;
	/* background-size:30px!important; */
  background-repeat: no-repeat!important;
}

[id*="social"].menu [href*="linkedin"]::after {
  /* content: "\e044"; */
  content:''!important;
	width:34px!important;
	height:34px!important;
	background:url("https://22943482391.thesite.link/wp-content/uploads/icons/linkedin.svg")!important;
	/* background-size:30px!important; */
  background-repeat: no-repeat!important;
}

[id*="social"].menu [href*="youtube"]::after {
  /* content: "\e071"; */
  content:''!important;
	width:34px!important;
	height:34px!important;
	background:url("https://22943482391.thesite.link/wp-content/uploads/icons/youtube.svg")!important;
	/* background-size:30px!important; */
  background-repeat: no-repeat!important;
}


/* fpage product slider */

.wp-block-ignition-featured-product-category .slick-arrow {
  background-color: transparent!important;
}

.slick-prev {
  background-image: url("https://22943482391.thesite.link/wp-content/uploads/icons/arrow-slider-left.svg")!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 55px!important;
  border: none!important;
  width: 55px!important;
  height: 55px!important;
  display: inline-block!important;
  text-indent: -9999px!important;
  overflow: hidden!important;
}

.slick-prev svg {
  display: none!important;
}

.slick-next {
  background-image: url("https://22943482391.thesite.link/wp-content/uploads/icons/arrow-slider-right.svg")!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 55px!important;
  border: none!important;
  width: 55px!important;
  height: 55px!important;
  display: inline-block!important;
  text-indent: -9999px!important;
  overflow: hidden!important;
}

.slick-next svg {
  display: none!important;
}


/* 


shop page 


*/



/* CHANGING THE STYLE OF THE BUTTONS WITH ICONS */


/* make the link a flex container that can wrap */
.woocommerce-loop-product__link {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;    /* vertical align of info+button */
}

/* thumb always takes its own line at full width */
.woocommerce-loop-product__link .entry-item-thumb {
  flex: 0 0 100%;
  margin-bottom: 1rem;    /* optional gap below the image */
}

/* row 2: info grows, button stays auto-sized */
.woocommerce-loop-product__link .product-information {
  flex: 1 1 0;
}
.woocommerce-loop-product__link .button {
  /* flex: 0 0 30%; */
  flex: 0 0 20%;
}





/* .woocommerce ul.products li.product .add_to_cart_button {
  width: 36px !important;
  height: 97.5px !important;
  padding: 0;                
  margin: 0 auto;            
  text-indent: -9999px;      
  border: 25px solid red!important;
  border-radius: 50%!important;
  background: url('https://22943482391.thesite.link/wp-content/uploads/2025/04/shopping-export-grey.png') 
              no-repeat center center;
  background-size: 60%;      
  cursor: pointer;
  transition: transform .2s;
  display: flex;            
  align-items: center;       
  justify-content: center;   
  box-sizing: border-box;    
} */

.woocommerce ul.products li.product .button {
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  padding: 0;
  margin: 0 auto;
  text-indent: -9999px; /* Hide text */
  border: 2px solid #808285; /* Initial border: light grey */
  border-radius: 50%;
  background: #FFFFFF url('https://22943482391.thesite.link/wp-content/uploads/2025/04/eye-product-open.png') 
              no-repeat center center;
  background-size: 60%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative; /* For loading animation */
  transition: all 0.3s ease; /* Smooth transitions for background, border, transform */
}

/* Hover State */
.woocommerce ul.products li.product .button:hover {
  background-color: #EEEEEE; /* Light grey background */
  border-color: #96C18A; /* Green border */
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2025/04/eye-product-closed.png'); /* Green icon */
}


.woocommerce ul.products li.product .ajax_add_to_cart {
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  padding: 0;
  margin: 0 auto;
  text-indent: -9999px; /* Hide text */
  border: 2px solid #808285; /* Initial border: light grey */
  border-radius: 50%;
  background: #FFFFFF url('https://22943482391.thesite.link/wp-content/uploads/2025/04/shopping-export-grey.png') 
              no-repeat center center;
  background-size: 60%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative; /* For loading animation */
  transition: all 0.3s ease; /* Smooth transitions for background, border, transform */
}

/* Hover State */
.woocommerce ul.products li.product .ajax_add_to_cart:hover {
  background-color: #EEEEEE; /* Light grey background */
  border-color: #96C18A; /* Green border */
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2025/04/shopping-export-grey.png'); /* Green icon */
}

/* Loading State */
.woocommerce ul.products li.product .ajax_add_to_cart.loading {
  background-color: #96C18A; /* Green background */
  border-color: #6b995e; /* Darker green border */
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2025/04/shopping-export-white.png'); /* White icon */
  cursor: wait;
}

/* Bought State */
.woocommerce ul.products li.product .ajax_add_to_cart.added {
  background-color: #a9d39d; /* Lighter green background */
  border-color: #96C18A; /* Green border */
  background-image: url('https://22943482391.thesite.link/wp-content/uploads/2025/04/shopping-export-white.png'); /* White icon */
  cursor: default;
}

.added_to_cart.wc-forward {
  display: none;
}



.woocommerce ul.products li.product .ajax_add_to_cart.loading {
  background-color: #28A745;
  border-color: #218838;
  /* background-image: none; */
  cursor: wait;
  animation: colorFade 0.75s ease-in-out infinite;
}

@keyframes colorFade {
  0%, 100% {
    background-color: #28A745; /* Green */
  }
  50% {
    background-color: #D3D3D3; /* Grey */
  }
}






/* remove some border when no product in categories -- maybe remove this border for all the classes could be ok */

.woocommerce-no-products-found > .woocommerce-info {
  border: 0 !important;
}

/* Make each product a flex container */
/* .products > li {
  display: flex;
  flex-direction: column;
  height: 100%;
} */

/* Content container must fill the space to push the button down */
/* Adjust the selector to target the container of your content above the button */
/* .products > li > a {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
} */

/* Ensure the button is at the bottom */
/* .products > li > a > .button, .products > li > .button {
  margin-top: auto;
  width: 100%; 
} */


.product_type_variable,
.product_type_simple,
.ajax_add_to_cart {
  font-family: 'aka-acid-bold'!important;
  text-transform: uppercase!important;
  font-size: 16px!important;
}

.woocommerce-loop-product__title{
  font-family: 'aka-acid-bold'!important;
  font-size: 24px!important;
  color:#808285!important;
}

.custom-short-description{
  font-family: 'aka-acid-bold'!important;
  font-size: 14px!important;
  color:#808285!important;
}

.shop-weight-cups{
  font-family: 'aka-acid'!important;
  font-size: 14px!important;
  color:#808285!important;
  margin:0!important;
}


/* Targeting the price within woocommerce-loop-product__link specifically */
/* .woocommerce-LoopProduct-link.woocommerce-loop-product__link .price {
  font-size: 20px!important;
  color: #96C18A!important;
} */

li.product .price {
  font-family: 'aka-acid'!important;
  font-size: 20px!important;
  color: #96C18A!important;
}


/* Ensure both price and rating are displayed inline */
li.product .price {
    display: inline-block!important;
    vertical-align: middle!important;
    /* margin-top: 5px;
    margin-right: 5px; */
    margin-bottom: 5px;
    margin-left: 5px;
}

li.product .star-rating {
    display: inline-block!important;
    vertical-align: middle!important;
    margin-top: 5px;
    margin-right: 5px;
    /* margin-bottom:10px!important;
    margin-left: 5px; */
}

/* Add a vertical line divider after the price */
li.product .price::after {
    content: "|"!important;
    display: inline-block!important;
    margin-left: 5px!important;
    color: #808285!important;
}


/* Adding the same style to front page products */


/* Targeting the price within woocommerce-loop-product__link specifically */
/* .purchasable .price {
  font-size: 20px!important;
  color: #96C18A!important;
} */

/* .entry-item-product .price {
  font-size: 20px!important;
  color: #96C18A!important;
}



.entry-item-product .price,
.entry-item-product .star-rating {
    display: inline-block;
    vertical-align: middle!important;
    margin-right: 5px!important;
}


.entry-item-product .price::after {
    content: "|"!important;
    display: inline-block!important;
    margin-left: 5px!important;
    color: #808285!important;
} */


.entry-item-product .price {
  font-family: 'aka-acid'!important;
  font-size: 20px!important;
  color: #96C18A!important;
}

/* Ensure both price and rating are displayed inline */
.entry-item-product .price {
  display: inline-block!important;
  vertical-align: middle!important;
  /* margin-top: 5px;
  margin-right: 5px; */
  margin-bottom: 5px;
  margin-left: 5px;
}

.entry-item-product .star-rating {
  display: inline-block!important;
  vertical-align: middle!important;
  margin-top: 5px;
  margin-right: 5px;
  /* margin-bottom:10px!important;
  margin-left: 5px; */
}

/* Add a vertical line divider after the price */
.entry-item-product .price::after {
  content: "|"!important;
  display: inline-block!important;
  margin-left: 5px!important;
  color: #808285!important;
}




/* 


product page 


*/
.woocommerce-noreviews {
  border:0 !important; 
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px!important; 
  line-height: 1.615;
  text-transform: none;
  letter-spacing: 0em;
  color:#5B5B66 !important; 
}

.product_title{
  font-family: 'aka-acid-bold'!important;
  font-size: 45px!important;
  color:#808285!important;
}

.in-stock{
  display:none!important;
}

.out-of-stock{
  font-family: 'aka-acid-bold'!important;
  text-transform: uppercase!important;
  font-size: 20px!important;
}


.woocommerce-variation-price .price {
  color:#96C18A!important;
}

.woocommerce-product-rating{
  margin-bottom: 30px;
}



.variations .label label {
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#96C18A;
}

.reset_variations{
  font-family: 'aka-acid'!important;
  font-size: 18px!important;
  color:#808285;
  font-style: italic;
}


.woocommerce-product-details__short-description{
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
}


/* .price{
  font-family: 'aka-acid-bold'!important;
  font-size: 35px!important;
  color:#808285!important;
  margin-bottom: 0!important;
} */

/* css fix */

.ignition-product-summary-wrap .price{
  font-family: 'aka-acid-bold'!important;
  font-size: 35px!important;
  color:#808285!important;
  margin-bottom: 0!important;
}

.form-submit
{
    font-family: 'aka-acid'!important;
    /* font-size: 16px;
    color: #333333; */
}

.submit{
  font-family: 'aka-acid-bold'!important;
  font-size: 25px!important;
}


.woocommerce-review-link{
  font-family: 'aka-acid'!important;
  /* font-size: 22px!important; */
  color:#808285!important;
}

.star-rating, .wc-block-grid__product-rating, .wc-block-review-list-item__rating__stars {
  line-height: 12px !important;
  font-size: 12px !important;
  color: #96C18A !important;
}

.reviews {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.woocommerce-Reviews .comment-form-rating .stars a {
  /* display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  line-height: inherit;
  text-indent: -9999px;
  overflow: hidden;
  border: none; */
  color: #96C18A !important;
  /* padding-right: 18px; */
}

.woocommerce-Reviews p{
  font-family: 'aka-acid'!important;
  font-size: 22px!important;
  color:#808285!important;
}

.single_add_to_cart_button{
  font-family: 'aka-acid'!important;
  text-transform: uppercase!important;
  font-size: 20px!important;
}

/* remove a line and margin from add to cart widget */
.single-product div.product .entry-summary .cart {
  margin-top: 15px!important;
  padding-top: 0!important;
  border-top: 0!important;
}

/* size and font of weights and cups info */
.product-weight-cups{
  font-family: 'aka-acid-bold'!important;
  font-size: 22px!important;
  color:#808285!important;
  margin: 0 0 15px;
}


/* add space between weight and cups info */
.weight-only {
  margin-right: 10px;
}

.product-desc{
  font-family: 'aka-acid'!important;
  font-size: 22px!important;
  color:#808285!important;
  margin-top: 30px;
}

/* inline price and add to cart -- code not used*/

/* .product-price-add-to-cart {
  display: flex; 
  align-items: center;
  justify-content: space-between; 
}

.product-price-add-to-cart .price {
  margin-right: 20px; 
}

.product-price-add-to-cart .cart {
  flex-grow: 1; 
} */



/* CODE MOVED TO PRICE_CART.CSS */


/* round icons */




/* ----------------- */


.product-circle-icons {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.image-row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; /* Allows items to wrap in smaller screens */
}

.image-container {
  display: flex;
  flex-direction: row; /* Keeps the default layout side by side */
  align-items: center; /* Vertically aligns image and text */
  margin-bottom: 20px; /* Adds spacing between rows */
}

.image-container img {
  width: 100px; /* Adjust as needed */
  height: auto;
  margin-right: 10px; /* Space between image and paragraph */
}

.image-container p {
  font-family: 'aka-acid-bold' !important;
  font-size: 18px !important; /* Adjust font size for smaller screens */
  color: #808285 !important;
  margin: 0;
}

/* .main {
  padding: 0 0!important;
} */

/* Responsive adjustments */
@media (max-width: 991px) {
  .image-row {
    justify-content: center;
  }

  .image-container {
    flex-direction: column; /* Stacks image and text vertically */
    align-items: center; /* Centers the content */
    margin-right: 0; /* Adjusts spacing for mobile */
  }

  .image-container img {
    margin-bottom: 10px; /* Adds space between the image and the text */
  }
  .main {
    padding: 30px 0!important;
  }

  .shop-filter-toggle {
    font-size: 0; 
    border:0px;
  }
  
  .shop-filter-toggle .ignition-icons {
    font-size: 16px; /* Restores the icon size (adjust as needed) */
    display: inline-block; /* Ensures proper rendering */
  }

  .shop-filter-toggle {
    display: inline-block!important;
    margin-right: 10px!important;
    margin-left: 10px!important;
    padding: 0!important;
    height: 22px!important;
    color: #96c18a !important;
}

.woocommerce-ordering {
    display: inline-block!important;
}

}

/* Tabs */



.product-custom-tabs {
  flex: 0 0 100%; /* Full width on mobile */
}

@media (min-width: 991px) {
  .product-custom-tabs {
      flex: 0 0 100%; /* 4 out of 12 columns - changed from 40% */
  }
}

.accordion-custom {
  border: 1px solid #EEEEEE;
  margin-top: 5px;
}

.accordion-item {
  border-bottom: 1px solid #EEEEEE;
  padding: 10px;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}

.accordion-title h2 {
  margin: 0;
  font-family: 'aka-acid-bold' !important;
  font-size: 22px !important;
  color: #808285 !important;
}

.accordion-content {
  display: none;
  padding: 10px;
  font-family: 'aka-acid' !important;
  font-size: 22px !important;
  color: #808285 !important;
  border-top: 1px dotted #96C18A;
}

.icon {
  width: 26px;
  /* height: 24px; */
}



/* upsell or related products or cross-sells */


.your-class::before {
  content: "";
  display: block;
  border-top: 1px solid #000; /* Customize the color as needed */
  margin: 20px 0; /* Adjust the margin as needed */
}


.up-sells h2{
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  text-transform: uppercase!important;
}

.up-sells::before {
  content: ""; /* Required to generate the pseudo-element */
  display: block; /* Treat the pseudo-element as a block for layout purposes */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* This color setting will not affect the border but is included for completeness */
  background-color: transparent; /* Ensures the background of the pseudo-element is transparent */
  height: 0; /* Ensures the pseudo-element does not occupy space beyond the border */
  width: 100%; /* Stretches the line to the full width of its container */
  margin-bottom: 50px; /* Adds some space between the dotted line and the h2 text, adjust as needed */
}



.related h2{
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  text-transform: uppercase!important;
}

.related::before {
  content: ""; /* Required to generate the pseudo-element */
  display: block; /* Treat the pseudo-element as a block for layout purposes */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* This color setting will not affect the border but is included for completeness */
  background-color: transparent; /* Ensures the background of the pseudo-element is transparent */
  height: 0; /* Ensures the pseudo-element does not occupy space beyond the border */
  width: 100%; /* Stretches the line to the full width of its container */
  margin-bottom: 50px; /* Adds some space between the dotted line and the h2 text, adjust as needed */
}

.cross-sells h2{
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  text-transform: uppercase!important;
}

.cross-sells::before {
  content: ""; /* Required to generate the pseudo-element */
  display: block; /* Treat the pseudo-element as a block for layout purposes */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* This color setting will not affect the border but is included for completeness */
  background-color: transparent; /* Ensures the background of the pseudo-element is transparent */
  height: 0; /* Ensures the pseudo-element does not occupy space beyond the border */
  width: 100%; /* Stretches the line to the full width of its container */
  margin-bottom: 50px; /* Adds some space between the dotted line and the h2 text, adjust as needed */
}

/* Frontpage products */

.frontpage-product-header{
  font-family: 'aka-acid-bold'!important;
  font-size: 32px!important;
  color:#96C18A!important;
  text-transform: uppercase!important;
}

.frontpage-products::before {
  content: ""; /* Required to generate the pseudo-element */
  display: block; /* Treat the pseudo-element as a block for layout purposes */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* This color setting will not affect the border but is included for completeness */
  background-color: transparent; /* Ensures the background of the pseudo-element is transparent */
  height: 0; /* Ensures the pseudo-element does not occupy space beyond the border */
  width: 100%; /* Stretches the line to the full width of its container */
  margin-bottom: 50px; /* Adds some space between the dotted line and the h2 text, adjust as needed */
}


.slick-list {
  width: 90%; /* or any desired width */
  margin: 0 auto; /* centers the element */
  position: relative; /* ensures proper positioning if needed */
}


/* dotted images */

.flex-viewport{
  border: 2px dotted #EEEEEE;
}

.flex-control-thumbs li img{
  border: 2px dotted #EEEEEE;
  padding: 10px!important;
  width: 200px!important;
}




/* price form */

.qty-btn {
  display: inline-block;
  border: 1px solid #96C18A;
  color: #808285;
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50%!important;
  background: none;
  padding: 0;
  font-size: 14px!important;
  /* font-size: .875rem; */
  line-height: 17px;
  cursor: pointer;
}

.quantity-wrap .quantity {
  margin: 0 7px;
  border: 1px solid #96C18A;
  color: #808285;
  width: 34px;
  height: 37px;
  text-align: center;
}

td.product-quantity .quantity-wrap .quantity {
  width: 42px!important;
  height: 45px!important;
}

/* social  */
.entry-section-social-share {
  border-top: 1px solid!important;
    border-top-color: #96C18A!important;
  /* padding-top: 0!important; */
  padding-bottom: 0!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
}

@media only screen and (max-width: 991px) {
  .entry-section-social-share {
    border-top: 1px solid!important;
      border-top-color: #96C18A!important;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
    margin-top: 50px!important;
    margin-bottom: 10px!important;
  }
}




/********************* 


Accordion FAQ


*/

/* Styling the accordion title */
.wp-block-gutenbee-accordion-item-title-content {
  font-family: 'aka-acid-bold'!important;
  font-size: 18px!important;
  color:#808285!important;
  padding-left: 10px;
}

/* Styling the accordion content */
.wp-block-gutenbee-accordion-item-text {
  font-family: 'aka-acid'!important;
  font-size: 18px!important;
  color:#808285!important;
  padding-left: 35px;
}


/* Style the accordion title container to use Flexbox */
.wp-block-gutenbee-accordion-item-title {
  display: flex;
  align-items: center; /* Align items vertically in the center */
  border:0!important;
}

/* Place the icon before the title content */
.wp-block-gutenbee-accordion-item-title-icon {
  order: -1; /* Negative order will place it before elements with order 0 */
  margin-right: 8px; /* Add some margin to separate the icon from the text */
}

/* Optionally, adjust the title content styling if needed */
.wp-block-gutenbee-accordion-item-content {
  border:0!important;
}

.wp-block-gutenbee-accordion {
  margin: 0!important;
}

.faq-section-title{
  font-family: 'aka-acid-bold'!important;
  font-size: 23px!important;
  color:#808285!important;
}

hr.dotted {
  border: none; /* Removes the default border */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* Color of the dots */
  background-color: transparent; /* Ensures the background is transparent */
  height: 0; /* Removes the default height */
  width: 100%; /* Stretches the line to the full width of its container */
}

hr.dotted-no-margin {
  border: none; /* Removes the default border */
  border-top: 2px dotted #EEEEEE; /* Creates a top border with a dotted style */
  color: #808285; /* Color of the dots */
  background-color: transparent; /* Ensures the background is transparent */
  height: 0; /* Removes the default height */
  width: 100%; /* Stretches the line to the full width of its container */
  margin:0;
}

/* Style for the default (closed) state */
.wp-block-gutenbee-accordion-item-title-icon:before {
  content: ''!important;
  background: url("https://22943482391.thesite.link/wp-content/uploads/icons1/teapot-closed.png")!important;
  width: 23px!important;
  height: 25px!important;
  background-size: contain!important;
  border: none!important;
}

/* Style for the default (closed) state */
.wp-block-gutenbee-accordion-item-title-icon:after {
  content: ''!important;
  background: url("https://22943482391.thesite.link/wp-content/uploads/icons1/teapot-closed.png")!important;
  width: 23px!important;
  height: 25px!important;
  background-size: contain!important;
  border: none!important;
}

/* Style for the expanded state */
.wp-block-gutenbee-accordion-item-expanded .wp-block-gutenbee-accordion-item-title-icon:after {
  content: ''!important;
  background: url("https://22943482391.thesite.link/wp-content/uploads/icons1/teapot-open.png")!important;
  width: 23px!important;
  height: 25px!important;
  background-size: contain!important;
  border: none!important;
}



/* 

Contact Page

*/

.contact-header{
  width: 100%!important;
  overflow: hidden!important;
  margin-top: -80px!important;
  margin-bottom: 50px!important;
  background:#EEEEEE;
  display: flex; /* Use flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically if needed */
}

.contact-header-inside{
  width: 1200px;
  padding:30px
}


.contact-header-title{
  font-family: 'aka-acid-bold'!important;
  font-size: 35px!important;
  color:#808285!important;
}


.contact-header-text{
  font-family: 'aka-acid'!important;
  font-size: 25px!important;
  color:#808285!important;
}

.contact-block{
  outline: 1px solid #808285;
  padding: 17px;
  display:flex!important;
  width: 90%;
}

.contact-block-title{
  font-family: 'aka-acid-bold'!important;
  font-size: 25px!important;
  color:#808285!important;
}

.contact-submit{
  font-family: 'aka-acid-bold'!important;
  font-size: 25px!important;
}


.contact-block-text{
  font-family: 'aka-acid-bold'!important;
  font-size: 18px!important;
  color:#808285!important;
}

.contact-block-text-smaller{
  width:80%!important;
}

.contact-block-image {
  margin-left: auto !important;
}

.contact-block-image-move-up {
  margin-top: -100px !important;
}

.contact-block-image-move-up-and-right {
  margin-top: -150px !important;
  /* margin-right: 50px !important; */
}

.contact-block-telephone{
  font-family: 'aka-acid-bold'!important;
  font-size: 30px!important;
  color:#96C18A!important;
}

.contact-block-time{
  font-family: 'aka-acid-bold'!important;
  font-size: 18px!important;
  color:#808285!important;
  letter-spacing: 2px;
}


/* Blog tag buttons */

.tags-list {
  font-family: 'aka-acid'!important;
  text-align: center; /* Centers the inline-block elements within */
  width: 1480px !important;
  box-sizing: border-box; /* Includes padding and border in the element's total width and height */
  padding: 10px 0; /* Optional: Adds padding above and below the tag list */
  margin: 20px 0; /* Optional: Adds margin above and below the tag list */
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.tag-button {
  font-family: 'aka-acid'!important;
  background-color: #EEEEEE;
  border: none;
  padding: 10px 15px;
  margin: 5px;
  display: inline-block;
  text-decoration: none;
  color: #4B4C4D;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.tag-button:hover {
  background-color: #808285;
  color:#fff;
}

.tag-button.active-tag {
  background-color: #96C18A; /* Change to your preferred active color */
  color:#fff;
}

.tag-button.all-button {
  background-color: #96C18A;
  color:#fff;
}

/* Desktop view */
.tags-dropdown {
  display: none;
}

/* Mobile view */
@media (max-width: 768px) {
  .tags-buttons {
      display: none;
  }
  .tags-dropdown {
    font-family: 'aka-acid'!important;
    font-size:20px;
    display: block;
    width: 100%; /* Optional: Adjust based on your layout */
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #96C18A;
    -webkit-appearance: none; /* Removes default styling by the browser */
    -moz-appearance: none; /* Removes default styling by Firefox */
    appearance: none; /* Standard way to remove default styling */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
  }
}