/*Code here for the Optometry website ONLY*/


/*Agency Header*/

.navbar-brand__logo img {
	width: 22em !important;
	height: auto;
	padding: .5em 0em;
	max-width:22em!important;
}

/*.contentcenter .block-system.block-system-breadcrumb-block.block--collection-breadcrumbs-2 {margin-left:-1.5em; margin-right:-1.5em; background-color:white;}*/
/*.container-fluid.contentbkg .row .col {padding-left:0em; padding-right:0em;}*/
.contentcenter .block--collection-views-block--photo-with-call-out-block-3 {margin-left: calc(var(--bs-gutter-x)*-1);
  margin-right: calc(var(--bs-gutter-x)*-1);}

.contentbkg .block--collection-views-block--featured-block-1
{margin-left: calc(var(--bs-gutter-x)*-.5);
  margin-right: calc(var(--bs-gutter-x)*-.5);}

.contentcenter .block-system-breadcrumb-block nav {padding:2em 2em 1em 2em;}
.contentcenter .block--collection-mainpagecontent {padding:0em 2em;}
.contentcenter .block--collection-page-title h1.title.page-title {padding:0em 1em 0em 1em;}
.siteheaderbkg,
.enterprise-header {padding-left:2em; padding-right:2em;}
.siteheaderbkg {background-color:#f1f2f2;}
/*Navigation Menu*/
.block-tb-megamenu .tbm {background-color:#005182; padding:0em 2em;}
.tbm-submenu {padding:1em 2em;}
.tbm-link.level-1:hover, .tbm-link.level-1:active, .tbm-link.level-1:focus {background-color:#01456e;}
a.tbm-link.level-1 {font-weight:bold;}
.wv-banner a.tbm-link.level-2 {color:black!important;}

.wv-banner .container-fluid .col-12 {
	padding: 0em;
}
.wv-banner {padding-bottom:0em!important;}

.wv-banner .view-static-banner img {min-width:100%;}
.wv-banner .view-static-banner {max-height:13em;}
.wv-banner .views-field.views-field-field-hero-image-2 img.img-fluid {object-fit:cover; height:13em;}
/*buttons*/
.btn, .btn-primary {background-color:#005182; color:white!important;}
.btn:hover, .btn:focus, .btn:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color:#01456e; color:white!important;}
/*accordion*/
.accordion .accordion-header button {background-color:#005182; color:white!important;}
.accordion .accordion-header button:hover, .accordion .accordion-header button:active, .accordion .accordion-header button:focus {background-color:#01456e; color:white!important;}
.accordion-button::after {
  /* Set the font for this icon style */
  font-family: 'Font Awesome 6 Free';
  /* Set the weight for this icon style */
  font-weight: 900;
  /* Make sure icons render pixel-perfect */
  -webkit-font-smoothing: antialiased;
  /* Set the Unicode value for the icon */
  content: '\f105';
  background-image:none;
}
.accordion-button:not(.collapsed)::after
{
  /* Set the font for this icon style */
  font-family: 'Font Awesome 6 Free';
  /* Set the weight for this icon style */
  font-weight: 900;
  /* Make sure icons render pixel-perfect */
  -webkit-font-smoothing: antialiased;
  /* Set the Unicode value for the icon */
  content: '\f106'; background-image:none;
}

/*links*/
.py-5 a:link:hover, .py-5 a:hover, a:hover, .py-5 a:link:focus, .py-5 a:focus, a:focus, .py-5 a:link:active, .py-5 a:active, a:active {color:#005182;}

/*headings*/
.CallOutSBody h2 a,
h1, h2, h3, h4, h5, h5 {color:#303436;}


/*Featured - NEEDS REMOVED AND APPLIED BACK TO FEATURED DARKENED ON HOVER*/
/*INSTRUCTIONS FOR ADDING FEATURED*/
/*Add 'Featured' Block to the Block Layout (select domain and '<front>').
Activate this Stylesheet on the Domain Below.
DO NOT MAKE CHANGES TO THIS STYLE SHEET. OVERWRITE ALL CHANGES ON SITE SPECIFIC CSS*/

.FeaturedTitle h2 {
	text-align: center;
}

.Featured .blackoverlay .FeaturedBody p {
	text-align: center;
}


.Featured img {
	width: 100%;
	height: 17em;
	object-fit: cover;
	border-radius: 1em;
	/*linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/
}


.FeaturedBody {
	position: relative !important;
	top: -11em !important;
	color: white !important;
	margin-bottom: 0em !important;
	left: 0em !important;
	right: 0em !important;
	text-align: left !important;
	padding: 0em 1em !important;
	text-shadow: #000000 1px 0 10px;
	min-height: 0em;
	max-height: 0em;
}

.FeaturedBody a {
	color: white !important;
}

.block.block-views.block-views-blockfeatured-block-1 .view-content #views-bootstrap-featured-block-1 .field-content a {
	text-decoration: none !important;
}

a .Featured .blackoverlay .FeaturedBody,
a .Featured .blackoverlay .Featured:hover,
a .Featured .blackoverlay .Featured:active,
a .Featured .blackoverlay .FeaturedBody:visited {
	text-decoration: none !important;
	color: white;
}


.Featured .blackoverlay p {
	margin-bottom: 0em !important;
}

.Featured .FeaturedBody p {
	position: relative;
	left: 0px;
	opacity: 0;
	top: .2em;
	transition: all 1s ease-out !important;
	margin-bottom: 0em;
}

.Featured .blackoverlay {
	background-color: black;
	border-radius: 1em;
}
.view-featured a:focus .Featured img,
.Featured:hover img {
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}

.view-featured a:focus .Featured p,
.Featured:hover p {
	opacity: 1;
	transition: all 1s ease-in !important;
}

/*REMOVE*/


/*Photo Call Out*/

.CallOutSingle {
	background-color: white;	border-radius: 1em;
	padding: 1em;
	width: 100%;
}

a .FeaturedTitle h2, .FeaturedTitle h2 {color:white!important;}

/*featured*/
.contentbkg .view-featured {padding:3em 2em 3em 2em; background-color:#005182;}

/*Services*/
.block--collection-views-block--services-block-2 h2 {
	display: none;
}
.view-services a.ServiceClear {margin-bottom:0em!important;}
.maxservice {
	background-color: #e4e5e5;
	border-radius: 1em; color:#005182;
}

.maxservice:hover, .maxservice:focus, .maxservice:active {
	background-color: #f1f2f2;
	border-radius: 1em;
  color: #005182;
}

.contentbkg .contentbottom .view-services {padding:3em 2.5em 0em 2.5em;}



/*Content Center*/
.contentcenter {background-color:white;}
.contentcenter .block-views-blockphoto-with-call-out-block-3 {
	background-color: #f1f2f2; padding:3em 2em;
}

/*Content Bottom*/






/*table style*/
.container-fluid.contentcenter table tbody tr {
	border-bottom: 1px solid #cccccc;
}

/*Agency Footer*/
.agency-footer {
	background-color: #005182 !important; padding:3em 2em;
	
   background-image: url("/sites/default/files/2025-03/stateseal_0.png");
   background-position: right 3em bottom 1em; 
   background-repeat: no-repeat;
   background-size:15em auto;

}
.agency-footer h2 {color:white;}

.wv-footer {
	margin-top: 3em;
}

.enterprise-footer {padding-left:2em; padding-right:2em;}




@media screen and (max-width: 1200px) {
.wv-banner .view-static-banner {height:auto;}


.navbar-brand__logo img {
	width: 18em !important;
	
}






}










@media screen and (max-width: 992px) {
	/*REMOVE FEATURED*/
		.view-featured .Featured {
		margin-bottom: 1em;
	}
	/*REMOVE*/
	
.wv-header .enterprise-header a img.entlogo {padding-left:1em; width:5em;}
	.view-services a.ServiceClear {margin-bottom:1em!important;}
.wv-header .siteheaderbkg p a i.fas.fa-2x.fa-search {color:#005182;}
	
	.block-tb-megamenu .tbm {background-color:#f3f3f3;}



.tbm--mobile button.tbm-button {margin-left:2em!important;}
	








.wv-banner button.tbm-button {z-index:9999!important;}









.block-tb-megamenu .tbm {padding:0em;}


}



@media screen and (max-width: 810px) {
	.entheaderright {display:none;}
	
}



@media screen and (max-width: 767px) {
	.wv-header .siteheaderbkg a.navbar-brand.d-inline-flex.align-items-center {margin-right:0em;}
	
.contentbkg .contentbottom .view-services {padding-left:2em; padding-right:2em;}	
	

 .wv-header .siteheaderbkg p a i.fas.fa-2x.fa-search {
 
    right: -2em;
    position: absolute;}



.wv-header .siteheaderbkg  .col-12 nav.navbar .col-9.col-md-9.col-lg-5 {width:100%;}
.enterprise-header a {z-index: 9999 !important;
    position: relative;}
	.enterprise-header .block--collection-enterpriseheaderleft {left:0em;}


.wv-header .siteheaderbkg nav.navbar .searchicon .field--item p {margin-top:-4.5em; position:relative; right:3em; z-index:9999!important;}

.navbar-brand__logo img {
width:100%!important;
	max-width:100%!important;}
	
}
@media screen and (max-width: 576px) {
	.wv-header .siteheaderbkg nav.navbar .searchicon .field--item p {right:4em;}

.wv-header .siteheaderbkg nav.navbar.navbar-expand-lg.justify-content-between.navbar-light .col-9.col-md-9.col-lg-5 {width:100%!important;}

	.contentcenter .form-actions.js-form-wrapper.form-wrapper input.btn.js-form-submit.form-submit.btn-primary {width:25%!important;}
	.contentcenter .form-item-search.js-form-item-search.form-group input.form-textfield.form-control {width:70%!important;}
	.faservice {width:25%!important;}
.servicedsc {width:75%!important;}

}