/*

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

Author:  Ciuski 2017

*/


/* --------------------------------------
   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;}

#content { overflow-x:hidden; }

.wp-block-image img {
	height: auto;
}
/* --------------------------------------
   Mobile Header
   -------------------------------------- */


#mobile-footer {
	text-align: center;
	color: #fff;
	padding: 15px 0;
	background-color: rgba(77, 0, 74, 0.83);	
}
#mobile-footer a {
	color: #fff;
	font-size: 24px;
}


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

.wp-social-link  {
	padding: 0;
	background-image: none;
}



.uagb-post__image img {
	height: auto;
}
#payonline {
/*
	background-color: #680064;
	color: #fff!important;
	border-radius: 4px;
	padding: 5px 10px!important;
	margin: 0;
	margin-top: -5px;
*/

}
.su-expand-link-more {
	margin-top: -90px!important;
}

#warning-notice {
	background-color: #d30000; 
	color: #fff; 
	padding: 15px; 
	text-align: center;
}
#warning-notice a {
	color: #fff;
	text-decoration: underline;
}

#warning-notice a:hover {
	text-decoration: none;
}

#warning-notice p {
	margin: 0;
}

.kt-button {
	text-decoration: none!important;
}
.ai1ec-event-footer {
	background-color: #fff;
}
.ai1ec-calendar-toolbar { display: none; }

.colorpurplee {
	color: #4d014a;
}
.wrapper {
	padding: 0 5%;
}
.big-text {
	font-size: 22px;	
}  
   

.small-text {
	font-size: 12px;
	text-align: left;
	font-style: italic;
 }
 

.whiteback {
	background-color: #fff;
}
 
/* --------------------------------------
   TYPOGRAPHY
   -------------------------------------- */
   
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: normal;
	font-family: 'Raleway', sans-serif;
	color: #680064;
	font-weight: 700;
	
}


h1 {
	font-size: 24px;
	margin-bottom: 15px;
	padding: 15px 0;
}
h2 {
	font-size: 20px;
}
#home h1 {
	margin-bottom: 0px;
}
#home h2 {
	font-size: 18px;
}
#content h1:after {
	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 75px; /* Change this to whatever width you want. */
    border-bottom: 4px solid rgba(105, 0, 101, 0.46);
	padding-top: 15px;
}




main h2 a, main h3 a {
	color: #680064;
}
h3 {
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

#footer-locations h4 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer-locations h4:after {
	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 30%; /* Change this to whatever width you want. */
    border-bottom: 4px solid #fff;
	padding-top: 15px;
}
h5 {
	font-size: 18px;	
}

main {
	padding-right: 50px!important;
}

/* --------------------------------------
   header font-family: 'Open Sans Condensed', sans-serif;
   -------------------------------------- */


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

header {
	font-family: 'Raleway', sans-serif;	
}


header #logo {
	text-align: center;
	margin-top: -30px;
	margin-bottom: 15px;
}


header #logo img {
 -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
/*   height: 121px; */
  width: auto;
}
header a {
	color: #4d014a;
}

header {
	position: -webkit-sticky; 
	position: sticky; 
	top: 0; 
	z-index: 999;
	width: 100%;

}

/* Sticky Nav
-------------------------------------------------------------- */
/*
.stickynav {

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s; 
	-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;
	transition:color .2s ease-out, background .2s ease-in;
}

header .stickynav {
	
	padding-top: 15px;
	padding-bottom: 7px;
   -webkit-transition: height .3s;
   -moz-transition: height .3s;
   -ms-transition: height .3s;
   -o-transition: height .3s;
   transition: height .3s;
}
*/

header #tagline {
	font-size: 26px;
	font-style: italic;
	text-align: center;
	color: #680064;
	font-weight: 400;
	padding: 0;
	line-height: 1.2em;
	padding-top: 0px;
}

header #tagline .smallertag {
	font-size: 14px;
}





header #quicklinks {
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	float: right;
}
header #quicklinks #google_translate_element {
	margin: 0 15px;
}

header .wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}


header #quicklinks a {
	color: #4d014a;
	padding: 0 5px;
}
header #quicklinks a:hover {
	text-decoration: underline;
}


#quick-search { 
	float: right;
	margin-top: 3px;

}
#quick-search input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#quick-search input[type=search]:hover {
	background-color: rgba(77, 1, 74, 0.2);

}
#quick-search input[type=search]:focus {
	width: 30px;
	padding-left: 32px;
	color: #4d014a;
	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: 10px center;
	border: 0;
	padding: 0px 10px 0px 32px;
	width: 0px;	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	background-color: rgba(77, 1, 74, 0.5);
	
}
#quick-search  input[type=search]:focus {
	width: 130px;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
	
	background-color: rgba(77, 1, 74, 0.2);
	border-color: #4d014a;
}


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

header .btn-purple {
	background-color: #4d014a;
	border-color: #4d014a;
	margin-bottom: 0;
	
}
header .btn-purple i {
/* 	margin-left: 5px; */
}
header .btn-purple a {
	font-weight: 600;
	color: #fff;
	display: block;
}
header .btn-purple a:hover {
	text-decoration: none;
	color: #fff;
}

header #phonenumbers {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #4d014a;
	font-size: 22px;
	margin: 0;
	text-align: right;
}
header #phonenumbers a, header #phonenumbers a:hover {
	color: #4d014a;
}
header #note {
	text-align: right;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 0;
}


#video-container {
	position: relative;	
	z-index: 50;
/* 	margin-top: 130px; */
	margin-top: -65px;
}
#video-container .video-tagline {
	position: absolute;
	left: 75px;
	top: 150px;
	width: 500px;
	z-index: 100;

	font-size: 28px;
	font-style: italic;
	color: #680064;
	font-weight: 400;
	text-shadow: 1px 1px 5px #fff;
}

#video-container .video-tagline span {
	padding-top: 15%;
	display: block;
}

#video-container .video-tagline li {
	font-size: 22px;
	margin-bottom: 10px;
}

#video-container .tricare, #video-container .corona, #video-container .roe  {
	font-size:20px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	padding: 15px;
	line-height: 1.2em;
	background-color: rgba(126, 26, 119, 0.8);	

	position: absolute;
	left: 75px;
	bottom: 180px;
	width: 500px;
	z-index: 100;
}


#video-container .corona {
	 bottom: 90px;
}

#video-container .roe {
	 bottom: 20px;	
}


#video-container .corona p {
	margin-bottom: 0;
}

#video-container .corona a, #video-container .roe a {
	color: #fff;
	text-decoration: underline;
}

#video-container .corona a:hover, #video-container .roe a:hover {
	text-decoration: none;
}


header #menu {
	background-color: rgba(77, 1, 74, 0.50);
}


/*
.menu-two-lines {
	width: 100px!important;
	text-align: center;
	line-height: normal;
	
}
*/

#mega-menu-menu-1 img {
	border: 1px solid #ccc;
	padding: 3px;
	margin-right: 10px;
	border-radius: 5px;
	width: 95%;
}
#mega-menu-menu-1 img:hover {
	opacity: 0.8;
}

#banner { 
	position: relative;
	margin-top: -65px;
}
#nobanner {
/* 	min-height: 210px; */
}
#home #nobanner  { 
	display: none;
}
#page-title { 
	background-color: rgba(77, 1, 74, 0.50);
	padding: 15px;
	position: absolute;
	right: 0;
	z-index: 100;
	bottom: 50px;
	min-width: 500px;
	font-size: 20px;
	color: #fff;
	font-family: 'Raleway', sans-serif;	
	font-style: italic;
}



.smaller { 
	height: 130px; 
}


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

/* --------------------------------------
   CONTENT
   -------------------------------------- */	   

#breadcrumbs { 
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	color: #8e8e8e;
	font-size: 12px;
}
#breadcrumbs a {
	color: #8e8e8e;
}

#content {
	margin-bottom: 20px;
	margin-top: 20px;
	
}
#home #content {
	margin-bottom: 0px;
}

#content p {
	line-height: 1.8em;
}

main ul {
	padding-left: 0;
}
main li {
	list-style-type: none;
	background-image: url(../images/grey-check.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 24px;	
	margin-bottom: 10px;
}
.single_job_listing li, .job_listings li {
	background-image: none!important;
	padding-left: 0!important;	
	margin-bottom: 0!important;
	
}
main li li {
	background-image: none;
	list-style-type: disc;
	margin-left: 20px;
	padding: 0;
}
main li ul {
	margin-top: 15px;
}
main a, aside a, .aside a {
	color: #373737;	
	text-decoration: underline;
}

main a {
	font-weight: bold;
}
main a:hover, aside a:hover, .aside a:hover {
	color: #680064;
}


#treatments-options .title {
	background-color: #9a7396;
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-align: center;
	font-weight: 300;
	font-style: italic;
	padding: 100px;
	line-height: 1.2em;
}
#treatments-options, #testimonials {
	background-color: #e7e6e3;
}


#testimonials .title {
 	background-color: #9a7396;
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-align: center;
	font-weight: 300;
	font-style: italic;
	padding: 50px 100px;
}
#testimonials {
	 text-align: center;
	 border-top: 7px solid #fff;
	 border-bottom: 7px solid #fff;
}


#testimonials blockquote {
	font-size: 20px;
	font-style: italic;
	line-height: 1.4em;
	border-left: none;
	background-color: transparent;
	text-align: center;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;	
	padding: 15px 30px; 
}
.wp-block-quote {
	border-color: #680064;
	border-width: 7px;
	background-color: #efefef;
	padding: 15px 20px;
	font-style: italic;
}
.wp-block-quote p {
	margin-bottom: 0;
}
#testimonials .item {
	padding: 15px;
	
}
#testimonials p {
	margin-bottom: 0;
}

#treatments-options a, #testimonials a {
	font-size: 12px;
	color: #4d014a;
}
#treatments-options ul {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#treatments-options li {
	list-style-type: none;
	background-image: url(../images/check-bullet.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 24px;
}
#treatments-options .item {
	padding: 20px;
}


#footer-locations {
	background-color: #e7e6e3;	
	margin-top: 7px;
	font-size: 14px;
	padding-bottom: 50px;
}
#footer-locations .wpgmza_map {
	max-height: 350px;
}

#footer-locations h3 {
	padding: 50px 0;
}

#footer-locations a {
	color: #000;
	font-weight: bold;
}

aside h4, aside h3, .aside h3 {
	background-color: #d0cfcc;
	color: #680064;
	font-style: italic;
	font-size: 26px;
	font-weight: 300;	
	text-align: left;
}
aside h3, .aside h3 {
	padding: 15px;
}

aside h4 a, .aside h4 a {
	background-color: #d0cfcc;
	color: #680064;
	font-style: italic;
	font-size: 26px;
	font-weight: 300;
	display: block;
	text-align: left;
	padding: 15px;
}

aside h4 a:hover, .aside h4 a:hover {
	background-color: #680064;
	color: #fff;
	text-decoration: none;
}   
aside ul, .aside ul {
	padding-left: 0;
}
aside li, .aside li {
	list-style-type: none;
	margin-bottom: 5px;
} 

/* --------------------------------------
   FOOTER
   -------------------------------------- */
   
   
footer {
	color: rgba(255, 255, 255, 0.61);
	background-color: #9a7396;
	padding: 20px 5%;
	font-size: 12px;
}
footer p {

}

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

footer a:hover {
	text-decoration: none;
	color: #538ac9;
}

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


/* --------------------------------------
   Social
   -------------------------------------- */
   
#social-icons a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 20px;
	margin-right: 15px;
}   
#social-icons a:hover {
	color: rgba(255, 255, 255, 1);
}


/* --------------------------------------
   myCarousel
   -------------------------------------- */

.carousel-caption {
	background-color: rgba(104, 113, 127, 0.80);
	right: 0;
	left: 0;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 0;
}
.carousel-caption .title {
	background-image: url(../images/divider.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


/* --------------------------------------
   Testimonial Rotator
   -------------------------------------- */

.testimonial_rotator_quote {
	font-size: 24px;
	color: #538ac9;
	font-family: 'Open Sans', sans-serif;
}

.testimonial_rotator_author_info {
	font-style: italic;
}



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


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


}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) {
	header #phonenumbers { font-size: 20px; }
	header .btn-purple { font-size: 20px; }
}

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

	header #logo { margin: 0; }
	header #phonenumbers, header #note  { text-align: center; }
	
	
	main { padding-right: 0!important; }

	#video-container .tricare, #video-container .corona, #video-container .roe  { position: relative; top: 0; left: auto; width: auto; height: auto; }

	
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
	header { position: relative; height: auto; }
	#video-container { margin-top: 0; }
	header .smaller { height: 250px; }
	header #tagline { padding: 10px 0; }
	.smaller #logo img { height: auto; width: auto; }
	header #quicklinks { float: none; }
	#content { margin-top: 20px; }
	#video-container { margin-top: 0; }
	#banner { margin-top: 0; }
	header #quicklinks #google_translate_element { width: 100%; }
	#video-container .video-tagline { top: 100px;}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) { 
	#treatments-options .title { padding: 20px; }	
	header #quicklinks { float: none; }
	header .btn-purple { font-size: 16px; }
	header #tagline, .video-tagline { display: none; }
	header #quicklinks { width: 280px; text-align: center; margin: 10px auto;  }
	header #quicklinks a { display: block; width: 100%; }
	header #quicklinks { color: #fff;}
	#quick-search input[type=search] { width: 220px; padding-top: 5px; padding-bottom: 5px;}
	#quick-search input[type=search]:focus { width: 220px; adding-top: 5px; padding-bottom: 5px;}
	#treatments-options li { text-align: center; background-image: none; padding-left: 0; }
	#treatments-options { text-align: center; }
	#treatments-options .item { border-bottom: 1px solid #ccc; }
	#footer-locations {text-align: center; }
	#footer-locations h4:after {  width: 100%; }
	#footer-locations h3 { padding: 15px; }
	#page-title { display: none; }
	#nobanner { display: none; }
	header #logo { margin-bottom: 15px; }
	

}


/* // Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) { 
	header #phonenumbers { font-size: 18px; }
	header h1 { font-size: 18px; }
	
}