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

*/

.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: 80px; }
#jsm-header-16 .navbar-nav .nav-item .nav-link {
  color: #fff;  
  font-weight: 500;
  margin: 0 15px;
  transition: color 0.3s;
}
#jsm-header-16 .navbar-nav .nav-item .nav-link:hover {color: #ccc; }
#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://joinarmorcoat.com/wp-content/uploads/2025/08/bg-concrete-coating.png'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:500px;
}
#jsm-section-33 .slider2 { 
background-image:url('https://joinarmorcoat.com/wp-content/uploads/2025/08/concrete-floor-coatin.jpeg'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:500px;
}
#jsm-section-33 .slider3 { 
background-image:url('https://joinarmorcoat.com/wp-content/uploads/2025/08/cms_3x2_epoxy-vinyl-flake_2x.1d9aff1e7b5f919fe0fc38861dfe659b.jpg'); 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;   
height:500px;
} 
#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;} 

}