/*
	Appdent Color CSS
*/
.navbar-fixed.header_section,
#scroll-to-top,
.subscribe_section,
.download_section,
.mid_table,
.video_section:before,
.shot_item .screen_thumb figcaption a,
.owl-nav div,
.feature_list .list_item i,
.app_btn,
.hero_section:before{
    background: #f98f1c;
    background: -moz-linear-gradient(-45deg, #f98f1c 0%, #f45442 100%);
    background: -webkit-linear-gradient(-45deg, #f98f1c 0%,#f45442 100%);
    background: linear-gradient(135deg, #f98f1c 0%,#f45442 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98f1c', endColorstr='#f45442',GradientType=1 );
}
.testimonial_items .owl-dots .owl-dot.active{
	background-color: #f98f1c;
}
.post_thumb .blog_title,
.post_thumb .span {
	background-color: rgba(247,112,48,0.8);
}
.footer_menu li a,
.social_link li a,
.subscribe_form .submit,
.post_content .read_more_btn:hover,
.testimonial_item h4,
.download_content li a,
.list_check li:before,
.promo_items .promo_item i{
    color: #f98f1c;
}

:root {
    --primary: #FF6B35;
    --black: #000000;
    --white: #FFFFFF;
    --grey: #8E8E93;
    --darkGrey: #2C2C2E;
    --darkBlue: #1C1C1E;
    --lightBlue: #2C2C2E;
    --toryBlue: #0C569B;
    --lightToryBlue: #3A3A3C;
    --darkToryBlue: #1A1A1C;
    --veniceBlue: #064886;
    --blue: #1E4799;
    --extraLightBlue: #2A2A2C;
    --pickledBluewood: #3A3A3C;
    --periwinkleGray: #3A3A3C;
    --blueDianne: #2A2A2C;
    --bittersweet: #FF453A;
    --lightRed: #FF453A;
    --red: #FF3B30;
    --extraLightRed: #FF453A;
    --green: #32D74B;
}

/* Header & Navigation */
.header_section {
    display: flex;
    align-items: center;
    height: 80px;
}

.navbar {
    background-color: var(--darkBlue);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-header {
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.navbar .nav-menu {
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.navbar .nav-menu > li {
    float: none;
    display: inline-block;
}

.navbar .nav-menu > li > a {
    color: var(--white);
    padding: 0 15px;
    line-height: 80px;
}

.navbar .nav-menu > li > a:hover,
.navbar .nav-menu > li.active > a {
    color: var(--primary);
}

@media (max-width: 768px) {
    .header_section {
        height: auto;
        padding: 10px 0;
    }
    .navbar-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 0 10px;
    }
    .navbar-header .brand {
        margin-left: 0;
    }
    .navbar-header .brand img {
        max-width: 32px;
        height: auto;
    }
    .navbar-toggle {
        margin-left: 10px;
        padding: 9px 10px;
        order: 2;
    }
    #navbar {
        width: 100%;
        background: var(--darkBlue);
        position: absolute;
        left: 0;
        top: 60px;
        z-index: 1000;
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    .navbar .nav-menu {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        background: none;
        text-align: center;
    }
    .navbar .nav-menu > li {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .navbar .nav-menu > li:last-child {
        border-bottom: none;
    }
    .navbar .nav-menu > li > a {
        display: block;
        line-height: 45px;
        padding: 0 15px;
        text-align: center;
    }
}

/* Hero Section */
.hero_section {
    background-color: var(--darkBlue);
}

.hero_content h1 {
    color: var(--white);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero_content p {
    color: var(--white);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.hero_btn {
    background-color: var(--primary);
    color: var(--white);
    border: none;
}

.hero_btn:hover {
    background-color: var(--bittersweet);
    color: var(--white);
}

/* Features Section */
.feature_section {
    background-color: var(--darkBlue);
}

.section-heading h2 {
    color: var(--white);
}

.section-heading p {
    color: var(--grey);
}

.feature_list .list_item h4 {
    color: var(--white);
}

.feature_list .list_item p {
    color: var(--grey);
}

/* Pricing Section */
.pricing_section {
    background-color: var(--darkBlue);
}

.pricing_table {
    background-color: var(--lightBlue);
}

.pricing_head h5 {
    color: var(--primary);
}

.pricing_head h3 {
    color: var(--white);
}

.pricing_list li {
    color: var(--grey);
}

.pricing_list li.red {
    color: var(--bittersweet);
}

.app_btn {
    background-color: var(--primary);
    color: var(--white);
}

.app_btn:hover {
    background-color: var(--bittersweet);
}

/* Download Section */
.download_section {
    background-color: var(--darkBlue);
    text-align: center;
    padding: 80px 0;
}

.counter_content h3 {
    color: var(--primary);
    font-size: 48px;
    margin-bottom: 20px;
}

.counter_content h4,
.counter_content h5 {
    color: var(--white);
    margin-bottom: 15px;
}

.download_content {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.store-link {
    display: inline-block;
    transition: transform 0.3s ease;
}

.store-link:hover {
    transform: scale(1.05);
}

.store-badge {
    height: 60px;
    width: auto;
}

@media (max-width: 768px) {
    .store-badge {
        height: 50px;
    }
    
    .download_content {
        gap: 15px;
    }
}

/* Testimonial Section */
.testimonial_section {
    background-color: var(--darkBlue);
}

.testimonial_item p {
    color: var(--white);
}

.testimonial_item h4 {
    color: var(--primary);
}

/* Blog Section */
.blog_area {
    background-color: var(--darkBlue);
}

.blog_title h3 {
    color: var(--white);
}

.blog_title h3:hover {
    color: var(--primary);
}

.post_content p {
    color: var(--grey);
}

.read_more_btn {
    color: var(--primary);
}

/* Subscribe Section */
.subscribe_section {
    background-color: var(--darkBlue);
}

.form_input {
    background-color: var(--lightBlue);
    color: var(--white);
    border: 1px solid var(--grey);
}

.submit {
    background-color: var(--primary);
    color: var(--white);
}

.submit:hover {
    background-color: var(--bittersweet);
}

/* Footer */
.footer_section {
    background-color: var(--darkBlue);
}

.copyright {
    color: var(--grey);
}

.footer_menu li a {
    color: var(--grey);
}

.footer_menu li a:hover {
    color: var(--primary);
}

/* Social Links */
.social_link li a {
    color: var(--grey);
}

.social_link li a:hover {
    color: var(--primary);
}

/* Scroll to Top */
#scroll-to-top {
    background-color: var(--primary);
    color: var(--white);
}

#scroll-to-top:hover {
    background-color: var(--bittersweet);
}