/*
Theme Name: Medical Landing Page
Theme URI: https://www.vwthemes.com/products/free-medical-landing-page-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: The Medical Landing Page is an intuitive WordPress theme specifically designed for healthcare professionals and organizations. Its sleek and modern design offers a user-friendly online platform that effectively showcases vital health information, especially in the context of the ongoing challenges posed by the coronavirus (COVID-19). Whether you're managing a healthcare center, medical practice, clinic, hospital, or wellness facility, this theme is versatile enough to cater to your specific needs. It's also ideal for pharmacies, medical supply stores, pharmaceutical companies, and services like dental care, veterinary medicine, rehabilitation, and nutrition counseling. Additionally, maternity service centers and specialties like dermatology, orthopedics, optometry, and physiotherapy will find this theme particularly useful for creating their online presence. The layout prioritizes simplicity and easy navigation, ensuring that visitors can swiftly find the information they seek. Its calming and professional color scheme instills a sense of trust, which is crucial for patients, especially during times when health concerns like COVID-19 are top of mind. With a responsive design, the Medical Landing Page ensures a seamless experience across all devices, be it desktops, tablets, or smartphones. Key features include easily accessible contact details, booking options for appointments, and dedicated sections to highlight the range of medical services offered. By focusing on user experience, this theme helps potential patients learn about your healthcare facility, the medical professionals involved, and the array of services available to them. Overall, the Medical Landing Page WordPress Theme is an essential asset for healthcare providers looking to establish a polished online presence, especially in today’s medical landscape. It's a welcoming virtual front that offers essential information, enhances patient trust, and ultimately supports the provision of health services during and beyond the COVID-19 pandemic. 
Demo: https://www.vwthemes.net/vw-medical-landing-page/
Template: ecommerce-landing-page
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.5.2
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: medical-landing-page
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, e-commerce, blog, portfolio
*/

body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Figtree', sans-serif;
}
body {
	font-size: 15px;
}
a, a:hover{
	color: #3FBAD9;
}
.middle-align {
	margin: 40px auto 0 !important;
}
.top-bar {
	border: 0;
	background: #000000;
	padding: 6px;
}
.topbar-text a, .topbar-text span {
	color: #fff;
}
.social-icons {
	padding: 10px 0;
}
.social-icons .widget, .social-icons span, .top-bar .custom-social-icons {
	display: inline-block;
	color: #fff;
}
.top-bar .custom-social-icons i {
	padding: 0 0 0 10px;
	border: 0;
	font-size: 14px;
	color: #fff;
}
#header {
	background: transparent;
}
.scrollup i {
	background: #000000;
}
.scrollup i:hover {
  background-color: #000000;
  transform: scale(1.3);
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a, .post-categories li a{
  background: #000000  !important;
  color: #fff;
  padding:8px 15px;
  margin-right:5px;
  font-weight: 600;
}
.bradcrumbs a:hover, .post-categories li a:hover{
  background: #000000 !important;
}
.bradcrumbs span{
  background: #3FBAD9;
  color: #fff;
  padding:8px 15px;
  font-weight: 600;
}
.page-content{
  padding: 70px !important;
}
nav.navigation.posts-navigation .nav-previous a, nav.navigation.posts-navigation .nav-next a{
	background: #3FBAD9 ;
}
nav.navigation.posts-navigation .nav-previous a:hover, nav.navigation.posts-navigation .nav-next a:hover{
	background: #000000;
	color: #fff !important;
}
#sidebar h3 a.rsswidget{
	color: #fff !important;
}
/*----------------- SEARCH POPUP ----------------*/

.topbar-btn a, .more-btn a {
	font-size: 15px;
	background: #3FBAD9 ;
	display: inline-block;
}
.topbar-btn a:hover, .topbar-btn a:hover, .more-btn a:hover, input[type="submit"]:hover, #comments input[type="submit"]:hover, #comments a.comment-reply-link:hover, #slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover, .pagination .current, .pagination a:hover, #sidebar .tagcloud a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .widget_product_search button:hover, nav.woocommerce-MyAccount-navigation ul li:hover {
	background: #000000 !important;
	color: #fff !important;
}
.menu-section, .closebtn i{
	background: #3FBAD9;
}
#sidebar ul li::before{
	background-color: #3FBAD9 !important;
}
.page-template-custom-home-page .home-page-header{
	border-bottom: none !important;
}
.home-page-header{
	border-bottom: 2px solid #3FBAD9;
}
.main-navigation a:hover{
	color: #fff;
}
.main-navigation ul ul li a:hover, .sticky .post-main-box h2:before, .main-navigation ul ul a:focus{
  color: #3FBAD9;
}
.main-navigation ul ul{
  border-top: 2px solid #3FBAD9;
  border-bottom: 2px solid #3FBAD9;
}
.post-nav-links a.post-page-numbers:hover{
	background-color: #3FBAD9 !important;
	color: #fff;
}
.menu-section .closebtn i{
	font-size: 20px;
}
/* Header */
.topbar .cart-no{
	display: none;
}
.myaccount-icon i{
	background: #3FBAD9;
}
/* banner section */
#banner{
	background-color: #F0F5F6;
}
.banner-main-text {
  margin-top: 70px;
  margin-bottom: 70px;
}
.banner-main-text .video-btn{
	margin-top: 20px !important;
}
#banner h2 {
  font-size: 45px;
  text-transform: capitalize;
}
.read-more a{
	background: #3FBAD9;
	border-radius: 6px;
	text-transform: capitalize;
}
.read-more a:hover{
	color: #fff;
}
.banner-img img{
   border-radius: 50%;
   width: 420px;
   height: 470px;
}
.banner-img{
	position: relative;
}
.banner-img .phone, .banner-img .review, .banner-img .about{
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px #00000029;
	border-radius: 6px;
}
.banner-img .phone i, .banner-img .about i, .rating i, .expert-doctor i, .health-solution .team i, .health-solution .hospital i, .health-solution .environment i{
  background: #3FBAD9;
  color: #ffffff;
  padding: 10px 12px 10px 12px !important;
  border-radius: 6px;
  font-size: 18px;
  display: inline;
}
.banner-img .phone{
	position: absolute;
	top: 30%;
	left: 0;
	padding: 10px;
}
.banner-img .phone .phone-text{
	margin-bottom: 4px;
}
.banner-img p, .rating p, .expert-doctor p{
	margin-bottom: 0;
}
.rating p, .expert-doctor p{
  margin-left: 15px !important;
}
.banner-img .review{
	position: absolute;
	bottom: 10%;
	padding: 12px 20px;
}
.banner-img .review .review-text:after{
	background: url(assets/images/view1.png) no-repeat;
  content: "";
  padding: 16px 75px;
  width: 100%;
  overflow: hidden;
  display: block;
}
.banner-img .about{
	position: absolute;
	bottom: 10%;
	right: 0;
	padding: 15px;
	width: 135px;
	height: auto;
}
.banner-img .review img{
	width: 100%;
  height: 30px;
  object-fit: cover;
}
.banner-img .phone p{
	text-align: left;
	padding-left: 15px;
}
.banner-img .phone .phone-text, .banner-img .about .about-text{
	color: #000000;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: capitalize;
	line-height: 1.3;
}
.banner-img .phone .phone-no,.banner-img .review .review-text, .banner-img .about .about-title{
	font-size: 15px;
	font-weight: 700;
	color: #000000;
	text-transform: capitalize;
}
.banner-img .about .about-title{
	margin: 6px 0;
}
.rating .rating-count, .expert-doctor .expert-doctor-count{
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	margin-left: 15px;
}
.rating .rating-text, .expert-doctor .expert-doctor-text{
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	text-transform: capitalize;
}
.about-section{
	background-color: #ffffff;
  width: 47%;
  position: absolute;
  padding: 2% 1% 2% 15%;
  clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
  bottom: 0;
}
.video-btn a{
	border: 7px solid #3fbad938;
	border-radius: 50%;
}
.video-btn i{
	color: #FFFFFF;
	background-color: #3FBAD9;
	padding:10px 23px 10px 13px;
	border-radius: 50%;
}
.video-btn .video-text{
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	text-transform: capitalize;
}
.video-btn .overlay {
  display: none;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}
.video-btn .popup {
  background: #fff;
  padding: 20px;
  max-width: 800px;
  width: 100%;
  height: 50%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.video-btn .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.woocommerce span.onsale,.woocommerce a.added_to_cart.wc-forward,#sidebar ul li::before,.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  background:#3FBAD9;
}
.wp-block-latest-comments__comment-meta a,.product_meta a,.wc-block-components-totals-coupon a,
.woocommerce-MyAccount-content a{
  color:#3FBAD9  !important ;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
  border-color: #3FBAD9  !important ;
}
/* Latest News & Blog Section */
#latest-post-section h4.heading-text{
	font-size: 30px;
}
.events-box:hover span.event-date, .events-box:hover span.event-location li a{
	background: #3FBAD9 !important;
}
.events-box:hover h3 a{
	color: #3FBAD9 !important;
}
#latest-post-section .events-box img{
	border-radius: 10px;
}
/* Health Solution Section */
.health-solution .health-img-sec{
	position: relative;
}
.health-solution .health-img-sec .health-image2 img{
	position: absolute;
  top: 18%;
  right: 8%;
  border: 10px solid #ffffff;
}
.health-solution .health-img-sec .health-image2 img{
	border-radius: 22px;
	height: 390px;
  width: 320px;
  object-fit: cover;
}
.health-solution .health-img-sec .health-image1 img{
	border-radius: 22px;
	height: 390px;
	width: 380px;
	object-fit: cover;
}
.health-solution .health-text-sec h3{
	color: #000000;
	font-size: 34px;
	font-weight: 600;
	text-transform: capitalize;
}
.health-solution .health-text-sec .health-para{
	color: #000000;
	font-size: 15px;
	font-weight: 400px;
}
.health-solution .health-text-sec	.health-para1{
	color: #000000;
	font-size: 13px;
	font-weight: 400px;
	border-left: 3px solid #3FBAD9;
	padding-left: 20px;
}
.health-solution .health-text-sec .team-title, .health-solution .health-text-sec .hospital-title, .health-solution .health-text-sec .environment-title{
	color: #000000;
	font-size: 14px;
	font-weight: 800;
	text-transform: capitalize;
}
.health-solution .health-text-sec .team-text, .health-solution .health-text-sec .hospital-text, .health-solution .health-text-sec .environment-text{
	color: #000000;
	font-size: 12px;
}
.health-solution .health-text-sec .info-sec{
	box-shadow: 0px 0px 12px #00000029;
	background-color: #FFFFFF;
	padding: 18px;
	border-radius: 6px;
	position: relative;
  right: 25%;
  width: 128%;
}
.more-btn a, #comments input[type="submit"], #comments a.comment-reply-link, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, nav.woocommerce-MyAccount-navigation ul li, .pro-button a,.pagination span, .pagination a {
	background: #3FBAD9  !important;
	color: #fff !important;
}
.service-btn a {
	top: -45px;
}
#sidebar h3, #sidebar .wp-block-search .wp-block-search__label,#footer-2,.inner-box:hover{
	background: #3FBAD9;
}
.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a,#footer .textwidget a, #footer li a:hover, .post-main-box:hover h3 a, #sidebar ul li a:hover, .post-navigation a:hover .post-title, .post-navigation a:focus .post-title, .post-navigation a:hover, .post-navigation a:focus,.logo h1 a:hover, .logo p.site-title a:hover{
	color: #000000 !important;
}
#header{
	background: transparent !important;
}
#preloader{
	background-color: #3FBAD9;
}
/*pagination*/
.pagination span, .pagination a, .post-nav-links span, .post-nav-links a{
	background: #000000 !important;
}
.wp-block-button.is-style-outline a{ 
	background: transparent !important;
	border: 1px solid #000;
}
.post-navigation span.meta-nav:hover{
	color: #000;
}
.about-img img {
  box-shadow: -20px 20px 0 0px #94c2ec;
}
#sidebar .more-button a{
	background: #3FBAD9  !important;
  color: #fff !important;
}
#sidebar .more-button a:hover{
  background: #000000 !important;
  color: #fff !important;
}
#sidebar label.wp-block-search__label, #sidebar .wp-block-heading, #footer .custom-about-us a.custom_read_more{
  background: #3FBAD9;
}
#footer .wp-block-search .wp-block-search__button, #sidebar .wp-block-search .wp-block-search__button{
  background: #000000;
}
#footer .tagcloud a:hover{
	border-color: #3FBAD9;
}
#footer .widget_tag_cloud a.tag-cloud-link:hover{
	background-color: #3FBAD9;
}
#footer input[type="submit"]:hover{
	background: #3FBAD9  !important;
}
.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a, .grid-post-main-box:hover h2 a, .grid-post-main-box:hover .post-info a{
	color: #000000;
}
.copyright a:hover{
	color: #fff;
}
.copyright .widget{
	margin-bottom: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-color: #3FBAD9  !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,a.wc-block-components-checkout-return-to-cart-button:hover, .wc-block-components-checkout-place-order-button:hover{
  background: #000000 !important;
  color: #fff !important;
}
.wc-block-components-order-summary-item__quantity{
	background: #3FBAD9 !important;
}
/*bredcrumb*/
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a{
	background: #3FBAD9 !important;
}
.header-fixed{
	background: #fff;
  border-bottom: 2px solid #3FBAD9;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: #3FBAD9 ;
  border-radius: 0px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #3FBAD9 ;
  border-radius: 0px !important;
  color: #ffffff;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover{
  background: #000;
  color:#fff !important;
}
/*remove cart css*/
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  font-size: 14px;
  text-transform: capitalize;
  background:#3FBAD9 ;
  text-decoration: none !important;
}
.wc-block-grid__product-title{
  border-bottom: none;
}
span.woocommerce-Price-amount.amount{
  font-size: 14px;
}
li.wc-block-grid__product{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 13px;
  max-width: 22% !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
	text-decoration: none !important;
}
.wp-block-woocommerce-empty-cart-block a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
border-radius: 6px !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover{
	color: #fff !important;
	background: #000 !important;
}
@media screen and (max-width:767px) {
  li.wc-block-grid__product {
    max-width: 62% !important;
  }
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  .related-post .post-main-box{
  	margin-bottom: 20px;
  }
  .inner_carousel, #banner p,.banner-main-text .video-btn {
    text-align: center;
    justify-content: center;
  }
  .health-solution .health-img-sec{
  	margin-bottom: 5rem !important;
  }
  .health-solution .health-text-sec .info-sec {
        right: 0;
        width: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
  .wc-block-grid__products{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0px 50px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  	max-width: 100% !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1080px){
  .wc-block-grid__products{
    padding: 0px 34px !important;
  }
}
@media screen and (max-width: 1000px){
	.main-navigation a:hover{
		color: #3FBAD9 !important;
	}
	.toggle-nav i{
		background: #3FBAD9;
	}
	.serach_outer i{
		background: transparent;
	}
	p.site-title, .logo h1 {
    font-size: 25px;
	}
}

@media screen and (max-width:720px) {
	.menu-section{
		background: none;
	}
	.banner-main-text .read-more, .banner-main-text .video-btn{
		margin-top: 10px !important;
	}
  .about-section{
  	position: relative;
  	width: 100%;
  	padding: 10px;
  }
  .banner-main-text .video-btn{
  	justify-content: center;
  }
  .banner-img {
  	margin: 15px 0;
  }
  .banner-img .phone{
  	left: 4%;
    right: 60%;
  }
  .banner-img .phone p{
  	padding-left: 0;
  }
  .banner-img .review{
  	padding: 6px;
  }
  .banner-img .phone .phone-no, .banner-img .review .review-text, .banner-img .about .about-title{
  	font-size: 13px;
  }
  .banner-img .about{
  	padding: 6px;
    width: 120px;
    right: 3%;
  }
  .banner-img img{
  	width: 300px;
    height: 300px;
  }
  .rating .rating-count, .rating .rating-text, .expert-doctor .expert-doctor-count, .expert-doctor .expert-doctor-text{
  	text-align: left !important;
  }
  .banner-img .phone, .banner-img .review, .banner-img .about{
  	display: none;
  }
  .about-section{
  	clip-path: none;
  }
  .rating i, .expert-doctor i{
  	padding: 6px !important;
  }
  .rating .rating-count, .expert-doctor .expert-doctor-count{
  	font-size: 18px;
  }
  .rating .rating-text, .expert-doctor .expert-doctor-text{
  	font-size: 12px;
  }
  .about-section .rating-count, .about-section .rating-text, .about-section .expert-doctor-count, .about-section .expert-doctor-text{
		margin-left: 12px;
	}
	.health-solution .health-img-sec .health-image1 img{
		height: 260px;
    width: 265px;
	}
	.health-solution .health-img-sec .health-image2 img{
		right: 0;
		width: 210px;
		height: 260px;
	}
	.health-solution .health-text-sec h3{
		margin-top: 20px;
	}
	
	.health-solution .health-text-sec .info-sec .team, .health-solution .health-text-sec .info-sec .hospital{
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	.banner-img .phone i, .banner-img .about i{
		font-size: 12px;
		padding: 8px;
	}
	.banner-img .phone .phone-no, .banner-img .review .review-text, .banner-img .about .about-title{
		font-size: 13px;
	}
	.banner-img .phone .phone-text, .banner-img .about .about-text{
		font-size: 10px;
	}
	.banner-img .about{
		padding: 10px;
    width: 120px;
	}
	.banner-img .review{
		padding: 10px;
	}
	.banner-main-text .read-more, .banner-main-text .video-btn{
		margin-top: 10px !important;
		margin-bottom: 0 !important;
	}
	.about-section{
		position: relative;
		width: 100%;
		padding: 2% 10%;
		clip-path: none;
	}
	.banner-img img{
		width: 320px;
    height: 320px;
	}
	.health-solution .health-text-sec .info-sec{
		right: 0;
    width: auto;
	}
	.health-solution .health-text-sec h3{
		margin-top: 50px;
	}
	.health-solution .health-img-sec .health-image1 img{
		height: 390px;
    width: 420px;
	}
	.health-solution .health-img-sec .health-image2 img{
		right: 0;
		width: 360px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	.inner_carousel h2{
		font-size: 42px;
    line-height: 50px;
	}
	.about-section{
		padding: 2% 0% 2% 4%;
	}
	.about-section .rating-count, .about-section .rating-text, .about-section .expert-doctor-count, .about-section .expert-doctor-text{
		margin-left: 10px;
	}
	.banner-img img{
		width: 370px;
    height: 370px;
	}
	.health-solution .health-img-sec .health-image1 img{
		width: 350px;
	}
}
/* Progress Bar */
#ecommerce_landing_page_elemento_progress_bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0;
    background-color:#3FBAD9;
    z-index: 99999;
}