/*
Theme Name: ADC Theme
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: ADC Theme — Algodones Dental Center child theme for Kadence, with clinic header, footer and redesigned home and blog templates.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.1.50.1704703530
Updated: 2024-01-08 08:45:30

*/

#main-header .site-main-header-wrap,
#mobile-header .site-main-header-wrap {
  padding-bottom: 2px;
}

.wp-block-navigation__responsive-container-close {
  display: none !important;
}

#main-header .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner {
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.25);
}


body, h1, h2, h3, h4, h5, h6, p, li ,td{
font-family:'arial' !important;}

#kt-scroll-up.scroll-up-side-right {
  bottom: 20px;
  left: 15px;
  right: unset;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #ddeeee;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.pagemenu::-webkit-scrollbar,
.wrap-tabs .tabs-nav::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.pagemenu:first-child,
.wrap-tabs .tabs-nav {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.loop-entry .entry-summary p,
.loop-entry .entry-header .entry-meta {
  display: none !important;
}

.pagemenu {
  padding-bottom: 20px;
}

.wp-block-table thead {
  background-color: #333333;
  color: white;
}
.pagemenu.fixed {
  padding: 6px 0px;
  border-bottom: none !important;
  background: #fff;
  z-index: 99;
  width: 100%;
}

.wp-block-navigation .wp-block-navigation-item {
  width: fit-content;
  padding: 5px 10px;
}
.wp-block-navigation .wp-block-navigation-item {
  max-width: max-content;
}

.pagemenu ul.wp-block-navigation__container {
  padding: 10px 5px;
}

.pagemenu.fixed ul {
  max-width: var(--global-content-width);
  margin: 0px auto;
  box-shadow: none;
}

.wp-block-navigation .wp-block-navigation-item {
  min-width: fit-content;
}

.pagemenu ul li {
  background: #fff;
  padding: 5px 10px;
  border-radius: 25px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
  color: #222222;
}
.pagemenu ul li.active {
  background-color: #222222;
  border: solid 2px #222222 !important;
  color: white;
  font-weight: 700;
  box-shadow: none;
}

.pagemenu ul li:hover {
  background-color: #00000015;
  border: solid 1px #222222;
  color: var(--global-palette1);
  box-shadow: none;
}

.pagemenu ul li a {
  color: var(--global-palette1);
  opacity: 0.8;
  font-size: 16px;
}

.pagemenu ul li.active a {
  opacity: 1;
}

li::marker {
  display: block;
}
.wp-block-kadence-iconlist
  ul.kt-svg-icon-list
  li.kt-svg-icon-list-item-wrap:not(.this-prevents-issues):not(
    .this-stops-third-party-issues
  ):not(.tijsloc) {
  align-items: baseline;
}

.wp-block-navigation .wp-block-navigation-item {
  in-width: fit-content;
}

.pagemenu:first-child {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.fixed.pagemenu:first-child {
  z-index: 99;
  left: 0px;
  width: 100%;
}
.fixed.pagemenu {
  left: 0px;
  box-shadow: rgba(0, 0, 0, 0.25) 0rem 0.125rem 0.125rem;
}

.pagemenu .wp-block-navigation__responsive-container {
  position: unset;
  display: block;
  max-width: 100%;
}

.kadence-breadcrumb-container {
  font-size: 12px;
  color: #333333;
  margin-top: 10px;
}

.pagemenu button.wp-block-navigation__responsive-container-close {
  display: none;
}
.pagemenu button.wp-block-navigation__responsive-container-open {
  display: none;
}

.re_footer {
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #f31c1c;
}

@font-face {
  font-family: "dv-icons";

  src: url("assets/fonts/dv-icons.eot?u0XkkUXH36dB9R4");

  src: url("assets/fonts/dv-icons.eot?u0XkkUXH36dB9R4#iefix") format("eot"),
    url("assets/fonts/dv-icons.woff2?u0XkkUXH36dB9R4") format("woff2"),
    url("assets/fonts/dv-icons.woff?u0XkkUXH36dB9R4") format("woff"),
    url("assets/fonts/dv-icons.ttf?u0XkkUXH36dB9R4") format("truetype"),
    url("assets/fonts/dv-icons.svg?u0XkkUXH36dB9R4#dv-icons") format("svg");
}

.footer .footercontent .social-icons a i {
  color: #fff;
  font-size: 1rem;
  line-height: 2.5rem;
}

.reviewers .social-icons a:not(:last-child) {
  margin-right: 20px;
  margin-top: 5px;
}

.reviewers .social-icons a {
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.dvi-youtube:before,
.dvi-x-circle:before,
.dvi-x-circle-fill:before,
.dvi-wifi:before,
.dvi-wheelchair:before,
.dvi-upload:before,
.dvi-twitter:before,
.dvi-trophy:before,
.dvi-taxi:before,
.dvi-star:before,
.dvi-star-outline:before,
.dvi-speciality:before,
.dvi-sliders:before,
.dvi-shield-check:before,
.dvi-search:before,
.dvi-scroll-top:before,
.dvi-right:before,
.dvi-restaurant:before,
.dvi-quote:before,
.dvi-question:before,
.dvi-plus:before,
.dvi-plus-square:before,
.dvi-plus-circle:before,
.dvi-play:before,
.dvi-play-circle:before,
.dvi-pinterest:before,
.dvi-phone:before,
.dvi-paypal:before,
.dvi-payment:before,
.dvi-pause:before,
.dvi-parking:before,
.dvi-minus:before,
.dvi-menu:before,
.dvi-left:before,
.dvi-later:before,
.dvi-instagram:before,
.dvi-hotel:before,
.dvi-home:before,
.dvi-geo:before,
.dvi-financing:before,
.dvi-facebook:before,
.dvi-expertise:before,
.dvi-envelope:before,
.dvi-education:before,
.dvi-done:before,
.dvi-diagnostic:before,
.dvi-credit-card:before,
.dvi-consultation:before,
.dvi-close:before,
.dvi-clock:before,
.dvi-chevron-up:before,
.dvi-chevron-down:before,
.dvi-cheque:before,
.dvi-check-circle:before,
.dvi-check-circle-fill:before,
.dvi-cash-coin:before,
.dvi-bank-transfer:before,
.dvi-association:before {
  font-family: "dv-icons";

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-variant: normal;

  font-weight: normal;

  text-decoration: none;

  text-transform: none;
}

.reviewers .dvi-facebook:before {
  content: "";
  font-size: 25px;
}
.reviewers .dvi-twitter:before {
  content: "";
  font-size: 25px;
}

.reviewers .dvi-instagram:before {
  content: "";
  font-size: 25px;
}

.reviewers .dvi-linkedin {
  background-image: url("./assets/icons/icons-linkedin.svg");
  background-repeat: no-repeat;
  content: " ";
  width: 30px;
  height: 30px;
  display: inline-block;
  font-size: 25px;
  background-size: contain;
  margin-top: 5px;
  position: relative;
  top: 6px;
  /* color: #fff; */
}
.reviewers .dvi-linkedin:hover {
  background-image: url("./assets/icons/icons-linkedin-hover.svg");
}

.reviewers .dvi-youtube:before {
  content: "";
  font-size: 25px;
}

.reviewers .dvi-pinterest:before {
  content: "";
  font-size: 25px;
}

#medically_reviewed_by {
  display: flex;
  padding: 15px;
  align-items: center;
}

.kt-accordion-panel-inner {
  background: #f3f3f3 !important;
}

.wp-block-kadence-tabs .kt-tabs-title-list::-webkit-scrollbar {
  display: none;
}

.wp-block-kadence-tabs .kt-tabs-title-list {
  flex-wrap: nowrap !important;
  overflow-y: visible;
  overflow-x: auto;
  position: relative;
  z-index: 2;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.kt-tabs-content-wrap {
  position: relative;
  z-index: 1;
}

.kt-tabs-title-list li .kt-tab-title {
  width: max-content;
}

.reviewer_image img {
  width: 50px;
  border-radius: 25px;
  margin-right: 15px;
}
.re_name,
.re_specilization {
  font-size: 14px;
  padding-top: 10px;
  font-style: italic;
  color: #91a1a5;
}
.reviewer_info {
  font-size: 14px;
}

@media (max-width: 767px) {
  .pagemenu ul li a {
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  table {
    min-width: 400px;
  }

  .kt-tabs-title-list li {
    min-width: max-content;
  }

  .fixed.pagemenu:first-child {
    padding: 6px var(--global-content-edge-padding);
  }
}

@media (min-width: 1025px) {
  .menu_fixed .sidebar-inner-wrap {
    padding-top: 90px;
  }
}
.cb-form input[type="submit"] {
  font-size: 18px;
  font-weight: 600;
  font-family: "arial";
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: white;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}


body {
  line-height: 1.5;
}
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
  margin: 1.7em 0 1em;
}
.cb-form {
  background-color: white;
  border: 1px solid var(--global-gray-400);
}

.cb-form h3 {
  font-size: 22px !important;
  font-family: inherit;
  color: #222222 !important;
}
.cb-form input[type="submit"] {
  font-family: inherit;
  background-color: #f2aa06;
  color: #222222;
  text-transform: inherit;
}

.cb-form input[type="submit"]:hover {
  background-color: #222222;
  color: #ffb712;
}



@media (max-width: 1024px) {
  
    .mtc-form-wrapper {
        margin-top:20px;
    opacity: 100;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.mtc-form-wrapper.form-animate {
    opacity: 1;
    transform: translateY(0);
}
    
}

@media (max-width: 768px) {
  .sidebar-inner-wrap .mtc-form-wrapper {
    display: none !important;
  }
}

.wp-block-table tbody tr:first-child {
    text-align: left;
    padding: 11px 20px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--muted);
    font-weight: 600;
    background: #8bc1f21f;
    border-bottom: 1px solid var(--border);
}

.wp-block-table td{
    padding: 10px 12px !important;
}

/* ==========================================================================
   [mtcform] QUOTE FORM — site-wide, same look as the blog redesign's
   sidebar form (white card, visible light-grey inputs, red pill submit).
   Why !important: the shortcode prints its own <style> block inside the
   page body (blue #1f4ba0 box, borderless inputs), which comes after every
   stylesheet, and the plugin's mtc-form.css sets inputs to border:none —
   so on any white background (e.g. the price-list page's custom CSS) the
   fields vanished. Blog/home templates keep their own scoped overrides
   (blog-redesign.css / home-redesign.css), which are more specific.
   ========================================================================== */
.mtc-form-wrapper .mtc-form {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    padding: 28px 24px 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important;
}
.mtc-form-wrapper .mtc-form .title {
    color: #0f172a !important;
    font-size: 1.375rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin: 0 0 20px !important;
}
.mtc-form-wrapper .underline:after { background-color: #003481 !important; }
.mtc-form-wrapper .mtc-form .form-group { margin-bottom: 12px !important; }
.mtc-form-wrapper .mtc-form .form-group input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.mtc-form-wrapper .mtc-form .form-group textarea,
.mtc-form-wrapper .mtc-form .form-group select {
    width: 100% !important;
    min-height: 54px;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 22px 16px 8px !important; /* top room for the floating label */
    font-family: inherit !important;
    font-size: 16px !important; /* 16px stops iOS zooming into the field */
    color: #0f172a !important;
    box-shadow: none !important;
    transition: border-color .2s ease, background-color .2s ease;
}
.mtc-form-wrapper .mtc-form .form-group textarea { min-height: 96px; resize: vertical; }
.mtc-form-wrapper .mtc-form .form-group input:focus,
.mtc-form-wrapper .mtc-form .form-group textarea:focus,
.mtc-form-wrapper .mtc-form .form-group select:focus {
    background-color: #ffffff !important;
    border-color: #003481 !important;
    outline: none !important;
}
/* Phone has no floating label (the plugin hides it), just a placeholder —
   centre it, and clear the country-flag picker on the left. */
.mtc-form-wrapper .mtc-form .form-group #phone {
    padding: 15px 16px 15px 56px !important;
}
.mtc-form-wrapper .mtc-form .form-group label { color: #64748b !important; }
.mtc-form-wrapper .mtc-form .form-group input:focus + label,
.mtc-form-wrapper .mtc-form .form-group textarea:focus + label,
.mtc-form-wrapper .mtc-form .form-group input:not(:placeholder-shown) + label,
.mtc-form-wrapper .mtc-form .form-group textarea:not(:placeholder-shown) + label {
    color: #003481 !important;
}
.mtc-form-wrapper .mtc-form .iti__selected-flag { border-radius: 12px 0 0 12px; }
.mtc-form-wrapper .mtc-form input[type="submit"] {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 12px !important;
    padding: 14px 24px !important;
    background-color: #bc000c !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 20px !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05) !important;
    cursor: pointer;
    transition: background-color .2s ease;
}
.mtc-form-wrapper .mtc-form input[type="submit"]:hover,
.mtc-form-wrapper .mtc-form input[type="submit"]:focus {
    background-color: #99000a !important;
    color: #ffffff !important;
}
.mtc-form-wrapper .footer { color: #64748b !important; font-size: .8rem; }