/* 
Theme Name: DiviChild 
Theme URI: http://elegantthemes.com 
Description: Child Theme für das Divi-Theme 
Author: Christian Einsiedel
Author URI: http://wegbereit.de 
Template: Divi 
Version: 1 License: GNU General Public 
License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/

/* DIVI breakpoint geändert 
@media only screen and ( max-width: 2560px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}*/

/* style the opened mobile menu hamburger (make it an 'X')   */  
    div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d"; 
    } 

/* Hamburger Größe */
.mobile_menu_bar::before { font-size: 40px; color:#fff!important;}


/* Menü Zweite Ebene ändern  */
et_mobile_menu {
    position: absolute;
    right: 0;
	width: 30vw;}


/*** S C H R I F T - E I N S T E L L U N G E N ***/

p { font-weight: 300; letter-spacing: 0.04em!important;} 
h1 { letter-spacing: 0.0em!important;}
h2, h3, h4  { letter-spacing: 0.04em!important;}
h5, h6 {letter-spacing: 0.05em; padding: 11px 0 2px 0 !important;}


/* Guess-Regular Einbinden*/

@font-face {

font-family: 'guessregular';

/* hier war die Font unverschluesselt eingebunden, also mit http statt https. Das fuehrt zu mixed content und aktuelle Browser laden das nicht mit - rene 2021-05-07 */
	
src: url('https://www.ana-hata.de/wp-content/themes/DiviChild/fonts/guess-regular-webfont.woff2') format('woff2'),   

url('https://www.ana-hata.de/wp-content/themes/DiviChild/fonts/guess-regular-webfont.woff') format('woff');
    
font-weight: normal;
font-style: normal;

}
/*
h1 { 
        	font-family: guessregular!important;
        	font-weight: normal;
        	font-style: normal;
        }

h3 { 
        	font-family: guessregular!important;
        	font-weight: normal;
        	font-style: normal;
        }
/*/

/* hier habe ich dem family namen von Guess auf guessregular geaendert - rene 2021-05-07*/

h1 {font-family: guessregular,Helvetica,Arial,Lucida,sans-serif!important; font-weight: normal;
        	font-style: normal;}

h3 { 
        	font-family: guessregular,Helvetica,Arial,Lucida,sans-serif!important;
        	font-weight: normal;
        	font-style: normal;
        }



/*** V E R A N S T A L T U N G S - K A L E N D E R ***/

/* obere Leiste ausblenden */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
    display: none;
}
.tribe-events .tribe-events-c-events-bar__views {
    display: none;
}

/* Abstand oben */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 40px;
}

/* Link - Farben */

.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:visited {
    color: #870427; text-decoration:none;
}

.tribe-common a:hover {
    color: #870427; text-decoration:none!important;
}


.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {

    font-weight: normal;

}
/*h3.tribe-events-calendar-list__event-title a:link {color: #870427;}*/

/* Monats-Leiste */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
    font-size: 23px;
    line-height: 2.0;
}
.tribe-events .tribe-events-calendar-list__month-separator-text {
  text-transform: uppercase;
font-family: 'Catamaran',Helvetica,Arial,Lucida,sans-serif; font-size: 23px; letter-spacing: 0.05em;
}

.tribe-events .tribe-events-calendar-list__month-separator::after {
    background-color: none;
}

/* Veranstaltungs-Seite */

.single-tribe_events .tribe-events-event-meta {
    background: none;
    border: 1px solid #A59291;
    margin: 30px 0;
}
.single-tribe_events .tribe-events-event-meta h2 {color: #5f3c3a;}

.single-tribe_events .tribe-events-cal-links {  /* Export-Links ausblenden */
    display: none;
}

.single-tribe_events .tribe-events-single-event-title {
    color: #5f3c3a;
    font-size: 1.5em;
    line-height: 1.5;
}
.tribe-events-schedule h2 {
    color: #5f3c3a; font-weight: normal;

}

.single-tribe_events .tribe-events-schedule {
    background: none;
    border: none;
    margin: 18px 0 8px;
    padding: 12px;
}

.tribe-events-sub-nav li a {
    background: #870427!important;
}
#tribe-events-footer::after, #tribe-events-footer::before, #tribe-events-header::after, #tribe-events-header::before {
    background-color: #f2e2cb;
    width: 3px;
}

/************** B L O G **************/
/* Bildgröße in Blogansicht 
 .et_pb_post a img { max-width:60%!important;}*/

/* Abstand Bild zu Posttitel */
.et_pb_post .entry-featured-image-url {
    margin-bottom: 20px!important;
}
.et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container {
    margin: -20px -20px 1px;
}

a.more-link {
    margin-top: 5px;
}

#main-content {
    background-color: #f2e2cb!important;
}


/* grid anpassen */

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of2 {
	    width: 45%!important;
	    margin-right: 5%;
	}
}


/************** F O R M U L A R E  **************/

/* Textfarbe 
.wpforms-field-container, .wpforms-field-label, .wpforms-field-label-inline { 
    color: #5f3c3a!important;*/

/* Button Anmeldeformular */

/*div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #870427!important;
	} 

div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button:hover
{background-color: #5f3c3a;}*/

/*Sternchen*/
div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #C4090D;
	font-size:25px;
}

div.wpforms-container-full .wpforms-form textarea, .wpforms-form input {
    background-color: FDF8F0;
    box-sizing: border-box;
    border-radius: 2px;
    color: #5f3c3a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 15px;
    border: none!important;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}