/* =========================
	   2026 Additions
 ========================= */
 
 /* Colours */
 
 .red {
	 color: #b01917;
 }
 
 .darkred {
	 color: #821a19;
 }
 
 .green {
	  color: #007736!important;
  }
  
 .darkgreen {
	   color: #004921!important;
   }
	 
	 .oat {
	  color:#f9e7c6;
	  }
	  
  .section-bg-oat {
	   background: #f9e7c6;
   }
   
   .section-bg-red {
		background: #821a19;
	}
	
	.section-bg-green {
		background: #007736;
	}
	
	.text-green {
	  color: #007736
	}
  
  .bg-red-block {
    background-color: #b31700;
    padding: 40px;

  }
  
  .bg-olive-block {
    background-color: #007736;
    padding: 25px;
    
  }
  
  
	
	/* ====== FONTS ======== */
	
   /* Default heading colours + font families (page-only) */
 
  h1 {
   font-family: 'Edosz', serif!important;
   font-size: 65px;       
   line-height: 1.05;     
   font-weight: 400;      
   letter-spacing: 0.2pt;
   color: #b01917;
   text-transform: none;
 }
 
  h2 {
   font-family: 'Edosz', serif!important;
   font-size: 50px;       
   line-height: 1;      
   font-weight: 400;
   letter-spacing: 0.2pt;
   color: #b01917;
   text-transform: none;
 }
 
  h3 {
   font-family: 'American Typewriter', serif;
   font-size: 24px;       
   line-height: 1.2;      
   font-weight: 600;      /* tweak (may vary by system) */
   color: #007736;
   letter-spacing: 0.2pt;
   text-transform: none;
 }
 
  h4 {
   font-family: 'American Typewriter', serif;
   font-size: 20px;       
   line-height: 1.65;     
   font-weight: 600;      
   color: #575756;
   letter-spacing: 0.2pt;
   text-transform: none;
   margin-bottom: 0;
 }
 
  h5 {
   font-family: 'Montserrat', sans-serif;
   font-size: 22px;       
   line-height: 1.3; 
   text-transform: none!important;     
   font-weight: 600;      
   color: #575756;
   letter-spacing: 1px;     /* optional – tweak/remove */
   margin-bottom: 10px!important;
 }
 
  h6 {
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;       
   line-height: 1.35;     
   font-weight: 600;      
   color: #007736;
   text-transform: uppercase!important; 
   letter-spacing: 0.5px;     
 }
 
  p{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;       
	line-height: 1.65;     
	font-weight: 500;      
	color: #575756;
	text-transform: none;
  }
  
   ul {
	padding-inline-start: 15px;
  }
  
   li {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;       
	line-height: 1.85;     
	font-weight: 500;      
	color: #575756;
	text-transform: none;
	text-align: left !important;
  }
  
  /* Mobile */
  @media (max-width: 575px) {
    h1 { font-size: 36px;
      
     }
    h2 { font-size: 40px; }
    h3 { font-size: 18px; }
    h4 { font-size: 18px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }
    
    h1.display-font.slider-title  {
      font-size: 36px!important; 
      line-height: 40px!important; 
    }
  }
  
  /* Sm Tablet */
  @media (min-width:576px) and (max-width: 768px) {
    h1 { font-size: 40px;
      
     }
    h2 { font-size: 40px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }
    
    h1.display-font.slider-title  {
      font-size: 40px!important; 
      line-height: 46px!important; 
    }
  }
  
  /* Tablet */
  @media (min-width:769px) and (max-width: 1024px) {
    h1 { font-size: 50px; }
    h2 { font-size: 50px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }
  }
  
   li::marker {
	color: #b01917;
	font-size:20px;
	line-height: 0.9;    
  }
  
   
  .advs-box .advs-box-content p  {
	font-size: 15px;       
	line-height: 1.65;     
	color: #575756;
  }
 
 body h1 .hand-font,
 body h2 .hand-font,
 body h3 .hand-font,
 body h4 .hand-font,
 body h5 .hand-font,
 body h6 .hand-font {
   text-transform: none !important;
   letter-spacing: normal !important;
 }
 
 body .hand-font.green {
   color: #007736 !important;
 }
 
.small-text, .small-text span {
   font-size: 1.2rem;
   line-height: 0.85;
 }
 /* =========================
	UTILITY FONT CLASSES
 ========================= */
 
  .hand-font {
   font-family: 'Morning Gold', cursive;
   font-size: 40px;      
   line-height: 1.2;      
   font-weight: 400;
   color: #821a19;
   text-transform: none!important;
 }
 
  .display-font {
   font-family: 'Edosz', serif;
   font-weight: 400;
   color: #821a19;
 }
 
  .type-font {
   font-family: 'American Typewriter', serif;
   font-weight: 600;
   color: #007736;
 }
 
 
 /* =========================
	DARK CONTAINER OVERRIDE
	Add class="dark" to a wrapper
 ========================= */
 
 /* If you put .dark on a parent container, headings + utility-font elements go white */
  .dark h1,
  .dark h2,
  .dark h3,
  .dark h4,
  .dark h5,
  .dark h6,
  .dark p,
  .dark a,
  .dark .hand-font,
  .dark .display-font,
  .dark .type-font,
  .dark .title-base, 
  .dark .btn-text,
  .dark .btn-group-icons:not(.social-colors) i {
   color: #ffffff !important;
 }
 
 .dark a:hover,
 .dark .btn-group-icons:not(.social-colors) i:hover {
    color: #f9e7c6 !important;
  }
 
 @media (min-width: 576px) and (max-width: 992px) {
    h1,
    .header-title h1,
    .title-base h1 {
      font-size: 6rem!important;
      margin-bottom:10px;
    }
    
    .header-title.white .title-base p {
      margin-top:0;
    }
    }
    
    @media (max-width: 575px) {
    h1,
    .header-title h1,
    .title-base h1 {
      font-size: 50px!important;
      line-height: 54px!important;
    }
    }

   /* Buttons */
    
    a.btn-green {
       background-color: #007736 !important;
       border-color: #007736 !important;
       color: #ffffff;
       border-radius: 2px!important;
       border-width: 2px!important;
       margin:5px 0 5px 0;
     }
     
     a.btn-green:hover {
     background-color: #004921 !important;
     border-color: #004921 !important;
    border-width: 2px!important;
     color: #ffffff;
   }
   
   .navbar a.btn-green:hover {
     background: #004921 !important;
     border-color: #004921 !important;
    border-width: 2px!important;
     color: #ffffff !important;
     padding: 8px 16px !important; /* match default */
 
 
   }
   
   .navbar a.btn-red:hover {
     background: #821a19 !important;
     border-color: #821a19 !important;
     color: #ffffff !important;
     padding: 8px 16px !important;
    border-width: 2px!important;

   }
   
   
   
   .btn.btn-oat {
     background-color: #f9e7c6 !important;
     border-color:  #f9e7c6 !important;
     color: #575756!important;
     font-weight: 500!important;
     border-radius: 2px!important; 
    border-width: 2px!important;
    margin:5px 0 5px 0;
   }
   
    .btn.btn-oat:hover,
    .btn.btn-oat:focus {
     background-color: #c7b38e !important;
     border-color: #c7b38e !important;
     color: #575756!important;
    border-width: 2px!important;
   }
   
   .btn.btn-red {
      background-color: #b01917 !important;
      border-color:  #b01917 !important;
      color: #fff!important;
      font-weight: 500;
      border-radius: 2px!important; 
     border-width: 2px!important;
     margin:5px 0 5px 0;
    }
    
     .btn.btn-red:hover,
     .btn.btn-red:focus {
      background-color: #821a19 !important;
      border-color: #821a19 !important;
      color: #fff!important;
     border-width: 2px!important;
    }
    
    .btn.btn-outline {
      background-color: transparent !important;
      border-color:  #b01917 !important;
     border-width: 2px!important;
      color: #fff!important;
      font-weight: 500;
      border-radius: 2px!important; 
      margin:5px 0 5px 0;
    }
    
    .btn.btn-outline:hover,
     .btn.btn-outline:focus {
      background-color: #821a19 !important;
      border-color: #821a19 !important;
      color: #fff!important;
    }
   
   .btn-xs {
     padding: 6px 20px 4px 20px;

   }
   
 
  /* =========================
    PAGE CONTAINERS & SPACING
  ========================= */
 body .large-container {
   padding-top: 120px;
   padding-bottom: 100px;
 }
 
 body .med-container {
    padding-top: 80px!important;
    padding-bottom: 60px!important;
  }
 
 body .small-container {
   padding-top: 40px!important;
   padding-bottom: 20px!important;
 }
 
 .container.menu-container {
   padding-left: 40px;
   padding-right: 40px;
 }
 
 @media (max-width: 768px) {
   body .large-container {
     padding-top: 60px;
     padding-bottom: 40px;
   }
   
   body .med-container {
     padding-top: 60px!important;
     padding-bottom: 40px!important;
   }
 }

 @media (max-width: 768px) {
  .text-col {
    text-align: center!important;
  }
  }
  
 @media (min-width: 1280px) {
 .text-col {
   padding: 0 40px 0 40px!important;
 }
 }
 hr {
   border-color: transparent!important;
 }

/* =========================
    IMAGES
  ========================= */

.align-center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img-box img {
  width: 100%;
  aspect-ratio: 4 / 3; /* change this */
  object-fit: cover;
}
 /* =========================
   BORDERS DIVIDERS & GAPS 
========================= */

/* Borders */
  
.grunge-border-deepred:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 78px;
   background-image: url(images/border-deepred.png);
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: contain;
   z-index: 2;
   bottom: -1px;
 }
 
 .section-bg-video.grunge-border-deepred {
 position: relative;
 overflow: visible;
 }
 


  


/* Dividers */

hr.style-one {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.style-two {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.style-three {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}

hr.style-four {
	height: 12px;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr.style-five {
	border: 0;
	height: 0;
	box-shadow: 0 0 10px 1px black;
}

hr.style-five:after {
	

/* Not really supposed to work, but does */
	content: "\00a0";
/* Prevent margin collapse */
}

hr.style-six {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/*	GAPS
/*------------------------------------------------------*/

div.gap0 {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	text-align: right;
}

div.gap5 {
	clear: both;
	display: block;
	font-size: 0px;
	height: 5px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	text-align: right;
}

div.gap10 {
	clear: both;
	display: block;
	font-size: 0px;
	height: 10px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

div.gap20 {
	clear: both;
	display: block;
	font-size: 0px;
	height: 20px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

div.gap30 {
	clear: both;
	display: block;
	font-size: 0px;
	height: 30px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

div.gap40 {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	height: 40px;
}

div.gap50 {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	height: 50px;
}

div.gap60 {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	height: 60px;
}

div.gap80 {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	height: 60px;
}

div.gap100 {
	clear: both;
	display: block;
	font-size: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	height: 100px;
}

/* =========================
     HEADER MENU
    ========================= */
    /* push body down so not behind nav header */
    @media (min-width: 993px) {
        body {
            padding-top: 100px;
        }
    }

header .navbar-nav > li > .dropdown-menu,
    header .dropdown-menu {
        background: #ffffff !important;
        z-index:999!important;
    }
    
    /* Base dropdown item style */
    header .dropdown-menu li a {
        color: #333 !important;
        font-weight: 400 !important;
        display: block !important;
    }
    
    /* Divider lines between items */
    header .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(210, 210, 210, 0.5) !important;
    }
    
    /* Hover state */
    header .dropdown-menu li a:hover {
        font-weight: 600!important;
        color: #333 !important; /* keeps it consistent */
    }
    
@media (max-width: 992px) {
    
      /* Reset the menu container (this is what was breaking it) */
      .navbar-main.navbar-middle ul.nav {
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
      }
    
      /* Kill any background forcing dark */
      header .navbar-collapse,
      header .navbar-nav {
        background: transparent !important;
      }
    
      /* Each item = full width */
      header .navbar-nav > li {
        width: 100%;
        margin: 0 0 10px 0;
      }
    
     /* Force font styling properly */
     header .navbar-nav > li > a {
       color: #333 !important;
       font-weight: 600 !important;
       text-align: left !important;
     }
     
     /* Override ACTIVE state specifically (this is your issue) */
     header .navbar-nav > li.active > a {
       color: #333 !important;
       font-weight: 600 !important;
     }
      
      /* Divider lines (force correct colour) */
      header .navbar-nav > li {
        border-bottom: 1px solid rgba(210, 210, 210, 0.5) !important;
      }
      
  /* Remove divider from any li that contains a menu button */
  header .navbar-nav > li > a.menu-btn {
    border-bottom: none !important;
  }
  
  header .navbar-nav > li:has(> a.menu-btn) {
    border-bottom: none !important;
  }
   
   /* Remove divider from Contact Us (3rd from last item) */
   header .navbar-nav > li:nth-last-child(3) {
     border-bottom: none !important;
   }
      
     header .navbar-nav > li > a.menu-btn {
       margin-top: 10px !important;
       margin-bottom: 10px !important;
       color: #ffffff !important;
       font-weight: 500;
       border-bottom: none !important;
     }
     
     .navbar-collapse {
       padding-bottom: 15px;
     }
      
    
    }
 
 
 /* ------NAV POSITIONING (CONTAINER BASED)------*/
 
 .navbar-main {
   position: relative;
 }
 
 .container {
   position: relative;
 }
 
 /* Shared button positioning */
 .nav-extra {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2000;
 }
 
 /* Left button */
 .nav-left {
   left: 0;
 }
 
 /* Right button */
 .nav-right {
   right: 0;
 }
 
 /* Ensure button sizing stays consistent */
 .nav-extra.btn {
   padding: 8px 16px;
   line-height: normal;
   display: inline-block;
   color: #ffffff;
   margin:0!important;
 }
 
@media (min-width: 769px) and (max-width: 1024px) {
   header .nav > li > a {
    padding: 35px 10px 36px 10px!important;
  }
 }
 
 /*------PREVENT MENU OVERLAP------ */
 
 .navbar-nav {
   padding-left: 110px;   /* adjust if needed */
   padding-right: 110px;  /* adjust if needed */
 }
 @media (max-width: 991px) {
   .nav-extra {
   display: none !important;
   }
 }
 
 /* ------DROPDOWN (ORDER BUTTON)------- */
 
 .nav-order-wrapper {
   position: absolute;
 }
 
 /* Remove default button quirks */
 .nav-order-toggle {
   border: none;
   cursor: pointer;
 }
 
 /* Dropdown panel */
 .nav-order-dropdown {
   position: absolute;
   top: calc(100% + 8px);
   right: 0;
 
   background: #ffffff;
   border-radius: 6px;
   box-shadow: 0 8px 20px rgba(0,0,0,0.15);
   min-width: 180px;
 
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.2s ease;
 
   z-index: 9999;
 }
 
 /* Show dropdown */
 .nav-order-wrapper.active .nav-order-dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }
 
 /* Dropdown items */
 .nav-order-dropdown .dropdown-item {
   display: block;
   padding: 10px 14px;
   color: #333;
   text-decoration: none;
 }
 
 .nav-order-dropdown .dropdown-item:hover {
   background: #f5f5f5;
 }
 
 
 /* PREVENT CLIPPING (IMPORTANT) */
 
 .navbar,
 .navbar-main,
 .navbar-collapse {
   overflow: visible;
 }
 
 /* =========================
  FOOTER
 ========================= */
 
 footer-parallax {
   height: 410px!important
 }
 
 footer {
   background-color:#821a19!important;
 }
 footer p {
   font-weight: 400!important;
 }
 
 .social-group i {
   font-size: 40px!important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
 }
 
 .social-group a i {
   text-align:left;
   padding: 10px 12px 10px 0px!important;

 }
 
 .fa-facebook-square {
     position: relative;
     top: -5px;
 }
 
/* FOOTER MENU RESET */
 .footer-menu {
     list-style: none !important;
     padding: 0 !important;
     margin: 0 !important;
 }
 
 /* REMOVE BULLETS COMPLETELY */
 .footer-menu li {
     list-style: none !important;
     margin-bottom: 4px; 
 }
 
 /* LINK STYLING */
 .footer-menu li a {
     color: #ffffff !important;
     text-decoration: none !important;
     text-transform: uppercase !important;
     font-weight: 600 !important;
     font-size:13px;
 }
 
 .social-group .fa:hover {
     background-color: transparent !important;
     color: #f9e7c6 !important; /* oat */
 }
 
 /* HOVER STATE */
 .footer-menu li a:hover {
     color: #f9e7c6 !important;
 }
 
 @media (max-width: 575px) {
 
     /* Centre all columns */
     .footer-left,
     .footer-center,
     .footer-right {
         text-align: center !important;
         margin-bottom: 30px;
     }
 
     /* Buttons */
     .footer-left .btn {
         display: block;
         width: 220px !important;
         margin: 10px auto;
         text-align: center;
         box-sizing: border-box;
     }
 
     /* Hide desktop text button */
     .footer-left .btn-text {
         display: none !important;
     }
 
     /* Social icons centred */
     .social-group {
         display: flex;
         justify-content: center;
         gap: 10px;
     }
 
     /* Footer menu centred */
     .footer-menu {
         text-align: center !important;
         padding: 0;
     }
 
     .footer-menu li {
         text-align: center !important;
     }
 
     .footer-menu li a {
         display: inline-block;
     }
 }
 @media (min-width: 576px) and (max-width: 992px) {
 
     /* ===== COLUMN 1 ===== */
     .footer-left {
         width: 100% !important;
         text-align: center !important;
         margin-top: 20px;
         margin-bottom: 30px;
     }
 
     /* Hide desktop text button */
     .footer-left .btn-text {
         display: none !important;
     }
 
     /* Buttons side-by-side */
     .footer-left .btn {
         display: inline-block;
         width: 200px;
         margin: 10px 8px;
         text-align: center;
     }
 
     /* Social icons centred */
     .social-group {
         display: flex;
         justify-content: center;
         gap: 12px;
     }
     
     /* ===== COLUMNS 2 & 3 ===== */
     .footer-center,
     .footer-right {
         width: 50% !important;
         float: left!important;
         text-align: left !important;
     }
 
     /* Remove extra spacing from mobile */
     .footer-center,
     .footer-right {
         margin-bottom: 0;
     }
 }
 
 @media (max-width: 992px) {
 
     .section-bg-red .footer-left,
     .section-bg-red .footer-center,
     .section-bg-red .footer-right {
         padding-left: 20px;
         padding-right: 20px;
     }
     
     .social-group a i {
         padding: 10px !important; /* equal padding all sides */
     }
    
        .fa-instagram {
            position: relative;
            left: -2px;
        }
        
        .desktop-order-btn {
            display: none !important;
        }
    
 }
 
 /* =========================
   HOMEPAGE
========================= */
.site-notice {
  position: sticky;
  top: 120px; /* match your header height */
  z-index: 100;
}

.site-notice {
  background: #004921;
  color: white;
  text-align: center;
  padding: 10px;
}

@media (max-width: 991px) {
  .site-notice {
    position: relative;
    top: 0;
  }
}

/* Hero */
.eui-widget-title.es-widget-title.eapps-instagram-feed-title {
  display: none !important;
}

.bg-overlay.transparent-dark {
background-color: rgba(0, 0, 0, 0.5);
}

#home {
    background-image: url('../images/hero-poster.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#home .slider-title,
#home h3,
#home .slider-sub {
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

@media (min-width:576px) and (max-width: 1024px) {
.slider-content {
  padding-left: 40px!important;
  padding-right:40px!important;
}
}

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



.two-btn {
    display: flex;
    gap: 20px;
    justify-content: center;

}

@media (max-width: 575px) {
    .two-btn {
      align-items: center;
        flex-direction: column;
        gap: 0px;
    }

    .two-btn .btn {
        width: 200px;
    }
}



/* --- branches Carousel --- */

/* Force slide height */
.flexslider.carousel.branch-carousel .slides li {
    height: 320px;
}

/* Force all containers to fill that height */
.flexslider.carousel.branch-carousel .slides li .branch-img,
.flexslider.carousel.branch-carousel .slides li .branch-img > a,
.flexslider.carousel.branch-carousel .slides li .branch-img > a.img-box {
    height: 100%;
    display: block;
}

/* Kill any theme positioning that breaks layout */
.flexslider.carousel.branch-carousel .slides li .branch-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative; /* important: overrides absolute/auto weirdness */
}

/* Remove spacing issues from inner img-box */
.flexslider.carousel.branch-carousel .slides li .img-box {
    padding: 0;
}

.adv-img .caption {
    font-family: 'Edosz', serif!important;
    font-size: 36px;       
    line-height: 1;      
    font-weight: 400;
    letter-spacing: 0.6pt;
}

@media (max-width: 768px) {
.caption {
    font-size: 28px!important;       
    
}
.flexslider.carousel.branch-carousel .slides li {
    height: 260px;
}
}

.branch-img .branch-badge {
    position: absolute;
    top: 12px;
    left: 12px;

    /* stop stretching */
    display: inline-block;
    height: auto;
    width: auto;

    /* styling */
    background: #b01917;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform:uppercase;
    letter-spacing: 0.5pt;
    padding: 6px 10px;
    border-radius: 4px;

    z-index: 10;
}


 /* =========================
 page title
========================= */

.title-base p {
  font-family: 'American Typewriter', serif;
  font-size: 20px!important;
  line-height: 1.2;
  font-weight: 600;
  color: #007736;
  letter-spacing: 0.6pt;
  text-transform: none;
}
@media (min-width: 575px) and  (max-width: 991px){
 .header-title h1 {
   padding-top: 20px!important;
 }
 }

@media (max-width: 575px) {
 .header-title.white .title-base p {
   display:none;
   
 }
 .header-title h1 {
   padding-top: 20px!important;
 }

}

 /* =========================
   LOCATIONS PAGE
========================= */

.advs-box.boxed-inverse {
  border: 1px solid #e2e2e2!important;
  padding: 0px;
}

.advs-box {
  text-align: center;
}

.post-prev-img {
  height: 220px; /* adjust to taste */
  overflow: hidden;
  position: relative;
}

.post-prev-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-prev-img::after {
  content: "";
  position: absolute;
  inset: 0;

  background: rgba(38, 38, 38, 0.5); /* 20% dark grey */
  z-index: 1;
}

.post-prev-img h3 {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%)!important;
  margin: 0;
  color: #fff!important;
  text-align: center!important;
  font-size: 50px;
  line-height:0.7;
  font-weight: 500;
  z-index: 2;
  font-family: 'Edosz', serif!important;
}

.advs-box-text {
  padding: 25px;
}

.opening-hours .hc_title_tag_cnt {
  margin-bottom: 20px;
}

.opening-hours h4 {
  color: #007736;
}

.advs-box .opening-hours {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.advs-box .opening-hours .collection,
.advs-box .opening-hours .delivery {
  display: none;
}

/* Make the remaining one full width */
.advs-box .opening-hours .dine-in {
  width: 100%;
  margin-bottom: 0px !important;
}

.advs-box .opening-hours h4 {
  font-size: 14px !important;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 600!important;
  color: #525252;
}

.advs-box h5 {
  font-size: 18px !important;
  font-family: 'American Typewriter', sans-serif;
  text-transform: capitalize;
  font-weight: 600px;
  color: #007736;
  margin-top: 10px;
  margin-bottom: 5px;
}

.advs-box .opening-hours h4, .advs-box .opening-hours p {
  margin-bottom: 0px;
}

.location-address a,
.location-telephone a {
  font-weight: 600;
  font-size: 15px;
}

.location-address i,
.location-telephone i {
  color: #b01917;
}

/* Force the grid row to behave as flex */
.grid-box.row {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Make each column stretch */
.grid-box.row > .grid-item {
  display: flex !important;
}

/* Make the card fill the column */
.grid-item .advs-box {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.advs-box-text {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.advs-box-text .btn {
  margin-top: auto !important;
  align-self: center !important; /* or flex-start */
}

.location-address a:hover,
.location-telephone a:hover {
  color: #b01917 !important;
}



.location-telephone {
    margin-bottom: 6px;
}

.location-email {
    margin-bottom: 10px;
}

 /* =========================
   INDIVIDUAL LOCATIONS PAGES
========================= */
.location-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

 /* =========================
     MENUS PAGE
  ========================= */
 .nav-pills > li > a:hover {
 background: #004921) !important;
 }
 
 .nav-pills > li > a, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
   font-family: "American Typewriter" !important;
   font-size: 18px;
 }
 
 h3.menu {
   font-size: 34px;
   font-family: 'Edosz', serif!important;
   font-weight: 500;
   color: rgb(179, 23, 0) !important;
   margin-bottom: 10px;
 }
 
 .list-items .list-item p {
 font-size: 13px;
 line-height: 20px;
 }
 
 .list-item p {
  font-size: 13px;
  line-height: 20px;
  }
 
.tab-box .panel {
  border: 1px dotted rgb(139, 139, 139) !important;
  padding: 20px !important;
  margin-top: 20px !important;
}

ul.white-list {
  font-size: 16px;
  list-style: none;
  padding-left: 24px;
  color: white;
  text-align: left;
}

ul.white-list li {
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: white;
}

ul.white-list li a {
  color: white;
}

.diet-info {
  font-size: 13px;
}

h6.diet-info {
  font-size: 16px;
}

 /* =========================
   FRANCHISE PAGE
========================= */

/* Franchise contact form: force green submit button */
body .form-box button.btn.btn-green {
  background-color: #007736 !important;
  border-color: #007736 !important;
  color: #fff !important;
}

body .form-box button.btn.btn-green:hover,
body .form-box button.btn.btn-green:focus {
  background-color: #2e2e2e !important; 
  border-color: #2e2e2e !important;
  color: #fff !important;
}
/* Franchise header nav link hover + active colour */
body .navbar-default .navbar-nav > li > a:hover,
body .navbar-default .navbar-nav > .active > a,
body .navbar-default .navbar-nav > .active > a:hover,
body .navbar-default .navbar-nav > .active > a:focus {
  color: #007736!important;
  background-color: transparent!important;
}

 /* =========================
   CONTACT PAGE
========================= */

.col-md-4.contact-col h3{
  text-transform: none !important;
  font-size: 30px;
  font-weight: 600;
}

.contact-block {
    padding: 10px 20px;
}

.contact-block h4 {
    margin-bottom: 10px;
    color: #007736;
    font-size: 22px;

}

.contact-block p {
    margin-bottom: 15px;
}

.contact-email a {
    font-weight: 500;
    text-decoration: none;
}

.contact-email i {
    margin-right: 6px;
}

.contact-email a {
    color: inherit;
    transition: color 0.2s ease;
}

.contact-email a i {
    transition: color 0.2s ease;
}

/* Hover = Rustico red */
.contact-email a:hover,
.contact-email a i {
    color: #b31700;
}

/* Title */
.contact-card h4 {
    color: #007736;
    font-size: 22px;
    margin-bottom: 15px;
}

/* Icons always red */
.location-address i,
.location-telephone i,
.location-email i {
    color: #b31700;
}

.location-email a:hover {
    color: #b31700;
}


/* Text consistency */
.location-address a,
.location-telephone a,
.location-email a {
    font-weight: 500;
    text-decoration: none;
}

/* Spacing between rows */
.location-address,
.location-telephone,
.location-email {
    margin-bottom: 10px;
}

.contact-locations .grid-box > .grid-item {
    padding: 5px !important;
}

.contact-locations .advs-box-text {
    padding: 25px 15px !important;
}

 /* =========================
   APP PROMO
========================= */

/* Base layout */
.cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Buttons */
.cta-buttons .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  text-align: center;
}

/* Mobile (stack naturally if needed) */
@media (max-width: 767px) {
  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* Tablet+ */
@media (min-width: 768px) {
  .cta-buttons {
    flex-direction: row;
  }
}

 /* =========================
   MISC
========================= */

ul.white-list li:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* required for solid icons */
  content: "\f818"; /* pizza slice */
  margin: 0 10px 0 -20px;
  color: #ffffff;
}