/*---------------------------------------------------------------------------------
	Theme Name:   Meerapfel
	 Description:  ...
	 Author:       mediamar
	 Template:     chaplin
	 Version:      1.0.0
	 Text Domain:  chaplin
	
	Theme Name: Meerapfel
	Text Domain: chaplin

	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Modal: Menu
	6. 	Modal: Search
	7. 	Page Templates
		a. 	Template: Cover Template
		b. 	Template: Only Content
		c. 	Template: Full Width
		d.	Template: Full Width with Only Content
	8. Post: Archive
	9. Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. WooCommerce
	16. Widgets
	17. Site Footer
	18. Media Queries
	19. News

----------------------------------------------------------------------------------- */
/* Fonts */
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/open-sans-v28-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('assets/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('assets/fonts/open-sans-v28-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('assets/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/open-sans-v28-latin-500.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('assets/fonts/open-sans-v28-latin-500.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('assets/fonts/open-sans-v28-latin-500.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-500.woff') format('woff'),
		/* Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-500.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('assets/fonts/open-sans-v28-latin-500.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/open-sans-v28-latin-600.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('assets/fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('assets/fonts/open-sans-v28-latin-600.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-600.woff') format('woff'),
		/* Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-600.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('assets/fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('assets/fonts/open-sans-v28-latin-700.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('assets/fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('assets/fonts/open-sans-v28-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-700.woff') format('woff'),
		/* Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-700.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('assets/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('assets/fonts/open-sans-v28-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('assets/fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('assets/fonts/open-sans-v28-latin-italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-italic.woff') format('woff'),
		/* Modern Browsers */
		url('assets/fonts/open-sans-v28-latin-italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('assets/fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */
html {
	font-size: 62.5%;
	/* 1rem = 10px */
}

/* Fix for the admin bar */
@media (max-width: 599px) {
	html.scroll-locked {
		margin: 0 !important;
	}
}

body {
	background: rgba(74, 48, 65, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #532e49;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.7rem;
	text-align: left;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
}

::selection {
	background: black;
	color: #fff;
}

#site-content {
	overflow: hidden;
	margin-bottom: 6rem;
}

/* CSS Variables ----------------------------- */
:root {
	/* Typography */
	--body-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	--headings-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	--headings-weight: 700;
	--headings-case: normal;
	--headings-spacing: normal;
	/* Colors */
	--accent-color: #007c89;
	--primary-color: #1a1b1f;
	--secondary-color: #747579;
	--border-color: #e1e1e3;
	--light-background-color: #f1f1f3;
	--background-color: #c1c6c8;
	--headings-color: #e29400;
	--buttons-background-color: #e29400;
	--buttons-text-color: #fff;
	--overlay-text-color: #fff;
}

/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */
main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 500;
	line-height: 1.25;
	margin: 3rem 0 3rem;
}

h1,
.heading-size-1 {
	font-size: 3.2rem;
}

h2,
.heading-size-2 {
	font-size: 2.8rem;
}

h3,
.heading-size-3 {
	font-size: 2.4rem;
}

h4,
.heading-size-4 {
	font-size: 2.1rem;
}

h5,
.heading-size-5 {
	font-size: 1.9rem;
}

h6,
.heading-size-6 {
	font-size: 1em;
}

h2 {
	color: #e29400;
}

p {
	line-height: 1.8;
	margin: 0 0 1.175em 0;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border: none;
	border-top: .1rem solid currentColor;
	color: #E1E1E3;
	margin: 5rem 0;
}

a {
	color: #007C89;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

@media (min-width: 1000px) {
	.site-description {
		display: none;
	}
}

/* Changes */
/* Home */
body.home .to-the-content-wrapper {
	display: none;
}

body.home #site-content {
	margin-bottom: 0;
}

body.home .main-menu-alt a, body.home .toggle {
color: #532e49;
}
body.home.header-is-sticky .main-menu-alt a, body.home.header-is-sticky .toggle {
color: white;
}
body.home.header-is-sticky .nav-untoggle  {
color: #532e49;
}
/* Header */
.header-titles {
	margin: 0;
}

@media (min-width: 700px) {
	#site-header {
		margin-bottom: 5rem;
		padding: 0;
		background: #532e49;
	}
}

@media (max-width: 1024px) {
	body.home .cover-header {
		background-position: 87% center;
	}

	body.page-id-281 .cover-header {
		background-position: 13% center;
	}
}

.header-inner.is-sticky {
	background: #532e49;
}

.site-title a {
	color: #e29400;
	font-family: 'Open Sans', Georgia, serif;
	font-weight: 400;
}

.main-menu-alt a,
.toggle {
	color: white;
	border-bottom: 1px solid transparent;
}

.main-menu-alt a:hover,
.main-menu-alt li.current-menu-item>a,
.main-menu-alt li.current-page-ancestor>a .main-menu-alt li.current-menu-item>.link-icon-wrapper>a,
.current-page-ancestor>a {
	border-bottom: 1px solid #e29400;
	text-decoration: none;
}

/* 11. Entry Content */
h1.entry-title {
	text-transform: uppercase;
}

body.home h1.entry-title {
	font-size: 2rem;
	font-weight: 200;
}

.entry-content {
	margin-bottom: 3rem;
}

.entry-content a,
.entry-content a:visited {
	color: #e29400;
}

.entry-content a:active,
.entry-content a:hover {
	text-decoration: underline;
}

body.home .entry-content {
	margin-bottom: 0;
}
.wp-block-button__link,
.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
	padding: 0.8em;
}
.wp-block-button__link,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
	color: #fff !important;
}
/* Blockquote */
blockquote {
	border-color: #532e49;
}
/* Film Overview */
.film-overview {}

.film-overview .wp-block-image {
	margin-bottom: 1.6rem;
}

.film-overview .wp-block-image a img:hover {
	filter: grayscale(1);
	transform: scale(1.01);
	transition: all 0.3s;
}

.film-overview h3 {
	font-size: 2rem;
	margin: 0;
}

.film-overview p {
	font-size: 1.4rem;
	color: #e29400;
	border-top: 1px solid;
	margin-top: 0.5rem;
}

.disabled {
	opacity: 0.3;
}

/* Buttons */
.wp-block-button__link {
	background: var(--buttons-background-color);
}

.wp-block-button__link:hover {
	background: rgba(226, 148, 0, .9);
}

/* Slideshow */
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
	background-color: #532e49 !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	font-family: inherit;
	color: white !important;
	font-style: normal !important;
}

/* Site-Footer */
#site-footer {
	margin-top: 1rem;
	background: #532e49;
	color: white;
}

.footer-widgets-outer-wrapper {
	display: none;
}

@media (min-width: 1000px) {
	.footer-inner {
		padding: 2rem 0;
	}
}

/* Accordion */
.acc-btn a {
	color: #e29400;
	text-decoration: none;
	padding-left: 2rem;
}

.acc-btn::before {
	color: #532e49;
	content: '+';
	font-size: 120%;
}

.acc-btn a:hover {
	color: rgba(226, 148, 0, .7);
}

.acc-btn:hover::before {
	color: #532e49;
	display: inline-block;
	transform: rotate(45deg);
	transition: transform 300ms ease-in-out;
}

/* Icons */
.icon::before {
	display: inline-block;
	text-rendering: auto;
	padding-right: 1rem;
	-webkit-font-smoothing: antialiased;
}

/* Film-Intro */
.wp-block-media-text__content p.icon {
	margin-bottom: 0.5rem;
}

.film-type::before {
	font: var(--fa-font-thin);
	content: "\e131";
}

.film-country::before {
	font: var(--fa-font-thin);
	content: "\f0ac";
}

.film-data::before {
	font: var(--fa-font-thin);
	content: "\e12b";
}

.film-cast::before {
	font: var(--fa-font-thin);
	content: "\f007";
}

/* Kontakt */
.contact-letter::before {
	font: var(--fa-font-thin);
	content: "\f2b6";
	color: #532e49;
}

.contact-phone-fax::before {
	font: var(--fa-font-thin);
	content: "\e11c";
	color: #532e49;
}

.contact-mail::before {
	font: var(--fa-font-thin);
	content: "@";
	color: #532e49;
}

/* .acc-btn.active::before {
  color: #532e49;
  content: '–';
  font-size: 120%;
  transform: rotate(0deg);
	transition: transform 300ms ease-in-out;
} */
/* Trenner */
hr {
	border: none;
	border-top: .1rem solid currentColor;
	color: #532e49;
	margin: 5rem 0;
}

.border-right {
	border-right: 1px solid #e29400;
	padding-right: 2rem;
}

.wp-block-separator {
	border-top: 1px solid;
	border-bottom: 0;
}

/* Blocks */
/* WP Media-Text */
.wp-block-media-text {
	background-color: #532e49;
	color: #d0d3d4;
}

.block-media-text-light {
	background-color: whitesmoke;
	border: 1px solid #532e49;
}

.block-media-text-light h3 {
	color: #532e49;
}

.wp-block-media-text hr {
	color: #d0d3d4;
}

.wp-block-media-text p {
	line-height: inherit;
	font-size: 1.6rem;
}

/* Helper */
.ml-2 {
	margin-left: 2rem;
}

/* 19. News */

body.post-template h1.entry-title {
	background: #532e49;
	width: fit-content;
	padding: 0.5rem 1rem;
}
body.post-template .intro-text p {
	background: rgba(255, 255, 255, .7);
	color: #532e49;
	padding: 1rem;
}

.post-meta a {
	color: #e29400;
	font-weight: 700;
}

.meta-text {
	color: #e29400;
}

.post-meta .meta-icon {
	color: #532e49;
}
/* Beitragsseite */
.entry-header .post-meta a,
.entry-header .meta-text,
.entry-header .meta-icon {
	color: #747579;
}
/* Plugins */
/* Cookie Cracker - Patch wegen fehlender Hoehe und Breite */
.cc_iframe {
	min-height: 620px;
}
.wp-block-embed iframe {
	width: 100%;
}