/*
Theme Name:  Gait Guys UK
Theme URI:   https://www.gaitguys.co.uk
Version:     1.0
Description: This is a custom child theme created for Gait Guys UK.
Author:      Yellow Circle - Creative Agency
Author URI:  https://www.yellowcircle.co.uk
Template:    Divi
*/
/****************************************************************
*				          Structure								*
*****************************************************************/
.right-side-spacing {padding-right:30px;}
/****************************************************************
*						  Navigation							*
*****************************************************************/

#header-main #menu-main-menu li {padding-left: 0px; padding-right:25px; margin-top: 0px;}
#header-main #menu-main-menu .sub-menu li {padding-right: 0px; width: 100%;}
#header-main #menu-main-menu .sub-menu li a {width: 100%; text-align: center;}
.highlighted-link {background-color:#EDFF00; padding:0 45px; text-align:center; color:#005D72;}

#menu-main-menu .contact-us-button a {padding: 15px 30px!important; background-color: #EDFF00; border: 1px solid #EDFF00; color: #005D72; font-size: 16px!important; border-radius: 5px; line-height: 1em!important;}
#menu-main-menu .contact-us-button a:hover {background-color: #005D72; border-color: #005D72; color: #EDFF00!important; opacity: 1!important;}
#menu-main-menu li a {padding-top: 15px; padding-bottom: 15px; line-height: 1em!important;}
.et-menu .menu-item-has-children>a:first-child:after {top: 15px;}


/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1149px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}

/****************************************************************
*						   Footer	                            *
*****************************************************************/

#main-footer a {color: #fff;}
#main-footer a:hover {color: #50b6de;}
#main-footer ul li:first-of-type {font-weight: 600;}
#main-footer ul {padding-left: 0px; list-style-type: none; line-height: 2em;}

 /***************************************************************
*						Typography								*
*****************************************************************/
html, body {font-size:16px; font-family: sofia-pro, sans-serif;} /* font weights 300 - light, 400 regular, 500 medium */
h1 {font-size:1.875em; padding-bottom:26px; font-weight: 400!important;}
h2, h3, h4, h5 {padding-bottom: 26px; line-height: 1.2em; font-weight: 400!important;}
p {font-size:1em; padding-bottom:20px; font-weight: 400!important;}
p.lead {font-size:1.25em;}

#subheading h4 {padding-bottom: 0px;}
#subheading p {font-weight: 600;}



#podiatry-blurbs .et_pb_main_blurb_image {max-width: 48px;}
#podiatry-blurbs .et_pb_blurb_content {max-width: 100%; border: 1px solid #E6E6E6; padding: 15% 0%; border-radius: 10px;}
#podiatry-blurbs .et_pb_module_header {padding-bottom: 16px!important;}


.et_pb_accordion .et_pb_accordion_item {margin-bottom: 30px!important;}
.et_pb_accordion .et_pb_accordion_item:last-of-type {margin-bottom: 0px!important;}


#about-us-banner i {color: #F1FD53; font-size: 3.5em;}

.divider {padding: 0px 5px;}

#contact-page-emails-and-number a {color: #002D38;}
#contact-page-emails-and-number a:hover {color: #50B6DE;}

 /***************************************************************
*						Blog								*
*****************************************************************/

#blog-section article.et_pb_post {display: flex; flex-direction: column;}
#blog-section article.et_pb_post .et_pb_image_container {margin-bottom: 19px;}
#blog-section article.et_pb_post .et_pb_image_container a {margin-bottom: 0px;}
#blog-section article.et_pb_post .entry-title {order: 2; padding-bottom: 20px;}
#blog-section article.et_pb_post .post-meta {order: 1; margin-bottom: 20px;}
#blog-section article.et_pb_post .post-content {order: 3;}
#blog-section article.et_pb_post .more-link {text-transform: capitalize;}
.wp-pagenavi a, .wp-pagenavi span {border: none!important; color: #8C8D9B;}
.wp-pagenavi span.current {color: #00B8E2!important;}
.wp-pagenavi {text-align: center;}

 /***************************************************************
*						Colours									*
*****************************************************************/
.bg-dark-teal {background-color:#005D72;}
.bg-light-blue {background-color:#00b8e2;}
.bg-dark-grey {background-color:#2f3436;}
.fg-dark-teal {color:#005D72;}
.fg-light-green {color:#EDFF00;}
.fg-light-blue {color:#00b8e2;}
.fg-dark-grey{color:#2f3436;}
.fg-white {color:#fff;}
/****************************************************************
*						Links									*
*****************************************************************/

/****************************************************************
*						Lists			          			    *
*****************************************************************/

 /***************************************************************
*						Images									*
*****************************************************************/

 /***************************************************************
*						Sliders									*
*****************************************************************/

.dsm-before-after-image-slider-before-label, .dsm-before-after-image-slider-after-label {display: none!important;}

/****************************************************************
*						Forms									*
*****************************************************************/

body .gform_wrapper .top_label div.ginput_container, .gform_wrapper li.hidden_label input {margin-top: 0px!important;}
.gform_wrapper li.hidden_label input, .gform_wrapper li.hidden_label select {height: 43px; padding: 5px 20px!important; color: #8C8D9B!important; border-radius: 5px;}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {margin-left: 0px!important;}
.gform_wrapper li.hidden_label textarea {border-radius: 5px; padding: 5px 20px!important;}
.gform_button {background-color: #EDFF00; border: 1px solid #EDFF00; border-radius: 5px; color: #005D72!important; width: 264px!important; height: 48px; margin: 0 auto!important; display: block!important; cursor: pointer;}
.gform_button:hover {background-color: #005D72; border: 1px solid #005D72; color: #EDFF00!important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8C8D9B;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8C8D9B;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8C8D9B;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8C8D9B;
}

/****************************************************************
*						Buttons								    *
*****************************************************************/

/* .et_pb_button {width: 216px; height: 48px; display: flex!important; flex-direction: column; justify-content: center; margin: 0 auto;}
.et_pb_button_alignment_left .et_pb_button {margin: unset; text-align: center;}
.et_pb_button_alignment_right .et_pb_button {margin: unset; text-align: center;} */

body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button {padding: 15px 30px!important; line-height: 1em!important;}
body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button:hover {padding: 15px 30px!important; line-height: 1em!important;}

body #page-container #fullwidth-button {width: 100%!important; padding-left: 0px!important;}


/****************************************************************
*						Custom Styles					        *
*****************************************************************/

@media only screen and (max-width: 980px) {
 
.two-columns .et_pb_column {width: 50%!important;}
	
	/*Stop fullwidth header jumping on mobile devices*/
	.et_pb_fullwidth_header.et_pb_fullscreen .et_pb_fullwidth_header_container {min-height: 80vh!important; width: 100%!important;}
	.et_pb_fullwidth_header.et_pb_fullscreen {min-height: 80vh!important; padding-top: 0!important;}
	
}

@media only screen and (max-width: 1024px) {
	
	br {display: none;}
	
	
	
}


/****************************************************************
*			Smartphones in portrait mode (0-479px)				*
*****************************************************************/
@media only screen and (max-width: 479px) {
	
	h1 {font-size:28px;}
	h2 {font-size: 26px!important;}
	h3 {font-size: 22px!important;}
	h4 {font-size: 20px!important;}
	p.lead {font-size:1em;}
	p {font-size: 14px!important;}
	
	.et_mobile_menu {width: 200%; left: -100%; margin-top: 30px;}
	
	#header-main .et_pb_column {height: 40px;}
	
	.et_pb_fullwidth_header .header-content {width: 100%!important;}
	
}

/****************************************************************
*			Smartphones in landscape mode (480-768px)			*
*****************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/****************************************************************
*			 Tablets in portrait mode (768-980px) 		        *
*****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 980px) {}

/****************************************************************
*			Tablets in landscape mode (981-1100px)				*
*****************************************************************/
@media only screen and (min-width: 981px) and (max-width: 1100px) {
	
	#main-footer #first-row .et_pb_column {width: 33.3%!important;}
	#main-footer li {font-size: 14px!important;}
	
	#header-main .et_mobile_menu {list-style-type: none; display: block; width: 50%; left: 50%; text-align: left;}
	
}

/****************************************************************
*						981px and up							*
*****************************************************************/
@media only screen and (min-width: 981px) {}

/****************************************************************
*			Laptops and desktops (1100-1605px)					*
*****************************************************************/
@media only screen and (min-width: 1100px) and (max-width: 1605px) {
	
	#header-main .et_pb_column:nth-child(1n) {width: 10.875%!important;}
	#header-main .et_pb_column:nth-child(2n) {width: 83.625%!important;}
	
	#header-main #menu-main-menu li {padding-right: 25px!important;}
	
	#header-main #menu-main-menu .sub-menu li {padding-right: 0px!important;}
	
}

/****************************************************************
*			Large screens (1605px upwards)					    *
*****************************************************************/
@media only screen and (min-width: 1605px) {}