/* BODY */

:root {
    --bs-body-color: #002F6D;
}

/* NAVBAR */

.navbar {
    background-color: #ffffff !important; 
    max-width: 1440px;
    margin: auto;
}

.navbar-nav {
    --bs-nav-link-color: #002F6D;
    --bs-navbar-active-color: #204DC6;
}

div.ccm-page div.ccm-block-top-navigation-bar .navbar .nav-link:hover {
    color:#204DC6;
}

.btn-primary {
    --bs-btn-bg: #204DC6;
    --bs-btn-border-color: #204DC6;
    border-radius: 0px !important;
    --bs-btn-hover-bg: #F5CDD4;
    --bs-btn-hover-border-color: #F5CDD4;
    --bs-btn-hover-color: #204DC6;
    font-size: 15px !important;
}

/* Mobile Dropdown */

@media (max-width: 991.98px) {
    .nav-item {
        text-align: center;
    }
}

/* FOOTER */

div.theme-atomik footer .ccm-block-social-links a {
    color: #F9F9F9;
}

div.theme-atomik footer a:hover {
    color: #F5CDD4;
}

/* HERO */

/* Desktop */
@media (min-width: 768px) {
    .hero-margin-top-53 { 
        margin-top: -53px !important;
    }   
}

/* Mobile*/
@media (max-width: 768px) {
    .mobile-hero-margin-top-0 { 
        margin-top: 0px !important;
    }  
    .mobile-hero-margin-top-66 { 
        margin-top: -66px !important;
    }    
}



/* CONTAINER */

.container {
    max-width:1440px;
    justify-content: center;
}


/* PADDINGS */

.padding-top-10 {
    padding-top: 10px;
}
.padding-bottom-4 {
    padding-bottom: 4px;
}


.padding-top-30 {
    padding-top: 30px;
}
.padding-bottom-14 {
    padding-bottom: 14px;
}


.padding-top-50 {
    padding-top: 50px;
}
.padding-bottom-34 {
    padding-bottom: 34px;
}


.padding-top-100 {
    padding-top: 50px;
}
.padding-bottom-84 {
    padding-bottom: 34px;
}


.padding-right-20 {
    padding-right: 20px; 
}
.padding-left-20 {
    padding-left: 20px;
}



/* MARGINS*/

.margin-right-10 {
    margin-right:10px;
}

.margin-right-40 {
    margin-right:40px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.margin-bottom-20 {
    margin-bottom:20px;
}

/* TEXT COLORS */

.beige-text {
    color:#EFE7DF;
}

.pink-text {
    color:#F5CDD4;
}

/* BOX COLORS */

.pink-box {
    background: #F5CDD4;
}

.purple-box {
    background: #C2C2E2;
}

.green-box {
    background: #B9D1B8;
}

.blue-box {
    background: #002F6D;
}

.beige-box {
    background: #EFE7DF;
}

/* BUTTONS */

.blue-btn{
  display:inline-block;
  background:#002F6D;
  color:#F9F9F9;
  padding:10px 20px;
  text-decoration:none;
}

.pink-btn{
  display:inline-block;
  background:#F5CDD4;
  color:#002F6D;
  padding:10px 20px;
  text-decoration:none;
}

.beige-btn{
  display:inline-block;
  background:#EFE7DF;
  color:#002F6D;
  padding:10px 20px;
  text-decoration:none;
}

.light-blue-btn{
  display:inline-block;
  background:#204DC6;
  color:#F9F9F9;
  padding:10px 20px;
  text-decoration:none;
}

/* SMALL IMAGE AND TEXT BOX */

.box-overlap {
  margin-top: -30px;
  position: relative;
  z-index: 2;
  margin-right:30px;
}

/* REVIEW STARS */

.stars {
    font-size:20px;
    color:#204DC6;
    margin-bottom:10px;
}

/* BOX SHADOWS */
 
/* Desktop */
.box-shadow-purple {
  box-shadow: 12px 12px 0px #C2C2E2; 
}

.box-shadow-green {
  box-shadow: 12px 12px 0px #B9D1B8; 
}

.box-shadow-beige {
  box-shadow: 12px 12px 0px #EFE7DF; 
}

/* Mobile */

@media (max-width: 768px) {
  .box-shadow-purple {
    box-shadow: 6px 6px 0px #C2C2E2;
  }

  .box-shadow-green {
    box-shadow: 6px 6px 0px #B9D1B8;
  }
   .box-shadow-beige {
    box-shadow: 6px 6px 0px #EFE7DF;
  }
}

/* BOX HEIGHTS DESKTOP */

@media (min-width: 768px) {
    .box-height-130 {
        min-height: 130px;
    }
    
     .box-height-150 {
       min-height: 150px;
    }
    
    .box-height-170 {
       min-height: 170px;
    }
    .box-height-200 {
        height: 200px;
    }
}

/* CLEANING TIPS AND TRICKS */

div.theme-atomik div.ccm-block-autonav  {
    background-color:#EFE7DF;
}

div.theme-atomik div.ccm-block-autonav .nav-item .nav-link {
    color: #002F6D;
}

/* CONTACT */

.ccm-custom-style-container.ccm-custom-style-main83-996 {
    background-color: #EFE7DF !important;
}

/*
@media (min-width: 768px) {
    .form-control {
        width: 50%;
    }
} */

@media (max-width: 768px) {
    .ccm-custom-style-container.ccm-custom-style-main8388-1002 {
        padding-top: 10px;
    }
}

label.form-label[for="akID[35][value]"] {
    display: none;
}

.text-muted {
    display: none;
}

@media (min-width: 768px) {
    .ccm-dashboard-express-form fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    }

    .mb-3 {
    width: 48%;
    }

}