/*Custom CSS for PEIA Website */



/*Agency Header*/
.navbar-brand__logo img {
	width: 13em !important;
	max-width:100%!important;
	height: auto;
	padding: .5em 0em;
}

.navbar-brand__text {
	display: none !important;
}



.siteheaderbkg {background-color:#005cb8;}


/*alert*/
.view-alerts {margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);}




/*Navigation*/
.wv-header nav .block.block-tb-megamenu .tbm-collapse ul.tbm-nav {right:0; position:relative; left:auto; float:right;}
.block-tb-megamenu .tbm {background-color:transparent;}

a.tbm-link.level-1:hover,
a.tbm-link.level-1:active,
a.tbm-link.level-1:focus {
	background-color: #f5af2d; color:black;
}



a.tbm-link.level-1 {color:white;}

.wv-header .siteheaderbkg a.tbm-link.level-3 {color:black!important;}
.wv-header .siteheaderbkg nav ul li.tbm-item.level-2 .tbm-link-container a.tbm-link.level-2 {color:black!important;}
.tbm-subnav > .tbm-item:first-child > .tbm-link-container > .tbm-link {color:black!important;}

/*search*/
.wv-header nav p a i.fas.fa-2x.fa-search {color:white;}

.wv-header .siteheaderbkg .searchicon {margin-left:-1em; padding-right:1em;}



.block--collection-searchicon p a i.fas.fa-2x.fa-search {padding-top:.3em;}

.searchicon a i.fas.fa-2x.fa-search {font-size:2em;}
.wv-header .siteheaderbkg .col-1.col-md-1.col-lg-1.searchicon /*{width:2em;}*/ {width:3em;}


/*links*/
.py-5 a:link, .py-5 a, a, a.page-link {color:#005cb8;}

.py-5 a:hover, .py-5 a:hover, a:hover, .py-5 a:focus, .py-5 a:focus, a:focus, .py-5 a:active, .py-5 a:active, a:active, a.page-link:hover, a.page-link:active, a.page-link:focus {color:#2452ac;}

.active a.page-link, .active a.page-link:hover, .active a.page-link:focus, .active a.page-link:active {color:white;}
.enterprise-header a, a.enterprise-header {color:black!important;}

/*headings*/
h1, h2, h3, h4, h5, h6, h7, h8 {color:#002855; text-transform:normal;}

/*button*/
.btn-primary, .btn {background-color:#002855; border:0px none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn:hover, .btn:active, .btn:focus {background-color:#012043; border:0px none;}

body:not(.path-frontpage) .contentcenter {padding-top:3em;}

/*hero*/
.wv-banner .carousel-item {padding-top:0em;}
.wv-banner {padding-bottom:0em!important;}

/*spotlight*/

.wv-banner .carousel-item .btn-primary {z-index:2!important;}


/* When a tab is hovered, fade image */
.carousel:has(button:hover) img 
{
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}

.carousel:has(button:focus) img 
{
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}


/*Call Outs*/

.CallOutBody .PhotoCallOutTitle h2
{text-transform:none; font-size:1.5em; color:white;}



 a:focus .PhotoCallOut .blackoverlay img
 {
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}



 a:focus .PhotoCallOut .blackoverlay .CallOutBody p {
	opacity: 1;
	transition: all 1s ease-in !important;
}

.path-frontpage .block--collection-views-block--photo-with-call-out-block-2 {margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);}

.path-frontpage .view-photo-with-call-out
 {padding:3em 2em 3em 2em; background-color:#002855;}

.path-frontpage .container-fluid.contentbkg .row .col {padding-left:0em; padding-right:0em;}


/*Services*/


.contentbottom #views-bootstrap-services-block-2 a.ServiceClear:hover {background-color:#e6e7e8;}

.path-frontpage .contentbottom {margin-top:3em;}
.contentbottom .views-element-container.block.block-views.block-views-blockservices-block-2.block--collection-views-block--services-block-2 h2.block__title {display:none;}
.contentbottom .block--basic.block--collection-quicklinkstitle h2 {color:#002855; text-align:center;}

/*footer*/
.agency-footer {background-color:#002855; margin-top:3em; padding-left:1em; padding-right:1em;}
.agency-footer h2 {color:white;}

.enterprise-footer {padding-left:1em; padding-right:1em;}
.wv-footer .enterprise-footer p a {color:white!important;}
.nav-link {text-transform:none;}

/*Search Page*/
.contentcenter .js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-search.js-form-item-search.form-group label.form-label {display:none;}
.contentcenter .form-item-search.js-form-item-search.form-group input.form-textfield.form-control {width:80%!important;}
.contentcenter .form-actions.js-form-wrapper.form-wrapper input.btn.js-form-submit.form-submit.btn-primary {width: 18%!important;
  position: relative!important;
  float: right!important;
  top: -2.5em!important;}
  
  /*pagination*/
  .pager {margin-top:1em;}
.pager nav.pagination-wrapper ul.pagination li.page-item.pager__item.is-active.active a.page-link {background-color:#005cb8;}

.enterprise-header a {z-index: 9999 !important;
    position: relative;}


/*accordion*/

.accordion-button {background-color:#002855; color: white;}


.accordion-button:not(.collapsed) {background-color:#012043; color:white!important;}





@media screen and (max-width: 1200px) {

.block-tb-megamenu .tbm {
	background: transparent!important; 
}

.wv-header nav .block.block-tb-megamenu .tbm-collapse ul.tbm-nav {right:auto; position:relative; left:auto; float:none;}


.enterprise-header .block--collection-enterpriseheaderleft {padding-left:4em;}


	.block-tb-megamenu {position: absolute;
    top: -3em;
    width: 100%;
    z-index: 8000 !important; left:0em;}

a.tbm-link.level-1 {background-color:#005cb8;}

.enterprise-header .block--collection-enterpriseheaderleft .d-none.d-md-block.col-md-12 {display:none!important;}
.enterprise-header .block--collection-enterpriseheaderleft .col-12.d-md-none.d-lg-none.d-xl-none.d-xxl-none {display:inline-block!important;}
}




@media screen and (max-width: 992px) {
	.block-tb-megamenu {
    top: -3.5em;}
    .tbm--mobile button.tbm-button {margin-left:0em;}
.enterprise-header .block--collection-enterpriseheaderleft {padding-left:0em;}
}





@media screen and (max-width: 767px) {
.CallOutBody .PhotoCallOutTitle h2 {font-size: 1.2em;}
.enterprise-header .block--collection-enterpriseheaderright {display:none;}
.wv-banner .carousel.slide .carousel-inner .carousel-item img	{opacity:.3!important}


}
@media screen and (max-width: 576px) {
.CallOutBody {top:-7em !important;}
}