/*------------------------------------------------------------------
    File Name: colors1.css
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    color theme
-------------------------------------------------------------------*/

.header_top,
#navbar_menu ul ul li a:hover,
#navbar_menu ul ul li a:focus,
.full_slider_inner,
.theme_color_bg,
.price_table_active .price_head,
a.btn.dark_gray_bt:hover,
a.btn.dark_gray_bt:focus,
.carousel-indicators .active,
.social_icon_style_2 ul li a:hover,
.social_icon_style_2 ul li a:focus,
.progress-bar,
.tags a:hover,
.tags a:focus,
.testimonial_slider .carousel-control:hover,
.testimonial_slider .carousel-control:focus,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.icon_feature {
    background: #16989A;
    background-size: 100% 100%;
    border: none;
}

.theme_bg {
    background: #00b3b3;
}

#navbar_menu > ul > li a.active,
#navbar_menu > ul > li:focus > a,
footer p a:hover, footer p a:focus,
.footer-menu li a:hover,
.footer-menu li a:focus,
footer ul.social_icons li a:hover,
footer ul.social_icons li a:focus,
.breadcrumb li a {
    color: white;
}

/* Default active link color (when header is not scrolled) */
#navbar_menu > ul > li a.active {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 990px) {
    #navbar_menu > ul > li a.active {
        color: black;
        font-weight: bold;
        text-decoration: underline;
    }
}
    /* Override for Contact Us page (black text) */
    body[data-page="contactus"] #navbar_menu > ul > li a.active,
    #default_header.solid-header #navbar_menu > ul > li a.active {
        color: black !important;
    }
    /* Active link color when header is scrolled */
    #default_header.scrolled #navbar_menu > ul > li a.active {
        color: black;
    }
        /* Keep the teal color for hover/active states */
        #navbar_menu > ul > li a.active:hover,
        #default_header.scrolled #navbar_menu > ul > li a.active:hover {
            color: #2ec9c3;
        }

    .btn.sqaure_bt {
        border-radius: 0;
        background: #00b3b3;
    }

        .btn.sqaure_bt span {
            font-size: 31px;
            font-weight: 400;
            position: absolute;
            right: 16px;
        }

    footer h2::after,
    .footer_mail-section .field button.button_custom,
    .cprt, .contact_us_section {
        background: #00b3b3;
    }

    .tp-caption.tp-shape.tp-shapewrapper.tp-resizeme.rs-parallaxlevel-0 {
        background: #00b3b3 !important;
    }

    a.btn.main_bt,
    button.btn.main_bt {
        background: #00b3b3;
        border: none;
    }

        a.btn.main_bt:hover,
        a.btn.main_bt:focus,
        button.btn.main_bt:hover,
        button.btn.main_bt:focus {
            background: #25d8ed;
            background-size: 100% 100%;
            color: #fff;
        }

    a.btn.dark_gray_bt:hover,
    a.btn.dark_gray_bt:focus {
        color: #fff;
    }

    a.btn.light_btn,
    button.btn.light_btn {
        background: #a864a8;
    }

        a.btn.light_btn:hover,
        a.btn.light_btn:focus button.btn.light_btn:hover,
        a.btn.light_btn:focus {
            background: #fff;
            color: #632e62;
            border-color: #fff;
        }

    .modal-backdrop {
        background-color: rgba(3, 158, 227, .95);
    }

    #navbar_menu ul ul,
    hr.dottad_border,
    .social_icon_style_2 ul li a:hover,
    .social_icon_style_2 ul li a:focus,
    .tags a:hover,
    .tags a:focus,
    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover,
    .comment_section,
    .boder_dottat_small {
        border-color: #00b3b3;
    }


    .price_table_active a.btn:hover,
    .price_table_active a.btn:focus {
        background: #252525;
        color: #fff;
    }

    .border_dotted_circle:hover,
    .border_dotted_circle:focus {
        border-color: #632e62;
    }

    .btn.light_theme_bt:hover,
    .btn.light_theme_bt:focus {
        background: #222;
        color: #fff;
        border: solid #222 1px;
    }

    .theme_color_bg .border_dotted_circle,
    .theme_color_bg .border_dotted_circle:hover,
    .theme_color_bg .border_dotted_circle:focus {
        border-color: #fff;
    }

    button.border_btn_white_border,
    a.border_btn_white_border {
        background: transparent;
        border: solid #fff 1px;
    }

        button.border_btn_white_border:focus,
        button.border_btn_white_border:hover,
        a.border_btn_white_border:hover,
        a.border_btn_white_border:focus {
            background: #fff;
            border: solid #fff 1px;
        }

    body.light_blue button.btn.white_btn:hover,
    body.light_blue a.btn.white_btn:hover,
    body.light_blue button.btn.white_btn:focus,
    body.light_blue a.btn.white_btn:focus {
        background: #632e62;
        border-color: #632e62;
        color: #fff;
    }

    button.btn.white_btn, a.btn.white_btn, button.btn.white_btn, a.btn.white_btn {
        color: #111;
        text-transform: none;
        text-shadow: none;
    }

        button.btn.white_btn:hover,
        a.btn.white_btn:hover,
        button.btn.white_btn:hover,
        a.btn.white_btn:hover {
            color: #fff;
            text-transform: none;
            background: #111;
        }

    .tp-bannertimer {
        background: #00b3b3 !important;
    }

    .tp-caption.tp-shape.tp-shapewrapper.rs-parallaxlevel-0 {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }