/*
Theme Name: Kulturtafel Bonn
Theme URI: https://github.com/elementor/hello-theme/
Description: websplash | Agentur für Internet und Mediendesign
Author: websplash
Author URI: https://websplash.de/
Template: hello-elementor
Version: 1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.elementor-widget-text-editor p:last-of-type,
.elementor-widget-theme-post-content p:last-of-type {
  /* to remove margin of last p in text widget */
  margin-bottom:0;
}

.websplash input {
  /* to hide weird shadow on some iOS input fields */
  outline:0!important;
}

.websplash .elementor-field-option input[type="checkbox"],
.websplash .elementor-field-option input[type="radio"] {
  /* align fields middle */
  vertical-align: middle;
}

.websplash .elementor-field-option label {
  /* pointer cursor for labels of options (checkbox etc.) */
  cursor: pointer;
}

.websplash input[type="checkbox"] {
  /* fix iOS Bug if label is too long not to shrink the input */
  min-width:20px;
}

.websplash  .elementor-field-group .elementor-field-textual:focus {
  /* to not focus fields with border on hover */
  box-shadow:none;
  outline: 0;
}

/* hover effect for icons in buttons */
.elementor-widget-button a.elementor-button .elementor-button-icon {
  -webkit-transition: left 0.2s ease-in;
  -moz-transition: left 0.2s ease-in;
  -o-transition: left 0.2s ease-in;
  -ms-transition: left 0.2s ease-in;
  transition: left 0.2s ease-in;
  left:0;
  position: relative;
}
.elementor-widget-button a.elementor-button:hover .elementor-align-icon-right {
  left:10px;
}

/* align the acceptence form checkbox in a way, that it stay left, even the label text is multiple lines long */
.elementor-field-type-acceptance .elementor-field-option {
  display:flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.elementor-field-type-acceptance .elementor-field-option input {
  top: 7px;
  position: relative;
}
.elementor-field-type-acceptance .elementor-field-option label {
  padding-left:10px;
}

.elementor-select-wrapper select:focus {
  box-shadow:none;
}

.elementor-select-wrapper select option {
  color: var(--e-global-color-text);
}

/* hide recaptcha badge if active */
.grecaptcha-badge { visibility: hidden; }

.elementor-video {
  /* fix height issue, after video has been unblocked by borlabs cookie banner */
  height:100%;
}

/* style pw form on page pw protection at least a little bit nicer per default */
body.elementor-page form.post-password-form {
  display: flex;
  padding: 40px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100vh;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background: #eee;
}

.elementor-widget-button .elementor-button-icon.elementor-align-icon-right {
  margin-left:8px;
  left:0!important;
}

.elementor-widget-button .elementor-button-icon {
  display: flex;
  align-items: center;
  font-size:0.8em;
}

.elementor-widget-posts .elementor-post__read-more {
  display: block!important;
  text-align: right;
}

.elementor-widget-posts .elementor-post__read-more::after,
.websplash #ff-stream-1 .ff-loadmore-wrapper .ff-btn::after {
  content: ' ';
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 0.8em;
  height: 1em;
  left: 0;
  top: -2px;
  -webkit-mask-image: url('assets/images/arrow.svg');
  mask-image: url('assets/images/arrow.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--e-global-color-07f3233);
  margin-left: 5px;
  -webkit-transition: left 0.2s linear;
  -moz-transition: left 0.2s linear;
  -o-transition: left 0.2s linear;
  -ms-transition: left 0.2s linear;
  transition: left 0.2s linear;
}

.websplash #ff-stream-1 .ff-loadmore-wrapper .ff-btn::after {
  background-color: #fff;
}

.elementor-widget-posts .elementor-post__read-more:hover::after,
.websplash #ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover::after {
  left:0;
  background-color:var( --e-global-color-d0f7522 );
}

.footernav .elementor-widget-container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.footernav .elementor-heading-title {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
}

.footernav .elementor-heading-title:hover {
/*   background-color: var(--e-global-color-50332c5)!important; */
  color: var(--e-global-color-07f3233) !important;
  background-color: var(--e-global-color-090180b) ;
}


.footernav .elementor-heading-title a {
  padding:15px 10px;
  width:100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.footernav #active4 .elementor-heading-title a {
  white-space: pre;
}

@media screen and (max-width: 768px) {
	.footernav .elementor-heading-title a {
		font-size: 1rem !important;
	}
	.footernav #active4 .elementor-heading-title a {
        white-space: normal;
	}
}

.page-id-520 .footernav #active1 .elementor-heading-title,
.page-id-521 .footernav #active2 .elementor-heading-title,
.page-id-522 .footernav #active3 .elementor-heading-title,
.page-id-526 .footernav #active4 .elementor-heading-title{
  color: var(--e-global-color-07f3233) !important;
  background-color: var(--e-global-color-090180b) ;
}

.websplash .ff-stream-wrapper {
  margin:0;
  padding:0;
}

.websplash #ff-stream-1 {
  margin:0 -15px;
}

.websplash #ff-stream-1,
.websplash #ff-stream-1 .ff-popup,
.websplash #ff-stream-1 .ff-search input {
  background-color: transparent!important;
  padding:0!important;
}

.websplash #ff-stream-1 .ff-loadmore-wrapper .ff-btn {
  background-color: transparent!important;
  border-radius: 0;
  font-size: 1rem;
  border:1px solid #fff;
  padding: 5px 10px 5px 10px;
  color:#fff;
  line-height: 1em;
}

.websplash #ff-stream-1 .ff-loadmore-wrapper {
  text-align: right;
  margin-top:40px;
}

.websplash #ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover {
  background-color: #fff!important;
  color:var( --e-global-color-d0f7522 );
}
/*

.websplash #ff-stream-1 article {
  height:100%;
}

.websplash #ff-stream-1 article .picture-item__inner {
  height:100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#ff-stream-1 .ff-item-cont {
}

#ff-stream-1 .ff-item-bar {
  margin-top:auto;
}*/

.elementor-widget-posts article h3 a:hover,
.elementor-widget-posts article .elementor-post__read-more:hover {
  color:var(--e-global-color-e6133b0)!important;
}

.img_veranstaltung {
  line-height: 0;
}

.img_veranstaltung img {
  width:100%;
}

.img_veranstaltung .fallback {
  position: relative;
}

.img_veranstaltung .fallback::before {
  content:' ';
  width:100%;
  height:100%;
  position: absolute;
  background: rgb(229,103,0);
  background: linear-gradient(141deg, rgba(229,103,0,1) 6%, rgba(254,169,0,0.06626400560224088) 44%, rgba(172,13,6,1) 100%);
  z-index: 9;
}

.event_cat_name .elementor-heading-title {
  display:flex;
  gap:5px;
  align-items: center;
}

.event_cat_name img {
  width:15px;
}

.event_partner .event_partner_img {
  width:80px;
  max-width:100%;
  height:auto;
}

body:not(.home) .page-content {
  padding-top:100px;
}

body {
  display: flex;
  min-height: 100vh;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-around;
}

main {
  flex-grow:1;
}


.gfield_radio {
  display:flex;
  gap:20px;
}

#field_2_32 .ginput_container_checkbox .gfield_checkbox {
  columns:3;
}
@media screen and (max-width: 768px) {
	#field_2_32 .ginput_container_checkbox .gfield_checkbox {
  columns:1;
}
	
}
.gchoice label {
  cursor: pointer;
}

.websplash .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-end;

  padding: 0;
  margin-top: 20px;
}

.websplash .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
  color:#fff;
  background-color: var( --e-global-color-7b65c89 );
  padding:20px 40px;
  border:none;
  font-weight:bold;
}


.websplash .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
  background-color: var(--e-global-color-07f3233);
}

.menu-toggle-on {
    position: relative;
}

body.admin-bar .menu-toggle-on,
body.admin-bar .menu-toggle-off{
    top: 32px;
}

.disabled {
    pointer-events: none;
    cursor: default;
}