/*
    Template Name    : Donuto - Donuts Restaurant Landing Page Template
    Author           : Available Coder
    Version          : 1.0
    Created          : 2021
    File Description : light-theme colors file of the template
*/

:root {
    --main-color: #f99cc6;
    --sec-color-1: #ff00dd;
    --sec-color-2: #f368e0;
    --sec-color-3: #6ab04c;
}
.main-p {
    color: #444;
}
/* Header */
header {
    background-color: #fcfcfc;
}
@media (max-width: 767px) {
    header .container nav ul {
        background-color: #fcfcfc;
    }
}
header nav ul li a {
    color: #000;
}
header nav ul li a:hover,
header nav ul li a.active {
    color: #fcfcfc;
}
button.menu-btn span {
    background-color: #000;
}
@media (max-width: 767px) {
    button.light-dark {
        border-right: 1px solid #000;
    }
}
/* Home */
.home-slider > div .content {
    color: #fff;
    background-color: hsla(0, 0%, 0%, 0.5);
}
.home .home-slider .content h1 {
    color: #fff;
}
.home .home-slider .content p {
    color: #eee;
}
/* About */
.about {
    background-color: #fff;
}
.about .field p {
    color: #444;
}
/* Menu */
.menu {
    background-color: #fbfbfb;
}
.menu .menu-field .donuts-menu {
    border-left: 2px solid #00000080;
    border-right: 2px solid #00000080;
    box-shadow: 0 0 7px 1px #000;
}
.menu .menu-field .donuts-menu > div {
    border-bottom: 1px solid #bbb;
}
.menu .menu-field .donuts-menu > div.piece .text h3 {
    color: #222;
}
/* Gallary */
.gallary {
    background-color: #fff;
}
/* Counter */
.counter-section {
    background-color: #fbfbfb;
}
.counter-area > div.counter-place i {
    color: #222;
}
.counter-area > div.counter-place h3 {
    color: #555;
}
/* Delivery */
.delivery .text h2 {
    color: #222;
}
.delivery .text p {
    color: #333;
}
/* Team */
.team {
    background-color: #fff;
}
/* Testimonials */
.testimonials {
    background-color: #fbfbfb;
}
#tns2-ow .tns-nav button {
    background-color: #ccc;
}
#tns2-ow .tns-nav button.tns-nav-active {
    background-color: #888;
}
.testimonials .client-slider .review h3 {
    color: #222;
}
.testimonials .client-slider .review h3 {
    color: #000;
}
.testimonials .client-slider .review q {
    color: #000;
}
.testimonials .client-slider .review q::before {
    color: gray;
}
/* Blog */
.blog {
    background-color: #fff;
}
.blog .content .blog-box {
    background-color: #ddd;
}
.blog .content .blog-box div.date {
    color: #000;
    background-color: var(--main-color);
}
.blog .content .blog-box p {
    color: #222;
}
.blog .content .blog-box .blog-links .details .fav,
.blog .content .blog-box .blog-links .details .com {
    color: #111;
}
.blog .content .blog-box .blog-links a.more {
    color: var(--sec-color-3);
}
/* Start Contact */
.contact {
    background-color: #fbfbfb;
}
.contact .contact-box form input[type="text"],
.contact .contact-box form input[type="email"],
.contact .contact-box form textarea {
    background-color: #ededed;
    caret-color: #333;
    color: #323232;
}
.field .map iframe {
    box-shadow: 0 0 10px 1px #888;
}