/*
 Theme Name:   pfarrei-schlieren
 Theme URI:    https://pfarrei-schlieren.kirchen-events.ch/
 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:  pfarrei-schlieren

*/

/*
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(--link);
}

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

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
  margin-top: 0.5em;
}
.inside-article header.entry-header + * {
  margin-top: 0.5em;
}




/* Icons */
a[href$=".pdf"]::before {
  	content: "\f1c1";
  	display: inline-block;
  	font-family: "Font Awesome 5 Free";
  	font-weight: 300;
  	font-size: 0.9em;
  	margin-right: 0.25em;
}
a[href$=".pdf"]::after {
	content: none !important;
}

a[href$=".docx"]::before {
  content: "\f1c2";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  	font-weight: 300;
  	font-size: 0.9em;
  	margin-right: 0.25em;
}
a[href$=".docx"]::after {
	content: none !important;
}

/* google recaptcha badge ausblenden */


/*** Forms ***/
input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="tel"], input[type="number"], input[type="date"], input[type="time"], textarea, select {
  	background: #fafafa;
  	color: #666;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	padding: 4px 6px;
  	box-sizing: border-box;
  	max-width: 100%;
  	width: 100%;
	font-size: 14px !important;
}
select:focus {
  color: #333;
  background-color: #fff;
  border-color:  #ccc;
}
input[type="submit"] {
  	border: none;
  	border-radius: 4px;
  	padding: 0.5em 1em !important;
  	box-sizing: border-box;
	font-size: 14px;
}



/*** end Forms ***/

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




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

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




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


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




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

/****** end NAVIGATION ******/




/* ---------------------------------------------------------------------------------------------------- */
/****** SIDEBAR ******/

/****** end SIDEBAR ******/




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

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



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


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

/** Event Liste Wrapper **/

.event_list_wrapper a {
	color: inherit;
	width: 100%;
}

.event_list_wrapper span {
  display: inline-block;
}

.event_list_wrapper .event_list_item {
	display: inline-block !important;
	position: relative;
	width: 100% !important;
	background: #fff;
	cursor: pointer;
	padding: .5em 0;
	border-top: none !important;
}

/* Block Datum-Zeit */
.date-time_container {
	padding: .25em 0;
	background-color: #f9f9f9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.date-time_container .weekday,
.date-time_container .day,
.date-time_container .month {
    font-weight: bold;
}
.event_list_item .date-time_container .day {
    padding: 0 0.2em 0 0.4em;
}
/*.event_list_item .date-time_container .day::after {
    content: ".";
  }*/
/* end Block Datum-Zeit */

/* Block Veranstaltung-Ort */
.title-location_container {
	padding: .25em 0 1em 0;
}

.title-location_container span {
	display: block;
}
.title-location_container span {
	display: block;
}

.title-location_container .event-title {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	/*color: var(--link);*/
}
.title-location_container .event-location {
	font-style: italic;
}
/* end Block Veranstaltung-Ort */

/* Block Files */
.file_container {
	display: flex;
	flex-direction: column;
	padding: 0 0 1em 0;
}
/* end Block Files */

/** end Event Liste Wrapper **/

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



/*** VER Raumreservation  ***/
.renting-formfields {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.renting-formfields h4,
.renting-formfields h3 {
	margin: 0.8em 0 0.4em;
}

.multiple-choice-block {
	width: 50%;
	margin-bottom: 2em;
}
@media (max-width: 767px) {
	.multiple-choice-block:first-child {
		margin-bottom: 1em;
	}
	.multiple-choice-block {
		width: 100%;
	}
}

.rf-option-left label {
	display: flex;
  align-items: center;
	line-height: 1.8em;
}
.rf-option-left label input[type=checkbox]   {
	flex: none;
}

.ct-title,
.ct-input {
	width: 100%
}

.ct-input {
	display: inline-grid;
	margin: 0 0 0.8em;
}

/* rechnungsadresse block */
.renting-formfields .vc_renting_form_address_wrapper
{
	margin-top: 0.8em;
}
.vc_renting_form_contact_wrapper {
  display: flex;
  flex-direction: row;
  padding: 1em 0px;
  justify-content: space-between;
}
@media (max-width: 767px) {
	.vc_renting_form_contact_wrapper {
  	flex-direction: column;
	}
}

.vc_renting_form_contact_wrapper #renting-persons .ct-input input,
.vc_renting_form_contact_wrapper #renting-persons-billing .ct-input input{
	width: 100%;
	padding-right: 0px !important;
}

.vc_renting_form_contact_wrapper #renting-persons, .vc_renting_form_contact_wrapper #renting-persons-billing {
		flex: 0 1 48%;
		padding: 0;
	}


/* end rechnungsadresse block */

/* datum block */
.renting-formfields .renting_date_width_time {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.renting-formfields .renting_date_width_time .ct-input:first-child {
	flex: 0 1 100%;
}
.renting-formfields .renting_date_width_time .ct-input {
	flex: 0 1 48%;
}
/* end datum block */

/* radio button blocks */
.ct-input.verowa-input-radio .subs-input-radio-container .subs-input-radio {
	float: left;
	padding-right: 2em;
}
/* end radio button blocks */

.vc_renting_form_submit i {
	display: block;
	margin-bottom: 2em;
	width: 100%;
	font-size: 0.9em;
}

.renting-formfields .ct-input.verowa-input-radio {
	margin-top: 1em;
}
.renting-formfields div select#field_70 {
	margin-right: 1em;
}
/* checkbox */
.renting-formfields .multiple-choice-block .rf-option-right label, .renting-formfields .multiple-choice-block .rf-option-left label {
	display: grid;
	grid-template-columns: 15px auto;
	gap: 5px;
}
/*** VER Raumreservation  ***/



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




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

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



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