/*
Theme Name: Dentist Child
Theme URI: https://matchthemes.com/premium/dentist-dental-clinic-medical-wordpress-theme/
Description: Child theme for the Dentist theme 
Author: MatchThemes
Author URI:
Version: 1.0
Template: dentist
*/

@font-face {
  font-family: Gloock;
  src: url(fonts/Gloock.ttf);
}

.footer-widgets *, .footer-copy { color: #fff;}
.copyright a{margin:0 5px;font-size:14px;}
.footer-social { text-align: right;}

h1,h2,h3{ font-family: Gloock; letter-spacing: 0.5px;}
h5.elementor-heading-title.elementor-size-default { font-family: 'Gloock'; letter-spacing: 0.5px; font-size: 18px;}
footer { margin-top: 55px;}

.view-more, #submit, .wpcf7-submit, .page-numbers, .nav-page a, .page-links a, .post-password-form input[type="submit"] { border: none; background: linear-gradient(120deg, #101820, #717373);}
h2.elementor-heading-title.elementor-size-default { color: #333;}
.header-contact { flex: 1 1 0;}
.servicios path { fill: #101820!important;}
footer { background: linear-gradient(120deg, #101820, #717373); border-top: none;}
i.fas.fa-chevron-up { background: #101820;}
.header-contact i, .menu-contact ul:first-child i {color:  #101820!important;}
ul.footer-social { display: none;}
.faqs .elementor-tab-title { background: #eee!important;border:1px solid #ccc;}

.topSingleBkg {margin-bottom: 40px;}

.copyright { align-items: center; color: #fff;}
.copyright a { color: #fff;}

.item-img:before { background: linear-gradient(120deg, #101820, #717373); opacity: 0.7;}
.servicios .elementor-widget-heading{margin-bottom: 10px !important; max-width: 180px; margin: 0 auto;}
.servicios .elementor-widget-icon { margin-bottom: -10px!important;}

.beneficios { display: flex; justify-content: center; gap: 20px;}
.titleBenef{font-size:22px;font-family:Gloock;margin-bottom:20px;color:#fff;}
.beneficios p {width:320px;display: flex;align-items: center; padding: 20px; margin-bottom: 20px !important;padding: 20px;margin-bottom: 20px !important;background-color: rgba(255, 255, 255, .8);border-radius: 4px;color: #333;}
.beneficios p:hover{background-color: #666;color: #fff;transition: all .5s ease;}

.cita {
    position: fixed;
    right: 0;
    bottom: 92px;
    z-index: 999;
    background: linear-gradient(120deg, #101820, #717373);
    padding: 30px;
    color: #fff;
    border-radius: 25px 0 0 25px;
    transition: all .5s ease;
}

.cita:hover {
    padding-left: 40px;
    border-radius: 35px 0 0 35px;
    animation: bg-gradient 0.5s ease forwards;
    color:#fff;}

.cita strong {font-size: 18px;}



@keyframes bg-gradient {
    0% {
        background: linear-gradient(120deg, #101820, #717373);
    }
    25% {
        background: linear-gradient(124deg, #101820, #717373);
    }
	50% {
        background: linear-gradient(127deg, #101820, #717373);
    }
	75% {
        background: linear-gradient(131deg, #101820, #717373);
    }
    100% {
        background: linear-gradient(135deg, #101820, #717373);
    }
}

.boxCuadro{box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);margin:10px;border-radius:6px;}

.ms-image img {
    width: 120px!important;
	background:transparent;
}
.ms-image {
    display: flex;
    align-items: center;
	border: 1px solid #717373 !important;
    padding: 20px 20px 40px !important;
	width: 277.5px !important;
}
.caption-wrap h5 {
    font-family: 'Gloock';
    letter-spacing: 0.5px;
    font-size: 16px;
    max-width: 190px;
}
.caption-wrap div:not(.caption) {
    max-width: 250px;
}
.caption {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    padding:10px 0 0!important;
    max-height: 120px!important;
}
.caption-wrap {
    border: none!important;
}
.msDefaultImage {
    width: 80px!important;
    max-width: 80px!important;
}

.showmobile,.menu-contact .social-media{display:none;}

@media(max-width:700px){
	.beneficios { flex-direction: column; align-items: center;}
	.showmobile{display:block;}
	.hidemobile{display:none;}
	.ms-image { width: 300px!important; margin: 0 10px!important;}
	p.benef { border-radius: 9px;}
}