/*------------------------------------------------------------------
    [Teal Color Theme]
------------------------------------------------------------------ */

a {
    color: $color-teal;

    &:focus,
    &:hover,
    &:active {
        color: $color-teal;
    }
}

/* Heading */
h1, h2, h3, h4, h5, h6 {
    > a {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Selection */
&::selection {
    background: $color-teal;
}
&::-webkit-selection {
    background: $color-teal;
}
&::-moz-selection {
    background: $color-teal;
}

/* Blog Classic */
.blog-classic {
    .blog-classic-content {
        .blog-classic-share {
            .blog-classic-share-item {
                .blog-classic-share-link {
                    &:hover {
                        .blog-share-icon {
                            color: $color-teal;
                        }
                    }
                }
            }
        }

        .blog-classic-publisher {
            .blog-classic-publisher-name {
                > a {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Blog Grid */
/* Supplemental */
.blog-grid {
    .blog-grid-supplemental-category {
        color: $color-teal;
    }
}

/* Blog Grid Quote */
.blog-grid-quote {
    .blog-grid-quote-text {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Blog Grid Quote v2 */
.blog-grid-quote-v2 {
    background: $color-teal;
}

/* Blog Grid Thumb */
.blog-grid-thumb {
    .blog-grid-thumb-body {
        &:before {
            @include bg-opacity($color-teal, .7);
        }
    }
}

/* Twitter Feed */
.twitter-feed {
    .twitter-feed-item {
        .twitter-feed-content {
            .twitter-feed-link {
                color: $color-teal;
            }
        }
    }
}

/* Featured Article */
.featured-article {
    .featured-article-content {
        .featured-article-content-title {
            > a {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer Tags */
.blog-sidebar-tags {
    > li {
        > a {
            &:hover {
                background: $color-teal;
                border-color: $color-teal;
            }
        }
    }
}

/* Blog Teaser Content */
.blog-teaser {
    &:hover {
        .blog-teaser-overlay {
            @include bg-opacity($color-teal, .8);
        }
    }
}


/* Blog Teaser V2 */
.blog-teaser-v2 {
    &:hover {
        .blog-teaser-v2-overlay {
            @include bg-opacity($color-teal, .7);
        }
    }
}

/* News v1 */
/* Heading */
.news-v1 {
    .news-v1-heading {
        .news-v1-heading-tag {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Content */
.news-v1 {
    .news-v1-lists {
        .news-v1-lists-item {
            .news-v1-lists-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* News v3 */
.news-v3 {
    .news-v3-content {
        .news-v3-subtitle {
            color: $color-teal;
        }

        .news-v3-element {
            &:before,
            &:after {
                border-bottom-color: $color-teal;
            }

            .news-v3-element-icon {
                color: $color-teal;
            }
        }
    }
}

/* News v4 */
.news-v4 {
    .news-v4-title-element-left {
        &:after {
            border-bottom-color: $color-teal;
        }
    }

    .news-v4-title-element-right {
        &:after {
            border-bottom-color: $color-teal;
        }
    }
}

/* News v5 */
.news-v5 {
    .news-v5-icon {
        color: $color-teal;
    }
}

/* News v6 */
.news-v6 {
    .news-v6-subtitle {
        color: $color-teal;
    }
}

/* News v8 Image Effect */
.news-v8 {
    &:hover {
        .news-v8-img-effect {
            &:before {
                @include bg-opacity($color-teal, .5);
            }
        }
    }
}

/* News v8 Wrap */
.news-v8 {
    .news-v8-footer-list {
        .news-v8-footer-list-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* News v8 More */
.news-v8 {
    .news-v8-more {
        .news-v8-more-link {
            background: $color-teal;
        }
    }
}

/* Accordion v1 */
.accordion-v1 {
    .panel-title {
        > a {
            &[aria-expanded="true"] {
                background: $color-teal;
            }

            &:focus,
            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Accordion v2 */
.accordion-v2 {
    .panel-title {
        > a {
            &:focus,
            &:hover {
                color: $color-teal;

                &:after {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Accordion v3 */
.accordion-v3 {
    .panel-title {
        > a {
            &:focus,
            &:hover {
                color: $color-teal;

                &:before {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Accordion v4 */
.accordion-v4 {
    .panel-title {
        > a {
            &:before {
                color: $color-teal;
            }

            &:focus,
            &:hover {
                color: $color-teal;

                &:before {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Accordion v5 */
.accordion-v5 {
    .panel-title {
        > a {
            &:focus,
            &:hover {
                color: $color-teal;

                &:after {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Blockquotes v1 */
.breadcrumbs-v1 {
    .breadcrumbs-v1-links {
        > li {
            > a {
                &:hover {
                    color: $color-teal;
                }
            }

            &.active {
                color: $color-teal;
            }
        }
    }
}

/* Breadcrumbs v2 */
.breadcrumbs-v2 {
    .breadcrumbs-v2-links {
        > li {
            > a {
                &:hover {
                    color: $color-teal;
                }
            }

            &.active {
                color: $color-teal;
            }
        }
    }
}

/* Breadcrumbs v3 */
.breadcrumbs-v3 {
    .breadcrumbs-v3-links {
        > li {
            > a {

                &:hover {
                    color: $color-teal;
                }
            }

            &.active {
                color: $color-teal;
            }
        }
    }
}

/* Button Base Color */
.btn-base {
    @include buttons($color-teal, $color-white, transparent, $color-teal, 1px, transparent, $color-teal);

    .btn-base-element-xs {
        @include buttons-element(transparent, darken($color-teal, 4%), 4px 9px);
    }

    .btn-base-element-sm {
        @include buttons-element(transparent, darken($color-teal, 4%), 7px 11px);
    }

    .btn-base-element-md {
        @include buttons-element(transparent, darken($color-teal, 4%), 8px 13px);
    }

    .btn-base-element-lg {
        @include buttons-element(transparent, darken($color-teal, 4%), 10px 15px);
    }
}

/* Buttons Border Base Color */
.btn-base-brd {
    @include buttons($color-teal, $color-white, transparent, $color-teal, 1px, $color-teal, $color-teal);

    .btn-base-element-xs {
        @include buttons-element(transparent, darken($color-teal, 4%), 4px 9px);
    }

    .btn-base-element-sm {
        @include buttons-element(transparent, darken($color-teal, 4%), 7px 11px);
    }

    .btn-base-element-md {
        @include buttons-element(transparent, darken($color-teal, 4%), 8px 13px);
    }

    .btn-base-element-lg {
        @include buttons-element(transparent, darken($color-teal, 4%), 10px 15px);
    }
}

/* Button Background Base Color */
.btn-base-bg {
    @include buttons($color-white, $color-white, $color-teal, $color-teal-light, 1px, transparent, transparent);

    .btn-base-element-xs {
        @include buttons-element(darken($color-teal, 4%), transparent, 4px 9px);
    }

    .btn-base-element-sm {
        @include buttons-element(darken($color-teal, 4%), transparent, 7px 11px);
    }

    .btn-base-element-md {
        @include buttons-element(darken($color-teal, 4%), transparent, 8px 13px);
    }

    .btn-base-element-lg {
        @include buttons-element(darken($color-teal, 4%), transparent, 11px 15px);
    }
}

/* Button Background White Color */
.btn-white-bg {
    @include buttons($color-dark, $color-white, $color-white, $color-teal, 1px, $color-white, $color-teal);

    .btn-base-element-xs {
        @include buttons-element(transparent, darken($color-white, 6%), 6px 9px);
    }

    .btn-base-element-sm {
        @include buttons-element(transparent, darken($color-white, 6%), 9px 11px);
    }

    .btn-base-element-md {
        @include buttons-element(transparent, darken($color-white, 6%), 12px 13px);
    }

    .btn-base-element-lg {
        @include buttons-element(transparent, darken($color-white, 6%), 15px 15px);
    }
}

/* Divider */
%divider {
    %divider-element-bg {
        background: $color-teal;
    }

    %divider-icon {
        color: $color-teal;
    }
}

/* Dropcap Base Color */
.dropcap-base {
    color: $color-teal;
}

/* Dropcap Base Background Color */
.dropcap-base-bg {
    background: $color-teal;
}

/* Dropcap Base Color Bordered */
.dropcap-base-bordered {
    color: $color-teal;
    border-color: $color-teal;
}

/* Dropcap Base Color */
.dropcap-dark {
    color: $color-dark;
}

/* Heading v1 */
.heading-v1 {
    .heading-v1-subtitle {
        color: $color-teal;
    }
}

/* Font Awesome Icons */
.bordered-icon {
    .bordered-icon-box {
        &:hover {
            background: $color-teal;
        }
    }
}

/* Lists */
%lists {
    > li {
        > a {
            &:hover {
                color: $color-teal;
            }
        }

        %lists-item-element {
            color: $color-teal;
        }
    }
}


/* Lists Base */
.lists-base {
    .lists-item-element-brd {
        color: $color-teal;
        border-color: $color-teal;
    }

    .lists-item-element-bg {
        background: $color-teal;
    }
}

/* Numeric List */
%numeric-lists {
    > li {
        > a {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Numeric Base Lists */
.numeric-base-lists {
    @extend %numeric-lists;
    > li {
        color: $color-teal;
    }
}

/* Log In */
.login {
    .login-form-forgot {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Paginations v1 */
.paginations-v1-list {
    > li {
        > a,
        > span {
            &:hover {
                @include bg-opacity($color-teal, .5);
            }
        }

        &.next,
        &.previous {
            > a,
            > span {
                &:hover {
                    color: $color-teal;
                }
            }
        }

        &.active {
            > a,
            > span {
                background: $color-teal;
            }
        }
    }
}

/* Paginations v2 */
.paginations-v2-list {
    > li {
        > a,
        > span {
            &:hover {
                color: $color-teal;
                border-bottom-color: $color-teal;
            }
        }

        &.active {
            > a,
            > span {
                color: $color-teal;
                border-bottom-color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Paginations v3 */
.paginations-v3-list {
    > li {
        > a,
        > span {
            color: $color-teal;

            &:hover {
                color: $color-teal;
            }
        }

        &.active {
            > a,
            > span {
                background: $color-teal;
                border-color: $color-teal;

                &:hover {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Pagers v1 */
.pagers-v1 {
    &:hover {
        background: $color-teal;
    }
}

/* Pagers v2 */
.pagers-v2 {
    li {
        > a,
        > span {

            &:hover {
                border-color: $color-teal;
                background: $color-teal;
            }
        }
    }
}

/* Tab v1 */
.tab-v1 {
    .nav-tabs {
        > li {
            &:hover {
                > a {
                    color: $color-teal;
                }
            }

            &.active {
                > a {
                    color: $color-teal;
                }
            }
        }

    }
}

/* Tab v3 */
.tab-v3 {
    .nav-tabs {
        > li {
            &:hover {
                > a {
                    color: $color-teal;
                }
            }

            &.active {
                > a {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Tab v4 */
.tab-v4 {
    .nav-tabs {
        background: $color-teal;

        &.nav-tabs-left {

            > li {
                &:hover {
                    > a {
                        background: darken($color-teal, 8%);
                    }
                }

                &.active {
                    > a {
                        background: darken($color-teal, 8%);
                    }
                }
            }
        }
    }
}

/* Tab v5 (left) */
.tab-v5 {
    .nav-tabs {
        &.nav-tabs-left {
            > li {
                &:hover {
                    > a {
                        color: $color-teal;
                    }
                }

                &.active {
                    > a {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Tab v6 (right) */
.tab-v6 {
    .nav-tabs {
        &.nav-tabs-right {
            > li {
                &:hover {
                    > a {
                        color: $color-teal;
                    }
                }

                &.active {
                    > a {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Theme Icons Base */
.theme-icons-wrap {
    > a {
        &[href] {
            > .theme-icons-base-hover {
                &:hover {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Theme Icons Base Background */
.theme-icons-base-bg {
    @include theme-icons($color-white, $color-teal, 0, transparent);
}

.theme-icons-wrap {
    > a {
        &[href] {
            > .theme-icons-base-bg {
                &:hover {
                    background: $color-teal-light;
                }
            }
        }
    }
}

/* Theme Icons White Background */
.theme-icons-wrap {
    > a {
        &[href] {
            > .theme-icons-white-bg {
                &:hover {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Theme Icons Grey Light Background */
.theme-icons-wrap {
    > a {
        &[href] {
            > .theme-icons-grey-light-bg {
                &:hover {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Theme Icons Base Bordered */
.theme-icons-base-brd {
    @include theme-icons($color-teal, transparent, 1px, $color-teal);
}

.theme-icons-wrap {
    > a {
        &[href] {
            > .theme-icons-base-brd {
                &:hover {
                    background: $color-teal;
                    border-color: $color-teal;
                }
            }
        }
    }
}

/* Animate Theme Icons Base */
.animate-theme-icons .animate-theme-icons-base {
    color: $color-teal;
}

/* Animate Theme Icons Base Background */
.animate-theme-icons .animate-theme-icons-base-bg {
    background: $color-teal;
}

/* Animate Theme Icons Base Bordered */
.animate-theme-icons .animate-theme-icons-base-brd {
    color: $color-teal;
    border-color: $color-teal;
}

/* Theme Icons Elegant */
.theme-icons-elegant {
    .theme-icons-element {
        .theme-icons-wrap {
            > a {
                &[href] {
                    > .theme-icons {
                        &:hover {
                            background: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* TimeLine Current Date */
.timeline-v1-current-date {
    .timeline-v1-current-day {
        color: $color-teal;
    }

    .timeline-v1-current-time {
        color: $color-teal;
    }
}

/* TimeLine v2 */
.timeline-v2 {
    .timeline-v2-news-title {
        > a {
            &:hover {
                color: $color-teal;
            }
        }
    }

    .timeline-v2-current-day {
        color: $color-teal;
    }

    .timeline-v2-current-time {
        color: $color-teal;
    }
}

/* TimeLine v3 */
.timeline-v3 {
    .timeline-v3-list-item {
        .timeline-v3-badge-icon {
            background: $color-teal;
        }
    }
}

/* TimeLine v4 */
.timeline-v4 {
    &:before {
        background: $color-teal;
    }

    &:after {
        background: $color-teal;
    }

    .timeline-v4-list-item {
        .timeline-v4-badge-icon {
            background: $color-teal;
        }
    }

    .timeline-v4-subtitle {
        color: $color-teal;
    }
}

/* Counters v1 */
.counters-v1 {
    .counters-v1-body {
        .counters-v1-number {
            color: $color-teal;
        }
    }
}

/* Counters v3 */
.counters-v3 {
    .counters-v3-icon {
        color: $color-teal;
    }
}

/* Icons Box v2 */
.icon-box-v2 {
    .icon-box-v2-icons {
        color: $color-teal;
    }
}

/* Image Gallery */
.image-gallery {
    .image-gallery-overlay {
        @include bg-opacity($color-teal, .6);
    }
}

/* Image Gallery v2 */
.image-gallery-v2 {
    .image-gallery-v2-overlay {
        @include bg-opacity($color-teal, .6);
    }
}

/* Interactive Banner v2 */
.i-banner-v2 {
    .i-banner-v2-heading {
        .i-banner-v2-heading-month {
            color: $color-teal;
        }
    }
}

/* Interactive Banner v3 */
.i-banner-v3 {
    .i-banner-v3-content {
        .i-banner-v3-subtitle {
            color: $color-teal;
        }

        .i-banner-v3-element {
            .i-banner-v3-element-icon {
                color: $color-teal;
            }
        }
    }
}

/* Newsletter v5 */
.newsletter-v5 {
    .newsletter-v5-btn {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Newsletter v8 */
.newsletter-v8 {
    &:hover {
        background: $color-teal;
    }
}

/* Poster v1 */
.poster-v1 {
    .poster-v1-body {
        .poster-v1-author {
            color: $color-teal;
        }
    }
}

/* Poster v2 */
.poster-v2 {
    .poster-v2-subtitle {
        color: $color-teal;
    }
}

/* Pricing List v1 Active */
.pricing-list-v1-active {
    .pricing-list-v1-body {
        .pricing-list-v1-header-price,
        .pricing-list-v1-header-price-sign,
        .pricing-list-v1-header-price-info {
            color: $color-teal;
        }
    }
}

/* Process v1 */
.process-v1 {
    .process-v1-back {
        background: $color-teal;
    }
}

/* Process v2 */
.process-v2 {
    &:hover {
        .process-v2-element {
            background: $color-teal;
        }
    }
}

/* Service Block v4 */
.service-block-v4 {
    .service-block-v4-content {
        .service-block-v4-content-subtitle {
            color: $color-teal;
        }
    }
}

/* Service Block v6 */
.service-block-v6 {
    &.service-block-v6-color-three {
        &:before {
            @include bg-opacity($color-teal, .85);
        }
    }
}

/* Service Block v8 */
.service-block-v8 {
    .service-block-v8-subtitle {
        color: $color-teal;
    }
}

/* Slider Block v1 */
.slider-block-v1 {
    .slider-block-v1-subtitle {
        color: $color-teal;
    }
}

/* Team v1 */
.team-v1 {
    .team-v1-content {
        .team-v1-socials {
            .team-v1-socials-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Team v2 */
.team-v2 {
    .team-v2-member-position {
        color: $color-teal;
    }
}

/* Team v3 */
.team-v3 {
    .team-v3-header {
        .team-v3-member-position {
            color: $color-teal;
        }
    }
}

/* Team v5 */
.team-v5 {
    .team-v5-content {
        .team-v5-author-contact {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Testimonials v1 */
.testimonials-v1 {
    .testimonials-v1-author {
        color: $color-teal;
    }
}

/* Testimonials v4 */
.testimonials-v4 {
    .testimonials-v4-author {
        color: $color-teal;
    }
}

/* Testimonials v5 */
.testimonials-v5 {
    .testimonials-v5-author {
        color: $color-teal;
    }
}

/* Testimonials v6 */
.testimonials-v6 {
    .testimonials-v6-element {
        .testimonials-v6-author {
            color: $color-teal;
        }
    }
}

/* Testimonials v7 */
.testimonials-v7 {
    .testimonials-v7-author {
        color: $color-teal;

        &:before {
            background: $color-teal;
        }
    }
}

/* Footer Top */
.footer {
    .footer-address {
        .footer-address-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Footer Media */
.footer {
    .footer-media {
        .footer-media-item {
            .footer-media-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer Tags */
.footer {
    .footer-tags {
        > li {
            > a {
                &:hover {
                    background: $color-teal;
                    border-color: $color-teal;
                }
            }
        }
    }
}

/* Footer News List */
.footer {
    .footer-news-list {
        .footer-news-list-item {
            .footer-news-list-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer Video Info */
.footer {
    .footer-video-title {
        .footer-video-title-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Footer Copyright */
.footer {
    .footer-copyright {
        .footer-copyright-item {
            > a {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer Toggle Content */
.footer {
    .footer-toggle {
        .footer-toggle-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Footer v2 */
.footer-v2 {
    background: $color-teal;
}

/* Footer v4 */
.footer-v4 {
    .footer-v4-service {
        .footer-v4-service-item {
            .footer-v4-service-icon {
                color: $color-teal;
            }

            .footer-v4-service-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }

    .footer-v4-news {
        .footer-v4-news-item {
            .footer-v4-news-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }

    .footer-v4-link {
        &:hover {
            color: $color-teal;
        }
    }

    .footer-v4-copyright {
        .footer-v4-terms-list {
            .footer-v4-terms-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer v5 */
.footer-v5 {
    .footer-v5-content-subtitle {
        color: $color-teal;
    }

    .footer-v5-list {
        .footer-v5-list-item {
            .footer-v5-list-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Copyright */
.footer-v5-copyright {
    .footer-v5-copright-socials {
        .footer-v5-copright-socials-item {
            .footer-v5-copright-socials-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Footer v6 */
.footer-v6 {
    .footer-link-v6-list {
        .footer-link-v6-list-item {
            .footer-link-v6-list-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Form Modal */
.form-modal {
    .form-modal-back-btn-message {
        .form-modal-back-btn-message-link {
            color: $color-teal;
        }
    }

    .form-modal-input-group {
        .form-modal-hide-password {
            &:hover {
                color: $color-teal;
            }
        }
    }

    .form-modal-close-form {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Navbar Toggle */
.header {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Topbar Toggle Trigger */
.header {
    .topbar-toggle-trigger {
        &:hover {
            .topbar-toggle-trigger-style {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Shopping Cart */
.header {
    .shopping-cart {
        .shopping-cart-icon {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-menu {
            border-top-color: $color-teal;
        }

        .shopping-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-subtotal-price {
            color: $color-teal;
        }

        .shopping-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Navbar Nav */
.header {
    .navbar-nav {
        .nav-item-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover,
            &:focus {
                color: $color-teal;
            }
        }
    }
}

/* Dropdown Menu */
.header {
    .dropdown-menu {
        .dropdown-menu-item {
            .dropdown-menu-item-child {
                &.active {
                    color: $color-teal;

                    &:hover {
                        color: $color-teal;
                    }
                }

                &:hover {
                    background: $color-teal;
                }
            }

            &.active {
                .dropdown-menu-item-child {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Dropdown Submenu */
.header {
    .dropdown-submenu {
        &:hover {
            .dropdown-submenu-child {
                color: $color-teal;
            }
        }

        .dropdown-submenu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;

                    &:after {
                        color: $color-teal;
                    }
                }
            }

            &:hover {
                color: $color-white;
                background: $color-teal;

                &:after {
                    color: $color-white;
                }
            }
        }

        &.active {
            .dropdown-submenu-child {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Mega Menu */
.header {
    .mega-menu-list {
        .mega-menu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Media Queries below 991px */
@media (max-width: $screen-sm-max) {
    /* Navbar Nav */
    .header {
        .navbar-nav {
            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Navbar */
    .header {
        .navbar-nav {
            .nav-item {
                &:hover {
                    .nav-item-child {
                        color: $color-teal;
                    }
                }
            }

            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;

                    &:hover {
                        color: $color-white;
                    }
                }
            }
        }
    }
}


/* Navbar Toggle */
.header-center-aligned {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Topbar Toggle Trigger */
.header-center-aligned {
    .topbar-toggle-trigger {
        &:hover {
            .topbar-toggle-trigger-style {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Shopping Cart */
.header-center-aligned {
    .shopping-cart {
        .shopping-cart-icon {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-menu {
            border-top-color: $color-teal;
        }

        .shopping-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-subtotal-price {
            color: $color-teal;
        }

        .shopping-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Navbar Nav */
.header-center-aligned {
    .navbar-nav {
        .nav-item-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover,
            &:focus {
                color: $color-teal;
            }
        }
    }
}

/* Dropdown Menu */
.header-center-aligned {
    .dropdown-menu {
        .dropdown-menu-item {
            .dropdown-menu-item-child {
                &.active {
                    color: $color-teal;

                    &:hover {
                        color: $color-teal;
                    }
                }

                &:hover {
                    background: $color-teal;
                }
            }

            &.active {
                .dropdown-menu-item-child {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Dropdown Submenu */
.header-center-aligned {
    .dropdown-submenu {
        &:hover {
            .dropdown-submenu-child {
                color: $color-teal;
            }
        }

        .dropdown-submenu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;

                    &:after {
                        color: $color-teal;
                    }
                }
            }

            &:hover {
                color: $color-white;
                background: $color-teal;

                &:after {
                    color: $color-white;
                }
            }
        }

        &.active {
            .dropdown-submenu-child {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Mega Menu */
.header-center-aligned {
    .mega-menu-list {
        .mega-menu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Media Queries below 991px */
@media (max-width: $screen-sm-max) {
    .header-center-aligned {
        .navbar-nav {
            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Navbar */
    .header-center-aligned {
        .navbar-nav {
            .nav-item {
                &:hover {
                    .nav-item-child {
                        color: $color-teal;
                    }
                }
            }

            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;

                    &:hover {
                        color: $color-white;
                    }
                }
            }
        }
    }
}

/* Navbar Toggle */
.header-center-aligned-transparent {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Topbar Toggle Trigger */
.header-center-aligned-transparent {
    .topbar-toggle-trigger {
        &:hover {
            .topbar-toggle-trigger-style {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Shopping Cart */
.header-center-aligned-transparent {
    .shopping-cart {
        .shopping-cart-icon {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-menu {
            border-top-color: $color-teal;
        }

        .shopping-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-subtotal-price {
            color: $color-teal;
        }

        .shopping-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Navbar Nav */
.header-center-aligned-transparent {
    .navbar-nav {
        .nav-item-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover,
            &:focus {
                color: $color-teal;
            }
        }
    }
}

/* Dropdown Menu */
.header-center-aligned-transparent {
    .dropdown-menu {
        .dropdown-menu-item {
            .dropdown-menu-item-child {
                &.active {
                    color: $color-teal;

                    &:hover {
                        color: $color-teal;
                    }
                }

                &:hover {
                    background: $color-teal;
                }
            }

            &.active {
                .dropdown-menu-item-child {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Dropdown Submenu */
.header-center-aligned-transparent {
    .dropdown-submenu {
        &:hover {
            .dropdown-submenu-child {
                color: $color-teal;
            }
        }

        .dropdown-submenu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                    background: $color-white;

                    &:after {
                        color: $color-teal;
                    }
                }
            }

            &:hover {
                color: $color-white;
                background: $color-teal;
            }
        }

        &.active {
            .dropdown-submenu-child {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Mega Menu */
.header-center-aligned-transparent {
    .mega-menu-list {
        .mega-menu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Media Queries below 991px */
@media (max-width: $screen-sm-max) {
    /* Navbar Nav */
    .header-center-aligned-transparent {
        .navbar-nav {
            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Header Shrink */
    .header-shrink {
        &.header-center-aligned-transparent {
            .shopping-cart {
                .shopping-cart-icon {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Navbar */
    .header-center-aligned-transparent {
        .navbar-nav {
            .nav-item {
                &:hover {
                    .nav-item-child {
                        color: $color-teal;
                    }
                }
            }

            .nav-item-child {
                &.active {
                    color: $color-teal;
                }
            }

            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    color: $color-white;
                    background: $color-teal;

                    &:hover {
                        color: $color-white;
                    }
                }
            }
        }
    }
}


/* Navbar */
.header-fullscreen {
    .header-fullscreen-nav-actions-left {
        .header-fullscreen-nav-trigger {
            &:hover {
                .header-fullscreen-nav-trigger-icon {
                    background: $color-teal;

                    &:before,
                    &:after {
                        background: $color-teal;
                    }
                }
            }
        }
    }

    .header-fullscreen-nav-actions-right {
        .nav-item-child {
            background: $color-teal;
        }
    }
}

/* Nav Overlay */
.header-fullscreen {
    .header-fullscreen-nav-bg-overlay {
        .header-fullscreen-nav-close {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Menu */
.header-fullscreen {
    .header-fullscreen-menu {
        .nav-main-item-child,
        .nav-submenu-item-child {
            &.nav-main-item-child-dropdown,
            &.nav-submenu-item-child-dropdown {
                &.active,
                &:hover {
                    color: $color-teal;

                    &:before,
                    &:after {
                        color: $color-teal;
                    }
                }
            }
        }

        .nav-dropdown-menu {
            .nav-dropdown-menu-link {
                &:hover {
                    color: $color-teal;
                }
            }

            .nav-dropdown-menu-child {
                &.active {
                    color: $color-teal;
                }

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Media Queries below 991px */
@media (max-width: $screen-sm-max) {
    /* Nav Trigger */
    .header-fullscreen {
        .header-fullscreen-nav-actions-left {
            .header-fullscreen-nav-trigger {
                &:hover {
                    .header-fullscreen-nav-trigger-icon {
                        background: $color-teal;

                        &:before,
                        &:after {
                            background: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Header Shrink */
    .header-shrink {
        &.header-fullscreen {
            .header-fullscreen-nav-actions-left {
                .header-fullscreen-nav-trigger {
                    &:hover {
                        .header-fullscreen-nav-trigger-icon {
                            background: $color-teal;

                            &:before,
                            &:after {
                                background: $color-teal;
                            }
                        }
                    }
                }
            }
        }
    }
}


/* Navbar Toggle */
.header-section-scroll {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Navbar Nav */
.header-section-scroll {
    .header-section-scroll-menu {
        .nav-item {
            &.active {
                .nav-item-child {
                    &:hover,
                    &:focus {
                        color: $color-teal;
                    }
                }
            }
        }

        .nav-item-child {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Navbar Toggle */
.header-transparent {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Topbar Toggle Trigger */
.header-transparent {
    .topbar-toggle-trigger {

        &:hover {
            .topbar-toggle-trigger-style {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Shopping Cart */
.header-transparent {
    .shopping-cart {
        .shopping-cart-icon {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-menu {
            border-top-color: $color-teal;
        }

        .shopping-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .shopping-cart-subtotal-price {
            color: $color-teal;
        }

        .shopping-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Navbar Nav */
.header-transparent {
    .navbar-nav {
        .nav-item-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover,
            &:focus {
                color: $color-teal;
            }
        }
    }
}

/* Dropdown Menu */
.header-transparent {
    .dropdown-menu {
        .dropdown-menu-item {
            .dropdown-menu-item-child {
                &.active {
                    color: $color-teal;

                    &:hover {
                        color: $color-teal;
                    }
                }

                &:hover {
                    background: $color-teal;
                }
            }

            &.active {
                .dropdown-menu-item-child {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Dropdown Submenu */
.header-transparent {
    .dropdown-submenu {
        &:hover {
            .dropdown-submenu-child {
                color: $color-teal;
            }
        }

        .dropdown-submenu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;

                    &:after {
                        color: $color-teal;
                    }
                }
            }

            &:hover {
                color: $color-white;
                background: $color-teal;
            }
        }

        &.active {
            .dropdown-submenu-child {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Mega Menu */
.header-transparent {
    .mega-menu-list {
        .mega-menu-child {
            &.active {
                color: $color-teal;

                &:hover {
                    color: $color-teal;
                }
            }

            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Media Queries below 991px */
@media (max-width: $screen-sm-max) {
    /* Navbar Nav */
    .header-transparent {
        .navbar-nav {
            .nav-item-bg {
                border-color: $color-teal;

                .nav-item-child {
                    background: $color-teal;
                }
            }
        }
    }
}


/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Header Shrink */
    .header-shrink {
        &.header-transparent {
            .shopping-cart {
                .shopping-cart-icon {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Navbar */
    .header-transparent {
        .navbar-nav {
            .nav-item {
                &:hover {
                    .nav-item-child {
                        color: $color-teal;
                    }
                }
            }

            .nav-item-child {
                &.active {
                    color: $color-teal;
                }
            }

            .nav-item-bg {
                border-color: $color-teal;
                .nav-item-child {
                    background: $color-teal;

                    &:hover {
                        color: $color-white;
                        background: $color-teal;
                    }
                }

                &:hover {
                    .nav-item-child {
                        color: $color-white;
                        background: $color-teal;
                    }
                }
            }
        }
    }
}

/* Navbar Toggle */
.header-vertical {
    .navbar-toggle {
        &:hover {
            .toggle-icon {
                background: $color-teal;

                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Navbar Nav */
.header-vertical {
    .header-vertical-menu {
        .nav-main-item-child,
        .nav-submenu-item-child {
            &.nav-main-item-child-dropdown,
            &.nav-submenu-item-child-dropdown {
                &.active,
                &:hover {
                    color: $color-teal;

                    &:before,
                    &:after {
                        color: $color-teal;
                    }
                }
            }
        }

        .nav-dropdown-menu {
            .nav-dropdown-menu-link {
                &:hover {
                    color: $color-teal;
                }
            }

            .nav-dropdown-menu-child {
                &.active {
                    color: $color-teal;
                }

                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Search */
.search {
    .search-btn {
        .search-btn-default,
        .search-btn-active {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Media Queries below 992px */
@media (max-width: $screen-md-min) {
    /* Search */
    .search {
        &.search-white {
            .search-btn {
                .search-btn-default,
                .search-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Search */
    .search {
        &.search-white {
            .search-btn {
                .search-btn-default,
                .search-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .search {
            &.search-white {
                .search-btn {
                    .search-btn-default,
                    .search-btn-active {
                        &:hover {
                            color: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* Search Classic */
.search-classic {
    .search-classic-btn {
        .search-classic-btn-default,
        .search-classic-btn-active {
            &:hover {
                color: $color-teal;
            }
        }
    }

    .search-classic-field {
        border-top-color: $color-teal;
    }
}

/* Media Queries below 992px */
@media (max-width: $screen-md-min) {
    /* Search Classic */
    .search-classic {
        &.search-classic-white {
            .search-classic-btn {
                .search-classic-btn-default,
                .search-classic-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Search Classic */
    .search-classic {
        &.search-classic-white {
            .search-classic-btn {
                .search-classic-btn-default,
                .search-classic-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .search-classic {
            &.search-classic-white {
                .search-classic-btn {
                    .search-classic-btn-default,
                    .search-classic-btn-active {
                        &:hover {
                            color: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* Search Fullscreen */
.search-fullscreen {
    .search-fullscreen-trigger-icon {
        &:hover {
            color: $color-teal;
        }
    }

    .search-fullscreen-input-group {
        .search-fullscreen-search {
            &:hover {
                .search-fullscreen-search-icon {
                    color: $color-teal;
                }
            }
        }
    }

    .search-fullscreen-bg-overlay {
        .search-fullscreen-close {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Media Queries below 992px */
@media (min-width: $screen-md-min) {
    /* Search Fullscreen */
    .search-fullscreen {
        &.search-fullscreen-trigger-white {
            .search-fullscreen-trigger-icon {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .search-fullscreen {
            &.search-fullscreen-trigger-white {
                .search-fullscreen-trigger-icon {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Search On Header */
.search-on-header {
    .search-on-header-btn {
        .search-on-header-btn-default,
        .search-on-header-btn-active {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Media Queries below 992px */
@media (max-width: $screen-md-min) {
    /* Search On Header */
    .search-on-header {
        &.search-on-header-white {
            .search-on-header-btn {
                .search-on-header-btn-default,
                .search-on-header-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Search On Header */
    .search-on-header {
        &.search-on-header-white {
            .search-on-header-btn {
                .search-on-header-btn-default,
                .search-on-header-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .search-on-header {
            &.search-on-header-white {
                .search-on-header-btn {
                    .search-on-header-btn-default,
                    .search-on-header-btn-active {
                        &:hover {
                            color: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* Search Push */
.search-push {
    .search-push-btn {
        .search-push-btn-default,
        .search-push-btn-active {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Media Queries below 992px */
@media (max-width: $screen-md-min) {
    /* Search Push */
    .search-push {
        &.search-push-white {
            .search-push-btn {
                .search-push-btn-default,
                .search-push-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }
}

/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Search Push */
    .search-push {
        &.search-push-white {
            .search-push-btn {
                .search-push-btn-default,
                .search-push-btn-active {
                    &:hover {
                        color: $color-teal;
                    }
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .search-push {
            &.search-push-white {
                .search-push-btn {
                    .search-push-btn-default,
                    .search-push-btn-active {
                        &:hover {
                            color: $color-teal;
                        }
                    }
                }
            }
        }
    }
}

/* Sidebar Trigger */
.sidebar-trigger {
    &:hover {
        .sidebar-trigger-icon {
            background: $color-teal;

            &:before,
            &:after {
                background: $color-teal;
            }
        }
    }
}

/* Sidebar Nav */
.sidebar-nav {
    .sidebar-nav-trigger {
        &:hover {
            .sidebar-trigger-icon {
                &:before,
                &:after {
                    background: $color-teal;
                }
            }
        }
    }

    .sidebar-nav-about-link {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Media Queries below 992px */
@media (min-width: $screen-md-min) {
    /* Sidebar Trigger */
    .sidebar-trigger {
        &.sidebar-trigger-style-white {
            &:hover {
                .sidebar-trigger-icon {
                    background: $color-teal;

                    &:before,
                    &:after {
                        background: $color-teal;
                    }
                }
            }
        }
    }

    /* Header Shrink */
    .header-shrink {
        .sidebar-trigger {
            &.sidebar-trigger-style-white {
                &:hover {
                    .sidebar-trigger-icon {
                        background: $color-teal;

                        &:before,
                        &:after {
                            background: $color-teal;
                        }
                    }
                }
            }
        }
    }
}


/* Topbar Contact */
.topbar-c {
    .topbar-c-contacts {
        .topbar-c-contacts-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Topbar v1 Actions */
.topbar-c {
    .topbar-c-actions {
        .topbar-c-actions-link {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-c-actions-link-border {
            &:hover {
                background: $color-teal;
                border-color: $color-teal;
            }
        }
    }
}

/* Topbar Ecommerce */
.topbar-e {
    .topbar-e-list {
        .topbar-e-list-item {
            .topbar-e-list-dropdown {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Topbar v2 Actions */
.topbar-e {
    .topbar-e-actions {
        .topbar-e-actions-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Topbar v2 Shopping Cart */
.topbar-e {
    .topbar-e-sh-cart {
        .topbar-e-sh-cart-link {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-e-sh-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-e-sh-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-e-sh-cart-subtotal-price {
            color: $color-teal;
        }

        .topbar-e-sh-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Topbar v3 List */
.topbar-t {
    .topbar-t-list {
        .topbar-t-list-item {
            .topbar-t-list-dropdown {
                &:hover {
                    color: $color-teal;
                }
            }
        }

        .topbar-t-list-dropdown-menu {
            .topbar-t-list-dropdown-menu-link {
                &:hover {
                    background: $color-teal;
                }
            }
        }
    }
}

/* Topbar v3 Shopping Cart */
.topbar-t {
    .topbar-t-sh-cart {
        .topbar-t-sh-cart-link {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-t-sh-cart-menu-product-name {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-t-sh-cart-close {
            &:hover {
                color: $color-teal;
            }
        }

        .topbar-t-sh-cart-subtotal-price {
            color: $color-teal;
        }

        .topbar-t-sh-cart-subtotal-view-link {
            &:hover {
                color: $color-teal;
            }
        }
    }
}

/* Contact Us */
.contact-us {
    .contact-us-timeline-day {
        background: $color-teal;
    }
}

/* Faq */
.faq {
    .faq-search {
        .faq-search-search {
            &:hover {
                .faq-search-search-icon {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Faq v2 */
.faq-v2 {
    .faq-v2-community {
        .faq-v2-community-icon {
            color: $color-teal;
        }
    }
}

/* Animsition Loading */
.animsition-loading {
    border-left-color: $color-base;
}

/* Back To Top */
.back-to-top-theme {
    background: $color-teal;

     &:hover {
        background: $color-teal;
    }
}

/* Owl Dots */
.owl-dot,
.owl-dots {
    span {
        border-color: $color-teal;
    }

    &.active {
        span {
            background: $color-teal;
        }
    }
}

/* Testimonials v4 Arrows */
.testimonials-v4-arrows {
    .arrow-next,
    .arrow-prev {
        &:hover {
            @include bg-opacity($color-teal, 1);
        }
    }
}

/* Owl Control Arrows v1 */
.owl-control-arrows-v1 {
    .owl-arrow {
        &:hover {
            background: $color-teal;
        }
    }
}

/* Theme Portfolio Filter */
.theme-portfolio {
    .cbp-filter-item {
        &.cbp-filter-item-active {
            color: $color-teal;
            border-color: $color-teal;
        }

        &:hover {
            color: $color-teal;
        }
    }

    .cbp-filter-counter {
        background: $color-teal;

        &:after {
            border-top-color: $color-teal;
        }
    }
}

/* Theme Portfolio Load More Button */
.theme-portfolio {
    .cbp-l-loadMore-button,
    .cbp-l-loadMore-text {
        .cbp-l-loadMore-link,
        .cbp-l-loadMore-button-link {
            color: $color-teal;
            border-color: $color-teal;

            &:hover {
                background: $color-teal;
            }
        }
    }
}

/* Theme Portfolio Zoom Effect */
.theme-portfolio {
    .cbp-caption-zoom {
        .cbp-caption-activeWrap {
            @include bg-opacity($color-teal, .6);
        }
    }
}

/* Theme Portfolio Item v2 */
.theme-portfolio {
    .theme-portfolio-item-v2 {
        &:hover {
            .theme-portfolio-active-wrap {
                &:before {
                    @include bg-opacity($color-teal, .5);
                }
            }
        }
    }
}

/* Theme Portfolio Item v3 */
.theme-portfolio {
    .theme-portfolio-item-v3 {
        .theme-portfolio-lightbox {
            .theme-portfolio-item-v3-icon {
                &:hover {
                    &:before,
                    &:after {
                        background: $color-teal;
                    }
                }
            }
        }
    }
}

/* Theme Portfolio Description */
.theme-portfolio-desc {
    .portfolio-item-category {
        &:hover {
            color: $color-teal;
        }
    }
}

/* Theme Carousel Control v2 */
.theme-carousel-control-v2 {
    .carousel-control-arrows-v2 {
        &:hover {
            background: $color-teal;
        }
    }
}

/* Theme Carousel Indicators v2 */
.theme-carousel-indicators-v2 {
    li {
        &.active {
            background: $color-teal;
            border-color: $color-teal;
        }
    }
}

/* Theme Carousel Indicators v3 */
.theme-carousel-indicators-v3 {
    li {
        &.active {
            color: $color-teal;
            border-bottom-color: $color-teal;
        }

        &:hover {
            border-bottom-color: $color-teal;

            &.active {
                color: $color-teal;
                border-bottom-color: $color-teal;
            }
        }
    }
}

/* Theme Carousel Indicators v3 */
.theme-carousel-indicators-v4 {
    li {
        &.active {
            background: $color-teal;
            border-color: $color-teal;
        }
    }
}

/* Theme Carousel Indicators v5 */
.theme-carousel-indicators-v5 {
    li {
        &.active {
            .theme-carousel-indicators-item {
                border-color: $color-teal;
            }
        }
    }
}

/* Revolution Slider */
/* Spinner */
.tp-loader {
    &.spinner2 {
        background: $color-teal;
    }
}

/* Serviecs v6 */
.services-v6 {
    &:hover {
        &:before {
            @include bg-opacity($color-teal, .8);
        }
    }
}

/* Serviecs v7 */
.services-v7 {
    .services-v7-link-icon {
        &:hover {
            background: $color-teal;
            border-color: $color-teal;
        }
    }
}

/* Serviecs v8 */
.services-v8 {
    &:hover {
        background: $color-teal;
    }
}

/* Checkbox */
.checkbox {
    input[type="checkbox"],
    input[type="radio"] {
        &:checked {
            + {
                label {
                    &:before {
                        background: $color-teal;
                        border-color: $color-teal;
                    }
                }
            }
        }
    }
}


/* Checkbox */
.work-v1 {
    .work-v1-badge {
        background: $color-teal;
    }

    .work-v1-list {
        .work-v1-category {
            .work-v1-category-link {
                &:hover {
                    color: $color-teal;
                }
            }
        }
    }
}

/* Promo Block v12 */
.promo-block-v12 {

    .promo-block-v12-form {
        &:focus {
            color: $color-teal;
            @include placeholder($color-teal);
        }
    }
}

/* Shopify Product */
.shopify-product {
    &:hover {
        .shopify-product-name {
            color: $color-teal;
        }
    }
}

/* Handle */
.image-comparison-container {
    .image-comparison-handle {
        background: $color-teal;
    }
}

/* Color Teal */
.color-base {
    color: $color-teal !important;
}

/* Background Color Teal */
.bg-color-base {
    background: $color-teal !important;
}