/*
Theme Name:   Cancom Events - Greyd Child Theme
Theme URI:    https://greyd.io/
Description:  A child theme for the Greyd Theme
Author:       Greyd
Author URI:   http://example.com
Template:     greyd-theme
Version:      1.0.0
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, entertainment, site-editing, block-patterns, block-styles
Text Domain:  greyd-child-theme
*/


/* WIP CSS Guides */

/*Breakpoint Specific Block Enhancements*/

/*Block CSS*/

/*Block Table*/
.wp-block-table td, .wp-block-table th{border-top: 0px !important; border-left: 0px !important; border-right: 0px !important;
padding-left: 0px !important;}
.wp-block-table > table{
font-weight: 400;}

/*Row*/

@media (max-width: 599px){
.break-sm{flex-wrap: wrap !important;}
.reverse-sm {flex-direction: column-reverse;}}

@media (max-width: 992px){
.break-md{flex-wrap: wrap !important;}
.reverse-md {flex-direction: column-reverse;}}

@media (max-width: 1199px){
.break-lg{flex-wrap: wrap !important;}
.reverse-lg {flex-direction: column-reverse;}}

/*Media and Text Block*/

.wp-block-media-text {
gap: var(--wp--preset--spacing--medium);}

@media (max-width: 991.98px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content.wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
}

.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100%!important;
}}

/*Search Block*/
.popover-search.greyd-search-form:not(.custom){justify-content: space-between !important;}
.popover-search button[type=submit][type=submit]{justify-content: flex-start !important;}

/*Core-search*/
.core-search .wp-block-search__button{padding: 0 !important; border: none !important;}
.core-search .wp-block-search__inside-wrapper{padding: 8px 16px !important;}
.wp-block-search__button svg{fill: var(--preset--color--darkest) !important;}

/* Event Search */
.core-search.event {
    background-color: var(--wp--preset--color--lightest, #fff);
    border-radius: 25px;
}
.core-search.event2 {
    background-color: var(--wp--preset--color--base, #f2f3f7);
    border-radius: 25px;
}

/* Group Box Shadow*/
.shadowbox{-webkit-box-shadow: -10px -1px 20px -10px #00000020 !important; 
box-shadow: -10px -1px 20px -10px #00000020 !important;}

/*Query Gap Settings*/
.small-gap-query .greyd-posts-slider .query-page {gap: var(--wp--preset--spacing--small);}

.tiny-gap-query .greyd-posts-slider .query-page {gap: var(--wp--preset--spacing--tiny);}

.micro-gap-query .greyd-posts-slider .query-page {gap: 8px;}





/*GREYD Block CSS Preset*/

/*Accordion Block*/

.line-accordion .wp-block-greyd-accordion__title{background: var(--preset--color--background); color:var(--preset--color--darkest);
border-bottom: 1px solid; border-radius: 0px; font-family: var(--wp--preset--font-family--gotham); font-weight: 700; text-transform: uppercase;}

.large-accordion .wp-block-greyd-accordion__title{background: var(--preset--color--background); color:var(--preset--color--darkest);
border-bottom: 1px solid; border-radius: 0px; font-family: var(--wp--preset--font-family--gotham); font-size: var(--wp--preset--font-size--large); font-weight: 700;}

.round-accordion .wp-block-greyd-accordion__title{background: var(--preset--color--background); color:var(--wp--preset--color--darkest); font-family: var(--wp--preset--font-family--gotham); text-transform: uppercase; font-weight: 700;}

.round-accordion .wp-block-greyd-accordion-item {border: 1px solid; border-radius: 37px;
padding: 0.5rem 1.5rem 0.5rem; }

.round-accordion .wp-block-greyd-accordion__content, .line-accordion .wp-block-greyd-accordion__content, .large-accordion .wp-block-greyd-accordion__content {
background: #00000000;
}

/*Button*/

.big-link.wp-block-buttons,
.big-link.wp-block-buttons .wp-block-button {
  display: block;
}
.big-link.wp-block-buttons .wp-block-button__link {
  display: flex;
  justify-content: space-between;
}

.big-link .wp-block-button__link{background-color: var(--wp--preset--color--darkest);
border-radius: 50px;
color: var(--wp--preset--color--lightest);
border-color: var(--wp--preset--color--darkest);
margin-bottom: var(--wp--preset--spacing--small) !important;}

.big-link .wp-block-button__link:hover{background-color: transparent !important;
border-radius: 50px;
color: var(--wp--preset--color--darkest) !important;
border-color: var(--wp--preset--color--darkest) !important;}

.big-link-invert.wp-block-buttons,
.big-link-invert.wp-block-buttons .wp-block-button {
  display: block;
}
.big-link-invert.wp-block-buttons .wp-block-button__link {
  display: flex;
  justify-content: space-between;
}

.big-link-invert .wp-block-button__link{
border-radius: 50px;
color: var(--wp--preset--color--darkest);
border-color: var(--wp--preset--color--darkest);
margin-bottom: var(--wp--preset--spacing--small) !important;}

.big-link-invert .wp-block-button__link:hover{background-color: var(--wp--preset--color--darkest) !important;
border-radius: 50px;
color: var(--wp--preset--color--lightest) !important;
border-color: var(--wp--preset--color--darkest) !important;}

.wp-block-greyd-buttons.button-gap {
gap: var(--wp--preset--spacing--tiny);
}

/* Media/Text rounded img */

.wp-block-media-text.is-rounded-image img {
border-radius: 50% !important;
aspect-ratio: 1 / 1;
object-fit: cover;
border: 1px solid #707070;
}
@media (min-width: 992px){
.wp-block-media-text.is-rounded-image .wp-block-media-text__content {
padding: 0px;
}
}
@media (max-width: 992px){
.wp-block-media-text.is-rounded-image img {
max-width: 65%;
}
.wp-block-media-text.is-rounded-image .wp-block-media-text__media {
text-align: center;
}
}
@media (max-width: 576px){
.wp-block-media-text.is-rounded-image img {
max-width: 90%;
}
.wp-block-media-text.is-rounded-image .wp-block-media-text__media {
text-align: center;
}
}


/* Media/Text responsive */

@media (max-width: 992px){
.wp-block-media-text.md-no-padding .wp-block-media-text__content {
padding-left: 0px;
padding-right: 0px;
}
}

/* Media/Text no padding */
.wp-block-media-text.no-padding .wp-block-media-text__content {
padding-left: 0px;
padding-right: 0px;
} 

/* Greyd Liste mit Linien  */
ul.underlined li span {
padding-bottom: var(--wp--preset--spacing--small);
padding-top: var(--wp--preset--spacing--small);
margin-top: 0px !important;
}
ul.underlined li:first-child span {
padding-top: 0px;
}
ul.underlined li .list_content {
border-bottom: 1px solid var(--wp--preset--color--custom-warm-medium-dark);
}

/* Position absolute override */
@media (max-width: 599px){
.absolute-override-sm.is-position-absolute{position: unset !important;}}
@media (max-width: 992px){
.absolute-override-md.is-position-absolute{position: unset !important;}}
@media (max-width: 1199px){
.absolute-override-lg.is-position-absolute{position: unset !important;}}

/* Global Padding */
@media (max-width: 992px){
.global-padding-override-md.has-global-padding{padding-right: unset !important;}

.global-padding-override-md.wp-block-column{padding-right: unset !important;}}



/* Red Bullet with Number */

.wp-block-column:has(.wp-block-greyd-box.red-dot) {
min-width: 120px;
max-width: 120px;
}
.wp-block-greyd-box.red-dot {
    min-height: 95px;
    max-height: 95px;
    min-width: 95px;
    max-width: 95px;
}
.wp-block-greyd-box.red-dot p {
line-height: 95px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
@media (max-width: 992px){ 
.wp-block-column:has(.wp-block-greyd-box.red-dot) {
min-width: 110px;
max-width: 110px;
}
.wp-block-greyd-box.red-dot {
    min-height: 85px;
    max-height: 85px;
    min-width: 85px;
    max-width: 85px;
}
.wp-block-greyd-box.red-dot p {
line-height: 85px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
@media (max-width: 576px){
.wp-block-column:has(.wp-block-greyd-box.red-dot) {
min-width: 90px;
max-width: 90px;
}
.wp-block-greyd-box.red-dot {
    min-height: 65px;
    max-height: 65px;
    min-width: 65px;
    max-width: 65px;
}
.wp-block-greyd-box.red-dot p {
line-height: 65px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}

/* Scroll Offset Settings */

/* verschiebt den Haltepunkt nach oben */

.scroll-offset-up-tiny {
scroll-margin-top: var(--wp--preset--spacing--tiny);
}
.scroll-offset-up-small {
scroll-margin-top: var(--wp--preset--spacing--small);
}
.scroll-offset-up-medium {
scroll-margin-top: var(--wp--preset--spacing--medium);
}
.scroll-offset-up-large {
scroll-margin-top: var(--wp--preset--spacing--large);
}
.scroll-offset-up-x-large {
scroll-margin-top: var(--wp--preset--spacing--x-large);
}

/* verschiebt den Haltepunkt nach unten */

.scroll-offset-down-tiny {
scroll-margin-top: calc( var(--wp--preset--spacing--tiny) * -1px);
}
.scroll-offset-down-small {
scroll-margin-top: calc( var(--wp--preset--spacing--small) * -1px);
}
.scroll-offset-down-medium {
scroll-margin-top: calc( var(--wp--preset--spacing--medium) * -1px);
}
.scroll-offset-down-large {
scroll-margin-top: calc( var(--wp--preset--spacing--large) * -1px);
}
.scroll-offset-down-x-large {
scroll-margin-top: calc( var(--wp--preset--spacing--x-large) * -1px);
}

/* HS | Hero Banner L | Contentbox red/white */
.hero-switchbox {
overflow: visible !important;
z-index: 2;}
.hero-switchbox .big-link .wp-block-button__link{ 
margin-bottom: 0px !Important;
}

/* Anker-Navigation */
.anker.wp-block-navigation ul li {padding-block: 0px;}

/* Aktives Navigationselement rot hervorheben */
.wp-block-navigation-item.current-menu-item a.wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary) !important;
}

/* Language Switch Partner MS */

.wp-block-polylang-language-switcher {
    display: flex;
    gap: 20px; /* Abstand zwischen den li-Elementen */
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-polylang-language-switcher li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    text-align: center;
}

.wp-block-polylang-language-switcher li a {
    text-decoration: none;
	padding-top: 6px !important;
    padding-right: 7px !important;
    padding-bottom: 6px !important;
    padding-left: 7px !important;
    font-size: 14px !important;
    color: var(--wp--preset--color--mediumlight) !important;
    border: 2px solid var(--wp--preset--color--mediumlight) !important;
    border-radius: 50%;
	font-weight: bold;
}
.wp-block-polylang-language-switcher li a:hover {
    color: var(--wp--preset--color--mediumdark) !important;
    border: 2px solid var(--wp--preset--color--mediumdark) !important;
}


.dark ul.wp-block-polylang-language-switcher li {
border: 1px solid #232b33;
}
.light ul.wp-block-polylang-language-switcher li {
border: 1px solid #a2aab6;
}
.cc_lang_switch ul.wp-block-polylang-language-switcher li:hover, .cc_lang_switch ul.wp-block-polylang-language-switcher li:hover a {
border-color: #ff0035 !important;
color: #ff0035 !important;
}




/* Suche Hervorhebung */

mark:not(.has-inline-color) {
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--foreground);
} 
:where(mark) {
    background: none;
}
main pre, main code {
    border: 1px solid var(--wp--preset--color--custom-warm-medium-light);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 10px 0;
}
pre, code {
    position: relative;
    font-size: initial;
    line-height: 1.5;
    padding: 10px;
    color: var(--wp--preset--color--dark);
    background: var(--wp--preset--color--base);
    overflow-x: auto;
    white-space: pre-wrap;
    margin: 0;
}

pre {
    display: block;
    font-family: monospace;
    unicode-bidi: isolate;
    white-space: pre;
    margin: 1em 0px;
}

/* Textumbrüche */

/* hyphens */
body{ 
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;}

/* Force hyphens */
.force-hyphens{ 
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}

/* Barrierefreiheit: Unterstirch bei Buttins entferenen */

/* https://secure.helpscout.net/conversation/2875308732/3667?viewId=7806586 */
/* Task ID Atarim 1995577 */

.is-style-clear.button:hover {
  text-decoration: none !important; 
}


/* Grid Block Variation */

/* Grid-max-Columns */
@media (min-width: 1199px) {
  .grid-max-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .grid-max-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-max-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-max-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-max-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-max-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  .grid-max-8-md {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .grid-max-6-md {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-max-5-md {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-max-4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-max-3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-max-2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}