/**
 * Theme Name:     Westdeerfieldtownship
 * Author:         the WordPress team
 * Template:       twentytwentyone
 * Text Domain:	   westdeerfieldtownship
 * Description:    Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 */

body {
 overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}
a {
  color:unset;
  text-decoration:none;
}
p {
  margin-bottom:0px;
 
  font-size: 16px;
}


/* ............ */
 
.top-bar {
    padding: 20px 0px 0px;
    border-bottom: 2px solid #3c2415;
}
.abt_clr
{
  color:#607935 !important;
  width: max-content;
}
.site_nav {
    padding: 0px 25px;
}
.site_nav ul li a {
    font-size: 15px;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
    padding:0px;
    line-height: 20px;
}
.site_nav ul li{
  padding:0px 0px;
}
.fin_clr
{
  color:#d4802c;
}
.prple_clr
{
  color:#7a84c1;
}
.brown_clr
{
  color:#6e522d;
}
.red_clr
{
color:#ed1d24;
}
.nav-link
{
  text-align: center;
}
ul.navbar-nav {
    align-items: center;
}
.docs_clr
{
  color:#c49a6c;
}
.acess_clr{
  color: #607935;
}
.senior_clr
{
  color:#02679a;
}
.dem_clr
{
  color:#74489d;
}
.bannercaption {
   position: absolute;
    bottom: 25px;
    padding: 0px 83px;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
section.hero-section {
    position: relative;
}
.product-slider-section h2 {
    color: #f59020;
    padding-bottom: 15px;
}
.product-slider-section {
    padding: 30px 0px;
    position: relative;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next{
    width:35px;
    height:35px;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    font-size:0 !important;
    border:none;
}
.about h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 9px;
    text-align: center;
}
/* Left Arrow */
 .product-carousel .owl-nav button.owl-prev{
    background-image:url('http://westdeerfieldtownship.test/wp-content/uploads/2026/05/control_left.png') !important;
    left: -40px;
    position: absolute;
}

/* Right Arrow */
 .product-carousel .owl-nav button.owl-next{
   background-image:url('http://westdeerfieldtownship.test/wp-content/uploads/2026/05/control_right.png') !important;
   right: -40px;
    position: absolute;
}
 .product-carousel .owl-nav, .product-carousel .owl-nav .disabled, 
.resources .owl-nav, .resources .owl-nav .disabled{
   display: block !important;
    top: 29px;
    position: absolute;
   width: 100%;
}

.resources .owl-nav button.owl-prev{
    background-image:url('http://westdeerfieldtownship.test/wp-content/uploads/2026/05/control_left_b.png') !important;
    left: -40px;
    position: absolute;
}

footer p{
  font-weight: 600;
}
.resources .owl-nav button.owl-next{
   background-image:url('http://westdeerfieldtownship.test/wp-content/uploads/2026/05/control_right_r.png') !important;
   right: -40px;
    position: absolute;
}
.resource-carousel
{
  position: relative;
}


.resourse .owl-nav {
    top: 50%;
    position: absolute;
    width: 100%;
}
.product-carousel .owl-nav {
    top: 40%;
    position: absolute;
    width: 100%;
}




.about .container {
    padding: 30px 0px;
    border-top: 4px solid #6e98bb;
    border-bottom: 4px solid #6e98bb;
}
.about  {
    padding: 20px 0px;
}
.about p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    padding-bottom: 15px;
}
.about h4 {
    font-size: 21px;
    font-weight: 600;
    text-align: left;
}
.resource-item img{
  width: auto!important;
}

.resource-item h2 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
    color: #02679a;
    font-weight: 700;
}
.resources h2 {
    padding-bottom: 15px;
    color: #02679a;
}
footer {
    background-color: #6e98bb;
    padding: 30px 0px 0px;
    color: #fff;
}
.footer-contact {
    padding-left: 0px;
}
.footer-contact li{
   list-style-type: none;
   font-size: 15px;
   margin-bottom: 12px;
   font-weight: 500;
}
.footer-logo
{
  position: absolute;
  bottom: 0;
}
#mainNav
{
  justify-content: center;
}
.assessor_title h2
{
color: #607935;
font-size: 34px;
font-weight: 800 !important;
}

.assessor_title h4 {
    color: #04679a;
    font-weight: 800 !important;
    font-size: 29px;
}
.assessor_title {
    padding: 30px 0px 20px;
    border-bottom: 5px solid #6e98bb;
}

.newsection h2 {
    color: #04679a;
    font-weight: 800 !important;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.newsection {
 padding: 30px 0px;
}

.newsection p {
    color: #383838;
    font-weight: 700 !important;
    font-size: 22px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 28px;
}

.income-table-wrapper {
    width: 100%;
    overflow-x: auto;
    background: #667f2d;
    padding: 40px 0px;
}
    .income-table{
        width:100%;
        border-collapse:collapse;
        background:#667f2d;
        color:#fff;
        min-width:700px;
    }
.income-table-wrapper h2{
font-weight: 700;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
    .income-table th,
    .income-table td{
    border: 3px solid #ffffff;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    }

    .income-table .title{
        font-size:34px;
        padding:18px;
    }

    .income-table .left{
        text-align:left;
        width:38%;
    }

.subsection p {
    color: #383838;
    font-weight: 700 !important;
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 28px;
}
.subsection h2{
color: #04679a;
    font-weight: 800 !important;
    font-size: 25px;
   
    margin-bottom: 10px;

}

.subsection ul li{
color: #383838;
    font-weight: 700 !important;
    font-size: 20px;
    text-align: left;
   
    line-height: 28px;
}

.assessor h2 {
    color: #04679a;
    font-weight: 800 !important;
    font-size: 25px;
    margin-bottom: 10px;
}
.assessor ul li{
  color: #383838;
    font-weight: 700 !important;
    font-size: 20px;
    text-align: left;
  
    line-height: 28px;  
}
.assessor ul {
 
    margin-top: 10px;
padding-left: 20px;
}
.assessor .container
{
 padding: 30px 0px;
    border-top: 5px solid #6e98bb;
 border-bottom: 5px solid #6e98bb;
}

.assessor h3{
    color: #383838;
    font-weight: 700 !important;
    font-size: 20px;
    text-align: left;
    line-height: 28px;
}
.assessor h4 {
    font-size: 18px;
    margin-top: 9px;
    font-weight: 700 !important;
}
.benifits {
    padding: 25px 0px;
}














.income-table{
    width:100%;
    min-width:700px;
    border-collapse:collapse;
    background:#667f2d;
    color:#fff;
}
.income-table{
    width:100%;
    min-width:600px;
    border-collapse:collapse;
    background:#667f2d;
    color:#fff;
}

/* Table Cells */
.income-table td{
    border:2px solid #fff;
    padding:18px;
    text-align:center;
    font-size:24px;
    font-weight:700;
    white-space:nowrap;
}

/* First Column */
.income-table td:first-child{
    text-align:left;
    min-width:260px;
}

/* Tablet */
@media screen and (max-width:768px){

    .income-table{
        min-width:500px;
    }

    .income-table td{
        font-size:18px;
        padding:12px;
    }

    .income-table td:first-child{
        min-width:220px;
    }
}

/* Mobile */
@media screen and (max-width:480px){

    .income-table{
        min-width:420px;
    }

    .income-table td{
        font-size:14px;
        padding:10px;
    }

    .income-table td:first-child{
        min-width:180px;
    }
}


@media (max-width:575px)
{
.product-carousel .owl-nav button.owl-next, .resources .owl-nav button.owl-next {
    right: 0;
}
  .product-carousel .owl-nav button.owl-prev, .resources .owl-nav button.owl-prev {
    left: 0;
} 
.bannercaption {
    position: absolute;
    bottom: 10px;
    padding: 0px 5px;
}
.bannercaption h1 {
    font-size: 19px;
    line-height: 17px;
}
.product-slider-section h2 {
   
    padding-bottom: 0px;
}
.hero-section img {
height: 160px;
object-fit: cover;
}
.about .container {
    padding: 30px 0px;
  
}
}
@media (max-width:992px)
{
 .footer-logo
{
  position: relative;
  bottom: unset;
  margin-bottom: 15px;
}
.about {
    padding: 0px 15px 20px 15px;
}
.navbar-toggler:hover {
    text-decoration: none;
    width: fit-content;
}
.navbar-toggler:focus
{
box-shadow:none;
}
    ul.navbar-nav {
        align-items: start;
        margin-top: 15px;
        gap: 6px;
    }

}