/*
Theme Name: Join ArmorCoat
Theme URI: https://jsmcorp.com/
Author: Jump Start Marketing, Inc.
Author URI: https://jsmcorp.com
Description: This theme was developed for Join ArmorCoat and provides custom functionality and design for their needs. 
Version: 0.1

*/



/* container */
.wpforms-container {
  max-width: 740px;
  padding: 28px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* spacing */
.wpforms-field { margin-bottom: 18px; }

/* main labels */
.wpforms-field-label { display:block; font-weight:600; font-size:18px; margin-bottom:8px; color:#222; }

/* two-column name row */
.wpforms-field-row { display:flex; gap:15px; align-items:flex-start; }
.wpforms-field-row-block { flex:1; position:relative; }

/* inputs & textarea full width */
.wpforms-field .wpforms-field-medium,
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field textarea,
.wpforms-field .wpforms-field-name-first,
.wpforms-field .wpforms-field-name-last {
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  min-height:42px;
  border:1px solid #cfcfcf;
  border-radius:4px;
  font-size:15px;
  line-height:1.25;
}

/* make sublabels small and float to the right of the name inputs */
.wpforms-field-sublabel.after {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:13px;
  color:#6b6b6b;
  pointer-events:none;
}

/* ensure name inputs have room for the sublabel on the right */
.wpforms-field-name-first { padding-right:70px; }
.wpforms-field-name-last  { padding-right:70px; }

/* textarea sizing */
.wpforms-field textarea { min-height:90px; resize:vertical; }

/* checkboxes — remove bullets and align nicely */
.wpforms-field-checkbox ul { list-style:none; padding:0; margin:0; }
.wpforms-field-checkbox li { margin:6px 0; display:flex; align-items:center; }
.wpforms-field-checkbox input[type="checkbox"] { margin-right:10px; transform:scale(1.05); }

/* submit button */
.wpforms-submit { padding:10px 18px; border:1px solid #222; background:transparent; cursor:pointer; border-radius:3px; font-weight:600; }

/* tiny accessibility: hidden honeypot field stays hidden */
#wpforms-125-field_3-container { position:absolute !important; height:1px !important; width:1px !important; overflow:hidden !important; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
#wpforms-125-field_3-container input { visibility:hidden; }





.jsm-btn {background-color: #cb1e24 !important; color: #fff !important;border:solid 1px #ccc !important;}
.container p {font-size: 1.2rem;}
.content-box figure {float: right;margin-left: 50px;border: solid 1px #ccc;}
.text-muted {color: #fff !important;}

#jsm-header-15 {background-color:#ce1e24; color:#fff;}
#jsm-header-15 a {text-decoration:none !important; color:#fff !important;}
#jsm-header-15 .row .col-last {text-align: right;}

#jsm-footer-7 {background-color: #000; color: #fff;}
#jsm-footer-7 a.nav-link{color: #fff;}

@media only screen and (max-width: 992px) {
    #jsm-header-15 .col {width:100%;margin-left:auto;margin-right:auto;text-align:center;}
}

#jsm-header-16 {position:relative;}
#jsm-header-16 header {position: absolute;width: 100%; z-index: 1000;}
#jsm-header-16 .navbar {background-color: #0000009c;padding: 15px 0;color: #fff;}
#jsm-header-16 button.navbar-toggler {background-color: #fff;}
#jsm-header-16 .navbar .navbar-brand img {max-height: 100px; }
#jsm-header-16 .navbar-nav .nav-item .nav-link {
  color: #fff;  
  font-weight: 500;
  margin: 0 15px;
  transition: color 0.3s;
  text-transform: uppercase;
  font-size: 1.3rem;
}
#jsm-header-16 .navbar-nav .nav-item .nav-link:hover {color: #ccc; background-color: #c72032;}
#jsm-header-16 .btn-danger {
  background-color: #cb1e24; /* Button styling */
  border: none;
}

#jsm-header-16 .carousel-inner img {
  height: 500px; /* Consistent height for slides */
  object-fit: cover; /* Adjust to fit properly */
}
#jsm-header-16 .carousel-control-prev-icon,
#jsm-header-16 .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background for controls */
}

#jsm-header-16 #slideInImage {
  position: absolute;
  right: 0;
  bottom: 50px;
  animation: slideIn 2s ease-in-out;
}
 
#jsm-header-16 #content-section .content-slide-in {
  opacity: 0;
  animation: fadeIn 2s forwards;
  animation-delay: 1s;
}
 
 
.fortress-cta {
  background-color: #2b2b2b; /* dark gray like the original */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('https://fortressfloors.com/wp-content/uploads/2023/01/garage-floor-coatings.jpg'); /* optional image */
}
.fortress-cta h2,
.fortress-cta p {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* make white text readable on dark background */
} 
	
#jsm-section-33 h1 {font-size: 4rem;font-weight: 700; text-shadow: 1px 1px #eb1c24;}
#jsm-section-33 .slider1 { 
background-image:url('https://www.badgerstatecoatings.com/wp-content/uploads/2026/03/concrete-coatings-slider-1.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:550px;
}
#jsm-section-33 .slider2 { 
background-image:url('https://www.badgerstatecoatings.com/wp-content/uploads/2026/03/concrete-coatings-slider-2.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:550px;
}
#jsm-section-33 .slider3 { 
background-image:url('https://www.badgerstatecoatings.com/wp-content/uploads/2026/03/concrete-coatings-slider-3.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:550px;
} 
#jsm-section-33 .carousel-caption {top: 30%;}
#jsm-section-33 .carousel-caption p {font-size: 2rem; text-shadow: 1px 1px #eb1c24;}  
#jsm-section-33 .carousel-caption a {background-color: #cb1e24; color: #fff;}


ul.list-unstyled{background-color: #333;color: #fff;text-align: center;}

.h-100.p-4.border.rounded-3 {
    background-color: #000;
    color: #fff;
    text-align: center;
	width:100%;
}

@media only screen and (max-width: 992px) {
    #jsm-section-33 .carousel-caption {top: 25% !important;} 
    #jsm-section-33 .carousel-caption h1 {font-size: 2.3rem;text-align: center;} 
    #jsm-section-33 .carousel-caption p {font-size: 1.4rem; text-align: center;} 

}