/*
Theme Name: Dental Hospital
Theme URI: https://awplife.com/wordpress-themes/medihealth-premium/
Template: medihealth
Author: A WP Life
Author URI: https://awplife.com
Description: Dental Hospital, a meticulously designed free WordPress child theme, stands out with its responsive design and clean typography, making it a versatile choice across an array of categories. Specifically crafted for medical and healthcare services, including hospitals, clinics, and dental practices, this theme effortlessly transitions into the wellness and beauty industry, educational institutions, media and publications, business and finance, photography, startups, architecture, and construction. Its adaptability further extends to health and fitness blogs, technology and security-focused websites, as well as community and social services. Dental Hospital's seamless compatibility with popular plugins, such as Elementor Page Builder, WooCommerce, and WPML, coupled with its grid blog layout, ensures not only an efficient and visually appealing platform but also a seamless user experience. Whether establishing an online presence for healthcare institutions, showcasing portfolios, or sharing insights through a blog, Dental Hospital offers a flexible and user-friendly solution, transcending traditional boundaries and catering to the diverse needs of various sectors.
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, translation-ready
Version: 0.0.3
Tested up to: 6.2
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: dental-hospital
*/

.blog-post-single .blog_txt a {
	text-decoration: underline;
}

/* Blog */
.dental_hospital_blog_slide.blog_grid_layout {
    margin-bottom: 35px;
}
.dental_hospital_blog_slide {
    background: #fff;
    position: relative;
    padding: 0;
    transition: 1s;
    flex-shrink: 0;
    width: 100%;
    max-width: 100% !important;
    border: 2px solid #f0f0f0;
}

.dental_hospital_blog_slide:hover {
    box-shadow: 0 0px 9px 1px rgba(0, 0, 0, 0.2);
    transition: 1s;
}

@media screen and (min-width: 768px) {
	.dental_hospital_blog_slide {
		max-width: 31.3%;
	}
	.dental-hospital-blog-box {
		padding: 0 8px;
	}
}
@media screen and (max-width: 530px) {
	.masonry-inner {
		margin-left: 0 !important;
	}
}

.page_order .pagination {
	display: block;
}

/*Child Theme Color CSS */
a {	color: #36477F; }

@media screen and (max-width: 530px) {
	.masonry-inner {
		margin-left: 20px;
	}
}

/*--------------------------------------------------
	Header
--------------------------------------------------*/

.header-top { background: #36477F !important; }
/* span.icon_img i { color: #36477F !important; }
 */
button.apointmnet_btn {
	color: #36477F;
	background: #fff;
}

button.apointmnet_btn:hover {
	background-color: #36477F !important;
	color: #fff !important;
}


.inner_slider_part {
	background: #36477F !important;
}

/*--------------------------------------------------------------
##  Nav Menu color
--------------------------------------------------------------*/

.main-navigation .menu>li .sub-menu>li.current-menu-ancestor>a,
.main-navigation .menu>li .sub-menu>li.current-menu-parent>a,
.main-navigation .menu>li .sub-menu>li.current-menu-item>a,
.main-navigation .menu .current-menu-ancestor>a,
.main-navigation .menu .current-menu-parent>a,
.main-navigation .menu .current-menu-item>a,
.main-navigation .menu>li>a:hover {
	color: #36477F !important;
}

.main-navigation .menu>li .sub-menu>li>a:hover {
	color: #36477F !important;
}

@media screen and (max-width: 767px) {
	button.open-nav-btn {
		border: 2px solid #36477F;
		color: #36477F;
	}
		.slide-content .close-btn {
		border: 2px solid #36477F;
		color: #36477F;
	}
}



/*--------------------------------------------------------------
##  Submenu arrow: end 
--------------------------------------------------------------*/

@media screen and (min-width: 1025px) {
	.main-navigation .menu>li>.sub-menu::before {
		border-bottom-color: #36477F !important;
	}
}

/*--------------------------------------------------------------
##  Slider Color CSS
--------------------------------------------------------------*/

.main_slide_center{
    background: rgb(54, 71, 127,0.5);
    padding: 25px;
    border: none;
}
button.slider_btn{
	color: #36477F;
}
.swiper-pagination.main_nav .swiper-pagination-bullet {
    border: 4px solid #36477F !important;
}

.main_slide_txt h1 {
	font-size: 50px; 
}

.slider_txt_pos {
	width: 50%;
}

.main_slide_txt p {
	font-size: 15px;
}

/*--------------------------------------------------------------
##  Service Color CSS
--------------------------------------------------------------*/

span.ser_icon i {
    line-height: 120px;
    background: #36477F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services_icon{
	border: 1px solid #36477F;
}

.services_text a{
	color: #36477F;
}

.services_col:hover {
    box-shadow: 0 0 18px 4px #36477F;
}

/*--------------------------------------------------------------
##  Testimonial Color CSS
--------------------------------------------------------------*/

.patient-section{
	background: #36477F;
}


/*--------------------------------------------------------------
##  Portfolio Color CSS
--------------------------------------------------------------*/

.img_text span{
	background: rgb(54, 71, 127);
}

/*--------------------------------------------------------------
##  Nav WooCommerce
--------------------------------------------------------------*/

nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span {
	border: 1px solid #36477F !important;
	color: #36477F !important;
}

nav.woocommerce-pagination ul li a:hover {
	background: #36477F !important;
}

nav.woocommerce-pagination ul li span.current {
	background: #36477F !important;
}

.blog_slide_date {
	background: #36477F !important;
}

.blog_inner_txt h3 a:hover {
	color: #36477F !important;
}

.blog_inner_txt a {
	color: #36477F;
}

.swiper-button-next.blog_nav {
	background: #36477F !important;
}

.swiper-button-prev.blog_nav {
	background: #36477F !important;
}

.woocommerce button.button {
	background: #36477F !important;
}

.woocommerce a.remove {
	background: #36477F !important;
	color: #ffffff !important;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
	background-color: #36477F !important;
	border: 1px solid #36477F !important;
}

.woocommerce div.product form.cart .button,
.woocommerce a.button,
.sidebar a.button {
	background-color: #36477F !important;
}

button.single_add_to_cart_button {
	background: #36477F !important;
}

.shop_title h3 span {
	color: #36477F !important;
}

.shop_title h3:after {
	background: #36477F !important;
}

.single_product_item .single_product_text a i {
	color: #36477F !important;
}

.product_star i {
	color: #36477F !important;
}

.add_cart {
	background: #36477F !important;
	border: 1px solid #36477F !important;
}

.single_product_item .single_product_text .add_cart:hover {
	color: #36477F !important;
}

button.shop_sub_btn i {
	color: #36477F !important;
}


.page_order ul li a,
.page_order ul li span {
	border: 1px solid #36477F !important;
	color: #36477F !important;
}

.page_order ul li span.current {
	background: #36477F !important;
}

.page_order ul li a:hover {
	background: #36477F !important;
}


.recent_inner .rating {
	color: #36477F !important;
}


/*--------------------------------------------------------------
##  Pagination Color CSS
--------------------------------------------------------------*/

.page_order .nav-links a {
	border: 1px solid #36477F !important;
	color: #36477F;
}

.page_order .nav-links span {
	border: 1px solid #36477F !important;
	/* color: #36477F !important; */
}

.page_order .nav-links span.current {
	background: #36477F !important;
}

.page_order .nav-links a:hover {
	background: #36477F !important;
}


/*--------------------------------------------------------------
##  Blog Color CSS
--------------------------------------------------------------*/

.blog_head h5 {
	color: #36477F !important;
}

.blog_head h5 span {
	color: #36477F !important;
}

.blog_cat {
	color: #36477F !important;
}

.blog_cat a {
	color: #36477F !important;
}

.blog_date_comt a {
	border: 1px solid #36477F !important;
	background: #36477F !important;
}

.blog_date_comt h5 {
	color: #36477F !important;
}

.blog_date_comt h5 span {
	color: #36477F !important;
}

.blog_date_comt a:hover {
	color: #36477F !important;
}

input.blog_btn {
	background: #36477F !important;
	border: 1px solid #36477F !important;
}

input.blog_btn:hover {
	color: #36477F !important;
}

.blog_txt_single {
	border-left: 4px solid #36477F !important;
}

.blog_tags_part ul li a:hover {
	background: #36477F !important;
}

.blog_tags_part h2 span {
	color: #36477F !important;
}

input#author {
	color: #36477F !important;
}

input#email {
	border: 1px solid #ced4da;
	color: #36477F !important;
}

input#website {
	border: 1px solid #ced4da;
	color: #36477F !important;
}

input#submit.submit {
	background-color: #36477F !important;
	/* border: 1px solid #36477F !important; */
}

input#submit.submit:hover {
	color: #36477F;
	background: #fff !important;
}

li.nav-item a:hover {
	color: #36477F !important;
}

/* Single */
.blog_cat a, .blog_single_cat a {
    color: #36477F;
    border: 1px solid #36477F;
}
.blog_tags_part ul li a {
    background: #36477F;
    border: 1px solid #36477F;
}
.review_box_title span {
    border-bottom: 2px solid #36477F;
}

/*--------------------------------------------------------------
##  Comment Color CSS
--------------------------------------------------------------*/

.comment-list li .vcard img {
	background-color: #36477F !important;
}

.comment-list li .comment-body .reply {
	background: #36477F !important;
}


.view-review.submit-btn a {
	background-color: #36477F !important;
	border: 1px solid #36477F !important;
}

.view-review.submit-btn a:hover {
	color: #36477F !important;
}

.med_head h4 {
	color: #36477F;
}

.head_line:after {
	background: #36477F;
}

/*--------------------------------------------------------------
##  Widget/Footer Color CSS
--------------------------------------------------------------*/

.footer_icon .icon {
	border: 1px solid #36477F !important;
}

.footer-section h3 span {
	color: #36477F !important;
}

.footer_link ul li a:hover:before {
	background: #36477F !important;
}

.footer_link ul li a:hover {
	color: #36477F !important;
}

button.footer_sub_btn i {
	color: #36477F !important;
}

.widget-title::before {
	background-color: #36477F !important;
}

#site-searchform #searchsubmit {
	background-color: #36477F !important;
}

#site-searchform #searchsubmit:hover {
	background-color: #36477F !important;
}

.widget ul li a:hover {
	color: #36477F !important;
}

.widget table#wp-calendar caption {
	background: #36477F !important;
}

.widget table#wp-calendar #next a:hover,
.widget table#wp-calendar #prev a:hover {
	color: #36477F !important;
}

.tagcloud a:hover {
	background-color: #36477F !important;
}

.footer-section {
	background-color: #36477F !important;
}

.widgets_inner .list li a:hover {
	color: #36477F !important;
}


.blog_read_more a {
	border: 1px solid #36477F !important;
}

.blog_read_more a:hover {
	background: #36477F !important;
}

.appoint-part h5 {
	color: #36477F !important;
}

.botton_btn_footer {
	border: 1px solid #36477F !important;
	background: #36477F !important;
}

.botton_btn_footer:hover {
	color: #36477F !important;
}


/*--------------------------------------------------------------
##  Portfolio Color CSS
--------------------------------------------------------------*/

.portfolioFilter a {
	border: 1px solid #36477F !important;
	color: #36477F !important;
}

.portfolioFilter a:hover {
	background: #36477F !important;
}

.portfolioFilter a.current {
	background: #36477F !important;
}


/*--------------------------------------------------------------
##  Contact Color CSS
--------------------------------------------------------------*/

.contact-frm input,
.contact-frm textarea {
	color: #36477F !important;
}


.contact-frm .submit-btn {
	background-color: #36477F !important;
	border: 1px solid #36477F !important;
}


.contact-frm .submit-btn:hover {
	color: #36477F !important;
}

.contact-main .item .icon {
	border: 2px solid #36477F !important;
}

.con_v_icon {
	background: #36477F !important;
}

.contact-main .item .icon .fa,
.contact-main .item .icon .fas,
.contact-main .item .icon .pe-icon {
	color: #36477F !important;
}


form.wpcf7-form p span input.wpcf7-text {
	color: #36477F !important;
}


form.wpcf7-form p input.wpcf7-submit {
	background-color: #36477F !important;
	border: 1px solid #36477F !important;
}


/*--------------------------------------------------------------
##  Custom CSS for Child Theme typography
--------------------------------------------------------------*/
.blog_inner_txt h3 a {
	font-size: 20px;
    padding: 15px 0px 15px;
}

/* Footer */
a.social_icon_in:hover{
	box-shadow: 0 0 0 2px #1e1f1f24;
}