/*
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 tailored specifically for healthcare professionals and organizations. With its sleek and modern design, it provides a user-friendly platform to effectively present crucial health information, particularly in light of the ongoing challenges brought about by the coronavirus (COVID-19). This versatile theme is suitable for various settings, whether you're running a medical practice, clinic, hospital, pharmacy, or wellness facility. It's also beneficial for services like dental care, veterinary medicine, rehabilitation, nutrition counseling, and maternity centers, along with specialties such as dermatology, orthopedics, optometry, and physiotherapy. The layout emphasizes simplicity and easy navigation, allowing visitors to quickly access the information they need. With a calming and professional color scheme that fosters trust—especially vital during health crises like COVID-19—the responsive design ensures a seamless experience across desktops, tablets, and smartphones. Key features include easily accessible contact details, appointment booking options, and dedicated sections to showcase various medical services. By enhancing user experience, the Medical Landing Page helps potential patients learn about your healthcare facility, the doctors involved, and the services offered. Overall, this medical WordPress theme is an invaluable asset for healthcare providers seeking a polished online presence in today’s medical landscape, serving as a welcoming virtual front that enhances patient trust and supports health service provision 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: 7.0
Requires PHP: 7.2
Version: 0.5.6
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: 20%;
	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: 20%;
	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% 20%;
		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;
}