/*
Theme Name: Mega Medical
Theme URI: https://themepalace.com/downloads/mega-medical/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Mega Medical theme is a flexible and easy-to-use WordPress theme for the medical and healthcare industry. The theme is clean, retina-ready, and beautiful in terms of looks and offers a user-friendly interface to the users letting them do things with ease. Theme can be used for any hospital, doctor, healthcare, pharmacy, medical store, consulting services, science, lab, clinic, drug, mediation, and yoga-related website. Also, the theme is versatile and highly flexible theme. Be it a computer, laptop, or even a phone with a different screen size, it looks perfect on all devices.
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 6.1
Requires at least: 5.1
Template: mega-charity
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mega-medical
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mega Charity is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
#  Seventh design
--------------------------------------------------------------*/
#top-bar {
    background-color: #009999;
    color: #fff;
    padding: 0;
    min-height: auto;
    z-index: 99999;
    text-align: left;
}
#top-bar .contact-info {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
#top-bar ul li {
    float: left;
    list-style: none;
}
#top-bar .contact-info a {
    color: #fff;
}
#top-bar .contact-info svg {
    margin-right: 10px;
    display: inline-block;
}
#top-bar svg {
    fill: #fff;
}
.secondary-menu {
    float: right;
}
#featured-slider article {
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#featured-slider article {
    padding: 300px 0;
}
.featured-content-wrapper .entry-title a,
.featured-content-wrapper .entry-content {
    color: #fff;
}
.featured-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    margin: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 690px;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
    bottom: auto;
    padding: 50px;
}
.featured-content-wrapper .btn {
    color: #fff;
}
.featured-content-wrapper .entry-content {
    font-size: 18px;
    line-height: 1.5;
}

/*--------------------------------------------------------------
#  Medical Services Section
--------------------------------------------------------------*/
.medical-service-item .inner-box {
	position: relative;
	z-index: 9; 
}

.medical-service-item .inner-box .featured-image {
	position: relative;
	overflow: hidden;
	background: rgba(77, 39, 63, 0.5); 
}

.medical-service-item .inner-box .featured-image img {
	width: 100%;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s; 
}

.medical-service-item .inner-box:hover .featured-image img {
	opacity: .05;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2); 
}

.medical-service-item .entry-header {
	position: relative;
	border-bottom: 2px #82cf8f dashed;
	margin: -40px 10px 0;
	background: #fff;
	text-align: center;
	padding: 30px 15px 30px;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); 
}

#medical-services .entry-title {
	font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
    font-size: 22px;
}

#medical-services .entry-title a {
	color: #002c42;
}

/*--------------------------------------------------------------
#  Medical About Us Section
--------------------------------------------------------------*/
#medical-services + #medical-about-us {
    padding-top: 0;
}
#medical-about-us .entry-title {
    font-weight: bold;
}
#medical-about-us .entry-title a {
    color: #002c42;
}
#medical-about-us .entry-content {
    margin-bottom: 30px;
}
#medical-about-us .entry-content p {
    margin-bottom: 0;
}
#medical-about-us .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    padding: 150px 0;
    margin-bottom: 25px;
}
#medical-about-us .read-more {
    text-align: left;
}
.dark-version #medical-about-us .entry-title a {
	color: #fff;
}
.dark-version #medical-about-us .entry-title a:hover,
.dark-version #medical-about-us .entry-title a:focus {
	color: #fff;
	opacity: 0.8;
}

/*--------------------------------------------------------------
#  Medical Reasons Section
--------------------------------------------------------------*/
#medical-reasons {
    background-color: #82cf8f;
    padding: 0;
}
#medical-reasons .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
#medical-reasons .entry-title,
#medical-reasons .entry-title a,
#medical-reasons .entry-content,
#medical-reasons ul {
    color: #fff;
}
#medical-reasons .entry-title {
    font-weight: bold;
}
#medical-reasons .entry-content {
    margin-bottom: 25px;
    color: #fff;
}
#medical-reasons .entry-content p {
	color: #fff;
	margin-bottom: 0;
}
#medical-reasons .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    padding: 150px 0;
}
#medical-reasons .entry-container  {
	padding: 30px;
	background-size: cover;
}
#medical-reasons .entry-title a:hover,
#medical-reasons .entry-title a:focus {
	color: #fff;
	opacity: 0.8;
}
/*--------------------------------------------------------------
#  Medical Features Section
--------------------------------------------------------------*/
#medical-features {
    background-color: #f5f5f5;
}
#medical-features .medical-feature-item {
	position: relative;
	text-align: center;
	background: #ffffff;
	padding: 50px 50px 30px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#medical-features .medical-feature-item .entry-title {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
    font-size: 22px;
}
#medical-features .medical-feature-item .entry-title,
#medical-features .medical-feature-item .entry-title a {
	color: #002c42;
}
#medical-features .feature-icon a {
    color: #82cf8f;
}
#medical-features .medical-feature-item .entry-content {
	font-size: 18px;
	line-height: 35px;
}
#medical-features .medical-feature-item:hover {
	background: #82cf8f;
}
#medical-features .medical-feature-item:hover .feature-icon i,
#medical-features .medical-feature-item:hover .entry-title,
#medical-features .medical-feature-item:hover .entry-content p,
#medical-features .medical-feature-item:hover .entry-title a {
	color: #fff;
}
#medical-features .feature-icon i {
    font-size: 40px;
}
.dark-version #medical-features {
    background-color: #111;
}
.dark-version #medical-features .medical-feature-item {
	background-color: #222;
}
.dark-version #medical-features .entry-title a,
.dark-version #medical-features .feature-icon a {
	color: #fff;
}
.dark-version #medical-features .entry-title a:hover,
.dark-version #medical-features .entry-title a:focus {
	color: #fff;
	opacity: 0.8;
}
/*--------------------------------------------------------------
#  Medical News
--------------------------------------------------------------*/
#medical-news article {
	position: relative;
}
#medical-news .medical-news-item {
    box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
    transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
    background-color: #fff;
    border-radius: 7px 7px 0 0;
}
#medical-news .medical-news-item:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}
#medical-news .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    padding: 125px 0;
    position: relative;
}
#medical-news .entry-container {
    padding: 30px;
    text-align: center;
}
#medical-news .entry-title {
    font-weight: bold;
    font-size: 22px;
}
#medical-news .entry-title a {
    color: #002c42;
}
#medical-news .entry-title a:hover,
#medical-news .entry-title a:focus,
#medical-about-us .entry-title a:hover,
#medical-about-us .entry-title a:focus,
#medical-services .entry-title a:hover,
#medical-services .entry-title a:focus {
	color: #ff7173;
}
#medical-news .entry-content {
    margin-bottom: 25px;
}
#medical-news .post-read-more {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
#medical-news .post-read-more a {
    color: #002c42;
}
#medical-news .post-read-more a:after {
    content: "\f178";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 16px;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-left: 7px;
    position: relative;
    text-shadow: none;
    text-transform: none;
    transition: all 0.3s ease 0s;
}
#medical-news .date {
    position: absolute;
    left: -15px;
    top: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 15px 5px;
    min-width: 70px;
    z-index: 9;
    background: #82cf8f;
    line-height: 1.3em;
    text-align: center;
}
#medical-news .date:before {
    position: absolute;
    content: '';
    background: #82cf8f;
    width: 15px;
    height: 20px;
    left: 0;
    bottom: -20px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
#business-team .featured-image {
    margin-bottom: 0;
}
#business-team .entry-container {
    background-color: #eee;
    padding: 20px;
}

/*--------------------------------------------------------------
#  Text colors
--------------------------------------------------------------*/
.backtotop,
form.search-form button.search-submit,
.main-navigation ul.nav-menu li.custom-menu-item a,
#hero-banner .btn,
#hero-banner .btn:first-child:hover,
.btn:hover, 
.btn:focus,
.help-wrapper .read-more .btn,
.price-table-wrapper:first-child .details-wrapper .btn,
.pagination .page-numbers.current, 
.pagination .page-numbers:hover, 
.pagination .page-numbers:focus,
.reply a:hover, 
.reply a:focus,
button:hover, 
button:focus, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus,
.slick-arrow:hover, 
.slick-arrow:focus,
#medical-features .medical-feature-item:hover,
#medical-reasons,
#medical-news .date,
#medical-news .date:before,
.btn.btn-fill:hover, 
.btn.btn-fill:focus,
.video-button,
.wp-block-search__button {
    background-color: #009999;
}

.main-navigation ul.nav-menu li.custom-menu-item a:focus  {
	background-color: transparent;
}

a,
.site-title a:hover,
.site-title a:focus,
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus,
.main-navigation ul#primary-menu li > a:focus, 
.main-navigation ul#primary-menu .focus > a,
.post-navigation a, 
.posts-navigation a,
#our-services .service-icon a:hover, 
#our-services .service-icon a:focus, 
#our-services .entry-title a:hover, 
#our-services .entry-title a:focus,
#counter article:nth-child(even) .entry-title,
.section-subtitle,
.trip-category a:hover,
.help-wrapper .entry-title a:hover,
.price-table-wrapper:first-child span,
.price-table-wrapper:first-child span,
.testimonial-slider .entry-title a:hover,
.woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product .price,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.posted-on a:hover, 
.byline:hover, 
.byline a:hover, 
.archive-blog-wrapper .entry-title a:hover,
#contact-us ul li a:hover,
#colophon .footer-menu a:hover, 
#colophon .info-menu a:hover,
#colophon a:hover, 
#colophon a:focus,
#colophon .site-info a:hover, 
#colophon .site-info a:focus,
#secondary .cat-links a, 
#secondary a:hover, 
#secondary a:focus,
.single-wrapper .entry-meta span a:hover, 
.single-wrapper .entry-meta span a:focus, 
.single-wrapper .cat-links a, 
.single-wrapper .entry-meta span.byline a.fn:hover, 
.single-wrapper .entry-meta span.byline a.fn:focus,
.navigation.post-navigation a:hover, 
.navigation.posts-navigation a:hover, 
.navigation.post-navigation a:focus, 
.navigation.posts-navigation a:focus,
.comment-meta .url:hover, 
.comment-meta .url:focus,
.comment-metadata a:hover time, 
.comment-metadata a:focus time,
.featured-content-wrapper .entry-title a:hover, 
.featured-content-wrapper .entry-title a:focus,
#services .entry-title a:hover, 
#services .entry-title a:focus,
#business-services-section .icon-container a:hover, 
#business-services-section .icon-container a:focus,
#featured-products .entry-title a:hover, 
#featured-products .entry-title a:focus,
#medical-news .entry-title a:hover, 
#medical-news .entry-title a:focus, 
#medical-about-us .entry-title a:hover, 
#medical-about-us .entry-title a:focus, 
#medical-services .entry-title a:hover, 
#medical-services .entry-title a:focus,
#medical-features .feature-icon a,
#medical-news .post-read-more a:hover,
.release-wrapper .entry-title a:hover,
#upcoming-events .location,
.main-navigation ul.nav-menu li.custom-menu-item a:hover,
#business-team .entry-title a:hover, 
#business-team .entry-title a:focus {
	color: #009999;
}

.loader-container svg,
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg,
.main-navigation li > a:hover > svg, 
.main-navigation li > a:focus > svg, 
.main-navigation ul#primary-menu .focus > a > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg,
#contact-us svg,
.navigation.post-navigation a:hover svg, 
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:focus svg, 
.navigation.posts-navigation a:focus svg,
#upcoming-events .event-time svg {
	fill: #009999;
}


.main-navigation ul.nav-menu li.custom-menu-item a,
.main-navigation ul.nav-menu li.custom-menu-item a:hover, 
.main-navigation ul.nav-menu li.custom-menu-item a:focus,
#hero-banner .btn,
#hero-banner .btn:first-child:hover,
.btn,
#pricing article .entry-container .btn:hover,
.help-wrapper .featured-image .btn:hover,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.pagination .page-numbers.current, 
.pagination .page-numbers:hover, 
.pagination .page-numbers:focus,
.reply a:hover, 
.reply a:focus,
button:hover, 
button:focus, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
    border-color: #009999;
}



.medical-service-item .entry-header {
	border-bottom-color: #009999;
}



@media screen and (min-width: 567px) {
	#medical-about-us .featured-image,
	#medical-reasons .featured-image {
	    padding: 200px 0;
	}
}

@media screen and (min-width: 767px) {
	#medical-about-us .entry-title,
	#medical-reasons .entry-title {
	    font-size: 32px;
	}
	#medical-about-us article.has-post-thumbnail,
	#medical-reasons article.has-post-thumbnail {
		display: table;
	    width: 100%;
	    position: relative;
	}
	#medical-about-us article.has-post-thumbnail .featured-image,
	#medical-reasons article.has-post-thumbnail .featured-image {
		width: 50%;
		display: table-cell;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#medical-about-us article.has-post-thumbnail .entry-container,
	#medical-reasons article.has-post-thumbnail .entry-container {
		width: 50%;
		display: table-cell;
		padding: 50px 0 50px 50px;
		text-align: left;
	}
	#medical-reasons article.has-post-thumbnail .entry-container {
		padding: 50px;
	}
	#top-bar .wrapper {
	    display: block !important;
	    height: auto !important;
	}
	#top-bar .contact-info {
	    padding: 5px 0 0;
	    clear: both;
	    display: table;
	}
	#top-bar .contact-info li:not(:last-child) {
	    margin-right: 15px;
	    padding-right: 15px;
	    border-right: 1px solid #d8d8d8;
	}
}

@media screen and (min-width: 992px) {
	#top-bar .col-2 .hentry:first-child {
	    width: 70%;
	}
	#top-bar .col-2 .hentry {
	    float: left;
	}
	#top-bar .contact-info li:not(:last-child) {
	    margin-right: 25px;
	}
	#top-bar .col-2 .hentry:last-child {
	    width: 30%;
	}
	#top-bar .col-2 .hentry {
	    display: inline-block;
	    vertical-align: middle;
	    text-align: right;
	    width: auto;
	}
}
@media screen and (min-width: 1024px) {
	#medical-about-us .entry-title,
	#medical-reasons .entry-title {
	    font-size: 42px;
	}
	#medical-reasons article.has-post-thumbnail .entry-container {
		padding: 70px;
	}
	.main-navigation ul#primary-menu ul li.current-menu-item > a, 
	.main-navigation ul#primary-menu ul li:hover > a, 
	.main-navigation ul#primary-menu ul li:focus > a {
	    color: #009999;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
	    fill: #009999;
	}
}

@media screen and (min-width: 1900px) {
	#featured-slider article {
	    padding: 400px 0;
	}
	#medical-reasons article.has-post-thumbnail .entry-container {
		padding: 100px;
	}
}


@media screen and (max-width: 992px) {
	#top-bar {
	    text-align: center;
	}
	#top-bar .contact-info span {
	    display: none;
	}
	#top-bar .hentry {
	    display: inline-block;
	    vertical-align: middle;
	}
}
#colophon {
    background-color: #000;
}
.copyright {
    width: 70%;
}
.comment-awaiting-moderation {
    display: none;
}

.footer-widgets-area ul {
    text-align: end;
}

.menu-label{
    display: none;
}