/*
	Theme Name:   Jonathan Britto
	Theme URI:    https://fluidal.net/
	Description: A mobile-first responsive, vanilla boilerplate WordPress theme ready for customisation. Now with added Bootstrap. Please do not delete either the Fludial parent theme or customised Fludial child theme. You will need both for this site to work correctly.
	Author:       Duncan Arrow
	Author URI:   https://duncanarrow.com/
	Template:     fluidal
	Version:      19.0
*/

.topbar { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 2; background-color: #26211e; box-shadow: #4d4d4d 2px 0px 14px 0px; font-size: 16px; color: white; }
.topbar a { color: #fff; }
.topbar a:hover { color: #c47e5a; }
.headerfullwidth { background-color: #f9f9f9; border-bottom: 0px solid #ccc; padding-top: 80px; }
.headerfullwidth #nav { justify-content: center; }
.navigation { background-color: #e8e8e8; }
.navigation #nav { justify-content: center!important; padding: 0px!important; margin-bottom: 0px!important; }

.logged-in .headerfullwidth { padding-top: 48px; }
.contact-sticky {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
}

.contact-sticky a {
    float: left;
    width: 50%;
    padding: 18px 0;
    font-display: swap;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

#top-doctors { border: 0px; max-width: 100%; width: 100%; height:600px; overflow: hidden }

@media (min-width: 1200px) {
	#top-doctors { border: 0px; max-width: 100%; width: 100%; height:350px; overflow: hidden; }
}

.ginput_container_consent label { display: inline-block; }
#chelmsford p, #london p, #colchester p { margin-bottom: -6px; }

ul.fluidal_dropdown { position: relative; z-index: 1; list-style-type: none; margin: 10px 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li { position: relative; margin-bottom: 0%!important; background-color: #214b5f; border-bottom: 1px solid #043851; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li a { color: white; }
ul.fluidal_dropdown li:hover { padding-bottom: 0px; background-color: #043851; cursor: pointer; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

ul.fluidal_dropdown li.please-select { background-color: #043851; color: white; font-weight: bold; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select:hover { color: #dd6e42; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select span { display: block; padding: 10px 14px; }
ul.fluidal_dropdown li.please-select:after {
	position: absolute;
	top: 22px;
	right: 15px;
	transform: translate(-50%, -50%);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

ul.fluidal_dropdown li.fa-down.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
}

ul.fluidal_dropdown li.fa-up.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
}

ul.fluidal_dropdown li ul.sub-menu { display: none; position: absolute; left: 0px; right: 0px; list-style-type: none; margin-left: 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li ul.sub-menu li a { display: block; padding: 8px 14px; }
/*ul.fluidal_dropdown li:hover .sub-menu { display: block; }*/

ul.fluidal_dropdown .sub-menu li:hover a { color: #dd6e42; }
ul.fluidal_dropdown li .sub-menu li:hover { color: #dd6e41; }

.blog_meta { color: #585858; }
.blog_meta > div { display: inline-block; white-space: nowrap; }

.author-posts img { width: 100%; }
.author-posts a { color: #c47e5a; }

a, a:visited {
	color: inherit;
	text-decoration: none; 
	font-weight: 600;
	outline : 0;
}

a:hover, a:focus {
	color: inherit;
}

b, strong {
    font-weight: 600;
}

.treatment_info strong { font-weight: normal; }

#nav a { display: block; color: inherit; padding: 12px 0px; }
#nav ul { top: 41px!important; padding-left: 0px!important; background-color: rgb(197 126 91 / 100%); }
#nav ul li { border-bottom: 1px solid #d38c68 !important; }
#nav li li:hover { background-color: #986d57; }
    
#nav li.home a, #nav li.current_page_item > a, #nav li.current_menu_item a, #nav li.current_page_parent > a, #nav li.current_menu_parent a { 
	color: #d2a244;
	text-decoration: none; 
	font-weight: 600;
	outline : 0;
}

#nav li a:hover { color: #d2a244; }

@media (max-width: 575px) {
	.hide-bg-sm.container-fluidal { background-image: none!important; }
}

@media (max-width: 767px) {
	.custom_bg_colour .col-md:last-of-type .d-flex { background-color: rgb(136 145 145 / 90%); color: white; }
	.hide-bg-md.container-fluidal { background-image: none!important; }
}

@media (max-width: 991px) {
	.hide-bg-lg.container-fluidal { background-image: none!important; }
}

@media (max-width: 1199px) {
	.hide-bg-xl.container-fluidal { background-image: none!important; }
}

@media (max-width: 1399px) {
	.hide-bg-xxl.container-fluidal { background-image: none!important; }
}

.header_two_blocks.caption .col-md:first-of-type .d-flex > div { padding: 10px; background: rgb(0 0 0 / 50%); }
.smaller-icons img { background-color: white; margin: 0 auto; padding: 10px; max-width: 83px; }
.smaller-icons .col-lg > .d-flex { background-color: white; padding-top: 30px; box-shadow: 0px 0px 25px #16628c; color: #000; }

.smaller-icons-1 img { background-color: white; margin: 0 auto; padding: 10px; max-width: 83px; }
.smaller-icons-1 .col-lg > .d-flex { background-color: white; padding-top: 30px; box-shadow: 0px 0px 25px #c3c3c3; color: #000; }

.treatment_summary .treatment_icon i { color: #9d9d9d; }

@media (min-width: 768px) and (max-width: 991px) {
}

.show_posts_shortcode ul.sp_list { padding-left: 0px!important; list-style-type: none; }
.show_posts_shortcode ul.sp_list li { border-top: 1px solid #053851; padding-top: 10px; padding-bottom: 10px; }
.show_posts_shortcode ul.sp_list li:last-of-type { padding-bottom: 0px; }

.simple_grid.smaller-icons .flex-custom-2 { flex-basis: auto; }

.box-shadow { box-shadow: 0px 0px 30px darkgrey; }


.logo img { width: 220px; }

#mobile_header { top: 100px!important; right: auto; left: 14px; }
#mobile_header span { background-color: #c47e5a; }

.mobile_nav.visible {
  transition: 1s ease;
}

.mobile_nav {
  transition: 1s cubic-bezier(.36,-0.01,0,.77);
}

@media (min-width: 480px) {
	.logo img { width: 220px; }
}

@media (min-width: 576px) {
	.logo img { width: 250px; }
	#mobile_header { top: 104px!important; }
}

@media (min-width: 992px) {
	#mobile_header, .mobile_header_menu_text { display: block; }
}

@media (min-width: 1200px) {
	#mobile_header, .mobile_header_menu_text { display: none; }
}

body { 
	font-size: 0.9em; 
	line-height: 1.5em;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400;
	font-style: normal;	
	color: #3c3632; 
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat', serif;
	font-style: normal;
	line-height: 1.2em;
	font-weight: 600;
}

h1 {
	font-size: calc(1.5rem + 1.5vw);
	line-height : 1.1em;
}

h2 {
	font-size : 2em;
	line-height : 1.2em;
}

h3 {
	font-size : 1.925rem;
	line-height : 1.4em;
}

h4 {
	font-size : 1.4rem;
	letter-spacing: 0px;
	line-height : 1.4em;
}

h5 {
	font-size : 1.2rem;
	letter-spacing: 0px;
	line-height : 1.4em;
}

h6 {
	font-size : 1.0rem;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1.4em;
}
	
.script { font-family: 'Licorice', cursive; margin-bottom: 0px; }

.image_overlay .overlay_title h2 { font-size: 18px; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
	background-color: #f9f9fa;
}

.white-fields input[type="text"], .white-fields input[type="password"], .white-fields input[type="email"], .white-fields input[type="tel"], .white-fields textarea { background-color: white; }

.no-col-padding .container-sm { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; }
.no-col-padding .row { margin: 0px!important; color: white; }
/*.no-col-padding .row > * { padding-left: 0px!important; padding-right: 0px!important; }*/
.no-col-padding .flex-custom-2 { padding: 30px!important; }
.no-col-padding.height-330.image_overlay .overlay { height: 320px!important; }
.no-col-padding.height-420.image_overlay .overlay { height: 420px!important; }

.overlay-height-400 .overlay { height: 400px; }

.parent-pageid-4891 #footer { background: #26211e url('https://jonathanbritto.com/wp-content/themes/britto/images/Britto-Footer.jpg') no-repeat center center; background-size: cover; }
#footer { background-color: #26211e; border-top: 0px solid #ddd; color: white; padding-top: 50px; padding-bottom: 10px; }
#footer img { width: 200px; }
#footer hr { border-top: 1px solid #3c3531; border-bottom: 1px solid #161514; margin: 0px 0px 20px; }

#subfooter { background-color: #26211e; color: white; padding-bottom: 25px; }
#footer a, #subfooter a { color: #c47e5a; }
#footer a:hover, #subfooter a:hover { color: white; }


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"], .button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active, .button:visited,
button:visited,
input[type="submit"]:visited,
input[type="reset"]:visited,
input[type="button"]:visited { background-color: #c47e5a; border: 0px solid #fff; border-radius: 0px; color: white!important; font-weight: 600; }

.button:hover, button:hover, .button.full-width:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #94502d; border: 0px solid #fff; color: white; }
.button.white { color: #c47e5a!important; border: 0px; }
.button.white:hover { color: white!important; border: 0px; }

.image_overlay .overlay_title { background-color: rgb(38 33 30 / 50%)!important; }
.image_overlay .overlay_hover { background-color: #79aec6; background-color: rgb(38 33 30 / 90%); }

.accordion h1, .accordion h2, .accordion h3, .accordion h4, .accordion h5, .accordion h6 { font-weight: bold; }