/*
Theme Name: Twenty Seventeen CHILD
Template: twentyseventeen
*/

/* eigener Code */
.schriftklein {
	font-size:8pt;
} /* z.B. im Menü */

@media (min-width: 601px) {nav#menue_sticky {display:block}}
@media (max-width: 600px) {nav#menue_sticky {display:none}}

nav#menue_sticky {
	position: absolute;
	left: 0;
	top: -200px;
	height: 10px;
	z-index: 1000;
}
.stickynav-all_wp {
	position: fixed !important;
	left: 0;
	margin-top: 210px;
	width: 100px;
	z-index: 1000;
}	/* alle Browser, kommt von  stickynav-all_wp.js */
#menue_pulldown li ul{
	left:70px !important;	
} /* überschreibt menue_pulldown.css Zeile 70 , popup Untermenü */
.menue_impressum {
	position: fixed;
	bottom: 1%;
	left: 5px;
	z-index: 10;
	padding: 0.5%;
	background: rgba(255,255,255,.8);
	font-size: 8pt;
}
.copyright {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 11;
	background-color: #fdf7e7;
	font-size: 7pt;
	font-family: arial;
	text-decoration: none;
	padding-left: 5px;
}
.bgtransp {
	padding-top: 20px;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 5px 4px #888;
	-webkit-box-shadow: 2px 2px 5px 4px #888;
	-moz-box-shadow: 3px 3px 5px #222;
} /* in index.php */
.bgmausover {
	padding: 0px 10px;
	background: rgba(255,255,153,1);
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px 1px #888;
	-moz-box-shadow: 1px 1px 1px #222;
} /* in single.php pco customized + eigener HTML Code Widget */
.bgmausover:hover {
	background: rgba(255,204,0,1);
}
..beitragstitel {
 position:absolute;
top:70px;
left:50%;
font-size:20px;
transform:translate(-50%, 0%);
width:50%;
}





/* ----- in Event Tickets - Hauptseite Text 1.+3.Absatz (Hinweise Indoorcycling, Storno , Linie, Abstand) ----- */
div.tribe-events-before-html p:first-child, div.tribe-events-before-html p:nth-child(3) {
  font-weight: bold;
}
div.tribe-events-before-html p:last-child:after {
    content: "\A ------------------------";   /* \A für Zeilenumbruch nur mit white-space:pre  */
    white-space: pre;
}
div.tribe-events-before-html p:last-child {
  margin-bottom:30px;
}


/* ----- in Event Tickets - Einzelprodukt, für Button-Text ----- */
.tribe-tickets__tickets-buy {
   text-indent: -10000px;
   line-height: 0 !important;
}
.tribe-tickets__tickets-buy:after {
   content: "teilnehmen";
   display: block;   /* neues Wort unter altem und unabhängig per indent verschiebbar */
   text-indent: 0;
}

/* ----- in Event Tickets - Einzelprodukt, für Kalender hinzufügen/export... ----- */
.tribe-events-c-subscribe-dropdown__container {
  display:none !important;
}

/* -----in Event Tickets - Checkout, für Überschrift (innerhalb h3)----- */
.tribe-tickets__commerce-checkout-header-title {
   line-height: 0 !important;
   visibility: hidden; 
}
.tribe-tickets__commerce-checkout-header-title:after {
   visibility:visible; 
   content: "Teilnahme";
   display: block;
}

/* -----in Event Tickets - Checkout, für Button-Text ----- */
button.tribe-tickets__commerce-checkout-form-submit-button > span {
  visibility: hidden; 
  line-height: 0 !important;
}
button.tribe-tickets__commerce-checkout-form-submit-button > span:after {
  visibility:visible; 
  display: inline-block;
  text-indent: -50px;   /* geht nur bei blockelement -> def. span als inline-block  */
  content: "teilnehmen";
}

/* -----in Event Tickets - Checkout, für Label Name ----- */
.tribe-tickets__commerce-checkout-purchaser-info-name-field-label {
    text-indent: -10000px; 
    line-height:0;   /* Abstand nach oben verringern  */
}
.tribe-tickets__commerce-checkout-purchaser-info-name-field-label:after {
    content: "Vor-/Nachname";
    text-indent: 0; 
    display: block; /* neues Wort unter altem, sonst beide per indent verschoben */
    line-height:0;   /* sonst per block 1 Zeile tiefer */
    margin-bottom: 10px;
}
/* -----in Event Tickets - Checkout, für Überschrift form (innerhalb h3) ----- */
.tribe-tickets__commerce-checkout-purchaser-info-title {
  visibility: hidden;
}
.tribe-tickets__commerce-checkout-purchaser-info-title:after {
  visibility: visible;
  content: "buchender Teilnehmer";
  display: block;
  margin-top: -30px;
}
/* -----in Event Tickets - bestellte Veranstaltung/Ticket (innerhalb div und a) ----- */
.tribe-link-view-attendee a {
  text-decoration: underline; 
  font-weight: bold;
}
.tribe-link-view-attendee {
  background: orange;
  max-width:50%;
}

/* ----- in Event Tickets - Einzelprodukt, für statt ausverkauft ----- */
.tribe-tickets__tickets-item-quantity-unavailable {
	visibility:hidden;
	line-height:0 !important;
}
.tribe-tickets__tickets-item-quantity-unavailable:after {
	visibility:visible;
	content:"ausgebucht";
	display:block;
}





/* ----------------------------- in style.css (Child-Theme in /wp )  --------------------- */
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
  position: static;
}  /* _pco_ line 1699  in Startseite wenn Post (Ereignisse); Handyansicht: fixed auf static, sonst Header-Bild auf Startseite überdeckt slicknav Menü */
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
  height: 200px;
}  /* _pco_ line 1664  in Startseite; Handyansicht: Höhe Header-Bild */

.custom-header {
    height: 200px;
} /* _pco_ line 1660  in Seiten; volle Anzeige Header-Bild und WP-Menü funktioniert */

.site-info {
	display: none !important; 
}  /* Wordpress stolz präs. ausblenden */

.custom-header-media:before {
	background:none;
} /* _pco_ line 1684 Verlaufschatten weg  */

.site-content {
	padding: -1em 10px 0 80px;			
}  /* Abstand links Menü und .bgtransp */
.wrap {
	max-width: 1800px;
	padding-left:1em;
	padding-right:1em;	
}  /* _pco_ line 1544 , Inhalt Seiten,Startseite, Posts  */

.bgtransp {	
	margin-left: 0;
}/* in index.php Child (Startseite, z.B. Ereignisse), überschreibt wrap siehe oben, aber nicht Handy WP-Menü */

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary  {
	max-width: 1500px;
}  /* _pco_ line 2095 , Inhalt 1spaltige Seiten */

main {
    margin-top: -40px;
}  /* _pco_ line 84  Inhalt inkl. Titel -> jedoch Fehlfunktion am Handy -> Menü tot (nur auf Shopseite!!) */

@media screen and (min-width: 48em) {

}
	
@media screen and (min-width: 48em) {
.wrap {
    margin-left: 80px !important;	
} /* _pco_ line 310 bei Posts, Startseite, Seiten; Abstand Inhalt zu Pulldownmenü */
	
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0;
}  /* _pco_ line 4005  Titel Abstand nur bei Seiten nicht bei Posts */
	
.has-sidebar #secondary {
	float: right;
	padding-top: 0;
	width: 26%;
	min-width: 200px;
}	/* in Posts; für Umbruch div-box */
.has-sidebar:not(.error404) #primary {
	float: left;
	width: 70%;
	min-width: 300px;
}	/* in Posts; für Umbruch div-box */
.widget li[class^=BgColor] ul li {
	padding: 0;			/* enge Zeilen Pulldownmenü 2. Ebene */
} /* beginnt mit BgColor */
.widget ul li[class^=BgColor] li {
	padding-left: 0.5rem;	/* Abstand zu Navmenü von Pulldownmenü 2. Ebene */
}
}

@media screen and (min-width: 30em) {
body, button, input, select, textarea {
	font-size: 0.96rem;	/* Menuepulldowntext sonst zu groß */
}	
}
	
@media all and (max-width:600px) {
..site-content {
	padding: 0 0 0 0;
}		/* Seiten, Posts, Startseite; löschen Abstand links Menü und .bgtransp */
}

@media all and (max-width:380px) {
.wrap {  /* Seiten, Startseite, Posts (Ereignisse); */
	padding-left: 1em;
	padding-right: 1em;
}
} 




/* .entry-content {
	margin-top:-5%;	
}   _pco_ line 2057  Inhalt unterhalb Titel für media all */

/* .custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 600px;			
}   größeres Logobild  */ 

/* .twentyseventeen-front-page .site-content, .site-content-contain {
} Seitenhintergrund  background: url(https://www.radclub-ilztal.de/bilder/BgHome_wp.jpg) center fixed no-repeat #d8ccbb; */
		
/* .site-header {
	background: url(https://www.radclub-ilztal.de/bilder/titel-logo_wp-ereig.jpg) center no-repeat #d8ccbb;
	background-size: contain;
	height: 30vw;
	position: relative;
}  Fehlfunktion am Handybrowser -> obersten Shopartikel nicht klickbar und Wordpressmenü weg */

/* @media all and (max-width:380px) {
.site-header { * nur bei Seiten, nicht Posts; kein height -> WP-Menü klappt verdeckt hinter Inhalt auf *
	background: url(https://www.radclub-ilztal.de/bilder/titel-logo_wp-ereig_k1.jpg) top center no-repeat #d8ccbb;
	height: 100px;
	position: relative;
}
.twentyseventeen-front-page .site-content, .site-content-contain {
}  background: url(https://www.radclub-ilztal.de/bilder/BgHome_wp_k1.jpg) top center fixed no-repeat #ececea;
} */