/*
 * Theme Name:  Revision Child
 * Theme URI:   https://revision.codesupply.co/
 * Description: Revision Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    revision
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

.entry-content a {
    text-decoration: none;
    color: #303030 !important;
}

.cs-header__col.cs-col-middle {
	justify-content: center;
}

.cs-posts-area__home .cs-entry {
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
	margin-top: 0 !important;
	border-top: 0 !important;

	.cs-entry__outer {
		max-width: 1000px;
    	margin: auto;
		grid-template-columns: 470px calc(100% - 470px - 1.25rem);
	}

    .cs-entry__title a,
    .cs-entry__excerpt,
    .cs-meta-author-name,
    .cs-meta-date {
        color: black !important;
    }

    .cs-entry__discover-more {
        display: none;
    }

    .cs-entry__thumbnail.cs-entry__overlay {
        border-radius: 0;
        clip-path: none;
    }

    .cs-overlay-post-meta {
        .cs-entry__post-meta {
            .post-categories a {
                font-weight: 400 !important;
                font-size: 12px !important;
                text-transform: none;

                img {
                    width: 12px;
                    height: 12px;
                    margin-right: 4px;
                }
            }
        }
    }

    .cs-entry__title {
        margin-top: 60px;
        font-size: 32px;
    }

    .cs-entry__subtitle {
        font-size: 16px;
    }
}

.cs-home-hero .cs-entry {
	width: calc(100vw);
    margin-left: calc(-50vw + 50%);
	margin-top: 0 !important;
	border-top: 0 !important;

	.cs-entry__outer {
		max-width: 1300px;
    	margin: auto;
		display: grid;
		grid-template-columns: 640px calc(100% - 640px - 1.25rem);
        column-gap: 1.25rem;
	}
}

.cs-posts-area__list .cs-entry {
    padding: 14px 16px !important;
    border: 0;
}

.cs-entry__thumbnail img,
.cs-overlay-background:after,
.cs-entry__thumbnail.cs-entry__overlay {
	border-radius: 0 !important;
	clip-path: unset !important;
}


.cs-home-hero {
	.cs-entry {
		padding: 14px 16px !important;
		border: 0;
	}
	.cs-overlay-post-meta {
		position: absolute;
		top: 1.25rem;
		left: 1.25rem;
		right: 1.25rem;
		.cs-entry__post-meta {
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 1rem;
			align-items: start;

            .post-categories a {
                font-weight: 400 !important;
                font-size: 12px !important;
                text-transform: none;

                img {
                    width: 12px;
                    height: 12px;
                    margin-right: 4px;
                }
            }
		}
	}

    .cs-entry__title {
        margin-top: 80px;
        font-size: 43px;
    }

    .cs-entry__subtitle {
        font-size: 21px;
    }
}

.author-info {
	display: flex;
	flex-direction: row;
	align-items: center;

	img {
		border-radius: 46px;
		margin-right: 11px;
	}

	.cs-entry__post-meta {
		margin-top: 0 !important;
        font-weight: 400 !important;
	}

    .cs-meta-author-name {
        font-weight: 400 !important;
        margin-right: 15px;
    }
}


.cs-entry.Grün {
 background: rgba(47, 113, 76, 1);
}

.cs-entry.Orange {
    background: rgba(255, 102, 54, 1);
}

.cs-entry.Dunkelblau {
    background: rgba(41, 42, 77, 1);
}

.cs-entry.Gelb {
    background: rgba(255, 223, 58, 1);
}

.cs-entry.Rot {
    background: rgba(144, 40, 61, 1);
}

.cs-entry.Braun {
    background: rgba(188, 159, 114, 1);
}

.cs-entry.Lila {
    background: rgba(163, 140, 197, 1);
}

.cs-entry.Grün,
.cs-entry.Orange,
.cs-entry.Dunkelblau,
.cs-entry.Rot {
    .cs-entry__title a,
    .cs-entry__excerpt,
    .cs-meta-author-name,
    .cs-meta-date {
        color: white !important;
    }
}

.cs-entry.Gelb,
.cs-entry.Braun,
.cs-entry.Lila {
    .cs-entry__title a,
    .cs-entry__excerpt,
    .cs-meta-author-name,
    .cs-meta-date {
        color: black !important;
    }
}

.cs-categories-list {
    .cs-categories-list__heading {
        font-family: 'Fraunces', sans-serif;
        text-transform: none;
        font-weight: 600;
        font-size: 32px;
        color: black;
    }

    .cs-category-item {
        background: black;
        color: white;
        border-radius: 8px;
        padding-top: 8px;
        padding-bottom: 8px;

        &:hover {
            background-color: #303030 !important;
            box-shadow: none !important;
        }

        .cs-category-item__icon {
            width: 19px;
            height: 19px;
        }

        .cs-category-item__title a {
            color: white;
            font-size: 16px;
            font-weight: 400;
            font-family: 'Fira sans', sans-serif;
        }
    }
}

.cs-search .cs-entry__post-meta .cs-meta-category .post-categories li a {

    color: white;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Fira sans', sans-serif;
    text-transform: unset;
    letter-spacing: unset;
    background: black;
    margin-right: 10px;
    margin-bottom: 10px;

    &:after {
        display: none;
    }
    &:hover {
            background-color: #303030 !important;
            box-shadow: none !important;
    }

    img {
        width: 19px;
        height: 19px;
        margin-right: 5px;
    }
}

/*Footer*/



.cs-footer {
    background: black;
    color: white;

    .cs-footer__item {
        border-top: 0
    }

    .cs-col-right {
        flex-direction: row;
        align-items: start;
        justify-content: space-between;

        .cs-social {
            margin-top : 0;

            .cs-social__link {
                align-items: start;
                width: 27px;
                height: 27px;
            }
        }

        .cs-social__link {
            color: white;

            svg,
            svg path {
                fill: white;
            }
        }
    }

    .cs-footer__nav-menu {
        margin-top: 5px;
    }

    .cs-footer__nav > li > a {
        pointer-events: all;
    }
}

/*detailpage*/

.wp-singular {
    --cs-entry-content-large-width: 930px;

    .entry-content,
    .wp-block-heading {
        font-family: 'Fraunces', sans-serif;
    }

    .cs-entry__subtitle {
        font-family: 'Fraunces', sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #484848;
    }

    .cs-entry__footer,
    .cs-entry-prev-next,
    .cs-entry__comments {
        display: none;
    }

    &.single .cs-entry__content-wrap {
        max-width: 848px !important;
    }

    &.single .cs-main-content {
        margin-top: 30px;
    }

    .cs-entry__inner .cs-entry__post-meta .cs-meta-category .post-categories li a {
        background: black;
        color: white;
        border-radius: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Fira sans', sans-serif;
        text-transform: none;
        margin-right: 15px;

        img {
            width: 19px;
            height: 19px;
            margin-right: 10px
        }

        &:after {
            display: none;
        }
    }

    .author-info {
        max-width: 848px !important;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 50px;

        img {
            border-radius: 46px;
            margin-right: 11px;
        }

        .cs-entry__post-meta {
            margin: 0 !important;
            font-weight: 400 !important;
        }

        .cs-meta-author-name {
            font-weight: 400 !important;
            margin-right: 15px;
        }
    }

    .cs-entry__tags li a {
        font-family: 'Fraunces', sans-serif;
        font-size: 18px;
        font-weight: 400;
        text-transform: none;
    }
}

/*Quotes*/
.entry-content > blockquote {
    color: black !important;
    border-radius: 8px !important;
    font-family: 'Fraunces', sans-serif;
    font-size: 20px;
    font-weight: 400;

    :not(.is-style-plain):before {
        content: '« ';
        display: inline;
    }

    :not(.is-style-plain):after {
        content: ' »';
        display: inline;
    }

    cite {
        color: black !important;
        font-weight: 500;
        font-family: 'Fira sans', sans-serif;
        font-size: 12px;

        &:not(.is-style-plain):before,
        &:not(.is-style-plain):after {
            content: '';
            display: none;
        }
    }
}

.wp-block-quote:not(.is-style-plain):before {
    content: '';
    display: none;
}

.entry-content > blockquote p:first-child {
    margin-top: 0 !important;
}

body.Grün .wp-block-quote {
    background: rgba(47, 113, 76, 1);
}

body.Orange .wp-block-quote {
    background: rgba(255, 102, 54, 1);
}

body.Dunkelblau .wp-block-quote {
    background: rgba(41, 42, 77, 1);
}

body.Gelb .wp-block-quote {
    background: rgba(255, 223, 58, 1);
}

body.Rot .wp-block-quote {
    background: rgba(144, 40, 61, 1);
}

body.Braun .wp-block-quote {
    background: rgba(188, 159, 114, 1);
}

body.Lila .wp-block-quote {
    background: rgba(163, 140, 197, 1);
}

body.Grün .entry-content > blockquote,
body.Grün .entry-content > blockquote cite,
body.Orange .entry-content > blockquote,
body.Orange .entry-content > blockquote cite,
body.Dunkelblau .entry-content > blockquote,
body.Dunkelblau .entry-content > blockquote cite,
body.Rot .entry-content > blockquote,
body.Rot .entry-content > blockquote cite {
    color: white !important;
}

.cs-search__form .cs-search__submit {
    color: black !important;
    background: white !important;
    font-weight: normal;

    &:hover {
        color: black !important;
        background: white !important;
        box-shadow: none !important;
        font-weight: bold;
    }
}

.cs-search__form .cs-search__submit:before {
    display: none;
}

.cs-search {
    max-width: 530px;
}

.cs-search__group  {
    border-radius: 20px !important;
}

.cs-posts-area-posts {

}

@media (max-width: 575.98px) {

}

@media (max-width: 575.98px) {
    .cs-table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}
@media (max-width: 767.98px) {
    .cs-posts-area__home .cs-entry {
        padding-left: 35px !important;
        padding-right: 35px !important;
        .cs-entry__outer {
            margin: auto;
            grid-template-columns: 1fr;
        }

        .cs-entry__title {
            font-size: 24px;
            margin-top: 20px;
        }

        .cs-entry__excerpt {
            font-size: 12px;
        }
    }

    .cs-site-content {
        margin-top: 0 !important;
    }

    .cs-home-hero {
        margin-top: 0 !important;
        .cs-entry {
            padding: 0 !important;

            .cs-entry__content {
                padding: 35px;
            }

            .cs-entry__outer {
                grid-template-columns: 1fr;
            }

            .cs-entry__title {
                font-size: 32px;
                margin-top: 20px;
            }

            .cs-entry__subtitle {
                font-size: 16px;
            }
        }

        .author-info img {
            display: none;
        }
    }

    .author-info img {
        width: 24px;
        height: 24px;
    }

    .cs-posts-area__archive.cs-archive-grid {
        --cs-posts-area-grid-row-gap: 0 !important;
        --cs-entry-title-font-size: 1.3125rem;

    }
}
@media (max-width: 991.98px) {

}
@media (max-width: 1247.98px) {

}

.cs-posts-area__archive.cs-archive-grid {

    .cs-entry__content {
        padding-right: 35px;
        padding-left: 35px;
        padding-bottom: 20px;
    }
}