/*
* Theme Name: Larpwright Theme
* Author: Björn-Ole Kamm
* Author URI: https://www.larpwright.online
* Template: twentytwentyone
* Version: 1.1.1
* License: CC BY-NC-SA/4.0
* License URI: http://creativecommons.org/licenses/by-nc-sa/4.0/
* Text Domain: larpwright-theme
* Domain Path: /languages
*/


@media only screen and (min-width: 822px) {

	:root {
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 960px) !important;
	}
	
	.post-thumbnail .wp-post-image {
	display: block;
	float: left !important;
	width: auto;
	max-width: 33% !important;
	margin-left: auto;
	margin-right: 1em !important;
	margin-top: 0 !important;
	}
	
}


.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*=inner-container] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
	max-width: var(--responsive--alignwide-width) !important;
}

.archive-description {
	margin-top: var(--global--spacing-vertical);
	font-size: var(--global--font-size-md) !important;
	line-height: var(--global--line-height-heading);
}

.category-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.text-content {
  flex: 0 0 66%; /* This should prevent the text from overflowing */
}

.category-image {
  flex: 0 0 33%;
  max-width: 33%;
}

.category-image img {
  width: 100%;
  height: auto;
}


.single-post-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.single-post-header .text-content {
  flex: 0 0 66%;
}

.single-post-header .image-content {
  flex: 0 0 33% !important;
  max-width: 33% !important;
}

.image-content img {
  width: 100% !important;
  height: auto !important;
}


.lightweight-accordion .lightweight-accordion-title p, .lightweight-accordion .lightweight-accordion-title span, .lightweight-accordion .lightweight-accordion-title h1, .lightweight-accordion .lightweight-accordion-title h2, .lightweight-accordion .lightweight-accordion-title h3 {
	font-size: 28px !important;
    font-weight: bold !important;
}

.lightweight-accordion h4.wp-block-heading {
	padding-top: 0.5em !important;
}

summary::-webkit-details-marker {
	height: 0.8em !important;
	width: 0.8em !important;
}

@media print {
	.image-content {
    	width: 5cm !important;
    	height: 10cm !important;
    	max-width: 10cm !important;
    	float: right !important;
    	overflow: hidden !important;
    	margin: -2cm 0 -5cm 1em !important;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}

	.image-content img {
    	width: 100% !important;
    	height: 100% !important;
    	object-fit: contain !important;
	}
}