@import url("media.css"); 

/*
top-margin: mt-3
bottom-margin: mb
left margin: ms
right margin: me

mb-md-0 =
m = margin
b = bottom
md = applies on medium screens and up (≥768px)
0 = sets the bottom margin to 0 (no margin)

  <div class="col-10 col-lg-3">   col-10 for iphone and the lg-3 for laptops
*/


body{font-family: 'Montserrat', sans-serif !important;	color:#000;width:100%!important;margin:0!important; overflow-x: hidden; font-size: 1rem;}

b {font-family: 'Source Sans Pro', sans-serif !important; letter-spacing: 1px;  }
	
h2.title, h2.carousel-text2 {color: #76333B;  font-family: 'Belleza', sans-serif;  }
h3 {color: #946A39;  font-family: 'Belleza', sans-serif;  margin-top: 2% !important;}
h4.title  {color: #76333B;  font-family: 'Belleza', sans-serif;  }

#navtop .navbar {background: #fff !important;  }
#navtop .nav-link, .dropdown-item {font-weight: 500; color: #5A6C4E; text-transform: uppercase; letter-spacing: 1px; font-size: 0.95em !important; }
#navtop .nav-link:hover {color: #D4B48F; }

#toppage {background: #8BC53D; color: #F9F8F4; padding: 0.2% 0;}
#toppage .social {color: #fff; padding: 1% 2%;  }

#main {padding: 2% 8% !important; font-size: 1.2rem; }
#contact {padding: 2% 8% !important; font-size: 1.2rem; }
#footer  {font-size: 80% !important; background-color: #52693E !important; color: #FFFFFF !important; padding: 1% 0;  margin-top: 2% !important; text-transform: uppercase;}
#footer a {color: #FFFFFF;   } 
#footer a:hover  {color: #FFFFFF;  text-decoration: underline;  }
 
.white-link  {color: #FFFFFF;   } 
.white-link:hover {color: #FFFFFF;  text-decoration: underline;  }


.carousel-background-text  {background-color: #FEEFE4 !important;   mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent;) }
#carouselSlider img  {opacity: 0.8 !important;   } 
h1.carousel-text1 {color: #2E2E2E !important; }
.carousel-text2 {color: #2E2E2E !important;} 
#carousel-text3 {display: none; }


/* CONTACT FORM HOME PAGE*/
.contactform {background-color: #cccccc !important; }
#contact-form a:link.email {color: #000 !important; }

.bgcolor-gr { background-color: #EBF5DD !important; padding: 1.5% 1%; }

.strikered {font-family: Verdana; text-decoration: line-through; color: #FF0000; font-size: 35px !important; }
.fontsize35 {font-size: 35px !important;}

.no-bullets {    list-style-type: none;   padding-left: 0;     margin-left: 2% !important;  }
.greencheck {color: #00B300 !important;   text-shadow:     -1px -1px 0 #636363,     1px -1px 0 #636363,     -1px 1px 0 #636363,     1px 1px 0 #636363;}


/* 3 section on homepage */
#services-home{background: #ffffff;  padding: 2% !important;  line-height: 1.7; font-size: 1.1rem; /* or 16px */}
#services-home h2 {background-color: #E8D8C3 !important; padding: 0.3% 0px !important; }
.services-title { font-family: 'Roboto' !important; font-size: 1.1rem !important; color: #2E2E2E;  font-weight: 600; letter-spacing: 1.5px; margin-bottom: 2% !important;}
.services-home-text h2{color: #000 !important; font-family: 'Belleza', sans-serif; border: none !important;  }


/*  
.send { background-color: brown; 
    background-image: linear-gradient(to right, #946A39 , #38958C) !important;
	color: #ffffff !important;
	}
*/
.send {border: none !important; font-family: 'Roboto', sans-serif; background-color:#8BC53D !important;	padding: 1% !important; letter-spacing: 2px; color: #ffffff !important;  	box-shadow: 0 4px 10px rgba(46, 46, 46, 0.6); transition: all 0.3s ease;}
.send:hover {box-shadow: 0 8px 18px rgba(46, 46, 46, 0.6);font-family: 'Roboto', sans-serif; background-color:#D99B84 !important;	padding: 1% !important; letter-spacing: 2px; color: #ffffff !important;  	}

.voir {font-size: 1.2rem !important; border: none !important; font-family: 'Roboto', sans-serif; background-color:#8BC53D !important;	padding: 2% !important; letter-spacing: 2px; color: #ffffff !important;  	box-shadow: 0 4px 10px rgba(46, 46, 46, 0.6); transition: all 0.3s ease;}
.voir:hover {box-shadow: 0 8px 18px rgba(46, 46, 46, 0.6);font-family: 'Roboto', sans-serif; background-color:#D99B84 !important;	padding: 2% !important; letter-spacing: 2px; color: #ffffff !important;  	}



.hrline {margin-top: 2%; margin-bottom: 3%; border-bottom: 1px dotted #D3D3D3; width: 100%;}
.breadcrumb {background: #ffffff !important; }
.title1 {font-weight: bold; color: #4F663B !important;  font-family: 'Lato', sans-serif; font-size: 2.2rem !important;}
.title2 {font-weight: bold; color: #4F663B !important;  font-family: 'Lato', sans-serif; font-size: 1.8rem !important;}
.price {color: #29897C; font-size: 1.2rem !important;}


/* list */
ol.olvisite li,ul.olvisite li{margin-bottom:1%!important}
ul.pensionpourchats{list-style-position:inside!important}
ul.pensionpourchats li{margin-bottom:1.5%!important}
ul.recentboarding{list-style:none!important}
ul.recentboarding li a{color:#000!important}



    .full-width-img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Optional: Full height image if needed */
    .full-height {
      height: 100vh;
      object-fit: cover;
    }



#mainjumbotron h1{ font-weight: bold !important;  }
.mainjumbotron {color: #fff !important;     min-height: 300px !important; 
background-image: url("https://www.iridonaturo.com/images/visite-a-domicile-pour-chat-montreal.jpg"); 
background-size: cover;}

#mainjumbotron2 h1{ font-weight: bold !important;  }
.mainjumbotron2 {color: #fff !important;     min-height: 150px !important; 
background-image: url("https://www.iridonaturo.com/images/visite-a-domicile-pour-chat-montreal.jpg"); 
background-size: auto;}

.code { width: 40% !important;  }


.medailletitle{ font-family: 'Montserrat', sans-serif; color: #000 !important;  width: 50%; margin: 0 auto 3% auto;  text-align: center; padding: 3% 0 !important; font-size: 120%; letter-spacing: 2px;}
.medailletitle a {color: #000 !important; }
.medailletitle a:hover {text-decoration: none;  color: #FF8800 !important;  }




.img-testimonials {width: 40% !important; margin-right: 2% !important; margin-bottom: 2% !important; background: #fff; border: 2px solid #E6E6E6; padding: 5px;}
.blog-img {margin-left: 5% !important; border-radius: 10px; width: 90% !important; }
.indexbox {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);  margin-bottom: 2% !important;  text-align: center;  border: 1px solid #D9D9D9; padding-top: 3% !important; border-radius: 5px;  padding-bottom: 3% !important;  background: #ffffff !important;}
.indextitle {font-size: 26px !important; color:#00796b  !important; font-family: 'Montserrat', sans-serif;  }
.indextext {font-size: 16px !important;}




    .format-row {  
      display: flex;
      align-items: center;
      justify-content: left;
      gap: 20px;
      font-family: sans-serif;
      margin: 20px 20px 20px 0px;
    }

    .format-label {   
      font-weight: bold;
      font-size: 1.2rem;
    }
	  .format-label2 { 
       color: #000000; 	  
      font-weight: 500;
      font-size: 1.2rem;
    }

    .format-select {    
      padding: 5px 10px;
      font-size: 1rem;
    }
	

.checklist li::before {
  content: "✔";
   font-weight: bold;
     -webkit-text-stroke: 1px #5E5E5E; /* stroke around the check */
  text-stroke: 1px #5E5E5E;  
  color: #00FF00 !important;
  margin-right: 8px;
  font-size: 1.5rem;
}
.checklist {
  list-style: none;
  padding-left: 0;
}
	
	    .quantity-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 20px 0;
      font-family: sans-serif;
    }

    .quantity-input {
      width: 60px;
      padding: 5px;
      font-size: 1rem;
      text-align: center;
    }

    .send-button {
      padding: 6px 16px;
      font-size: 1rem;
      background-color: #2e7d32; /* green */
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .send-button:hover {
      background-color: #1b5e20;
    }