/*
Theme Name: Derma Care
Theme URI: https://awplife.com/wordpress-free-theme/derma-care/
Template: medihealth
Author: A WP Life
Author URI: https://awplife.com
Description: DermaCare is a free WordPress theme with responsive design and clean typography. Themes have a combination of medical and healthcare services. The template design is used to designing and developing websites for hospitals, doctors, clinics, health centers or community health centers, medical stores, health services, dental, drug stores, spa massage centers, surgeons, dentists, health centres, Paramedic, Audiologist, Pharmacy technician, Dental assistant, Prosthetist, Psychologist, Surgical technologist, health club, medicals, Pediatrics, Language Therapist, Sonographer, nursing homes, veterinary clinics, medical stores, orthopedics, medical personnel, general physicians, General practitioner, Genetic counselor, Paediatrician, Chiropractor, Primary care physician, gynaecologist, Gastroenterology General Surgery, Emergency Medicine, Obstetrics & Gynaecology, health consultant, physiotherapists, orthopaedics, medical practitioners, paediatricians, medicine, Clinical, Hospitals, Health Clinics, Medical Practices, Pediatrics, ambulance, psychiatry, pharmacies, therapy and health care centres. It's also suitable with blog, portfolio, news, newspaper, magazine, business, architecture, construction, inspirational industries, Beauty & spa salons, photography, gym, bodyshape, fitness, total startups, education, university portal, restaurant, shop, magazines, finance website. It is very fast and responsive for creating beautiful fast loading and accessible websites which is never underestimate. Derma Care is RTL & translation ready. Theme is fully responsive and compatible with popular WordPress plugins like Elementor Page Builder, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Origin blocks, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms, Wordfence Security, WP Super Cache and more. The theme has a Grid blog design layout to start your healths and wellness blog today.
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.2.7
Tested up to: 6.5
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: derma-care
*/

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

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

@media screen and (min-width: 768px) {
	.derma_blog_slide {
		max-width: 31.3%;
	}
	.derma-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: #08A882; }

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

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

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

button.apointmnet_btn:hover {
	background-color: #08A882 !important;
	color: #fff !important;
}


.inner_slider_part {
	background: #08A882 !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: #08A882 !important;
}

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

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



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

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

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

.main_slide_center{
    background: rgb(8, 168, 130, 0.7);
    padding: 35px;
    border: 2px solid #08A882;
}
button.slider_btn{
	color: #08A882;
}
.swiper-pagination.main_nav .swiper-pagination-bullet {
    border: 4px solid #08A882 !important;
}

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

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

.services_icon{
	border: 1px solid #08A882;
}

.services_text a{
	color: #08A882;
}

.services_col:hover {
    box-shadow: 0 0 18px 4px #08A882;
}

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

.patient-section{
	background: #08A882;
}


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

.img_text span{
	background: rgb(0, 168, 130);
}

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

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

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

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

.blog_slide_date {
	background: #08A882 !important;
}

.blog_inner_txt h3 a:hover {
	color: #08A882 !important;
}

.blog_inner_txt a {
	color: #08A882;
}

.swiper-button-next.blog_nav {
	background: #08A882 !important;
}

.swiper-button-prev.blog_nav {
	background: #08A882 !important;
}

.woocommerce button.button {
	background: #08A882 !important;
}

.woocommerce a.remove {
	background: #08A882 !important;
	color: #ffffff !important;
}

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

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

button.single_add_to_cart_button {
	background: #08A882 !important;
}

.shop_title h3 span {
	color: #08A882 !important;
}

.shop_title h3:after {
	background: #08A882 !important;
}

.single_product_item .single_product_text a i {
	color: #08A882 !important;
}

.product_star i {
	color: #08A882 !important;
}

.add_cart {
	background: #08A882 !important;
	border: 1px solid #08A882 !important;
}

.single_product_item .single_product_text .add_cart:hover {
	color: #08A882 !important;
}

button.shop_sub_btn i {
	color: #08A882 !important;
}


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

.page_order ul li span.current {
	background: #08A882 !important;
}

.page_order ul li a:hover {
	background: #08A882 !important;
}


.recent_inner .rating {
	color: #08A882 !important;
}


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

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

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

.page_order .nav-links span.current {
	background: #08A882 !important;
}

.page_order .nav-links a:hover {
	background: #08A882 !important;
}


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

.blog_head h5 {
	color: #08A882 !important;
}

.blog_head h5 span {
	color: #08A882 !important;
}

.blog_cat {
	color: #08A882 !important;
}

.blog_cat a {
	color: #08A882 !important;
}

.blog_date_comt a {
	border: 1px solid #08A882 !important;
	background: #08A882 !important;
}

.blog_date_comt h5 {
	color: #08A882 !important;
}

.blog_date_comt h5 span {
	color: #08A882 !important;
}

.blog_date_comt a:hover {
	color: #08A882 !important;
}

input.blog_btn {
	background: #08A882 !important;
	border: 1px solid #08A882 !important;
}

input.blog_btn:hover {
	color: #08A882 !important;
}

.blog_txt_single {
	border-left: 4px solid #08A882 !important;
}

.blog_tags_part ul li a:hover {
	background: #08A882 !important;
}

.blog_tags_part h2 span {
	color: #08A882 !important;
}

input#author {
	color: #08A882 !important;
}

input#email {
	border: 1px solid #ced4da;
	color: #08A882 !important;
}

input#website {
	border: 1px solid #ced4da;
	color: #08A882 !important;
}

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

input#submit.submit:hover {
	color: #08A882;
	background: #fff !important;
}

li.nav-item a:hover {
	color: #08A882 !important;
}

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

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

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

.comment-list li .comment-body .reply {
	background: #08A882 !important;
}


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

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

.med_head h4 {
	color: #08A882;
}

.head_line:after {
	background: #08A882;
}

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

.footer_icon .icon {
	border: 1px solid #08A882 !important;
}

.footer-section h3 span {
	color: #08A882 !important;
}

.footer_link ul li a:hover:before {
	background: #08A882 !important;
}

.footer_link ul li a:hover {
	color: #08A882 !important;
}

button.footer_sub_btn i {
	color: #08A882 !important;
}

.widget-title::before {
	background-color: #08A882 !important;
}

#site-searchform #searchsubmit {
	background-color: #08A882 !important;
}

#site-searchform #searchsubmit:hover {
	background-color: #08A882 !important;
}

.widget ul li a:hover {
	color: #08A882 !important;
}

.widget table#wp-calendar caption {
	background: #08A882 !important;
}

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

.tagcloud a:hover {
	background-color: #08A882 !important;
}

.footer-section {
	background-color: #08A882 !important;
}

.widgets_inner .list li a:hover {
	color: #08A882 !important;
}


.blog_read_more a {
	border: 1px solid #08A882 !important;
}

.blog_read_more a:hover {
	background: #08A882 !important;
}

.appoint-part h5 {
	color: #08A882 !important;
}

.botton_btn_footer {
	border: 1px solid #08A882 !important;
	background: #08A882 !important;
}

.botton_btn_footer:hover {
	color: #08A882 !important;
}


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

.portfolioFilter a {
	border: 1px solid #08A882 !important;
	color: #08A882 !important;
}

.portfolioFilter a:hover {
	background: #08A882 !important;
}

.portfolioFilter a.current {
	background: #08A882 !important;
}


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

.contact-frm input,
.contact-frm textarea {
	color: #08A882 !important;
}


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


.contact-frm .submit-btn:hover {
	color: #08A882 !important;
}

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

.con_v_icon {
	background: #08A882 !important;
}

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


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


form.wpcf7-form p input.wpcf7-submit {
	background-color: #08A882 !important;
	border: 1px solid #08A882 !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;
}