@charset "utf-8";
/**
 * Theme Name:   Ozeum Child
 * Theme URI:    http://ozeum.themerex.net/
 * Description:  Ozeum Child Theme
 * Author:       ThemeRex
 * Author URI:   https://themerex.net/
 * Template:     ozeum
 * Version:      1.1.1
 * Tags:         inheritable theme options
 * Text Domain:  ozeum-child
 */


/* =Theme customization starts here
-------------------------------------------------------------- */

/**
 * Hide the default theme details area since we cannot
 * hook it out of the template.
 */
.portfolio_page > .portfolio_page_details_wrap {
	display: none !important;
}

/**
 * Force the content area on single portfolio to be full width
 *
 * We do this because we hide the original details area and the styling
 * assumes that it is there.
 */
.portfolio_page .portfolio_page_content_wrap {
	margin-right: 0 !important;
	width: 100% !important;
}

/**
 * Do not use sticky sidebar on portfolio.
 *
 * We do this since we have a long sidebar which often
 * would bug out when scrolling to the bottom of the page.
 */
body.single-cpt_portfolio .sidebar.widget_area.right {
	position: initial !important;
	float: right !important;
}

.wp-block-image {
	position: relative;
}

.scheme_default figure.wp-block-image figcaption,
.scheme_default figcaption.wp-caption-text,
.scheme_default figcaption.gallery-caption,
.scheme_default .wp-block-gallery .blocks-gallery-item .blocks-gallery-item__caption,
figcaption.wp-caption-text,
figcaption.gallery-caption {
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	padding: 10px !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	font-size: 13px;
	max-height: initial;
	height: auto;
	overflow: visible;
}

.video-player {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}

.video-player__player {
	width: 100% !important;
	height: 100% !important;
}

.video-player__player:focus {
	outline: 0;
}

.video-player .mejs-container {
	padding-top: 56.25%;
}

.video-player .mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.video-player .mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/* Add max height to embedded videos so they do not fill the entire screen in ex 9:16 format. */
.wp-block-embed.is-type-video { max-height: 600px; }
.wp-block-embed.is-type-video iframe { max-height: 600px; }

.portfolio_page_description {
	margin-bottom: 15px;
}

/* Play icon for the video gallery */
.classic_wrap .type-video.has-post-thumbnail .with_thumb > a span,
.masonry_wrap .type-video.has-post-thumbnail .with_thumb > a span {
	display: none;
}
.classic_wrap .type-video.has-post-thumbnail .with_thumb:after,
.masonry_wrap .type-video.has-post-thumbnail .with_thumb:after {
	content: "";
	background: url('/wp-includes/js/mediaelement/mejs-controls.svg') no-repeat;
	background-position: 0 -39px;
	height: 80px;
	width: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -40px;
	pointer-events: none;
	z-index: 3;
}

/*
 * Images in the lightbox would have a grey bar at the bottom (above pagination and misc data).
 * This removes the grey box but should be reported to Theme Rex.
 * @TODO Report to Theme Rex.
 */
.mfp-wrap.mfp-gallery .mfp-img {
	padding-bottom: 0 !important;
}

.top_panel.with_bg_image {
	min-height: auto !important;
}

/*
 * Add support for Gravityforms datepicker.
 */
select.ui-datepicker-year,
select.ui-datepicker-month {
	padding: 0 !important;
	visibility: visible !important;
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	border-radius: 0 !important;
	background: none !important;
	margin: 5px !important;
}

/*
 * Adjust the mobile navigation in header.
 */
@media (max-width: 768px) {

	.header-item__border-bottom--mobile {
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: rgba(235, 233, 207, .2);
	}
}

.svfk-atm__artist {
	font-weight: bold;
	font-size: 20px;
}

.svfk-atm__item {
	margin-bottom: 40px;
}

.svfk-atm__item .svfk-atm__artist a {
	color: #13130d;
}

.svfk-atm__artist a:hover,
.svfk-atm__meta a:hover {
	text-decoration: underline;
}

.svfk-atm__meta {
	color: #6d6d65;
}

.svfk-atm__item .svfk-atm__meta a {
	color: #c9a050;
}

.svfk-atm__meta-type {
	font-weight: bold;
}

.exhibition-event-calendar__item h3 {
	margin-bottom: 10px;
}

.exhibition-event-calendar__item:not(:first-of-type) {
	border-top: 1px solid #c9c8bf;
	margin-top: 3.7em;
}
.tribe-events-event-meta .tribe-event-schedule-details,
.tribe-events-list .tribe-events-venue-details {
	padding: 0 !important;
}

.clearfix:after,
.clearfix:before,
.tribe-clearfix:after,
.tribe-clearfix:before {
	content: "";
	display: table;
}

.clearfix:after,
.tribe-clear,
.tribe-clearfix:after {
	clear: both;
}

.svfk-searchbar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.svfk-searchbar form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.svfk-searchbar form > * {
	margin: 5px;
}

.project-residency--highlight {
	font-weight: bold;
}

/* Grid posts styling */

/*.elementor-posts-container {
	grid-column-gap: 15px !important;
	grid-row-gap: 15px !important;
}

.elementor-post.elementor-grid-item {
	position: relative;
}

.elementor-post__text {
	position: absolute;
	height: 100%;
	display: flex !important;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	padding: 50px 15px 50px 15px;
	background-color: rgba(0, 0, 0, 0.1);
}

.elementor-post__title > a {
	color: white !important;
	font-size: 24px !important;
	line-height: 28px !important;
}

.elementor-post__read-more {
	background-color: transparent;
	align-self: center !important;
}

.elementor-post__read-more::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z' fill='white' /%3E%3C/svg%3E");
	opacity: 1;
	transition: 0.3s ease-in-out;
}

.elementor-post__read-more:hover::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z' fill='white' /%3E%3C/svg%3E");
	opacity: 0.4;
}

.elementor-post__thumbnail__link {
	margin-bottom: 0;
}

.elementor-post_title-author {
	color: white;
	font-weight: 600;
	font-size: 16px;
}

.elementor-post__thumbnail__link {
	margin-bottom: 0 !important;
}

.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img  {
	height: 100%;
	width: auto;
}

@media only screen and (max-width: 474px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 375px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(1,1fr) !important;
	}
}

@media only screen and (min-width: 475px) and (max-width: 767px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 475px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(2,1fr) !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1124px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 768px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(2,1fr) !important;
	}
}

@media only screen and (min-width: 1125px) and (max-width: 1539px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 1125px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(3,1fr) !important;
	}
}

@media only screen and (min-width: 1540px) and (max-width: 1925px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 1540px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(4,1fr) !important;
	}
}

@media only screen and (min-width: 1926px) and (max-width: 2310px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 1926px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(5,1fr) !important;
	}
}

@media only screen and (min-width: 2311px) and (max-width: 2695px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 2311px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(6,1fr) !important;
	}
}

@media only screen and (min-width: 2696px) and (max-width: 3082px)  {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 2696px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(7,1fr) !important;
	}
}

@media only screen and (min-width: 3083px) {
	.elementor-column-wrap.elementor-element-populated {
		width: 100% !important;
		max-width: 3083px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.elementor-posts-container.elementor-posts.elementor-posts--skin-classic.elementor-grid.elementor-has-item-ratio {
		grid-template-columns: repeat(8,1fr) !important;
	}
}*/

/* Grid blogger styling */