/*
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

*/

/* ===== WPForms Modern Styling ===== */
.wpforms-container {
    max-width: 800px;
    margin: 0 auto;
}

/* Form Wrapper */
.wpforms-container .wpforms-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Labels */
.wpforms-container .wpforms-form label {
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

/* Inputs & Textareas */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container textarea,
.wpforms-container select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
}

/* Focus State */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13,110,253,0.15);
    outline: none;
}

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

/* Submit Button */
.wpforms-container .wpforms-submit {
    background: linear-gradient(135deg, #00787f, #00787f);
    color: #fff;
    border: none;
    padding: 14px 26px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
    width: 100%;
}

/* Button Hover */
.wpforms-container .wpforms-submit:hover {
    background: linear-gradient(135deg, #0b5ed7, #0a58ca);
    transform: translateY(-1px);
}

/* Error Messages */
.wpforms-container .wpforms-error {
    color: #dc3545;
    font-size: 13px;
}

/* Success Message */
.wpforms-container .wpforms-confirmation-container {
    background: #e9f7ef;
    color: #198754;
    padding: 15px;
    border-radius: 6px;
}

/* Responsive */
@media (max-width: 768px) {
    .wpforms-container .wpforms-form {
        padding: 20px;
    }
}




.jsm-btn {background-color: #00787f !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:#00787f; 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;}

footer a {
    color: #fff !important;
    text-decoration: none;
    margin-left: 10px;
}

@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: #00787f;}
#jsm-header-16 .btn-danger {
  background-color: #00787f; /* 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 */
 
}
.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 {height:650px;}
#jsm-section-33 h1 {font-size: 4rem;font-weight: 700; text-shadow: 1px 1px #00787f;background-color: #0000004f; border-radius: 10px; padding: 10px 20px;}
#jsm-section-33 .slider1 { 
background-image:url('https://www.exteriorcleaningnwfl.com/wp-content/uploads/2026/03/slider-bg-bna.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:650px;
}
#jsm-section-33 .slider2 { 
background-image:url('https://www.exteriorcleaningnwfl.com/wp-content/uploads/2026/03/slider-bg2-bna.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:650px;
}  
#jsm-section-33 .slider3 { 
background-image:url('https://www.exteriorcleaningnwfl.com/wp-content/uploads/2026/03/slider-bg3-bna.webp'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:650px;
}  
#jsm-section-33 .carousel-caption {top: 30%; }
#jsm-section-33 .carousel-caption p {font-size: 2rem; text-shadow: 1px 1px #00787f;}  
#jsm-section-33 .carousel-caption a {background-color: #00787f; 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 .slider1, #jsm-section-33 .slider2, #jsm-section-33 .slider3 {height:680px !important;}
    #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;} 

	.col-5, .col-6 {width: 100% !important; padding: 3rem !important;}

}