@charset "UTF-8";
/*/
Theme Name:suits2020
Theme URI: suits2020
Author: Axis Cross media
Author URI: http://www.axiscrossmedia.com
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
divvv{border:1px dotted #ccc;}

body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
   }

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fw-semi-bold {
  font-weight: 600 !important;
}

.designer {
    text-transform: uppercase;
  font-weight: 700 !important;
}

.details{
 font-size:.9rem; 
}

/*--font sizing--*/

.fs-segs{font-size:.8rem !important;}

.fs-45 {font-size: .95rem !important;}

.fs-55 {font-size: 1.1rem !important;}

.fluidSubHead{font-size: calc( 18px + (50 - 18) * (100vw - 375px) / (1920 - 375) ); font-weight: 700;}

.fluidHeadline{font-size: calc( 32px + (130 - 32) * (100vw - 375px) / (1920 - 375) ); font-weight: 700;}

.fluidLineHeight{line-height: calc( 10px + (81 - 10) * (100vw - 375px) / (1920 - 375) );}

.fluidSubPageHead{font-size: calc( 53px + (96 - 53) * (100vw - 375px) / (1920 - 375) ); font-weight: 700;}

.fluidSubPageLineHeight{line-height: calc( 47px + (80 - 47) * (100vw - 375px) / (1920 - 375) );}

.pageHeroHdr {
  font-size: calc( 33px + (70 - 33) * (100vw - 400px) / (1200 - 400) );
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.1em;
}
.pageHeroTxt {
  font-size: calc( 24px + (34 - 24) * (100vw - 400px) / (1200 - 400) );
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    line-height: 1.2em;
}

.whyRent{
font-size:48px;
line-height:32px;
font-weight: 700;
}

/*--colors--*/

.text-blue{color:#0077bb;}
.text-royal{color:#223399;}

.bg-blue {background-color: #0077bb;}
.bg-royal {background-color: #223399;}
.bg-brown {background-color: #231f20;}
.bg-black {background-color: #000000;}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0077bb;
    --bs-btn-border-color: #0077bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #005599;
    --bs-btn-hover-border-color: #005599;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005599;
    --bs-btn-active-border-color: #005599;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0077bb;
    --bs-btn-disabled-border-color: #0077bb;
}

.bg-lite-gray-fade{
background: linear-gradient(to bottom,  #e6e6e6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*--containers and images--*/

.HeroContainer{height: calc(100vw / 1.3);}
.pageHeroContainer{height: calc(100vw / .9);}

.productBoxes{ width: 50%; }

.fluid-image{width: calc( 100px + (309 - 100) * (100vw - 375px) / (1920 - 375) );}

.fluid-containerHeight{height: calc( 160px + (200 - 160) * (100vw - 375px) / (1920 - 375) );}

.header-logo{width:240px; padding:5px 0px;}

.rounded-xl {
  border-radius: 1rem;
}

.rounded-bottom-xl {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.inStoreNow{ 
  width: 50%;
}

.top-rnd-crnr{
    border-radius: 15px 15px 15px 15px;
}

.descript {
    padding: 15px 15px 0px 15px;
    border: 0px solid #CCC;
    border-radius: 0px 0px 15px 15px;
    border-top: none;
}

.modal-tall{height: 80vh;}

/*--BEGIN MEDIA QUERY--*/


@media (min-width: 576px) {
    .header-logo{width:340px; padding:5px 0px;}
    .fs-segs{font-size:1.1rem !important;}
    .productBoxes{ width: 33.33%; }
    .HeroContainer{height: calc(100vw / 1.8);}
  .inStoreNow{ width: 33.33%; }

.whyRent{
font-size:64px;
line-height:42px;
font-weight: 700;
}
}

@media (min-width: 768px) {
    .header-logo{width:475px; padding:5px 0px;}
    .fs-segs{font-size:.9rem !important;}
  .fs-45 {font-size: .95rem !important;}
     .productBoxes{ width: 20%; }
     .HeroContainer{height: calc(100vw / 2.5);}
  .inStoreNow{ width: 20%; }

    .whyRent{
    font-size:64px;
    line-height:42px;
    font-weight: 700;
    }
}

@media (min-width: 992px) {
    .header-logo{width:475px; padding:5px 0px;}
    .fs-segs{font-size:1.2rem !important;}
  .fs-45 {font-size: 1.15rem !important;}
    .productBoxes{ width: 20%; }
  .inStoreNow{ width: 20%; }

    .whyRent{
    font-size:85px;
    line-height:44px;
    font-weight: 700;
    }
}

@media (min-width: 1200px) {
    .fs-segs{font-size:1.4rem !important;}
  .fs-45 {font-size: 1.25rem !important;}
    .heroHeadlines{
    font-size:4.8rem !important;
    font-weight: 700;
    line-height: 2.8rem !important;}

    .whyRent{
    font-size:102px;
    line-height:60px;
    font-weight: 700;
    }
}

@media (min-width: 1400px) { 
.fs-segs{font-size:1.5rem !important;}
  
    .whyRent{
    font-size:110px;
    line-height:65px;
    font-weight: 700;
    }
}

/*--END MEDIA QUERY--*/



/* Custom CSS to handle the zoom and smooth transition */
.zoom-container {
    overflow: hidden; /* Hides the zoomed portion of the image outside the container */
    position: relative;
}

.zoom-image {
    transition: transform 0.5s ease; /* Smooth animation */
}

.zoom-container:hover .zoom-image {
    transform: scale(1.15); /* Enlarge the image by 15% on hover */
}

.carousel-control-prev-iconn {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url(/wp-content/uploads/2026/06/downArrow.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    rotate: 90deg;
}

.carousel-control-next-iconn {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url(/wp-content/uploads/2026/06/downArrow.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    rotate: -90deg;
}

.carousel-inside {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.px-6 {
    padding: 4rem !important;
}

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
  display:none;
  z-index: 99;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay-content a {
  padding: 35px;
  text-decoration: none;
  font-size: 26px;
  color: #000000;
  display: block;
}

.scaler { 
  top:-50px; 
  left:-35px; 
  display:block; 
  z-index:999; 
  cursor: pointer; 
  -webkit-transition-property: all; 
  -webkit-transition-duration: 0.3s; 
  -webkit-transition-timing-function: ease; 
} 
  
/*change the number below to scale to the appropriate size*/ 
.scaler:hover { 
transform: scale(1.05); 
}

/*--style tips page--*/

.styleTips{ width: 100%; }
.styleCopy{min-height:200px;}

@media (min-width: 576px) {
    .styleTips{ width: 50%; }
    .styleCopy{min-height:348px;}
}

@media (min-width: 768px) {
     .styleTips{ width: 33.3%; }
     .styleCopy{min-height:425px;}
}

@media (min-width: 992px) {
        .styleTips{ width: 33.33%; }
        .styleCopy{min-height:295px;}
}

@media (min-width: 1200px) {
        .styleTips{ width: 25%; }
        .styleCopy{min-height:344px;}
}

@media (min-width: 1400px) { 
        .styleTips{ width: 25%; }
        .styleCopy{min-height:290px;}
}


/* Style the navigation wrapper */
.navigation.pagination {
  display: block;
    margin: 50px auto;
    text-align: center;
}

.navigation.pagination h2.screen-reader-text{
 display: none; 
}

/* Style the page number links */
.navigation.pagination .nav-links a, 
.navigation.pagination .nav-links .current {
    padding: 10px 15px;
    margin: 0 5px;
    border: 1px solid #ccc;
    text-decoration: none;
  border-radius:25px;
}

/* Style the current/active page */
.navigation.pagination .nav-links .current {
    background-color: #0077bb;
    color: #fff;
    border-color: #0077bb;
  border-radius:25px;
}