/*
Theme Name: Dental Clinic Promotions
Theme URI: http://www.drjoydentalclinic.com
Author: Vivek
Author URI: http://vivek.expert/
Description: 
Version: 1.0.1
License: Split License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
#3b201c brown
#2f2424 grey
#f16623

    font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif;
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@font-face {
    font-family: 'Aureate';
    src: url('web-font/Aureate-regular-italic.eot');
    src: url('web-font/Aureate-regular-italic.eot?#iefix') format('embedded-opentype'),
        url('web-font/Aureate-regular-italic.woff2') format('woff2'),
        url('web-font/Aureate-regular-italic.woff') format('woff'),
        url('web-font/Aureate-regular-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aureate';
    src: url('web-font/Aureate-regular.eot');
    src: url('web-font/Aureate-regular.eot?#iefix') format('embedded-opentype'),
        url('web-font/Aureate-regular.woff2') format('woff2'),
        url('web-font/Aureate-regular.woff') format('woff'),
        url('web-font/Aureate-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aureate';
    src: url('web-font/Aureate-semi-bold.eot');
    src: url('web-font/Aureate-semi-bold.eot?#iefix') format('embedded-opentype'),
        url('web-font/Aureate-semi-bold.woff2') format('woff2'),
        url('web-font/Aureate-semi-bold.woff') format('woff'),
        url('web-font/Aureate-semi-bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aureate';
    src: url('web-font/Aureate-semi-bold-italic.eot');
    src: url('web-font/Aureate-semi-bold-italic.eot?#iefix') format('embedded-opentype'),
        url('web-font/Aureate-semi-bold-italic.woff2') format('woff2'),
        url('web-font/Aureate-semi-bold-italic.woff') format('woff'),
        url('web-font/Aureate-semi-bold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-Bold.eot');
    src: url('web-font/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-Bold.woff2') format('woff2'),
        url('web-font/Manrope-Bold.woff') format('woff'),
        url('web-font/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-ExtraLight.eot');
    src: url('web-font/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-ExtraLight.woff2') format('woff2'),
        url('web-font/Manrope-ExtraLight.woff') format('woff'),
        url('web-font/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-ExtraBold.eot');
    src: url('web-font/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-ExtraBold.woff2') format('woff2'),
        url('web-font/Manrope-ExtraBold.woff') format('woff'),
        url('web-font/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-Light.eot');
    src: url('web-font/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-Light.woff2') format('woff2'),
        url('web-font/Manrope-Light.woff') format('woff'),
        url('web-font/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-Medium.eot');
    src: url('web-font/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-Medium.woff2') format('woff2'),
        url('web-font/Manrope-Medium.woff') format('woff'),
        url('web-font/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-Regular.eot');
    src: url('web-font/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-Regular.woff2') format('woff2'),
        url('web-font/Manrope-Regular.woff') format('woff'),
        url('web-font/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('web-font/Manrope-SemiBold.eot');
    src: url('web-font/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('web-font/Manrope-SemiBold.woff2') format('woff2'),
        url('web-font/Manrope-SemiBold.woff') format('woff'),
        url('web-font/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
#header .logo img {
    max-height: 3rem;
}
#header .logo:before{
    display: none;
}


#header{ background: #231f20 !important;}
#footer .footer-top{ background: #231f20 !important; }
.clinic_item { background: #191817e8; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Aureate' !important; 
    color: #b69a69 !important;

}

h5{ font-weight: 600 !important; }
#hero h1{ font-family: 'Aureate' !important; }
.phone a, .callback a{
    font-family: 'Aureate' !important;
    background: #b69a69 !important;
}

.toggle{
     background: #b69a69 !important;
}
.form-btn{
    background: #b69a69 !important;
    font-family: 'Aureate' !important; 
    font-weight: 600; 
}
.section-title h3, .grid_container h3, .section-title h3 span,.section-title h3 span{
    color:#b69a69 !important;
}
.team .member .member-info h4{
       color:#b69a69 !important;
}
#hero h1{
    color:#b69a69 !important;
}
.clinic_location_section h3{
color:#b69a69 !important;
}
.clinic_name{
     font-family: 'Aureate' !important; 
        color:#b69a69 !important;
}
.contact .info-box h3{
    color:#b69a69 !important;
}
.clinic_info{
     font-family: 'Manrope';
}
.contact .info-box p{
       font-family: 'Manrope';
}
body{
    font-family: 'Manrope';
}
h3.offer_title{
    font-family: 'Manrope' !important;
}
#why_treatment h5{
    font-family: 'Manrope' !important;
}
.grid_container p{
    font-family: 'Manrope';
}
.testimonials .content, #footer .footer-top .footer-contact p{
    font-family: 'Manrope';
}
.testimonials .client_info{
    font-family: 'Manrope'; 
text-align: left; }
    .team .member .member-info span{
        font-family: 'Manrope';
    }
 .contact .php-email-form.footer_form{
        background: #231f20 !important;
    }
.contact .php-email-form {
    background: rgb(35, 32, 31) !important;
}
h3.offer_title, .box-pricing-feature{
    color: #231f20 !important;
}
.site-footer{
    background: #231f20 !important;
}
#contact .php-email-form.footer_form h3 {
    color: #b69a69 !important;
}
 .box-pricing-feature i{
     color: #b69a69 !important;
 }
#why_choose_us .section-title h4{
      color: #b69a69 !important;
}
.slick-arrow i{
    color: #b69a69 !important;
}
#hero .php-email-form h3{
  color: #b69a69 !important;
  font-weight: 600 !important;
}
.contact .info-box i {
    color: #b69a69;
    border: 2px dotted #b69a69;
}
.testimonials h5{
      color: #b69a69 !important; text-transform: uppercase !important;
}
.glass-effect i, .glass-effect h3, .glass-effect p{
    color: #b69a69 !important;
}
.contact .info-box{ min-height:8rem !important}

.tp-thumb-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 90%);
    color: #3b201c;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
    z-index: 20;
    pointer-events: auto;
    transition: all .25s ease;
}
.tp-thumb-prev {
    left: -3rem;
}
.tp-thumb-next {
    right: -3rem;
}
.pack-item h4{
    color: #fff !important;
}
.corrections h6, .advantages h6{
    font-weight: 600 !important;
}


.tp-thumb-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 90%);
    color: #3b201c;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
    z-index: 20;
    pointer-events: auto;
    transition: all .25s ease;
}
.form-btn:hover {
    transition: box-shadow .4s, transform .4s, background .4s, border-color .4s, color .4s;
    color: #b69a69;
    background: #fff !important;
    border: 2px solid #b69a69 !important;
}

@media screen and (max-width: 768px) {
 .phone a, .callback a {
background: none !important;
 }
     .row .slick-arrow {
        top: 49%;
    }
 .section-title h3{ font-weight: 600 !important; }
 .tp-thumb-prev{ left:0px !important; }
 .tp-thumb-next { right: 0rem !important; }
 .glass-effect h3{ font-weight: 600 !important;}
 .glass-effect p{
    color: #3b201c;
}
.circle{ background: #1a1a1a !important;
}
    .contact .php-email-form {
        background: #1a1a1a !important;
    }
    .php-email-form h3{
        color: #b69a69 !important;
        font-weight: 600 !important;
    }
}
.blue_bg_section {
    background-image: url(https://www.offers.drjoydentalclinic.com/wp-content/uploads/2026/03/dark-blue-bg-1.webp) !important;
    background-repeat: repeat !important;
    position: relative;
}