/*
Theme Name: Ascot Kitchens
Description: A child theme for Twenty Twenty.
Author: Foxxweb Design
Author URI: http://www.foxxweb.co.uk
Template: twentytwenty
Version: 1.0
Text Domain: weston
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
 
* { box-sizing: border-box; }
html,body {
	padding:0px;
	margin:0px;	
	font-family:"Montserrat",arial
}
a,
a:visited {
	text-decoration:none!important;	
	color:inherit
}

a:hover  {
	color:#396446
}
h1, .heading-size-1 {
	font-size: 40px;
	font-weight:600;
	color:#396446;
	font-family: "Playfair Display", serif;
	margin-bottom:30px!important;
}
h2, .heading-size-2 {
	font-size: 30px;
	font-weight:600;
	color:#396446;
	font-family: "Playfair Display", serif;
}
.entry-content h2 {
    margin: 20px auto 10px ;
    font-size:26px;
    font-weight:600;
	font-family: "Playfair Display", serif;
	color:#396446;
}

.entry-content h3 {
    margin: 20px auto 10px;
    font-size:22px;
    font-weight:400
	color:#396446;
	font-family: "Playfair Display", serif;
}
.img-responsive {
	width:100%;
	max-width:100%;
	height:auto;
}
.top-bar {
	width:100%;
	padding:10px 8%;
	background:#233D2D;	
	color:#7FC99C;
	text-decoration:none;
	font-size:14px
}
.top-bar a:visited,
.top-bar a{
	text-decoration:none;
	color:#7FC99C;
}
.top-bar a:hover {
	color:#fff;
}
#site-header {
	background: #fff;
	position: relative;
	z-index:2;
}

.header-inner {
	max-width: 100%;
	padding: 0;
	z-index: 100;
}


.header-top {
  display: flex;
  justify-content: flex-end;
}
.header-inner .toggle {
  align-items: start;
}

.header-titles-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0;
	text-align: center;
	min-height:60px;
	background-image: url('assets/images/header-graphic.svg');
	background-repeat: no-repeat;
	background-size: cover; /* adjust to 'contain' or specific sizes if needed */
	background-position: center;
}
.header-titles {
	display:flex;
	max-width:100%;
	width:100%;
	justify-content: center;
	margin:0 10%  0 0;
}
.header-titles-left,
.header-titles-centre{
	float:left;
	max-width:100%;
	width:100%;
}

.header-titles-left {
	float: left;
	max-width: 100%;
	width: 100%;
}

.header-titles-left img {
	margin:10px 0 10% 0;
	padding-left:20px;
	max-width:400px;
}

.header-titles-right {	
	color:#31496E;
	float: left;
	max-width: 100%;
	width: 100%;
}
.header-titles-right h3{	
	color:#57749E;
	font-size:30px;
	font-weight:500;
	padding:10px 0;
	margin:0;	
}
.header-link:visited,
.header-link{
	display:inline-block;
	color:#31496E;
	text-decoration:none
}

.header-titles-left img{
	float:left;
	margin:0;
	display:block;
	width:auto;
}


/* ## M E N U S    ## */

.primary-menu ul {
	top:100px!important;
	width:300px;
}

.primary-menu ul::before {
	height:1rem
}
ul.primary-menu {
	justify-content:center
}
.primary-menu > li {
	display:flex;
	align-items:center
}
.primary-menu a {
	color:#fff;
	text-transform:uppercase;
	padding:10px 15px;
	font-size:14px;
	color:#396446;
}
.menu-item-10739 {
	display:none!important
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item >
.link-icon-wrapper > a {
	color:#7FC99C;
	text-decoration-line: underline; /* underline the text */
	text-decoration-thickness: 4px;  /* thickness of the underline */
	text-underline-offset: 2px;      /* distance from the text */
	text-decoration-color: #7FC99C;    /* underline color */
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, 
.primary-menu li.current-menu-item > a:focus, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus,
.primary-menu a:hover,
.primary-menu a:focus, 
.primary-menu .current_page_ancestor {
	color:#7FC99C;
	text-decoration-line: underline; /* underline the text */
	text-decoration-thickness: 4px;  /* thickness of the underline */
	text-underline-offset: 2px;      /* distance from the text */
	text-decoration-color: #7FC99C;    /* underline color */
}	
button.sub-menu-toggle svg,
.header-inner .toggle svg,
.toggle-inner .toggle-text {
	color:#7FC99C;
	font-size:16px
}


.menu-item-has-children > .ancestor-wrapper {
    display: inline-flex;      /* shrink to content width */
    align-items: center;
    padding-right:10px
}

.menu-item-has-children .sub-menu-toggle {
    width: auto;               /* don't stretch button */
    margin-left: 5px;          /* space between text and arrow */
    padding: 5px;              /* clickable area */
}

button.close-nav-toggle svg {
	color:#7FC99C;
}

.singular .entry-header {
	padding:0
}
.fader {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
.contact-details {
  text-align: right;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom:20px;
	font-family:"Montserrat",arial
}
.contact-details p{
	font-family:"Montserrat",arial
}
.contact-details a{
	text-decoration:none
}

.primary-menu-wrapper {
	display:none
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width:1400px;
	width: calc(100% - 20%);
	display:block;
	margin:10px auto;
}

#site-content,
.entry-content{
	float:left;
	max-width:100%;
	width:100%;
	font-family:"Montserrat",arial

}

.entry-content p{
	margin:0 auto 20px auto !important;
	font-size:16px;
}
.main-page {
	float:none;
	display:block;
	margin:0 auto
}
.section-inner {
	width:100%
}

.post-meta-wrapper {
	max-width:100%
}

.post-meta,
.entry-categories {
	display:none
}
/* Sub section wrappers and divs    */

.link-page-wrapper2 {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
	padding:50px 0;
	min-height:600px;
	background-image: url('assets/images/fixture-background.svg');
	background-repeat: no-repeat;
	background-size: cover; /* adjust to 'contain' or specific sizes if needed */
	background-position: center;
}
.link-page-wrapper2-inner{
	float:none;
	max-width:1400px;
	display:block;
	margin:0 auto;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#000;
	font-size:30px
}

.link-page-wrapper2-inner h2{
	color:white
}

.link-page-wrapper3 {
    float:left;
	max-width:100%;
	width:100%;
	padding:0;
}
.link-page-wrapper3 h3{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#000;
	font-size:22px
}

.link-page-wrapper3 img{
	float:left;
	width:100%	
}
.link-page-wrapper3 > div {
    flex: 0 0 100%;
}
.link-page-wrapper3 a {
    display: block;
    text-decoration: none;
}
.link-page-wrapper3-inner {
	float:none;
	position:relative;
	display:block;
	margin:0 auto;
	max-width:1400px;
	width:100%;
}

.link-page-wrapper4 {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
}
.link-page-wrapper4-inner{
	float:none;
	max-width:1400px;
	display:block;
	margin:0 auto;
	width:100%;
	padding:10px 0;
	text-align:left;
	color:#000;
	font-size:30px
}
.link-page-wrapper4 h2{
	float:left;
	width:100%;
	text-align:center;
	color:#31496E;
	margin:20px 0;
}
.link-page-wrapper5 {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
	padding:0;
}
.link-page-wrapper5 h2{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#31496E;
	font-size:50px;
	margin:0;
}
.link-page-wrapper6 {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
	padding:20px;
	margin:30px 0;
	background-color: rgba(127, 201, 156, 0.3);
}

/* Container for the cards */
.homepage-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

/* Each card link is a flex item */
.homepage-cards a {
    flex: 1 1 33.333%;  /* 3 columns, equal width */
    display: block;      /* allows padding/background to fill */
    text-decoration: none;
    margin: 0;
    padding: 0;
}
/* Container */
.homepage-cards {
    display: flex;
    flex-direction: column; /* mobile: 1 column by default */
    margin: 0;
    padding: 0;
}

/* Each card link */
.homepage-cards a {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/* Card content */
.card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    background: #f9f9f9;
    margin-bottom: 10px; /* spacing between cards on mobile */
    position: relative;   /* required for overlay */
}
.card img {
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay pseudo-element */
.card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(144, 238, 144, 0); /* transparent initially */
    transition: background-color 0.3s ease;
    z-index: 2; /* now above both image and title */
}

/* Hover effect */
.card:hover::after {
    background-color: rgba(127, 201, 156, 0.3);
}


.card h3 {
    margin: 0;
    padding: 10px 0;
    background: #fff; /* optional for readability */
    font-size: 40px
    color: #396446;
	font-family: "Playfair Display", serif;
	 position: relative;
    z-index: 2;

}


.metaslider { float:left }

.home-page-2-1,
.home-page-2-2 {
	position:relative;
	display: flex;
	align-items: flex-start; /* or center */
	flex-direction: column; 
	max-width:100%;
	width:100%;
	padding:0;
	margin-bottom:20px;
}
.home-page-2-1 {
	padding:20px;

}


.home-page-2-2 h2{
	float:left;
	color:#396446;
	font-size:36px;
	text-align:left;
	font-family: "Playfair Display", serif;

}

.home-page-2-1 h1,
.home-page-2-2 h1{
	color:#396446;
	text-align:left;
	font-size:36px;
	font-weight:600
}
.home-page-2-1 p,
.home-page-2-2 p{
	text-align:left;
	margin-top:10px;
	color:#000;
	font-size:16px;
	
}
.home-page-2-1 img,
.home-page-2-2 img{
	Float:left;
	width:auto;
	margin:0;
	
}

.home-page-2-2 h3{
	float:left;
	width:auto;
	font-size:30px;
	font-weight:600;
	text-align:left
}
.home-page-half-1,
.home-page-half-2 {
	position:relative;
	display: flex;
	align-items: flex-start; /* or center */
	flex-direction: column; 
	max-width:100%;
	width:100%;
	padding:0;
}
.home-page-half-1 img,
.home-page-half-2 img {
	float:left;
	width:100%
}

.de-left {
	margin-left:5%
}
.design-experts h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    color:#396446;
	font-size:36px;
	text-align:left;
	font-family: "Playfair Display", serif;

}
.design-experts h2 img {
    width: auto; /* adjust as needed */
    height: auto;
}

/* Shared styles for both split sections */
.home-split-2-1,
.home-split-2-2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* or center */
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
.home-split-2-1 {
	background:#233D2D;
	text-align:left;
	padding: 20px;
}
.home-split-2-1 h2,
.home-split-2-1 h3,
.home-split-2-2 h3 {
	color: #fff;
	text-align: left;
	font-size: 40px;
	font-weight: 400;
	margin:0;
	padding: 20px 0 20px 20px;
}
.home-split-2-1 h2 {
	font-size:50px;	
}
.home-split-2-1 p,
.home-split-2-2 p {
	width: 100%;
	text-align: left;
	margin:0;
	margin-top: 10px;
	padding: 0 20px 20px 20px;
	color: #fff;
	font-size:20px;
	line-height:30px;
}

.home-split-2-1 a,
.home-split-2-2 a {
	color: #31496E;
	text-decoration: none;
}

.home-split-2-1 img,
.home-split-2-2 img {
	width: 100%;
}

/* Styles specific to the second split section */
.home-split-2-2 h3 {
	width: 100%;
	text-align: left;
	font-size: 30px;
	font-weight: 300;
}
.brand-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.brand-logos img {
    height: auto;
    max-width: 250px;
}
.home-page-box {
    background: #f9f9f9;
    border-radius: 0;          /* optional: remove rounding to touch edges */
    overflow: hidden;
    text-align: center;
    padding: 0;                /* no padding if you want images flush */
}

.home-page-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;                 /* remove margin for flush images */
    border-radius: 0;           /* remove rounding */
}

.home-page-box h3 {
    font-size: 1.2rem;
    color: #333;
    padding: 10px;              /* optional: spacing below image for title */
}


.client-types p{
	font-size:40px;
	color:#57749E;
}
table.fixtures {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto; /* Center the table */
	border-collapse: collapse;
	table-layout: fixed;
}

table.fixtures th,
table.fixtures td {
    color: #484848;
    text-align: center;
    padding: 8px;
    width: 16.66%; /* Equal width for 6 columns */
}
table.fixtures th {
	color:white;
}

table.fixtures thead {
	background-color: #31496E; /* Optional: header background */
	
}

table.fixtures tbody tr:nth-child(odd) {
	background-color: #fff; /* Optional: alternating row background */
}

table.fixtures tbody tr:nth-child(even) {
	background-color: #fcb4b5;
}

.post-box {
    position: relative;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    min-height: 300px;
}
.post-date {
    position: absolute;
    bottom: 30px;
    right: 25px;
    font-size: 14px;
    color: #999;
}
.post-excerpt {
    font-size: 15px;
    color: #484848;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding-bottom:30px;
    margin:0 0 10px 0;
}
.read-link {
    position: absolute;
    bottom: 30px;
    left: 25px;
    font-size: 14px;
    color: #31496E!important;
    font-weight:600;
    text-decoration: none;
    text-transform:uppercase;
}
.read-link:hover {
    text-decoration: underline;
}
h2.post-title {
    margin-bottom: 10px;
    font-size:20px;
    color:#31496E!important;
    margin:10px 0 5px 0 ;
}
.footer-top-visible .footer-nav-widgets-wrapper ,
.footer-top-visible .footer-nav-widgets-wrapper a{	
	font-family:"Montserrat",arial;
	float:left;
	width:100%;
	background:#818284;
	color:#fff;
	font-size:18px
}

.footer-top-visible .footer-nav-widgets-wrapper a{	
	float:none;
	display:inline-block;
	width:auto;
	text-decoration:none
}

.widget_nav_menu a {
	font-weight:400;
	font-size:18px
}

.info-box {
	position:absolute;
	bottom:20px;
	width:100%;
}
.info-box h2{
	color:white;
	background:rgba(0,0,0,.5);
	padding:15px;
	display: inline-block; 
}
.home-page-2-1 .overlay,
.home-page-2-2 .overlay {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 30%; /* Bottom 20% overlay */
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1rem;
  text-align: center;
}

.home-page-2-1 .overlay a,
.home-page-2-2 .overlay a,
.home-page-2-1 .overlay p,
.home-page-2-2 .overlay p{
	color:white
}

.home-page-contact-2-1 h2 {
	font-size:30px
}

.home-page-contact-2-1 h2,
.home-page-contact-2-2 h2,
.home-page-contact-2-1 p{
	color:#fff;
	margin:0;
}
.home-page-contact-2-1 p{
	font-size:30px;
}
.home-page-contact-2-1 li {
	position:relative;
	list-style:none;
}
.contact-area {
	float:left;
	max-width:100%;
	width:100%;
	height:100%;
	flex:1 1 auto;
}




.home-page-3-col {
	position:relative;
	display:flex;
	flex: 1 1 calc(50% - 10px); /* E
    text-align: center;
    flex-direction: column; 
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
	padding:20px 0;
	overflow: hidden; /* Ensures overlay doesn't overflow the container */
}
.home-page-3-col img {
	display:block;
	margin:0 auto;
	width:100%;
}	


.home-page-3-col .overlay {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 30%; /* Initial height */
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  display: flex;
  flex-direction: column; /* Stack items vertically */
  justify-content: space-between; /* Space between h3 and button */
  align-items: center;
  color: white;
  font-size: 1rem;
  text-align: center;
  transition: height 0.3s ease; /* Smooth transition for height change */
  overflow: hidden; /* Ensure content doesn't overflow */
  padding: 10px; /* Add padding for spacing */
}

.home-page-3-col h3{
	font-size:20px;
	color:#464646;
	margin:0;
}
.home-page-3-col .overlay a {
	text-decoration:none;
}
.home-page-3-col .overlay .additional-text {
  display: none; /* Hidden initially */
  font-size: 16px;
  color: #ffffff;
  margin: 10px 0; /* Add spacing between h3 and button */
  padding:0 1%
}

.home-page-3-col  .overlay .more-button {
  padding: 8px 16px;
  background-color: #464646; /* Light background */
  border: none;
  color: black;
  cursor: pointer;
  border-radius: 8px;
  font-size: 14px;
  display: none; /* Hidden initially */
  transition: background-color 0.3s ease; /* Button hover effect */
}

.home-page-3-col  .overlay .more-button:hover {
  color:#fff
}

.home-page-3-col:hover .overlay {
  height: 85%; /* Expand height on hover */
}

.home-page-3-col:hover .overlay .additional-text,
.home-page-3-col:hover .overlay .more-button {
  display: block; /* Show the button on hover */
}

.features {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.feature {
  flex: 1 1 100%;
  text-align: center;
}

.feature img {
	float:none;
	display:block;
	margin:0 auto;
	width: auto;
	height: auto;
}
.feature p {
	float:left;
	width:100%;
	text-align:center;
}
.mem-button{
	float:left;
	display:block;
	margin:5px auto 10px auto;
	max-width:180px;
	width:100%;
	padding:8px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:white!important;
	background:#31496E;
	color:white;

}
.mem-button:hover{
	background:black;
	color:white!important
}
.left-align{
	margin:0 0 0 20px
}
.fpbutton{
	float:none;
	position:absolute;
	display:block;
	bottom:5%;
  	left: 50%;
  	transform: translate(-50%, 0);
	margin:0 auto;
	max-width:175px;
	width:100%;
	padding:8px 5%;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none!important;
	font-size:15px;
	color:white;
	background:#0036ff;
	border-radius:8px
}
.resbutton{
	float:none;
	display:block;
	margin:0 auto;
	max-width:175px;
	width:100%;
	padding:8px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none!important;
	font-size:8px;
	color:white!important;
	background:#0036ff;
	border-radius:8px;
	white-space: nowrap;
}
.resbutton:hover,
.nbutton:hover,
.fpbutton:hover{
	color:#d8b55d!important;
	text-decoration:none!important;
}
.link-page-wrapper5-inner-inner h2,
.link-page-wrapper5-inner-inner p{
	color:#fff	
}
.advert-area {
	float:right;
	width:100%;
	padding:30px;
	position:relative;	
}
.advert-area h2{
	float:left;
	width:100%;
	text-align:right;
	color:#fff;
	font-size:38px;
	padding:0 5%;
}
.advert-area h3{
	float:left;
	text-align:center;
	color:#fff;
	font-size:42px;
	text-transform:uppercase
}
.advert-area p{
	float:left;
	width:100%;
	text-align:right;
	padding:0 5%;
	color:#fff;
	font-size:18px;
}


#casestudies-summary-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* space between items */
}
	
.casestudies-info {
    flex: 1 1 100%;
}


.casestudies-info a{
	color:#191F6D;
	font-size:16px;
	text-decoration:none
}
.casestudies-info h2{
	font-size:26px;
	line-height:30px;
	margin-bottom:5px;
	font-weight:500;
	text-align:center
}
.casestudies-info h2:hover,
.casestudies-info a:hover{
	color:#075928;
}

.casestudies-info img {
	background-size:cover;
	display:block;
	margin:0 auto;
	width:100%;
	padding:0 10px;
}


/* Widget: Text ------------------------------ */


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

/*	16. Site Footer
/* -------------------------------------------------------------------------- */

#site-footer {
	float:left;
	width:100%;
	 padding:0;
	 background:#000;
	 color:white;
}
.footer-copyright {
	 font-weight:400;
	 font-size:12px;
}
#footer-full-width {
	float:left;
	position:relative;
	max-width:100%;
	z-index:100;
	width: 100%;                 /* responsive width */
	background:#233D2D;
}
#footer-inner {
	margin:0 auto;
	max-width:1400px;
	width:100%;
	padding:5% 20px 0 20px;
}
#footer-inner img{
	float:none;
	width:auto;
	margin:30px auto;
}

#footer-inner h3{
	color:#000;
}
#footer-info-full-width {
	float:left;
	max-width:100%;
	width:100%;
	background:#0098D6;	
	height:auto;
	margin:20px 0;
}
#footer-info-inner {
	margin:0 auto;
	max-width:1400px;
	width:100%;
	padding:20px;
	text-align:center;
	background:#0098D6;	
	color:#fff;
	font-size:14px;
}
#footer-left,
#footer-center,
#footer-right {
	float:left;
	max-width:100%;
	width:100%;
	padding-bottom:20px;
	color:#fff;
	font-size:14px;
}
#footer-center a,
#footer-right a {
	color:#fff;
	padding:5px 0;
	font-size:16px;
}
#footer-left a {
	float:left;
	width:100%;
	color:#fff;
	padding:3px 0;
	font-size:16px;
}
#footer-left a:hover,
#footer-center a:hover,
#footer-right a:hover {
	text-decoration:underline
}

#footer-center img {
	margin:10px 0	;
}
#footer-left h3,
#footer-center h3,
#footer-right h3{
	font-size:24px;
	color:#fff;
	margin:0 0 20px 0;
}
#footer-center .svg-inline--fa{
	font-size:40px;
	color:#000
}
	 
#footer-left p,
#footer-center p,
#footer-right p,
#footer-left a,
#footer-center a,
#footer-right a,
#footer-left a:visited,
#footer-center a:visited,
#footer-right a:visited  {
	color:#fff;
	text-decoration:none
}
#footer-right img {
	float:left;
}
.useful-data {
	float:left;
	width:100%;	
	font-size:12px;
	text-align:center;
	padding:10px 0;
	color:#fdfffc;
	margin-bottom:20px
}
.fw-ad {
	float:left;
	width:100%;
	text-align:right;
	color:#fff;
	font-size:12px;
	padding-right:30px
}
.fw-ad img{
	width:auto;
}
.fw-ad a{
	text-decoration:none;
}

div.wpforms-container-full:not(:empty) {
	float:left;
	width:100%;
	margin:0;
}
.metaslider.ms-theme-clarity .flexslider {
	margin-bottom:10px !important
}

.nbutton,
.nbutton:visited {
	float:none;
	margin:0 auto;
	display:block!important;
	background:#233D2D;
	width:200px;
	color:#fff;
	border:0;
	padding:8px 20px;
	text-align:center
}
.nbutton:hover {
	background:#396446;
	color:#e0e0e0;
}

/* Ensure the nav toggle button has enough space */
.toggle.nav-toggle {
    display: flex ;
    align-items: center !important;
    justify-content: center !important;
    width: 40px;   /* enough to see/tap */
    height: 40px;  /* enough to see/tap */
    padding: 0;
    overflow: visible;
    margin-right:10px
}

/* Create the 3-line burger */
.burger-icon span {
    display: block;
    width: 26px;
    height: 4px;
    background-color: #282c35;
    margin: 4px 0;
    border-radius: 2px;
}

.header-inner .toggle {
	align-items:start;
	height:40px
}
.toggle.nav-toggle:hover {
	background:transparent
}

@media (min-width: 700px) {

	.top-bar {
		font-size:18px
	}
	.menu-item-10739 {
		display:block!important
	}
	
	.entry-content h1, .entry-content h2, .entry-content h3 {
    	margin: 1rem auto 1rem;
	}
	.entry-content h3 {
		font-size:22px
	}
		
	.entry-content p, .entry-content li {
		font-size:16px
	}
	.footer-widgets-outer-wrapper {
		padding: 4rem 0;
	}
	
	.site-logo img {
    	max-height: 15rem;
	}
	.link-page-wrapper4-inner,
	.link-page-wrapper5{
		display:flex;
	}
	.home-page-2-1,
	.home-page-2-2 {
		flex: 0 0 50%; /* do not grow or shrink, fixed at 50% */
		box-sizing: border-box; /* include padding/border in width */
		padding: 50px; /* optional spacing */
	  }
	.home-page-half-1,
	.home-page-half-2 {
		flex: 0 0 50%; /* do not grow or shrink, fixed at 50% */
		box-sizing: border-box; /* include padding/border in width */
		padding: 50px; /* optional spacing */
	  }
	.home-page-half-1 {
		padding:0	
	}
	.nopadding{
		padding:0
	}
	.home-split-2-1,
	.home-split-2-2 {
		flex: 0 0 50%; /* do not grow or shrink, fixed at 50% */
		box-sizing: border-box; /* include padding/border in width */
		padding: 20px; /* optional spacing */
		margin:30px 0	
	 }
	.home-split-2-2 {
		padding: 0; /* optional spacing */
	}
    .homepage-cards {
        flex-direction: row;   /* horizontal layout */
        flex-wrap: wrap;
    }

    .homepage-cards a {
        flex: 1 1 33.333%;     /* 3 columns */
        margin: 0;             /* flush edges */
    }
      .feature {
	    flex: 1 1 calc(33.333% - 20px);
	  }


    .card {
        margin-bottom: 0;      /* remove bottom spacing for horizontal layout */
    }

	#footer-left {
		max-width:25%;
	}
	#footer-center {
		max-width:25%;
	}
	#footer-right {
		max-width:50%;
		float:left;
	}
	#footer-right img{
		float:none;
		margin:30px auto;
		display:block;
		
	}
  	.casestudies-info {
	    flex: 1 1 calc(25% - 20px); /* 4 columns, minus gap space */
	    box-sizing: border-box;
	}

}

@media (min-width: 1000px) {
	

	.header-inner {
		padding: 1rem 6rem;
	}
  
	.header-inner {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 0 ;
	}

	.header-titles-wrapper {
		margin:0;
		max-width: 100%;
		width:100%;
		padding: 0;
		text-align: left;
		min-height:175px
	}

	.header-titles {
		float:left;
		max-width:100%;
		width:100%;
		align-items: flex-start;
		margin:0;
	}

	.header-titles-left {
		float:left;
		max-width:30%;
		width:100%;
	}
	.header-titles-centre{
		float:left;
		max-width:10%;
		width:100%;
	}
	.header-titles-left img {
		margin:0;
		padding:20px 0 0 20%;
		width:auto;
	}
	.header-titles-right {	
		display:flex;
	  	flex-direction: column;
		text-align:right;
		max-width:70%;
		padding:5px 40px 0 20px;
		font-size:20px;
	}
	
	
	.header-navigation-wrapper {
		margin:0 5%;	
	}
	.primary-menu-wrapper {
		display: block;
	}
	
	.header-titles-right > .header-navigation-wrapper {
	  margin-top: 30px;
	}
	.header-link a:visited,
	.header-link a{
		color:#000 !important;
	}


	.header-titles .site-title,
	.header-titles .site-logo,
	.header-titles .site-description {
		margin: 1rem 0 0 2.4rem;
	}

	.wp-custom-logo .header-titles {
		align-items: center;
	}


}

@media (min-width: 1220px) {
	h1, .heading-size-1 {
    	font-size: 36px;
 	}
}

.um-locked-content { display:none }
/* Fixtures table styling */
.next-fixtures {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    color: #000000; /* text black */
}

/* Table header */
.next-fixtures thead th {
    background-color: #ff0000; /* red background */
    color: #ffffff; /* white text */
    padding: 8px 12px;
    text-align: center;
}

/* Table body cells */
.next-fixtures tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}

/* Alternate row background colors */
.next-fixtures tbody tr:nth-child(odd) {
    background-color: #ffffff; /* white */
}

.next-fixtures tbody tr:nth-child(even) {
    background-color: #fcb4b5; /* alternate color */
}

/* Optional: add hover effect */
.next-fixtures tbody tr:hover {
    background-color: #ffeaea;
}



button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
	display:block;
	margin:5px auto 10px auto;
	width:100%;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:white!important;
	background:#233D2D;
	color:white;
}
.mem-button:hover{
	background:#7FC99C;
	color:white!important
}
	

button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
		
	background:#7FC99C;
	color:white!important;
	text-decoration:none!important;
}


div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), 
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), 
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
	background-color:#233D2D!important;
	text-transform:uppercase!important;
	font-family: "Montserrat",arial!important;
	font-size:14px!important;
	padding:10px!important;
	width: 180px;
	border-radius:0!important;
}

div.wpforms-container-full input[type="submit"]:hover, 
div.wpforms-container-full button[type="submit"]:hover, 
div.wpforms-container-full .wpforms-page-button:hover, 
.wp-core-ui div.wpforms-container-full input[type="submit"]:hover, 
.wp-core-ui div.wpforms-container-full button[type="submit"]:hover, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover {
	background:#7FC99C!important;
	text-transform:uppercase!important;
	font-family: "Montserrat",arial!important;
	font-size:14px!important;
	padding:10px!important;
	width: 180px;
	border-radius:0!important;
}


/* Force Gutenberg columns to use flex */
.wp-block-columns {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2rem; /* spacing between columns */
}

/* Each column should take equal width */
.wp-block-column {
    flex: 1;
    min-width: 300px; /* stacks on small screens */
}

.entry-content .wp-block-columns {
    float: none !important;
    width: 100%;
}

.wp-block-column .e-font-icon-svg {
  display: block;     /* makes margin auto work */
  width: 100px;       /* your desired width */
  height: auto;       /* maintain aspect ratio */
  margin: 0 auto 20px; /* centers horizontally, adds 20px bottom spacing */
}

.wpforms-container .wpforms-field, 
.wp-core-ui div.wpforms-container .wpforms-field {
	padding:5px 0
}


.wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close {
	color:black!important
}

.ngg-galleryoverview.default-view {
	margin-bottom:40px!important
}

.show-button {
	margin:0 auto!important;
	display:block!important;
	width:600px!important;
	border-radius:8px!important;
	padding:8px!important;
	background:#233D2D!important
}
p.show-button{
	margin:0 auto!important;
	padding:0!important
}
.show-button:hover {
	background:#7FC99C!important
}

.show-button a {
    display: flex;
    align-items: center;       /* vertical centering */
    justify-content: center;   /* horizontal centering */
    height: 50px;              /* adjust as needed */
    text-align: center;
    color:white;
}