@charset "utf-8";
/* CSS Document */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%; height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: none; background:#eee; margin: 1em 0; padding: 0; width: 100%;}
hr.hr-home {display: block; width:100px; height: 2px; border: 0; border-top: none; background:#1b1c53; margin: 1em auto 1.5em auto; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight:700;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{ clear: both; }  
.italics{
	font-style:italic;
}
/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */
/* -----  FONTS ---- */

/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */


#content .col-1-of-2{
	float:left;
	width:48%;
}
#content .col-2-of-2{
	float:right;
	width:48%;
}
#content .lightbox img.sm-image {
  max-height: 100px;
  width:auto;
}
#content .lightbox img.sm-image a {
  opacity: 1;
  	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#content .lightbox img.sm-image a:hover {
  opacity: .7;
  	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#content p, #left-col p, #right-col p {
	margin:0 0 25px 0;
	line-height:1.5;
}
.shaded {
	background: #e8f1fb;
	padding:10px 25px 15px 25px;
	display:block;
	height:auto;
	width:auto;
	margin:20px 0 20px 0;
	border-radius:5px;

}
/* ----- Tables for Committees & SRM Speakers------ */


#content table.committee, #content table.speakers  {
/*! width:600px; */
}
#content table.committee td, #content table.speakers td {
text-align:center;
padding: 0 0 20px 0;
width:33%;
}
#content table.committee a img{
	height:200px;
	width:140px; 
	background: #ffffff;
  	padding: 4px;
	border: 1px solid #001847; /* dark blue */
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content table.speakers a img{
	height:160px;
	width:160px; 
	border: 1px solid #001847; /* dark blue */
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content table.committee a:hover img,
#content table.speakers a:hover img{
	border: 1px solid #cc9a34; /* gold */
	opacity:1;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content table.committee a,
#content table.speakers a {
	color: #001847; /* dark blue */
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content table.committee a:hover,
#content table.speakers a:hover  {
	color: #cc9a34; /* gold */
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}
@media (max-width:639px) {
	#content table.committee td, #content table.speakers td {
		width: 40%;
    	margin: 0 auto;
	}
	#content table.committee a img, #content table.speakers a img {
		width:100%;
		height:auto;
	}
}

#content a:hover img {
	opacity:.7;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content img {
background:#ffffff;
padding:4px;
border: 1px solid #001847;  /* dark blue */
}

#content img.no-border {
background: none;
padding:0;
border: none;
}
#content a img#ajms-image {
	opacity:1;
	transform:scale(1,1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content a:hover img#ajms-image {
	opacity:1;
	transform:scale(.95,.95);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out 0s;
}

#content #bio img {
float:right;
margin-top:12px;
margin-left:20px;
margin-bottom:80px;
}

#content #bio.officer-councilor img {
float:right;
margin-top:12px;
margin-right:20px;
margin-bottom:20px;
}

#content #bio #bio-left-column {
float:left;
width:45%;
max-width:45%;
}

#content #bio #bio-left-column p a{
word-wrap: break-word;
}

#content #bio #bio-right-column {
float:left;
width:45%;
margin-left:5%;
}
@media (max-width:1239px) {
	#content #bio #bio-left-column, #content #bio #bio-right-column {
		float:none;
		width:100%;
		max-width:100%;
		margin:0;
	}

}
#content ul.inline li {
  list-style-type: none;
  display: inline;
  margin-right: 20px;
}
h1, h2 {
	color:#1b1c53;
	font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;
}

h3, h4, h5, h6 {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;
	font-weight:400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#000;
	text-decoration:none;
	font-weight:400!important;
	font-family:Georgia, "Times New Roman", Times, serif!important;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color:#b2d23d;
	border-color:inherit!important;
}
h1 {
	font-size:36px;
	margin:0 0 15px 0;
	font-weight:400;
}
	.inside h1 {
		color:#1b1c53;
		border-bottom:solid 1px #999;
		padding-bottom:10px;
		line-height: 1.1;
	}
h2 {
	font-size:30px;
	margin:10px 0;
	font-weight:400;
}
	.inside h2 {
		line-height:1.1;
	}
h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:24px;
}
h4 {
	font-size:20px;
}
h5 {
	font-weight:bold!important;
	font-size:18px;
}
h6 {
	font-size:15px;
	font-weight:bold!important;
	text-transform:uppercase;
	letter-spacing:.05em;
}
#left-col a {
	text-decoration:none;
	color:#cd9933;
	font-weight: 600;
	word-wrap: anywhere;
	transition:all .25s;
}
#left-col a:hover {
	text-decoration:none;
	color:#1b1c53;
}
#left-col h2 a, #right-col h2 a {
	margin-bottom:10px;
	color:#cd9933!important;
}
#left-col h2 a:hover, #right-col h2 a:hover {
	color:#1b1c53!important;
}
.inside #left-col ul, .inside #left-col ol {
	margin:0 0 30px 40px;
}
.inside #left-col ul {
	list-style: disc;
}
#left-col ul > li, #left-col ol > li {
	line-height:1.5;
	margin:0 0 16px 10px;
}
.inside #left-col ul > li {
	line-height: 1.5;
}
.inside #left-col #content ul.nobullets {
	margin-left:0;
}

.inside #left-col #content ul.nobullets li img{
	border:none;
}
.inside #left-col #content ul.nobullets > li {
	list-style:none;
}
.inside #left-col #content ul.nobullets.inline > li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
}
.inside #left-col #content ul.office-list  {
float:left;
}

.inside #left-col #content ul.office-list li {
list-style-type:none;
}
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}
	.float-left.no-margin, .float-right.no-margin {
		margin:0;
	}
.photo {
	transition:all .35s;
	border: 1px solid #ccc;
	padding:3px;
}
a img {
	transition:all .35s;
}
a:hover img {
}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text22 {font-size:22px;}
.text20 {font-size:20px; line-height:1.5;}
.text18 {font-size:18px!important;}
.color-rust, .color-rust a {
	color:#ea7a5c;
}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px;
}
legend {
	font-weight: normal;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	padding: 0 5px;
	color:#cd9933;
}
blockquote {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.inpsec {visibility:hidden;}
/* ========================================================= Input and table styles ==== */
input, textarea, select {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 0 0;
	padding:3px;
	color:#1b1c53;
	font-weight:normal!important;
	font-family:"Montserrat", sans-serif;
	width:100%;
}
input.centerbutton {
	width: auto;
	padding: 8px 20px;
}
input[type="image"] {
	width:auto;
}
input[type="radio"] {
	width:inherit;
	margin-bottom:10px;
}
input:hover, textarea:hover, select:hover {border-color:#c3c3ca;}
table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	max-width:100%;
	text-align:left;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:#cd9933;
	font-size: 85%;
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
table td {
	padding: 4px 0;
}
form table td {
	padding: 10px;
    line-height: 1.2;
    vertical-align: middle;
}
form table td:first-of-type {
	font-size: 16px;
    min-width: 25%;
    font-weight: 500;
    padding-left: 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit] {
	width:inherit;
	font-size:22px;
	font-weight:normal!important;
	padding:5px 20px;
	color:#fff;
	background:#1b1c53!important;
	border:none;
	text-decoration:none;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .25s;
}

table.attendee td{
	display:inline-block;
	padding:3px 0;
}
table.attendee td:first-child{
	display:inline-block;
 	width:250px;
	margin:0;
	padding:0;
}

.buttons a.button {
	display:inline-block;
	color:#fff!important;
	background:#003399!important;
	padding:3px 8px;
	font-size:24px;
	border-radius:2px;
	text-decoration:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .25s;
	border:none!important;
	font-weight:normal!important;
	font-family:"Montserrat", sans-serif;
}

/* regular button and sidebar button styles */
a.button, ul.sidebar__buttons li a.button {
	text-decoration:none;
	display:inline-block;
	color:#fff!important;
	background:#003399!important;
	margin:5px 0 30px 0;
	padding:5px clamp(18px, 2vw, 40px);
	font-size:clamp(16px, 1.25vw, 24px);
	border-radius:3px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .25s;
	border:solid 2px #181a4a !important;
	font-weight:normal!important;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* sidebar button styles */
ul.sidebar__buttons li a.button {
	text-transform: uppercase;
	text-decoration:none;
    font-size: 18px;
    font-family: 'Montserrat';
    display: block;
    font-weight: 600 !important;
	padding:10px clamp(2px, .5vw, 2px);
	margin:0;
}
	a.button.reversed {
		background-color:#cd9933!important;
		padding:0 10px;
	}
/* banner button styles */
	.banner__buttons a.button {
		border:solid 2px #1b1c53!important;
		border-radius:3px;
		color:#fff!important;
		text-transform:uppercase;
		text-decoration:none;
		font-size:18px;
		padding:12px 5px;
		margin:0;
		text-shadow:none;
		max-width: unset;
		font-family: "Montserrat", sans-serif;
	}
	.banner__buttons a:hover.button {
		background:#1b1c53!important;
		color:#fff!important;
	}
		.banner__buttons {
			margin-top:30px;
			display:flex;
			flex-direction:column;
			gap:20px;
			text-align:center;
		}
		.banner__buttons a.button {
			border-color:#cd9933cc!important;
			background:rgba(26,24,74,.7)!important;
			font-weight: 600 !important;
		}
		.banner__buttons a:hover.button {
			background:#cd9933e6!important;
			border-color:#cd9933cc!important;
		}
	/* special gradient button styles */
	a.button.special {
		background:none!important;
		position:relative;
		font-family:Georgia, "Times New Roman", Times, serif!important;
		font-size:24px;
		margin-top:10px;
		margin-bottom:10px;
	}
	a.button.special::before {
		content:'';
		background: rgb(29,32,77);
		background: -moz-linear-gradient(left,  rgba(29,32,77,1) 0%, rgba(64,69,190,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(29,32,77,1) 0%,rgba(64,69,190,1) 100%);
		background: linear-gradient(to right,  rgba(29,32,77,1) 0%,rgba(64,69,190,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d204d', endColorstr='#4045be',GradientType=1 );
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		border-radius:3px;
		z-index:-2;
	}

a.button.fullwidth {
	display:block;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, a:hover.button, ul.sidebar__buttons li a:hover.button {
	color:#fff!important;
	background-color:#cd9933!important;
}
a:hover.button.reversed {
	background:#1b1c53!important;
}
table input[type="radio"] {
	vertical-align:middle;
	margin: 4px 5px 6px 0 !important;
}
/* ----- Membership Form styles (phys membership, admin membership, affiliate member) ------ */
.form-body {
	margin-bottom:60px;
}
	/* login page */
	.form-body.login {
	  max-width: 300px;
	  /*background: #cccccc2c;
	  padding: 1% 1% 4% 1%;
	  border-radius: 4px;*/
	}
	/* end login page */
.form-body table td {
		font-size:16px;
	}

.form-body .row {
    display:flex;
    flex-direction:row;
	margin:10px 0;
}
.form-body .input-group {
    flex:1;  
    display:flex;
    flex-direction:column;
	margin: 10px 5px;
}
	.form-body .input-group.flex-none {
		flex:none;
	}
	.form-body .input-group.state {
		width:10%;
	}
	.form-body .input-group.zip {
		width:20%;
	}
	.form-body .input-group.www {
		width:3.1em;
	}
.form-body label {
    color:#1b1c53;
    font-size: 14px;
    font-weight: 400;
	text-transform:uppercase;
	letter-spacing:1px;
}
.form-body label span {
	font-size:80%;
	letter-spacing:normal;
	font-weight:700;
}
.form-body input[type="text"], .form-body input[type="password"] {
	background: white;
	max-width: 100%;
    width: 100%;
	font-size:18px;
	margin:0;
}
.form-body label input[type="text"]:nth-of-type(2n) {
	margin-top:10px;
}
.form-body textarea {
	margin:0;
	margin-top:5px;
	resize: none;
	height:100px;
    width: 100%;
	max-width: 100%;
}
	.form-body input {
		transition:background .75s;
	}
	.form-body input:focus {
		background:#e8f1fb;
		transition:background .3s;
	}
.form-body .radio-group {
	display:flex;
}
.form-body .radio-group div {
	flex:1;
}
.form-body .radio-group label {
    color:#666;
    cursor:pointer;
}
.form-body input[type="radio"] {
    vertical-align: middle;
    margin-bottom: 0;
}
.form-body .form-footer {
    display:flex;
    /*justify-content: flex-end;*/
}
@media (max-width: 500px) {
    .form-body .row{
      flex-direction:column; 
    }
    .form-body .row.mobile-row{
      flex-direction:row; 
    }
	.form-body .submit, .form-body .input-group.state, .form-body .input-group.zip {
        flex:1;
		width:inherit;
    }
	.form-body .input-group.www {
		width:3.1em;
	}
}
/* -----  Provider table styles ---- */

table.providers {
	width:100%;
}
table.providers tr td {
	padding: 0;
	padding-bottom:30px;
	/*width:33%;*/
	text-align:center;
}
#left-col table.providers tr td p {
	margin-bottom:0;
}
table.providers a img {
	height:auto;
	text-decoration:none;
	transition:all .35s;
}

table.providers a:hover img, table.providers a:active img {
	opacity: 1;
}

table.providers a {	
	display:block;
	text-align:center;
	text-decoration:none;
}
table.providers div.provider-card {
	display:inline-block;
	background:#fff;
	box-shadow:0 3px 15px rgb(0 0 0 / 20%);
	box-sizing:border-box;
	border-radius:4px;
	border-bottom:solid 4px #cd9933;
	overflow:hidden;
	overflow-wrap: break-word;
	max-width:250px;
	max-width:330px;
}
table.providers div.provider-card span.name {
	display:block;
	padding:20px 3px 5px 3px;
	box-sizing:border-box;
}
table.providers div.provider-card span.read-bio {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
	padding:5px 3px 20px 3px;
	display:block;
	box-sizing:border-box;
}
table.providers div.provider-card div.provider-img-wrap {
	position:relative;
}
table.providers div.provider-card div.provider-img-wrap div.provider-specialties-wrap {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	box-sizing:border-box;
	padding:30px;
	background:rgba(204,232,235,.75);
	opacity:0;
	transition:opacity .75s;
}
table.providers div.provider-card div.provider-img-wrap div.provider-specialties-wrap div.provider-specialties-content {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
	color:#000;
	line-height:1.5;
}
table.providers div.provider-card div.provider-img-wrap div.provider-specialties-wrap div.provider-specialties-content span.heading {
	font-size:17px;
	text-transform:uppercase;
	font-weight:700;
}
table.providers div.provider-card a:hover div.provider-img-wrap div.provider-specialties-wrap {
	display:block;
	opacity:1;
}
/* two column layout can be used anywhere */
div.col-2 {
	width:49%;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}
.col-padding {
	padding:20px;
}
/* Content Callout Image Link */
#content a.content-callout-img {
	display:inline-block;
	position:relative;
	overflow:hidden;
	margin:10px 0 20px 0;
}
#content a.content-callout-img img {
	display:block;
	position:relative;
	z-index:1;
	transition:all .35s;
	width:100%!important;
	height:auto;
}
#content a.content-callout-img div.label {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:2;
	text-align:center;
	background:rgba(30,32,95,.7);
	padding:10px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#e8f1fb;
	transition:all .35s;
}
#content a:hover.content-callout-img div.label {
	color:#fff;
	background:rgba(30,32,95,.95);
}
#content a:hover.content-callout-img img {
	transform:scale(1.09) translateY(5px);
	cubic-bezier(.72,.28,.65,.93)
}
#content .patient-assist{
padding: 20px;
background: linear-gradient(to bottom right,#ffffff, #eeeeee);
border: 1px solid #d4d4d4;
border-radius: 4px;
margin: 0px 0px 20px 0px;
}

#content .patient-assist h2{
	padding: 5px 5px 5px 10px;
	background:#1b1c53;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	border-radius: 3px;
}

#content .patient-assist a img{
	position:relative;
	z-index:1;
	margin-top:10px;
	float:right;
	border: 1px solid #d4d4d4;
	opacity:1;
	-webkit-transition:all .1s;
	-moz-transition:all .1s;
	transition:all .1s;
}
#content .patient-assist a:hover img{
	border: 1px solid #1b1c53;
	opacity:.8;
	-webkit-transition:all .1s;
	-moz-transition:all .1s;
	transition:all .1s;
}
.mobile-only, .mobile-visible, .tablet-mobile-only, .small-mobile-only {display:none!important;}

.mobile-only-nav-item {display:none!important;}
#logo a span.abbrev--on {
	display:none;
}
#logo a span.abbrev--off {
	display:block;
}

/* --------------- Main Structure ---------------- */

body {
	background:#fff;
	font-family:"Montserrat", sans-serif;
	font-size:18px;
	line-height:1.5;
	color:#333;
	margin:0;
	padding:0;
	z-index:0;
}
body.menu-open{ /* for mobile body to not scroll when mobile menu is open */
  overflow: hidden;
  height: 100vh;
  padding-right: var(--scrollbar-width, 0px);
}

#wrapper {
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#header-wrapper {
	margin:0 auto;
	position:sticky;
	top:0;
	left:0;
	right:0;
	background:#00339980;
	z-index:1000;
	overflow:visible;
	transition:background .5s, box-shadow .5s;
}
.inside #header-wrapper {
	background:#003399;
}

#header-wrapper.bg, .inside #header-wrapper.bg {
	background:#003399;
	box-shadow:0 -4px 15px 10px #091835;
}
	#header-wrapper.bg #logo {
		height:auto;
		transition:all .5s;
		transition-delay:.15s;
	}
	#header-wrapper:after {
		display:block;
		clear:both;
		content:'';
	}
header#main {
	box-sizing:border-box;
	height: 175px;
	margin:0 auto;
	position:relative;
	text-align:center;
	display:flex;
	align-items: center;
	z-index:1;
}
header#main div#header-right {
	margin-left: auto;
}
#nav-wrapper {
	display:flex;
	margin-top:25px;
}
	#nav-wrapper:after {
		display:block;
		clear:both;
		content:'';
	}
#content-wrapper, #provider-wrapper, #services-wrapper, #loc-dir-wrapper {
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:0;
	position:relative;
	z-index:0;
}
#content-wrapper {
	background:#e8f1fb;
	box-shadow: inset 0 -40px 30px -35px #a4bcd7, inset 0 40px 30px -35px #a4bcd7;
	overflow:hidden;
}
	.inside #content-wrapper {
		background:#fff;
		box-shadow:none;
	}

/* Home - Callouts Section */
#callouts-wrapper {
	position:relative;
}
.inside #callouts-wrapper {
	margin-top:0;
}
	div#callouts div.icon__wrapper {
		position:relative;
		height:100%;
		background: linear-gradient(to bottom,  #1b1c53 0%,#335cad 100%);
		background-size: 100% 200%;
		background-position: 0% 50%;
		transition: background-position 0.3s ease;
	}
	div.icon-container {
		padding-top:40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	div.icon-container span {
		display: flex;
		padding: .5em;
		background: #e9c456;
		border-radius: 100%;
		width: 5.5em;
		height: 5.5em;
		align-items: center;
		justify-content: center;
		transition:all .35s;
	}
	div.icon-container span svg {
		color:#182051;
	}
	div#callouts a {
		display:block;
		height: 100%;
		text-decoration:none;
		color:#fff;
	}
	div#callouts a:hover div.icon-container span {
		transform:translateY(-15px);
	}
	#callouts ul {
		display:grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-gap:0;
		position:relative;
	}
	#callouts ul li {
		font-family:"Montserrat", sans-serif;
		font-size:18px;
		font-style:normal;
		line-height:1.2;
		color:#fff;
		background:none;
		text-align:center;
	}
	#callouts ul li:nth-of-type(even) div.icon__wrapper {
		background: linear-gradient(to bottom,  #335cad 0%,#1b1c53 100%);
		background-size: 100% 200%;
		background-position: 0% 50%;
		transition: background-position 0.3s ease;
	}
	#callouts ul li:hover div.icon__wrapper {
		background-position:0% 100%;
	}
	#callouts ul li:nth-of-type(even):hover div.icon__wrapper {
		background-position:0% 0%;
	}
	#callouts ul li div.content {
		padding:0 20px 40px 20px;
	}
	#callouts a h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		font-style:normal;
		line-height:1.2;
		color:#fff;
		margin-bottom: 15px;
	}
	#callouts a:hover h2 {
		color:#e9c456;
	}

#loc-dir-wrapper {
	background:#e9f2f3;
	text-align:center;
	position:relative;
}
#loc-dir-wrapper img {
	display:block;
}
#loc-dir-wrapper #contact {
	position:absolute;
	padding:30px;
	background:#1c8fa9;
	color:#fff;
	top:50%;
	left:20%;
	transform:translateY(-50%);
	text-align:left;
	font-size:18px;
}
#loc-dir-wrapper #contact h3 {
	font-size:24px;
	color:#fff;
	margin-bottom:30px;
	position:relative;
}
#loc-dir-wrapper #contact h3:after {
	content:'';
	position:absolute;
	bottom:-5px;
	left:0;
	height:1px;
	width:85px;
	background:#fff;
}
#loc-dir-wrapper #contact a {
	color:#fff;
	text-decoration:none;
	transition:color .25s;
}
#loc-dir-wrapper #contact a:hover {
	color:#222;
}
#loc-dir-wrapper #contact ul.fa-ul {
	margin-left:1.6em;
}
#loc-dir-wrapper #contact ul.fa-ul li {
	margin-bottom:10px;
}
#content-container {
	width:1600px;
	margin:0 auto;
	padding:100px 0;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}
.inside #content-container {
	padding:0;
	display: grid; 
	grid-template-columns: 60% 40%; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	". ."; 
	width: 100%; 
	height: 100%;
	min-height:600px;
}
.inside.nosubnav #content-container {
	grid-template-columns: 100%;
	grid-template-areas: ".";
}
	.home section#welcome {
		display:flex;
	}
	.home #content {
		box-sizing:border-box;
		padding:30px 60px;
		margin:36px -40px 36px 10px;
		position: relative;
		z-index: 2;
		background: #fff;
		float:left;
		min-width: 780px;
		box-shadow: 0 0px 30px 0px #a4bcd7;
	}
	.home section#welcome img {
		float:right;
		margin:0 10px 0 0;
		box-shadow: 0 0px 30px 0px #a4bcd7;
	}
	#content ul {
		margin-left: 2.4em;
		margin-bottom: 40px;
	}
	#content ul li {
		list-style:disc;
		position:relative;
		line-height:1.1;
		margin-bottom: 15px;
	}
	#content ul li::before {
		display: none;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";
	}
	#content ul.no-bullets li::before, #content ul.no-bullets li svg {
		display:none;
	}
	.inside #content ul.scroller li::before, .inside #content ul.scroller li svg {
		display:none;
	}

/* ------------- Main Navigation ---------- */
nav#main-nav {
	margin-left:auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	gap: 1.5vw;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
}
nav#main-nav ul > li a {
	position:relative;
	background:none;
	font:20px/1.5 "Montserrat", sans-serif;
	font-weight:600;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	z-index:1000;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a span.lower-case {text-transform:lowercase}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#cd9933;
}

/* ------------------------- */
/* ------------------------- */
/* ---- Dropdown Subnav ---- */
/* ------------------------- */
/* ------------------------- */
@media (min-width: 1024px) {
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub .dropdown {
	margin:0;
	padding:5px;
	text-align:left;
	position:absolute;
	top:50px;
	left:50%;
	transform:translate(-50%, -5px);
    background:#fff;
	width:280px;
	height:auto;
	border-radius:2px;
	border: solid 1px #003399;
	border-top:none;
	z-index:900;
	display:block!important;
	opacity:0;
	visibility:hidden;
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	transition:opacity 0s;
}
nav#main-nav ul > li.sub:hover .dropdown {
	/*transform:translate(-50%, 0%);*/
	opacity:1;
	transition:transform .75s, opacity .5s;
	visibility:visible;
	z-index:2000;
}
nav#main-nav ul > li.sub:hover .dropdown.desktop ul {
	display:block!important;
}
nav#main-nav ul > li.sub > .dropdown:before {
    content: '';
	display: block;
	width: 65%;
	height: 23px;
	background:none;
	z-index: 2;
	position: absolute;
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
}
nav#main-nav ul > li.sub > .dropdown:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
nav#main-nav ul > li.sub > .dropdown.wnarrow {
	width:200px;
}
nav#main-nav ul > li.sub > .dropdown.wmedium {
	width:400px;
}
nav#main-nav ul > li.sub > .dropdown.wwide {
	width:760px;
}
	

nav#main-nav ul > li.sub:last-of-type > .dropdown {
	left:inherit;
	right:0;
	transform:translate(0%, -5px);
}
nav#main-nav ul > li.sub:last-of-type:hover > .dropdown {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
}
nav#main-nav ul > li.sub:last-of-type > .dropdown:before {
	transform:none;
	left:inherit;
	right:20%;
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}
nav#main-nav ul > li.sub:hover a:after {
		width:80%;
		opacity:1;
}
nav#main-nav ul > li.sub:hover .dropdown li a {
	/*max-height: 61px;*/
}
nav#main-nav ul > li > .dropdown > li {
	text-align:left;
	color:#fff;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	vertical-align:top;
	background:none;
	position:relative;
	border-bottom:solid 1px rgba(255,255,255,.1);
	z-index:2000;
	-moz-transition:background .15s;
	-webkit-transition:background .15s;
	transition:background .15s;
}
nav#main-nav ul > li.sub > .dropdown > li:last-child a {
	border-bottom:none;
}
nav#main-nav ul > li.sub:hover a {
	color:#cd9933;
}
nav#main-nav ul > li > .dropdown > li a, nav#main-nav ul > li.sub > .dropdown > li a {
	font:18px/18px "Montserrat", sans-serif;
	font-weight:400;
	text-align:left;
	text-transform:none;
	display:block;
	float:none;
	color:#fff!important;
	z-index:2000;
	padding:10px 10px;
	background:#182051;
}
	nav#main-nav ul > li > .dropdown.normal > li a {
		padding:15px 10px;
	}
nav#main-nav ul > li > .dropdown.normal > li a {
	font-size:15px;
	line-height:1.2;
	padding-left:20px;
	background:#003399!important;
	color:#fff!important;
}
nav#main-nav ul > li.sub .dropdown li a:hover {
	color:#fff!important;
	background:#cd9933!important;
}
	nav#main-nav ul > li a svg {
		margin-right:3px;
	}

nav#main-nav ul > li.sub .dropdown.desktop.mobile {
	display:block;
}
nav#main-nav ul > li.sub > .dropdown.active {
	display:block;
}
}

/* ------ Subnav (sidebar) ------ */
.subnav {
	padding:0 0 20px 0;
	margin:15px 0 50px 0;
}
nav.subnav h1 {display:none; visibility:collapse;}
#right-col nav.subnav > ul {
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
#right-col nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
	border-top:solid 1px #c9cdd2;
}
#right-col nav.subnav > ul > li:last-child {
	border-bottom:solid 1px #c9cdd2;
}
#right-col nav.subnav > ul > li a {
	position:relative;
	margin:0 auto;
	padding:15px 5px 15px 30px;
	display:block;
	font-family:"Montserrat", sans-serif;
	font-size:18px;
	font-weight:normal!important;
	color:#333;
	text-decoration:none;
	line-height:1.2;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
#right-col nav.subnav > ul > li a:before {
	content:'\f105 ';
	display:none;
	font-style:normal;
	font-weight:900;
	font-size:16px;
	line-height:1;
	font-family:'Font Awesome 5 Free';
	color:#003399;
	padding:0 1px;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
#right-col nav.subnav > ul > li a svg {
	position:absolute;
	top:17px;
	left:0px;
	transition:all .25s;
}
#right-col nav.subnav > ul > li a:hover svg, #right-col nav.subnav > ul > li a.selectedon svg {
	opacity:1;
	left:10px;
}
#right-col nav.subnav > ul > li a:hover, #right-col nav.subnav > ul > li a.selectedon {
	color:#fff;
	text-decoration:none;
	background:#cd9933;
}
#right-col h3 {
	font-size:30px;
}
#right-col ul.sidebar__buttons {
	margin-bottom:50px;
}
#right-col ul.sidebar__buttons li {
	margin:0 0 20px 0;
}
#right-col a.link {
  text-decoration: none;
  color: #cd9933;
  font-weight:600;
  transition: all .35s;
}
#right-col a.link:hover {
    text-decoration: none;
    color: #1b1c53;
}
/* ------------ Page Structure (columns) ----------- */
#right-col {
	padding:68px 160px 90px 160px;
	text-align:left;
	position:relative;
	box-sizing:border-box;
	background:#e8f1fb;
}
#left-col {
	padding:25px 160px 40px 160px;
	text-align:left;
	box-sizing:border-box;
	position:relative;
}
#left-col.fullwidth {
	width:100%;
	float:none;
	background:none;
}
div#content {
	padding:0 0 0 0;
}
/* Top header callouts Portal and Appt Request */
#icons {
}
#icons a.portal, #icons a.appt, #icons a.newpatients {
	margin:0 10px;
	padding:5px;
	display:inline-block;
	border-radius:4px;
	color:#429ea8;
	text-decoration:none;
	font-family:"Montserrat", sans-serif;
	font-size:18px;
	text-align:right;
	position:relative;
	transition:all .35s;
}
#icons a.newpatients {
	color:#429ea8;
}
#icons a.portal {
	color:#e64d25;
}
#icons a:hover.portal, #icons a:hover.appt {
	/*background:rgba(178,210,61,.3);
	background:rgba(230,77,37,.3);*/
	color:#000;
}
/* address callouts in header */
#locations {
	position:relative;
	text-align:right;
	/*margin:30px 0 0 0;*/
	margin:5px 0 0 0;
	float:right;
	box-sizing:border-box;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#locations a {
	display:inline-block;
	margin-bottom:5px;
	color:#000;
	text-decoration:none;
	transition:all .35s;
}
#locations a:hover {
	color:#000;
}
#locations a.loc {
	color:#7a8974;
	margin-top:5px;
}
#locations a:hover.loc {
	color:#000;
}
#locations a.phone {
	font-size:30px;
	text-decoration:none;
	color:#000;
}
a#fax {
	color:#7a8974;
	font-size:21px;
}
a#fax i {
	color:#b2d23d;
}

/* Tools - top right (and mobile menu) */
div#tools, div#tools-mobile {
	display: flex;
	justify-content:flex-end;
	align-items: flex-end;
	color:#fff;
	gap:30px;
	white-space: nowrap;
	flex-direction:column;
}
	div#tools-mobile {
		position:relative;
		z-index:1001;
		justify-content: start;
		height: 85px;
		width: 100%;
		background: #182051;
		padding-left: 15px;
		padding-right: 15px;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		row-gap: 0px;
		column-gap:clamp(5px, 5vw, 30px);
	}
div#tools a, div#tools-mobile a {
	text-decoration:none;
	color:#fff;
	font-size:18px;
	transition:background .35s, color .35s, border-color .35s;
}
div#tools-mobile a {
	font-size:15px;
}
div#tools a:hover {
	color:#cd9933;
	border-color: #cd9933!important;
}
div#tools a svg, div#tools-mobile a svg {
	color:#cd9933;
}
div#tools #social {
	display: flex;
	gap: clamp(5px, 1vw, 30px);
}
div#tools #social a {
	background: rgba(26,24,74,.7);
	padding: 3px clamp(5px, 3vw, 10px);
	border: solid 1px rgba(255,255,255,.7);
	border-radius: 2px;
}
div#tools #social a svg {
	transition:color .35s;
}
div#tools #social a:hover svg {
	color:#fff;
}
/* search form in Tools (header) */
.searchform-wrap {
	text-align:left;
}
.searchform {
	border: solid 1px rgba(255,255,255,.7);
	position:relative;
	display:flex;
}
.searchform input {
	margin:0;
	border-radius:0;
	border:none;
	position:relative;
	width:285px;
	color:#4c4e8a;
	font-style:italic;
	background: rgba(26,24,74,.7);
}
.searchform input:focus {
	color:#fff;
	font-style:normal;
}
	.searchform button.search-btn {
		outline:none;
		border:none;
		font-size:18px;
		color:#181a4a!important;
		line-height:1;
		background:rgba(255,255,255,.7);
		padding: 0 15px;
		-webkit-transition:color .35s;
		-moz-transition:color .35s;
		transition:all .35s;
	}
	.searchform button:hover {
		background:#cd9933;
		color:#fff!important;
	}
	div#tools .searchform svg, div#tools-mobile .searchform svg {
		color:#181a4a;
		transition:all .35s;
	}
		div#tools .searchform button:hover svg {
			color:#fff;
		}

/* ------ Logo ----- */
#logo-wrapper {
	/*width:245px;*/
}
#logo {
	position:relative;
	margin:0;
	padding:0 0 0 0;
	display:block;
	transform-style:preserve-3d;
	text-align: left;
	width:100%;
	transition:all .5s;
	transition-delay:.2s;
}
#logo h1 {
	margin:0;
	padding:0;
}
#logo a {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-decoration:none;
	text-align:center;
	line-height:1.2;
	display:block;
	transform-style:preserve-3d;
	position:relative;
	z-index:2;
	transition:color .3s ease;
}
#logo a img {
	margin: 0 auto;
	display:block;
	transition:all .5s!important;
}
#logo a:hover img {
	/*opacity:1;
	filter:brightness(1.6);*/
}
#logo a:hover {
	color:#cd9933;
}

/* -------------- slideshow -------------- */
#banner-wrapper {
	width:100%;
	position:relative;
	z-index:0;
	transform-style:preserve-3d;
	z-index:0;
	margin-top:-175px;
	background:#1b1c53;
}
#banner {
	width:100%;
	margin:0 auto;
	position:relative;
}
/* Ensure absolute overlay positions relative to the slide */
#banner .slide{
  position: relative;
  overflow: hidden;
  aspect-ratio: 1920 / 912; /* replaces Cycle2 auto-height ratio */
}

/* Make the banner image behave like a background cover */
#banner .slide > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#banner .slide-text-wrap {
	z-index: 888;
	position: absolute;
	top:calc(50% + 100px);
	left: 50%;
	transform:translateY(calc(-50% - 50px)) translateX(-50%);
	width: 1600px;
	color: #fff;
	box-sizing: border-box;
}
#banner .slide-text {
	width:460px;
	text-shadow:0px 0px 20px rgba(0,0,0,.6), 0px 0px 30px rgba(0,0,0,.6), 0px 0px 50px rgba(0,0,0,.6);
}
#banner .slide-text-wrap h2 {
	color:#fff;
	font-size:30px;
	font-style:italic;
}
#banner .slide-text-wrap p {
	font-size:20px;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------   Blog Section   ----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
#blog-wrapper {
	padding:80px 0;
	background:url(images/news-bg-repeat.jpg) repeat 0 0;
	width:100%;
	position:relative;
	min-height:748px;
}
section#blog {
	width:1920px;
	margin:0 auto;
	color:#ce7b29;
	font-size:28px;
}
section#blog ul#blog-ul {
	margin:0 60px;
	text-align:center;
	display:flex;
	justify-content: space-between;
}
	section#blog ul#blog-ul div.cycle-carousel-wrap {
		height:100%;
	}
section#blog ul#blog-ul li {
	position:relative;
	box-sizing:border-box;
	max-width:350px;
	width: 350px;
	margin:0 50px;
	display:inline-block;
	background:#e8f1fb;
	text-align:left;
	transition:border-color .5s;
	vertical-align:top;
	height:100%;
	border:solid 1px #182051;
}
	section#blog ul#blog-ul li:hover {
		border-color:#cd9933;
	}
section#blog ul#blog-ul li div.news-img-wrap {
	position:relative;
	max-height:250px;
	overflow:hidden;
}
section#blog ul#blog-ul li img {
	width:100%;
	height:auto;
	min-height:250px;
	position: relative;
	transition:filter .25s;
}
section#blog ul#blog-ul li a:hover img {
	filter: brightness(1.1);
}
section#blog ul#blog-ul li a {
	text-decoration:none;
	display:block;
	overflow:hidden;
	height:100%;
	display:flex;
	flex-direction:column;
}
section#blog ul#blog-ul li a:hover {
	background:rgba(255,255,255,.8);
}
section#blog ul#blog-ul li a div.content {
	padding:10px 20px 20px 20px;
	display: flex;
	flex-direction: column;
}
section#blog ul#blog-ul li a span.title {
	font-size:24px;
	font-weight:600;
	color:#003399;
	text-decoration:none;
	text-transform:uppercase;
	transition:color .4s;
	white-space: normal;

}
section#blog ul#blog-ul li a:hover span.title {
	color:#333;
}
section#blog ul#blog-ul li p {
	color:#333;
	margin:10px 0 20px 0;
	font-size:24px;
	font-weight:400;
	line-height:1.25;
	white-space: normal;
}
	section#blog ul#blog-ul li p:last-of-type { 
		align-self:flex-end;
		margin-top: auto;
		margin-bottom: 0;
	}

section#blog ul#blog-ul li a span.learn-more {
	color:#182051;
	text-transform:none;
	font-size:24px;
	font-weight:600;
	transition:color .3s;
}
section#blog ul#blog-ul li a:hover span.learn-more {
	color:#cd9933;

}
/* Provider pager styles & News pager styles */
.cycle-pager, .cycle-pager-news { 
    text-align: center;
	padding:0 0 60px 0;
}
.cycle-pager-news {
	margin-top:30px;
}
.cycle-pager span, .cycle-pager-news span { 
    width: 35px; height: 35px; margin:10px; text-indent:-900em; 
    display: inline-block; background:#003399; border-radius:50%; cursor: pointer; 
	transition:background .3s;
}
.cycle-pager span:hover, .cycle-pager-news span:hover {
	background:#cd9933;
}
.cycle-pager span.cycle-pager-active, .cycle-pager-news span.cycle-pager-active { background:#cd9933;}
.cycle-pager > *, .cycle-pager-news > * { cursor: pointer;}

/* amended blog styles */
	section#blog {
		max-width:100%;
		min-width:100%;
		padding:0 5vw;
	}
	section#blog ul#blog-ul li {
		width:calc(90vw - 28px)!important;
		max-width:calc(90vw - 28px)!important;
		margin:0 10px 40px;
		margin-bottom: 20px;
   		height: calc(100% - 20px);
	}
	section#blog ul#blog-ul li img {
		object-fit:cover;
		object-position:center center;
		max-height:250px;
	}
	section#blog {
		max-width:100%;
		min-width:100%;
		padding:0 5vw;
	}
	section#blog ul#blog-ul li {
		width:calc(90vw - 28px)!important;
		max-width:calc(90vw - 28px)!important;
		margin:0 10px 40px;
		margin-bottom: 20px;
   		height: calc(100% - 20px);
	}
	section#blog ul#blog-ul li img {
		object-fit:cover;
		object-position:50% 20%;
		max-height:250px;
	}
	section#blog ul#blog-ul li a span.title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		line-height: 1.4;
		max-height: calc(1.4em * 2);
	}

	@media (min-width : 640px) {
		section#blog ul#blog-ul li {
			width:calc(90vw / 2 - 20px)!important;
			max-width:calc(90vw / 2 - 20px)!important;
			margin:0 10px;
		}
	}
	@media (min-width : 760px) {
		section#blog ul#blog-ul li {
			width:calc(90vw / 2 - 40px)!important;
			max-width:calc(90vw / 2 - 40px)!important;
			margin:0 20px;
		}
		section#blog ul#blog-ul li div.news-img-wrap {
			max-height:unset;
		}
	}
	@media (min-width : 1140px) {
		section#blog ul#blog-ul li {
			width:calc(90vw / 3 - 50px)!important;
			max-width:calc(90vw / 3 - 50px)!important;
			margin:0 25px;
		}
	}
	@media (min-width : 1600px) {
		section#blog ul#blog-ul {
			margin:0 auto;
		}
		section#blog ul#blog-ul li {
			width:calc(90vw / 4 - 60px)!important;
			max-width:calc(90vw / 4 - 60px)!important;
			margin:0 30px;
		}
	}

/* ================================
   CAROUSEL WRAPPER & CONTAINER
   ================================ */
/* Outer band with repeating bg + spacing */
.cards-band{
  width: 100%;
  padding: 80px 0; /* 80px above and below */
  background-image: url("images/news-bg-repeat.jpg");
  background-repeat: repeat;
  background-position: top left;
}

.cards-carousel{
  width: 100%;
  box-sizing: border-box;

  /* Full-width feel, but with breathing room */
  padding-inline: clamp(20px, 4vw, 120px);
}

/* Ensure track hits container edges */
.cards-carousel .splide__track{
  padding: 0;
}

/* ================================
   SLIDES & CARD SIZING
   ================================ */


/* Card itself */
/* Card fills slide width, but never exceeds 350px */
.cards-carousel .card{
  width: 100%;
  max-width: 350px;         /* key requirement */
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,.18);
  background: #eaf3fb;
  box-sizing: border-box;
  transition:background-color .3s;
}
.cards-carousel .card:hover {
  background: #fff;
}

/* ================================
   IMAGE (FIXED SIZE, NO STRETCH)
   ================================ */

.cards-carousel .card__img{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Image scales with card width (fluid), crops nicely */
.cards-carousel .card__img img{
  width: 100%;
  aspect-ratio: 350 / 250;  /* preserves design ratio */
  height: auto;             /* modern browsers will size via aspect-ratio */
  display: block;
  object-fit: cover;
}
.cards-carousel .card__img:hover img{
	filter: brightness(1.2);
}


/* ================================
   CARD CONTENT
   ================================ */

.cards-carousel .card__body{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px;
}

.cards-carousel .card__title{
  margin: 0 0 10px;
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
	white-space: normal;
}

.cards-carousel .card__title a{
	display:inline-block;
	color:#003399;
  text-decoration: none;
	transition:color .4s;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		line-height: 1.4;
		max-height: calc(1.4em * 2);
	font-family:"Montserrat", sans-serif!important;
	font-weight:600!important;
}
.cards-carousel .card__title a:hover{
	color:#cd9933;
}

.cards-carousel .card__text{
	font-size:24px;
  margin: 0 0 14px;
  line-height: 1.45;
  color: #1f2d3d;
  flex: 1; /* pushes CTA to bottom */
}

.cards-carousel .card__cta{
  align-self: flex-end;
  text-decoration: none;
  	color:#182051;
	text-transform:none;
	font-size:24px;
	font-weight:600;
	transition:color .3s;

}
.cards-carousel .card__cta svg{
	vertical-align: -0.18em;
}
.cards-carousel .card__cta:hover{
	color:#cd9933;
}

/* ================================
   SPLIDE GAP (FLUID / RESPONSIVE)
   ================================ */

/* Make slide contents stretch evenly */
.cards-carousel .splide__list{
  align-items: stretch;
}

/* Ensure card can center within slide if slide is wider than 350 */
.cards-carousel .splide__slide{
  display: flex;
  justify-content: center;  /* centers the max-350 card inside */
  height: auto;
  padding-bottom: 1px;
}

/* ================================
   PAGINATION DOTS
   ================================ */

.cards-carousel .splide__pagination{
  position: static;
  margin-top: 18px;
  gap: 10px;
}

.cards-carousel .splide__pagination__page{
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #0f3f77;
  opacity: 1;
}

.cards-carousel .splide__pagination__page.is-active{
  background: #cd9933;
}
/* ================================
   Arrows, hiding default and using Font Awesome 
   ================================ */
/* Hide default Splide SVG */
.splide__arrow__svg{ display: none; }

/* Base arrow button */
.splide__arrow{
  background: transparent;
  border: 0;
  width: 44px;
  height: 44px;
  font-size: 44px;
  opacity: 1;
  color: #0f3f77;
  top: 50%;
  transform: translateY(-50%);
}

/* Font Awesome icons */
.splide__arrow::before{
  font-family: "Font Awesome 6 Free"; /* or 5/7 depending on your FA */
  font-weight: 900;
  font-size: 28px;
  line-height: 1;
  display:none;
}

/* Left arrow */
.splide__arrow--prev{
  left: .5vw;   /* adjust to taste */
}
.splide__arrow--prev::before{
  content: "\f100"; /* fa-angle-double-left */
}

/* Right arrow */
.splide__arrow--next{
  right: .5vw;
}
.splide__arrow--next::before{
  content: "\f101"; /* fa-angle-double-right */
}

.splide__arrow svg {
	fill:#0f3f77;
  transition: fill .3s ease;
}
/* Hover state */
.splide__arrow:hover svg{
  fill: #cd9933;
}


/* ================================
   RESPONSIVE TWEAKS (OPTIONAL)
   ================================ */
/* Hard cap on image height at desktop:*/
@media (min-width: 1101px){
  .cards-carousel .card__img img{ max-width: 350px; }
}

@media (max-width: 1250px){
	.splide__arrow{
	  font-size: 24px;
	}
}
@media (max-width: 850px){
	.splide__arrow{
	  width: 44px;
	  height: 44px;
	  font-size: 24px;
	}
}
@media (max-width: 640px){
	.splide__arrow{
	  top: 50%;
	  transform: translateY(-50%);
	}
}
@media (max-width: 600px){
  .cards-carousel{
    padding-inline: 16px;
  }
}
@media (max-width: 450px) {
	.cards-carousel .card {
		max-width:310px;
	}
	.cards-carousel .card__text {
		font-size:20px;
	}
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --- Home Quad Boxes Layout container --- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.home-quads-wrapper {
	background:#182051;
}
.home-quads{
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.quad-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

/* --- Panels --- */
.quad{
  overflow: hidden;
  padding-inline: clamp(18px, 2.2vw, 34px);  /* left / right */
  padding-block: clamp(28px, 4vw, 60px);     /* top / bottom */
}
.quad__col--flexHeight {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.quad--white{ background: #ffffff; }
.quad--blue{ background: #eaf3fb; } /* light blue */
.quad--whiteish{ background: #fbfbfb; } /* almost white */

.quad__inner{
  padding: clamp(18px, 2.2vw, 34px);
  padding:0;
}
.quad__inner--marginTop {
	margin-top:60px;
}
.quad__inner--split{
  display: grid;
  grid-template-columns: 1.10fr 0.9fr;
  gap: clamp(14px, 2vw, 28px);
  gap: 0;
  align-items: start;
}

.quad__col--media{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- Type --- */
.quad__title{
  margin: 0 0 20px;
  font-size: clamp(32px, 2.8vw, 48px);
  line-height: 1.1;
  font-weight: 400;
  color: #182051;
  text-align:center;
}

.quad__kicker{
  margin: 0 0 40px;
  font-size: 24px;
  color: #003399;
  text-align:center;
  font-family:Georgia, "Times New Roman", Times, serif;
}

.quad__text{
  margin:0 auto 12px;
  font-size: 20px;
  line-height: 1.55;
  color: #333;
  max-width: 62ch;
  font-weight:500;
}

/* --- Media --- */
.quad__media{
  margin: 18px 0 16px;
  display: flex;
  justify-content: center;
}

.quad__mediaLink{
  display: inline-block;
  max-width: 100%;
}

.quad__mediaLink img{
  display: block;
  max-width: 100%;
  height: auto;
}

/* Portrait: bordered like screenshot */
.portraitLink{
  display: inline-block;
  padding: 15px;
  border: 3px solid #e2b23a; /* warm gold */
  background: #fff;
  transition:background .3s ease;
}
.portraitLink:hover{
  background: #e2b23a;
}
.portrait{
  display: block;
  width: min(320px, 100%);
  height: auto;
}

/* --- Links list with FA icon --- */
.quad__links{
  list-style: none;
  padding: 0;
  margin: 20px 0 40px 40px;
}

.quad__links li{
  margin: 8px 0;
}

.quad__links a{
  display: inline-flex;
  align-items: start;
  gap: 10px;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  font-weight:500;
  transition:color .3s;
}

.quad__links a:hover{
  color: #cd9933;
}

.quad__links i{
  color: #193a63;
  font-size: 20px;
}
.quad__links svg {
	margin-top:5px;
}

/* --- Button --- */

.quad__button{
  margin-top: 6px;
	font-family:Georgia, "Times New Roman", Times, serif!important;
}
.quad__button--aligned{
  margin-left: 40px; /* match ul padding */
}
.quad__button--alignedBottom{
	margin-top:auto;
	align-self:start;
}

/* --- Responsiveness --- */
@media (max-width: 1419px){
  .quad__text, .quad__links a{
	  font-size:clamp(16px, 1vw, 16px);
  }
}
@media (max-width: 1124px){
	.quad {
		text-align:center;
	}
	.quad__inner--split {
		grid-template-columns: 1fr;
	}
	.quad__mediaLink img {
	  max-width: 60%;
	  margin: 0 auto;
	}
	.quad__links {
	  margin-left:0px;
	}
	.quad__button--alignedBottom {
	  margin-top: unset;
	  align-self: center;
	  margin-left: unset;
	}
}
@media (max-width: 980px){
  .quad-grid{
    grid-template-columns: 1fr;
  }
	.quad--blue{ border-top:solid 1px #fff;}

  .quad__inner--split{
    grid-template-columns: 1fr;
  }

  .quad__text{
    max-width: 100%;
  }

  .quad__col--media{
    order: -1; /* put media first on small screens (optional) */
  }
  
  .float-right {
	float:none;
	margin:5px 0 20px 0;
   }
  .float-left {
	float:none;
	margin:5px 0 20px 0;
  }
  
  #content #bio.officer-councilor img {
	float:none;
	margin-top:12px;
	margin-right:0;
	margin-bottom:20px;
  }
  
}

/* ======= Meetings Scroller Home page & Meetings Listing Page display ======= */
.news-wrapper #news-scroller {
	position:relative;
	width:100%;
	height:480px;
	overflow:hidden;
}
ul.scroller, .inside #content ul.scroller {
	margin:0;
	list-style:none!important;
}
ul.scroller li, .inside #content ul.scroller li {
	display:inline-flex!important;
	flex-direction:column;
	box-sizing:border-box;
	margin:0 20px;
	width:400px;
	max-width:400px;
	min-height:660px;
	background:#fff;
}
	/* Meetings Listing page */
	.inside #content ul.scroller li {
		display: block!important;
		width: 100%;
		max-width: 100%;
		margin: 0 0 40px 0;
		min-height: unset;
		border: solid 1px #ccc;
	}
	#left-col ul.scroller.meeting-list li.card a.card__link {
		margin-top:20px;
	}
	/* Old Meetings Listing page */
	.inside #content ul.scroller.old-meetings li {
		padding-bottom:10px;
	}
ul.scroller li .card {
	display: flex!important;
	flex-direction: column;
	margin:0 0 5px 0!important;
	text-align:left;
	overflow:hidden;
}
ul.scroller li.card .card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  font-family:"Montserrat", sans-serif;
  font-size:20px;
  color:#333;
  line-height:1.3;
  padding: 0 25px;
  white-space: normal;
}
ul.scroller li.card a.card__link, #left-col ul.scroller li.card a.card__link {
  margin-top: auto;
  display:block;
  padding:25px;
  background:#1b1c53;
  color:#fff;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:700;
  font-size:22px;
  text-decoration:none;
  transition:all .35s;
}
ul.scroller li.card a:hover.card__link, #left-col ul.scroller li.card a:hover.card__link {
	background:#cd9933;
}
	#left-col ul.scroller li.card a.card__link svg {
		display:inline-block!important;
		position: relative;
		top: unset;
		left: unset;
	}
ul.scroller li .meeting-title {
	margin-bottom:auto;
}
ul.scroller li .meeting-title a, .inside #content ul.scroller.meeting-list li .meeting-title a {
	box-sizing:border-box;
	min-height:130px;
	/*max-height:130px;*/
	display:block;
	margin:0 0 10px 0;
	padding:20px 25px 15px 25px;
	color:#373868;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:400;
	line-height:1.1;
	text-decoration:none;
	background:#eee;
	overflow:hidden;
	white-space:normal;
	transition:all .35s;
}
ul.scroller li .meeting-title a:hover, .inside #content ul.scroller.meeting-list li .meeting-title a:hover {
	color:#cd9933;
}
	/* Meetings Listing page */
	.inside #content ul.scroller.meeting-list li .meeting-title a {
		height: unset;
		min-height: unset;
		padding-bottom: 20px;
	}
ul.scroller li.card .card__content .title {
	display:block;
	color:#1b1c53;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:1.2;
	padding-right:20px;
}
	/* Meetings Page Change layout slightly */
	.inside #content ul.scroller.meeting-list li.card .card__content div {
		display:flex;
	}
ul.scroller li.story a:hover {
	color:#333!important;
	text-shadow:none;
	border-color:transparent!important;
}
ul.scroller li.story a.read-more {
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	font-size:18px!important;
	text-transform:uppercase;
	position:relative;
	top:2px;
}

/* -- give some space before each heading on the news.php page -- */
#content h4.newslistingbodycontent {
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}
div.newsmessage5 {
	margin:15px 0 0 0;
	clear: both;
}


h2.newslistingbodycontent, h2.calendarlistingbodycontent {
  clear: both;
  padding-top:30px;
  border-top: 1px dashed #ccc;
}



/* ------------ Patient Forms Button ------------ */
#patient-forms {
	margin:40px 0 0 0;
	padding:0;
	position:relative;
	font-size:16px;
	font-weight:normal!important;
	text-align:left;
	line-height:24px;
	color: #1b1c53!important;
}
#patient-forms a {
	width:inherit!important;
	display:inline-block;
    text-decoration: none;
	font-weight:normal!important;
	font-size:14px;
	text-transform:uppercase;
    padding:0 10px;
    border-radius: 3px;
    display: inline-block;
    transition: all .35s;
	color:#cd9933!important;
    border: 1px solid #cd9933;
}
#patient-forms a:hover {
	text-decoration:none;
    color: #1b1c53!important;
	border: 1px solid #1b1c53;
}
#patient-forms i {
	margin:0 5px;
}
/* ---------  -------- */
/* ------------ Breadcrumb Nav ------------ */
#breadcrumbtree {
	margin:0 0 20px 0;
	padding:0;
	position:relative;
	font-size:14px;
	font-weight:normal!important;
	text-align:left;
	line-height:24px;
	color: #999!important;
}
#breadcrumbtree a {
	width:inherit!important;
	display:inline-block;
    text-decoration: none;
	font-family:"Montserrat", sans-serif;
    color: #1b1c53!important;
	margin-bottom:5px;
    border-radius: 3px;
    display: inline-block;
    transition: all .35s;
}
#breadcrumbtree a:hover {
	text-decoration:none;
	color:#cd9933!important;
}
#breadcrumbtree svg {
	margin:0 4px;
}
#breadcrumbtree a:first-of-type, #breadcrumbtree a:first-of-type svg {
	margin-left:0;
	padding-left:0;
	margin-right:0;
	padding-right:0;
}
	.display999 {
		display:none;
	}
	.hide999 {
		display:inline-block;
	}

/*---- PDF, PPTX, ICS (calendar) link icon ----*/
a i[class*="fa-file"],
a i.fa-calendar-days{
  margin-left: .35em;
  vertical-align: -0.125em;
}

/* ================================== */
/* ================================== */
/* ================================== */
/* Footer Nav */
/* ================================== */
/* ================================== */
/* ================================== */
/* Full-width background container */
.ssci-footer-nav{
  width: 100%;
  background-image: url("images/bg-footer.jpg");
  background-size: cover;
  background-position: center;
  padding: 90px 60px;
  box-sizing: border-box;
}

/* Inner translucent panel */
.ssci-footer-overlay{
  background: rgba(24, 32, 81, 0.8); /* #182051 @ 80% */
  padding: clamp(40px, 5vw, 70px);
}

/* Grid layout */
.col--menu{ grid-area: menu; }
.col--leadership{ grid-area: leadership; }
.col--committees{ grid-area: committees; }
.col--services{ grid-area: services; }

.ssci-footer-inner{
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas: "menu leadership committees services";
  gap: clamp(30px, 4vw, 80px);
}

/* Column headings */
.footer-col h3{
  color: #ffffff;
  font-size: 18px;
  font-weight:600;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-family:"Montserrat", sans-serif;
}

/* Lists */
.footer-col ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col li{
  margin-bottom: 10px;
}

/* Links with icon alignment */
.footer-col a{
  display: inline-flex;
  align-items: flex-start; /* aligns icon to top when wrapping */
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.2;
  transition: color .3s ease;
}

.footer-col a svg{
  margin-top: 2px; /* fine-tune icon vertical alignment */
  font-size: 18px;
}

/* Hover state */
.footer-col a:hover{
  color: #cd9933;
  text-decoration: none;
}

/* Social icons */
.footer-connect{
  margin-top: 28px;
}

.footer-social{
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

.footer-social a{
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #182051;
  border-radius: 4px;
  transition: background .3s ease, color .3s ease;
}

.footer-social a:hover{
  background: #cd9933;
  color: #182051;
}

/* Responsive */
@media (min-width: 1200px){
  .ssci-footer-inner{
    max-width: 1480px;
    margin: 0 auto;
    gap: 80px;

    /* Only column 3 is set to a specific width */
    grid-template-columns: 1fr 1fr 21vw 1fr;
  }
}

@media (max-width: 1199px){
  .ssci-footer-inner{
    /*grid-template-columns: repeat(2, 1fr);*/
	grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "menu committees"
      "leadership services";
  }
}

@media (max-width: 640px){
  .ssci-footer-nav{
    padding: 60px 24px;
  }

  .ssci-footer-inner{
    grid-template-columns: 1fr;
	grid-template-areas:
      "menu"
      "leadership"
      "committees"
      "services";
  }
}
/* ----------- Bottom Footer ---------- */
.site-footer-bottom{
  width: 100%;
  background-color: #182051;
  color: #ffffff;
}

.footer-bottom-inner{
  max-width: 100%;
  padding: 40px 20px;   /* 40px top/bottom per your spec */
  text-align: center;
  box-sizing: border-box;
}

.site-footer-bottom p{
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.5;
}

.site-footer-bottom p:last-child{
  margin-bottom: 0;
}

/* Font Awesome bullet separators */
.footer-sep{
  font-size: 10px;        /* small dot but visually bold */
  margin: 0 12px;
  vertical-align: middle;
  opacity: 0.9;
}
/* Footer links */
.site-footer-bottom a{
  color: #ffffff;
  text-decoration: none;
  transition: color .3s ease;
}

.site-footer-bottom a:hover,
.site-footer-bottom a:focus{
  color: #cd9933;
  text-decoration: none;
}
@media (max-width: 600px){
  .footer-sep{
    
  }
}

/* ----------------------------------- */
/* ----------------------------------- */
/* ----------------------------------- */
/* ----------------------------------- */
/* ---- Feature: scroll up icon  ------*/
/* ----------------------------------- */
/* ----------------------------------- */
/* ----------------------------------- */
/* ----------------------------------- */
a.scrollup {
    opacity:.6;
    position:fixed;
    bottom:2%;
    right:2%;
	color:#e2b23a;
	z-index:1;
	font-size:40px;
    display:none;
	background: #fff;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	transition:all .35s;
}
a:hover.scrollup {
    opacity:1;
}
a.scrollup.hide {
	display:none!important;
}
/* Style to make telephone link non-clickable in browser */
a[href^="tel:"] { text-decoration: none; pointer-events: none; cursor: default; }

/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*  Begin BOOTSTRAP GRID Styles + RESPONSIVE  */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1600px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1900px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 668px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }


}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}

/* @@@@@@@@@ ========== End BOOTSTRAP GRID Styles + RESPONSIVE ========== @@@@@@@@@ */
/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */
@media (min-width : 1024px) { /* This ensure that the mobile toggles don't display and that the main nav and locations list display */
	a.mtoggle, a.mtoggle span {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:flex!important;
	}
}
@media (min-width : 1601px) {
	header#main {
		width:1600px;
		margin:0 auto;
	}
}
/*@media (min-width : 1920px) {
	#wrapper {
		width:1920px;
		margin:0 auto;
	}
}*/ 
@media (max-width: 1920px) {
	section#blog {
		width:100%;
	}
}
@media (max-width : 1780px) {
#banner .slide-text {
  width: 33%;
}
ul.scroller li {
	width:300px;
	max-width:300px;
	min-height:580px;
}
ul.scroller li.card .card__content {
  font-size:16px;
}
ul.scroller li.card a.card__link {
  font-size:18px;
}
ul.scroller li .meeting-title a {
    font-size: 20px;
    font-weight: 400;
}
ul.scroller li.card .card__content .title {
    font-size: 18px;
}
#left-col {
    padding: 25px 3vw 0 3vw;
}
#right-col {
    padding: 100px 3vw 90px 3vw;
}
	nav#main-nav ul > li a {
		font-size:95%;
	}
}
@media (max-width: 1617px) {
	section#blog ul#blog-ul {
		display:block;
		margin:0;
	}
	section#blog ul#blog-ul > li {
		margin:0 50px;
		margin-bottom:60px;
		vertical-align:top;
	}
}
@media (max-width : 1600px) {
	#logo a {
		font-size:16px;
	}
	.inside #content-wrapper {
		box-sizing: border-box;
	}
	body, #wrapper, #header-wrapper, header, #banner, #content-container, #services-wrapper  {
		width:100%;
		box-sizing:border-box;
		min-width:100%; padding:0;
		max-width:100%;
	}
	#content-container {
		padding:50px 20px;
	}
	#header-wrapper {
		position:relative;
		padding: 0 10px;
	}
	nav#main-nav ul > li a {
		/*font-size:90%;*/
	}
	#banner .slide-text-wrap {
		top: unset;
		bottom:0;
		left: 0;
		right: 0;
		transform: translateY(-40px);
		width: 100%;
		padding: 0 2%;
	}
}
@media (max-width : 1517px) {

	nav#main-nav ul > li > div.dropdown > div > ul > li a {
		font-size:15px;
	}
	div#tools {
		gap:3vw;
	}
	#banner-wrapper {
		min-height:unset;
	}
	#banner .slide-text-wrap .slide-text {
		width:85%;
	}
	.banner__buttons {
		gap:5px;
		flex-direction:row;
		justify-content:space-around;
	}
}
@media (max-width : 1417px) {
	#providers {
		width:100%;
	}
	div#callouts {
		max-width:unset;
		flex:4.5 0;
	}
	#logo-wrapper {
		align-self: end;
    	padding-bottom: 15px;
	}

}
@media (max-width : 1350px) {
		/*nav#main-nav ul > li a {font-size:90%;}*/
}
@media (max-width : 1235px) {
	#providers .provider h3 {
		font-size:3.75vw;
	}
	section#blog ul#blog-ul li {
		margin:0 1%;
	}
	.banner__buttons a.button {
		font-size:14px;
	}
}
@media (max-width : 1219px) {
	body, #wrapper, header, #content-container, #banner, #providers, #services-wrapper, #footer-2 {width:100%; min-width:100%; padding:0; box-sizing:border-box;}
	#banner .slide-text-wrap {
		/*top: 55%;*/
	}
	#callouts-wrapper {
		margin-top:0;
	}
	#callouts ul {
		grid-template-columns:1fr 1fr 1fr;
		gap: 1px;
	    background: #4758b0;
	}
	#callouts ul li div.content {
		padding: 0 4vw 4vw;
	}
	#content-wrapper {
	}
	nav#main-nav ul > li a {
		font-size:80%;
	}
	nav#main-nav ul > li > .dropdown > li a, nav#main-nav ul > li.sub > .dropdown > li a {
		font-size:clamp(14px, 3vw, 16px);
	}
	nav#main-nav ul.menu.menu-toggle {
	margin:0;
	padding:0;
	width:100%;
	height:inherit;
	}

	nav#main-nav ul:before {
		top:-5px;
	}
	section#welcome {
		padding-top:0;
	}

	#left-col {
		padding-left:2%;
	}
	#left-col.fullwidth {
		padding-left:2%;
		padding-right:2%;
	}
	#right-col {
	}
	.inside #right-col {
	}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	#icons { /* Remove this completely when/if Patient Portal and Appt Request icons are activated --- This affects the height of the header which was causing logo to break out below navigation */
		padding:20px 0;
	}
	#icons a.portal, #icons a.appt {
		display:block;
	}
	#icons a.newpatients { /* Remove this completely when/if Patient Portal and Appt Request icons are activated --- This affects the height of the header which was causing logo to break out below navigation */
		display:block;
	}
	#no-template-pager {
		height:100%;
		display: grid;
		grid-template-rows: auto;
		grid-template-areas: 
		"."
		"."
		"."
		".";
		align-items: center;
		justify-items: center;
	}
	#no-template-pager img {
		height:100%;
		float:none;
		display:block;
	}
	.large-tablet-mobile-hidden {display:none!important;}
	.large-tablet-mobile-only {display:block;}
}
@media (max-width : 1139px) {

	div#services, #treat {
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	#treat {
		padding:0 2%;
		box-sizing:border-box;
	}
	.remove-1139 {
		display:none;
	}
	ul.scroller li {
	    height: 7.6em;
	}
	.inside #content ul.scroller.meeting-list li {
		height:unset;
	}
}	
@media (max-width : 1079px) {
	#banner, #banner .slide, .slide img {
		min-height:500px;
	}
	.slide img {
		min-width:none;
	}
	#banner-wrapper .slide img {
		object-fit: cover;
	}
	#banner .slide-text h2 {
		font-size:clamp(24px, 4vw, 30px);
	}
	#banner .slide-text-wrap .slide-text {
		width:100%;
	}
	#banner .slide-text-wrap p {
		font-size:15px;
	}
	.banner__buttons a.button {
		font-size:14px;
	}
}
@media (max-width : 1023px) {
	
	#content .col-1-of-2{
		float:none;
		width:100%;
	}
	#content .col-2-of-2{
		float:none;
		width:100%;
	}	
	
	.searchform input {
		max-width:150px;
		font-size:10px;
	}
	nav#main-nav ul > li a {font-size:74%;}

	.display999 {
		display:inline-block;
	}
	.hide999 {
		display:none;
	}
	#right-col, .inside #right-col, #left-col {width:100%; padding:2%; float:none;}
	#loc-dir-wrapper {
		height:260px;
		background: url(images/bg-map-2021.jpg) no-repeat 70% center;
	}
	#loc-dir-wrapper img {
		display:none;
	}
	#loc-dir-wrapper #contact {
		left:0;
	}
	#icons { /* Remove this completely when/if Patient Portal and Appt Request icons are activated --- This affects the height of the header which was causing logo to break out below navigation */
		padding:0;
	}
	#icons a.newpatients { /* Remove this completely when/if Patient Portal and Appt Request icons are activated --- This affects the height of the header which was causing logo to break out below navigation */
		display:inline-block;
	}
	.tablet-mobile-hidden {display:none!important;}
	.tablet-mobile-only {display:block!important;}
		.tablet-mobile-only.flex {display:flex!important;}
	.mobile-only-nav-item {display:block!important;}
	.hidden-nbsp {display:none;}
	#left-col, #right-col, #middle-col, .inside #left-col, .inside #right-col {width:100%; padding:6% 2%; float:none;}
	.inside #left-col {padding:0 2% 6% 2%;}
	#header-wrapper {
		border-top-width:60px;
	}
	header#main {
		padding:10px;
		height:unset;
	}
	#logo-wrapper {
		width:auto;
		padding: 0;
	}
	#header-wrapper #logo {
		/*width: 250px;*/
	}
	div#tools #social a {
		font-size:13px;
	}
	#logo a img {
		max-width:60px;
	}
	#mobile-social {
		background: rgba(255,255,255,.1);
    	padding: 20px 0;
	}
	#mobile-social a {
		color:#cd9933;
		display: inline-block;
		margin: 0 15px;
	}
	#icons {
		position:relative;
		float:none;
		top:inherit;
		right:inherit;
	}
	#icons a.portal, #icons a.appt {
		display:inline-block;
		margin:0 0 10px 0;
	}
	.inside #left-col div#content {
		padding-top:25px;
	}
.home section#welcome {
	padding:30px 2% 0 2%;
}
.home #content {
	min-width: 100%;
	padding: 0 2%;
	float: none;
	margin: 0 auto 30px 0;
	background: #ffffffea;
}
.home section#welcome img {
	float: none;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
    height: 100%;
}
	section#blog ul#blog-ul li {
		margin:0 .5%;
		width:calc(100% / 3)!important;
	}

	#locations {
		position:relative;
		float:none;
		text-align:center;
		margin:0 0 20px 0;
		padding:15px 0;
		line-height:22px;
		width:100%;
		background:#449da7;
	}
	#locations a, #locations #icons a {
		margin:0 1.5vw;
		margin:0 5.5vw; /* Switch back to previous margin when/if Patient Portal and Appt Request icons are activated */
		color:#fff!important;
		font-size:12px;
		font-size:2.5vw; /* Switch back to previous margin when/if Patient Portal and Appt Request icons are activated */
	}
	#locations a.phone {
		font-size:3.5vw;
	}
	#locations a i, #locations a.phone i {
		color:#fff;
	}
	#locations .location br {
		display:none;
	}
	span.remove {display:none;} /* This removes an item with class .remove */
	table.providers tr td {
		font-size:80%;
	}
	#left-col iframe {
		max-width:100%;
		height:auto;	
	}
	.subnav {
		padding:0;
	}
	#header-wrapper {
	}
	/* ------------- Main Navigation ---------- */
	
/* for mobile menu dropdowns */
	/* ------------- Main Navigation ---------- */
	#nav-wrapper {
		border-bottom:none;
		width:100%;
		margin:0;
		border-radius:4px;
		position:fixed;
		bottom:inherit;
		top:0;
		left:0;
		z-index:999;
		box-shadow:none;
		transform:translateX(-100%);
		transition:transform .75s cubic-bezier(.13,.98,.66,.97);
		background: #039;
	}
	#nav-wrapper.slidein {
		transform:translateX(0);
	}
	nav#main-nav {
		width:100%;
		height:100vh;
		margin:0 auto;
		position:relative;
		bottom:inherit;
		z-index:999999;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch; /* smooth iOS scrolling */
	}
nav#main-nav:before {
			display:none;
		}
	nav#main-nav ul.menu.menu-toggle {
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		height:auto;
		position:relative;
		display:block;
		z-index:1000;
	}
	nav#main-nav ul.menu.menu-toggle:before {
		display:none;
	}
	nav#main-nav ul > li {
		height:auto;
		margin:0;
		padding:0;
		display:block;
		position:relative;
		z-index:1000;
		width:auto;
	}
	nav#main-nav ul > li a {
		background: #003399;
		height:60px;
		padding-right:0;
		font-size:22px;
		color:#fff;
		line-height:60px;
		display:block;
		border-top:solid 1px rgba(255,255,255,.1);
		border-bottom:none;
		text-shadow:none;
		text-decoration:none;
		text-align:center;
		position:relative;
		z-index:1000;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
	}
	nav#main-nav ul > li a i.fa-caret-down, nav#main-nav ul > li a svg.fa-caret-down {
		display:none;
	}
	nav#main-nav ul > li.sub ul.dropdown li a svg {
		color:#000;
	}
	nav#main-nav ul > li a:hover {
		color:#000;
		background:#cd9933!important;
	}
	.mobile-visible {display:inline-block;}

	nav#main-nav ul > li.sub > ul.dropdown, nav#main-nav ul > li.sub > ul.dropdown.mobile-only {
		display:none;
		opacity:1;
		visibility:visible;
		position:relative;
		top:inherit;
		box-shadow:none;
		box-sizing:border-box;
		padding:0 0 0 0;
		background:#fff;
		width:100%;
	}
	nav#main-nav ul > li.sub > ul.dropdown.mobile-only, nav#main-nav ul > li.sub > ul.dropdown.mobile {
		height:auto;
		display:block;
		position:relative;
		width:100%;
		top:inherit;
		border:none;
	}
	nav#main-nav ul > li.sub:hover > ul.dropdown.notmobile, nav#main-nav ul > li.sub:hover > ul.dropdown.mobile-only {
		display:none;
	}
	nav#main-nav ul > li.sub > ul.dropdown li a, nav#main-nav ul > li.sub > ul.dropdown.mobile-only li a {
		background:#003399d9;
		height: unset;
		line-height: 3;
		text-transform: unset;
	}
		nav#main-nav ul > li.sub:hover ul.dropdown li a:hover {
			background:#00339970!important;
			color:#201e1d!important;
		}
	nav#main-nav ul > li.sub ul.dropdown li a i, nav#main-nav ul > li.sub ul.dropdown.mobile-only li a svg {
		opacity:1;
	}
	nav#main-nav ul > li.sub:hover span.droptoggle {
		background:#2651a8;
	}
	nav#main-nav ul > li.sub:hover span.droptoggle svg {
		color:#fff;
	}
	span.droptoggle {
		display:block;
		position:absolute;
		top:8px;
		right:8px;
		display: flex !important;
		font-size: 24px;
		align-items: center;
		box-sizing:border-box;
		height:calc(100% - 8px);
		height:44px;
		padding:0 15px;
		background:#2651a8;
		z-index:9999;
		cursor:pointer;
		border-radius:3px;
		transition-duration:.5s;
	}
	span.droptoggle:after {
		content:"";
		display:block;
		width:4px;
		height:100%;
		position:absolute;
		right:-4px;
		top:0;
		background:none;
	}
	span.droptoggle svg, nav#main-nav ul > li.sub span.droptoggle svg {
		color:#fff;
		position:relative;
		top:2px;
		transform:rotate(0deg);
		transition:all .35s;
	}
	span.droptoggle.toggle-active {
		background:#2651a8;
	}
	nav#main-nav ul > li.sub span.droptoggle.toggle-active svg {
		color:#201e1d;
		transform:rotate(180deg);
	}

	/* hamburger toggle */
	a.mtoggle {
	  position:relative;
		background:none!important;
		z-index:9999;
		cursor:pointer;
		display:inline-block;
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	}
		a.mtoggle--close {
			margin-left: auto;
  			margin-right: 5px;
		}
	a.mtoggle .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  height: 4px;
	  width: 30px;
	  top: 18px;
	  left:9px;
	  background-color: transparent;
	}
	a.mtoggle .icon:before {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #004472;
	  content: '';
	  top: -10px;
	  left:0;
	}
	a.mtoggle .icon:after {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #004472;
	  content: '';
	  top: 10px;
	  left:0;
	}
	a.mtoggle .icon:hover {
	  cursor: pointer;
	}
	a.mtoggle.open .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  background: transparent;
	}
	a.mtoggle.open .icon:before {
	  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
			  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
	}
	a.mtoggle.open .icon:after {
	  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
			  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
	}
	/* new Font Awesome icon */
	a.mtoggle.open svg.fa-bars {display:none;}
	a.mtoggle svg.fa-x {display:none;}
	a.mtoggle.open svg.fa-x {display:inline-block;}
	/* end hamburger toggle */
	a.mtoggle span {
		text-align:center;
		line-height:40px;
		box-sizing:border-box;
		background:none;
		color:#004472;
		font-family:"Montserrat", sans-serif;
		font-size:10px;
		font-weight:700;
		position:absolute;
		top:0;
		left:0;
		letter-spacing:-.75px;
		width:96%;
		transition:opacity .25s, transform .5s;
	}
	a.mtoggle.toggle-active.open span {
		opacity:0;
		transform:scale(0);
	}
	.treat-container {
	  margin:60px 0 0 0;
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 1fr 1fr;
	  gap: 40px 10px;
	  grid-auto-flow: row;
	  grid-template-areas:
		". ."
		". ."
		". ."
		". .";
	}
	
}
@media (max-width: 992px) {
	section#blog ul#blog-ul li {
		margin:0 2.5%;
		width:calc(100% / 2)!important;
	}
}
@media (max-width : 799px) {
	

	
	
.inside #content-container {
    padding: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas: "." ".";
    width: 100%;
    height: auto;
    min-height: inherit;
}
	div#services {
		margin-bottom:0;
	}
	#services ul {
		grid-template-columns: 1fr 1fr;
		grid-gap:3vw;
		padding:3vw;
	}
	#services ul li {
		font-size:16px;
		box-shadow:0 0 10px rgba(0,0,0,.1);
	}
	#callouts ul {
		grid-template-columns:1fr 1fr;
	}	
}
@media (max-width : 739px) {
	#logo a span.abbrev--on {
		display:block;
	}
	#logo a span.abbrev--off {
		display:none;
	}
}
@media (max-width : 639px) {
	.mobile-hidden {display:none!important;}
	.mobile-only {display:block!important;}
	
	div#tools-mobile, div#tools-mobile div {
		align-content:center;
	}
	div#tools-mobile div a {
		font-size:14px;
	}
	#banner .slide-text-wrap {
	}
	.banner__buttons a.button {
		font-size: 10px;
	}
	#breadcrumbtree {margin:20px 0; line-height:1.2;}
	section#welcome, #providers {
		padding:8% 4% 0 4%;
	}
	#news-wrapper h2 {
		font-size:20px;
	}
	ul.scroller li.story a, ul.scroller li p, ul.scroller li.story a.read-more {
		font-size:16px;
	}
	section#blog ul#blog-ul li {
		margin: 3vw;
		width: 100vw !important;
	}
	section#blog ul#blog-ul li a span.title {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.treat-container {
	  margin:60px 0 0 0;
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: 1fr;
	  gap: 40px 10px;
	  grid-auto-flow: row;
	  grid-template-areas:
		"."
		"."
		"."
		"."
		"."
		"."
		"."
		"."
		".";
	}
	/* two column layout can be used anywhere */
	div.col-2 {
		width:100%;
		display:block;
		margin-bottom:60px;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	#left-col img.fullwidth {
		width:100%;
		height:auto;
		float:none;
		padding:0;
		margin:0 0 20px 0;
	}
	#left-col iframe {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	#left-col table td {
		display:block;
	}
	table.attendee td.meal{
		display:inline!important;
	}
	#left-col table.providers tr td {
		display:block;
	}
	table.providers tr td {
		font-size:90%;
		width:85%;
		margin:0 auto;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	.site-footer-bottom p {
		font-size:14px;
	}
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel:"] { text-decoration: none; pointer-events: inherit; cursor: default; }
}
@media (max-width : 549px) {
	#locations #icons a {
		margin:0 5.5vw; /* Remove this completely when/if Patient Portal and Appt Request icons are activated */
		font-size:4.25vw; /* Remove this completely when/if Patient Portal and Appt Request icons are activated */
	}
	.small-mobile-only {
		display:inline-block;
	}
	.small-mobile-hidden {
		display:none;
	}
	table.providers tr td {
		box-sizing:border-box;
		width:100%;
		margin:0 auto;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	a.button {
		max-width: 100%;
	}
	#left-col img.mobile-fullwidth, .banner__buttons a.button {
		width:100%!important;
		height:auto!important;
		float:none;
		max-width: unset;
		align-content:center;
	}
	/*#left-col table.providers tr td img {
		width:75%;
		height:auto;
	}*/
	#left-col table.providers tr td:nth-child(3) {
		clear:left;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	#providers {
		height:150vw;
	}
	#loc-dir-wrapper {
		height: 360px;
		background-size: cover;
		background-position: 84% center;
	}
	#loc-dir-wrapper #contact {
		/*position:relative;
		top:0;
		transform:none;*/
		font-size:15px;
		width:100%;
	}
}

@media (max-width : 499px) {
	span.remove, .remove-br {display:none;} /* This removes an item with class .remove */
	input[type=text] {
		max-width:100%;
	}
	#logo-wrapper {
		float:none;
		margin:0;
		padding:0;
	}
	#services ul {
		grid-template-columns: 1fr;
		grid-gap:3vw;
		padding:3vw;
	}
	#services ul li {
		font-size:16px;
		box-shadow:0 0 10px rgba(0,0,0,.1);
	}
	#callouts ul {
		grid-template-columns:1fr;
	}	
	#providers {
		height:170vw;
	}
	#banner .slide-text-wrap {
		width:96%;
		left:2%;
	}
	#banner .slide-text-wrap h2 {
		margin-bottom:5px;
	}
	#banner .slide-text-wrap p {
		font-size:3vw;
	}
	#content .patient-assist a img {
	  padding-left: 0;
	  margin-left: 0;
	  margin-bottom:15px;
	  float: none;
	  width: 100% !important;
	  height: auto;
	}
	#left-col a {
		word-break: break-word;
	}
	/* login page */
	.form-body.login {
	  max-width: 100%;
	}
	/* end login page */
	section#blog ul#blog-ul > li {
		max-width:270px;
	}
	section#blog ul#blog-ul > li div.news-img-wrap {
		max-height:192px;
	}
	section#blog ul#blog-ul > li img {
		min-height:192px;
	}

}
@media (max-width : 384px) {
.inside #content-wrapper {
	padding-top:80px;
}
	#services ul {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
}