/* =====================================================
   GLOBAL TEXT FONT (DM SANS)
   Excluding: .headers, .footerbottom
   Icons & Headings NOT affected
===================================================== */

/* ===== GOOGLE FONT ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');

/* ===== APPLY DM SANS ONLY TO TEXT ===== */
body :not(.headers):not(.footerbottom) p,
body :not(.headers):not(.footerbottom) a,
body :not(.headers):not(.footerbottom) li,
body :not(.headers):not(.footerbottom) span:not([class*="icon"]),
body :not(.headers):not(.footerbottom) small,
body :not(.headers):not(.footerbottom) strong,
body :not(.headers):not(.footerbottom) em {
  font-family: "DM Sans", sans-serif;
}
section.dubai-dental-hero h1.dubai-dental-hero-title, .dental-treatments, .dental-title {
  font-family: "Ivy Presto", Sans-serif !important;
}

body {
    font-family: "Poppins", sans-serif !important;
}

h4, h5, h6,
p, a, span, li, ul, ol,
strong, em, small, label,
input, textarea, button,
select, option {
    font-family: "Poppins", sans-serif !important;
}

/* ===== FORCE ALL ELEMENTOR BUTTONS ===== */
.elementor-4231 a.elementor-button,
.elementor-4231 .elementor-button,
.elementor-4231 .elementor-button span {
 
  color: #fff !important;
  fill: #fff !important;
  border-color: #000 !important;
}

/* ===== HOVER / ACTIVE / FOCUS ===== */
.elementor-4231 a.elementor-button:hover,
.elementor-4231 a.elementor-button:focus,
.elementor-4231 a.elementor-button:active {
  background-color: #CFA403 !important;
  color: #fff !important;
  fill: #fff !important;
  border-color: #CFA403 !important;
}

/* ===== REMOVE AFTER / BEFORE OVERLAY (IMPORTANT) ===== */
.elementor-4231 .elementor-button::before,
.elementor-4231 .elementor-button::after {
  display: none !important;
}}

body h2,
.elementor h2,
h2,
.elementor-heading-title {
    font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
}

.cf7-book-form{
max-width:900px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
}
.ekit-wid-con .elementskit-accordion .ekit-accordion-title{
  font-family:'Libre Baskerville', serif !important;
  font-weight:400;
}

.cf7-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.cf7-book-form input,
.cf7-book-form select,
.cf7-book-form textarea{
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:4px;
}
/* Service pages heading style */
.serviceint .elementor-heading-title{
    font-size: 22px !important;   /* change if needed */
    font-weight: 600 !important; /* 400 normal | 600 semi-bold | 700 bold */
}
.cf7-book-form textarea{
height:120px;
}

/* reason grid */

.reason-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 40px;
margin-bottom:25px;
}

.reason-grid .wpcf7-list-item{
display:block;
margin:0;
}

.reason-grid label{
display:flex !important;
align-items:center;
gap:8px;
}

/* location grid */

.location-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 40px;
margin-bottom:25px;
}

.location-grid .wpcf7-list-item{
display:block;
margin:0;
}

.location-grid label{
display:flex !important;
align-items:center;
gap:8px;
}

/* submit */

.cf7-submit{
text-align:center;
margin-top:20px;
}

.cf7-submit input{
background:#000;
color:#fff;
padding:10px 35px;
border:none;
border-radius:30px;
cursor:pointer;
}

/* mobile */

@media(max-width:768px){

.cf7-row{
grid-template-columns:1fr;
}
	.elementor-4231 .elementor-element.elementor-element-cb5680e .elementskit-navbar-nav .elementskit-submenu-panel > li > a{
		color: #000 !important;
	}
	.elementor-4231 .elementor-element.elementor-element-cb5680e button.elementskit-menu-hamburger{
		margin-top:8px !important;
	}

.reason-grid,
.location-grid{
grid-template-columns:1fr;
}

}

/* ALL ELEMENTOR BUTTONS – SITE WIDE */
.elementor-button {
    background-color: #414141 !important;
}

/* HOVER / FOCUS STATE */
.elementor-button:hover,
.elementor-button:focus {
    background-color: #CFA403 !important;
}
.ekit-form .wpcf7 input[type="submit"] {
    background-color: #414141 !important;
    color: #ffffff !important;
}

.ekit-form .wpcf7 input[type="submit"]:hover {
    background-color: #CFA403 !important;
}
#contactbook{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:20px 15px;
}
/* FORCE footer to fit content only */
.footerbottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
  height: fit-content !important;
  overflow: hidden !important;
}

/* Kill background overlay extra height */
.footerbottom .elementor-background-overlay {
  display: none !important;
}

/* Fix decorative shapes causing height */
.footerbottom .elementor-shape,
.footerbottom .elementor-shape-bottom,
.footerbottom .elementor-shape-top {
  display: none !important;
}

/* Ensure no extra spacing from last element */
.footerbottom > .elementor-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* All Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: "Ivy Presto", Sans-serif !important;
		font-weight:500 !important;

} 

/* Normal Header (Transparent) */ .haeders{ background: transparent !important; position: absolute; width: 100%; z-index: 9999; transition: all 0.3s ease; } /* Normal Menu */ .haeders .menu-item > a{ color:#ffffff !important; } /* Normal Submenu */ .haeders .sub-menu a{ color:#ffffff !important; } /* Sticky Header Background */ .elementor-4231 .elementor-element.elementor-element-64cfc05.ekit-sticky--effects{ background:#ffffff !important; } /* Sticky Main Menu (Top Menu Only) */ .elementor-4231 .elementor-element.elementor-element-64cfc05.ekit-sticky--effects .menu-item > a{ color:#000000 !important; } /* Sticky Submenu Text White */ .elementor-4231 .elementor-element.elementor-element-64cfc05.ekit-sticky--effects .sub-menu a{ color:#ffffff !important; } /* Button Fix */ .elementor-4231 .elementor-element.elementor-element-64cfc05.ekit-sticky--effects .elementor-button{ color:#ffffff !important; }
  
.mobtop{
	height:1px !important;
}
.elementor-3707 .elementor-element.elementor-element-31d70d2 .elementor-icon-list-text{
	margin-top:-20px;
}
/* Desktop only */
@media (min-width: 1025px){

.elementor-4231 .elementor-element.elementor-element-cb5680e 
.elementskit-navbar-nav .elementskit-submenu-panel > li > a {
    color: #fff !important;
}

.elementor-4231 .elementor-element.elementor-element-cb5680e 
.elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a {
    color: #fff !important;
}

.elementor-4231 .elementor-element.elementor-element-cb5680e 
.elementskit-navbar-nav > li > a{
    color:#fff !important;
}

}

@media (max-width:768px){

.ekit-menu-nav-link,
.ekit-menu-dropdown-toggle{
  color:#000 !important; 
}
	.elementor-3707 .elementor-element.elementor-element-c8351f8 img
 {
    width: 100%;
    max-width: 143px;
}
	.elementor-3707 .elementor-element.elementor-element-b68d7c0 .elementor-icon-list-text{
		margin-top:-15px !important;
	}
	    .elementor-4231 .elementor-element.elementor-element-cb5680e .elementskit-navbar-nav > li > a
 {
        font-size: 16px;
        color: #000000 !important;

}
}
/* Our Treatments Menu Default Color */
a.ekit-menu-nav-link.ekit-menu-dropdown-toggle{
  color: #000 !important;
}
.layout-3 .page-header{
	background:#000;
}
.layout-3 .page-header-box h1{
	color:#fff !important;
}
.page-header-box {
    padding-top: 60px;
}
.layout-3 .page-header-box .trail-items li a, .layout-3 .page-header-box .post-meta ul li a, .layout-3 .page-header-box .trail-items li{
	color: #fff !important;
}


.elementor-4231 .elementor-element.elementor-element-6eadf08 .ata-site-logo img
 {
    max-width: 70%;
}
.elementor-3707 .elementor-element.elementor-element-c8351f8 img {
    width: 100%;
    max-width: 162px;
}
.elementor-3707 .elementor-element.elementor-element-5ad941a .elementor-heading-title,
.elementor-3707 .elementor-element.elementor-element-2b11789 .elementor-heading-title,
.elementor-3707 .elementor-element.elementor-element-34c37d0 .elementor-heading-title,.elementor-3707 .elementor-element.elementor-element-08b0c8f .elementor-heading-title, .elementor-3707 .elementor-element.elementor-element-de9e30c .elementor-heading-title {
    font-weight: 500 !important;
	font-size:26px !important;
}



/* =====================================
   GOOGLE FONTS (LOAD ONCE)
===================================== */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');


/* =====================================
   FORCE GLOBAL FONT
===================================== */
body {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 16px !important;
}

/* FORCE HEADINGS */
h1 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 52px !important;
}

h2 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 42px !important;
}

h3 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 32px !important;
}

h4 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 26px !important;
}

h5 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 20px !important;
}

h6 {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 16px !important;
}

/* FORCE PARAGRAPH */
p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
}

/* FORCE SMALL TEXT */
small,
label {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
}


/* =====================================
   CLASS OVERRIDE (STILL POSSIBLE)
===================================== */
.ed-why-title-responsive {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 52px !important;
}

.ed-why-heading {
  font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
  font-size: 25px !important;
}

.ed-why-desc {
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
}

.ed-why-small {
  font-family: "Poppins", sans-serif !important;
  font-size: 14px !important;
}


/* =====================================
   MOBILE FORCE
===================================== */
@media (max-width: 768px) {
  body {
    font-size: 15px !important;
  }

  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
  h3 { font-size: 22px !important; }

  .ed-why-title-responsive {
    font-size: 26px !important;
  }


  .elementor-4231 .elementor-element.elementor-element-cb5680e 
  .elementskit-navbar-nav .elementskit-submenu-panel {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
  }

  .elementor-4231 .elementor-element.elementor-element-cb5680e 
  .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
    display: block !important;
    line-height: 1.6 !important;
    padding: 12px 16px !important;
    white-space: normal !important;
  }
  .elementskit-menu-container,
  .elementskit-navbar-nav {
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

}

aside.widget{
	background:#000;
}
aside.widget ul li a{
	color:#fff !important;
	    font-family: "DM Sans", sans-serif !important;
}
aside.widget .wp-block-heading, aside.widget .widget-title{
	color:#fff !important;
	font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
}
aside.widget ul li, .wp-block-latest-comments {
 
	color:#fff !important;
	    font-family: "DM Sans", sans-serif !important;
}
.layout-3 .post-item-content h2 a{
	color:#000;
	font-family: "Baskerville Old Face", "Libre Baskerville", serif !important;
}
.post-item-content p{
	color:#000;
	    font-family: "DM Sans", sans-serif !important;
}
.layout-3 .post-readmore-btn a {
	color:#000;
	    font-family: "DM Sans", sans-serif !important;
}
.layout-3 .post-readmore-btn a::before{
	background-color:#000;
}
.post-entry ul li {
    font-size: 16px;
    font-family: "DM Sans", sans-serif !important;
    color: #000;
}
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {
    color: #f0f0f1 !important;
}
/* Fix WordPress Admin Icons */
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
.wp-menu-image:before {
    font-family: dashicons !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.layout-3 .post-single-meta ul li, .layout-3 .post-single-meta ul li i, .layout-3 .post-single-meta ul li i
 {
	color:#fff;
}
