/*
 Theme Name:   Kadence feat. Eventkrake
 Theme URI:    https://neustadt-art-kollektiv,org
 Description:  Child Theme of Kadence
 Author:       Jan Kossick, Thomas Schreiter
 Author URI:   https://jankossick.de
 Template:     kadence
 Version:      0.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, eventkrake
 Text Domain:  kadence-eventkrake
*/

/*** eventkrake ***/

.ics {
    font-size: small;
    font-style: italic;
}

.eventkrake .event {
    position: relative;

    padding: 0px;
    background-color: #fff;
    border: solid 1px #eeeeee;
    border-radius: 15px;

    background-color: #255a7a;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20% auto;
    margin-bottom: 20px;
}

.eventkrake .event .event-text {
    margin-left: 20%;
    /*border-left: solid 1px #255a7a;*/
    padding-bottom: 1px; /* needed to have a full border line on the left */
    background-color: #fff;
}

.eventkrake .event .event-text p {
    padding-left: 2%;
    padding-right: 2%;
    text-align:justify;
}
.eventkrake .event .event-text a {
    font-weight: bold;
    text-transform: uppercase;
}
.eventkrake .event p.event-links {
    text-align: right;
}
.eventkrake .event .event-links a {
    margin: 0 5px;
}
.eventkrake .event .event-links a::before {
    content: '→ ';
}

.eventkrake-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.eventkrake-date, .eventkrake-category {
    font-size: 13pt;
    font-weight: bold;
    color: #ca303f;
}
.eventkrake-date {
    white-space: nowrap;
}
.eventkrake-category {
    margin-left: 10px;
    text-align: right;
    color: #265b7b;
}

.eventkrake .event .event-title {
    padding-left: 1%;
    font-size: 16pt;
    color: #fff;
    border-radius: 0px 15px 0px 0px;
    background-color: #255a7a;
}

.eventkrake .event .event-location {
    position: relative;
    font-size: 13pt;
    font-weight: bold;

    padding-right: 15px;
    text-align: right;
    background-color: #255a7a;
    color: #fff;
    border-radius: 0px 0px 15px 15px;
}
.eventkrake .event .event-location a {
    color: #fff;
    text-decoration: underline;
}

.eventkrake .event .videofit {
	margin: 11px;
}
.eventkrake .event .wp-audio-shortcode {
	margin: 11px;
	width: auto !important;
}

/* outdated events */
.eventkrake .outdated {
    opacity: 0.8;
}


/*** categories ***/

/* Vernissage - #258ADA */
.eventkrake .event.category-Vernissage,
.eventkrake .event.category-Vernissage .event-title,
.eventkrake .event.category-Vernissage .event-location {
    background-color: #f6ab2c;
}
.eventkrake-category.category-Vernissage {
    color: #f6ab2c;
}

/* Konzert - #C90909 */
.eventkrake .event.category-Konzert,
.eventkrake .event.category-Konzert .event-title,
.eventkrake .event.category-Konzert .event-location {
    background-color: #C90909;
}
.eventkrake-category.category-Konzert {
    color: #C90909;
}

/* Akustikkollektiv - #5c1107 */
.eventkrake .event.category-Akustikkollektiv,
.eventkrake .event.category-Akustikkollektiv .event-title,
.eventkrake .event.category-Akustikkollektiv .event-location {
    background-color: #5c1107;
}
.eventkrake-category.category-Akustikkollektiv {
    color: #5c1107;
}

/* Aussitzen Deluxe - #fe4f00 */
.eventkrake .event.category-Aussitzen-Deluxe,
.eventkrake .event.category-Aussitzen-Deluxe .event-title,
.eventkrake .event.category-Aussitzen-Deluxe .event-location {
    background-color: #fe4f00;
}
.eventkrake-category.category-Aussitzen-Deluxe {
    color: #fe4f00;
}

/* Blaue Fabrik Corona Konzerte - #4b6eb1 */
.eventkrake .event.category-Blaue-Fabrik-Corona-Konzerte,
.eventkrake .event.category-Blaue-Fabrik-Corona-Konzerte .event-title,
.eventkrake .event.category-Blaue-Fabrik-Corona-Konzerte .event-location {
    background-color: #4b6eb1;
}
.eventkrake-category.category-Blaue-Fabrik-Corona-Konzerte {
    color: #4b6eb1;
}


/*** Posts in Page - Scherben ***/
.scherben-posts {
    column-count: 3;
}
@media (max-width: 25cm) {
    .scherben-posts {
        column-count: 2;
    }
}
@media (max-width: 15cm) {
    .scherben-posts {
        column-count: 1;
    }
}
.scherben-posts .ivycat-post {
    margin: 0 2% 12% 2%;
	page-break-inside: avoid;
	border-bottom: solid 1px #ddd;
	padding-bottom: 10%;
}
.scherben-posts .ivycat-post .entry-title {
    padding-left: 5px;
}
.scherben-posts .ivycat-post .entry-summary {
    padding: 5px;
    text-align: justify;
}
.scherben-posts .ivycat-post img {
    width: 100%;
}

/*** Posts in Page - Blog at Startpage ***/
.ivycat-post.blog-startpage {
    margin: 2%;
	border-bottom: solid 1px #ddd;
	padding-bottom: 2%;
}
.ivycat-post.blog-startpage .entry-title {
    padding-left: 5px;
}
.ivycat-post.blog-startpage .entry-summary {
    padding: 5px;
    text-align: justify;
}
.ivycat-post.blog-startpage img {
    width: 100%;
	height: 200px;
    margin-top: 30px;
    object-fit: cover;
}