/*
 Theme Name:   Kettelers Theme
 Description:  Kettelers Theme
 Author:       Luca Papay
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

@font-face {
    font-family: "Abstract Bold-Italic";
	src: url(./fonts/Abstract-BoldIt.otf) format("otf");
	src: url(./fonts/Abstract-BoldIt.ttf) format("ttf");
    src: url(./fonts/Abstract-BoldIt.woff) format("woff");
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: "Abstract Black-Italic";
	src: url(./fonts/Abstract-BlackIt.otf) format("otf");
	src: url(./fonts/Abstract-BlackIt.ttf) format("ttf");
    src: url(./fonts/Abstract-BlackIt.woff) format("woff");
    font-display: swap;
    font-weight: 800;
}

@font-face {
    font-family: "Abstract Regular";
    src: url(./fonts/Abstract-Regular.woff) format("woff");
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: "Abstract Medium";
    src: url(./fonts/Abstract-Medium.woff) format("woff");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Abstract Medium Italic";
    src: url(./fonts/Abstract-MediumIt.woff) format("woff");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Abstract Thin Italic";
	src: url(./fonts/Abstract-ThinIt.otf) format("otf");
	src: url(./fonts/Abstract-ThinIt.ttf) format("ttf");
    src: url(./fonts/Abstract-ThinIt.woff) format("woff");
    font-display: swap;
    font-weight: 100;
}

a {
    text-decoration: none !important;
    color: black !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

h1 {
    font-family: "Abstract Bold-Italic", serif !important;
    font-size: 40pt;
}

h2 {
    font-family: "Abstract Bold-Italic", serif !important;
    font-size: 26pt;
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 12pt;
}

#site-content {
    background-color: #fcf3da !important;
}

#site-header {
    background-color: #ecc617 !important;
    height: 100px;
    color: white;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 50;
}

.menu-modal {
    z-index: 100;
}

.logoFirstLine {
    font-family: "Abstract Thin Italic", serif !important;
    font-size: 20pt;
    margin: 0 0 0 1vw;
    letter-spacing: 1pt;
    line-height: 1;
    color: white;
}

.logoSecondLine {
    font-family: "Abstract Bold-Italic", serif !important;
    font-size: 20pt;
    margin: 0 0 1vh 1vw;
    letter-spacing: 1pt;
    line-height: 1;
    color: white;
}


.header-inner {
}

ul.primary-menu {
    margin: 0;
}

.primary-menu > li > a {
    color: #ffffff !important;
    font-family: "Abstract Black-Italic", serif !important;
    padding-bottom: calc(1vh - 10px);
    font-size: 20pt !important;
}

.primary-menu li.current-menu-item > a {
    color: #000000 !important;
    text-decoration: none;
    border-bottom: solid 8px;
}

.wp-block-latest-posts a {
    font-family: "Abstract Black-Italic", serif !important;
    font-size: 20pt;
    line-height: 1;
}

div.post-inner > div > div > div:nth-child(2) > ul > li {
    margin-bottom: 5vh;
}


.entry-header-Image {
    display: block;
    height: 100px;
    object-fit: cover;
}

.entry-header {
    padding: 0 !important;
}

.post-inner {
    padding-top: 0;
}

.section-inner.medium {
    max-width: initial;
}

.lang-item {
    list-style: none;
    display: inline;
}

.modal-menu a {
    font-family: "Abstract Bold-Italic", serif !important;
}

#menu-item-178-de > a, #menu-item-177-en > a {
    font-weight: bold !important;
}

.featured-media {
    display: none;
}

.categoryPagination {
    height: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 13pt;
}

.desktop {
    display: none;
}

/** Events **/
.single_event_listing {
    max-width: initial !important;
}

/* Title Kalender */
.wpem-event-listing-header-title .wpem-heading-text{
    font-size: 20pt !important;
}

div.wpem-single-event-header-top > div > div > div > div > img{
    display: none !important;
    /*
    height: 100px !important;
    object-fit: cover;
     */
}

/* borders */
.wpem-single-event-wrapper{
    border: 0 !important;
}

.wpem-single-event-header-top{
    background: transparent !important;
}


/* Display title on kalender page */
#event-listing-view > div > div > div > a > div.wpem-event-infomation > div.wpem-event-details > div.wpem-event-title{
    display: initial;
}

/* dont display normal title*/
.wpem-event-title {
    display: none;
}

/* removes padding*/
.wpem-single-event-short-info {
    display: none;
}

/* removes padding*/
div.wpem-single-event-body-content > p {
    display: none;
}

/* removes padding*/
.wpem-single-event-body-content {
    padding-top: 0 !important;
}
/* removes padding and list indicator*/
.display-posts-listing{
    list-style-type: none;
    margin: 0;
}

/* removes padding*/
.listing-item{
    margin-top: 0;
}

/* removes book now btn*/
div.wpem-single-event-body-content > ul > li > div > div > div > a{
    display: none;
}

.categoryPagination span {
    display: none;
}	

.categoryPagination *:not(:first-child) {
    display: none;
}

@media ( min-width: 900px ) {
    html {
        margin: auto;
        max-width: 1440px;
        background-color: #ffffff !important;
    }

    .desktop {
        display: initial;
        width: 100%;
    }

    #site-header {
        background-color: #ecc617 !important;
        height: 170px;
        color: white;
    }

    body {
        padding: 1% 1%;
        background-color: #fcf3da !important;
    }

    h1 {
        font-family: "Abstract Black-Italic", serif !important;
        font-size: 60pt;
    }

    h2 {
        font-family: "Abstract Black-Italic", serif !important;
        font-size: 40pt;
    }

    p {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 18pt;
    }

    .header-inner {
        position: absolute;
        bottom: 0;
        padding-bottom: 0;
        align-items: flex-end;
    }

    .logoFirstLine {
        font-size: 30pt;
        margin: 0 0 0 1vw;
        letter-spacing: 1pt;
        line-height: 1;
    }

    .logoSecondLine {
        font-size: 30pt;
        margin: 0 0 1vh 1vw;
        letter-spacing: 1pt;
        line-height: 1;
    }

    /** top menu **/
    #menu-top-menu-english, #menu-top-menu-german{
        list-style-type: none;
        display: flex;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 14pt;
        text-transform: uppercase;
        width: 100%;
        justify-content: flex-end;
        letter-spacing: 2px;
        padding-right: 3vw;
        padding-top: 2vh;
    }

    #menu-top-menu-english li a, #menu-top-menu-german li a{
        color: #ffffff !important;
    }

    #menu-item-177-de, #menu-item-178-de{
        margin-right: 0px !important;
    }

    #menu-item-178-en, #menu-item-177-en{
        margin-left: 6px !important;
    }

    #menu-top-menu-english li, #menu-item-178-de li{
        margin: 0;
        margin-right: 25px;
    }


    .primary-menu li.current-menu-item > a {
        border-bottom: solid 8px;
        padding-bottom: calc(1vh - 10px);
    }

    .primary-menu > li > a {
        color: #ffffff !important;
        font-family: "Abstract Bold-Italic", serif !important;
        padding-bottom: calc(1vh - 2px);
        font-size: 20pt !important;
    }

    /* collums */
    .wp-block-columns{
        max-width: 105% !important;
        width: 100% !important;
    }

    .entry-header-Image {
        height: 250px;
    }

    .front-page-Image {
        height: 700px;
        object-fit: cover;
    }

    .entry-content > .alignwide:not(.wp-block-group.has-background) {
        margin-top: 0;
    }

    .entry-content {
        width: calc(100% - 8rem);
        margin-left: auto;
        margin-right: auto;
    }

    .headerBreadcrums {
        height: 40px;
        display: flex;
        align-items: center;
        margin-bottom: 4rem;
        font-size: 20pt;
    }

    .wp-block-columns {
        margin-top: 0 !important;
    }

    .wp-block-latest-posts a {
        font-family: "Abstract Bold-Italic", serif !important;
        font-size: 30pt;
        line-height: 1;
    }

    .alignwide, .wp-block-post-title, .wp-block-columns {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .lang-item {
        list-style: none;
        display: inline;
    }

    #menu-item-178-de > a, #menu-item-177-en > a {
        text-decoration: underline !important;
    }

    .featured-media {
        display: none;
    }

    .categoryPagination {
        height: 40px;
        display: flex;
        align-items: center;
        margin-bottom: 4rem;
        font-size: 20pt;
    }
	
	
	.categoryPagination span {
		display: block;
	}	

	.categoryPagination *:not(:first-child) {
   	 	display: block;
	}


    .has-small-font-size {
        font-size: 12pt;
    }

    .has-normal-font-size {
        font-size: 20pt !important;
    }

    .has-large-font-size {
        font-size: 30pt;
    }

    .has-bonkers-font-size {
        font-size: 40pt;
    }

    /* Events */

    .wpem-event-listing-header-title .wpem-heading-text{
        font-size: 40pt !important;
    }

    div.wpem-single-event-header-top > div > div > div > div > img{
        display: none !important;
        /*
        height: 250px !important;
        object-fit: cover;
         */
    }

}