body {color:#666666 ; font-family: 'Montserrat' !important; font-size: 16px !important;  overflow-x: hidden;}
a:focus-visible{outline: 2px solid #000000 !important; border-radius: 5px !important;}
p{font-family: 'Montserrat' !important; color: #666666 !important; font-size: 16px !important;}
a{font-family: 'Montserrat' !important; text-decoration: none !important;}

/*Logo*/
.biglogo{margin-left: 7% !important;}
@media only screen and (max-width: 500px){.mobilelogo{width: 250px !important;}}
@media only screen and (max-width: 470px){.mobilelogo{width: 160px !important; margin-left:0.25em !important;}}
@media only screen and (max-width: 350px){.mobilelogo{width: 150px !important;}}

.wdg-free-text-desc{padding-left: 0 !important;}
@media only screen and (min-width: 992px){.threecolsection-colone{padding-left: 0 !important;}}
@media only screen and (min-width: 992px){.twocolsection-colone{padding-left: 0 !important;}}

/*Header navigation*/
.nav-item{padding-left: 20px !important; padding-right: 20px !important;}
.navbar{ padding:20px !important;}
@media only screen and (min-width: 480px){.navbar{ padding:20px 0px 20px 0px !important;}}
.navbar-expand-lg {	max-width: unset !important;margin-left: auto !important;margin-right: auto !important;}

.navbar.navbar-expand-lg.navbar-light{
background-color: rgba(0, 102, 161, .8) !important;
margin-top: 23px !important;    
    position: absolute !important;
    z-index: 100 !important;
    width: 100% !important;}
	
@media only screen and (max-width: 1024px){.navbar.navbar-expand-lg.navbar-light{margin-top: unset !important;
    opacity: unset !important;
    position: unset !important;
    z-index: unset !important;
    width: unset !important;}}

.navbar a.nav-link {font-family: 'Montserrat' !important; color: #FFFFFF !important; font-size: 16px !important; padding: 15px 10px; text-decoration:none !important;}
.navbar a.nav-link:hover{color: #FFFFFF !important; font-weight: 700 !important;}

button.btn.btn-primary-customstyle.navbar-toggler {color: #FFFFFF !important; font-family: 'Montserrat' !important; font-size: 20px !important; background-color: transparent !important; border: 1px solid #eaeaf0 !important;  border-radius: .25rem !important;}

.navbar-light .navbar-toggler-icon {filter: brightness(0) invert(1) !important;}

/*Home Page*/
.carousel-caption{bottom:unset !important;}
.carousel-item.active {display: flex !important; justify-content: center !important; align-items: center !important; flex-direction:column !important;}
.carousel-caption{display: flex !important; justify-content: center !important; align-items: center !important;flex-direction:column !important;}

h1{font-family: 'Montserrat' !important; font-size:48px !important; color:#FFFFFF !important; font-weight: 700 !important; text-shadow: 2px 2px 2px #030303 !important;}
@media only screen and (max-width:981px){h1{font-size:32px !important;}}
@media only screen and (max-width:767px){h1{font-size:24px !important;}}

h2{font-family: 'Montserrat' !important; font-size:38px !important; font-weight: 400 !important; color: #0066a2 !important;}
@media only screen and (max-width:981px){h2{font-size:35px !important;}}
@media only screen and (max-width:767px){h2{font-size:28px !important;}}

h3{font-family: 'Montserrat' !important; font-size:27px !important; font-weight: 400 !important; color: #444444 !important;}
@media only screen and (max-width:981px){h3{font-size:25px !important;}}
@media only screen and (max-width:767px){h3{font-size:20px !important;}}

h3 a:hover{font-weight:700 !important;}

/*Button*/
.buttonwidgets a{font-family: 'Montserrat' !important; font-size:27px !important; color: #FFFFFF !important; background-color: #3d4856 !important; border-radius: 40px !important; border: 3px solid #3d4856 !important; font-weight: 400 !important;}
.buttonwidgets a:hover{color: #df6a57 !important; background-color: #FFFFFF !important; font-weight: 400 !important;}

/*RSS Feed*/
.col-12.rsswidgetfields{font-family: 'Montserrat' !important; font-size:38px !important; color:#0066A1 !important; font-weight: 400 !important; margin-left: 0 !important;}
@media only screen and (max-width:981px){.col-12.rsswidgetfields{font-size:35px !important;}}
@media only screen and (max-width:767px){.col-12.rsswidgetfields{font-size:28px !important;}}

.rsstitle{text-decoration:none !important;}
.rsstitle a{font-family: 'Montserrat' !important; font-size:27px !important; font-weight: 700 !important; text-decoration:none !important; color:#0066A1 !important;}
@media only screen and (max-width:981px){.rsstitle a{font-size:25px !important;}}
@media only screen and (max-width:767px){.rsstitle a{font-size:20px !important;}}

.rsstitle a:hover{color: #df6a57 !important;}
.col-12.rsschannel{display: none !important;}
.col-12.rsssource{display: none !important;}

.row.RSSFeed .row{margin-bottom:24px !important;}

.row.wd-twocolumn{font-family: 'Montserrat' !important; color: #666666 !important; font-size: 16px !important;}
.wdg-free-text-desc a{font-family: 'Montserrat' !important; color: #666666 !important; font-size: 16px !important;}
.wdg-free-text-desc a:hover{color: #0056B3 !important; font-weight: 700 !important;}

.wdg-free-text-desc a img{border: 1px solid #0066a1 !important;}

/*Basic Steps at Closing Page*/

.ImgAndDescWidget .imgdesc-description{text-align: left !important; padding: 10px 0 !important;}
.ImgAndDescWidget .imgdesc-heading{text-align: left !important; padding: 10px 0 !important;  font-size: 32px !important; font-weight:400 !important; color:#000000 !important;}


.ImgAndDescWidget .imgdesc-description p{font-family: 'Montserrat' !important; color:#444444 !important; font-size: 16px !important; font-weight: 500 !important;text-align: left !important;}
.ImgAndDescWidget .ImgAndDesc{margin-bottom: 3px !important;}
.container.onecol-section .know-more{height: auto !important;}
.container.onecol-section .ImgAndDesc{height: auto !important;}
.ImgAndDescWidget .ImgAndDesc{height:460px !important; animation: none !important; border-radius: 0 !important; padding: 1em !important;}
@media only screen and (max-width: 980px){.ImgAndDescWidget .ImgAndDesc{height:410px !important;}}
@media only screen and (max-width: 767px){.ImgAndDescWidget .ImgAndDesc{height:460px !important;}}
.container.onecol-section .ImgAndDescWidget{width: 1296px !important;}

.threecolSection .image-link-widget{padding-left: 0 !important;}
.threecolSection .image-link-widget .container{padding-left: 0 !important;}

.BasicSteps .row.col-12{background-color: #FFFFFF !important;}
@media only screen and (min-width: 1025px){.ImgAndDescWidget{margin-top: 13% !important;}}
.ImgAndDescWidget .ImgAndDesc{box-shadow: none !important;}


/*Our Team Page*/
.employeecard{box-shadow: none !important; animation: none !important;}
.employee-section .icon-only{float: unset !important;}
.employee-name{font-family: 'Montserrat' !important; font-size:19px !important; font-weight: 700 !important; color:#444444 !important;}
.employee-designation{font-family: 'Montserrat' !important; font-size:16px !important; font-weight: 400 !important; color:#444444 !important;}
.employee-phone label{display:none !important;}
.employee-phone a{font-family: 'Montserrat' !important; font-size:16px !important; font-weight: 400 !important; color:#333333 !important;}
.employee-phone a:hover{font-weight: 700 !important; color:#0056B3 !important;}


/*Form*/
.form-field {margin: 4% 2% 2% 2% !important; padding: 0 15px !important}
.control-label{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important; font-weight: 700 !important; padding-bottom: 10px !important;}
.explanation-text{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important;}
form{border: 1px solid #000000 !important;}
.customform-title{font-family: 'Montserrat' !important; font-size: 16px !important; color:#444444 !important; text-align: left !important;}

input[type="submit"]
{
	margin: 5% !important;
	padding: 10px !important;
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 16 !important;
	color: #000000 !important;
	background-color: #e5e5e5 !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 4px !important;
	transition: .3s ease !important;	
}
input[type="submit"]:hover{background-color: #c3c3c3 !important;}
.field-validation-error{font-family: 'Montserrat' !important; font-size: 16px !important; color:#E61111 !important;}

.formwidget-submit-text {
	font-family: 'Montserrat' !important; 
	font-size: 20px !important; 
	color:#444444 !important; 
	padding: 40px !important;
    font-weight: bold !important; 
	text-align: center !important;
	border: 1px solid #000000 !important;
}
.RSSFeed .col-12.RssDescription:first-of-type{display: none !important;}

/*Footer navigation*/
.announcement-section li{font-family: 'Montserrat' !important; font-size:16px !important; color: #FFFFFF !important; list-style-type: none !important;}
.announcement-section a{font-family: 'Montserrat' !important; font-size:16px !important; color: #FFFFFF !important; list-style-type: none !important;}
.announcement-section a:hover{font-weight: 700 !important;}
.announcement-section .announcementContent4 li{font-size:16px !important;}
.announcement-section .announcementContent4 a{font-size:16px !important;}
.footer-navigation a{display: none !important;}
.footer-navigation span{display: none !important;}
.announcement-section ul{padding-left: 0 !important;}
.footer-links{background-color: #3d4856 !important;}
.footer-copyright{font-family: 'Montserrat' !important; font-size:12px !important; color: #FFFFFF !important;}
.footer-disclaimer {background-color:#FFFFFF !important;}
.footer-secdesc .container.text-center{font-family: 'Montserrat' !important; font-size:11px !important; color: #666666 !important;}

.ServingallofYakimaCounty p{font-family: 'Montserrat' !important; font-size:16px !important; text-transform: uppercase !important;text-align: center !important;}
.ServingallofYakimaCounty ul{text-align: center !important; padding-left: 0 !important; margin-bottom: 0 !important;}
.ServingallofYakimaCounty ul li{font-family: "Montserrat" !important;
    display: inline-block !important;
    padding-right: 20px !important;
    text-align: left !important;
	font-size: 16px !important;}
.announcement-section li strong{text-transform: uppercase !important;}



.banner-section {
    position: relative;
    width: 100%;
    max-height: 350px !important;
    overflow: hidden;
    display: flex;
    justify-content: center !important;
    align-items: center;
}
.banner-heading {
    display: flex !important;
    justify-content: left !important;
    padding: 5px 25px !important;   
    width: 100% !important;}

@media only screen and (min-width: 1399px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 1320px !important;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 1120px !important;}
}

@media only screen and (max-width: 1199px){
.banner-data {
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    max-width: 960px !important;}
}