/*
Theme Name: Medikon Child
Theme URI: http://demo.farost.net/medikon/
Author: Farost
Author URI: http://themeforest.net/user/farost
Description: We built this theme on Page Builder, a very convenient drag-n-drop Page Builder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The WordPress theme is responsive, you can view it also in the mobile/tablets devices and it looks very in more devices.
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: medikon-child
Template:     medikon
Tags: 		clinic, dental, dentist, doctor, health, health care, healthcare, hospital, medical, medical care, medicine, pharmacy, veterinary
*/


.media-loop-item .elementor-inner-section {
}
.media-loop-item .elementor-inner-section .elementor-column-gap-default {
	overflow: hidden;
	gap: 9px;
}
.media-loop-item .elementor-inner-section .elementor-column.image {
	width:  32%;
}
.media-loop-item .elementor-inner-section .elementor-column.text {
	width:  68%;
}
.media-loop-item .elementor-inner-section .elementor-column.image .elementor-widget-container a {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 65%
}
.media-loop-item .elementor-inner-section .elementor-column.image .elementor-widget-container img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	min-height: 100%;
}
.media-loop-item .sudo-button .elementor-widget-container {
	border-radius: 6px;
}
@media (max-width: 1024px) {
	.media-loop-item .elementor-section .elementor-container {
		flex-direction: column-reverse;
	}
	.media-loop-item .elementor-inner-section .elementor-column.image {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.media-loop-item .elementor-inner-section .elementor-column.image {
		width: 75%;
		border-bottom: 1px solid #adadad;
	}
}
@media (max-width: 480px) {
	.media-loop-item .elementor-inner-section .elementor-column.image {
		width: 100%;
	}
}
/* hide Notes from President (113) and Media (114) from blog and blog menu */
.blog .widget_categories .list [data-value="113"],
.blog .widget_categories .list [data-value="114"],
.single .widget_categories .list [data-value="113"],
.single .widget_categories .list [data-value="114"],
.blog .site-main article.category-note-from-president, 
.blog .site-main article.category-in-the-media {
	display: none !important;
}


.eventspro-home-view .tribe-events-header__events-bar, 
.eventspro-home-view .tribe-events-calendar-list-nav, 
.eventspro-home-view .tribe-events-calendar-list__event-date-tag, 
.eventspro-home-view .tribe-events-calendar-list__month-separator, 
.eventspro-home-view .tribe-events-calendar-list__event-datetime-wrapper,  
.eventspro-home-view .tribe-events-c-subscribe-dropdown__container, 
.eventspro-home-view .tribe-events-promo, 
.eventspro-home-view .tribe-events-header, 
.eventspro-home-view .tribe-events-calendar-list__event-venue-title, 
.eventspro-home-view .tribe-events-calendar-list__event-venue {
	display: none !important;
}
.eventspro-home-view .tribe-events-calendar-list {
	display: flex;
	gap: 80px;
}
.eventspro-home-view .tribe-events-calendar-list__event {
	flex-direction: column !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-featured-image-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-row * {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-row {
	width: 33%;
}
.eventspro-home-view .tribe-events-calendar-list__event-title {
	margin-bottom: 10px !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-featured-image-wrapper {
	padding-bottom: 63% !important;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-featured-image-wrapper img {
	position:absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	object-fit: cover;
	object-position: center center;
	min-height: 100%;
}
.eventspro-home-view .tribe-events-calendar-list__event-featured-image-wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.eventspro-home-view .tribe-events-calendar-list__event-header h3 {
	color: #A0B294 !important;
	line-height: 1.1 !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-header h3 a {
	color: #A0B294 !important;
	font: 22px "Roboto", Sans-serif !important;
	font-weight: 600 !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-header h3.entry-title:hover, 
.eventspro-home-view .tribe-events-calendar-list__event-header h3.entry-title a:hover {
	color: #3F6E89 !important;
	text-decoration: none !important;
}
.eventspro-home-view .tribe-common-l-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.eventspro-home-view .tribe-events-calendar-list__event-row {
	margin-top: 0 !important;
}
.tribe-events .tribe-events-l-container {
	min-height: unset !important;
}
@media (max-width: 800px) {
	.eventspro-home-view .tribe-events-calendar-list {
		gap: 40px;
	}
	.eventspro-home-view .tribe-events-calendar-list__event-row {
		width: 100%;
	}
	.eventspro-home-view .tribe-events-calendar-list {
		flex-direction: column;
	}
	.eventspro-home-view .tribe-events-calendar-list__event {
		flex-direction: column-reverse !important;
	}
	.eventspro-home-view .tribe-events-calendar-list__event-header h3 {
		margin-bottom: 15px !important;
		font: 1.4rem !important;
	}
}



/* following added september 2024 to support custom site notice bar */
.sn-c {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding: 0;
	background-color: #061939;
	height: 0;
    overflow: hidden;
    transition: 3s ease height;
}
.sn-c.animate {
	padding: 1rem;
	height: auto;
}
.sn-t {
	font-size: 1.1rem;
	color: white;
}
.sn-b {
	padding: .75rem 1.5rem;
	background-color: #406f8a;
	margin-left: 1rem;
	border-radius: .2rem;
}
.sn-b a {
	color: #fff;
	font-weight: 700;
	font-family: "Josefin Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.sn-i img {
	width: 100px;
	height: auto;
	max-width: 40px;
	max-height: 40px;
	margin-right: 1rem;
}