/*
 Theme Name:   Birmingham GP
 Theme URI:    https://birmingham-gp.co.uk/
 Description:  Bimingham GP child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/


a.button, li.menu-btn a, #contact-form input[type="button"] {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	font-weight: 500;
}
p.font-500 {
	font-weight: 500;
}
a.button.cta-btn {
	background-color: var(--33470);
}
a.button.cta-btn:hover {
	background-color: #303848;
}
a.button.sm-btn {
	font-size: 15px;
}
a.button.inv-btn {
	background-color: var(--33470);
}
a.button.inv-btn:hover {
	background-color: #63CCC8;
}
ul.green-bullets li::marker {
	font-size: 20px;
	line-height: 1;
}
/* nav */
.main-navigation .main-nav ul li.menu-btn a {
	line-height: 40px;
	margin-left: 10px;
}
.main-navigation .main-nav ul li.menu-btn a, .main-navigation .main-nav ul li.menu-btn a:hover {
	color: #fff;
}
.button.inv-btn, .main-navigation .main-nav ul li.menu-btn a:hover {
	background-color: #63CCC8;
}
.button.inv-btn:hover, .main-navigation .main-nav ul li.menu-btn a {
	background-color: #334E70;
}
.main-navigation .main-nav ul ul li a {
	font-weight: normal;
	font-size: 14px;
}
.main-navigation ul ul {
	box-shadow: 0px 3px 3px 2px rgb(0 0 0 / 5%);
	border-radius: 8px;
}
@media (min-width: 981px) and (max-width: 1100px) {
	.main-navigation .main-nav ul li a {
		padding-left: 14px; 
		padding-right: 14px;
	}
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 14px;
	}
}
@media (max-width: 980px) {
	.main-navigation .menu-toggle {
		font-size: 28px;
	}
	.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus {
		background-color: #fff;
	}
	#primary-menu { 
		background-color: #F2F5FA;
	}
	.main-navigation .main-nav ul li a {
		text-align: center;
	}
	.main-navigation .main-nav ul li.menu-btn a {
		max-width: 220px; 
		margin-left: auto; margin-right: auto;
	}
	.main-navigation .main-nav ul {
		padding-bottom: 20px;
	}
	.menu-toggle {
		padding: 0;
	}
	.main-navigation.toggled .main-nav ul ul {
		border-bottom: none;
	}
	.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
		float: none;
	}
	.main-navigation.toggled .main-nav ul ul.toggled-on {
		background-color: #fff;
		padding-bottom: 0;
	}
}
@media (max-width: 768px) {
	.inside-navigation .navigation-branding, .site-logo {
		margin-left: 20px;
	}
	.menu-toggle {
		padding-right: 20px;
	}
}

@media (max-width: 499px) {
	.site-header .header-image, .sticky-navigation-logo {
		max-width: 240px;
	}
	.navigation-branding .sticky-navigation-logo img {
		height: auto; 
	}
	.inside-header {
		padding-top: 10px; padding-bottom: 10px;
	}
	
}

/* home sections */
@media (min-width: 1450px) {
	.gb-container-1f658f77.home-hero {
		padding-bottom: 50px;
	}
}
@media (min-width: 768px) and (max-width: 1249px) {
	.gb-container-1f658f77.home-hero {
		background-position: 65% center;
	}
}

/* accordions */
.accordion-content, .faq-accordion-content {
    display: none;
}
.accordion-content.default, .faq-accordion-content.default {
	display: block;
}
.accordion-toggle.toggle-open:after, .faq-accordion-toggle.faq-toggle-open:after {
	content: '-';
}
.accordion-toggle:after, .faq-accordion-toggle:after {
	content: '+';
}
.accordion-toggle.toggle-open:after, .accordion-toggle:after, .faq-accordion-toggle.toggle-open:after, .faq-accordion-toggle:after {
	margin-left: 5px;
}
.site-footer {
	background-color: #63CCC8;
}

@media (max-width: 767px) {
	.about-img-col img {
		max-width: 140px;
		margin: 0 auto;
	}
}


/* map */
.leaflet-popup .leaflet-popup-content h6 {
	font-size: 18px;
}
.leaflet-popup .leaflet-popup-content p {
	font-size: 14px;
}
.leaflet-popup-content-wrapper {
	border-top-right-radius: 0;
}

/* form */
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea, #contact-form input[type="number"] {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-appearance: none;
}
#contact-form .list-checkbox-wrap .nf-field-element li label {
    font-size: 14px;
}