/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/wordpress-themes/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2014 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

@import url( '../make/style.css' );

/* Add your custom styles below. */

  


body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
    font-weight: 300;
}


/*--------- Dachzeile ---------*/

.subtitle {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	color: #54db40;
    line-height: 1em;
}

.subtitle:before {
	color: #b9bcbf;
    line-height: 40px;
	padding-left: 10px;
	padding-left: 1rem;
	color: #54db40;
	content: "-""\00a0""\00a0";
}


/*--------- Very Simple Event List ---------*/

#vsel .vsel-content {
	width:100%; 
	clear:both; 
	float:left; 
	display:block; 
	margin: 0 0 1em; 
	padding:1em 0; 
	border-bottom:1px solid #b9bcbf;
}

#vsel .vsel-meta {
	margin-bottom: 0.25em;
}

#vsel .vsel-meta-date,
#vsel .vsel-meta-time,
#vsel .vsel-meta-location,
#vsel .vsel-meta-link {
	font-size: 16px;
    font-size: 1.6rem;
	color: #b9bcbf;
	margin-bottom: 0.25em;
}



/*---------------------------------------------------------
 Captions (_patterns.scss)
-------------------------------------------------------- */

.wp-caption {
	max-width: 100%;
	margin-bottom: 0;
	margin-bottom: 0;
	font-style: italic;
	line-height: 1.35;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
}

.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	line-height: 1.35;
}

.wp-caption .wp-caption-text {
	margin: 11px 0;
	margin: 1.1rem 0;
}


/*---------------------------------------------------------
WP Playlist 
-------------------------------------------------------- */


.wp-playlist-dark {
    background-color: #222222!important;
}

.wp-playlist-item-title {
/*	font-size: 24px!important;
	font-size: 2.4rem!important;*/
    font-size: 3.9vw!important; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
	text-transform: uppercase!important;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
}

.wp-playlist-caption,
.wp-playlist-item-length {
	padding: 10px 3px!important;
    padding: 1rem 0.3rem!important;
	font-size: 22px!important;
	font-size: 2.2rem!important;
}

.wp-playlist-item {
    padding-left: 20px!important;
    padding-left: 2rem!important;
	border-bottom: 1px solid #000!important;
}

.wp-playlist-item-length {
    padding-right: 20px!important;
    padding-right: 2rem!important;
}

.wp-playlist-playing .wp-playlist-caption,
.wp-playlist-playing .wp-playlist-item-length {
    color: #54db40!important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #54db40!important;
}


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

	.wp-playlist-item-title {
		font-size: 32px!important;
		font-size: 3.2rem!important;
	}

	.wp-playlist-caption,
	.wp-playlist-item-length {
		font-size: 20px!important;
		font-size: 2.0rem!important;
	}

}


/*---------------------------------------------------------
Table (_elements.scss)
-------------------------------------------------------- */

table {
	width: 100%;
	margin: 22px 0;
	margin: 2.2rem 0;
	border: /*1px solid #b9bcbf;*/ none;
	border-left: 0;
	text-align: left;
/*	font-size: 0.7em;*/
	font-size: 3.5vmin;
}

@media screen and (min-width: 800px) {
	table {
	font-size: 1em;
	}
}


table caption {
	margin-bottom: 22px;
	margin-bottom: 2.2rem;
}

table th,
table td {
	padding: 11px 11px 11px 0;
	padding: 1.1rem 1.1rem 1.1rem 0;
}

table th {
	border-left: /*1px solid #b9bcbf;*/ none;
	border-bottom: 1px solid #b9bcbf;
}

table td {
	border-top: /*1px solid #b9bcbf;*/ none;
	border-left: /*1px solid #b9bcbf;*/ none;
	border-bottom: 1px solid #b9bcbf;
}

table td[valign="top"] {
	vertical-align: top;
}

table td[valign="bottom"] {
	vertical-align: bottom;
}




/*---------------------------------------------------------
Lists (_elements.scss)
-------------------------------------------------------- */


dt,dd {
	display: inline;
}


ul {
	list-style: '- ';
}

/*---------------------------------------------------------
 Header (_scaffolding.scss)
 -------------------------------------------------------- */
  


.site-header-main {
	padding: 30px 0 0;
  }



/*
.site-header-main {
	padding: 30px 0 0;
	position: absolute;
	background-color: transparent!important;
	z-index:999;	
  }

.post-6658 .site-main {
	position: absolute;
}
*/




/*---------------------------------------------------------
 Custom logo (_scaffolding.scss) Mobile Navigation auf volle Breite (Georg)
-------------------------------------------------------- */

.site-header-main .container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0;
}

.site-branding {
	max-width: 1024px;
	padding: 0 32px;
	padding: 0 3.2rem;
}

@media screen and (min-width: 800px) {
	.site-branding {
		max-width:28%;
		padding: 0 0 0 32px;
		padding: 0 0 0 3.2rem;
	}
}


/*---------------------------------------------------------
 Navigation (_scaffolding.scss) Sagurnadesign
-------------------------------------------------------- */


/* --- Menu gesamt --- */

.site-navigation {
	/*border-bottom: 1px solid #b9bcbf; /* Rahmen Mobil */
	background-color: ; /* Hintergrundfarbe Mobil */
	padding: 0;
	margin: 0;
}

@media screen and (min-width: 800px) {
	.site-navigation {
		max-width: 72%;
		border: none; /* Rahmen Desktop */
		background-color: ; /* Hintergrundfarbe Desktop */
		padding: 0;
		margin: 0;
	}
}


/* --- Menu ul--- */

.site-navigation .menu ul,
.site-navigation .nav-menu ul {
	border: none; /*  */
	background-color: ; /*  */
	padding: ;
}

@media screen and (min-width: 800px) {
	.site-navigation .menu ul,
	.site-navigation .nav-menu ul {
		border: none; /*  */
		background-color: ; /*  */
		padding: ;
	}
}

/* --- Menu li--- */

.site-navigation .menu li,
.site-navigation .nav-menu li {
	border-top: 1px solid #b9bcbf; /* Rahmen einzelnes Menuelement Desktop */
	background-color: ; /* Hintergrundfarbe einzelnes Menuelement Desktop */
	padding: ;
	text-align:	center; /* Text der Mobil Navigation ausrichten */
}

@media screen and (min-width: 800px) {
	.site-navigation .menu li,
	.site-navigation .nav-menu li {
		border: none; /* Rahmen einzelnes Menuelement Mobil */
		background-color: ; /* Hintergrundfarbe einzelnes Menuelement Mobil */
		padding: ;
		text-align:	right; /* Text Menuelement Desktop ausrichten */
	}
}

/* --- Menu li a --- */

.site-navigation .menu li a,
.site-navigation .nav-menu li a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;/* Link Schriftart */
	border: none;
	line-height: ;
}

@media screen and (min-width: 800px) {
	.site-navigation .menu li a,
	.site-navigation .nav-menu li a {
		border: none;
		line-height: ;
		padding: ;
		font-size: 16px!important;
		font-size: 1.6rem!important;
	}
}



/* --- Submenu --- */

.site-navigation .menu .sub-menu,
.site-navigation .menu .children,
.site-navigation .nav-menu .sub-menu,
.site-navigation .nav-menu .children {
	border: none;
	background-color:;
	padding-bottom: 15px;
	padding-bottom: 1.5rem;
}

.site-navigation .menu .sub-menu li,
.site-navigation .menu .children li,
.site-navigation .nav-menu .sub-menu li,
.site-navigation .nav-menu .children li {
	border: none;
	text-align: center; /* Text Submenuelement Mobil ausrichten */
}


.site-navigation .menu .sub-menu li a,
.site-navigation .menu .children li a,
.site-navigation .nav-menu .sub-menu li a,
.site-navigation .nav-menu .children li a {
	border-bottom: none;
	color: #b9bcbf;
	padding-left: 0px;
	padding-left: 0rem
}

.site-navigation .menu .sub-menu li a:hover,
.site-navigation .menu .children li a:hover,
.site-navigation .nav-menu .sub-menu li a:hover,
.site-navigation .nav-menu .children li a:hover {
	color: #222222;
}


@media screen and (min-width: 800px) {
	.site-navigation .menu .sub-menu,
	.site-navigation .menu .children,
	.site-navigation .nav-menu .sub-menu,
	.site-navigation .nav-menu .children {
		background-color: ;
		padding: 10px 0px 7px 7px;
		padding: 1rem 0rem 0.7rem 0.7rem;
		border: 1px solid #b9bcbf;
}
	
	.site-navigation .menu .sub-menu li,
	.site-navigation .menu .children li,
	.site-navigation .nav-menu .sub-menu li,
	.site-navigation .nav-menu .children li {
		text-align:	left; /* Text Submenuelement Desktop ausrichten */
	}

	.site-navigation .menu .sub-menu li a,
	.site-navigation .menu .children li a,
	.site-navigation .nav-menu .sub-menu li a,
	.site-navigation .nav-menu .children li a {
		padding-left: 16px;
		padding-left: 1.6rem;
	}
	
	.site-navigation .menu .sub-menu li:first-of-type a,
	.site-navigation .menu .children li:first-of-type a,
	.site-navigation .nav-menu .sub-menu li:first-of-type a,
	.site-navigation .nav-menu .children li:first-of-type a {
		padding: ;
	}
}



/* --- Pfeil hinter Navielement ausblenden --- */

.site-navigation .page_item_has_children a:after,
.site-navigation .menu-item-has-children a:after {
	display: none;
}

@media screen and (min-width: 800px) {
	.site-navigation .page_item_has_children a:after,
	.site-navigation .menu-item-has-children a:after {
		display: none;
	}
}


/*--- Submenu Listenzeichen ausblenden ---*/

.site-navigation .menu .sub-menu li a:before,
.site-navigation .menu .sub-menu li a:before,
.site-navigation .menu .children li a:before,
.site-navigation .nav-menu .sub-menu li a:before,
.site-navigation .nav-menu .children li a:before {
	content: none; 
}

@media screen and (min-width: 800px) {
	.site-navigation .menu .sub-menu li a:before,
	.site-navigation .menu .children li a:before,
	.site-navigation .nav-menu .sub-menu li a:before,
	.site-navigation .nav-menu .children li a:before {
		content: none;
	}
}





/* --- Menu Toggle --- */

.menu-toggle {
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff; /* Schrift Farbe */
	background-color: #fff; /* Hintergrundfarbe */
	text-align: center; /* Schrift Ausrichtung */
}

.menu-toggle:before {
	padding-right: 6px; /* Icon Abstand Klartextmenu */
	padding-right: 0.6rem;
	font-family: "Font Awesome 5 Free";
	content: "\f107"; /* Icon aufklappen */
	color: #222222;
	font-size: 40px; /* Icon Größe */
	font-size: 4rem;
	line-height: 2;
}


.site-navigation.toggled .menu-toggle:before {
	content: "\f106"; /* Icon zuklappen */
}




/*---------------------------------------------------------
4. Elements (_elements.scss)
-------------------------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

h1 a:hover,
h2 a:hover,
h3 a:hover
 {
	color: #222;
}


/*---------------------------------------------------------
Quote (_elements.scss)
-------------------------------------------------------- */

blockquote {
	margin: 0px 0 0px 0;
	margin: 0rem 0 0rem 0;
	text-align: center;
	color: #c8ffbf;
}

@media screen and (min-width: 800px) {
	blockquote  {
		margin: 0 0 0px 0;
		margin: 0 0 0rem 0;
	}
}

blockquote p {
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 1.5;
	text-transform: uppercase;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 800px) {
	blockquote p  {
		font-size: 43px;
		font-size: 4.23rem;
		line-height: 1.3;
		}
}


blockquote cite {
	display: block;
	margin: 40px 0 80px 0;
	margin: 4rem 0 8rem 0;
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: none;
}

@media screen and (min-width: 800px) {
	blockquote cite {
		font-size: 20px;
		font-size: 2rem;
}
}

blockquote cite:before {
	content: "";
}


/*---------------------------------------------------------
Content (_elements.scss)
-------------------------------------------------------- */

b,
strong {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
}



/*---------------------------------------------------------
 Links (_scaffolding.scss)
-------------------------------------------------------- */

a, {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
}


/*---------------------------------------------------------
 6. Page
-------------------------------------------------------- */

.page h1.entry-title {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

/*---------------------------------------------------------
 6. Posts (_posts.scss)
-------------------------------------------------------- */

.entry-header {
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}

.entry-header .entry-thumbnail {
	margin-bottom: 11px;
	margin-bottom: 1.1rem;
	line-height: 1;
	text-align: center;
}

.entry-header .entry-thumbnail.post-header {
	margin-right: 0;
}

.entry-thumbnail-caption {
	margin-top: 5.5px;
	margin-top: 0.55rem;
	text-align: left;
}

.entry-title {
	margin-top: 5.5px;
	margin-top: 0.55rem;
	word-spacing: -1px;
	word-spacing: -0.1rem;
	font-weight: normal;
}

.entry-date,
.site-wrapper div.sharedaddy h3 {
	display: block;
	float: left;
	margin-bottom: 0;
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #54db40;
}


.entry-header .entry-date,
.entry-header .site-wrapper div.sharedaddy h3,
.site-wrapper div.sharedaddy .entry-header h3 {
    /* line-height: 40px; */
}

.entry-footer .entry-date,
.entry-footer .site-wrapper div.sharedaddy h3,
.site-wrapper div.sharedaddy .entry-footer h3 {
	display: inline-block;
	float: none;
	margin-bottom: 22px;
	margin-bottom: 2.2rem;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0;
	text-transform: none;
}

.entry-date a,
.site-wrapper div.sharedaddy h3 a {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	color: #54db40!important;
	text-decoration: none;
}

.entry-author {
	float: left;
	clear: both;
	margin: 22px 0 22px;
	margin: 2.2rem 0 2.2rem;
}

.entry-header .entry-author {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}

.entry-header .entry-author .entry-author-byline {
	display: inline-block;
	margin-right: 8px;
	margin-right: 0.8rem;
}

.entry-footer .entry-author {
	display: block;
	float: none;
	margin: 44px 0 22px;
	margin: 4.4rem 0 2.2rem;
}

.entry-content {
	clear: both;
}

.entry-author-bio {
	margin-top: 11px;
	margin-top: 1.1rem;
	font-size: 13px;
	font-size: 1.3rem;
}

.entry-author-byline {
	font-size: 15px;
	font-size: 1.5rem;
	font-style: italic;
	line-height: 40px;
}

.entry-author-byline a.vcard {
	color: #3070d1;
	font-weight: bold;
	font-style: normal;
}

.entry-comment-count {
	margin-bottom: 11px;
	margin-bottom: 1.1rem;
}

.entry-header .entry-comment-count {
	float: right;
	clear: both;
	line-height: 40px;
}

.entry-footer .entry-comment-count {
	margin-bottom: 22px;
	margin-bottom: 2.2rem;
}

.entry-comment-count a,
.comment-count-icon a {
	color: #b9bcbf;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}

.entry-comment-count a:hover,
.comment-count-icon a:hover {
	color: #3070d1;
}

.comment-count-icon:before {
	float: left;
	position: relative;
	top: 1px;
	top: 0.1rem;
	padding-right: 8px;
	padding-right: 0.8rem;
	color: #b9bcbf;
	font-family: FontAwesome;
	content: "\f075";
}

.entry-footer .comment-count-icon:before {
	top: 0;
}

.entry-author-avatar {
	float: left;
	padding-right: 8px;
	padding-right: 0.8rem;
	line-height: 0;
}

.entry-author-avatar img {
	width: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.entry-footer {
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-footer a {
	color: #b9bcbf;
	font-weight: 400;
}

.entry-footer a:hover {
	color: #3070d1;
}

.entry-footer .fa {
	float: left;
	position: relative;
	top: 4px;
	top: 0.4rem;
	padding-right: 8px;
	padding-right: 0.8rem;
	color: #b9bcbf;
}

.post {
	margin: 66px 0 88px;
	margin: 6.6rem 0 8.8rem;
	padding-bottom: 22px;
	padding-bottom: 2.2rem;
	border-bottom: 1px solid #b9bcbf;
}

.post:first-of-type {
	margin-top: 0;
}

.single .post {
	margin-bottom: 44px;
	margin-bottom: 4.4rem;
	border-bottom: none;/**/
}

.post-header {
	margin-top: 11px;
	margin-top: 1.1rem;
}

.post-categories,
.post-tags {
	margin-bottom: 11px;
	margin-bottom: 1.1rem;
	padding-left: 0;
	list-style: none;
}

.post-categories li,
.post-tags li {
	display: inline;
}

.post-categories li:after,
.post-tags li:after {
	padding: 0 0 0 4px;
	padding: 0 0 0 0.4rem;
	color: #b9bcbf;
	content: "\002F";
}

.post-categories li:last-of-type:after,
.post-tags li:last-of-type:after {
	content: none;
}





/*--------- Buttons ---------*/

.button {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: inline;
}

.banner_weiss .ttfmake-button {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding: 10px 20px;
	padding: 1rem 2rem;
	margin: 15px 0 25px 0;
	margin: 1.5rem 0 2.5rem 0;
	border: 1px solid #b9bcbf;
	cursor: pointer;
	text-decoration: none;
	background-color: #fff;
	color: #b9bcbf;
}

.banner_weiss .ttfmake-button:hover {
	border: 1px solid #a1a3a6;
	color: #a1a3a6;
}


.banner_gruen .ttfmake-button {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding: 10px 20px;
	padding: 1rem 2rem;
	border: 1px solid #fff;
	cursor: pointer;
	text-decoration: none;
	background-color: #54db40;
	color: #fff;
}

.banner_gruen .ttfmake-button:hover {
	border: 1px solid #73f55f;
	color: #73f55f;
}










/*-----------------------------------------------------------
 Startseite Banner
------------------------------------------------------ */

.banner_weiss {
	padding-top: 80px;
	padding-top: 8rem;
}

.banner_gruen {
	padding-top: 00px;
	padding-top: 0rem;
}


.banner_weiss .builder-text-section-title,
.banner_weiss .builder-post-list-section-title,
.banner_gruen .builder-text-section-title,
.banner_gruen .builder-post-list-section-title {
	padding-bottom: 15px;
	padding-bottom: 1.5rem;
	margin: 0 auto;
	font-size: 16px;
	font-size: 1.6rem;
}

.banner_weiss .builder-text-section-title,
.banner_weiss .builder-post-list-section-title {
	color: #54db40;
}



.banner_weiss {
	background-color: #fff;
}

.banner_gruen {
	background-color: #54db40;
}


.banner_weiss#oben {
	padding-top: 0;
}

.banner_weiss .su-row {
	padding-top: 15px;
	padding-top: 1.5rem;
}




/*-----------------------------------------------------------
 Unterseiten Banner
------------------------------------------------------ */

 .page .pageheader{
	margin-bottom: 70px;
	margin-bottom: 7rem;
}

 .page .pageheader .builder-banner-inner-content {
	top: 70%;
}
 .page .pageheader h1 {
	color: #fff;
	font-size: 4rem;
	letter-spacing: 2px;
	text-shadow: 5px 5px 15px rgba(0,0,0,0.5);
	padding: 0;
}


@media screen and (min-width: 800px) {
		.page .pageheader .builder-banner-inner-content  {
		top: 85%;
	}
		.page .pageheader h1 {
		color: #fff;
		font-size: 5rem;
		letter-spacing: 5px;
		text-shadow: 5px 5px 15px rgba(0,0,0,0.5);
		padding: 0 32px;
		padding: 0 3.2rem;
	}

}



/*---------------------------------------------------------
 Banner section: Arrows (_pages.scss)
-------------------------------------------------------- */


.builder-section-banner .cycle-prev:before,
 .ttfmake-shortcode-slider .cycle-prev:before {
	left: 32px;
	content: "\f104";
	font-size: 80px;
	font-size: 8rem;
}


.builder-section-banner .cycle-next:before,
.ttfmake-shortcode-slider .cycle-next:before {
	right: 32px;
	content: "\f105";
	font-size: 80px;
	font-size: 8rem;
}