





/*----FONTS----*/
@import url('/css/fonts.css');
/*-------------*/
/*-----NAV-----*/
@import url('/css/nav.css');
/*-------------*/
/*-----BASE-----*/
@import url('/css/base.css');
/*-------------*/
/*-----BASE-----*/
@import url('/css/buttons.css');
/*-------------*/
/*-----PUSH MENU----*/
@import url('/plugins/pushMenu/css/jPushMenu.css');
/*-------------------*/
/*-----KENDO----*/
@import url('/css/kendo.css');
/*-------------------*/
/*-----HELPERS-----*/
@import url('/css/helpers.css');
/*-------------------*/
/*-----SLIDER-----*/
@import url('/css/slider.css');
/*-------------------*/
/*-----CONTENT-----*/
@import url('/css/cta.css');
/*-------------------*/
/*-----GALLERY-----*/
@import url('/css/gallery.css');
/*-----CREATIVE-----*/
@import url('/css/creative.min.css');
/*-------------------*/
.portfolio-box .portfolio-box-caption {
	/*background: transparent!important;*/
}
/*a.portfolio-box:hover .portfolio-box-caption
{
	background: rgba(255,255,255,.8);
    width: 90%;
    margin: auto auto;
    display: block;
    height: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	transition: all 0s;
}
a.portfolio-box:hover .portfolio-box-caption > div
{
    width: 95%;
    margin: auto auto;
    display: block;
    height: 95%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	transition: all 0s;
	position: absolute
}
a.portfolio-box:hover .portfolio-box-caption > div > div
{
    width: 90%;
    margin: auto auto;
    display: block;
    height: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	border: 1px solid #000;
	transition: all 0s;
	position: absolute
}
a.portfolio-box:hover h2
{
	color:#333!important;
}
a.portfolio-box .portfolio-box-caption
{

	transition: all 0s;
}*/
.facebook:hover
{
	background-color:#4267b2;
	border-color: #4267b2!important;
}
.twitter:hover
{
	background-color:#1DA1F2;
	border-color: #1DA1F2!important;
}
.instagram:hover
{
	background-color:#b900b4;
	border-color: #b900b4!important;
}
.google:hover
{
	background-color:#F4B400;
	border-color: #F4B400!important;
}
.yelp:hover
{
	background-color:#d32323;
	border-color: #d32323!important;
}
img.img-section1
{ 
	max-width: 100%;
}

@media(min-width:992px)
{
	img.img-section1
	{ 
		max-width: 850px;
	}
}

.dropdown-content li > a, .dropdown-content li > span
{
	color: #333;
}

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i  {
    /* height: 64px; */
    height: auto;
    min-height: unset!important;
    line-height: 30px;
}

@media(max-width:768px)
{
	.slider .indicators {
    	bottom: 10px;
    	z-index: 5;
	}
	.card.z-depth-mod-hover
	{
		min-height: 100px;
		padding: 0 15px;
	}
}

.pulse
{
	overflow: hidden;
}
.pulse.active
{
	overflow: initial;
}
.z-depth-mod-hover:hover
{
	background-color:#1e3c5e;
	transition: all .25s ease-in-out;
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.09), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
}
.z-depth-mod-hover:hover .card-content
{
	background-color:#1e3c5e;
	transition: all .25s ease-in-out;
}
.z-depth-mod-hover:hover h4,.z-depth-mod-hover:hover h3
{
	color:#fff!important;
	transition: all .25s ease-in-out;
}
.z-depth-mod-hover:hover a.btn-large
{
	background-color:#3388a5!important;
	transition: all .25s ease-in-out;
}
.z-depth-mod-hover p.details
{
	color:#666!important;
	transition: all .25s ease-in-out;
}
.z-depth-mod-hover:hover p.details
{
	color:#ccc!important;
	transition: all .25s ease-in-out;
}
.collapsible-header i {
	color:#203569; 
}

.parallax .col-md-12
{
	padding:0;
}

@media(max-width:992px)
{

	.card-mod {    
		margin: 10px 0px;
		padding: 20px 10px;
		position: relative;
		/* margin: .5rem 0 1rem 0; */
		background-color: #fff;
		-webkit-transition: -webkit-box-shadow .25s;
		transition: -webkit-box-shadow .25s;
		transition: box-shadow .25s;
		transition: box-shadow .25s, -webkit-box-shadow .25s;
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-clip: border-box;
		border: 1px solid rgba(0,0,0,.125);
		border-radius: .25rem;
		-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.09), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
		height: 90%;
	}

}


@media(max-width:992px)
{
	
	
	#eufaula,#westgate,#enterprise,#ozark
	{
		display: none;
		
	}
	
	.links
	{
		padding: 60px 0px!important;
	}
	.bg-01
	{
		background-position: right!important;
		padding: 60px 0px!important;
		background-image: none!important;
		background-color: #1e62a9;
	}
}
@media(max-width:992px)
{
	.map
	{
		margin:0!important;
	}
}
@media(max-width:992px)
{
	.caption h1
	{
		font-size: 2rem!important;
	}
	.caption p
	{
		font-size: 1rem!important;
	}
	.caption a {
		font-size: .9rem!important;
		padding: .25rem 1rem;
		height: 1rem;
		line-height: 3rem;
	}
	.btn-large
	{
		font-size: .9rem!important;
		padding: .25rem 1rem;
	}
}
.module {
  overflow: hidden;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
}
.nav.footer
{
	font-weight: bold;
    text-transform: uppercase;
    padding: .7rem 1rem;
    border-bottom: 1px solid #dedddc;
	font-size: 1.1rem;
}
.nav.footer a:hover
{
	color:#ee362d;
}


/*
*  position: relative gives a new position context
*/
.wrapper {
  position: relative;
}

/* 
*  The .navi properties are for styling only
*  These properties can be changed or removed
*/
.navi {
  background-color: #eaeaea;
  height: 40px;
}


/*
*  Position the #infoi element in the top-right
*  of the .wrapper element
*/
#infoi {
  position: absolute;
  top: 0;
  right: 0;
  
  /*
  *  Styling only, the below can be changed or removed
  *  depending on your use case
  */
  height: 20px;
  padding: 10px 10px;
}
.img-wave
{
	width:100%;
	min-width: 1000px;
}
.caption-container.wave
{
	top:-35%;
}
@media(min-width:992px)
{
	.img-wave
	{
		width:100%;
		min-width: 1700px;
	}
	.caption-container.wave
	{
		top:-53%;
	}
}
.pediatric-info i
{
	text-align: center;
	font-size: 4rem;
	color: #bbbbbb;
}
@media(min-width:992px)
{

.pediatric-info {
	text-align: center;
	padding: 20px 0;
	border-radius: 4px;
}
.service-info:hover > span.wrapper
{
	background-color: #1e3c5e;
	transition: all .175s ease-in-out;
}
.pediatric-info:hover > a > i
{
	color: #fff;
	transition: all .175s ease-in-out;
}
.pediatric-info:hover > a > h3
{
	color: #fff77f;
	transition: all .175s ease-in-out;
}
.pediatric-info:hover > a > p
{
	color: #fff;
	transition: all .175s ease-in-out;
}
.pediatric-info:hover > a.read-more > h6, .pediatric-info:hover > a.read-more  i
{
	color: #fff;
	transition: all .175s ease-in-out;
}






}
.read-more > h6, .read-more i
{
	font-size: .8rem;
	color:#ee362d;
	font-weight: bold;
}
















p.hero-text
{
	font-size: 2.2rem;
}
.hero-background
{
	background-color:rgba(255,255,255,.6);
	padding:20px;
}







.date
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
	border-radius: 12px;
	background-color: #1fc3f0;
	color:#fff;
	font-size: 10pt;
	font-weight: 500;
}
.date.featured
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
	border-radius: 12px;
	background-color: #1fc3f0;
	color:#fff;
	font-size: 10pt;
	font-weight: 500;
	position:absolute;
	top:8%;
	left:8%;
	font-family:'Open Sans';
}
.date.blog
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
	border-radius: 12px;
	background-color: #1fc3f0;
	color:#fff;
	font-size: 10pt;
	font-weight: 500;
	position:absolute;
	top:6%;
	left:2%;
	font-family:'Open Sans';
	z-index: 2;
}

 









.thumbnail .caption
{
	padding-left:30px;
	padding-right:30px;
}

.thumbnail
{
	border-radius:0px;
}


@font-face {
    font-family: Nexa;
    font-weight: 700;
    src: url("/Fonts/Nexa/Nexa.otf") format("opentype");
}

a[href^="tel:"] {
    color: #fff;
    text-decoration: none;
}








