/**
Theme Name: Dental Hub
Theme URI: https://glthemes.com/wordpress-theme/dental-hub/
Author: Good Looking Themes
Author URI: https://glthemes.com/
Description: Dental Hub is a free WordPress theme for dentists, dental clinics, orthodontists, and other oral healthcare providers. This theme enhances the online presence of dental clinics or hospitals, enabling patients to easily locate the services they need. It offers an excellent experience due to its many features and user-friendly interface.The theme features a modern design, great user experience, and effective "Call to Action" elements that help expand business opportunities. Optimized for search engines, it ensures better visibility and higher rankings in search results, essential for attracting new patients. Fully responsive, it provides an optimal browsing experience on desktops and mobile devices. Whether booking an appointment or exploring services, the design adapts seamlessly to different screen sizes. Additionally, Dental Hub supports RTL (Right-to-Left) languages, making it an ideal choice for a global audience. Apart from its features, the theme has a strong support team, frequent updates, and simple documentation. These resources help users to fix their issues efficiently, ensuring the smooth and stress-free management of your website. Do not take our word for it; try the theme here: https://glthemes.com/live-demo/?theme=dental-hub. If you stumble upon any issues or have queries about the theme, refer to the official theme documentation: https://glthemes.com/documentation/medicall/ or leave an inquiry at https://glthemes.com/support/
Version: 1.0.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: dental-hub
Template: medicall
Tags: blog, portfolio, education, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, rtl-language-support
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Dental Hub is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Normalize
--------------------------------------------- */
:root {
--medi-primary-color: #238A7B;
--medi-secondary-color: #09C4A9;
--medi-primary-font: 'manrope', sans-serif;
--medi-secondary-font: 'inter', sans-serif;
--medi-white-color: #FFFFFF;
--medi-text-primary: #1C334C;
--medi-text-secondary: #727471;
--medi-body-tertiay: #E5E5E5;
--medi-background-color: #F3F9F8;
--medi-fallback-bg-color: #238A7B;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family: var(--medi-primary-font);
}
.entry-content .h1,
.entry-content .h2,
.entry-content .h3,
.entry-content .h4,
.entry-content .h5,
.entry-content .h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6, .center-title {
font-family: var(--medi-secondary-font);
}
/* header css */
.site-header .header-top .social{
background-color: var(--medi-secondary-color);
}
.site-header.style-one .header-top .social-left{
column-gap: 24px;
font-size: 16px;
font-weight: 600;
}
.site-header.style-one .header-top .social-left .header-title{
border-right: 1px solid #fff;
padding-right: 24px;
}
.site-header.style-one .desktop-header .desktop-header__wrapper .header-nav-con{
justify-content: center;
}
.social-link{
color: var(--medi-secondary-color);
}
/* buttons css */
.btn-primary{
display: flex;
gap: 12px;
padding: 12px 20px;
color: var(--medi-body-tertiay);
}
.btn-primary::after{
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: all .3s linear;
display: inline-block;
}
.btn-primary:hover{
color: var(--medi-primary-color);
background-color: var(--medi-white-color);
border: 1px solid var(--medi-primary-color);
}
.btn-primary:hover::after{
background-image: url('data:image/svg+xml,');
}
.header-right .btn-primary{
color: var(--medi-primary-color);
background-color: transparent;
}
.header-right .btn-primary::after{
display: none;
}
.header-right .btn-primary::before{
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: all .3s linear;
display: inline-block;
}
.header-right .btn-primary:hover{
color: var(--medi-white-color);
background-color: var(--medi-primary-color);
}
.header-right .btn-primary:hover::before{
background-image: url('data:image/svg+xml,');
}
/* banner css */
.banner-six .banner__content{
background: linear-gradient(269.04deg, rgba(255, 255, 255, 0) 31.23%, rgba(255, 255, 255, 0.84) 61.75%, #FFFFFF 99.05%);
}
.banner-six .banner-left .banner-left-wrap .banner-greet{
background-color: transparent;
color: var(--medi-text-primary);
font-size: 24px;
font-weight: 700;
}
.banner-six .banner-left{
max-width: 684px;
}
.banner-six .banner-left .banner-left-wrap .banner__title-wrapper .banner__title{
color: var(--medi-text-primary);
}
.banner-six .banner-left .banner-left-wrap .banner__title-wrapper .banner__title .is-bold{
font-weight: 700;
color: var(--medi-secondary-color);
}
.banner-six .banner-left .banner-left-wrap .banner__title-wrapper{
margin-bottom: 72px;
}
/* about us css */
.about{
background-color: var(--medi-background-color);
}
.center-title-con .center-heading.start-heading::after{
display: none;
}
.center-title-con .center-heading{
padding-bottom: 0;
}
.center-title-con .center-heading::after{
display: none;
}
.about .about-image-wrapper{
padding: 0;
}
.about-image-wrapper .about-img__main{
box-shadow: none;
}
.about-image-wrapper .about-img__secondary{
box-shadow: none;
outline: 10px solid var(--medi-background-color);
border: none;
max-width: 230px;
}
.about .about-desc{
margin-bottom: 40px;
}
.about .about-feature-wrapper{
display: flex;
gap: 72px;
margin-bottom: 48px;
flex-wrap: wrap;
}
.about .about-feature-wrapper .about-points{
display: block;
padding: 0;
flex: 1;
border: none;
margin-bottom: 0;
}
.about .about-points li{
padding-left: 35px;
}
.about .about-points li::before{
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: 2px;
}
.about .about-feature-wrapper .about-feature-con{
display: block;
flex: 1;
margin-bottom: 0;
}
.about .about-feature{
flex-direction: row;
gap: 16px;
}
.about .about-feature img{
width: 32px;
height: 32px;
}
.about .about-feature h3{
font-size: 14px;
font-weight: 400;
width: 112px;
text-align: left;
color: var(--medi-text-secondary);
}
.about .about-feature-wrapper .about-points li:not(:last-child), .about .about-feature-con a:not(:last-child) .about-feature{
margin-bottom: 24px;
}
/* service css */
.services{
background-color: transparent;
}
.services .center-heading , .article .center-heading{
max-width: 800px;
}
.center-title-con{
margin-bottom: 80px;
text-align: center;
}
.center-title-con .center-title{
font-weight: 500;
}
.services-con .card{
box-shadow: none;
border: 1px solid var(--medi-body-tertiay);
text-align: center;
border-radius: 8px;
padding: 40px 32px;
}
.services-con .card:hover{
border: 1px solid var(--medi-primary-color);
background: transparent;
}
.services-con .card:hover .card-title{
color: var(--medi-primary-font);
}
.services-con .card:hover .card-desc{
color: var(--medi-text-secondary);
}
.services-con .card:hover .btn__text{
color: var(--medi-primary-color);
}
.services-con .card:hover .btn__text svg path{
fill: var(--medi-primary-color);
}
.services-con .card .card-title{
border: none;
padding: 0;
}
.services-con .card .card-title h3{
font-weight: 600;
}
.services-con .card .btn__text{
max-width: unset;
justify-content: center;
}
.services .card-icon{
padding-bottom: 32px;
}
/* cta section css */
.ad-video .content{
background-color: #00000073;
}
.ad-video .content .container{
display: flex;
}
.ad-video .content .play-btn-con{
align-content: center;
}
.ad-video img.cover{
transform: rotateY(-180deg);
}
.ad-video .content .play-btn-con svg path{
fill: var(--medi-secondary-color);
}
.ad-video .content .center-title-con{
justify-content: start;
align-items: start;
text-align: start;
margin: 0;
padding: 0;
}
.ad-video .content .center-title-con .center-title{
font-weight: 500;
}
.ad-video .content .center-title-con .center-heading{
max-width: 576px;
padding-bottom: 0;
}
@media screen and (min-width: 974px) {
.ad-video .content {
padding: 100px 0;
}
}
/* department css */
.departments{
background-color: var(--medi-background-color);
position: relative;
}
.departments .center-title-con{
position: relative;
}
.departments::before{
content: '';
background-image: url('data:image/svg+xml,');
width: 350px;
height: 480px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 10px;
z-index: 0;
}
.departments .services-con{
position: relative;
z-index: 11;
}
.departments .center-title-con::after{
content: '';
background-image: url('data:image/svg+xml,');
width: 75px;
height: 75px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 0;
top: 40px;
}
.department-card{
border-radius: 8px;
box-shadow: 0px 0px 15px 0px #09C4A91A;
transition: .3s ease all;
}
.department-card .card-header-wrapper{
display: flex;
gap: 24px;
border-bottom: 1px solid var(--medi-body-tertiay);
margin-bottom: 24px;
}
.department-card .card-header-wrapper .department-card-title{
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.department-card .department-card-desc{
border-bottom: none;
}
.department-card .tick-points li::before{
content: '';
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: 2px;
}
.department-card .btn-primary{
color: var(--medi-primary-color);
background-color: transparent;
}
.department-card .btn-primary::after{
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: all .3s linear;
display: inline-block;
}
.department-card:hover{
background-color: var(--medi-primary-color);
}
.department-card:hover .department-card-icon img{
filter: brightness(20);
}
.department-card:hover .tick-points li::before{
background-image: url('data:image/svg+xml,');
}
.department-card:hover .department-card-title, .department-card:hover .department-card-desc, .department-card:hover .tick-points li{
color: var(--medi-white-color);
}
.department-card:hover .btn-primary{
border: 1px solid var(--medi-white-color);
color: var(--medi-white-color);
}
.department-card:hover .btn-primary::after{
background-image: url('data:image/svg+xml,');
}
/* appointment css */
.appointment .appointment-right{
background-color: #238A7BB2;
padding: 48px;
position: relative;
backdrop-filter: blur(20px);
align-content: center;
}
.appointment .appointment-right::before{
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
left: -10px;
top: 50%;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid #238A7BB2;
}
.appointment .appointment-right .center-title{
font-weight: 500;
color: var(--medi-white-color);
}
.appointment .appointment-right .appointment-form__desc{
font-weight: 700;
font-size: 40px;
color: var(--medi-white-color);
}
.appointment-form-con .center-title-con{
margin-bottom: 32px;
}
.appointment-form .input-wrap p{
display: flex;
justify-content: space-between;
gap: 20px;
}
.appointment-form .input-wrap p label {
flex: 1;
}
.appointment-form label input{
border: none;
}
.appointment-form label select{
width: 100%;
border: none;
padding: 16px 24px;
}
.appointment-form .checkbox label{
display: flex;
gap: 12px;
}
.appointment-form .checkbox label input{
width: 16px;
}
/* team css */
.team-con .center-title-con{
position: relative;
margin-bottom: 80px;
}
.team-con .center-title-con::before{
content: '';
background-image: url('data:image/svg+xml,');
width: 35px;
height: 35px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 100px;
top: 40px;
}
.team-con .center-title-con::after{
content: '';
background-image: url('data:image/svg+xml,');
width: 35px;
height: 35px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 100px;
top: 20px;
}
.team-card .team-profile{
border-radius: 0px;
}
.team-card .team-bio{
border: none;
margin-bottom: 0;
padding-bottom: 24px;
}
.team-card .team-profession{
font-weight: 400;
color: var(--medi-text-secondary);
}
.team-card .team-info{
padding: 24px 32px 32px 32px;
position: relative;
}
.team-card .social-link-con{
justify-content: space-between;
}
.team-card .social-link{
color: var(--medi-text-secondary);
width: 32px;
height: 32px;
}
.team-card .social-link svg{
width: 16px;
height: 16px;
}
.team-card{
transition: .3s ease all;
}
.team-card:hover{
background-color: var(--medi-primary-color);
}
.team-card:hover .team-name, .team-card:hover .team-profession{
color: var(--medi-white-color);
}
.team-card:hover .social-link{
color: var(--medi-primary-color);
}
.team-card:hover .team-info::after{
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
right: 40px;
top: -20px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom:20px solid #238A7B;
}
/* cta css */
.cta .cta-overlay{
background: #238A7B57;
padding: 100px 0;
}
.cta .cta-content{
display: flex;
justify-content: space-between;
align-items: center;
}
.cta .cta-content-left{
max-width: 637px;
}
.cta .cta-heading{
margin-bottom: 16px;
font-size: 32px;
}
.cta .cta-heading .is-bold{
font-size: 52px;
}
.btn-white{
display: flex;
gap: 12px;
}
.btn-white::after{
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: all .3s linear;
display: inline-block;
}
.btn-white:hover::after{
background-image: url('data:image/svg+xml,');
}
/* blog css */
.front-blog .article__card__wrapper {
grid-template-columns: repeat(2, 1fr);
}
.article__card__wrapper .artile__title{
font-size: 24px !important;
}
.front-blog .article__card .article__body__top .artile__title{
margin-bottom: 0;
border: none;
padding: 0;
}
.front-blog .article__card .article__body__bottom{
margin-top: 16px;
padding-top: 16px !important;
border-top: 1px solid var(--medi-body-tertiay);
}
.front-blog .card-right .article__card{
display: flex;
}
.front-blog .card-right .article__card .article__img{
width: 40%;
height: auto;
}
.front-blog .card-right .article__card .article__body{
width: 60%;
}
.front-blog .article__card .article__body__bottom{
color: var(--medi-text-secondary);
}
.front-blog .card-right .article__card .article__img img{
height: 100%;
object-fit: cover;
}
.front-blog .card-right .article__card:first-child{
margin-bottom: 48px;
}
.article__card__wrapper .article__card{
box-shadow: 0px 0px 12px 1px #4697893D;
}
.front-blog .card-left .article__img{
position: relative;
}
.front-blog .card-left .article__card{
height: 100%;
}
.article__card .article__body__top .article__tags li a{
font-weight: 400;
}
.front-blog .card-left .article__img img{
height: 100%;
object-fit: cover;
}
.article__card .article__body__bottom{
margin-bottom: 24px;
}
.front-blog .article__card .article__body__bottom{
margin-bottom: 0;
}
.site-footer .social-link{
color: var(--medi-primary-color);
}
.site-footer .site-footer__main .widget_media_image .wp-block-image{
margin-top: 0;
margin-bottom: 24px;
}
.site-footer .site-footer__main .wp-block-buttons a{
display: flex;
align-items: center;
gap: 12px;
border: 1px solid transparent;
}
.site-footer .site-footer__main .wp-block-buttons a::after{
content: '';
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
transition: all .3s linear;
display: inline-block;
}
.site-footer .site-footer__main .wp-block-buttons a:hover{
color: var(--medi-white-color) !important;
border: 1px solid var(--medi-secondary-color);
background-color: transparent !important;
}
.site-footer .site-footer__main .wp-block-buttons a:hover::after{
background-image: url('data:image/svg+xml,');
}
.breadcrumb-wrapper{
background-color: var(--medi-primary-color);
}
.breadcrumb-wrapper header.entry-header::after{
display: none;
}
.post-navigation .nav-links{
align-items: center;
}
.wp-block-search__button:hover, .wpcf7-form input[type=submit]:hover, form input[type=submit]:hover{
background-color: var(--medi-secondary-color) !important;
border-color: var(--medi-secondary-color) !important;
}
.blog__date a{
display: flex;
gap: 12px;
align-items: center;
}
.blog__date a span{
height: 20px;
}
/* contact page css */
.contact-form-con .center-heading{
text-align: start;
}
.contact-form-wrap .contact-img::before, .contact-form-wrap .contact-img::after{
display: none;
}
.comments-area .comment-list .comment .comment-body .reply{
padding-bottom: 0;
}
.error404 .content-area .row{
justify-content: center;
}
.sidebar .sidebar-footer .sidebar-footer-bottom .social-left .social-info svg{
width: 20px;
height: 20px;
}
@media screen and (max-width:974px) {
.about .about-img__secondary{
max-width: unset;
width: 400px;
max-height: unset;
height: auto;
outline: 20px solid var(--medi-background-color);
}
.ad-video .content .container, .cta .cta-content {
flex-direction: column;
gap: 24px;
}
.ad-video .content .center-title-con{
text-align: center;
align-items: center;
}
.cta .cta-content-left{
text-align: center;
}
.front-blog .article__card__wrapper{
grid-template-columns: repeat(1, 1fr);
}
.front-blog .card-right .article__card{
flex-direction: column;
}
.front-blog .card-right .article__card .article__body, .front-blog .card-right .article__card .article__img{
width: 100%;
}
.front-blog .card-right .article__card .article__img, .front-blog .card-left .article__img{
height: auto;
max-height: unset;
}
.front-blog .card-right .article__img img{
height: inherit;
}
.team-card .team-profile{
height: auto;
}
.banner-six .banner-left .banner-left-wrap .banner__title-wrapper{
margin-bottom: 32px;
}
.about .about-feature-wrapper{
gap: 32px;
}
.center-title-con{
margin-bottom: 32px !important;
}
.banner-six .banner-left .banner-left-wrap .banner-greet{
padding: 0;
font-size: 18px;
}
.cta .cta-overlay{
padding: 50px 0;
}
}
@media screen and (max-width: 768px) {
.appointment-form .input-wrap p{
flex-direction: column;
}
}
@media screen and (max-width: 480px) {
.comments-area .comment-list .comment .comment-body .comment-content{
padding-bottom: 24px;
}
}
/* section padding css */
@media screen and (min-width: 1200px) {
.about, .services , .departments, .appointment, .team-con, .article {
padding-top: 132px;
padding-bottom: 132px;
}
}
@media screen and (min-width: 974px) {
.front-blog .card-left .article__card{
display: flex;
flex-direction: column;
}
.front-blog .card-left .article__img{
height: 52%;
}
/* .front-blog .card-left .article__body{
flex: 1;
} */
.front-blog .card-left .article__img .bg-overlay {
height: 100%;
background: #00000069;
position: absolute;
width: 100%;
}
}