/*
Theme Name:   blocksy child theme
Description:  Schreibe hier eine kurze Beschreibung über dein Child-Theme
Author:       admin
Author URL:   https://diebasisaachen.kloecker.nrw
Template:     blocksy
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  blocksy-child
*/




/*==================== LAYOUT ====================*/

.page-id-25 .ct-container-full {
	margin-top: -100px;
	
}

.page-title {
	display: none;
	
}

h3 {
	margin-top: 15px !important;
	
}

.border-title-box {
	border: 4px solid #e3e4e4;
	color: #4a4949;
	text-align: center;
	
}

.content-wrapper {
	max-width: 1000px !important;
	margin: 0 auto;
	
}

.quote-wrapper {
	margin: 15px;
	padding: 15px;
	border-left: 3px solid #000;
	background-color: #e5e5e5;
	
}


.meta-author,
.ct-meta-element-author,
.ct-meta-element-date {
	display: none !important;
	
}


/*==================== SMART SLIDER ====================*/

.smartslider-title-bold div {
	font-size: calc(10px + 7vw) !important;
	
}

.smartslider-subtitle-1 div {
	font-size: calc(10px + 1vw) !important;
	
}

.smartslider-subtitle-2 div {
	font-size: calc(10px + 5vw) !important;
	
}

.smartslider-text-1 div p {
	font-size: calc(5px + 1vw) !important;
	
}


/*==================== PILLARS ====================*/

.pillar-wrapper {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	
}

.pillar-content {
	width: 23%;
	min-height: 400px;
	margin: 10px;
	padding: 10px;
	
}

.pillar-green {
	background-color: #2b9c38;
}
.pillar-blue {
	background-color: #233c7a;
}
.pillar-red {
	background-color: #dc0c22;
}
.pillar-orange {
	background-color: #f29200;
}

.pillar-content h3,
.pillar-content p {
	color: #fff;
	
}

.pillar-content h3 {
	font-size: calc(16px + 0.65vw);
	
}


@media screen and (max-width: 1150px) {
	
	.pillar-content {
		width: 45%;
	}
	
	.pillar-content h3 {
		font-size: calc(24px + 0.65vw);
	
	}
	
}

@media screen and (max-width: 550px) {
	
	.pillar-content {
		width: 90%;
		margin: 10px 0
	}
	
}





/*==================== OLD CSS ====================*/

#menu-header-menu li.current_page_item > a {
	color: #40b4a6;
}
#menu-header-menu li.current-menu-ancestor > a {
	color: #40b4a6;
}

#fx-main-slider,
.n2-ss-no-bga-fixed {
	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 */
article > .entry-content figure.alignfull ul.blocks-gallery-grid {
	padding-left: 0;
}
.wp-block-column [class*="_inner-container"] > :not(.alignfull) {
	width: 100%;
}
/* next one is only for home page only */
.home .wp-block-getwid-section.alignfull.getwid-init:nth-child(odd) {
	background-color: #e3e4e4;
}
/*
article > .entry-content ul:not(wp-block-gallery) {
	padding-left: 0;
}
*/
.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 {
	padding: 10px 20px;
}
h2.has-text-align-center {
	background-color: transparent !important;
	border: 4px solid #e3e4e4 !important;
	color: #4a4949 !important;
	/* border-left-color: #2b9c38; */ /* green */
	/* border-bottom-color: #233c7a; */ /* blue */
	/* border-right-color: #dc0c22; */ /* red */
	/* border-top-color: #f29200; */ /* orange */
}
h2.has-background {
	font-size: 1.8rem;
}
@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: 1150px) and (max-width: 1300px) {
	.columns-pillar h2, .columns-pillar h3 {
		font-size: 1.3rem;
		hyphens: auto;
	}
}
@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: 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: 782px) {	
	.wp-block-columns.columns-pillar-row {
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 600px) and (max-width: 1048px) {
	.columns-pillar-row .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - 1em) !important;
		flex-grow: 0;
		margin-bottom: 0;
	}
	.columns-pillar-row .wp-block-column:nth-child(2n) {
		margin-left: 2em
	}
	.columns-pillar-row .wp-block-column:nth-child(odd) {
		margin-left: 0;
	}
	.columns-pillar-row .wp-block-column:nth-child(even) {
		margin-right: 0;
	}
	.columns-pillar-row .wp-block-column:nth-child(2n+1) {
		margin-right: 0;
	}
	.columns-pillar-row .wp-block-column:not(:last-child) {
		margin-right: 0;
	}
	.columns-pillar-row .wp-block-column:nth-child(1), 
	.columns-pillar-row .wp-block-column:nth-child(2) {
		margin-bottom: 2em;
	}
}
/* 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 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 */