/*
Theme Name: Natural Pharmaceuticals ProLetto
Description: Natural Pharmaceuticals ProLetto
Author: Dorota Osuch
Text Domain: naturalpharmaceuticals-new-proletto
Version: 1.0.9.2023
Author URI: mailto:dorota.osuch@natural.pl
Theme URI: https://omegamarine.hr
*/

.product-color {
    color: #6ca5da;
}

.faq-item button,
.product-color-dark,
.exit-popup-offer-text-2-stress {
    color: #253483;
}

.arrow {
    border-left: 10px solid #6ca5da;
}

.faq-item h2 {
    border-left: 3px solid #6ca5da;
}

.product-background,
.testimonial-box {
    background: #c3ddf2;
    color: #000;
}

.testimonial-box {
    min-height: 250px;
}

.product-color-border {
    border: 7px solid #6ca5da;
}

.product-color-bg,
.faq-item button:hover,
.faq-item button[aria-expanded="true"] {
    background: #6ca5da;
}

.exit-popup-corner {
    border-right-color: #253483 !important;
}

.btn-order.btn-order-colored {
    border: solid 1px #f54e0a;
    background-color: #f66e00;
    background-image: linear-gradient(to bottom, #f66e00, #f54e0a);
}

.btn-order.btn-order-colored:hover,
.radio-button:checked + label {
    border: solid 1px #f6682e;
    background-color: #ff821e;
    background-image: linear-gradient(to bottom, #ff821e, #f6682e);
}

.red,
.navbar-light .navbar-nav .nav-link.nav-link-green {
    color: #f66e00;
}

.navbar-light .navbar-nav .nav-link.nav-link-green:hover {
    color: #ff821e;
}

.product-color-icon,
.list-checkbox li::before {
    /* generator: https://codepen.io/sosuke/pen/Pjoqqp */
    filter: invert(17%) sepia(89%) saturate(1544%) hue-rotate(218deg) brightness(88%) contrast(96%);
}

.icon-check {
    filter: invert(17%) sepia(89%) saturate(1544%) hue-rotate(218deg) brightness(88%) contrast(96%);
}

.what-is {
    color: #fff;
}

.customer-service {
    background-color: #c8dcf4;
}

.footer-bg {
    background-color: #6ca5d9;
    color: #fff;
}

.copyright-bg {
    background-color: #283581;
    color: #fff;
}

.exit-popup {
    background: #253483 !important;
}

.exit-popup-inner {
    background: #fff !important;
}

.exit-popup-close {
    color: #fff;
}

/* test */
.radio-button {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-button + label {
    width: 65px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: bold;
    border: solid 1px #d3d7d6;
    border-radius: 10px;
    background-color: #d3d7d6;
    background-image: linear-gradient(to bottom, #d3d7d6, #666);
}

.banner-background {
    background-image: url("assets/img/PR_main_photo_1389404732_2460x1384_watch.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 65vw;
    max-height: 750px;
    color: #fff;
}

.offer-perks {
    flex-flow: column;
}

.offer-perks .col {
    display: flex;
    margin-top: 5px;
}
.offer-perks .col .icon-desc {
    max-width: 250px;
}
.offer-perks .col .icon-check {
    width: 40px;
}

.circle-color:before {
    background-color: #6ca5da;
}

.border-color-product {
    border-color: #6ca5da;
}