/*
Theme Name: create (themetrust) child-theme: globalchange.at
Description: Child Theme for the create (ThemeTrust) Wordpress Theme.
Author: px
Author URI: http://www.peki.at
Template: themetrust-create
Version: 2023-08-15 23:45
*/

/* client: globalchange.at */


/* --- DEVELOP --- */
#WTF {
	border: solid 10px lime;
	align-items: flex-start;
}



/* ----------------------------------------- */
/* --- Downloads / Pressematerialien --- */
/* ----------------------------------------- */
.presse-materialien {
	display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	-webkit-justify-content: center; /* Safari */
  justify-content:         center;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  -webkit-align-items: center; /* Safari */
  align-items:         center;

	padding: 20px;
	max-width: 850px;
	margin: auto;
}

.download-content {
	flex-basis: 320px;
	-webkit-flex-grow: 1; /* Safari */
	flex-grow: 1;

  background-color: #fcfcf9;
	border: solid 1px #aaa;
  border-radius: 5px;
  padding: 10px 25px 10px 25px;
  margin: 30px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  transition: all .2s ease;

  width: 50%;
  box-sizing: border-box;
}

.download-content:hover {
  background-color: #ffffef;

  x-filter: brightness(1.05);
 	transform: scale(1.05) rotate(-1deg);
 	transition: all 0.2s ease;
}

.download-icon {
  padding: 10px;
  margin: 0px;
  margin-bottom:-10px;
}

.download-caption {
	display: block;
	font-size: 1em;
	font-weight: 600;
	line-height: 135%;
 	width: 75%;
}

.download-beschreibung {
	display: block;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 135%;
  padding: 10px 10px 15px 0;
	border-bottom: solid 1px #ddd;
}

.download-filesize {
	display: block;
	font-size: 0.6em;
	font-weight: normal;
	padding-top: 5px;
}

.download-link {
	color: #333 !important;
}




/* ----------------------------------------- */
/* Events-List TWEAKS */
/* ----------------------------------------- */
.no-events {
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
	background: #FFF8D1 !important;
	border-radius: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
	line-height: 180%;
}


/* ----------------------------------------- */
/* Contact Form #7 - TWEAKS */
/* ----------------------------------------- */
.wpcf7-submit {
	background: #ba9e78 !important;
	color: white !important;
	width: 150px;
}



/* ----------------------------------------- */
/* Create Theme - TWEAKS */
/* ----------------------------------------- */
body,
input,
select,
textarea {
	color: #444 !important;
}


main {
  background-color: #fcfcfc;
}


p, address {
	margin: 0;
	padding-bottom: 25px;
	line-height: 1.9em;
	font-size: .9em;
	font-weight: 200 !important;
}


/* 230816: doch ned - brorks display? */

.nav-previous, .nav-next {
	font-weight: bold;
	font-size: 15px;
}

.meta-nav {
	visibility: hidden;
}

.nav-previous .meta-nav::before {
	visibility: visible;
	content: "\00bb";
	/*»*/
}

.nav-next .meta-nav::after {
	visibility: visible;
	content: "\00ab";
	/*«*/
}


/*
-------------------------------------------------
230815: deaktiviert nach theme update auf 2.3.4
-------------------------------------------------
.nav-previous, .nav-next {
	font-weight: bold;
	font-size: 15px;
}

.meta-nav {
	visibility: hidden;
}

.nav-previous .meta-nav::before {
	visibility: visible;
	content: "\00bb";  OLD: »
}

.nav-next .meta-nav::after {
	visibility: visible;
	content: "\00ab";  OLD: «
}
*/



/* --- Impressum / Datenschutz - Link-list */
.gc-list-compact {
  list-style-type: none;
	border: solid 0px red;
}

.gc-list-compact li {
  list-style-type: none;
  line-height: 28px;
}



/* ----------------------------------------- */
/* MAIN */
/* ----------------------------------------- */
.rot {
	color: #e00 !important;
	font-weight: 600;
}

.braun {
	color: #ba9e78 !important;
}

.orange {
	color: #ffcc00 !important;
}

.weiss {
	color: #fff !important;
}

.shadow {
	text-shadow: 1px 1px 1px black;
}

.header-subtitle {
	font-size: 20px;
  text-shadow: 1px 1px 1px black;
}



/* ----------------------------------------- */
/* Site HEADER */
/* ----------------------------------------- */
#site-header.transparent.light .main-nav .menu-item a span {
 /* offset-x | offset-y | blur-radius | color */
	text-shadow: 1px 1px 0px #000 !important;
}

#site-header.transparent.dark .main-nav .menu-item a span {
	text-shadow: 2px 2px 1px white !important;
}

#site-header.transparent.light .main-nav .sub-menu a span,
#site-header.transparent.dark .main-nav .sub-menu a span {
	text-shadow:  1px 1px 0px black !important;
	font-weight: normal;
}


/* ----------------------------------------- */
/* Startpage ITEMS */
/* ----------------------------------------- */
	/* max-height: 720px; - geht nicht im phone-modus */
#about-me-row {
	padding: -100px;
	background-position: top left;
}

#about-me-text p:first-of-type {
	padding-top: 20px;
}


/* --- Zitat --- */
.zitat {
	color: #777;
	border: solid 0px lime;
}



/* ----------------------------------------- */
/* --- Flex-Grid - customization --- */
/* ----------------------------------------- */
.flex-grid-posts {
/*geht a ned: display: -webkit-flex; */
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

	box-sizing: border-box;
 	flex-flow: row wrap;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;

  -webkit-justify-content: flex-end; /* bringt nix: Safari 6.1*/
  justify-content: flex-end;
	align-items: center;
}


/* USED BY: gc.at/vortraege, gc.at/buecher */
.flex-grid-posts .flex-item {
	width: 45%;
	flex-basis: 250px;
	margin: 40px 30px 30px 20px;
	padding: 1px !important;
}

.flex-item img {
 	padding: 15px;
	border: solid 1px #ccc;
}

.flex-grid-posts .flex-item-vortrag img {
 	padding: 15px;
}

.flex-grid-posts .flex-item-book img {
 	padding: 1px;
}



/* --- Post-List Large (content-post-list-large.php) --- */
.post-list-large {
	x-border: solid 1px orange;
	margin-bottom: 50px;
}


/* --- Post-Loops (Frontpage Bücher) --- */
.post-loop-buecher, .post-loop-vortraege {
	x-border: solid 1px orange;
	text-align: center;
}



/* --- Vortrag Poster (Poster rechts oben) --- */
.vortrag-poster img {
 	width: 400px;
	border: solid 1px #ccc;
	padding: 20px;
	margin: 0 0 40px 40px;
	border-radius: 3px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);	
}

.vortrag-poster img:hover {
	transition: all .2s;
	transform: scale(1.01);

	-webkit-box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 19px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 19px 0px rgba(50, 50, 50, 0.75);
}


/* --- Vortrag Bild (Bilder in Fliesstext) --- */
.vortrag-bild-rechts,
.polaroid-rechts  {
	padding-left: 60px;
}
.vortrag-bild-links,
.polaroid-links {
  padding-right: 60px;
}

.vortrag-bild img,
.vortrag-bild-links img,
.vortrag-bild-rechts img {
	border: solid 1px #999;
	border-radius: 10px;
	margin-bottom: 25px;
}

.vortrag-bild img:hover {
	border: solid 1px #777;
	x-filter: brightness(1.1);
}




.polaroid-links img:hover,
.polaroid-rechts img:hover {
/*
  transition: background 0.8s ease,
              padding 0.8s linear,
							scale(1) 2s ease-in-out;
*/
  filter: brightness(1.05);
 	transform: scale(1.05) rotate(-1deg);
 	transition: all 0.2s ease;
}


.polaroid {
	x-border: solid 1px #ccc !important;
}

.polaroid img,
.polaroid-links img,
.polaroid-rechts img {
  border: 13px solid #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);

	max-width: 100%;
	height: auto;
	padding-bottom: 9%;

 	transition: all 0.2s ease;
}

.polaroid-links img {
	transform: rotate(-2deg);
}

.polaroid-rechts img {
	transform: rotate(1deg);
}



/* ----------------------------------------- */
/* --- px PHOTO GALLERY --- */
/* ----------------------------------------- */
/*SEE: child-theme-functions.php) */
/*ACHTUNG! SO Image-Grid muss eingebunden sein, damit image-grid.css eingebunden wird - damit Anzeige passt!*/

.gc-gallery {
	text-align: center;           	/* zentriert tats. die Bilder */
	x-margin: 0 auto !important;    /* bringt nix */
	x-border: solid 1px orange;
}

.gc-gallery-image img {
  x-border: solid 1px #999;
  x-border-radius: 150px;

  x-margin: 0 10px 10px 10px;
  margin: 0 -30px 20px 10px;

  border-radius: 3px;
  border: 13px solid #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
  padding-bottom: 9%;

	max-width: 100%;
	height: auto;

 	transition: all 0.2s ease;
}


.gc-gallery-image img:hover {
	transform: scale(1.035) rotate(-1.5deg) !important;
	transition: all 0.2s ease;
  filter: brightness(1.05);
	z-index: 1000;
}



/* ACHTUNG! gilt für ALLE Images in SO-GRID!!! */
.sow-image-grid-image {
  padding: 0 10px 10px 10px !important;
  display: inline-block;
}

/* border: solid 5px red !important; */



/* ----------------------------------------- */
/* --- gc PRODUCTS / PHOTOS --- */
/* ----------------------------------------- */

/* Vorträge, Bücher */
.product-item {
	border: solid 0px red;
	padding: 15px;
}

/* "Reiseimpressionen' Reisen-"Tickets" */
.photo-item img {
	x-min-width: 257px;
	padding: 8px !important;
}

.reisen-image {
	border: solid 1px #bbb;
	border-radius: 15px;
	min-width: 175px;
  min-height: 175px !important;
  background-size: cover;
  background-position: center;
}


/* ----------------------------------------- */
/* --- gc MASONRY ITEMS --- */
/* ----------------------------------------- */
/* Vorträge, Bücher */

.masonry-item-large,
.masonry-item-mini {
	display: inline-flex !important;
	margin: 10px !important;
	padding 0px !important;
}

.masonry-item-large img,
.masonry-item-mini img {
	border: solid 1px #ccc;
	opacity: 1;
}

/* frontpage-content: horizontal lists 			*/
.masonry-item-large img:hover,
.product-item img:hover {
	border: solid 1px #777;

	transition: all .2s;
	transform: scale(1.01);

  -webkit-box-shadow: 2px 4px 13px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    2px 4px 13px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         2px 4px 13px 0px rgba(50, 50, 50, 0.65);
}


/* frontpage-footer:  footer 				*/
.masonry-item-mini img:hover {
	border: solid 1px #eee;
	transition: all .2s;
	transform: scale(1.02);
}



/* ----------------------------------------- */
/* footer */
/* ----------------------------------------- */
#footer { font-size: 0.9em}
.footer-links { font-size: 0.9em}



/* ----------------------------------------- */
/* --- small screens --- */
/* ----------------------------------------- */
@media screen and (max-width: 685px) {

	/* --- Vortrag Poster (Poster rechts oben) --- */
	.vortrag-poster img {
		padding: 20px;
	  margin: 0 0 40px 0px;
		border-radius: 0px !important;
	}


	/* --- Vortrag Bild (Bilder in Fliesstext) --- */
	.vortrag-bild-rechts {
		padding-left: inherit;
	}
	.vortrag-bild-links {
   	padding-right: inherit;
	}

	/* --- Polaroid Bild (Bilder in Fliesstext) --- */
	.polaroid-links,
	.polaroid-rechts {
	padding-left: inherit;
	padding-right: inherit;
	}

}