/*
green - 004320
gold - d2ac67
black - #333333
*/

body { padding: 0; color: #333333; font-size: 1.2em; font-family: 'Ubuntu', sans-serif; background: #000; }
a, a:link, a:focus, a:active, a:visited { color: #333333; text-decoration: underline; }
a:hover  { color: #004320; }
h1 { font-family: "Roboto Condensed"; color: #333333; margin-top: 0; padding-bottom: 10px; font-size: 2em; font-weight: bold; }
h2  { font-family: "Roboto Condensed"; color: #004320; font-size: 1.4em; padding-top: 10px; padding-bottom: 5px; }
h3  { font-size: 1.1em; color: #004320; font-weight: bold; }
.table { --bs-table-color: #FFF; margin-bottom: 25px; border: 1px solid #FFF; border-collapse: collapse; }
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { color: #333333; background-color: #DEC390; border: 1px solid #FFF; }
.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th { color: #333333; background-color: #E6D2AC; border: 1px solid #FFF; }
img { max-width: 100%; display: block; } 
.row { margin: 0; }

@media all and (min-width: 0px) and (max-width: 768px) 
{
	body { font-size: 18px !important; }
	h1 { font-size: 1.5em !important; text-align: center !important; }
	h2 { font-size: 1.2em !important; }
	h3 { font-size: 1em !important; }
	#logo { padding: 10px 0 !important; text-align: center; }
	#logo img { display: inline-block; margin: 0 auto; width: 65%; height: auto; }
	.container_slideshow_full { background-color: #B5A89D !important; }
	.container_home { position: static !important; background-color: #000 !important; }
	#quick_phone { display: block !important; margin: 10px 40px !important; width: 80% !important; text-align: center !important; }
	#quick_email { display: block !important; margin: 10px 40px !important; width: 80% !important; text-align: center !important; }
	#quick_social { display: none; }
	#quick_shopping_cart { position: relative; float: right; margin: 5px !important; }
	.navbar { padding-top: 10px !important; border-radius: none !important; }
	.navbar-nav > li > a { border-bottom: 1px solid #000; border-right: none !important; padding-top: 10px !important; }
	.navbar-nav .dropdown-menu { width: 100% !important; }
	.navbar-nav > li:first-child > a { border-radius: 10px 10px 0 0 !important; }
	.navbar-nav > li:last-child > a { border-radius: 0 0 10px 10px !important; }
	#nav-link-first { border-radius: 0 !important; }
	#nav-link-last { border-radius: 0 !important; }
	.navbar-nav > li:last-child > a, .navbar-nav > li:last-child > a:link, .navbar-nav > li:last-child > a:focus, .navbar-nav > li:last-child > a:active, .navbar-nav > li:last-child > a:visited { border-radius: 0 !important; }
	.carousel-item:after { background: none !important; } 
	.carousel-caption { display: none !important; }
	.carousel-control-prev, .carousel-control-next { display: none !important; }
	.slideshow-image { max-width: calc(100% - 10px) !important; max-height: calc(100% - 10px) !important; margin: 20px auto; margin: 0 !important; }
	.slideshow-text { padding: 10px 20px !important; }
	.slideshow-text h5 { font-size: 2em !important; }
	.slideshow-text p { font-size: 1em !important;  }
	.testimonial-slide { min-height: 200px; padding: 1.25rem; }
	#main_content { padding-top: 20px !important; }
	#main_content_home { padding-top: 20px !important; }
	.latest_news_cell { margin-bottom: 30px !important; }
	.wab-footer-logo { max-height: 200px !important; }
	#products_photos img { margin-top: 40px; }
}

.container_logo_full { margin: 0 auto; width: 100%; padding: 0; }
#logo { padding: 15px 0 0 20px; }

.container_menu_full { margin: 0 auto; width: 100%; padding: 0; background-color: #004320; }
.navbar-nav > li > a { padding: 125px 15px 10px 15px; text-align: center; text-decoration: none; border-radius: 0; font-size: 1em; font-weight: bold; color: #FFF; text-transform: uppercase; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav  .open > a, 
.navbar-nav  .open > a:hover, .navbar-nav  .open > a:focus { color: #d2ac67; }
.navbar-nav > li > a.active, .navbar-nav > li > a:active { color: #d2ac67 !important; }
.navbar-nav > li:first-child > a, .navbar-nav > li:last-child > a  { border-bottom: 0; }
.nav .caret { border-top-color: #FFF; border-bottom-color: #FFF; }
.navbar-nav .dropdown-menu { background: #d2ac67; border-radius: 0; padding: 0; margin: 0; width: 230px; font-size: 0.9em; }
.navbar-nav .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-nav .dropdown-menu > li  a { color: #FFF; padding: 10px 20px !important; width: 100%; display: block; border-bottom: 1px solid #FFF; font-size: 1em; text-decoration: none; text-align: left; }
.navbar-nav .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { color: #FFF; background: #d2ac67; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-toggler { margin-bottom: 10px;  }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler:focus { box-shadow: 0 0 0 0; }

.container_slideshow_full { }
.carousel-caption { bottom: 0; left: 2%; text-align: left; }
.carousel-caption h5 { font-size: 3em; color: #FFF; text-shadow: 4px 4px #373737; }
.carousel-caption p { font-size: 1.8em; color: #FFF; text-shadow: 2px 2px #373737; }
.carousel-indicators { bottom: -50px; }
.btn-slideshow, .btn-slideshow:link, .btn-slideshow:focus, .btn-slideshow:active, .btn-slideshow:visited, .btn-slideshow[disabled] { padding: 10px 30px; background-color: transparent; background-repeat: no-repeat; cursor: pointer; overflow: hidden; outline: none; color: #FFF; border: 1px solid #FFF; text-decoration: none; }
.btn-slideshow:hover { background: #b86b10; color: #FFF; }

#search_form { float: right; margin-top: -50px; }
#search_input { width: 80%; float: left; }
#search_input label { display: none; }
#search { padding: 0.3em; box-sizing: border-box; width: 100%; } 
.btn-search { background: #424242; border-radius: 0; padding: .30rem .75rem; border-radius: 5px; color: #fff; border-width: 1px; border-style: solid; border-color: #1c1c1c; }
.btn-search:link, .btn-search:visited { color: #fff; } 
.btn-search:active, .btn-search:hover { background: #d2ac67; color: #fff; }
#quick_shopping_cart { color: #FFF; margin: 105px 0 7px 0; }
#quick_shopping_cart a, #quick_shopping_cart a:link, #quick_shopping_cart a:focus, #quick_shopping_cart a:active, #quick_shopping_cart a:visited { color: #FFF; text-decoration: none; }
#quick_shopping_cart a:hover  { color: #d2ac67; }
#cart_count i { margin-top: 12px; margin-left: 10px; }

.container_slideshow_full { position: relative;  }
.container_home { background: #d2ac67; color: #333333; padding-top: 40px; }
.container_content_home_full { margin-bottom: 40px; }
#main_content_home { padding: 20px 10px 30px 10px; font-size: 1.1em; }
.container_content_full { background: #d2ac67; }
.container_content_full .container { background: #d2ac67; color: #333333; }
#main_content { padding: 80px 10px 40px 10px; font-size: 1.1em; }
#main_content li { margin: 1em 0; }
#plain_page_photos { margin-top: 65px;  }
#plain_page_photos img { margin-bottom: 10px; }
#plain_page_photos p { font-size: 0.8em; }
.plain_page_photos_name { font-size: 0.9em; margin-bottom: 10px;  }
.form-label { margin-top: 10px; }


/* products */
.container_shop_full { background: #000; padding-top: 20px; padding-bottom: 0; }
#animal_products_intro h1 { text-align: center; margin: 20px 0 0 0; }
#human_products_intro h1 { text-align: center; margin: 60px 0 0 0; }
#product_categories_description { margin-top: 20px; }
.products_cell_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.products_cell { background: #FFF; margin: 30px 5px 10px 5px; display: flex; flex-direction: column; position: relative; border-top: 5px solid #d2ac67; }
.products_list_item { margin-bottom: 40px; }
.products_list_item a { text-decoration: none; }
.products_list_name { text-align: center; margin-top: 15px; }
.products_list_item:hover .products_list_name { text-decoration: underline; }
.products_list_item:hover .products_list_photo img { text-decoration: underline; }
.products_cell_name h2 { color: #d2ac67; font-size: 1.3em; padding-top: 10px; padding-bottom: 5px; text-align: center; }
.products_cell:hover { box-shadow: 4px 4px rgba(255,255,255, 0.4); }
#product_page_photos { margin: 60px 0 60px 0; }
#breadcrumbs { margin-bottom: 15px; }
#cart_form { margin-bottom: 50px; }
#checkout_postage div { display: inline; }
#checkout_postage input { display: inline; }
.photo_name { text-align: center; margin-bottom: 20px; }
#product_price { font-weight: bold; margin: 40px 10px 25px 0; }
#products_description .form-group { padding-left: 0; }
.sale_price_original { color: #FF0000; text-decoration: line-through; }
#products_photos img { margin-bottom: 20px; }


/* checkout */
#checkout td .form-group { padding: 0; margin: 0; }
.checkout_quantity { width: 10%; height: 40px; }
.checkout_quantity form { height: 60px; position: relative; top: -20px; }
.checkout_postcode_input { width: 15%; }
#postcode { width: 150px; }
.paypal_logo { width: 150px; margin-top: 10px; float: right; }
#paypal_help { margin-top: 15px; }
.calculate_postage .btn-primary { background: #FFF; color: #3D3D3D; }

/* products_process */
.container_products_process_full { background-color:#052045; color:#FFF; padding:80px 0; text-align:left; }
#products_process_intro h1 { text-align:center; font-size:2.5em; font-weight:700; margin-bottom:60px; color:#FFF; }
.products_process_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:60px 80px; align-items:start; }
.products_process_item { display:flex; flex-direction:column; align-items:center; gap:20px; }
.products_process_icon { width:100%; height:auto; display:flex; align-items:center; justify-content:center; }
.products_process_icon img { width:100%; height:auto; object-fit:contain; }
.products_process_text { flex:1; text-align:center; }
.products_process_text h3 { font-size:1.4em; font-weight:700; margin-bottom:10px; color:#FFF; }
.products_process_text p { font-size:1em; line-height:1.6; color:#E8EAFF; margin:0; }
#products_process_extro { text-align:center; color:#FFF; }
#products_process_extro h2 { font-size:1.8em; font-weight:700; margin-top:60px; color:#FFF; }
@media (max-width:992px) { .products_process_grid { grid-template-columns:repeat(2,1fr); gap:40px 60px; } }
@media (max-width:576px) { .products_process_grid { grid-template-columns:1fr; gap:30px; } .products_process_icon img { width:100%; height:auto; } }

/* locations */
#map_stockists { height: 600px; width: 100%; margin-bottom: 20px; }
#location_slideshow { margin-bottom: 10px; }
#map_location { height: 300px; width: 100%; }
.stockist_heading { margin-top: 50px; }

/* testimonials */
.container_testimonials_full { padding-top: 80px; padding-bottom: 100px;  }
.container_testimonials_full h1 { text-align: center; }
.testimonial-carousel { position: relative; }
.testimonial-slide { min-height: 260px; padding: 2rem; } 
.testimonial-content { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.1em; text-align: center; max-width: 900px; margin: 0 auto; }
.testimonial_slideshow_signature { font-weight: 600; margin-top: 1rem; }
.carousel-indicators [data-bs-target] { width: 28px; height: 4px; border-radius: 2px; }
.carousel-indicators { margin-bottom: 0.5rem; }
.signature { font-size: 0.8em; }

/* faqs */
.container_home_faqs_full { margin: 60px 0 80px 0; }
.container_home_faqs_full h1 { text-align: center; margin-bottom: 40px; }
.container_home_faqs { margin: 0 20px; }
#faqs_cta { text-align: center; }
.faq_question { padding: 10px 20px; margin-bottom: 40px; }
.faq_question img { float: left; width: 20px; margin-right: 10px; }
.faq_question i { margin-right: 10px; }
.faq_answer { display: none; color: #212529; }
#faqs dd { display: none; padding: 5px 5px 5px 25px; }
#faqs dt { padding: 5px 5px 20px 5px; cursor: pointer; } 
#faqs dt i { float: right; } 

/* news */
.latest_news_item { margin-bottom: 20px; }
.latest_news_date { font-size: 0.9em; font-style: italic; margin-bottom: 10px; }
.news_list_item { border-bottom: 1px dashed #76787c; padding-bottom: 30px; margin-bottom: 40px; }
.news_list_date { font-style: italic; margin-bottom: 10px; }
.news_date { font-style: italic; margin-bottom: 10px; }
.news_year_menu { font-size: 0.85em; margin-bottom: 25px; }
.news_photos { margin-top: 40px;  }
.news_photos img { margin-bottom: 25px;  }
.news_hero_photo { margin-bottom: 20px; }

.grecaptcha-badge { visibility: hidden; }
#recaptcha_help { font-size: 0.85em; }
label.error { font-weight: bold; color: #FF0000; padding: 2px 8px; margin-top: 2px; }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { padding: 10px 30px; background-color: #004320; background-repeat: no-repeat; cursor: pointer; overflow: hidden; outline: none; color: #FFF; border: 1px solid #004320; text-decoration: none; }
.btn-primary:hover  { background: #004320; color: #d2ac67; border: 1px solid #d2ac67; }

/* home background */
.home_background_photo  { height: 600px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home_background_photo_text h2 { text-align: center; padding-top: 200px; color: #FFF; font-size: 2.8em; text-shadow: 0 4px 8px rgba(0,0,0,0.9); }
#home_background_photo_cta { text-align: center; }

.container_footer_full { margin: 0 auto; width: 100%; padding: 10px 0; background: #004320; color: #333333; }
.container_footer_full .container { background: #004320; }

.wab-footer {
  --wab-navy: #004320;          
  --wab-white: #ffffff;
  --wab-gold: #d2ac67;
  --wab-gold-hover: #e86e12;

  background: var(--wab-navy);
  color: var(--wab-white);
  text-align: center;
}
.wab-footer .container { background: #004320; }

/* Logo sizing to match the look */
.wab-footer-logo {
  max-height: 250px;            
  height: auto;
}

/* All footer links: white with underline */
.wab-footer a,
.wab-footer a:link,
.wab-footer a:visited,
.wab-footer a:active,
.wab-footer a:focus {
  color: var(--wab-white) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--wab-white) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Hover state: orange text + orange underline */
.wab-footer a:hover,
.wab-footer a:focus:hover {
  color: var(--wab-gold) !important;
  text-decoration-color: var(--wab-gold) !important;
}

.wab-footer .link-underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Light separators between contact items on desktop */
.wab-sep {
  opacity: 0.6;
  color: var(--wab-white);
}

/* CTA button (orange) */
.wab-footer a.btn-wab-quote,
.wab-footer a.btn-wab-quote:link,
.wab-footer a.btn-wab-quote:visited,
.wab-footer a.btn-wab-quote:active,
.wab-footer a.btn-wab-quote:focus,
.wab-footer a.btn-wab-quote:hover {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.btn-wab-quote {
  background: var(--wab-gold);
  color: #111;
  border: none;
  font-weight: 700;
  padding: 0.5rem 1rem;
  border-radius: 10% 0 10% 0;
  margin-top: 12px;
}
.btn-wab-quote:hover,
.btn-wab-quote:focus {
  background: var(--wab-white);
  color: #000;
}


/* Icons a touch lighter so text stands out */
.wab-footer i {
  color: #FFF !important; 
}

/* Facebook icon spacing on small screens */
.wab-social {
  line-height: 1;
  margin-top: 14px;
}

/* Facebook icon hover: white → orange */
.wab-footer a.wab-social i {
  color: var(--wab-white);
  transition: color 0.2s ease;
}

.wab-footer a.wab-social:hover i,
.wab-footer a.wab-social:focus i {
  color: var(--wab-gold) !important;
  text-decoration: none !important; /* prevent underline on hover */
}


/* Spacing tune for contact row on small screens */
.wab-contact span {
  margin-bottom: 0.25rem;
}

/* Optional: reduce underline thickness on menu links */
.wab-menu a {
  text-decoration-thickness: 1px;
}




#footer { color: #FFF; padding: 5px 0; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #FFF; text-decoration: none; font-weight: normal; }
#footer a:hover  { color: #d2ac67; text-decoration: underline; }
.container_footer_credits_full { background: #080808; border-top: 2px solid #d2ac67; border-bottom: 6px solid #d2ac67; margin: 0 auto; width: 100%; padding: 10px 0; font-size: 0.7em; }
.container_footer_credits_full .container { background: #080808; }
#copyright { padding-left: 0; }
#social_media { text-align: center; }
#credits { text-align: right; padding-right: 0; }