/*---------------------------------------------------------------------------------

 Theme Name:   The Dental Practice
 Theme URI:    https://dentalpractice.mt
 Description:  The Dental Practice website theme.
 Author:       NobleGenius.com
 Author URI:   https://noblegenius.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');

/* ------------------------------------------------------- */

/* ########## GENERIC STYLES ########## */
/* ---------- Titles ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-style: normal;
  text-rendering: optimizelegibility;
  line-height: 1.4;
}
h1,
.et_pb_title_container h1 {
  width: 100%;
  margin: 0.7em auto;
  overflow: hidden;
  font-size: 28px;
  font-weight: 300 !important;
  letter-spacing: 4.4px;
}
h2 {
  font-size: 24px!important;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}

/*------------------------------------------------*/
/*-------------------[Button]---------------------*/
/*------------------------------------------------*/
.et_button_no_icon .et_pb_button, div.wpforms-container-full button[type=submit] { 
    background-position: 50% 100%;
    background-size: 0;
	cursor:pointer;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.165,0.85,0.45,1);
	background-color: #2f4669;
    color: #fff;
    background-image: radial-gradient(circle at 50% 100%,#447cb3 1%,transparent 1%);
    border: none;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 10px 20px!important;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal;
    border-radius: 50px;
    background-origin: border-box;
}
.et_button_no_icon .et_pb_button:hover {
	background-color: #2f4669;
    color: #fff;
	background-size: 15000%;
	padding: 10px 20px!important;
	
}
.et_button_no_icon .et_pb_button:active 
{
	background-color: #2f4669;
    color: #fff;
    background-image: none;
	transition-duration: 0s;
	padding: 10px 20px!important;
}

.et_button_no_icon .et_pb_button.inverted {
	background-color: #ffffff;
    color: #274284;
    background-image: radial-gradient(circle at 50% 100%,#447cb3 1%,transparent 1%);
}
.et_button_no_icon .et_pb_button.inverted:hover {
	background-color: #447cb3;
    color: #ffffff;
}
.et_button_no_icon .et_pb_button.inverted:active {
	background-color: #447cb3;
    color: #ffffff;
}

.et_button_no_icon .et_pb_button.ghost {
	background-color: #ffffff;
    color: #274284!important;
    background-image: radial-gradient(circle at 50% 100%,#447cb3 1%,transparent 1%);
	border: 2px solid #274284!important;
}
.et_button_no_icon .et_pb_button.ghost:hover, .et_button_no_icon .et_pb_button.ghost-white:hover, .home-slider .et_pb_button:hover {
	background-color: #447cb3;
    color: #ffffff!important;
	border: 2px solid #447cb3!important;
}
.et_button_no_icon .et_pb_button.ghost:active, .et_button_no_icon .et_pb_button.ghost-white:active, .home-slider .et_pb_button:active  {
	background-color: #447cb3;
    color: #ffffff!important;
	border: 2px solid #447cb3!important;
}


.et_button_no_icon .et_pb_button.ghost-white, .home-slider .et_pb_button  {
	background-color: transparent;
    color: #FFFFFF!important;
    background-image: radial-gradient(circle at 50% 100%,#447cb3 1%,transparent 1%);
	border: 2px solid #FFFFFF!important;
}

div.wpforms-container-full button[type=submit] { margin-top:30px;}


/*------------------------------------------------*/
/*--------------------[Menu]----------------------*/
/*------------------------------------------------*/
@media screen and (max-width: 980px) {
  .mobile_menu_bar:after {
    content: "MENU";
    position: relative;
    color: #274284 !important;
    cursor: pointer;
    font-size: 15px;
    vertical-align: text-top;
  }
 .et_pb_menu .et_pb_menu__menu>nav>ul>li.book-appointment-mobile {
    display:block;
  }
}
@media screen and (min-width: 981px) {
  .et_pb_menu .et_pb_menu__menu>nav>ul>li.book-appointment-mobile {
    display:none;
  }
}
.et_mobile_nav_menu { margin-bottom:10px;}
.et_pb_menu__menu ul>li:hover [class*="dropdown-menu-container"] {
   column-count: 2;
}

.dropdown-menu-item.et_clickable:hover {
	border-radius:15px;
	background:#e3f6fe;
	-moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out 
}
header.et-l.et-l--header .et_pb_menu__menu .dropdown-menu-container-1 {
    transition: 0s !important;
    margin-top: -13px;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 12px;
	padding-bottom:12px;
}
.current_page_item, .current-page-ancestor { font-weight:700 }

/*------------------------------------------------*/
/*-------------------[Header]---------------------*/
/*------------------------------------------------*/
.menu-book-btn {
     margin-top:-4px;
	 display: inline-block;
}

@media screen and (max-width: 1200px) {
  .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    letter-spacing: 0px!important;
  }
	.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
		margin-top:0px!important;
	}
	.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon .et_pb_button:active   {
		padding:10px!important;
	}
	.et_pb_text_0_tb_header { margin-top:15px!important;}
}

/*------------------------------------------------*/
/*----------------[Breadcrumbs]-------------------*/
/*------------------------------------------------*/
.breadcrumbs a, .breadcrumb_last { font-size:12px; }

/*------------------------------------------------*/
/*----------------[Page Header]-------------------*/
/*------------------------------------------------*/
.difl_divider_0 .difl-divider-icon p.difl-divider-icon-text { font-weight:400!important;}
.difl_divider_0 .difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider div.difl-divider-left-side hr, .difl_divider_0 .difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider div.difl-divider-right-side hr { border-top-width: 0px!important;}

/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/
footer { line-height:26px; }
.credits-logo { margin-bottom:-5px; }
.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

a:hover img.desaturate {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}
footer, footer a {
	color: #6c88b6;
}

.footer-contacts { 
color: #6c88b6;
}

.footer-contacts h4 {
	color: #13418e;
	font-weight: bold;
}
ul.availability, ul.pricing {
    list-style: none;
    padding-left: 0;
    width: 99%;
}
.availability li, .pricing li {
	width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
	font-weight:500;
}
.availability li label::after, .pricing li label::after {
    color: #ccc;
    content: "______________________________________________________________________________________________________________________________________________________________________________________________________";
    position: absolute;
    top: -2px;
    font-size: 10px;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 22px;
}
.availability li label, .pricing li label {
	float: left;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: none;
}
.availability li label {  width: 60%; font-size: 14px; }
.pricing li label {  width: 85%; }
.pricing li label span { font-size: 13px; }
.social-contacts { margin-top: 5px;}
.social-contacts a { padding:10px; -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out  }
.social-contacts a img { margin-bottom: -6px;}
.social-contacts a:hover { background:#e3f6fe; border-radius:50px; }


/*------------------------------------------------*/
/*-------------------[LINKS]----------------------*/
/*------------------------------------------------*/
.highlight, ul#menu-treatments li a { 
	padding:5px 3px; 
	-moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out 
}
.highlight:hover, ul#menu-treatments li a:hover { background:#e3f6fe; border-radius:10px; }




/*------------------------------------------------*/
/*-------------------[HOME]-----------------------*/
/*------------------------------------------------*/
/* Google Rating */
/*.gmbrr.carousel .navigation .bullet a { border: 1px solid #FFFFFF;}
.gmbrr.carousel .listing {  border: 1px solid rgba(255,255,255,0.2);
    padding: 15px; }*/
.gmbrr.badge.tiny { box-shadow: none; padding: 0px; }
.gmbrr.badge, .gmbrr.badge.tiny { max-width: 100%; }
.gmbrr .listing { text-align: left; }
@media (max-width: 783px) {
	.gmbrr {
		width: 100%;
	}
}
.gmbrr.carousel.contrast .navigation .bullet a:hover, .gmbrr.carousel.contrast .navigation .current.bullet a:hover { background-color: #e3f6fe; box-shadow: 0 0 0 0.8rem #e3f6fe inset;}
.gmbrr.carousel.contrast .navigation .current.bullet a { background-color: #2f4669; box-shadow: 0 0 0 0.8rem #2f4669 inset; }
.post-banner-bar img { margin-bottom: -5px; padding-right:10px; }
.banner-title { font-family: 'Montserrat', cursive; font-size: 46px; line-height:50px; letter-spacing:1px; margin-bottom:50px; }
.banner-subtitle { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 20px; text-transform:uppercase; }


/*------------------------------------------------*/
/*-------------------[MISC]-----------------------*/
/*------------------------------------------------*/
.clear { clear: both; }
.post-footer { font-size: 12px; }

.image-mask {
    -webkit-mask-image: url(/wp-content/uploads/2023/05/tdp-page-header-mask-op30.svg);
    mask-image: url(/wp-content/uploads/2023/05/tdp-page-header-mask-op30.svg);
    -webkit-mask-size: calc(100% + 2px) calc(100% + 2px);
    mask-size: calc(100% + 2px) calc(100% + 2px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
}

h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px; font-style:italic;}


/*------------------------------------------------*/
/*------------------[POPUP]-----------------------*/
/*------------------------------------------------*/
#et-boc .area-outer-wrap[data-da-color=dark] .da-close { background:#2f4669!important; color:#FFFFFF!important; text-shadow:none!important; width:auto!important; padding: 0 8px; border-radius:50px; font-family: 'Montserrat', sans-serif !important; }

.da-close:after {
    /*content: "CLOSE";*/
	font-size: 13px;
	padding-left:5px;
	font-family: 'Montserrat', sans-serif !important;
}
.da-overlay { background: rgba(255, 255, 255, 0.55)!important; }