/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                    THEME: orleton                                            ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

:root {

    /* COLOURS */
    --color-accent: var(--color-orleton-light); /* Orleton */
    --color-accent-dark: var(--color-orleton-dark);
    --color-current-menu-item: var(--color-orleton-light);
}

/* ----------------------------------------- HAMBURGER ------------------------------------------------ */
:root { --ham-lines: var(--color-white); --ham-overlay: var(--color-blue-wave); }
 .hamburger-footer .decoration-top svg g path { fill: var(--color-blue-wave) !important; }

/* ----------------------------------------- BUTTONS ------------------------------------------------ */
.btn-primary { background-color: var(--color-orleton-dark); }
.btn-primary:hover { background-color: var(--color-accent); }

.btn-link,
.btn-link:hover { color: var(--color-accent); }
.btn-link:hover .icon-circle  { background-color: var(--color-accent); }


/* ----------------------------------------- HEADER ------------------------------------------------ */

.header-menu { background-color: var(--color-blue-wave); }
.header-logo { margin-left: 0; }
ul.menu-contacts > li > a.link-primary { background-color: var(--color-accent); color: var(--color-white); }
ul.menu-contacts > li > a.link-primary:hover { background-color: var(--color-orleton-dark); }

.hp-trigger .icon { color: var(--color-orleton-dark); }

/* ----------------------------------------- MENU: Desktop ------------------------------------------------ */

ul.menu-desktop > li > a.link,
ul.menu-contacts > li > a.link-default  { color: var(--color-white); }

/* ----------------------------------------- FOOTER ------------------------------------------------ */
.newsletter-submit .btn-primary { background-color: var(--color-accent); }
.newsletter-submit .btn-primary:hover { background-color: var(--color-orleton-dark); }
.footer-company address { padding-top: 50px; }

/* Testimonials Widget */
.testimonial-blockquote .the-cite  { color: var(--color-orleton-dark); }
.testimonial-slider-actions .slick-arrow { background-color: var(--color-orleton-dark); }
.testimonial-slider-actions .slick-arrow:hover { background-color:var(--color-accent); }

/* News & Events : Pagination */
.paginav-numbers .btn-link.is_current { color: var(--color-orleton-dark); }

/* ----------------------------------------- MODULE: 1 ------------------------------------------------ */
/* ----------------------------------------- MODULE: 2 ------------------------------------------------ */
.component-information .title-wrapper .title mark { color: var(--color-accent); }

/* ----------------------------------------- MODULE: 3 ------------------------------------------------ */
/* ----------------------------------------- MODULE: 4 ------------------------------------------------ */
/* ----------------------------------------- MODULE: 5 ------------------------------------------------ */
/* ----------------------------------------- MODULE: 6 ------------------------------------------------ */
.component-information .actions-wrapper .actions .btn-link-phone .icon { color: var(--color-accent); }
/* ----------------------------------------- MODULE: 7 ------------------------------------------------ */
/* ----------------------------------------- MODULE: 8 ------------------------------------------------ */
.module-8 .component-information .title-wrapper .title mark  { color: var(--color-accent); }



/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BREAKPOINTS                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* MD */ 
@media (max-width: 991.98px) {
    .module_18 .block-service .primary .btn-link,
    .newsbox dd .description-actions .btn-link {  background-color: var(--color-accent-dark); } 
} /* MD -- @media ----------| width < 992px |---------- */


@media (max-width: 767.98px) {
    .newsletter-submit .btn-primary { background-color: var(--color-accent-dark); }
} /* @media width < 768px */