/* oakwood */

:root {

    /* COLOURS */
    --color-accent: var(--color-oakwood-light); /* Oakwood */
    --color-accent-dark: var(--color-oakwood-dark);
    --color-current-menu-item: var(--color-oakwood-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-oakwood-dark); }
.btn-primary:hover { background-color: var(--color-accent); }

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


/* ----------------------------------------- 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-blue-dark); }
ul.menu-contacts > li > a.link-primary:hover { background-color: var(--color-oakwood-dark); }

.hp-trigger .icon { color: var(--color-oakwood-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-oakwood-dark); }
.newsletter-submit .btn-primary:hover { background-color: var(--color-oakwood-darkest); }
.footer-company address { padding-top: 50px; }

/* Inners */
.module-8 .component-information .title-wrapper .title mark,
ol.breadcrumbs li.item .breadcrumb_last  { color: var(--color-oakwood-dark); }
.contact-sidebar .side-phone .link,
.contact-sidebar .side-email .link,
dl.side-data dd .actions a,
ul.rich-menu > li.current-menu-item a,
.footer-primary-menu ul li a:hover   { color: var(--color-accent); }


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

/* News & Events : Pagination */
.paginav-numbers .btn-link.is_current { color: var(--color-oakwood-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 */