body {color:#636363; font-family: ff-meta-web-pro, sans-serif !important; font-size: 20px !important;  overflow-x: hidden;}
a:focus-visible{outline: 2px solid black !important; border-radius: 5px !important;}
p{font-family: ff-meta-web-pro, sans-serif !important; font-size: 20px !important; color:#636363 !important;}
a{font-family: ff-meta-web-pro, sans-serif !important; text-decoration: none !important; font-size: 20px !important;}
a:hover{background-color: transparent !important; text-decoration: none !important;}

/*Logo*/
@media only screen and (min-width: 1400px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 1320px !important;}}
@media only screen and (min-width: 1200px)and (max-width:1399px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 1140px !important;}}
@media only screen and (min-width: 992px) and (max-width:1199px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 960px !important;}}
@media only screen and (min-width: 768px) and (max-width:991px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 100% !important;}}
@media only screen and (min-width: 576px) and (max-width:767px){nav.navbar.navbar-expand-lg.navbar-light {max-width: 100% !important;}}

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

/*Top Bar Navigation*/
.topbarnavigation{
	text-align: left !important;
	margin-left: 0 !important;
    margin: 0 auto !important;
    padding: 5px 10px !important;
}
.topbar-link{
	font-family: ff-meta-web-pro, sans-serif !important;
	color: #ffffff !important;
	font-size: 16px !important;
}
.topbar-link:hover{
	color: #2a2a2a !important;
}
.topnavpipe{
	color: #ffffff !important;
}
.topbar-link img{width: 20px !important; margin-right: 10px !important;}
@media only screen and (max-width:767px){.topbarnavigation-section{display: none !important;}}

/*Header Navigation*/
.navbar{padding:20px !important;}
button.btn.btn-primary-customstyle.navbar-toggler{font-size: 16px !important; background-color: #627d62 !important; color: #FFFFFF !important; font-family: ff-meta-web-pro, sans-serif !important;}
.navbar-light .navbar-toggler-icon{filter: brightness(0) invert(1) !important;}
.navbar-nav .nav-link {padding-right: 0 !important; padding-left: 0 !important;}
@media only screen and (max-width:767px){.mobilelogo{margin-left: unset !important;}}
@media only screen and (max-width:767px){button.btn.btn-primary-customstyle.navbar-toggler{margin-right: unset !important;}}
@media only screen and (max-width:480px){.navbar{padding: 10px !important;}}

/*Menu Links*/
.navbar-light .navbar-nav .nav-link {font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color: #2a2a2a !important; font-weight: bold !important;}
.navbar-light .navbar-nav .nav-link:hover {color: #627d62 !important; }
.nav-item {padding-left: 15px !important; padding-right: 15px!important;}
ul.navbar-nav.m-auto{margin-right: 0 !important;}

.dropdown-item:hover, .dropdown-item:active {background-color: #f6f6f6 !important;}

a.dropdown-item{font-family: ff-meta-web-pro, sans-serif !important; color: #2a2a2a !important; font-size: 14.5px !important;font-weight: 700 !important;}
a.dropdown-item:hover{color:#627d62 !important;}

.dropdown-menu li {border-bottom: 1px #f2f1f1 solid !important;}
.dropdown-item {padding: .25rem 1.5rem !important}
.dropdown-menu{padding: 0 !important;}
@media only screen and (max-width:480px){.mobilelogo img{width: 200px !important;}}

/*Home Page Banner*/
.carousel-item{transition: transform 0.9s ease-in-out !important;}
.carousel-caption{bottom:unset !important;}
.carousel-item.active {display: flex !important; justify-content: center !important; align-items: center !important; flex-direction:column !important;}

h1{font-family: ff-meta-serif-web-pro, serif !important; font-size:52px !important; color:#ffffff !important; font-weight: bold !important; text-shadow: 2px 1px 1px #000000 !important; text-align: center !important; font-style: italic !important;}
@media only screen and (max-width:981px){h1{font-size:48px !important;}}
@media only screen and (max-width:767px){h1{font-size:36px !important;}}
@media only screen and (max-width:480px){h1{font-size:28px !important;}}

.banner-subheading p{
	color:#ffffff !important; font-weight: bold !important; text-shadow: 2px 1px 1px #000000 !important; text-align: left !important; padding: 0 12px; font-size: 38px !important;font-style: italic;
}
@media only screen and (max-width:981px){.banner-subheading p{font-size: 35px !important;}}
@media only screen and (max-width:767px){.banner-subheading p{font-size: 28px !important;}}
.banner-subheading{margin-top: 0 !important; text-align: left;
    justify-content: left !important;
    padding: 5px;}

.carousel-item>img, .rolloveranimation>img {
    max-width: 100% !important;   
    vertical-align: top !important;
    width: 100% !important;
    object-fit: cover !important;
    overflow-clip-margin: content-box !important;
    overflow: clip !important; 
    z-index: 0 !important;
}

a.btn.btn-success.btnlink {
    min-height: 60px;
    display: flex;
    align-items: center;
    margin: 10px;
justify-content: center;}

@media only screen and (min-width: 768px){a.btn.btn-success.btnlink{
	width: 200px !important;
}}

@media only screen and (max-width: 767px) {
    a.btn.btn-success.btnlink {
        min-height: 35px;
        display: flex;
        align-items: center;
        margin-top: 10px;
        justify-content: center;
}}

.carousel-btn .btn{
	font-family: ff-meta-web-pro, sans-serif !important;
    background-color: #627d62 !important;
    border: 1px solid #627d62 !important;
    border-radius: 5px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding: 10px !important;
}
.carousel-btn .btn:hover{
	background-color: #FFFFFF !important;
	color: #627d62 !important;
}

/*Banner*/
@media only screen and (max-width:767px){.banner-heading{padding:15px !important;}}
@media only screen and (min-width: 1400px){.banner-section .banner-data{max-width: 1320px !important;}}
@media only screen and (min-width: 1200px)and (max-width:1399px){.banner-section .banner-data {max-width: 1140px !important;}}
@media only screen and (min-width: 992px) and (max-width:1199px){.banner-section .banner-data {max-width: 960px !important;}}
@media only screen and (min-width: 768px) and (max-width:991px){.banner-section .banner-data {max-width: 100% !important;}}
@media only screen and (min-width: 576px) and (max-width:767px){.banner-section .banner-data {max-width: 100% !important;}}
.banner-data{width: 100% !important;}
.banner-heading{text-align: left !important; justify-content:left !important;}
.banner-heading h1{
	font-family: ff-meta-serif-web-pro, serif !important;
	color: #ffffff !important;
	font-size: 52px !important;
	font-weight: bold !important;
	text-shadow: 4px 4px 4px #000000 !important;
	font-style: italic !important;
	padding: 0 12px !important;
}
@media only screen and (max-width:981px){.banner-heading h1{font-size:48px !important;}}
@media only screen and (max-width:767px){.banner-heading h1{font-size:36px !important;}}
@media only screen and (max-width:480px){.banner-heading h1{font-size:28px !important;}}

.banner-section img{
	object-position: top center;
	object-fit: cover !important;
	min-height: 350px !important;
	height:100%;
}
.banner-section{
	height: 350px !important;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .carousel .carousel-inner .carousel-item img {
        height: 350px !important;
    }
}

@media only screen and (max-width: 480px) {
    .carousel .carousel-inner .carousel-item img {
        height: 280px !important;
    }
}

/*Home Page*/
.wdg-free-text-desc h2{font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #2a2a2a !important; font-style: italic !important;}
@media only screen and (max-width:981px){.wdg-free-text-desc h2{font-size: 35px !important;}}
@media only screen and (max-width:767px){.wdg-free-text-desc h2{font-size: 28px !important;}}

.wdg-free-text-desc h3{font-family: ff-meta-web-pro, sans-serif !important; font-size: 27px !important; color: #636363 !important;}
@media only screen and (max-width:767px){.wdg-free-text-desc h3{font-size: 24px !important;}}

.image-text-widget .topcenteredabovecontent{padding: 0 !important;}
.image-text-widget h2.widgetname{padding-top: 0 !important; font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color: #444444 !important; font-weight: bold !important; text-transform: uppercase !important;}
.image-text-widget a:hover h2{color: #627d62 !important;}

/*Tab*/
.tab-widget .nav-item{padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;}
.tab-widget .nav-tabs .nav-link{border-top-left-radius: 0;
    border-top-right-radius: 0; border: unset !important;}
.tab-widget .nav-tabs{border-bottom: unset;}
.img-tab{height: 100%; width: 100%;}
.tab-widget .mt-3{margin-top: 0 !important;}

.tab-widget .nav-tabs .nav-link{
	 word-break: break-word !important;
	background-color: rgba(255,255,255,.15) !important;
	padding: 10px !important;
	min-height: 129px !important;
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-content: center !important;
    flex-wrap: wrap !important;
	border: solid 1px rgba(255,255,255,.3) !important;
	border-bottom: unset !important;
	color: #FFFFFF !important;
}
.tab-widget .tab_container{background-color: #ffffff !important; padding: 3em !important;}

.tab-widget a.nav-link.active{font-family: ff-meta-serif-web-pro, serif !important; background-color: #ffffff !important; color: #2a2a2a !important;}

.tab-widget a.nav-link{font-family: ff-meta-serif-web-pro, serif !important; color: #2a2a2a !important; font-size: 27px !important; }
@media only screen and (max-width:981px){.tab-widget a.nav-link{font-size: 25px !important;}}
@media only screen and (max-width:767px){.tab-widget a.nav-link{font-size: 20px !important;}}

.tab-widget .nav-tabs .nav-link:hover{background-color: #627d62 !important;}
.tabwidget-heading h3{font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #2a2a2a !important; font-style: italic !important; margin-bottom: 25px !important;}
@media only screen and (max-width:981px){.tabwidget-heading h3{font-size: 35px !important;}}
@media only screen and (max-width:767px){.tabwidget-heading h3{font-size: 28px !important;}}

.tab-widget .descp-two h3, .tab-widget .descp h3{font-family: ff-meta-serif-web-pro, serif !important; font-size:27px !important; font-weight: bold !important; color: #242424 !important; }
@media only screen and (max-width:981px){.tab-widget .descp-two h3, .tab-widget .descp h3{font-size: 25px !important;}}
@media only screen and (max-width:767px){.tab-widget .descp-two h3, .tab-widget .descp h3{font-size: 20px !important;}}

.tab-widget .descp-two a, .tab-widget .descp a{color: #444444 !important; /*text-transform: uppercase !important;*/}
.tab-widget .descp-two a:hover, .tab-widget .descp a:hover{color: #627d62 !important;}

.tab-widget .descp-two h3:not(:first-of-type) {
   border-top: 1px solid #444444;
   padding-top: 20px;
   margin-top: 10px;
}
.tab-widget .descp-two a {
   display: inline-block;
   margin-bottom: 15px;
}
.tab-widget .descp-two p:last-of-type {
   border-bottom: 1px solid #444444;
   padding-bottom: 20px;
}


@media only screen and (max-width:767px){.HomeQuickTools .accordion {padding: 5px 0 40px 0 !important;}}
.accordion {padding: 5px 0 40px 0 !important;}
.accordion{margin-left:0 !important;}

@media only screen and (min-width:768px){.tab-widget .d-md-block {display: block !important;}}
.accordion-button{padding: 10px 20px !important;}


/*Two column info block*/

.row.wd-onecolumn-hedaing h2{font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #FFFFFF !important; padding: 0 0 30px 10px !important; font-style: italic !important;}
@media only screen and (max-width:981px){.row.wd-onecolumn-hedaing{font-size: 35px !important;}}
@media only screen and (max-width:767px){.row.wd-onecolumn-hedaing{font-size: 28px !important;}}

.wd-twocolumn h3{font-family: ff-meta-serif-web-pro, serif !important; font-size: 27px !important; color: #FFFFFF !important; text-align:left !important;}
@media only screen and (max-width:981px){.wd-twocolumn h3{font-size: 25px !important;}}
@media only screen and (max-width:767px){.wd-twocolumn h3{font-size: 20px !important;}}

.wd-twocolumn p{text-align:left !important;}
.wd-twocolumn a{font-family:  ff-meta-web-pro, sans-serif !important; color: #FFFFFF !important; text-transform: uppercase !important;}
.wd-twocolumn a:hover{color: #2a2a2a !important;}

/*Footer Navigation*/
.footer-links {font-family: ff-meta-web-pro, sans-serif !important; background-color: #010101 !important;}
.footer-navigation{color: #878787 !important; text-align: center !important;}
.footer-navigation a{font-family:  ff-meta-web-pro, sans-serif !important; color: #878787 !important; font-size:12px !important; text-decoration: none !important;}
.footer-navigation a:hover{color:#ffffff !important;}
.footer-copyright {font-family:  ff-meta-web-pro, sans-serif !important; color: #878787 !important; font-size:12px !important;}
.footer-disclaimer{font-family:  ff-meta-web-pro, sans-serif !important; color: #878787 !important; background-color: #010101 !important; font-size:11px !important;}
.col-xl-6, .footer-links .d-none{align-content: center !important;}
.footer-feature .col-12 p{display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	font-family:  ff-meta-web-pro, sans-serif !important;
	text-align: center !important;}
	
.footer-feature a{font-family: ff-meta-web-pro, sans-serif !important; color: #ffffff !important; background-color: #627d62 !important; border: 1px solid #627d62 !important; padding: 10px 40px !important; text-align: center !important;}
.footer-feature a:hover{color: #627d62 !important; background-color: #ffffff !important; border: 1px solid #424242 !important;}
@media only screen and (min-width:576px){.footer-links .d-none{display: block !important;}}
.footer-logo{margin-top: 30px !important; font-size: 16px !important;}
.footer-feature{margin-top: 40px !important;}

/*About Us*/
.wd-threecolumn-info-block h3{font-family: ff-meta-serif-web-pro, serif !important; font-size: 27px !important; color: #2a2a2a !important; }
@media only screen and (max-width:981px){.wd-threecolumn-info-block h3{font-size: 25px !important;}}
@media only screen and (max-width:767px){.wd-threecolumn-info-block h3{font-size: 20px !important;}}

.wdg-free-text-desc ul li{color:#636363 !important; margin-bottom: 1rem !important;}

.buttonwidgetsection{border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 30px !important;}
@media only screen and (min-width:768px){
.twocol-section .wdg-free-text-desc {padding-left: 0 !important;}}
.twocol-section .wdg-free-text-desc .container{padding-left: 0 !important;}
@media only screen and (max-width:767px){.wd-threecolumn-info-block{padding-left: 15px !important; padding-right: 15px !important;}}
.image-text-widget-desc.centeredbelowimage p a{font-size: 16px !important; color: #2a2a2a !important;}
.image-text-widget-desc.centeredbelowimage p a:hover{color: #627d62 !important;}

.Careers .wdg-free-text-desc h3{font-family: ff-meta-serif-web-pro, serif !important; color: #2a2a2a !important; font-style: italic !important;}
.Careers  .buttonwidget-container{display: flex; justify-content: center;}
.Careers .wdg-free-text-desc a{font-family: ff-meta-serif-web-pro, serif !important; color: #2a2a2a !important; font-size: 27px !important;}
.Careers .wdg-free-text-desc a:hover{color: #627d62 !important;}
@media only screen and (max-width:767px){.Careers .wdg-free-text-desc a{font-size: 24px !important;}}
.buttonwidget{text-transform: uppercase !important;}
@media only screen and (min-width:768px){.image-link-widget{text-align: left !important;}}
.ParentCompanySection .X-row.twocolsection-coltwo{
	display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;}

/*County Resources Page*/
@media only screen and (max-width:767px){.CountyList .threecol-section{gap: 30px !important;}}
.CountyList .wdg-free-text-desc {
    padding: 15px !important;
    border: 1px solid #dee2e6 !important;
    background: #fff !important;
	box-shadow: 0 1px 6px rgba(220, 220, 220, .9) !important;
	height: 100% !important;}
	
.CountyList .threecolSection{
	display: flex;
    align-items: stretch;
}
.Resources .sipn-dropdown h2{font-family: ff-meta-web-pro, sans-serif !important; color: #FFFFFF !important; font-size: 20px !important;}
.Resources .sipn-select option, .sipn-select{font-family: ff-meta-web-pro, sans-serif !important; color: #627d62 !important; font-size: 16px !important; text-transform: uppercase !important;}
.Resources .shared-inpage-nav{background-color: unset !important;}
.Resources .sipn-dropdown.container{display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;}
.Resources .buttonwidgetsection{border: 1px solid #627d62 !important;}
.Resources .buttonwidgetsection:hover{border: 1px solid #FFFFFF !important;}

.CountyList .wdg-free-text-desc h3{font-family: ff-meta-serif-web-pro, serif !important; color: #2a2a2a !important;}
@media only screen and (max-width:767px){.Resources .twocol-section{display: flex !important; flex-direction: column !important;}}
.CountyList .wdg-free-text-desc a{color: #444444 !important;}
.CountyList .wdg-free-text-desc a:hover{color: #627d62 !important;}
.CountyList .wdg-free-text-desc ul ul li{list-style: none !important;}


/*Our Team*/
.OurTeam .wdg-free-text-desc p{color: #ffffff !important;}
.OurTeam .wdg-free-text-desc a{text-transform: uppercase !important; color: #ffffff !important;}
.OurTeam .wdg-free-text-desc a:hover{color: #2a2a2a !important;}

.emp-items.know-more{text-align: center !important;}
.employee-section .know-more{height: auto !important;}

.employee-biolist-section .employee-name, .employee-section .employee-name{font-family: ff-meta-web-pro, sans-serif !important; font-size:20px !important; color:#2a2a2a !important; text-align: center !important; font-weight: bold !important;}
.employee-biolist-section .employee-designation, .employee-section .employee-designation{text-align: center !important; font-family: ff-meta-web-pro, sans-serif !important; color:#2a2a2a !important; width: 100% !important; font-style: italic !important; font-weight: bold !important; font-size:16px !important;}
.employee-section .card.employeecard img{height: 100% !important;}

.employee-biolist-section .emp-items.know-more{height: auto !important; display: flex; flex-direction: column;}

.employee-biolist-section .employee-address{order: 1 !important;}
.employee-biolist-section .know-more{height: auto !important; display: flex !important; flex-direction: column !important;}

.employee-biolist-section .emp-list {
        max-width: 23% !important;
        padding: unset !important;
        margin: unset;
        text-align: center;
    }
	
@media only screen and (max-width:991px){.employee-biolist-section .emp-list{max-width: 31% !important;}}
@media only screen and (max-width:767px){.employee-biolist-section .emp-list{max-width: 45% !important;}}
@media only screen and (max-width:480px){.employee-biolist-section .emp-list{max-width: 80% !important;}}
.employee-biolist-section .justify-content-center {
    justify-content: center !important;
gap: 20px !important;}

.employee-biolist-section .employee-address, .employee-biolist-section .employee-address a, .employee-phone a, .employeecard label{font-family: ff-meta-web-pro, sans-serif !important; font-size:16px !important; color:#636363 !important;}
.employee-biolist-section .employee-address a:hover, .employee-phone a:hover{color: #627d62 !important; font-weight: bold !important;}

.employee-section a{font-family: ff-meta-web-pro, sans-serif !important; font-size:16px !important; color:#636363 !important;}
.employee-section a:hover{color: #627d62 !important; font-weight: bold !important;}


/*Office/Location Page*/
.OfficeWidget .contactheading, .OfficeWidget .jumplink{font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #FFFFFF !important; font-style: italic !important;}
@media only screen and (max-width:981px){.OfficeWidget .contactheading, .OfficeWidget .jumplink{font-size: 35px !important;}}
@media only screen and (max-width:480px){.OfficeWidget .contactheading, .OfficeWidget .jumplink{font-size: 28px !important;}}
.OfficeWidget .jumplink{padding: 10px 0 !important;}

@media only screen and (max-width:767px){h2.d-none.d-md-block.contactlocationname{ display: unset !important;}}
h2.d-none.d-md-block.contactlocationname{font-family: ff-meta-serif-web-pro, serif !important; font-size: 27px !important; color: #2a2a2a !important; margin-top:0.5em;}
@media only screen and (max-width:981px){h2.d-none.d-md-block.contactlocationname{font-size: 25px !important;}}
@media only screen and (max-width:480px){h2.d-none.d-md-block.contactlocationname{font-size: 20px !important;}}

.OfficeWidget p.contact-address,.OfficeWidget span.Fax{font-family: ff-meta-web-pro, sans-serif !important; font-size: 20px !important; color: #636363 !important; text-transform: uppercase !important; }
.OfficeWidget .officeMap a, .OfficeWidget .officeMap p.officelinks{font-family: ff-meta-web-pro, sans-serif !important; font-size: 20px !important; color: #636363 !important; text-transform: uppercase !important; }
.OfficeWidget .officeMap a:hover, .OfficeWidget .officeMap p.officelinks:hover{color: #627d62 !important;}

.OfficeWidget .office-link{font-family: ff-meta-serif-web-pro, serif !important; font-size: 27px !important; color: #FFFFFF !important; margin-bottom: 10px !important; }
@media only screen and (max-width:981px){.OfficeWidget .office-link{font-size: 25px !important;}}
@media only screen and (max-width:480px){.OfficeWidget .office-link{font-size: 20px !important;}}
.OfficeWidget .office-link:hover{color: #424242 !important;}
.OfficeWidget .contactheading{padding: 10px 0 !important;}

@media only screen and (min-width: 768px){.MobileView{display: none !important;}}
@media only screen and (max-width: 767px){.DesktopView .twocolsection-coltwo{display: none !important;}}

.OfficeWidget .col-md-6.col-lg-4{margin-bottom: 20px !important;}
.MobileView{padding-left: 24px !important;}


/*Office Detail Page*/
.OfficePage .light-gray-background p{font-family: ff-meta-serif-web-pro, serif !important; color: #ffffff !important;}
.OfficePage a.officephone p:hover{font-weight: bold !important; }

.OfficePage h2.headingtext.officeasideheader{font-family: ff-meta-serif-web-pro, serif !important; color: #ffffff !important; padding-top: 15px !important;font-size: 38px !important; font-style: italic !important;}
@media only screen and (max-width:981px){.OfficePage h2.headingtext.officeasideheader{font-size: 35px !important;}}
@media only screen and (max-width:767px){.OfficePage h2.headingtext.officeasideheader{font-size: 28px !important;}}

.OfficePage h3.OfficeName{font-family: ff-meta-serif-web-pro, serif !important; color: #ffffff !important;  padding: 15px 0 !important; font-size: 27px !important;}
@media only screen and (max-width:981px){.OfficePage h3.OfficeName{font-size: 25px !important;}}
@media only screen and (max-width:767px){.OfficePage h3.OfficeName{font-size: 20px !important;}}

.OfficePage h4{font-family: ff-meta-serif-web-pro, serif !important; color: #ffffff !important; font-size: 27px !important;}
@media only screen and (max-width:981px){.OfficePage h4{font-size: 25px !important;}}
@media only screen and (max-width:767px){.OfficePage h4{font-size: 20px !important;}}

.OfficePage h2.officeheading{padding: 15px 0 !important;}

.OfficePage .OfficeAddress{background-color: #627d62 !important;}
.OfficePage .OfficeMap{margin: 20px 0 !important;}
.OfficePage .OfficeMap iframe{height: 450px !important;}
@media only screen and (max-width:767px){.OfficePage{margin-bottom: 20px !important;}}

.wdg-free-text-desc a{color: #636363; font-weight: bold !important;}
.wdg-free-text-desc a:hover{color: #627d62;}

/*Builder Commercial Page*/
.threecolSection .buttonwidget-container{align-items: center !important;
    display: flex;
    justify-content: center;}
.BuilderCommercialSection .shared-inpage-nav .sipn-desc-list h2 a::before{content: "\f178";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #242424 !important;
	margin-right: 10px !important;
}
.BuilderCommercialSection .shared-inpage-nav .sipn-desc-list h2 a::after{display: none !important;}
.BuilderCommercialSection .shared-inpage-nav .sipn-desc-list h2 a{justify-content: unset !important;}
.BuilderCommercialSection .sipn-desc-list h2 a:hover{color: unset !important;}

.dividerwidget{padding: 0 !important;}
.dividerwidget .wrap{padding: 1em 0 !important;}
.dividerwidget .wrap .divider{margin: 0 !important; width: 100% !important;}

.shared-inpage-nav .sipn-desc-list h2 a::after{content: "\f054";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    margin-right: 10px;
    display: inline-block;
	border: 1px solid #242424;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #636363 !important;
	margin-right: 0 !important;
	margin-left: 10px !important;
}
.BuyerSellerSection .shared-inpage-nav .sipn-desc-list h2 a::after{margin-top: 25px !important;}
.shared-inpage-nav .sipn-desc-list h2 a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: normal !important;
}

.sipn-desc-list h2 a{font-family: ff-meta-serif-web-pro, serif !important; font-size: 27px !important; color: #242424 !important; font-style: normal !important;}
@media only screen and (max-width:981px){.tab-widget .tabwidget-heading h2 a{font-size: 25px !important;}}
@media only screen and (max-width:480px){.tab-widget .tabwidget-heading h2 a{font-size: 20px !important;}}
.shared-inpage-nav{background-color: #f6f6f6 !important; padding: 40px !important;}
.sipn-desc-list h2 a:hover{color: #627d62 !important; }

@media only screen and (min-width:768px){.BuyerSellerSection .threecolSection .wdg-free-text-desc{padding-left: 0 !important;}
	.BuyerSellerSection .threecolSection .wdg-free-text-desc .container{padding-left: 0 !important;}}
	
/*Guides & Relocation Page*/
.tab-widget .accordion-item,  
.tab-widget .accordion-button:not(.collapsed){background-color: #f6f6f6 !important;}


.tab-widget .tabwidget-heading h2{font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #2a2a2a !important; font-style: italic !important;}
@media only screen and (max-width:981px){.tab-widget .tabwidget-heading h2{font-size: 35px !important;}}
@media only screen and (max-width:480px){.tab-widget .tabwidget-heading h2{font-size: 28px !important;}}

button.accordion-button.tab-accordion-button-img {font-family: ff-meta-web-pro, sans-serif !important; font-size: 27px !important; color: #242424 !important; background-color: #f6f6f6 !important; padding: 25px !important;}
@media only screen and (max-width:981px){button.accordion-button.tab-accordion-button-img{font-size: 25px !important;}}
@media only screen and (max-width:480px){button.accordion-button.tab-accordion-button-img{font-size: 20px !important;}}

.accordion-button.tab-accordion-button-img.collapsed::after{transform: rotate(270deg) !important;}
.accordion-button:not(.collapsed)::after{transform: rotate(270deg) !important;
	border: 1px solid #242424;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;}
	
.accordion-button::after{
	border: 1px solid #242424;
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}

.sipn-desc-list .gototop .container{padding-left: 0 !important; padding-right: 0 !important;}
.GuidesSection .shared-inpage-nav .sipn-horizontal-layout > h2{background-color: #627d62 !important; padding: 40px !important; font-family: ff-meta-serif-web-pro, serif !important; font-size: 38px !important; color: #FFFFFF !important; font-style: italic !important; }
@media only screen and (min-width:768px){.GuidesSection .shared-inpage-nav .sipn-horizontal-layout > h2{
	min-height: 171px;
    display: flex;
    align-items: center;
}
}
@media only screen and (max-width:981px){.GuidesSection .shared-inpage-nav .sipn-horizontal-layout > h2{font-size: 35px !important;}}
@media only screen and (max-width:767px){.GuidesSection .shared-inpage-nav .sipn-horizontal-layout > h2{font-size: 28px !important;}}

.GuidesSection .threecol-section .shared-inpage-nav{padding: 0px !important;}

/*Real Estate Professionals*/
.REPSection .wdg-free-text-desc h3{font-family: ff-meta-serif-web-pro, serif !important; color: #2a2a2a !important;}
.REPSection .buttonwidgetsection{border: 2px solid #627d62 !important;}
.REPSection .accordion-item:has(.accordion-collapse.collapse.show) .accordion-button.tab-accordion-button-img{background-color: #627d62 !important; color: #ffffff !important;}
.REPSection .accordion-button.tab-accordion-button-img{background-color: #f6f6f6 !important; color: #2a2a2a !important;}
.buttonwidgets a, a.image-text-button{font-size: 16px !important;}
a.image-text-button{text-transform: uppercase !important; border-radius: 0 !important;}
.image-text-widget .text-desc a{color:#636363 !important;}
.image-text-widget .text-desc a:hover{color:#627d62 !important;}
.REPSection .accordion-button::after{border: none !important; filter: brightness(0) !important;}
.REPSection .accordion-body{background-color: #ffffff !important;}
.REPSection .accordion-body p, .REPSection .accordion-body a{font-family: ff-meta-serif-web-pro, serif !important; color: #444444 !important;}
.REPSection .accordion-body a:hover{color: #627d62 !important;}
.REPSection .accordion-item:has(.accordion-collapse.collapse.show) .accordion-button.tab-accordion-button-img::after{filter: brightness(0) invert(1) !important; transform: rotate(360deg) !important;}
.REPSection .twocolSection .wdg-free-text-desc a{text-transform: uppercase !important;}

.image-text-widget .image-text-widget-desc h3{font-family: ff-meta-serif-web-pro, sans-serif !important; font-size: 27px !important; color: #242424 !important;}
@media only screen and (max-width:767px){.image-text-widget .image-text-widget-desc h3{font-size: 24px !important;}}

.BuyerSellerSection .threecol-section .wdg-free-text-desc {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
@media only screen and (min-width:1200px){.BuyerSellerSection .threecol-section .wdg-free-text-desc p{
	margin-top: 11px !important;
	margin-bottom: 11px !important; 
}}
/*Form*/
select{appearance: auto !important;}

.form-field {margin: 2% !important; }
.ktc-default-section .form-field {margin: 2% 5% !important;}
@media only screen and (min-width:768px){.col-12.col-md-6 .form-field {margin: 2% 4% !important; }}
@media only screen and (max-width:767px){.ktc-default-section .form-field{margin: 2% 5% !important;}}
@media only screen and (min-width:768px){.col-12.col-md-4 .form-field{margin: 2% 6% !important;}}
.control-label{font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color:#333333 !important;  padding-bottom: 10px !important;}
.explanation-text{font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color:#333333 !important;}
.ktc-radio{align-items: center;
		   display: flex;
		   font-family: ff-meta-web-pro, sans-serif !important; 
		   font-size: 16px !important; 
		   color:#333333 !important;}

.field-validation-error{font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color:red !important;}
form {border: 1px solid navy !important;}
.formwidget-submit-text{border: 2px solid navy !important;}
input[type="submit"]
{
	padding: 10px 15px !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
	margin: 0 5% 5% !important;
	font-family: ff-meta-web-pro, sans-serif !important;
    color: #ffffff !important;
    background-color: #627d62 !important;
    border: 2px solid #627d62 !important;
	
}

input[type="submit"]:hover{
	background-color: #ffffff !important;
	border: 2px solid #627d62 !important;
	color: #627d62 !important;
}

input[type="submit"]:active{
	background-color: #627d62 !important;
	border: 2px solid #627d62  !important;
	color: #ffffff !important;
	
}

input[type="submit"]:focus{
	background-color: #627d62 !important;
	border: 2px solid #627d62 !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) !important;
}

.ktc-radio label{margin-left: 5px !important;}

.ktc-radio-list{
	margin-bottom: 10px !important;
	display: flex !important;
    gap: 15px;
    flex-direction: column !important;
	align-items: flex-start !important;}
	
.ktc-checkbox-list {flex-direction: column !important;}
.ktc-checkbox{align-items: center !important;font-family: ff-meta-web-pro, sans-serif !important; font-size: 16px !important; color:#333333 !important;}
	
.editing-form-control-nested-control {flex-direction: column !important;}
.formwidget-submit-text {
	font-family: ff-meta-web-pro, sans-serif !important; 
	font-size: 20px !important; 
	color:#333333 !important; 
	font-weight: 400 !important;
  	border: 1px solid navy !important;
	padding: 20px 40px !important;
}
.custom-formsection .customform-title{
	font-family: ff-meta-serif-web-pro, serif !important;
	color: #627d62 !important;
	font-size: 24px !important;
	font-weight: bold !important;
	padding-bottom: 10px !important;
	padding-top: 20px !important;
	text-align: center !important;
}
label.control-label[for*="FarmCriteriaCheckbox"]
{
  display: none !important;
}

table {
    border: 1px solid #cccccc !important;
    text-align: left;
    float: left;
    border-width: 2px !important;
}

thead{
  background-color: #efefef;
}
[id^="form-CustomerService"] .custom-formsection:last-of-type .customform-title{
	color: #333333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

tbody, tr, td, thead, tfoot, th{
  border: 1px solid #cccccc !important;
  border-width:1px !important;
  text-align: center !important;
}
table td{
	font-size: 18px !important;
	padding: 8px !important;
	color: #636363;}
table th, table th a{font-size: 18px !important;
	padding: 8px !important;
	color: #2a2a2a;}
	
.wdg-free-text-desc table td a{font-size: 18px !important;}
.wdg-free-text-desc table thead tr{
	background-color: #f6f6f6 !important;
}
.wdg-free-text-desc table tbody tr:nth-child(even){
	background-color: #f6f6f6 !important;
}
.onecol-section .buttonwidget-container{
	justify-content: center !important;
    display: flex !important;
}
.NODsection .threecolsection-colone, .NODsection .threecolsection-coltwo, .NODsection .threecolsection-colthree{
	display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/*CC&R's Page*/
.CCRSection .shared-inpage-nav{background-color: unset !important; padding: unset !important; margin: 20px 0 !important;}
.CCRSection .sipn-dropdown h2{font-family: ff-meta-web-pro, sans-serif !important; color: #2a2a2a !important; font-size: 20px !important;}
.CCRSection .sipn-select option, .sipn-select{font-family: ff-meta-web-pro, sans-serif !important; color: #2a2a2a !important; font-size: 16px !important; text-transform: none !important;}
.CCRSection .shared-inpage-nav{background-color: unset !important;}
.CCRSection .sipn-dropdown-desc{margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
	font-family: ff-meta-web-pro, sans-serif !important;
    font-size: 20px !important;
	color: #242424 !important;
	font-weight: bold !important;}
.CCRSection .sipn-dropdown-desc a{color: #444444 !important; font-weight: normal !important;}
.CCRSection .sipn-dropdown-desc a:hover{color: #627d62 !important; font-weight: bold !important;}
.CCRSection .sipn-dropdown-desc li{border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; padding: 0.5em !important; list-style: none !important;}
.CCRSection .sipn-dropdown-desc ul{padding-left: 0 !important}
.CCRSection .sipn-dropdown-desc ul li::before{content: "\f00c" !important;
	font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    color: #cccccc !important;
	margin-right: 10px !important;}

/*TRID Calendar*/
.cfpb-inner-section label {
    color: #ffffff;
    font-size: 20px;
    padding-right: 5px;
	display: block !important;
}

.row.cfpb-inner-section {
    background-color: #627d62;
	border-bottom: solid 1px #888888; /* added by jt*/
	
}

select#loanPurpose, select#deliveryMethod, input {
    color: #000000;
    padding: 5px;
    background-color: #ffffff;
    border: 0;
	appearance: none !important;
}

.cfpb-inner-datesection, .cfpb-text-section, .calender-disclaimer {
    background-color: #424242 !important;
    border: 0 !important;
}

.date-label, .date-label-mid, .cd-issued-label, .date-label-last {
    font-weight: bold;
    color: #ffffff !important;
    font-size: 20px;
}

.date-value {
    font-weight: bold;
    text-shadow: 2px 2px 2px #000000 ;
    color: #ffffff !important;
    font-size: 36px !important;
}

.dates-values-row {
    border-radius: 0 !important;
    border: 2px inset #ffffff7d;
}
div#datesContainer {
    background-color: #424242 !important;
    padding: 2em 2em 1em 2em; 
}

.note-text {color: #ffffff  !important;}
.calender-disclaimer p {color: #ffffff !important; font-size: 14px !important;}
.note-text::before {
    color: #ffffff !important;
    font-size: 36px !important;
    line-height: 16px;
}
div#deviderwidget{
	white-space: nowrap !important;
    padding: 2em 0;
}
.TRIDSection .dividerwidget .wrap .divider{margin: 0 1em !important;}

.new-date-value {
    border-radius: 0px !important;
}
.cfpb-main .p-1{
	padding: .5em !important;
}
[class*="ElectronicDelivery"], [class*="PersonalDelivery"], [class*="ReviewPeriod"], .Consummation, [class*="RescissionPeriod"] {
    background: unset !important;
    color: #FFFFFF !important;
    border: 1px solid #888888 !important;
    padding: .5em !important;
    font-size: 2em !important;
    box-shadow: 0px 6px #00000077 !important;
    text-shadow: 0px 2px #00000077 !important;
}

.date-span {
    color: #ffffff !important;
}

.my-span {
    background-color: unset !important;
    font-size: 16px !important;
    padding: .25em 0 1em 0;
}

input[type=radio].form-control {
    appearance: radio !important;
}