@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

:root {
    --bs-body-font-family: 'Open Sans', sans-serif;
}
body {
    font-family: var(--bs-body-font-family);
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--bs-primary);
}

/* FONTS */

/* Hero, Product Page Title */
h1 {
    font-weight: 300;
    font-family: var(--bs-body-font-family) !important;
}
 /* Hero Text */

h6 {
    font-family: var(--bs-body-font-family) !important;
    font-size: 2rem;
    color: var(--bs-light) !important;
    line-height: 2rem;
    font-weight: 300;
}

/* TEXT AREAS */

/* Titles + Footer */

h2, 
div.theme-atomik div.ccm-block-feature-link h2 {
    font-size: 1.7rem;
    font-weight: 300;
    font-family: var(--bs-body-font-family) !important;
}

/* Text */

h3 {
    font-family: var(--bs-body-font-family);
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 300;
}

h4 {
    font-family: var(--bs-body-font-family);
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 14px;
    font-weight: 300;
    padding:20px 0 20px 0;
}

h5 {
    font-family: var(--bs-body-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding:2px 0 2px 0;
}

p {
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    font-weight: 400;
    color: var(--bs-primary);
}

p:hover {
    text-decoration: underline;
    text-decoration-color: #ababab;
    text-underline-offset: 4px;
}


a {
    color: #333333;
}
div.theme-atomik div.ccm-block-hero-image div.ccm-block-hero-image-text h1{
    font-family: var(--bs-body-font-family) !important;
}

/* CONTAINER */

.container{
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 20px;
}

/* NAVBAR */

.navbar a{
    color: var(--bs-primary);

}

.navbar .container,
.navbar .container-fluid{
  max-width: 1440px !important;
  padding: 0 20px;
}

.navbar-nav .nav-link.active {
    --bs-navbar-active-color: #000000 !important;
    text-decoration: underline;
    background-color: #ffffff00 !important;
    text-underline-offset: 8px;    
}

.dropdown-item.active {
    color: var(--bs-primary);
    background-color: var(--bs-accent) !important;
}

div.ccm-page div.ccm-block-top-navigation-bar .navbar .nav-link:hover {
    color: var(--bs-primary) !important;
}

/* Mobile */

@media (max-width: 991.98px) {
    div.ccm-page div.ccm-block-top-navigation-bar .dropdown-menu .dropdown-item:hover {
        color: var(--bs-primary) !important;
        background-color: var(--bs-accent) !important;
    }
}

div.theme-atomik .navbar-toggler:hover .icon-bar {
   background-color: var(--bs-primary) !important;
}

/* HERO */

/* Mobile */
@media (max-width: 767.98px) {
    div.ccm-block-hero-image div.ccm-block-hero-image-image,
    div.ccm-block-hero-image div.ccm-block-hero-image-text,
    div.ccm-block-hero-image div.ccm-block-hero-image-cover {
        min-height: 30vh !important;
        height: 30vh !important;
    }
}

/* FOOTER */

div.theme-atomik footer {
    background-color: #ffffff !important;
}

.footer-column-center {
    text-align: center;
}

.fontsize-1_5rem {
    font-weight: 300;
    line-height: 1.1;
    font-size: 1.5rem;
}

div.theme-atomik footer a:hover {
    text-decoration: underline;
    background-color: var(--bs-light) !important;
    text-underline-offset: 8px;
    color: var(--bs-primary) !important;
    
}
/* BUTTONS */

.btn-outline-primary {
    --bs-btn-hover-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: #e8e8e8 !important;
    --bs-btn-hover-border-color: #c6c6c6 !important;
}

.btn {
    --bs-btn-font-weight: 300;
    text-transform: uppercase;
}

.btn-outline-light {
   --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: #e8e8e8 !important;
    --bs-btn-hover-border-color: #c6c6c6 !important;
}

.btn-outline-primary {
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: #e8e8e8 !important;
    --bs-btn-active-border-color: #c6c6c6 !important;
}

/* MARGINS */

.margin-top-2rem {
    margin-top: 2rem !important;
}

.margin-bottom-1_5rem {
    margin-bottom: 1.5rem !important;
}

.margin-top-3rem {
    margin-top: 3rem !important;
}

.margin-bottom-3rem {
    margin-bottom: 3rem !important;
   }


/* DESKTOP CONTENT LEFT AND RIGHT */

@media (min-width: 992px) {
    .content-left {
        max-width: 700px;
        margin-right: auto;
    }
    .content-right {
        max-width: 700px;
        margin-left: auto;
    }
}

/* CENTER CONTENT */

.center {
    display: flex;
    justify-content: center;
}

/* DESKTOP CONTENT LEFT AND RIGHT */

@media (min-width: 992px) {
    .content-left {
        display: flex;
        justify-content: flex-start;
    }
    .content-right {
        display: flex;
        justify-content: flex-end;
    }

}


/* TEXT & IMAGE BLOCK */

.bg-light {
    background-color: transparent !important;
}

div.theme-atomik div.ccm-block-feature-link div.ccm-block-feature-link-text p {
    color: #333333 !important;
}

.border-top {
    border-top: none !important;
}

.theme-atomik .stripe {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

/* BACKGROUND COLORS */

.bg-dark-accent {
    background-color: var(--bs-dark-accent) !important;
}

.bg-accent {
    background-color: var(--bs-accent) !important;
}

.ccm-image-slider-text {
    display: none;
}


/* PRODUCT PAGE IMAGES*/

/* Product arrows*/

div.theme-atomik .ccm-image-slider .rslides_nav.prev:after {
    color: var(--bs-primary) !important;
}

div.theme-atomik .ccm-image-slider .rslides_nav.next:after {
    color: var(--bs-primary) !important;
}

/* Active image slide */

div.theme-atomik .ccm-image-slider .rslides_tabs li.rslides_here a {
    border-bottom-color: #d6bca6 !important;
}

/* Inactive image slide */

div.theme-atomik .ccm-image-slider .rslides_tabs li:not(.rslides_here) a {
    border-bottom-color: var(--bs-dark-accent) !important;
}

div.theme-atomik .ccm-image-slider-container .rslides_nav {
    left: 1rem;
}

div.theme-atomik .ccm-image-slider-container .rslides_nav.next {
    left: auto;
    right: 1rem;
}