/*
Theme Name: Kultour (A Twenty Twenty Two Child-Theme)
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: Alexander Bachschmid
Author URI: https://www.corporate-happiness.de
Description: A WordPress Twenty Twenty child theme.
Template: twentytwentytwo
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0 (2022-04-02)
Text Domain: twentytwenty-child
*/

@import url("https://use.typekit.net/jmv4zqo.css");

body {
    overflow-x: hidden;
}

/* Remove Post-Title */
.wp-block-post-title {display: none;}

/* Fonts */
/* body,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: "Lato", "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
} */

.entry-content p {
	font-family: var(--wp--preset--font-family--tisa-pro);
    margin: 6px 0;
}


.wp-block-image {
    margin: 0;
}

/* Headings */
/* .wp-block-navigation .wp-block-navigation-item {
    font-weight: 500;text-transform: uppercase;letter-spacing: .025em;
} */

/* h1, h2, h3, h4 {
    text-transform: uppercase;
    letter-spacing: .025em;
} */

/*.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 1020px;
}*/

/* html body,
html .entry-title a,
html :root .has-primary-color {
	color: #3e5d65;
} */

/* Search field outline fixes */
.search-modal .search-field {
    outline: unset !important;
    border: 0 !important;
}

/* Navigation letter spacing */
.wp-block-navigation-item {
    letter-spacing: .03em;
}

/* Red Dot */
.dotted {
    position: relative;
}

.dotted:after {
    content:"";
    position: absolute;
    border-radius: 100%;
    width: .5em;
    height: .5em;
    left: 0;
    top: 0;
    transform: translate(-120%, -10%);
    margin-left: -6px;
    background: var(--wp--preset--color--custom-flamme);
}

/* Header fix */
header { margin-top: 0 !important; }

/* Flying Top Right */
.kultour-club-top-things {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 80vw;
    max-width: calc(90vw - 100px);
}
.wp-site-blocks .kultour-club-top-things { z-index: -1; }


/* No Margin / No Padding */
.nomargin {margin: 0;}
.nopadding {padding: 0;}

/* Absolute and Positions */
.absolute {position: absolute;}
.top {top: 0;}
.bottom {bottom: 0;}
.left {left: 0;}
.right {right: 0;}

.wp-block-media-text.circled .wp-block-media-text__media img {border-radius: 100%; overflow: hidden;}

/* Left Right fullsize Hack */
/* section.has-background { position:relative; }
section.has-background:before,
section.has-background:after {content:"";background: inherit;width: 100vw;height: 100%;position: absolute; pointer-events: none;}
section.has-background:before {right: 100%;top: 0;}
section.has-background:after {left: 100%;top: 0;} */

@media (max-width:599px) {
    /* .kultour-club-top-things {
        display: none;
    } */
    .wp-block-group {font-size: 16px;}
    .wp-block-site-logo {max-width: 3em;}

    .dotted:after {
        transform: scale(.75) translate(-120%, -10%);
    }
}

/* Dotted border fixes */
.wp-block-separator.is-style-dots {position: relative;align-items: center;justify-content: center;align-self: center;}
.wp-block-separator.is-style-dots:before {content: "";}
.wp-block-separator.is-style-dots:after {content: "";border-top: 3px dotted;width: 100%;height: 0px;position: absolute;left: 0;top: 50%;bottom: 0;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);}

/* Circled Text */  
.circle-text {overflow: hidden;position: relative;text-align: center;}

.circle-text::before { content: ""; width: 50%; height: 100%; float: left; shape-margin: 4%; shape-outside: polygon(
    0 0,
    98% 0,
    50% 6%,
    23.4% 17.3%,
    6% 32.6%,
    0 50%,
    6% 65.6%,
    23.4% 82.7%,
    50% 94%,
    98% 100%,
    0 100%
  );
}

.circle-text > *:first-child::before {content: "";width: 50%; height: 100%;float: right; shape-margin: 4%;
  shape-outside: polygon(
    2% 0%,
    100% 0%,
    100% 100%,
    2% 100%,
    50% 94%,
    76.6% 82.7%,
    94% 65.6%,
    100% 50%,
    94% 32.6%,
    76.6% 17.3%,
    50% 6%
  );
}
.circle-text > * {text-align: center !important;margin: auto;/* display: flex; */align-items: center;justify-content: center;}
.circle-text > *:first-child {display: inline;white-space: nowrap;}

/* Navigation Fixes */
@media (min-width:600px) {
    .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-item__label {position: relative; transition: 250ms;}
    .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-item__label:before {content: '';  font-size: 3em;height: .15em;width: .15em; transition: 200ms; position: absolute;top: 0;left: 0;border-radius: 100%;background: #e94e24;display: inline-block;line-height: 0;transform-origin: -10% -100%;transform: scale(0) translate(-145%, 45%);}
    .wp-block-navigation__container .wp-block-navigation-link:hover .wp-block-navigation-item__label:before {transform: scale(1) translate(-145%, 45%);}
    .wp-block-navigation__container .wp-block-navigation-link:hover .wp-block-navigation-item__content {text-decoration: none !important;}
    .wp-block-navigation__container:hover .wp-block-navigation-link:not(:hover) .wp-block-navigation-item__label {opacity: 0.65; }
}

/* Animation Navigation */
.wp-block-navigation .wp-block-navigation__container {animation: fadeInDown 800ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(1) {animation: fadeInDown 900ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(2) {animation: fadeInDown 1200ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(3) {animation: fadeInDown 1500ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(4) {animation: fadeInDown 1800ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(5) {animation: fadeInDown 2100ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
.wp-block-navigation-item:nth-child(n + 6) {animation: fadeInDown 2300ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}

@media (max-width:599px) {
    .wp-block-navigation__responsive-container-open {animation: fadeInDown 800ms cubic-bezier(0.39, 0.86, 0.47, 0.93) forwards;}
}
