/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 05:01:36 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* 50 States Section */
.tdl-50states {
  --bg:url('https://disability.tuckerdisability.com/wp-content/uploads/2025/11/modified-pale-footer-flag.jpg');
  --ink:#0f2747; 
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 20px 0;
}

.tdl-50states::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
}

.tdl-50states__inner {
  position:relative;
  z-index:1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display:flex;
  align-items:center;       /* vertical centering */
  justify-content: space-between;
  gap: 20px;
}

/* Text */
.tdl-50states__p {
  color: var(--ink);
  line-height: 1.6;
  font-size: 13.8px!important;          /* requested size */
  margin:0;
}

/* Badge */
.tdl-50states__badge img {
  width: 160px;             /* increased size */
  height: auto;
  display:block;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

/* Responsive */
@media (max-width: 800px) {
  .tdl-50states__inner {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }

  .tdl-50states__badge img {
    width: 140px;  /* slightly smaller for mobile */
  }
}