/* 
Theme Name: Dr Sherrard - BS5
Theme URI: https://www.drsherrard.com
Version: 5
Author: Sam A. Russo
Author URI: http://www.Click-Refresh.com
*/
@import url('https://fonts.googleapis.com/css?family=Raleway');
 :root {
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #5882A4;
    --footer-bg: #5C87AA; 
}
        body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
        header {background: /*#4273B9*/ #fff; padding: 0px; margin: 0px;}
        footer {background-color: var(--footer-bg); padding-top: 2em;}
        .custom-logo {float: left !important; display: flex; align-items: flex-start;}
        .logo {padding-top: 2.5em;}
        .headerPhone {color: #436682; font-size: 28px; float:right; padding: 1em 0.5em 0 0;}    

         /* Navbar container spacing */
        .navbar,.navbar .container, .navbar .container-fluid {padding: 1rem 0 0 0 !important;}

        /* Top-level nav items spacing*/
        .navbar-nav > .nav-item {padding: 0;}

        /*  Top-level nav links (text-decoration underline)  */
        .navbar-nav > .nav-item > .nav-link {display: inline-block;  padding: 10px 1.5rem 0 1.5rem; font-weight: bold;  color: #000; text-decoration: none;  line-height: 20px;}

        /* Non-active top-level links get underline */
        .navbar-nav > .nav-item:not(.active) > .nav-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: #DF6730; text-underline-offset: 3px;}

        /* Active top-level link (no underline) */
        .navbar-nav > .nav-item.active > .nav-link, .navbar-nav > .nav-item > .nav-link.active {text-decoration: none;}

        /* Dropdown toggle*/
        .navbar-nav > .nav-item > .nav-link.dropdown-toggle {
            display: inline-flex; align-items: center;  gap: 0.25rem;}

        /* Hover/focus effect for top-level links */
        .navbar-nav > .nav-item > .nav-link:hover, .navbar-nav > .nav-item > .nav-link:focus {color: #000; background-color: #fff;}

        /* Dropdown menu container*/
        .navbar-nav > .nav-item > .dropdown-menu {
            position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; margin: 2px 0 0; padding: 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 0 0 4px 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}

        /* Remove top border rounding for submenu alignment */
        .navbar-nav > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0;}

        /* Dropdown menu items */
        .navbar-nav .dropdown-menu .dropdown-item, .navbar-nav .dropdown-menu > li > a {display: block; clear: both; padding: 14px 20px; font-weight: 400; line-height: 1.42857143; white-space: nowrap; color: #999; text-decoration: none;}

        /* Hover/focus effect for dropdown items */
        .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus { color: #000; background-color: #f8f8f8; outline: 0; text-decoration: none;}

        /*  Active dropdown item (overrides Bootstrap 5 defaults) */
        .navbar-nav .dropdown-menu > .active > .dropdown-item,
        .navbar-nav .dropdown-menu > .active > .dropdown-item:focus,
        .navbar-nav .dropdown-menu > .active > .dropdown-item:hover,
        .navbar-nav .dropdown-menu > .active > a,
        .navbar-nav .dropdown-menu > .active > a:focus,
        .navbar-nav .dropdown-menu > .active > a:hover,
        .dropdown-item.active,
        .dropdown-item.active:focus,
        .dropdown-item.active:hover,
        .dropdown-item:active,
        .dropdown-item:active:focus,
        .dropdown-item:active:hover {
            background-color: #5882A4 !important;
            color: #fff !important;
            text-decoration: none !important;
            outline: 0 !important;
            border: none !important;
        }

        /* Ensure dropdown displays when open */
        .navbar-nav .open > .dropdown-menu {display: block;}

        /* Offcanvas menu adjustments */
        .offcanvas-body .navbar-nav > .nav-item > .nav-link {padding-left: 1.5rem; padding-right: 1.5rem;}
        .offcanvas-body .navbar-nav > .nav-item > .nav-link.dropdown-toggle {display: inline-flex; align-items: center; gap: 0.25rem;}

        /* blue bar with h1 title (below navigation) */  
        .headline-bar.blue {margin-bottom: 2rem !important;}
        .blue {background-color: #5882A4; padding: 20px 0px; box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); margin-top: 8px;}
        .blue h1 {color: #fff; font-family: 'Raleway', sans-serif; font-weight: bold;}

        footer h3 {color: #fff;	margin-top: 0px; font-size: 20px; margin-bottom: 10px;}
        footer p {margin-bottom: 0; line-height: 1.6; font-size: 14px;}
        footer a {padding-right: 2em; color: #fff;}
        footer a:hover {color: #ccc;}
        .title-decor span {display: block; width: 40px; height: 1px; background-color: #de6026;}    
        footer .title-decor {background: #7E7E7E; width: 90%; height: 1px; margin-bottom: 20px;}
        .copyright {margin-top: 10px; float: left; text-align: left; color: #ccc;
        }

/*-- BEGIN OLD STYLES --*/

.contactBlue {
	background-color: #5882A4;
	padding: 20px 0px;
	color: #fff;
	font-size: 18px;
}
.contactBlue a:link {
	padding-left: 2rem;
	color: #fff;
}
.contactBlue a:visited {
	color: #fff;
}
.contactBlue a:hover {
	text-decoration: underline;
}
.fa-phone {
	font-size: 20px;
}
.about-us-row, .location-row {
	background-color: #E8EBED;
	padding: 40px 0px;
    margin-left: -15px;
    margin-right: -15px;
}
.about-us-row h4 {
	font-weight:lighter;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 0;
	outline: 0;
}
.about-us-row h3 {
	font-size: 28px;	
}
.home #content {
	margin-top: 0px;
	margin-bottom: 0px;
}
.services h3 {margin-bottom: 0px;}
.su-gmap {
    margin: 0;
    border: none;
}
.icon-marker {
	vertical-align:baseline;
	padding-right: 6px;
}
.sldr_title {padding-left: 10px;
}
.green-row {
	background-color: #97BB19;
	padding: 40px 0px;
}


.page-header {
    padding-bottom: 9px;
    margin: 0;
    border-bottom: none;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}
/* BUTTONS */
.btn-default, .label-default {
    background-color: #E06C37;
    border-color: #E06C37;
}
.btn-header {
	float: right;
}
.btn-orange {
	background-color: #E06C37;
	color: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px #ccc;
	font-weight:bold;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
}
.btn-green {
    padding: 4px 8px;
	background-color: #A0C02C;
	color: #fff;
	border-radius: 4px;
	font-weight:bold;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
}
.btn-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* TYPOGRAPHY & LINKS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #de6026;
	margin-top: 0px;
    margin-bottom: 20px;
	line-height: 1.5;
}
a {
    color: #436682;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#primary a {
	color: #de6026;
}
a:hover {
	text-decoration:underline;
}

/*.widget {
    margin: 0 0 2.5em;
}
.widget-title {
    border-bottom: none;
}*/
blockquote {
	font-size: 	14px;
}
/* FOOTER SPECIFIC STYLES*/
footer {
    background-color: #5C87AA;
    color: #fff;
}
.footer-row {
    background-color: #436682;
    padding: 10px 0;
    border-top: none;
}
.copyright {
    margin-top: 10px;
    float: left;
    text-align: left;
	color: #ccc;
}

footer .widgettitle {
    font-size: 20px;
    color: inherit;
    margin-top: 0px;
	/*border-bottom: 1px solid #DF6730;*/
	line-height: 20px;}
footer h3 {
	color: #fff;
	margin-top: 0px;
}
footer h3.ems {
	margin-top: -10px;
}
.scroll-to-top {
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: block;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  padding: 2px 10px;
  border-radius: 4px;
  transition: background-color 0.1s linear;
}
.scroll-to-top:hover {
  background: #E06C37;
  opacity: .8;}
.scroll-to-top a:link {color: #fff;}



/* SIDEBAR SPECIFIC STYLES */
#secondary .title-decor {
	background: #ccc;
	width: 100%;
    height: 1px;
    margin-bottom: 25px;
}
#secondary h3 {
	font-size: 20px;
}
#secondary h3.ems {
	margin-top: -10px;
}
#secondary a{
	color: #E06C37;
}
#secondary .fa {
	color: #E06C37;
	font-size: 1.2em;
	margin-right: 0.5em;
}
#secondary .fa-3x {
	font-size: 2.5em;
}
.carousel h2 {
	color: #fff;
	font-size: 74px;
	font-weight: 500;
	text-shadow: 2px 2px #444;
	margin-bottom: 20px;
	line-height: 0;
}
.carousel h3 {
	color: #fff;
	font-size: 74px;
	font-weight: bold;
	text-shadow: 2px 2px #444;
	letter-spacing:-1px;
}
.btn-green {
	background-color: #97BB19;
}
.icon-bg {
    margin-left: 1em;
	margin-top: 1.5rem;
	border-radius: 50%;
	padding: 15px 5px;
	background-color: #97BB19;
	height: 90px;
    width: 90px;
}
.hentry {
    margin: 0;
}
.services figure {margin: 1em 0 0;}

@media (max-width: 1600px) {
    
    
.carousel h2 {
	color: #fff;
	font-size: 54px;
}
.carousel h3 {
	color: #fff;
	font-size: 54px;
}
}

@media (max-width: 1024px) {
	.carousel h2 {
	font-size: 34px;
	margin-bottom: 20px;
	line-height: 1;
}
.carousel h3 {
	font-size: 34px;
}
}
	
@media (max-width: 767px) {
.navbar-toggler {margin-left: 1em; margin-bottom: 1em; margin-top: 0px;}
.logo {
	padding-top: 2em;
	text-align:center;
	padding-bottom: 0;
}
.custom-logo {
    float: none !important;
    display: block !important;
    margin: 0 auto;
    text-align: center; /* optional if img inside a container */
  }    
.btn-header {
	float: none;
	margin: 0px auto;
	text-align:center;
	margin-bottom: 0;
    font-size: 0.8rem
}
.btn-header .btn{font-size: 0.9rem; margin-bottom: 0px;}    
.headerPhone {
	float:none;
	padding: 0.5em 0 0;
	margin: 0px auto;
	text-align:center;
	margin-bottom: 0.3em;
}
.carousel h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 500;
	text-shadow: 2px 2px #444;
	margin-bottom: 20px;
	line-height: 0;
}
.carousel h3 {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-shadow: 2px 2px #444;
	letter-spacing:-1px;
}

.hmpg_mobile_hero {
  padding: 75px 0 0  0;
  margin: 0 auto !important;
  width: 100%;
  height: 400px;
  background:url(/images/sherrard_team_mobile.jpg) center center no-repeat;
  background-size: cover;
}
.hmpg_mobile_hero h3 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-shadow: 2px 2px #444;
	letter-spacing:-1px;
	line-height: 1;
}
.hmpg_mobile_hero h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	text-shadow: 2px 2px #444;
	margin-top:5.5rem;
	margin-bottom: 1rem;
	line-height: 1;
}
.icon-bg {
    margin-left: 0em;
	margin-top: 1.5rem;
	border-radius: 50%;
	padding: 15px 5px;
	background-color: #97BB19;
	height: 80px;
    width: 80px;
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(66,115,185, 1) !important;
}
.jump-top a, .jump-top a:link, .jump-top a:visited {color: #4BAEE2;}
.jump-top a:hover {color: #4273B9;}
footer {background-color: var(--footer-bg); }  
footer a, footer a:link {color: #fff;}
footer a:hover {text-decoration: underline;}

a {
  color: #004E7F;
  text-decoration: none;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

a:hover,
a:focus {
  color: #4BAEE2;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #2e5f8c;
	font-weight: bold;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;
}
.entry-title {
    font-size: 36px;
    color: #2e5f8c;
}
.service_wrapper {
	border: 1px solid #ccc;
	padding-bottom: 20px;
	border-radius:8px;	
	-webkit-box-shadow: 0px 1px 8px -2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 1px 8px -2px rgba(153,153,153,1);
	box-shadow: 0px 1px 8px -2px rgba(153,153,153,1);
}
.service_wrapper img {
	width: 100%;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.service_wrapper h3 {
	font-size: 24px;
	padding-left: 10px;
	padding-right: 10px;	
}
.service_wrapper p {
	line-height: 1.3;	
	padding-left: 10px;
	padding-right: 10px;
}