/*
 Theme Name:   pig-prect 
 Theme URI:    https://www.picture-planet.ch/pig-prect
 Author:       Picture-Planet GmbH
 Author URI:   https://www.picture-planet.ch/
 Description:  Childtheme of GeneratePress
 Template:     generatepress
 Version:      3.2.4 
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  pig-prect
 
 You should rename it under "Theme Name" and rename the entire folder of this child theme to your correspondending project.
*/

/*
Table Of Contents
- ALLGEMEIN
- BODY
- HEADER
- NAVIGATION
- SIDEBAR
- CONTENT
- VEROWA
- FOOTER
- GP HACK		
*/


/* ---------------------------------------------------------------------------------------------------- */
/****** ALLGEMEIN	******/

html {
	overflow-x: hidden;
}

p { hyphens: auto; }

ul, ol {
	margin: 0 0 1.2em 1.2em;
}

::selection {
	color: #fff;
	background-color: var(--green);
} 

a:focus {
	color: color: var(--link); /* linkfarbe customizer */
}

h1 {
  display: block;
  font-size: 24px;
  font-family: "Ubuntu",sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  margin-bottom: 63px;
}
h1::after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 160px;
  border-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
}

h2 {
	letter-spacing: 1px;
}

h3 {
	letter-spacing: .5px;
}



/* Form */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea {
	text-align: left;
	border: none !important;
	width: 100%;
	text-decoration: none; 
	padding: 6px;
	background-color: #f0f0f0;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	font-size: 16px;
}
label {
 	margin-bottom: 0.25em;
}

/****** end ALLGEMEIN	******/




/* ---------------------------------------------------------------------------------------------------- */
/****** BODY ******/

/****** end BODY ******/




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

/*nur wenn Navi 100%*/
.site-logo .header-image {
 	margin-top: -34px;
}
@media screen and (max-width: 768px) {
  .site-logo .header-image {
		margin-top: 0px;
	} 
}

/****** end HEADER ******/



/* ---------------------------------------------------------------------------------------------------- */
/****** NAVIGATION ******/




/* ---------------------------------------------------------------------------------------------------- */
/****** CONTENT ******/

/* Inhalt schmaler als Container */
.site-content {
	max-width: 840px;
	margin: 0 auto;
}
.site-content p {
	text-align: center;	
}

/** Flexy Breadcrumb **/
.fbc-wrap {
	display: flex;
	padding: 0 0 12px 0;
}
/* .fbc-page .fbc-wrap .fbc-items {
	font-family: "Lato", sans-serif;
}*/
@media all and (max-width: 768px) {
	.fbc-page .fbc-wrap .fbc-items {
		padding: 0!important;
	}	
}
.fbc-page .fbc-wrap .fbc-items li {
  padding: 4px 1px !important;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
  margin-right: 0;
}
/** end Flexy Breadcrumb **/


/****** end CONTENT ******/




/* ---------------------------------------------------------------------------------------------------- */
/****** VEROWA ******/

.single-verowa_event p {
	text-align: left;
}
.single-verowa_event h1:not(.simple)::after {
  left: 80px;
}


/*** VER Agenda Übersicht ***/

/** Event Filter **/
#verowa_event_filters {
  font-size: 1em;
}

#verowa_event_filters.verowa-filter {
  margin-bottom: 0.8em;
}
#vc-agenda-search-wrapper input[type="search"] {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#verowa_event_filters ul li {
  display: flex !important;
  margin: 0 10px 10px 0;
}

#verowa_event_filters a.filter-button.selected, 
#verowa_event_filters a.filter-button.selected:hover,
#verowa_event_filters a.filter-button {
	background-color: var(--green-bg);;
	border: 0px solid !important;
  	border-radius: 20px;
  	font-size: 1em;
  	padding: 6px 12px;
}

#verowa_event_filters a.filter-button:hover {
	background-color: var(--green);
	color: #fff;
}

#verowa_event_filters a.filter-button.selected, 
#verowa_event_filters a.filter-button.selected:hover {
	background-color: var(--green);
}


/* Event Filter Mobile */
@media screen and (min-width: 478px) {
	#verowa_event_filters .row {
		display: flex;
		align-items: center;
		margin-bottom: 0.5em
	}
	#verowa_event_filters .row .column {
		display: flex;
		align-items: center;
		align-self: flex-start;
	}
	#verowa_event_filters .row .column label {
		display: inline-block;
		padding-bottom: 0;
		width: 140px;
	}
	#verowa_event_filters .row .list_filter {
		margin: 0;
		display: flex;
		align-items: flex-start;
		white-space: nowrap;
		flex-wrap: wrap
	}	
	#verowa_event_filters.verowa-filter div.row.date-row {
  		display: block;
  		margin-bottom: .5em;
	}	
	.verowa_agenda_filter_reset_wrapper {
  	text-align: left;
  	font-size: .9em;
		padding: 1em 0;
	}
}
/* end Event Filter Mobile */

/* "Anzeigen ab" */
#verowa_event_filters.verowa-filter div.row.date-row {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em
}
#verowa_event_filters.verowa-filter div.row.date-row .column {
	display: flex;
	align-items: center;
	align-self: flex-start;
}
#verowa_event_filters.verowa-filter div.row.date-row .column label {
	display: inline-block;
	padding-bottom: 0;
	width: 140px;
}
#verowa_event_filters .date_filter_picker input[type="text"] {
  	padding: 2px 8px !important;
}
.verowa_agenda_filter_reset_wrapper {
	flex-grow: 2;
	text-align: right;
	font-size: 0.9em;
}

/* datepicker */
#ui-datepicker-div {
	/*font-family: "Lato", sans-serif;*/
	font-family: "Source Sans Pro", sans-serif;
}
#ui-datepicker-div .ui-state-active {
  background-color: var(--link) !important;
	background-image: none !important;
  color: #fff;
}
#ui-datepicker-div .ui-state-default.ui-state-highlight {
  	background-color: #aaa !important;
	background-image: none !important;
  	color: #fff;
	border: 1px solid #999;
}

/* neu nov 2023 */
#ui-datepicker-div table {
  border: none !important;
}


.ui-datepicker th {
  font-size: 14px !important;
}

.ui-widget-header {
  	border: 1px solid #aaa !important;
  	background: var(--green) !important;
	/*background: var(--purple-bg) !important;*/
  	color: #fff !important;
  	font-weight: bold !important;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
	background-color:  var(--green) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: var(--green-bg) !important;
	font-weight: bold !important;
}

/* end datepicker */


/* Suchfeld */
#verowa_event_filters div#vc-agenda-search-wrapper.row {
  margin-bottom: 1.2em;
  display: flex;
}
/** end Event Filter **/


/** Event Liste Wrapper **/
.event_list_wrapper .event_list_item {
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: .5em 0;
  position: relative;
  width: 100% !important;
  border-top: 1px solid #d9d9d9;
  font-size: 1em !important;
}
.event_list_wrapper a {
	color: inherit;
	width: 100%;
}
.event_list_wrapper .event_list_item .event_date {
  flex: 0 1 120px;
	margin-right: 20px !important;
}

/* Agenda Datum BG */
@media screen and (min-width: 478px) {
	/* event_date*/
	.event_list_wrapper .event_list_item .event_date {
	  	margin-right: 20px;
	  	background-color: var(--green-bg);
		/*border: 1px solid var(--green);*/
		padding: 4px 0 6px 0;
	}
	.event_list_wrapper .event_list_item:hover .event_date {
	  	background: var(--green);
		color: #fff;
		transition: background 0.3s 0s ease-in-out;
	}
	/* event_container */
	.event_list_wrapper .event_list_item .event_container {
	  	width: calc(100% - 140px)!important;
		padding-top: 4px;
	}	
}

/* Block Event Datum */
.event_list_wrapper .event_list_item .event_date {
  flex: 0 1 120px;
}
.event_list_wrapper .event_list_item .event_date .year {
    display: block;
}
/* end Block Event Datum /

/* Block Event Container */
/* titel */
.event_list_wrapper .event_list_item .event_container .event_title {
  color: var(--link);
}
/* kal export icon */
.event_list_wrapper .event_button_list i.far.fa-calendar-alt {
  margin-right: 0.25em;
}
/* end Block Event Container /


/* Anmelde Button */
@media screen and (min-width: 768px) {
	.event_list_wrapper .details-buttons {
		position: absolute;
		right: 0;
		bottom: 0.5em;	
	}
}


/* Anmelde Button Disabled */
button.subscription.disabled {
	background-color: #e1e1e1;
}
button.subscription.disabled:hover {
	background-color: #ccc;
}

/** end Event Liste Wrapper **/


/** Event Liste Mobile **/
@media screen and (max-width:478px) {
   .event_list_wrapper .event_list_item .event_date .year {
    display: inline-block !important;
   }
  .event_list_wrapper .event_list_item .event_date .day {
    font-weight: normal !important;
}
  .event_list_wrapper .event_date .weekday::after {
    content: ",";
  }
}
/** end Event Liste Mobile **/


/*** end VER Agenda Übersicht ***/


/* -------------------------------------------------- */


/*** VER Agenda Event-Detailseite ***/

/* bild */
.verowa_event_body .site-content .site-main .inside-article .entry-content div.image {
	margin-bottom: 1.2em;
}
/* main data - titel datum ort */
.single-verowa_event .verowa-event-detail-main-data {
	margin-bottom: 1.2em;
}
.verowa-event-detail-meta-data p {
  margin-bottom: 0.4em !important;
}
.verowa-event-detail-main-data p.datum {
  margin-bottom: 0 !important;
}

/* short/long description */
.single-verowa_event  div.short_description, .single-verowa_event  div.long_description {
	/*background: #f9f9f9;*/
	margin-bottom: 1.2em;
}

/* doku */
.single-verowa_event p.files a {
	display: block;
}

/* anmeldung */
.single-verowa_event .subscription {
	margin-bottom: 1.8em;	
}
.subscription p.subscription-event-detail-datetime {
	font-size: 0.8em;
	font-style: italic;
}
a.subscription-button {
  margin-bottom: 0.8em;
}
/* end anmeldung */


/* kontakt person */
.verowa_event_body .inside-article .person {
  margin-bottom: 0em;
}
.single-verowa_event .person-container {
	padding-bottom: 0px;
}
.single-verowa_event .person-container .person {
	padding: 0;
}

/** end Agenda Event Detail **/

/*** end VER Agenda Event-Detailseite ***/


/* -------------------------------------------------- */


/*** VER Personen ***/
/*.person-container {
  	display: flex;
  	flex-flow: row wrap;
	padding: 0 0 1.2em 0;
}
.person-container .persons_headline {
  	flex: 0 1 100%;
	padding-top: 1.2em;
}
.person-container .person {
  	flex: 0 1 50%; 
	padding: 0 2em 1em 0;
	display: flex;
}
@media screen and (max-width: 991px) {
 	.person-container .person {
  		flex: 0 1 100%;
	}
}*/

/* persbild allg. */
.person .person_image img {
	border: 1px solid #e1e1e1;
	max-width: 160px;
	margin-right: 20px;
}
/* persbild allg. leer */
.person .person_image_leer img {
	border: 1px solid #e1e1e1;
	max-width: 160px;
	margin-right: 20px;
}

/* person description */
.person .person_description .person_meta ul {
	list-style-type: none;
	margin-left: 0px;
}
.person .person_description .person_meta ul li {
	list-style-type: none;
}
.person .person_description p {
  	margin-bottom: 0!important;
}
.person_description span {
  	display: block
}
.person-container .person .person_description .person_meta .email {
  	display: block
}



/** Personen Detail Seite **/
.single-verowa_person .person {
	display: flex;
	flex-flow: row wrap;
	padding: 0 0 0.8em;
}
@media screen and (max-width: 960px) {
	.single-verowa_person .person {
		display: block;
	}
}
.single-verowa_person .person h1.verowa-person-title {
	flex: 0 1 100%;
	padding-bottom: 0.8rem;
}
.single-verowa_person .person .person_image {
	flex: 0 1 25%;
	padding-right: 3%;
	margin-top: 0;
	/* Bild rechts =
	order: 2; */
}
.single-verowa_person .person .person_image img {
	max-width: 100%;
}
.single-verowa_person .person .person_description {
	flex: 0 1 72%;
}

.single-verowa_person .person_description h3.aufgabenbereiche {
	margin-top: 0.8em
}
.single-verowa_person .person_description h3.kontakt {
	margin-top: 0.8em
}
/** end Personen Detail Seite **/

/*** end Ver Personen ***/


/* -------------------------------------------------- */


/*** VER Anmeldeformular  ***/


/* Fehlermeldung */
.verowa_connect_error_box ul {
	margin-left: 0;
	list-style: none
}

/*** end Anmeldeformular ***/


/* -------------------------------------------------- */


/*** VER Anmelde Übersichtseite alt ***/
p.subscription-list {
	display: flex;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #e1e1e1;
}
p.subscription-list span.event-datetime {
	flex: 0 1 28%;
	padding-right: 2%;
}
p.subscription-list span.event-title {
	flex: 1 1 auto;
	padding-right: 2%;
}
p.subscription-list span.event-title a::after { display: none }
p.subscription-list span.subscription-link {
	flex: 0 1 auto;
}
.subscription-back-button-disabled:hover{
	background-color: #aaa;
}

/* am radio-button style */
.subs-input-radio-container {
	display: flex;
	flex-direction: row;
}
.subs-input-radio {
	margin: 0px 10px 0px 0px
}

/*** end VER Anmelde Übersichtseite alt ***/

/*** VER Anmelde Übersichtseite neu = normale Eventlist ***/


/* -------------------------------------------------- */


/*** VER Reservierungs Modul Anfrage  ***/

/* breite form total */
@media screen and (min-width: 769px) {
	form div.renting-formfields {
		width: 80%;
	}	
}
.renting-formfields .ct-input {
	margin-bottom: 0.5em;
}

/* dynam. css überschr.*/
.renting_date_width_time .ct-input-time label {
	display: block;
  margin: 0;
}
/* label block */
.renting-formfields .ct-input label {
	display: block;
  margin: 0;
}
/* inputfeld kurz */
.renting-formfields  input[type="time"] {
	width: 20%;
	min-width: 140px;
}
.renting-formfields  input[type="number"] {
	width: 20%;
	min-width: 140px;
}
input[type="date"] {
	width: 20%;
	min-width: 140px;
}
/* angaben gesuchsteller */
.renting-formfields .vc_renting_form_address_wrapper {
	margin: 1em 0
}
/* checkbox blocks */
.renting-formfields div.multiple-choice-block {
	margin: 1em 0;
}
/* submit */
.vc_renting_form_submit i {
	font-size: 0.9em;
}
.vc_renting_form_submit input#verowa_renting_form_submit
{
	display: block;
	margin: 0.2em 0 1em;
}

/*** end VER Reservierungs Modul Anfrage  ***/


/****** end VEROWA *******/




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

/***** end FOOTER *****/




/* ---------------------------------------------------------------------------------------------------- */
/***** GP HACK  *****/

/* Footer immer ganz unten */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container.grid-container {
    width: 100%;
}
.site-footer {
    margin-top: auto;
}
/* end */


/** GP RESPONSIVE HACK **/
.home .inside-article {
	padding-bottom: 0 !important
}

@media screen and (min-width: 768px) and (max-width: 960px) {
 .tablet-grid-75 {
    width: 100%;
	}
	.tablet-push-25 {
    left: 0;
	}
	/* sidebar right 768-960 */
	.tablet-grid-25 {
    float: none;
    width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 960px) {

	.site-content .content-area {
  width: 100%; 
	}
	.left-sidebar .sidebar {
  	order: 0;
	}
	.is-left-sidebar {
  width: 0%;
}
}

/* the end is near ---------------------------------------------------------------------------------------------------- */