/* =========================================================
   DEFAULT THEME
========================================================= */

:root {
    --theme-main: #168aad;
}


/* =========================================================
   THEME COLOR TARGETS

   Bundan sonra sitede tema renginden etkilenecek yeni
   alanları sadece bu dosyada tanımlayabiliriz.

   Örnek:

   .button-primary {
       background: var(--theme-main);
   }

   .card-title {
       color: var(--theme-main);
   }

========================================================= */


/* HEADER */

.top-bar {
    background-color:
        var(--theme-main);
}


/* SLIDER */

.slide-content {
    border-left-color:
        var(--theme-main);
}


.slider-arrow:hover {
    background-color:
        var(--theme-main);
}


.slider-dot.active,
.slider-dot:hover {
    background-color:
        var(--theme-main);
}


/* THEME BUTTON */

.theme-toggle {
    background-color:
        var(--theme-main);
}


.theme-title {
    color:
        var(--theme-main);
}


.theme-color:hover,
.theme-color.selected {
    border-color:
        var(--theme-main);
}

/* =========================================================
   REVIEWS THEME
========================================================= */

.review-card {
    border-top-color: var(--theme-main);
}

.review-card:hover {
    border-color: var(--theme-main);
}

.review-name {
    color: var(--theme-main);
}

.review-stars span.active {
    color: var(--theme-main);
}

/* =========================================================
   DUYURU TEMA
========================================================= */

.announcement-label {
    background-color: var(--theme-main);
}

.announcement-separator {
    color: var(--theme-main);
}

.announcement-container:hover {
    border-color: var(--theme-main);
}

/* =========================================================
   MAIN MENU THEME
========================================================= */

.main-menu > li > a:hover,
.submenu-toggle:hover {
    background-color: var(--theme-main);
}

.submenu li a:hover {
    background-color: var(--theme-main);
}

/* =========================================================
   VIP LOGO THEME
========================================================= */

.vip-logo-emblem {
    background:
        linear-gradient(
            135deg,
            var(--theme-main) 0%,
            #0f8bd3 100%
        );
}

.main-menu > li > a:hover,
.submenu-toggle:hover {
    background-color: var(--theme-main);
}

.submenu li a:hover {
    background-color: var(--theme-main);
}

/* =========================================================
   CONTENT CARDS THEME
========================================================= */

.content-card:hover {
    border-color:
        var(--theme-main);
}


.content-card-body h3 {
    color:
        var(--theme-main);
}


.content-card-link {
    background-color:
        var(--theme-main);
}

/* =========================================================
   WHY CHOOSE US THEME
========================================================= */

.why-heading-line {
    background-color:
        var(--theme-main);
}


.why-card::before {
    background-color:
        var(--theme-main);
}


.why-card:hover {
    border-color:
        var(--theme-main);
}


.why-card-content h3 {
    color:
        var(--theme-main);
}

/* =========================================================
   MAILING LIST THEME
========================================================= */

.mailing-container {
    border-left-color:
        var(--theme-main);
}

.mailing-text h2 {
    color:
        var(--theme-main);
}

.mailing-form button {
    background-color:
        var(--theme-main);
}

.mailing-form input:focus {
    border-color:
        var(--theme-main);
}

.mailing-message {
    color:
        var(--theme-main);
}



/* =========================================================
   FOOTER THEME
========================================================= */

.footer-main {
    border-top-color:
        var(--theme-main);
}


.footer-company-info strong {
    color:
        var(--theme-main);
}


.footer-links a:hover,
.footer-links a:not(:last-child)::after {
    color:
        var(--theme-main);
}


.footer-bottom {
    background-color:
        var(--theme-main);
}


/* =========================================================
   TOUR PAGE THEME
========================================================= */

.tour-list-card {
    border-left-color:
        var(--theme-main);
}

.tour-list-card:hover {
    border-color:
        var(--theme-main);
}

.tour-list-content h2,
.tour-meta-item strong {
    color:
        var(--theme-main);
}

.tour-meta-item:hover {
    border-color:
        var(--theme-main);
}





/* =========================================================
   TOUR DETAIL THEME
========================================================= */

.tour-detail-price,
.tour-detail-line,
.tour-contact-link {
    background-color:
        var(--theme-main);
}

.tour-detail-heading h1,
.tour-detail-meta-title,
.tour-back-link {
    color:
        var(--theme-main);
}

.tour-detail-meta-item:hover,
.tour-back-link,
.tour-contact-link {
    border-color:
        var(--theme-main);
}