/*
 Theme Name:   christopherbentley
 Description:  Christopher Bentley child theme
 Template:     generatepress
 Author:       2able
 Version:      1.0
*/


@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	src: url('/fonts/Montserrat-VariableFont_wght.ttf')format('truetype');
}

.* {
	outline: 1px solid red;
}

a {
	text-decoration: none;
}

.sub-paragraph {
	font-size: 2.4rem;
	font-weight: 500;
}
/* Buttons */
.yellow-btn {
	padding: 20px 15px;
	background-color: var(--yellow);
	color: var(--text-1) !important;
	font-weight: 500;
}

.yellow-btn:hover {
	background-color: #3f4047;
color: white !important;
}

.yellow-btn a:hover {
	
}

.white-btn:hover {
	background-color: var(--light-blue);
	color: white;
}

.blue-btn:hover {
	background-color: white;
	color: var(--light-blue);
}

.dark-blue-btn:hover {
	background-color: white;
	color: var(--dark-blue);
}
/* ******************** */


/****** Header / Navigation ******/

.site-header {
	border-bottom: 3px solid var(--yellow);
}

@media (width < 518px) {
	.top-bar-link .gb-headline-text {
		display: none;
	}
}

/* Logo */
.site-branding {
	max-width: 300px;
	height: 100%;
	
}
.site-branding p {
	font-size: 3.6rem;
		font-weight: 400;
}
p.main-title::first-line {
    font-weight: 500 !important;
}

.logo-class {
	max-width: 300px;
	height: 100%;
	font-size: 3.6rem;
	font-weight: 400;
}

.logo-class::first-line {
    font-weight: 500 !important;
}

/* Nav */

.main-nav ul li a  {
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--text-1) !important;
	
}

#generate-slideout-menu .slideout-menu li li {
    border: 1px solid #ffdb75;
}

#generate-slideout-menu {
	width: 300px;
}

.slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
    background: #db5;
}

.menu-toggle {
	font-size: 3rem;
}


@media (max-width: 1040px) {
	
	.main-nav ul li a:hover {
		background-color: var(--yellow);
		
	}
	
	.main-nav ul .menu-item a {
	border-bottom: 2px solid var(--yellow);
}
	
	.main-navigation .main-nav ul ul li a {
		padding-left: 40px;
		border-bottom: none;
	}
	
}

@media (min-width: 1041px) {
	
	.nav-underline {
	height: 30px;
}
.nav-underline a{
	padding: 0 !important;
	margin: 0 10px !important;
	border-bottom:3px solid var(--white);
	
	
}
.nav-underline a:hover {
	border-color: var(--yellow);
	transition:  0.5s;
	transition-delay: 0.2s;
}
	

	.main-navigation .main-nav ul ul li {
border: 1px solid #ffdb75;
}
	
}

/* ******************** */

/********* Content  *********/

/* Page Hero Element */



/* Conditions section */

.conditions-container {
	position: absolute;
	
}

.conditions-left {
	left: 30px;
}

.conditions-right {
	right: 30px;
}

/* Form */

.book-a-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 20px;
    margin-left: auto;
    margin-right: auto;
}

.form-field {
	width: 20%
}
.form-field input{
	width: 100%;
	background-color: #F4F4F4;
	font-size: 2.2rem;
	border: none;
}

.form-field input::placeholder {
	color: #037274;
	opacity: 1;
}

.form-book-accept {
width: 100%;
	text-align: center;
	height: 20px;
	
}

.form-book-accept .wpcf7-list-item label input[type=checkbox]{
	width: 20px;
	height: 20px;
	border-radius: 100% !important;
	margin-right: 20px;
	background-color: #3CBC8D;
}

.form-book-submit {
width: 100%;
	text-align: center;
	
}

.form-book-submit input {
	background-color: var(--yellow);
	color: black;
	font-weight: 500;
	padding: 20px 15px;
}

.form-book-submit .wpcf7-spinner {
	display: none;
}

.wpcf7-response-output {
	margin-left: auto !important;
	margin-right: auto !important;
} 

/***** Squint Pages *****/

.conditions-link-btn {
	display: block !important;
	max-width: 300px !important;
	background: none !important;
	color: var(--text-1) !important;
	font-weight: 500;
	border-bottom: 2px solid var(--light-blue);
	margin-top: 20px !important;
		padding-left: 0 !important;
}

.conditions-link-btn:hover {
	background: none !important;
	color: var(--text-1) !important;
}


/***** Contact Page  ******/

/* Location Section */

@media (width < 500px) {
	.location-img {
		height: 300px;
	}
}

.contact-tel::before {
	content: "Tel: ";
	color: var(--lightest-blue);
}

.contact-mail::before {
	content: "Email: ";
	color: var(--lightest-blue);
}
/* ******************** */

/********* Footer *********/
.footer-nav nav ul ul li{
	width: 300px;
}

.footer-nav nav ul ul li:not(:last-of-type) {
border-bottom: 2px solid var(--yellow);
}

@media (width < 489px) {
	.gb-grid-column:has(.quick-links-container),
	.gb-grid-column:has(.contact-us-container) {
		width: 100% !important;
	} 
	
	.footer-logo-container {
		justify-content: start !important;
	}
	
	.quick-links-container,
	.contact-us-container,
	.footer-nav-links {
		align-items: start !important;
	}
}
/* ******************** */

/***** Tablet *****/
@media (width < 1025px) {
	
	.sub-paragraph {
	font-size: 2rem;
}
	
	.form-field {
	width: 48%;
}
}

/***** Mobile *****/
@media (width < 769px) {
	
	.sub-paragraph {
	font-size: 1.9rem;
}
	
	/* Logo */
	.site-branding p {
		font-size: 2.8rem;
		max-width: 180px;
	}
	.logo-class {
		font-size: 2.8rem !important;
		max-width: 180px;
	}
	
	/* Conditions section */
	.conditions-container {
	position: relative;
}
	
	.conditions-right {
	right: 0;
}
	
	.conditions-left {
		left: 0;
	}
	
	/* Location section	 */
	
  .location-container {
/* 		padding-left: 15px;
		padding-right: 15px; */
	}
	
	/* 	Form */
	.form-field {
	width: 100%;
}
	
	.form-field input{
	font-size: 1.9rem;
}
	
	.form-book-accept {
		margin-bottom: 60px;
	}
	/* condition links	 */
	.conditions-link-btn {
		max-width: 100%;
	}
	
	/* Footer	 */
		.footer-nav .footer-nav-links nav{
		justify-items: center;
	} 
	

}