/*

My Custom CSS
=============

Author:  Ciuski 2020

font-family: 'Open Sans', sans-serif;
font-family: 'Sarala', sans-serif;

Blue: #0381a8
Yellow: #e7cd44
Light Blue: #cbe6ee


*/


/* --------------------------------------
   Global / Debug
   -------------------------------------- */

/* show MD columns 
div { border: solid 1px #000;} */

/*.container { max-width: 974px; }*/


.nopadding { padding: 0; }


.btn, a {
	-o-transition:color .2s ease-out, background 2s ease-in;
	-ms-transition:color .2s ease-out, background 2s ease-in;
	-moz-transition:color .2s ease-out, background 2s ease-in;
	-webkit-transition:color .2s ease-out, background 2s ease-in;
	/* ...and now for the proper property */
	transition:color .2s ease-out, background .2s ease-in;

}

body { overflow-x: hidden;}



/* --------------------------------------
   Simple classes
   -------------------------------------- */

.colorblue {
	color: #538ac9;
}

.big-text {
	font-size: 22px;	
}  
   

.small-text {
	font-size: 12px;
	text-align: left;
	font-style: italic;
 }
 
blockquote {
	font-size: 140%;
	font-style: italic;
	line-height: 1.4em;
	padding: 0;
	margin:0;
	border-left: none;
	padding: 15px;
	background-color: #fff; 
}

 
/* --------------------------------------
   TYPOGRAPHY
   -------------------------------------- */

body {
	font-family: 'Open Sans', sans-serif;
}  


h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	line-height: normal;
	font-family: 'Sarala', sans-serif;
	font-weight: 700;
	color: #0381a8;
	
}

h1 {
	font-size: 28px;
	margin-bottom: 30px;
	line-height: 1.3em;
}

h2 {
	font-size: 22px;
	
}

h3 {
	font-size: 22px;
}


h4 {
	font-size: 18px;
}

h5 {
	font-size: 18px;	
}


/* --------------------------------------
   header
   -------------------------------------- */

header {
	position: -webkit-sticky; 
	position: sticky; 
	top: 0; 
	z-index: 999;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

header #logo {
	text-align: center;
}

header #logo img {
 -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transitiont: height .3s;
  transition: height .3s;
  width: auto;

}

header #top-locations {
	background-color: #cbe6ee;
	font-size: 11px;
	padding: 15px 0;
}


header #top-locations .first {
	font-size: 20px;
	color: #1c99bf;
	font-style: italic;
	padding-top: 28px;
	text-align: center;
	line-height: 1.2em;
	background-image: url(../images/location-bar-left.png);
	background-repeat: no-repeat;
	background-position: right center;
	min-height: 107px;
}
header #top-locations .last {
	background-image: url(../images/location-bar-right.png);
	background-repeat: no-repeat;
	background-position: right center;
}
header #top-locations .item {
	padding-top: 15px;
}

header #top-locations a {
	color: #0381a8;
	text-decoration: underline;
}
header #top-locations a:hover {
	text-decoration: none;
}

header #top-locations .phonenumber {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}
header #top-locations .phonenumber {
	text-decoration: none;
}

header #top-locations strong {
	color: #0381a8;
}



header .btn {
	border: none;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 5%;
	margin-right: 10px;
	float: right;
}

.btn-blue {
	background-color: #0381a8;
	margin-top: 10px;
}

.btn-yellow {
	background-color: #e7cd44;
	color: #000;
	margin-top: 10px;
	di
}

.btn-blue:hover, .btn-blue:active {
	background-color: #076886!important;
}

.btn-yellow:hover, .btn-yellow:active {
	background-color: #bda114!important;
	color: #000;
}



header .btn-blue a, header .btn-yellow a {
	color: #fff;
	text-decoration: none;
}
header .btn-yellow a {
	color: #000;
}
header .container-fluid {
	padding: 0;
}

header .btn-menu {
	float: none;
	display: block;
	background-color: #0381a8;
	color: #fff;
	padding: 5px;
	width: 100%;
	margin-top: 2px;
}
header .btn-menu:hover {
	background-color: #e7cd44;
}
header .btn-menu a {
	color: #fff;
	font-weight: 700;
}
header .btn-menu a:hover {
	text-decoration: none;
	color: #000;
}


#services {
	background-color: #cbe6ee;
	padding: 40px 0;
}
#services .item {
	background-color: #fff;
	width: calc(90% / 8);
	text-align: center;
	padding: 15px 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	min-height: 160px;
}
#services .last {
	margin-right: 0px;
}
#services button {
	margin-top: 15px;
	font-size: 12px;
	border: none;
}

#services img {
	height: 86px;
	width: 100%;
	height: auto;
	max-width: 100px;

}
#services img:hover {
	opacity: 0.7;
}

/* Sticky Nav Smaller
-------------------------------------------------------------- */

/*
.smaller { 
	height: 100px; 
    width: 100%;
}
.smaller .container {
	padding-top: 10px;
} 
.smaller #tagline {
	padding-top: 15px;
}
.smaller h1, .smaller #quicklinks {
	display: none;
}
.smaller #logo img {
	height: 100px;
	width: auto;
	margin-top: 15px;
}
.smaller {
	box-shadow: 0 0 10px #434343;
}
.smaller #menu {
	margin-top: 0px;
	background-color: #9f7da4;
}
*/

/* --------------------------------------
   QUICK SEARCH
   -------------------------------------- */
  
#quick-search { 
	float: right;

}
#quick-search input[type=search] {
	color: transparent;
	cursor: pointer;

}
#quick-search input[type=search]:hover {

}


#quick-search input[type=search]:focus {
	width: 30px;
	padding-left:40px;
	color: #616161;
	background-color: #fff;
	cursor: auto;
}
#quick-search input:-moz-placeholder {
	color: transparent;
}
#quick-search input::-webkit-input-placeholder {
	color: transparent;
}
#quick-search input {
	outline: none;
}
#quick-search  input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#quick-search  input::-webkit-search-decoration,
#quick-search  input::-webkit-search-cancel-button {
	display: none; 
}


#quick-search input[type=search] {
	background-image: url(../images/search-icon.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	border: 0;
	padding: 5px 15px;
	margin-top: 6px;
	border-radius: 60px;
	width: 5px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	
}
#quick-search  input[type=search]:focus {
	width: 100px;
	border-radius: 0;
	
	background-color: #dedede;
	border-color: #4d014a;

}


#quick-search input:-moz-placeholder {
	color: #999;
}
#quick-search  input::-webkit-input-placeholder {
	color: #999;
}


/* --------------------------------------
   sidemenu
   -------------------------------------- */

aside {
	padding-left: 40px;
}
#content aside ul {
	padding: 0;
}
#content aside li {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	text-transform: capitalize;
	padding: 10px 0;	
	list-style-type: none;
}

#content aside li:last-child {
	border-bottom: none;
}

#content aside li a {
	color: #212529;
	text-decoration: none;
}
#content aside li a:hover {
	text-decoration: underline;
}

#content aside li.current-page-ancestor > a, #content .menu-item-has-children > a {
	font-size: 24px;
	font-weight: 700;
	color: #0381a8;
	text-decoration: none;
}



.menu-item-has-children {
	border: none;
}

#content aside .current-menu-item a {
	font-weight: 700;
	color: #0381a8;
	text-decoration: none;
}



/*

#content #menu-menu-new li {
	padding: 0;
}
#menu-menu-new, aside ul {
	padding: 0;
}
#menu-menu-new li, aside li {
	list-style-type: none;
	padding: 0;
}
#menu-menu-new > li { 
	
	text-transform: uppercase;
	margin-bottom: 10px;
	background-image: none;
	font-weight: 400;
}

#menu-menu-new .current-page-ancestor > a {
	font-size: 24px;
	font-weight: 700;
}



#menu-menu-new li a, aside a, #menu-menu-new .current-menu-item li li a  {
	text-decoration: none;
	color: #132d50;
	font-weight: 300;
}

#menu-menu-new .current-menu-item a {
	font-weight: bold;
	color: #d2453a;
}


aside ul, aside select {
	margin-bottom: 30px;	
}

*/




/* --------------------------------------
   Navbar Horizontal with Dropmenu
   -------------------------------------- */


#logo-menu {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*
.doctorsub .mega-sub-menu .mega-menu-link {
	font-size: 10px!important;
}
*/



/* --------------------------------------
   Buckets
   -------------------------------------- */

#buckets {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 22px;	
	color: #656666;
	margin: 60px 0;
}   
#buckets img {
	margin-bottom: 15px;
}
   
/* --------------------------------------
   CONTENT
   -------------------------------------- */	   

#content {
	padding: 30px 0;
}

#content p a, #content li a {
	color: #0381a8;
	text-decoration: underline;
}
#content p a:hover, #content li a:hover {
	text-decoration: none;
}
#content p {
	line-height: 1.8em;
}
#content  #col-1 ul, #content #col-1 ol {
	padding-left: 17px;
}


#content #col-1 li {
	margin-bottom: 10px;
}
#content #col-1  ol li {
	list-style-type: decimal;
}
#content #col-1  ul li {
/* 	list-style-type: none; */
}

#content .bullets ul li {
	list-style-type: disc!important;
}


#content #col-1 li li {
	margin-left: 30px;
	list-style-type: disc;
}

#breadcrumbs {
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #8f8f8f;
}

/* --------------------------------------
   FOOTER
   -------------------------------------- */
   
   
footer {
	color: #fff;
	background-color: #0381a8;
	padding: 40px 0;
	font-family: 'Sarala', sans-serif;
}

footer h4 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}


footer a {
	color: #fff;
	text-decoration: underline;	
}

footer a:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.4);
}

footer p.cities {
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

footer .credits, footer .credits a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 0;
 }


/* --------------------------------------
   Social
   -------------------------------------- */

  
#social-icons a {
	color: rgba(255, 255, 255, 1);
	font-size: 24px;
	margin-right: 15px;
}   
#social-icons a:hover {
	color: #000;
}


/* --------------------------------------
   banner
   -------------------------------------- */

#sub-banner {
	position: relative;
}
#page-title {
    position: absolute;
    bottom: 30px;
    left: 0px;
    font-size: 36px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    font-weight: bold;
	/* background-color: rgba(10, 15, 34, 0.6); */
    padding: 15px;
    width: 100%;
    text-align: right;
    padding-right: 5%;
    font-style: italic;
}




/*==================================================
=            Bootstrap 4 Media Queries             =
==================================================*/


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
   .container { max-width: 1920px; padding: 0 5%; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) {

header #top-locations .first,
header #top-locations .last { background-image: none; }
header .btn { font-size: 12px; }

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) {

header #top-locations .item { padding-top: 0px;  }
#services .item { width: calc(93% / 4); min-height: 150px;}
#services button { display: block; width: 100%; }
	
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {

header #logo img {  max-width: 302px; }
header #top-locations .item { margin-bottom: 10px; }
header #action-buttons { text-align: center; }
header { position: relative; }
header #topbar .btn { float: none; } 
#services .item { width: calc(90% / 4); min-height: 150px;}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) { 
#services .item { width: calc(90% / 2); min-height: 150px;}	
h1 { font-size: 20px; }
h2, h3 { font-size: 16px; }

}


/* // Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) { 
header #logo img { width: 100%; }
#services .item { width: calc(88% / 2); min-height: 180px;}	

}