/*
 * Theme Name:     Enfold Child
 * Theme URI:      http://www.css-manufaktur.de
 * Description:    Child theme for enfold theme. 
 * Author:         Renate Hermanns
 * Author URI:     http://www.css-manufaktur.de
 * Template:       enfold
 * Version:        1.0
 * Text Domain:    enfold-child
 */

 
/* Farben 
Grau: 
R:
Hex: #728b99

Gesagrau:
Hex: #556A7D

Gruen: 
R: 155 G: 155 B: 155
Hex: #9B9B9B

Pink:
Hex: #fd34f3



*/
/* Allgemein */

blockquote {
    position: relative; 
	border: none;
    padding-left: 4em;
    margin: 2em 0;
    font-size: 1em;
    line-height: 1.5em;
}
blockquote:before {
	font-family: 'entypo-fontello';
	content: "\e833";
	position: absolute;
	width: 3.5em;
	height: 3em;
	font-size: 3em;
	left: 0;
}
img.alignleft {
	margin: 0.2em 1em 0.2em 0;
}
.main_color blockquote {
	color: #556A7D;
}
.gf-video-hoch {
    overflow: hidden;
    width: 0;
    position: relative;
    padding-right: 56.25%;
	height: 0;
	padding-bottom: 100%;
}
.gf-video-quer {
    overflow: hidden;
    position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
/* Buttons mit Klasse */
#top .main_color .gf-lila .avia-color-theme-color {
	background: #FD34F2;
	border-color: #FD34F2;
	color: #fff;
}
#top .main_color .gf-lila .avia-color-theme-color:hover, #top .main_color .gf-lila .avia-color-theme-color:focus {
	background: #fff;
	border-color: #fff;
	color: #FD34F2;
}

/* Header */
#header_main {
	border: none;
}
#top #header .av-main-nav > li.current_page_parent > a .avia-menu-text, #top #header .av-main-nav > li.current_page_parent > a .avia-menu-subtext {
    color: #fd34f3;
}
.current_page_parent > a > .avia-menu-fx, .av-main-nav li:hover .current_page_parent > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}

/* sub-menu */
#header_meta {
	background: #fff;
	border: none;
}
.phone-info {
	font-size: 14px;
}
/* main menu */

/* Breadcrumb */
.title_container .breadcrumb {
    right: auto;
	font-size: 0.9em;
	color: #f8f8f8;
}
.breadcrumb-trail .trail-end {
	color: #fff;
	font-weight: bold;
}

/* Blog */
.single-post .single-small.with-slider .small-preview, .single-post .single-small .small-preview {
   display: none;
}
.news-thumb.no-news-thumb {
    display: none;
}
#top.blog .title_container, #top.archive .title_container, #top.single .title_container {
    background-color: #556A7D;
}
.responsive #top.blog #wrap_all .title_container .container, .responsive #top.archive #wrap_all .title_container .container, .responsive #top.single #wrap_all .title_container .container {
    background: #556A7D url('images/gesakrambanner.jpg') no-repeat 0 0;
    min-height: 240px;
	width: 100%;
    max-width: 1210px;
    padding: 0;
}

.responsive #top.blog #wrap_all .title_container .main-title, .responsive #top.archive #wrap_all .title_container .main-title, .responsive #top.single #wrap_all .title_container .main-title {
    position: absolute;
    top: 60%;
    font-weight: 400;
}
#top.blog .alternate_color.title_container .main-title a, #top.archive .alternate_color.title_container .main-title a, #top.single .alternate_color.title_container .main-title a {
    display: block;
	width: 185px;
	height: 83px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    background: url('images/gesakram-logo.jpg') no-repeat 0 0;
}
#top.blog .alternate_color.title_container .breadcrumb, #top.archive .alternate_color.title_container .breadcrumb, #top.single .alternate_color.title_container .breadcrumb {
    line-height: 1;
    font-size: 13px;
	font-weight: bold;
    position: absolute;
    right: 0;
	left: auto;
    top: 85%;
    margin-top: 0;
	padding: 0.2em 0.5em;
	color: #E9EBE6;
	background: #556A7D;
}
#top.blog .alternate_color.title_container .breadcrumb a, #top.archive .alternate_color.title_container .breadcrumb a, #top.single .alternate_color.title_container .breadcrumb a {
	color: #E9EBE6;
	text-decoration: underline;
}
#top.blog .alternate_color.title_container .breadcrumb a:hover, #top.blog .alternate_color.title_container .breadcrumb a:focus, 
#top.archive .alternate_color.title_container .breadcrumb a:hover, #top.archive .alternate_color.title_container .breadcrumb a:focus,
#top.single .alternate_color.title_container .breadcrumb a:hover, #top.single .alternate_color.title_container .breadcrumb a:focus {
	text-decoration: none;
}

.image-overlay {
	background: transparent;
}

#top .related_posts_default_image {
	background: url('images/icon-fuss.png') no-repeat 50% 50%;
	background-size: contain;
}
.av-related-style-full .related-format-visible {
    opacity: 0;
    filter: alpha(opacity=0);
}
.related-format-icon:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}



/* Content */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	clear: both;
	font-weight: 300;
}
#main a {
	text-decoration: underline;
}
#main a:hover, #main a:focus, #main a:visited {
    text-decoration: none;
}
.av-special-heading {
	margin-bottom: 3em;
}


.first-paragraph p:first-child {
	overflow: hidden;
}

/* Widgets */
.avia-builder-widget-area .widget {
	border-bottom: 1px dashed #678472;
}
.avia-builder-widget-area .widget::after {
    content: "";
    width: 28px;
    height: 40px;
    background: url(images/icon-fuss-gruen.png);
    display: block;
    position: absolute;
    visibility: visible;
    left: calc(50% - 14px);
    bottom: -20px;
}
.sidebar .widget {
	border-bottom: 1px dashed #556A7D;
	overflow: hidden;
}
.widget:last-child, .widget.widget_search {
	border-bottom: none;
}
.widget:last-child::after, .widget.widget_search::after {
	visibility: hidden;
}
.widgettitle {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.3em;
}

/* Testimonial Widget */
.testimonial-theme-simple .bne-testimonial-slider-wrapper {
    padding: 0 0 0 3em;
    background: none;
    box-shadow: none;
    border: none;
}
.testimonial-theme-simple .bne-testimonial-slider-wrapper::before {
    font-family: 'entypo-fontello';
    content: "\e833";
    position: absolute;
    width: 3.5em;
    height: 3em;
    font-size: 3em;
    left: 0;
}
.widget .bne-testimonial-wrapper li {
	clear: none;
}
.bne-testimonial-slider.bne-flexslider .flex-content {
    padding: 0;
}
.testimonial-author {
    overflow-wrap: break-word;
	font-size: 0;
	line-height: 0;
}
/* Testimonial Startseite */
.testimonial-start .bne-testimonial-slider-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    zoom: 1;
}
.testimonial-start .bne-testimonial-slider.bne-flexslider .flex-content {
    display: flex;
	flex-direction: column-reverse;
}
.testimonial-start .testimonial-name {
    display: block;
    position: relative;
    margin: 1em 0 5px 0;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500;
	color: #e1e1e1;
	text-align: center;
}
.testimonial-start .testimonial-name strong {
	display: block;
}
.testimonial-start .testimonial-content {
    position: relative;
	color: #e1e1e1;
	font-size: 1em;
	padding: 1em;
    background: #4E5D59;
    border: solid 1px #4E5D59;
}
.testimonial-start .testimonial-content::after {
    content: "";
	display: block;
	height: 10px;
    width: 10px;
    position: absolute;
    bottom: -6px;
    left: calc(50% - 5px);
    margin-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #4E5D59;
    border: solid 1px #4E5D59;
    visibility: hidden\9;
}	
/* Grid-Box */
.gf-gridbox.gf-panel {
	position: relative;
    clear: both;
    width: 100%;
	margin: 0 auto;
	padding: 0;
    display: block;

}
#top .gf-gridbox.gf-panel h2 {
	color: #496F85 !important;
	margin-left: 0;
	margin-bottom: 1em;
	font-weight: 500;
}
/*#top .gf-gridbox.gf-panel h2::before {
    content: "-";
    display: block;
    position: absolute;
    width: 1em;
    line-height: 1.7;
    margin-left: -0.6em;
}*/
.gf-gridbox.gf-panel p {
	font-size: 18px;
	line-height: 1.6;
}
.gf-gridbox.gf-panel a.gf-button {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif; 
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
    margin-top: 1em;
    padding: 0;
    color: #C2CE5A;
	float: right;

}
.gf-gridbox.gf-panel a.gf-button:hover, .gf-gridbox .gf-panel a.gf-button:focus {
	color: #424e35;

}

/* Shapes in Unterseiten */
img.wp-image-1996, img.wp-image-1999, img.wp-image-2002 {
	float: none;
}


/* Blogposts Startseite */
#top .fullsize .template-blog .post-title {
    font-size: 1.2em;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
    font-size: 1em;
    line-height: 1.6em;
    text-align: left;
}
.bloglist-excerpt .more-link:hover {
    background: #fd34f2;
	color: #fff;
	border-color: #fd34f2;
}
.text-sep.text-sep-cat {
    display: none;
}

/* Footer */
#socket {
	font-size: 14px;
}
#socket .sub_menu_socket li {
	line-height: 1;
}
#socket .current_page_item a {
	font-weight: bold;
    text-decoration: underline;
}

/* Formular */
#commentform label {
	position: relative;
	left: 0;
}


/* Responsive Einstellungen */
@media only screen and (min-width: 500px){
	/* Gridbox mit Shape */
	.gf-gridbox.gf-panel img {
		width: 12em;
		float: left;
		padding: 1em;
		margin: -1.5em 4em 1em 0;
		height: auto;
	}
	.gf-gridbox.panel-1 img {
		shape-outside: polygon(77.52% 49.95%, 59.86% 68.86%, 35.76% 84.75%, 1.05% 86.24%, 1.29% 3.3%, 87.73% 6.95%);
	}
	.gf-gridbox.panel-2 img {
		shape-outside: polygon(66.86% 32.35%, 49.93% 51.98%, 38.7% 77.52%, 1.68% 85.02%, 1.29% 3.3%, 81.6% 3.35%);
	}
	.gf-gridbox.panel-3 img {
		shape-outside: polygon(57.69% 41.55%, 50.77% 74.50%, 31.49% 89.9%, 4.8% 90.6%, 5.85% 1.8%, 79.79% -0.39%);
	}
}
@media only screen and (min-width: 650px) {
	img.wp-image-1996 {
		float: left;
		margin-top: 0;
		shape-outside: polygon(99.87% 34.38%, 77.53% 73.04%, 60.43% 100.23%, 0.05% 99.63%, 0.64% 2.06%, 91.68% 2.37%);
		z-index: -1;
	}
	img.wp-image-1999 {
		float: left;
		margin-top: 0.3em;
		shape-outside: polygon(92.57% 16.93%, 59.79% 50.49%, 53.66% 90.01%, 0.05% 99.63%, 0.64% 2.06%, 100.72% 1.95%);	
		z-index: -1;
	}
	img.wp-image-2002 {
		float: left;
		margin-top: 0;
		shape-outside: polygon(88.16% 25.34%, 52% 62.19%, 50.11% 78.21%, 57.53% 99.48%, 0.05% 99.63%, 14.83% 11.18%, 67.26% -0.4%, 95.56% 3%);	
		z-index: -1;
	}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.responsive #top #wrap_all .flex_column {
		margin: 0 0 20px;
	}	
	/* two-third-container auf die hoechste Breite setzen. Es steht ein leerer one-third-container daneben, daher keine echten 100% Breite */
	div .av_two_third {
		width: 100%;
	}
	.container .av-content-small.units {
		width: 100%;
		margin-bottom: 20px;
	}
	#top #main .sidebar {
		width: 100%;
		border-top-style: dashed;
		border-top-width: 1px;
	}
}
	
@media only screen and (min-width: 768px) {
	/* Testimonial Startseite */
	.bne-testimonial-wrapper.testimonial-start {
		max-width: 70%;
		margin: 0 auto;
	}
	/* Testimonials */
	.gf-testimonials {
		max-width: 70%;
		margin: 0 auto;
		padding: 0;
		/*background: rgba(255,255,255,0.7);*/
	}	
}
@media only screen and (min-width: 990px) {
	/* Blogposts Startseite */
	.av-alb-blogposts {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.av-alb-blogposts .post {
		clear: none;
		width: auto;
		max-width: 30%;
	}
	.av-alb-blogposts .bloglist-excerpt .read-more-link {
		text-align: right;
		position: absolute;
		margin-top: 10px;
		bottom: 0;
		right: 0;
		width: 100%;
	}
	.container .av-content-small.units {
		width: 64.66666666666666%;
	}	

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

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

}


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

	#socket .copyright {
		display: block;
		float: none;
		text-align: center;
	}
	.responsive #socket .sub_menu_socket {
		float: none; 
		display: block;
		margin-left: 0;		
	}
	#socket .sub_menu_socket div {
		text-align: center;
	}
	#socket .menu {
		display: inline-block;
		margin: 15px 0 0;
	}
	#socket .sub_menu_socket li {
		display: inline;
	}
	
}