/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/*** BEGIN additions by Franz Kohl ***/
/**  VERSION: 2022-06-18 **/

/* BEGIN Header area modifications */
#menu-header-menu li.current_page_item > a {
	color: #40b4a6;
}
#menu-header-menu li.current-menu-ancestor > a {
	color: #40b4a6;
}

#fx-main-slider {
	border-bottom: 10px solid transparent;
	border-image: linear-gradient(to right,#2b9c38 0% 25%,#233c7a 25% 50%,#dc0c22 50% 75%,#f29200 75% 100%);
	border-image-slice: 1;
}
/* END Header area modifications */

/* BEGIN content area optimizations */
figure.table-white-background table {
	background-color: white;
	border: 1px solid transparent;
}
figure.table-member-growth-padding th, 
figure.table-member-growth-padding td {
	padding: 0.21em 1em;
}
article > .entry-content figure.alignfull ul.blocks-gallery-grid {
	padding-left: 0;
}
.wp-block-column [class*="_inner-container"] > :not(.alignfull) {
	width: 100% !important;
}
/* next one is only for home page only */
.home .wp-block-getwid-section.alignfull.getwid-init:nth-child(odd) {
	background-color: #e3e4e4;
}
.background-white-80 {
	background-color: rgba(255, 255, 255, 0.8) !important;
}
article > .entry-content ul {
	padding-left: 1.6rem;
}
article > .entry-content ul > li {
	padding-left: 0.3rem;
}
article > .entry-content h2.has-background,
article > .entry-content h2.has-text-align-center {
	padding: 10px 10px;
}
article > .entry-content h2.has-text-align-center {
	background-color: transparent !important;
	border: 4px solid #e3e4e4 !important;
	color: #4a4949 !important;
	/* border-left-color: #2b9c38 !important; */ /* green */
	/* border-bottom-color: #233c7a !important; */ /* blue */
	/* border-right-color: #dc0c22 !important; */ /* red */
	/* border-top-color: #f29200 !important; */ /* orange */
}
h2.has-background {
	font-size: 1.8rem;
}
@media screen and (min-width: 600px) and (max-width: 781px) {
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
	.wp-block-column:not(:only-child) {
		flex-basis: auto !important;
		flex-grow: 1;
	}
	/* override default - flex: do not wrap columns between 600px and 781px for wp-block-columns with class .do-not-wrap-columns-above-600px */
	.wp-block-columns.do-not-wrap-columns-above-600px .wp-block-column:nth-child(2n) {
		margin-left: 2em;
	}
	.wp-block-columns.do-not-wrap-columns-above-600px .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - 1em) !important;
		flex-grow: 0;
	}
}
@media screen and (max-width: 599px) {
	h2.has-background {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 359px) {
	h2.has-background {
		font-size: 1.3rem;
	}
}
/* END content area optimizations */

/* BEGIN CSS for the 4 pillars on home page */
.columns-pillar {
	color: white;
	padding: 15px;
	background-color: #4a4949;
}
.columns-pillar h2,
.columns-pillar h3, 
.columns-pillar p {
	color: white;
}
.columns-pillar h2, 
.columns-pillar h3 {
	font-size: 1.5rem;
	margin-top: 0;
}
.columns-pillar-green {
	background-color: #2b9c38;
}
.columns-pillar-blue {
	background-color: #233c7a;
}
.columns-pillar-red {
	background-color: #dc0c22;
}
.columns-pillar-orange {
	background-color: #f29200;
}
@media screen and (min-width: 782px) {	
	.wp-block-columns.columns-pillar-row {
		flex-wrap: wrap !important;
	}
}
@media screen and (min-width: 1049px) {
	.columns-pillar-row .wp-block-columns {
		flex-wrap: nowrap;
	}
	.columns-pillar-row .wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}
	.columns-pillar-row .wp-block-column[style*=flex-basis] {
		flex-grow: 0
	}
	.columns-pillar-row .wp-block-column:not(:first-child) {
		margin-left: 2em
	}
}
@media screen and (min-width: 600px) and (max-width: 1048px) {
	.wp-block-columns.columns-pillar-row .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - 1em) !important;
		flex-grow: 0;
		margin-bottom: 0 !important;
	}
	.wp-block-columns.columns-pillar-row {
		gap: unset;
		row-gap: 2em;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(2n) {
		margin-left: 2em
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(odd) {
		margin-left: 0 !important;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(even) {
		margin-right: 0;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(2n+1) {
		margin-right: 0;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:not(:last-child) {
		margin-right: 0;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(1), 
	.wp-block-columns.columns-pillar-row .wp-block-column:nth-child(2) {
		margin-bottom: 2em;
	}
	.wp-block-columns.columns-pillar-row .wp-block-column:not(:last-child) {
		margin-bottom: 0;
	}
	.wp-block-column.columns-pillar p {
		margin-bottom: 1.7em;
	}
}
@media screen and (min-width: 1050px) and (max-width: 1149px) {
	.columns-pillar h2, .columns-pillar h3 {
		font-size: 1.1rem;
		hyphens: auto;
	}
}
@media screen and (min-width: 1150px) and (max-width: 1300px) {
	.columns-pillar h2, .columns-pillar h3 {
		font-size: 1.3rem;
		hyphens: auto;
	}
}
/* END CSS for the 4 pillars on home page */

/* BEGIN CSS for Getwid blocks */
.wp-block-getwid-icon-box p {
	hyphens: auto;
}
.wp-block-getwid-icon-box.wp-block-getwid-icon-box-text-justified p {
	text-align: justify;
}
.wp-block-getwid-icon-box.wp-block-getwid-icon-box-bg-color {
	background-color: #e3e4e4; /* light grey */
	height: 100%;
	padding: 20px;
}
@media screen and (max-width: 450px) {
	.wp-block-getwid-icon-box.has-icon-left .wp-block-getwid-icon-box__icon-wrapper, 
	.wp-block-getwid-icon-box.has-icon-right .wp-block-getwid-icon-box__icon-wrapper {
		font-size: 48px;
	}
}
/* END CSS for Getwid blocks */

/* BEGIN CSS for Getwid table for program topics table on /wahlen/programm/ */
.wp-block-getwid-table.program-topics-table table, 
.wp-block-getwid-table.program-topics-table th, 
.wp-block-getwid-table.program-topics-table td {
	border-color: #ffffff;
}
/* END CSS for Getwid table for program topics table on /wahlen/programm/ */

/* BEGIN CSS for plugin Complianz */
/* CSS to ensure that Complianz "Cookie-Richtlinie (EU)" page text is displayed in full width */
#cmplz-document {
	max-width: 100%;
}
/* CSS for Complianz Cookie-Listing (in pages Datenschutzerklärung, Cookie-Richtlinie (EU)) */
#cmplz-document p, 
#cmplz-document li {
	font-size: var(--wp--preset--font-size--normal);
}
/* END CSS for plugin Complianz */

/* BEGIN Scroll-to-Top-Button also visible below 690px */
@media screen and (max-width: 689px) {
	.ct-back-to-top {
		display: flex !important;
	}	
}
/* END Scroll-to-Top-Button also visible below 690px */

/* BEGIN Footer area optimizations */
footer h2.widget-title {
	border-bottom: 3px solid #4a4949;
	font-size: 1.1rem;
}
footer .widget_text div.textwidget.entry-content ul {
	padding-left: 25px;
	list-style-type: disc;
}
/* END Footer area optimizations */

/* BEGIN Miscellaneous stuff */
/* Pillar colors used for various elements */
.pillar-color-green {
	color: #2b9c38;
}
.pillar-color-blue {
	color: #233c7a;
}
.pillar-color-red {
	color: #dc0c22;
}
.pillar-color-orange {
	color: #f29200;
}
/* styling elements */
.box-shadow-grey img {
	box-shadow: 0px 0px 5px 1px rgba(74,73,73,0.75);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(74,73,73,0.75);
	-moz-box-shadow: 0px 0px 5px 1px rgba(74,73,73,0.75);
}
.wp-block-columns.has-background.profile-entry {
	padding: 2em 2em;
}
/* CSS for aligning "Herunterladen"-Button in File-Block (Block-Typ "Datei") on the left side; additionally aligning button full-width below link for a screen width up to 600px */
.wp-block-file {
    background: #eee;
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
	  flex-wrap: wrap;
}
.wp-block-file a.wp-block-file__button {
    text-decoration: none;
    margin-left: 0;
    margin-right: 10px;
}
@media screen and (max-width: 600px) {
	.wp-block-file {
		justify-content: center;
	}
	.wp-block-file a.wp-block-file__button {
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
}
/* CSS class to (temporarily) hide certain blocks in pages/posts w/o colliding with any standard classes in WP/Bootstrap */
.fxhidden {
	display: none;
}
/* END Miscellaneous stuff */

/*** END additions by Franz Kohl ***/