body{
margin:0;
padding:0;
line-height:20px;
font-size:13px;
color:#aaaaaa;
font-family: 'Inter', sans-serif;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background: #ffffff;
overflow-x: hidden !important;
}
:root {
--child-first-theme-color: #f0e4d4;
--child-second-theme-color: #a85d33;
--third-theme-color: #566b30;
}
#error-page{
margin-top: 0 !important;
}
a, a:hover{
text-decoration: none;
color:var(--child-second-theme-color);
}
h1,h2,h3,h4,h5,h6{
font-family: 'Merienda', cursive;
font-weight: 600;
color:#000;
} .postsec-list .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
background-color: var(--third-theme-color);
color: #fff !important;
}
.postsec-list .wp-block-button__link{
background: var(--child-second-theme-color);
color:#fff !important;
border-radius: 30px;
}
.postsec-list .wp-block-button.is-style-outline a{
background:none;
border:1px solid var(--child-second-theme-color) !important;
color: var(--child-second-theme-color) !important;
} .breadcrumb a{
color: var(--child-second-theme-color);
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
background: var(--child-second-theme-color);
color:#fff;
} .bg-color{
background: #dbb78d;
position: fixed;
top: auto;
z-index: 555;
width: 284px;
padding: 0;
left: 0;
height: 100% !important;
}
.header{
background-color: var(--child-first-theme-color);
}
.scroll-box {
margin: 0;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.outer-area{
padding-left: 284px;
overflow: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 111;
}
.header::-webkit-scrollbar-track{
background-color: #f3efed;
}
.header::-webkit-scrollbar{
width: 5px;
background-color: #f3efed;
}
.header::-webkit-scrollbar-thumb{
background-color: var(--child-second-theme-color);
}
h1.site-title, p.site-title{
font-size: 35px;
margin-bottom: 0;
color:var(--child-second-theme-color);
}
h1.site-title a, p.site-title a{
color: var(--child-second-theme-color);
margin: 10px;
display: inline-block;
font-family: 'Merienda', cursive;
font-size: 27px;
}
h1.site-title a:hover, p.site-title a:hover, #footer p.site-title a:hover{
color: var(--third-theme-color);
}
span.site-description {
font-size: 14px;
color: var(--child-second-theme-color);
}
h1.site-title a:hover {
text-decoration: unset;
}
.social-icons i {
font-size: 20px;
margin-right: 20px;
}
.social-icons i:hover, #footer .social-icons i:hover{
color: var(--third-theme-color);
}
.logo {
border-bottom: solid 4px var(--third-theme-color);
}
.social-icons {
border-bottom: solid 4px var(--third-theme-color);
border-top: solid 4px var(--third-theme-color);
}
.postmeta a:hover{
color:var(--child-second-theme-color);
} #button{
background: var(--third-theme-color);
color:#fff;
} .rsvp_button a {
padding: 12px 28px;
font-size: 18px;
font-weight: 500;
display: inline-block;
border: solid 1px var(--child-second-theme-color);
color: var(--child-second-theme-color);
text-decoration: none;
}
#catsliderarea .rsvp_button a {
background-color: #fff;
color: var(--child-second-theme-color);
}
.rsvp_button a:hover {
background: var(--third-theme-color);
border: solid 1px var(--third-theme-color);
color: #fff;
}
#catsliderarea .rsvp_button a:hover {
background: var(--third-theme-color);
border: solid 1px var(--third-theme-color);
color: #fff;
}
.woocommerce a.added_to_cart,.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
background: transparent;
color: var(--child-second-theme-color);
text-transform: uppercase;
border-radius: 0;
padding: 12px 24px;
font-size: 15px;
font-weight: 500;
display: inline-block;
border: solid 1px var(--child-second-theme-color);
color: var(--child-second-theme-color);
text-decoration: none;
}
.woocommerce a.added_to_cart {
margin: 10px 0;
padding: 10px 40px 10px 37px;
}
.pagemore a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover,.woocommerce a.added_to_cart:hover {
background: var(--third-theme-color);
color: #fff;
border: 1px solid var(--third-theme-color);
}
.woocommerce input#coupon_code{
padding: 10px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
width: 110px;
}
.woocommerce ul.products li.product .onsale{
background-color: var(--child-second-theme-color);
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
border: solid 1px var(--child-second-theme-color);
color: var(--child-second-theme-color);
background:none;
border-radius: 0;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover, .woocommerce-account .addresses .title .edit:hover{
background: var(--third-theme-color) !important;
color: #fff !important;
}
.site-main .wp-block-button__link:hover{
background-color: transparent !important;
} .main-nav li ul{
border: none;
}
.main-nav a {
color: var(--child-second-theme-color);
}
.main-nav a:hover {
color: #fff !important;
background-color: var(--third-theme-color);
}
.main-nav ul ul a {
color: var(--third-theme-color);
border: none;
padding: 15px;
text-align: center;
}
.main-nav li ul {
border-top: 3px solid var(--third-theme-color) !important;
box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
background-color: #006ccc;
} .page-links a, .page-links span{
color: var(--child-second-theme-color);
border: 1px solid var(--child-second-theme-color);
}
.page-links .post-page-numbers.current, .page-links a:hover{
background-color: var(--child-second-theme-color) !important;
color: #fff;
} .slider-img-color{
background-color: var(--child-second-theme-color);
width:1800px;
} .service-content h3{
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 20px;
}
.serv-box h2{
color: var(--third-theme-color);
}
.services_inner_box p{
color:#000;
}
.meta-feilds i{
font-size: 52px;
color: var(--third-theme-color);
}
.services{
position: relative;
}
.service-content{
background-color: #fff7ed;
padding: 50px 23px;
border: 2px dashed var(--third-theme-color); 
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
right: auto;
background-image: url(//davydovcatering.ee/wp-content/themes/tea-cafe-delight/images/service-border.png);
background-repeat: no-repeat;
} .postsec-list .search-form input.search-submit, .widget_calendar caption, .widget_calendar #today, span.page-numbers.current, .nav-links .page-numbers:hover, #footer, #sidebar input.search-submit, #footer input.search-submit, form.woocommerce-product-search button{
background-color: var(--child-second-theme-color);
}
.postsec-list .search-form input.search-submit, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
border-color: var(--child-second-theme-color);
}
#sidebar ul li::before{
color: var(--child-second-theme-color) !important;
}
#sidebar .widget{
border-bottom: 3px solid var(--child-second-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li, .woocommerce-message, span.page-numbers.current, .nav-links .page-numbers:hover{
border-color: var(--child-second-theme-color) !important;
}
#sidebar .widget a:hover, #sidebar .widget a:active, .listarticle h2 a, .woocommerce-message::before{
color: var(--child-second-theme-color);
}
#sidebar .widget-title{
color: #000;
}
nav.woocommerce-MyAccount-navigation ul li, #sidebar .wp-block-search__button{
background-color: var(--child-second-theme-color) !important;
}
.entry-content .tags a{
color:#fff !important;
}
#sidebar .wp-block-search__label {
color:#000;
} @media screen and (max-width: 1000px){
.sidenav, .toggle-nav button{
background-color: var(--child-second-theme-color) !important;
}
.sidenav .close-button{
margin-bottom: 20px !important;
}
.main-nav a:hover{
background:none;
color:#fff !important;
}
}