<!-- generated css from theme options -->

	html {}
	
	:root{
		--wp--preset--header--font: 'Carta Marina', serif;
		--wp--preset--body--font: 'Times New Roman', serif;
	}
	
	body {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		color: #000000;		
		font-family: var(--wp--preset--body--font);		
		background-image: url(https://dev.offthewallmedia.com/sevenoaks/wp-content/uploads/2022/12/leaf-bg-1-scaled.jpg);
	}
	
	p {			
		margin-top: 1.2em;
		margin-bottom: 1.2em;
	}
	

		h1, h2, h3, h4, h5, h6 {
			font-family: var(--wp--preset--header--font);
		}
	 
	h1 {		
		font-size: 28px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 0;
		margin-bottom: 1em;
	}	
 
	h2 {		
		font-size: 28px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 0;
		margin-bottom: 1.5em;
	}	
 
	h3 {		
		font-size: 25px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 1em;
		margin-bottom: 1em;
	}	
 
	h4 {		
		font-size: 23px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 1em;
		margin-bottom: 1em;
	}	
 
	h5 {		
		font-size: 20px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 0;
		margin-bottom: 0;
	}	
 
	h6 {		
		font-size: 18px;
		font-weight: 400;
		line-height: 1.1;
		color: #3d5731;			
		margin-top: 0;
		margin-bottom: 0;
	}	
.btn-yellow{		
	font-size:16px;;	font-weight:700;	padding:14px 20px;	background-color:rgb(255,201,38);	color:#000000;	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}	
			
.btn-yellow:hover{
	background-color:rgb(34,34,34);	color:#ffffff;	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.btn-white{		
		font-weight:700;	padding:14px 20px;	background-color:rgb(68,44,12);	color:#ffffff;	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}	
			
.btn-white:hover{
	background-color:rgb(34,34,34);	color:#ffffff;	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.btn-white-bordered{		
	font-size:16px;	font-weight:700;	padding:14px 20px;		color:#ffffff;	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}	
			
.btn-white-bordered:hover{
	background-color:rgb(34,34,34);	color:#ffffff;	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.btn-green-bordered{		
	font-size:16px;	font-weight:700;	padding:14px 20px;		color:#3d5731;	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}	
			
.btn-green-bordered:hover{
	background-color:rgb(34,34,34);	color:#ffffff;	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
 
	@media (min-width: 1300px) {
		.col-full,
		.container,
		.footer-widgets, 
		.related.products,
		#content > .woocommerce{		
			max-width: 1300px;	
		}	
	}

	body, button, input, textarea {
		font-family: var(--wp--preset--body--font);
	}
	
	#searchModal .close, 
	.video_modal .modal-header .close, 
	#modalLogin .close {
		color: var(--wp--preset--button--color);
		background: var(--wp--preset--button--bgcolor);		
	}
	
	#searchModal .close:hover,
	.video_modal .modal-header .close:hover,
	#modalLogin .close:hover	{
		color: var(--wp--hover--button--color);
		background: var(--wp--hover--button--bgcolor);
	}	

		.site-header .site-branding img,
		.site-footer .footer-widget-1 img{
			-webkit-filter: invert(100%) contrast(100%) brightness(200%);
			filter: invert(100%) contrast(100%) brightness(200%);
		} 
	 
		.site-header,
		.sub-menu,
		.site-header, .secondary-navigation ul ul, 
		.main-navigation ul.menu > li.menu-item-has-children:after, 
		.secondary-navigation ul.menu ul, 
		.storefront-handheld-footer-bar, 
		.storefront-handheld-footer-bar ul li > a, 
		.storefront-handheld-footer-bar ul li.search .site-search, 
		button.menu-toggle, button.menu-toggle:hover{
			background-color: rgb(61,87,49)
		}
	
		.secondary-navigation ul.menu a,
		.main-navigation ul li a, .site-title a, ul.menu li a, 
		.site-branding h1 a, button.menu-toggle, 
		.handheld-navigation .dropdown-toggle{
			color: #ffffff;
		}
	
		.main-navigation ul li a:hover, 
		.main-navigation ul li:hover > a, 
		.site-title a:hover, 
		.site-header ul.menu li.current-menu-item > a,
		.secondary-navigation ul.menu a:hover,
		.menu .current_page_parent > a,
		.secondary-navigation ul.menu > .current_page_parent > a{
			color: #8c5414;
		}
	
		#page {
			background-color: rgba(240,240,225,0.8);
		}
	
		.news-wrapper {
			background-color: rgba(104,147,83,0.75);
		}
	
		.footer-wrap {
			background-color: rgba(61,87,49,0.3);
		}
	
		.site-footer,
		.site-footer a,
		.site-footer a:not(.button):not(.components-button){
			color: #ffffff;
		}