/*
Theme Name: Kattfiller
Theme URI: https://karneval-attendorn.de
Template: Divi
Author: Frey Print + Media GmbH
Author URI: https://freymedia.de
Description: Child-Theme für Kattfiller - Karneval Attendorn
*/

/* SLIDE MENU
------------------------------ */

.et_slide_in_menu_container .et_mobile_menu > .menu-item-has-children > a { font-weight: normal; }

.et_slide_in_menu_container .et_mobile_menu a:hover,
.et_slide_in_menu_container .et_mobile_menu .current-menu-item > a,
.et_slide_in_menu_container .et_mobile_menu .current-menu-ancestor > a { color: #f5e10b !important; }

.et_slide_in_menu_container #mobile_menu_slide li li a:hover,
.et_slide_in_menu_container #mobile_menu_slide li li.current-menu-item a,
.et_slide_in_menu_container #mobile_menu_slide li li.current-menu-ancestor a { opacity: 1 !important; }


/* HEADER
------------------------------ */

.et_fixed_nav.et_header_style_slide #main-header { transition: all .4s ease-in-out; }

.container.et_menu_container { display: flex; align-items: center; justify-content: space-between; }

.et_header_style_left .logo_container { display: flex; position: static; margin: 10px 0; }

.logo_container a { margin: 0 auto; }

#et-top-navigation { float: none; position: absolute; right: 0; }

#logo { max-height: 100%; }


/* CONTENTS
------------------------------ */

.wp-caption {
    max-width: 96%;
    margin-bottom: 10px;
    padding: 15px;
    border: 0 none transparent;
}

.wp-caption p.wp-caption-text {
    padding: 4px 0px 0px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4em;
}

.et_pb_post { margin-bottom: 40px; }

.start-blog-nobottomspace .et_pb_post:last-child,
.start-blog-nobottomspace .et_pb_post:last-child .entry-featured-image-url { margin-bottom: 0; }

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 { width: 30.667%; margin-right: 2.5%; }

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post { margin-bottom: 8.539%; }

.et_pb_image_container,
.et_pb_blog_grid .et_main_video_container,
.et_pb_blog_grid .et_audio_content,
.et_pb_blog_grid .et_pb_post .et_pb_slider { margin-bottom: 21px; }

.et_pb_post .entry-featured-image-url { margin-bottom: 22px; }

.et_pb_blog_grid .et_pb_no_thumb h2,
.et_pb_blog_grid .et_pb_no_thumb .entry-title { margin-top: 2px; }

.et_pb_blog_grid .et_pb_image_container img { border-top-right-radius: 20px; border-top-left-radius: 20px; }

.et_pb_blog_grid .et_pb_post {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5e10b+0,126b29+100 */
	background: #126b29; /* Old browsers */
	background: -moz-linear-gradient(top, #f5e10b 0%, #126b29 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5e10b 0%,#126b29 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5e10b 0%,#126b29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e10b', endColorstr='#126b29',GradientType=0 ); /* IE6-9 */
	color: #fff !important; /* don't change every single element */
}

.main-title,
.not-found-title { font-size: 38px; font-weight: 600; }

.et_pb_social_media_follow li { margin-bottom: 0; }


/* FOOTER
------------------------------ */

footer .bottom-nav { text-align: center; }

footer .et_pb_post { margin-bottom: 0 !important; }

footer .et_pb_post .entry-title,
footer .ecs-event-list .act-post .entry-title { padding-bottom: 5px !important; }

.single footer .post { padding-bottom: 0; }


/* PLUGINS
------------------------------ */

/* Breadcrumb Nav XT
------------------------- */

#breadcrumbs { background-color: #B30E1F; font-size: 13px; text-align: center; }

#breadcrumbs,
#breadcrumbs a { color: #fff; }

#breadcrumbs > .wrap { 
	position: relative;
	width: 80%;
	max-width: 1080px;
	margin: 0 auto;
}

#breadcrumbs .current-item { font-style: italic; }

#breadcrumbs a:hover { color: #F5E10B; }


/* Contact Form 7
------------------------- */

.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="text"],
.wpcf7 form select,
.wpcf7 form textarea {
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0.715em;
    border: 1px solid #bbb;
    color: #666;
    font-size: 14px;
    line-height: normal !important;
}


.wpcf7-list-item { margin-left: 0; }

.wpcf7 form .wpcf7-response-output { 
	margin: 2em 0 1em;
    padding: 0.2em 1em;
	background-color: #154496;
	color: #fff;
    border: 0 none transparent;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { background-color: #B30E1F; }

.wpcf7-not-valid-tip { color: #B30E1F; }

.wpcf7 form input[type="submit"] {
    padding: .3em 2em;
	border-width: 12px;
    border-color: rgba(0,0,0,0);
    border-radius: 50px;
	background-color: #126B29;
	color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: "Open Sans", 'Open Sans-Roboto', 'Open Sans-Verdana', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.wpcf7 form input[type="submit"]:hover { background-color: #154496; }


/* DIVI EVENTS CALENDAR
** The Events Calendar
** Bridge for Divi
------------------------- */

.ecs-event-description:empty { display: none; }


/* Single Event
-------------------- */

/* Event details - Divi Theme builder based event single posts only */

.single-tribe_events #entry-header .event_passed_notice { display: none; }

.single-tribe_events #event-content .act-post .decm-show-detail-center { display: flex; flex-wrap: wrap; margin-bottom: 30px; }

.single-tribe_events #event-content .act-post .decm-show-detail-center:last-child { margin-bottom: 0 !important; }

.single-tribe_events #event-content .act-post .decm-show-detail-center span { flex-basis: 33.333%; flex-grow: 0; flex-shrink: 0; }

/* Event Export */

/* not possible via module - "hover" works on "active" */
.act-add_to_calendar:hover { border-radius: 4px !important; }

.ecs-calendar_link_align { margin-left: 10px; margin-bottom: 0 !important; padding: 0.3em; }

.ecs-calendar_link_align > p { padding-bottom: 0; }

.ecs-calendar_link_align > p a { color: inherit; }

.ecs-calendar_link_align > p a:hover,
.ecs-calendar_link_align p.ecs-show_calendar:hover,
.ecs-calendar_link_align p.ecs-showical-export:hover,
.ecs-calendar_link_align p.ecs-showoutlook-link:hover,
.single-tribe_events .act-post span a:hover { color: #B30E1F !important; }

footer div.event-display_style > div { margin-bottom: 0; padding-bottom: 11px; }

footer div.event-display_style > div:last-child { margin-bottom: 0; }


/* WP PAGENAVI
------------------------- */

.wp-pagenavi { text-align: center; }

.wp-pagenavi .pages { display: block; margin-bottom: 10px; }

.wp-pagenavi a,
.wp-pagenavi span { border: 0 none transparent; }

.wp-pagenavi span.current,
.wp-pagenavi a:hover { color: #154496 !important; }


/* MEDIA QUERIES 
------------------------------ */

@media only screen and (min-width: 981px) {

	#logo { height: 95px !important; }
	
	.et-fixed-header #logo { height: 75px !important }

}

@media only screen and (max-width: 980px) {
	
	#logo { height: 75px !important; }
	
	.et_header_style_left #logo, 
	.et_header_style_split #logo { max-width: 100%; }
	
	.et_header_style_left .et-fixed-header #et-top-navigation,
	.et_header_style_left #et-top-navigation { padding-left: 0 !important; }
	
	footer .et_pb_menu .et_pb_menu__menu, 
	footer .et_pb_fullwidth_menu .et_pb_menu__menu { display: block; }
	
	footer .et_pb_menu .et_mobile_nav_menu, 
	footer .et_pb_fullwidth_menu .et_mobile_nav_menu { display: none; }

}

@media only screen and (max-width: 767px) {

	.et_pb_column_1_2 .et_pb_post,
	.et_pb_column_1_4 .et_pb_post { margin-bottom: 25px !important; }
	
	.wp-pagenavi a.first,
	.wp-pagenavi a.last { display: block; }

}