/*
Theme Name: Zuki Child Theme
Theme URI:
Description: Zuki Child Theme | zen-bonn.de
Author: Nicole Ness
Author URI: https://achtsames-webdesign.de
Template: zuki
Version: 1.0
Tags: Zuki Child Theme
*/

/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */


/* Font Raleway 400,500,700 einbinden*/

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Raleway-Regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('./fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Raleway-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Raleway-Regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/Raleway-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Raleway-Regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Raleway-Medium.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('./fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Raleway-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Raleway-Medium.woff') format('woff'), /* Modern Browsers */
       url('./fonts/Raleway-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Raleway-Medium.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/Raleway-Bold.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('./fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Raleway-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Raleway-Bold.woff') format('woff'), /* Modern Browsers */
       url('./fonts/Raleway-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Raleway-Bold.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* Font Libre Baskerville einbinden*/

/* librebaskerville-regular */
@font-face {
    font-family: 'Libre Baskerville';
    src: url('./fonts/LibreBaskerville-Regular.eot');
	src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
		url('./fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/LibreBaskerville-Regular.woff2') format('woff2'),
        url('./fonts/LibreBaskerville-Regular.woff') format('woff'), 
		url('./fonts/LibreBaskerville-Regular.ttf') format('truetype'),
        url('./fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
 * Font Karla ersetzen mit Raleway 
 */

/* --- Sans Serif Font --- */
#header-top-nav,
.search-box #searchform input,
.entry-details,
#colophon p.site-description,
#colophon #site-info,
.default-sidebar .widget,
.front-sidebar .widget,
.nav-wrap,
#infinite-handle,
#nav-below a span,
#nav-single a span,
.rp-small-two p span.entry-title,
.single-post .post .entry-header .entry-cats,
.single-post .post .entry-header .entry-author,
#comments .comment-author,
#comments .comment-reply,
.single-post .entry-meta .entry-cats,
.single-post .entry-meta .entry-tags,
.page .edit-link,
a.archive-menu-toggle,
.site-content .nopassword,
.site-content p.nocomments,
#searchform input#s {
	font-family: 'Raleway', Arial, sans-serif;
}
/*** Hauptnavigation ***/
 #site-nav ul {
 text-align: left;
 margin-left: -20px;
}

#site-nav ul li:last-child {
	margin-right:0;
}
#site-nav ul li {
	margin: 0 21px;
}
/*** END Hauptnavigation ***/

/*Automatische Silbentrennungim HTML Widget */
.custom-html-widget {
	hyphens: auto;
	ms-hyphens: auto;
	webkit-hyphens: auto;
}

/* PayPal Button zentrieren */
.widget-area #block-4 {
    display: flex;
	flex-direction: column;
	align-items: center;
}

/* --- Typo --- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', Arial, sans-serif;
}

h2 {
	margin: 24px 0 15px;
	font-weight: 500;
}

a:hover {
	color:#744115;	
} 
#site-nav li:hover > a {
	border-bottom: 1px solid #744115; 
}

table {
	font-family: 'Raleway', Arial, sans-serif;
}

form label {
	font-family: 'Raleway', Arial, sans-serif;
}

hr {
	opacity:0;
}

/* --- Buttons --- */

input[type="button"],
input[type="submit"] {
	font-family: 'Raleway', Arial, sans-serif;
}

a.standard-btn {
	font-family: 'Raleway', Arial, sans-serif;
}

.wp-block-button .wp-block-button__link {
	font-family: 'Raleway', Arial, sans-serif;
}
/* --- END Buttons --- */

#comments p.comment-awaiting-moderation {
	font-family: 'Raleway', Arial, sans-serif;
}

/*** Navigation ***/

.nav-menu,
.widget_zuki_quote blockquote.quote-text,
.rp-big-one h2.entry-title {
	font-family: 'Raleway', Arial, san serif;
	font-weight:500;
}

#nav-below a span,
#nav-single a span,
#infinite-handle span {
	font-family: 'Raleway', Arial, sans-serif;
}

#site-nav {
	padding: 54px 0 12px 0;
}

/*** END Navigation ***/

#primary .sharedaddy h3.sd-title {
	font-family: 'Raleway', Arial, sans-serif;
}

/** Contact Form 7 **/
.site-content div.wpcf7 p {
	font-family: 'Raleway', Arial, sans-serif;
}
/** END Contact Form 7 **/

/*** END Typo ***/


.wp-block-file .wp-block-file__button {
    background-color: #f4f4f4;
    color: #000;
}

.wp-block-file .wp-block-file__button:hover {
    background-color: #393939;
}

/*** Header ***/
 
 #masthead {
    min-height: 200px;
}

#site-title {
    position: absolute;
    right: 0;
}

#menu-item-100 {
    background-color: #744115;
    border-radius: 15px;
    font-size: 0;
    height: 30px;
    margin: -7px 0 0 5px;
    width: 30px;
}

#menu-item-100 a[href*="facebook.com"]::before {
    color: #fff;    
    content: '\f204';
    display: inline-block;
    font: normal 16px/1 'Genericons';
    height: 30px;
    margin: 0 0 0 -10px;
    
    padding: 7px 0 0 0;
    text-align: center;
    vertical-align: top;
    visibility: visible;
    width: 30px;
    -webkit-font-smoothing: antialiased;
}

/*Logo Groesse anpassen*/
#site-header img {
    width: 130px;
}


@media screen and (min-width: 1260px) {
    
	#masthead {
		padding: 20px 0 0;
	}
    
    #header-top-nav {
        float: left;
        width: auto;
    }

    #site-title {
        float: right;
        width: auto;
    }
}

/** END Header **/


/** Tabelle **/

table th {
	background: #000;
    color: #fff;
}

table .noborder {
	border: 0;
}

.table th {
    padding: 10px;
    width: 20%;
}

table .nopadding-top {
	padding-top: 0;
}

/** END Tabelle **/

#featured-content .entry-author,
#featured-content .entry-date {
	display: none;
}

#top-link {
    background: #744115;
    bottom: 40px;
    height: 45px;
    position: fixed;
    right: 2%;
    width: 45px;
    z-index: 104;
}

#top-link .triangle {
    border-bottom: 15px solid rgba(255,255,255,0.65);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    left: 11px;
    position: absolute;
    top: 14px;
    transition: border-bottom-color 250ms ease-in-out;
    width: 0; 
}

#top-link:hover .triangle {
    border-bottom-color: rgba(255,255,255,1);
}


.termine, .termin {
    background: #eee;
    margin: 0 0 20px 0;
}

.termine h4 {
    background: #000;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 10px;
}

.termin h4 {
    background: #000;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 5px;
}

.termine p, .termin div {
    font-family: 'Raleway', Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 7px;
}

.termine hr, .termin hr {
    background: #fff;
    border: 0;
    height: 1px;
    margin: 0;
	opacity: 0;
}

@media screen and (min-width: 767px) {
    .termine {
        border-right: 1px solid #fff;
        float: left;
        width: 16.666%;
    }
}

/*** Footer ***/

/*Erster Link in der Footernavi fett*/
#footerwidgets-wrap li.menu-item:first-child {
	font-weight:700;
}

#footerwidgets-wrap .textwidget p  {
    display: inline;
   /* font-family: 'Libre Baskerville', Georgia, serif; */
    font-size: 13px;
    line-height: 1.5;
}
#footerwidgets-wrap .textwidget h4 {
	font-size: 13px;
    margin: 0;
}

#footerwidgets-wrap .default-sidebar {
    border-top: 0;
}

#footerwidgets-wrap {
    border-top: 1px solid #ccc;
}

/*** END Footer ***/

/*** Newsletter Anmeldung ***/

#newsletter-anmeldung {
	font-size:12px;
}

#newsletter-anmeldung div {
    padding: 0 !important;
	margin: 13px 0;
}

#newsletter-anmeldung form div div div label:nth-child(1){
	display:none;
}

#newsletter-anmeldung img {
    display: none;
}

#newsletter-anmeldung button {
    background: #ededed !important;
    border: 1px solid #e2e2e2 !important;
    border-top-color: #f4f4f4 !important;
    border-left-color: #f4f4f4 !important;
    color: #191919 !important;
    font-weight: bold;
    margin: 0 !important;
}

#newsletter-anmeldung button:hover {
    background: #c9c9c9 !important;
    border-color: #bfbfbf !important;
}

/*** END Newsletter Anmeldung ***/

/* --- Simple Share Buttons Adder Plugin --- */
.ssba {
	font-family: 'Raleway', Arial, sans-serif;
}
/* --- END Simple Share Buttons Adder Plugin --- */



/**
*
* The Events Calendar 
*
**/

/** Serien-Ansicht eines Veranstalters ***/

.tribe_event_series .entry-date,
.tribe_event_series .entry-edit,
.tribe_event_series .entry-meta,
.single-tribe_event_series #blog-sidebar {
	display:none;
}

.single-tribe_event_series #nav-single {
	display:none!important;
}

.single-tribe_event_series #main-wrap {
	border-top: 1px solid var(--tec-color-border-secondary);
}

.single-tribe_event_series .nav-wrap {
	border-top: 0px;
}

.single-tribe_event_series .tribe-events .tribe-events-l-container {
    min-height: 450px;
    padding-bottom: var(--tec-spacer-2);
}

.single-tribe_event_series .tribe-events .tribe-events-c-events-bar__search-button {
	display:none;
}

.single-tribe_event_series .entry-header h1.entry-title {
    padding: var(--tec-spacer-8) 0 var(--tec-spacer-2);
}


/** END Serien-Ansicht eines Veranstalters ***/

.tribe-events-event-meta:before,
#tribe-events-footer {
	border-top: 0px;
}


.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
	font-size: var(--tec-font-size-3)!important;
}

 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
    font-size: var(--tec-font-size-8)!important;
    line-height: var(--tec-line-height-3);
 }

.tribe-events-c-top-bar__datepicker {
	display: none;
}

#tribe-events-pg-template {
	max-width:1180px;
	padding: var(--tec-spacer-11) 0;
	border-top: 1px solid var(--tec-color-border-secondary);
	margin:0;
}

.tribe-events-content p {
	line-height:1.7em;
}

.entry-content .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding: var(--tec-spacer-8) 0 0 0;
}

.entry-content .single-tribe_events .tribe-events-c-subscribe-dropdown__container, 
.entry-content .tribe-events .tribe-events-c-subscribe-dropdown__container {
	display:none;
}


/** Angepasste Photoansicht  **/

.custom-h2 {
	margin: 0px 0 var(--tec-spacer-2);
	font-weight:bold;
}

.custom-photo-view {
	background-color: #f4f4f4;
}

.custom-photo-view .tribe-events .tribe-events-header {
	display: none;
}

.custom-photo-view .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	min-height:280px;
	padding: 20px;
}

.custom-photo-view .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav  {
	display: none;
}

.custom-photo-view .tribe-events .tribe-events-c-subscribe-dropdown__container {
	display: none;
}

.custom-photo-view .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-photo__event {
	margin-bottom: 5px;
}

.custom-photo-view  .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters {
	margin-left: 0;
	margin-right: 0;
}

.custom-photo-view .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-photo__event {
	width: var(--tec-grid-width-1-of-4);
}

.custom-photo-view .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
    padding-left: var(--tec-spacer-1);
    padding-right: var(--tec-spacer-1);
}

/* Button "Kalender anzeigen" ausblenden */
.tribe-events-widget .tribe-events-widget-events-list__view-more {
	display: none;
}

/** END Angepasste Photoansicht  **/


/** Angepasste Single Event Ansicht **/

/* Titel */

.tribe-events-single-event-title { 
    font-size: 42px;
	font-weight:normal;
	margin: 0 0 var(--tec-spacer-2);
}

.tribe-events-schedule {
	margin:0;
}	

/* Datum */ 

.tribe-events-schedule h2 {
    font-size: var(--tec-font-size-8);
	margin: 0 0 10px 0;
}

.tribe-events-c-breadcrumbs__list li:first-child {
	display:none;
}


/* Kalender Button nach Content */

.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, 
.tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container {
	width: auto;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button, 
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {
	width: auto;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__container, 
.tribe-events .tribe-events-c-subscribe-dropdown__container {
	flex-direction:row;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown, 
.tribe-events .tribe-events-c-subscribe-dropdown {
	margin: var(--tec-spacer-0) 0 var(--tec-spacer-4) 0;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	display:flex;
	align-items:center;
}

/** Meta Boxen **/

/* Titel */
.tribe-events-meta-group .tribe-events-single-section-title {
	font-size: var(--tec-font-size-3);
}


abbr[data-bs-original-title], abbr[title]{
	font-size: var(--tec-font-size-3);
}

.tribe-events-event-meta dt {
	font-size: var(--tec-font-size-3);
}

.tribe-events-event-meta dd {
	font-size: var(--tec-font-size-3);
}

.tribe-events-event-meta dd .tribe-events-address {
	font-size: var(--tec-font-size-3);
}


/* Boxen Weite */
.tribe-events-event-meta {
	flex-grow:1;
	gap:2em;
}
.tribe-events-meta-group {
	margin: 0;
	margin-right:0;
	padding: var(--tec-spacer-6) var(--tec-spacer-5);
    width: 0;
	flex: 1 0 120px;
	background-color:#EEEEEE;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	margin-top:0;
}

.tribe-events-meta-group.tribe-events-meta-group-details {
	flex: 1 1 160px;
}


.tribe-events-meta-group.tribe-events-meta-group-venue {
	flex:2 0 120px;
}

.tribe-events-meta-group.tribe-events-meta-group-organizer {
	flex:2 0 120px;
}


/* Navigation */
.tribe-events-nav-pagination ul {
	padding-left:0px;
}

.widget h4 {
	font-size:13px;
	margin:0 0 8px 0;
}

/* Single Venue Ansicht */

.single-tribe_venue .tribe-events-c-subscribe-dropdown__container {
	display: none;
}

.archive .tribe-events-c-subscribe-dropdown__container {
	display:none;
}


@media screen and (min-width: 1260px) {
    #featured-content .rp-big-one .entry-thumb {
        min-height: 560px;
    }
    
    .front-fullwidth .widget_zuki_quote blockquote.quote-text, .front-content .widget_zuki_quote blockquote.quote-text {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1360px) {
    #featured-content .flex-direction-nav li a {
        top: 268px;
    }
}

@media screen and (max-width: 1259px) {
    
    #site-title {
        padding-right: 91px;
        width: 100%;
    }
    
    #site-header {
        float: right;
    }
    
    #header-top-nav {
        display: none;
    }
    
    #mobile-menu-toggle {
        float: left;
        margin: 0 0 0 91px;
        padding: 0;
    }
    
    #mobile-menu-toggle::after {
        text-align: left;
    }
    
    #site-nav {
        padding-top: 100px;
    }
    
    #site-nav ul {
        text-align: left;
        padding: 0 91px;
    }
    
    #site-nav ul ul.sub-menu {
        padding: 0 0 0 20px;
    }
}

@media screen and (max-width: 1022px) {
    #site-title {
        padding-right: 35px;
    }
    
    #mobile-menu-toggle {
        margin: 0 0 0 35px;
    }
    
    #site-nav ul {
        padding: 0 35px;
    }
}

@media screen and (max-width: 766px) {
    #site-title {
        padding-right: 20px;
    }

    #mobile-menu-toggle {
        margin: 0 0 0 20px;
    }
    
    #site-nav ul {
        padding: 0 20px;
    }
	
	.widget-area .widget{
		padding-bottom: 20px;
	}
	.widget h3.widget-title{
		font-size:14px;
	}
	.flexslider{
	 margin-bottom:15px;	
	} 
	.flexslider .rp-big-one {
		margin-bottom:0;
	}
	h1 {
		margin-top:25px;
	}
	#media_image-2{
		display:none;
	}
}