/* 
    Created on : Jan 10, 2025, 12:34:56 PM
    Author     : hS
*/

:root {
    --hsstd-color-primary: #CF3B40; /* #8B544B #B13C52 */
    --hsstd-color-primary-hover: #E34F54; /* #935148 #CD6679 */
    --hsstd-color-primary-fade: #ECEEF1; /*#E7DCDA*/
    --hsstd-color-primary-dark: #0F1C2F;
    --hsstd-color-secondary: #CDCDCD; /*#377E8A*/
    --hsstd-color-secondary-hover: #D8D8D8; /*#377E8A*/
    --hsstd-color-secondary-fade: #D8D8D8; /*#8DC2D0*/
    --hsstd-color-secondary-light: #D8D8D8; /*#EFF6EA;*/ /*#F0F6FA*/
    --hsstd-color-secondary-dark: #B0B0B0; /*#377E8A*/
    --hsstd-color-tertiary: #fafafa;
    --hsstd-color-black: #292929;
    --hsstd-color-black-hover: #555555;
    --hsstd-color-carbon: #555555;
    --hsstd-color-white: #FFFFFF;
    --hsstd-color-silver: #FAFAFA;
    --hsstd-color-lightgray: #EFEFEF;
    --hsstd-color-neutral: #E5E5E5;
    --hsstd-color-gray: #A6A6A6;
    --hsstd-font-family-primary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --hsstd-font-family-secondary: 'Playfair Display', -apple-system, BlinkMacSystemFont, sans-serif;
    --hsstd-font-family-primary-rtl: 'Noto Kufi Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
    --hsstd-box-shadow-primary: 0 1px 4px -3px rgba(0,0,0,0.5);
}

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--hsstd-font-family-primary);
    /*font-weight: 300;*/
    font-size: 16px;
    line-height: 1.75;
    /*letter-spacing: 0.3px;*/
}

.font-primary {
    font-family: var(--hsstd-font-family-primary);
}
.font-secondary {
    font-family: var(--hsstd-font-family-secondary);
}

.color-primary {
    color: var(--hsstd-color-primary);
}
.color-secondary {
    color: var(--hsstd-color-secondary);
}
.color-tertiary {
    color: var(--hsstd-color-tertiary);
}
.color-carbon {
    color: var(--hsstd-color-carbon);
}
.color-silver {
    color: var(--hsstd-color-silver);
}
.color-neutral {
    color: var(--hsstd-color-neutral);
}

.background-silver {
    background-color: var(--hsstd-color-silver);
}
.background-neutral {
    background-color: var(--hsstd-color-neutral);
}
.background-lightgray {
    background-color: var(--hsstd-color-lightgray);
}

html.sr .load-hidden {
    visibility: hidden;
}

.hide-on-desktop {
    display: none !important;
}
@media ( max-width: 992px ){
    .hide-on-desktop {
        display: inline-block !important;
    }
}

button:focus {
    outline: 0 none;
}

.cursor-pointer {
    cursor: pointer;
}

a.hsstd-primary {
    color: var(--hsstd-color-primary);
}
a.hsstd-primary:hover {
    color: var(--hsstd-color-primary-hover);
    text-decoration: underline;
}

a.hsstd-black {
    color: var(--hsstd-color-black);
}
a.hsstd-black:hover {
    color: var(--hsstd-color-black-hover);
    text-decoration: none;
}

.hover-primary:hover {
    color: var(--hsstd-color-primary-hover);
}

/** Buttons */

.btn-hsstd-primary {
    padding: .75rem 2.2rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background-color: var(--hsstd-color-primary);
    border: 1px solid var(--hsstd-color-primary);
    /*border-radius: 0 12px 0 12px;*/
    transition: .2s all ease-in-out;
    opacity: 1;
}
.btn-hsstd-primary:hover,
.btn-hsstd-primary.active {
    text-decoration: none;
    border: 1px solid var(--hsstd-color-primary-hover);
    background-color: var(--hsstd-color-primary-hover);
    color: white;
    transition: .2s all ease-in-out;
    opacity: 1;
}
.btn-hsstd-primary:hover,
.btn-hsstd-primary:focus,
.btn-hsstd-primary:active,
.btn-hsstd-primary.active
{
    text-decoration: none;
    border: 1px solid var(--hsstd-color-primary-hover);
    transition: .2s all ease-in-out;
}

.btn-hsstd-primary.bordered {
    padding: .75rem 2.2rem;
    font-weight: bold;
    text-decoration: none;
    color: var(--hsstd-color-primary);
    background-color: transparent;
    border: 1px solid var(--hsstd-color-primary);
    /*border-radius: 0 12px 0 12px;*/
    transition: .2s all ease-in-out;
    opacity: 1;
}
.btn-hsstd-primary.bordered:hover,
.btn-hsstd-primary.bordered.active {
    text-decoration: none;
    border: 1px solid var(--hsstd-color-primary);
    background-color: var(--hsstd-color-primary);
    color: white;
    transition: .2s all ease-in-out;
    opacity: 1;
}
.btn-hsstd-primary.bordered:hover,
.btn-hsstd-primary.bordered:focus,
.btn-hsstd-primary.bordered:active,
.btn-hsstd-primary.bordered.active
{
    text-decoration: none;
    border: 1px solid var(--hsstd-color-primary);
    transition: .2s all ease-in-out;
}

.btn-hsstd-icon {
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    border-radius: 50%;
}

.btn.btn-hsstd-icon:hover {
    text-decoration: none;
}

/** Nav */

header#header nav.navbar {
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.75);
}

@media ( min-width: 992px ){
    ul.navbar-nav {
        margin-left: 30px;
    }
}

@media ( max-width: 992px ){
    ul.navbar-nav {
        padding-top: 15px;
    }
}

ul.navbar-nav li.nav-item {
    padding: 0 15px;
}

.navbar ul.navbar-nav li.nav-item a {
    font-size: 15px;
    color: #222;
    padding: 15px;
}
.navbar ul.navbar-nav li.nav-item a:hover {
    color: var(--hsstd-color-primary);
}

@media ( min-width: 992px ){
    .navbar ul.navbar-nav li.nav-item a {
        padding: 15px;
    }
}

/** Form elements */

select.hsstd-select {
    display: inline-block;
    width: 100%;
    /*height: calc(2.25rem + 2px);*/ /* Multiselect */
    height: fit-content;
    /*padding: .375rem 1.75rem .375rem .75rem;*/
    padding: 15px 15px 15px 15px; 
    line-height: 1.5;
    color: var(--hswp-color-black);
    vertical-align: middle;
    /*background: #fff url("../img/arrows/cs-arrow-black.png") no-repeat right .75rem center;*/
    background-color: #FFFFFF;
    background-size: 12px auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    /*box-shadow: 0 0 16px -6px rgba(0,0,0,0.25);*/
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: default;*/
}

select.hsstd-select:hover,
select.hsstd-select:focus,
select.hsstd-select:active {
    /*color: var(--hswp-color-secondary);*/
    /*border: 1px solid var(--hswp-color-secondary);*/
    /*box-shadow: none;*/
}

select.hsstd-select.disabled {
    color: #aaa;
}

select.hsstd-select.selected {
    /* color: var(--hswp-color-secondary);*/
    /*border: 1px solid var(--hswp-color-secondary);*/
    font-weight: 500;
}

/** Footer */

/** Scroll Top */

#ui-scroll-top {
    transition: all ease-in-out 0.2s;
}
#ui-scroll-top.hide {
    transition: all ease-in-out 0.2s;
    opacity: 0;
}

.scroll-top-button {
    height: 60px;
    width: 60px;
    background-color: rgba(180,180,180,0.5);
    color: #aaa;
    font-size: 11px;
    border-radius: 90px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: all ease-in-out 0.2s;
    text-decoration: none;
}

.scroll-top-button:hover {
    background-color: var(--hsstd-color-primary);
    color: white;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}

.scroll-top-button > span {
    font-size: 1.5em;
    color: #aaa;
    text-decoration: none;
}
.scroll-top-button:hover > span {
    /*color: white;*/
}

@media (max-width: 768px) {
    .scroll-top-button {
        font-size: 8px;
    }
    .scroll-top-button {
        height: 52px;
        width: 52px;
    }
}

@media (max-width: 480px) {
    .scroll-top-button {
        font-size: 7px;
    }
    .scroll-top-button {
        height: 37px;
        width: 37px;
    }
}


/** Consent */

#consentContainer {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
}

#consentContainer.hide {
    display: none;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

#consentBox {
    min-width: 50vw;
    background: #fff;
    padding: 20px;
    border: 1px solid var(--hsstd-color-neutral);
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.consentButtonAccept, 
.consentButtonReject {
    margin-top: 15px;
    min-width: 150px;
}


/** Specifics */

#section-about-us {
    margin: 280px 0 0 0;
}

@media ( max-width : 786px ){
   #section-about-us {
       margin: 200px 0 0 0;
    }
}

.product-block {
    border: 2px solid transparent;
    transition: 0.2s all ease-in-out;
}
.product-block:hover {
    border: 2px solid var(--hsstd-color-primary);
    border: 2px solid rgba(255,255,255,0.75);
    background-color: rgba(255,255,255,0.75);
    /*box-shadow: 0 0 10px -3px var(--hsstd-color-primary);*/
    /*background-color: var(--hsstd-color-primary);*/
    /*color: white;*/
    transition: 0.2s all ease-in-out;
}

.product-block a {
    transition: 0.2s all ease-in-out;
}
.product-block:hover a {
    /*color: white;*/
    transition: 0.2s all ease-in-out;
}

.title-underline {
    display: inline-block; 
    width: 60px; 
    border-top: 3px solid var(--hsstd-color-primary);
}

.title-underline.silver {
    display: inline-block; 
    width: 60px; 
    border-top: 3px solid #DADADA;
}

@media ( max-width : 768px ){
    .section-whychooseus ul li {
        flex-direction: column;
    }
    
    .contact-us-ctas {
        flex-direction: column;
    }
}