/*
Theme Name: My Custom Theme
Author: Your Name
Version: 1.0
*/

.single-post-wrapper {
}

.featured-image img {
    width: 100%;
    border-radius: 10px;
}

.post-title {
    font-size: 2.5rem;
    margin: 20px 0;
    font-weight: bold;
}

.sidebar-widgets .widget {
    margin-bottom: 30px;
}

.widget-title {
    font-size: 1.25rem;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 5px;
}


.widget_recent_entries li a{
  text-decoration: none;
}

.widget_recent_entries li{
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
}



.margin-top-100{
	margin-top:100px;
}
.padd-150-desktop{
	padding-top:150px;
}

.service-option input[type="checkbox"]:checked + .wpcf7-list-item-label {
    background-color: #cccccc;
   color: #000000;
   border-color: #cccccc;
}

.wpcf7-list-item{
	margin:0em;
}
.service-option p{
	margin-bottom:0px;
}
.service-option .wpcf7-list-item label {
  display: block; /* Make it a block to fill the container */
  padding: 10px; /* Add some padding */
  border: 1px solid #000;
/*   background-color: #f9f9f9; */
  transition: background-color 0.3s ease; /* Smooth transition */
  cursor: pointer;
}

/* Hover state */
.service-option .wpcf7-list-item label:hover {
  background-color: #f0f0f0;
}

.service-option input[type="checkbox"]:checked ~ label, 
.service-option .wpcf7-list-item input[type="checkbox"]:checked + span + label {
}

.service-option .wpcf7-list-item label {
  display: block;
  padding: 10px 20px;
 border: 1px solid #000; 
}


/* --- Checkbox Styling for Contact Form 7 --- */

/* 1. Style the default, unchecked label */
/* This gives the 'checked' style something to change from */
.service-option .wpcf7-list-item label {
  display: block; /* Makes the entire area clickable */
  padding: 10px 20px;
  border: 1px solid #000;
  background-color: #ffffff; /* Default white background */
  color: #333; /* Default text color */
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    margin-bottom: 15px;
    margin-right: 10px;
}

/* 2. Style the label WHEN it contains a checked checkbox */
/* This is the magic rule that replaces your old code */
.service-option .wpcf7-list-item label:has(input[type="checkbox"]:checked) {
  background-color: #cccccc;
  color: #000000;
  border-color: #cccccc;
}

/* Optional: Add a hover effect for better UX */
.service-option .wpcf7-list-item label:hover {
  background-color: #f0f0f0;
}
.blog-image-width .upk-alter-grid .upk-img-wrap .upk-main-img .upk-img {
	 width: 100%;
    height: 200px;
    object-fit: cover;
}
h1 span {
  font-size: inherit;
}
h2 span {
  font-size: inherit !important;
  font-family: inherit !important;
}
.careers-rb-2-f-com span {
  display: inline-block;
  margin-right: 20px;
}

/* On mobile (less than 768px) — stack vertically */
@media (max-width: 768px) {
  .careers-rb-2-f-com span {
    display: block;
    margin-bottom: 10px;
  }
}