/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2026 | 18:13:41 */
/* Add your CSS code here.

End of comment */ 

/* Outlines Out */

body {
	background-color: rgb(94,104,10);
}

body a,
body a:focus,
a, 
a:focus,
body input,
body input:focus,
input, 
input:focus,
body button,
body button:focus,
button,
button:focus {
	outline: none !important;
	outline: 0 !important;
}

h5 {
	font-size: 24px;
	line-height: 1.7em;
	color: #212121;
}
h6 {
	font-size: 21px;
	line-height: 1.7em;
	color: #212121;
}

/* Page layout */
body.home {
	background-image: url(https://www.graces-pace.co.uk/wp-content/uploads/2026/09/graces-pace-home-background-home.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
	background-size: cover;
	background-color: rgba(255,255,255,0);
}
#wrap {
	position: relative;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	margin-top: 220px;
	background-color: #FFFFFFE0;
	box-shadow: 0px 0px 23px 3px rgba(30,30,30,0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 10px 30px;
}
/* header corrections */
#wrap #site-header {
	position: fixed;
	background-color:rgba(255,255,255,0.8);
	height: 150px;
	padding: 5px 20px;
	border-bottom-width:9px;
	max-width:1024px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#wrap #site-header.catchSticky {
	background-color: rgba(255,255,255,0.95);	
}
#site-header-inner {
	padding: 0;
}
#site-header-inner.container {
	max-width: 100%;
}
#main #content-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
#site-navigation-wrap .dropdown-menu > li > a {
	line-height: 141px !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-navigation-wrap .sf-menu ul.sub-menu {
	top: 100%;
	right: 0px !important;
	left: auto !important;
}
#site-header .oceanwp-mobile-menu-icon {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
#site-header .oceanwp-mobile-menu-icon .hamburger-box {
	width: 20px;
	height: 22px;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-header.catchSticky .oceanwp-mobile-menu-icon .hamburger-box {
	width: 20px;
  	height: 22px;
  	display: inline-block;
  	position: relative;	
}
#site-header .oceanwp-mobile-menu-icon .hamburger-inner,
#site-header .oceanwp-mobile-menu-icon .hamburger-inner:after,
#site-header .oceanwp-mobile-menu-icon .hamburger-inner:before {
	width: 22px;
	height: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-header.catchSticky .oceanwp-mobile-menu-icon .hamburger-inner,
#site-header.catchSticky .oceanwp-mobile-menu-icon .hamburger-inner:after,
#site-header.catchSticky .oceanwp-mobile-menu-icon .hamburger-inner:before {
	width: 20px;
	height: 2px;
}
#site-header #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
	font-size: 36px;
	border: 0;
	outline: none;
	outline: 0;
}
#site-header .oceanwp-mobile-menu-icon > button {
	line-height: 130px;
}
#site-header.catchSticky .oceanwp-mobile-menu-icon > button {
	line-height: 90px;
}
#site-header #site-header-inner .oceanwp-mobile-menu-icon button:focus,
#site-header #site-header-inner .oceanwp-mobile-menu-icon button:hover,
#site-header #site-header-inner .oceanwp-mobile-menu-icon button:active, {
	background-color: transparent !important;
}
#wrap #site-header button:focus {
	background-color: transparent !important;
	background-color: none;
}

#site-header .oceanwp-mobile-menu-icon > button.mobile-menu:hover span.oceanwp-text {
	border-bottom: 2px solid #114d00;
}
#site-header.catchSticky .oceanwp-mobile-menu-icon > button.mobile-menu {
	font-size: 36px;
	line-height: 80px;
}
#site-header .oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-text, 
#site-header .oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-close-text {
	line-height: inherit;
}
#site-header.catchSticky .oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-text, 
#site-header.catchSticky .oceanwp-mobile-menu-icon > button.mobile-menu .oceanwp-close-text {
	line-height: inherit;	
}

#site-header #site-logo #site-logo-inner {
	height:280px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-header #site-logo #site-logo-inner a {
	display: inline;
}
#site-header #site-logo #site-logo-inner a img {
	height:340px;
	position: relative;
	top: -210px;
	max-width: unset;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-header #site-logo #site-logo-inner a:hover img {
	-moz-opacity: .6;
	-webkit-opacity: .6;
	opacity: 1;
	height: 355px;
}
.oceanwp-social-menu .social-menu-inner {
	height: 120px !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#site-header.catchSticky  {
	height: 100px !important;
	background-color: rgba(255,255,255,0.90);
	border-bottom: 5px solid rgba(72, 132, 39,0.75) !important;
	box-shadow: 0 10px 15px rgba(33,33,33,0.5);
}
#site-header.catchSticky #site-navigation-wrap .dropdown-menu > li > a {
	line-height: 95px !important;
}
#site-header.catchSticky #site-logo #site-logo-inner{
	height:95px;
}
#site-header.catchSticky #site-logo #site-logo-inner a img {
	height:95px;
	top: -5px;
}
#site-header.catchSticky .oceanwp-social-menu .social-menu-inner {
	height: 90px !important;
}
#site-header .after-header-content .after-header-content-inner {
	height:130px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.after-header-content .after-header-content-inner > div > a {
	display: inline-block;
	line-height: 24px !important;
	font-size:19px !important;
}
#site-header.catchSticky .after-header-content .after-header-content-inner {
	height:85px;
}
.elementor-button-link.elementor-button.elementor-size-lg.header-button {
	line-height: 18px;
}
.pageHeadline {
	overflow:hidden;
}
#footer-bottom #footer-bottom-menu {
	float: none;
	text-align: center;
	padding: 0 15px;
}
#footer-bottom #copyright {
	float: none;
	text-align: center;
	padding: 0 15px;
}
#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
	width: 100%;
}
#footer-bottom a, 
#footer-bottom #footer-bottom-menu a {
	line-height: 2.4em !important;
	display: inline-block !important;
}
.carousel .carousel-indicators {
	bottom: -15px;
}
.btn.btn-slider {
    margin-left: 20px;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
body div.wpforms-container-full .wpforms-form input[type="submit"], 
body div.wpforms-container-full .wpforms-form button[type="submit"], 
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}

/* Call button */

#callNow {
	display: inline-block;
	position: fixed;
	left: 0;
	bottom: 20px;
	max-width: 50%;
}

@media (min-width: 767px) {
	#callNow {
		display: none;
	}
}
/* Phone header*/

#site-header-inner::before {
  	content: "+44(0)7553 618620";
  	position: absolute;
  	bottom: 20%;
}
#site-header-inner::after {
	content: "Phone & WhatsApp";
	position: absolute;
	bottom: 50%;
	left: 0px;
	height: auto;
	visibility: visible;
}
/* Responsive */
@media (min-width: 320px) {
	.elementor-242 .elementor-element.elementor-element-c3282f7 .tgx-slider-1 .carousel .carousel-inner .item .carousel-caption {
		width: 100% !important;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 10px 7px;
	}
}
@media (min-width: 320px) and (max-width: 544px) {
	#outer-wrap #wrap {
		margin-top: 110px;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  		padding: 10px 10px;
	}
	#outer-wrap #wrap #site-header {
		height: 100px;
		padding: 0 5px;
	}
	#outer-wrap #wrap #site-header.mob-catchSticky {
		height: 90px;
	}
	#site-header #site-logo #site-logo-inner {
		height: 60px;
	}
	#site-header #site-logo #site-logo-inner a img {
		height: 180px;
		max-width: unset;
		top: -90px;
	}
	#site-header #site-logo #site-logo-inner a:hover img {
		height: 190px;
		max-width: unset;
		top: -90px;
	}
	#site-header .oceanwp-mobile-menu-icon a {
		line-height: 90px;
	}
	#site-navigation-wrap .dropdown-menu > li > a {
		line-height: 60px;
	}
	#wrap #site-header.mob-catchSticky  {
		height: 70px !important;
		background-color:rgba(255,255,255,0.9);
	}
	#site-header.mob-catchSticky #site-logo #site-logo-inner {
		height:60px;
	}
	#site-header.mob-catchSticky #site-logo #site-logo-inner a img {
		height:60px;
		top: 0;
	}
	#site-header.mob-catchSticky .oceanwp-mobile-menu-icon a,
	#site-header.mob-catchSticky .after-header-content-inner > a {
		line-height: 60px;
	}
	#site-header #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		font-size: 18px;
	}
	#site-header .oceanwp-mobile-menu-icon .hamburger-box {
		width: 16px;
		height: 18px;
	}
	#site-header .oceanwp-mobile-menu-icon > button {
		line-height: 90px;
	}
	#site-header.mob-catchSticky #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 60px
	}
	#site-header.mob-catchSticky #site-navigation-wrap .dropdown-menu > li > a {
		line-height: 40px;
	}
	#site-header.mob-catchSticky .oceanwp-social-menu .social-menu-inner {
		height: 50px;
	}
	#footer-widgets {
		padding: 0;
		margin: 0;
	}	
}
@media (min-width: 545px) and (max-width: 767px) {
	#outer-wrap #wrap {
		margin-top: 180px;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 10px 15px;
	}
	#site-header #site-logo #site-logo-inner a img {
		height: 290px;
		top: -180px;
	}
	#site-header.mob-catchSticky #site-logo #site-logo-inner a img {
		max-height: 90px;
		height: 90px;
		top: 0px;
	}
	#site-header #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 110px;
	}
	#site-header.mob-catchSticky #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 90px;
	}
	#outer-wrap #wrap #site-header {
		height: 120px;
		padding: 0 10px;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	#site-header-inner::before, #site-header-inner::after {
		visibility: hidden;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	#wrap {
		margin-top: 180px;
		max-width: 100%;
		width: 92%;
	}
	body #wrap .container {
		max-width: 100%;
		width: 100%;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 10px 20px;
	}
	#outer-wrap #wrap #site-header {
		padding: 0 20px;
		position: fixed;
		background-color:rgba(255,255,255,0.85);
		height: 130px;
		width: 92%;
	}
	#outer-wrap #wrap #site-header.catchSticky {
		background-color:rgba(255,255,255,1);
	}
	#site-header #site-logo #site-logo-inner a img {
		height: 300px;
		top: -180px;
	}
	#site-header #site-logo #site-logo-inner a:hover img {
		height: 310px;
	}
	#site-header #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 120px;
	}
	#site-header.catchSticky #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 90px;
	}
	#site-header-inner.container {
		max-width: 100% !important; 
		width: auto !important;
	}
	#primary {
		margin:0;
	}
	#site-header .oceanwp-mobile-menu-icon a {
		line-height: 130px !important;
	}
	#site-navigation-wrap .dropdown-menu > li > a {
		line-height: 120px !important;
	}
	.oceanwp-social-menu .social-menu-inner {
		height: 100px !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#site-header.catchSticky {
		height: 100px !important;
		background-color:rgba(255,255,255,0.85);
	}
	#site-header.catchSticky #site-logo #site-logo-inner {
		height: 95px;
	}
	#site-header.catchSticky #site-logo #site-logo-inner a img {
		max-height: 95px;
	}
	#site-header.catchSticky .oceanwp-mobile-menu-icon a {
		line-height: 80px !important;
	}

	#site-header.catchSticky .after-header-content-inner > a {
		line-height: 80px !important;
	}
	#site-header.catchSticky #site-navigation-wrap .dropdown-menu > li > a {
		line-height: 75px !important;
	}
}
@media (min-width: 1024px) and (max-width: 1099px) {
	#wrap {
		width: 92%;
	}
	body #wrap .container {
		max-width: 100%;
		width: 100%;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 10px 30px;
	}
	#outer-wrap #wrap #site-header {
		padding: 0 20px;
		position: fixed;
		background-color:rgba(255,255,255,0.85);
		width: 92%;
	}
	#outer-wrap #wrap #site-header.catchSticky {
		background-color:rgba(255,255,255,1);
	}
	#site-header #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 140px;
	}
	#site-header.catchSticky #site-header-inner .oceanwp-mobile-menu-icon button.mobile-menu {
		line-height: 90px;
	}
	
}

@media (min-width: 1100px) {
	body #wrap .container {
		max-width: 100%;
		width: 100%;
	}
	#site-header-inner.container {
		width: auto;
		padding-left:0px;
		padding-right:0px;
	}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 10px 30px;
	}
}
/* FUCKING ELEMENTOR SITEKIT BUTTON SHIT CORRECTION */
#sidr button.sidr-class-toggle-sidr-close,
#sidr button.sidr-class-toggle-sidr-close:hover,
#sidr button.sidr-class-toggle-sidr-close:focus,
#sidr button.sidr-class-toggle-sidr-close:active {
	font-size: 17px;
	border: 0;
	background-color: #f8f8f8;
}
#sidr button.sidr-class-toggle-sidr-close i {
	display: inline-block;
	padding-right: 5px;
	vertical-align: bottom;
	font-size: 28px;
}
#sidr button.sidr-class-toggle-sidr-close:hover {
	color: #2F4D00;	
}
#sidr.sidr .sidr-inner a {
  font-size: 19px;
}
a:hover, a.light:hover, 
.theme-heading .text::before, 
.theme-heading .text::after, 
#top-bar-content > a:hover, 
#top-bar-social li.oceanwp-email a:hover, 
#site-navigation-wrap .dropdown-menu > li > a:hover, 
#site-header.medium-header #medium-searchform button:hover, 
.oceanwp-mobile-menu-icon a:hover, 
.blog-entry.post .blog-entry-header .entry-title a:hover, 
.blog-entry.post .blog-entry-readmore a:hover, 
.blog-entry.thumbnail-entry .blog-entry-category a, 
ul.meta li a:hover, 
.dropcap, 
.single nav.post-navigation .nav-links .title, 
body .related-post-title a:hover, 
body #wp-calendar caption, 
body .contact-info-widget.default i, 
body .contact-info-widget.big-icons i, 
body .custom-links-widget .oceanwp-custom-links li a:hover, 
body .custom-links-widget .oceanwp-custom-links li a:hover::before, 
body .posts-thumbnails-widget li a:hover, 
body .social-widget li.oceanwp-email a:hover, 
.comment-author .comment-meta .comment-reply-link, 
#respond #cancel-comment-reply-link:hover, 
#footer-widgets .footer-box a:hover, 
#footer-bottom a:hover, 
#footer-bottom #footer-bottom-menu a:hover, 
.sidr a:hover, 
.sidr-class-dropdown-toggle:hover, 
.sidr-class-menu-item-has-children.active > a, 
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle, 
input[type="checkbox"]:checked::before {
  color: #75A25C;
}
/* Contact Form additions */
.wpcf7-form-control.wpcf7-captchar {
    display: inline-block;
    width: 120px;
}
.wpcf7 .wpcf7-form-control-wrap.captcha-1 {
width: auto;
display: inline-block;
}
.wpcf7-form-control.wpcf7-captchar {
display: inline-block;
width: 120px;
}

/* Footer bottom /
#footer-bottom { 
	padding: 0; 
}
#footer-bottom-inner { 
	padding: 22px 0 20px; 
	border-top: 1px solid #eaeaea; 
}
#footer-bottom #footer-bottom-menu, 
#footer-bottom #copyright { 
	float: none; 
	width: 100%; 
	padding: 0 !important; 
	text-align: center; 
}
#footer-bottom #footer-bottom-menu a { 
	padding: 0 15px; 
}
#footer-bottom #footer-bottom-menu li:after { 
	display: none; 
}
#footer-bottom #copyright { 
	margin-top: 20px; 
}

/* Full width buttons on the last section /
.elementor-element.full-btn .elementor-button { display: block; }

/* Add simple line icons to the header social menu /
#oceanwp-social-menu span { font-family: simple-line-icons; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#oceanwp-social-menu .fa-twitter:before { content: "\e009"; }
#oceanwp-social-menu .fa-facebook:before { content: "\e00b"; }
#oceanwp-social-menu .fa-google-plus:before { content: "\e60d"; }
#oceanwp-social-menu .fa-instagram:before { content: "\e609"; }

/* Widgets titles /
.widget-title { position: relative; padding: 0 0 10px; border: 0; }
.widget-title:after { content: ''; position: absolute; bottom: 0; left: 0; display: inline-block; background-color: #6e8fef; height: 2px; width: 28px; }


*/
