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


/******  ALLGEMEIN  ******/

html {
	overflow-x: hidden;
}

p { hyphens: auto; }

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

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

/* nicht im GP Customizer */
h4, h5, h6 {
 	margin-bottom: 0.3em;
}

/*  Ext. Links */ 
.site-main .inside-article .entry-content p a[href*="//"]::after {
	font-family: 'FontAwesome';
  	content: " \f08e";
	font-size: 0.65em;
	margin-right: 0.25em
}


/* 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 */
.grecaptcha-badge { 
	visibility: hidden;
	display: none; 
}


/*** Buttons ***/

html.fontawesome-i2svg-active.fontawesome-i2svg-complete body.page-template-default.page.page-id-48.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.post-image-above-header.post-image-aligned-left.slideout-enabled.slideout-mobile.sticky-menu-fade.sticky-enabled.both-sticky-menu.no-sidebar.nav-float-right.separate-containers.nav-search-enabled.header-aligned-left.dropdown-hover.customize-support.offside-js--init div#page.site.grid-container.container.hfeed div#content.site-content div#primary.content-area main#main.site-main article#post-48.post-48.page.type-page.status-publish.has-post-thumbnail div.inside-article div.entry-content div.event_list_wrapper.grid.event_list_dynamic_agenda div.event_list_item.element-item.event-2091.{EVENT_CATS} div.event_container div.event_button_list_new div.buttons span.details-buttons button.subscription.disabled

/* buttons, back-link, Agenda Button*/
.button.subscription.disabled,
.gb-button,
.kt-blocks-post-readmore, 
.back-link,
a.subscription-button, 
a button.subscription, 
button.subscription.disabled,
a button.detail {
	/* padding: 0.3em 1em!important;
	font-size: 0.8em!important;
	border: none!important;
	border-radius: 2px!important; */
}

/* Form Button */
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	border-radius: 2px !important;
	padding: 0.3em 1em!important;
	font-size: 0.8em!important;
}

/*** end Buttons ***/


/* ext Font */
@font-face {
    font-family: 'Latp';
    src: local('Fedra Sans Pro Normal'), local('Fedra-Sans-Pro-Normal'),
        url('/wp-content/themes/pig-prect/fonts/FedraSansPro-Normal.woff2') format('woff2'),
        url('/wp-content/themes/pig-prect/fonts/FedraSansPro-Normal.woff') format('woff'),
        url('/wp-content/themes/pig-prect/fonts/FedraSansPro-Normal.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }


/*** Forms ***/
div.wpcf7 {
	padding-bottom: 1.6em;
}

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: var(--base-2);
  	color: var(--contrast-3);
  	border: 1px solid var(--base);
  	border-radius: 2px;
  	padding: 6px 10px;
  	box-sizing: border-box;
  	max-width: 100%;
  	width: 100%;
	font-size: 16px !important;
}

input[type="search"] {
  	background: var(--base-2);
  	color: var(--contrast-3);
  	border-radius: 0;
  	padding: 5px 16px;
  	box-sizing: border-box;
	font-size: 18px !important;
}

select {
	font-size: 16px;
	width: 50%;
}
@media screen and (max-width: 768px) {
	select {
		width: 100%;
	}
}

textarea {
  	height: 8em;
  	resize: none;
}

.wpcf7-list-item {
  	display: inline-block;
  	margin: 0 1em 0 0;
}
/*test checkbox als block - untereinander span.wpcf7-list-item { display: block; } */
span.wpcf7-form-control.wpcf7-checkbox.cb-block span.wpcf7-list-item  { 
	display: block!important;
}

/*** end Forms ***/


/*** Tabellen ***/
.wp-block-table table {
  	font-size: 0.9em;
  	border-collapse: collapse;
  	width: 100%;
}

.wp-block-table table td, .wp-block-table table th {
  	border: 1px solid var(--base);
  	padding: 1em;
  	vertical-align: top;	
}

.wp-block-table table tr:nth-child(even){
	background-color: var(--base-2);
}

.wp-block-table table tr:hover {
	background-color: var(--base);
}

.wp-block-table table th {
  	font-size: 1em;	
  	padding-top: 1em;
  	padding-bottom: 1em;
  	text-align: left;
  	background-color: var(--contrast-3);
  	color: var(--base-3);
}
/*** end Tabellen ***/

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




/****** BODY ******/

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




/****** HEADER ******/

/* top bar immer rechts*/
@media (max-width: 768px) {
	.top-bar .inside-top-bar {
  		justify-content: flex-end;
	}	
}

/*nur wenn Navi 100%*/
.inside-header {
  display: flex;
  align-items: flex-end;
}

.site-logo .header-image {
 	/* margin-top: -40px; */
}
@media screen and (max-width: 768px) {
  .site-logo .header-image {
		margin-top: 0px;
	} 
}

.site-header {
	box-shadow: 0 5px 10px -6px var(--contrast-3);
}

/* mobile Logo grösse */ 
@media screen and (max-width: 450px) {
	.site-logo .header-image {	
  		max-width: 220px;
		width: 100%;
	}
}



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




/****** NAVIGATION ******/

/* Icon aus Submenu ausblenden */
.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle::before {
    content: none;
}

/*** Navi Search ***/
/* GeneratePress Suche */
.navigation-search {
	top: 100%;
}
@media (min-width: 1024px) {
	.navigation-search {
  		width: 40%;
    	left: 60% !important;
  	}
}
.main-navigation form.search-form.navigation-search.nav-search-active input.search-field {
  	background-color: var(--base-3) !important;
	border-radius: 2px;
	opacity: 1;
	box-shadow: 0px 4px 10px 0px var(--contrast-3);
}
/* X */
.navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a {
	
}

/* Suchfeld */
.main-navigation form.search-form.navigation-search.nav-search-active input.search-field {
	width: 100%;
	color: var(--contrast-2);
  	opacity: 1 !important;
  	margin-right: 19px;
}
/*** end Navi Search ***/


/*** Off Canvas Navi ***/
.offside--left.is-open, 
.offside-js--is-left .offside-sliding-element {
  	transform: translate3d(380px,0,0)!important;
}
.offside--right.is-open, 
.offside-js--is-right .offside-sliding-element {
  	transform: translate3d(-380px,0,0)!important;
}

.main-navigation.offside {
	width: 380px!important;
	max-width: 100%;
}
.offside--left {
	left: -380px!important;
}   
.offside--right {
	right: -380px!important;
}

.inside-navigation>button.menu-toggle {
	padding: 0 10px !important;
}

/*** end Off Canvas Navi ***/


/*** Subnavi Main ***/

ul.child-navigation li ul.children li ul.children  {
	hyphens: auto;
}


/*** Subnavi Sidebar ***/
/* linie */
.inside-left-sidebar ul.child-navigation>li:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    border-bottom: 1px solid var(--contrast-3);
	margin-bottom: 0px;
}

ul.child-navigation li > a {
  	display: block;
  	padding: 0.6em 0 !important;
  	transition: all 200ms ease-in-out;
}
ul.child-navigation li a:hover {
  	padding-left: 0.4em !important;
}

/* Sub mit Sub Icon: öffnen */
ul.child-navigation li.page_item_has_children::before {
  content: "\f107";
  font-family: 'FontAwesome';
  color: var(--base);
  float: right;
  padding-top: 0.4em;
}
/* Sub mit Sub Icon aktiv: schliessen */
ul.child-navigation li.page_item_has_children.current_page_item::before {
  content: "\f105";
  font-family: 'FontAwesome';
  float: right;
  padding: 0.4em 0 0 1em;
  color: var(--contrast-2);
}

/* aktiv main wenn sub sub aktiv */
.main-navigation .main-nav ul li[class*="current-page-ancestor"] > a {

}

/* aktiv sub wenn sub sub aktiv */
ul.child-navigation li.menu_active > a {
  display: block;
  font-weight: 600;
  padding-left: 0 !important;
  color: var(--contrast-2);
}

/* Sub Sub */
ul.child-navigation li ul.children {
	padding: 0 0 1em 0.6em;
	margin: 0;
}

ul.child-navigation li ul.children li {
  	padding: 0!important;
  	font-size: 15px;
}

ul.child-navigation li ul.children li a {
  	padding: 0.2em 0 !important;
}
ul.child-navigation li ul.children li a:hover {
  	background-color: transparent;
  	padding-left: 0!important;
}

ul.child-navigation li ul.children li.menu_active > a {
  	display: block;
  	background-color: transparent;
  	font-weight: 600;
  	color: var(--contrast-2);
}

/* Sub Sub Sub */
ul.child-navigation li ul.children li ul.children li {
    font-size: 13px;
}
/*** end SUBNAVI ***/

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



/****** SIDEBAR ******/

/* Navi ausblenden */
@media screen and (max-width: 960px) {
 	.inside-left-sidebar {
   		display: none !important;
	}
}



/****** CONTENT ******/

/*Inhalt schmaler als Container*/
/* .site-content {
	max-width: 1140px;
	margin: 0 auto;
} */

/* feat. Image */
/* Beitragsbild feat-image*/
/* .featured-image {
	max-height: 300px;
  	overflow: hidden;
	margin-right: 0;
	width: 100%;
} */
/* end feat Image */


/*flexybreadcrumb*/
.fbc-wrap {
	display: flex;
	padding: 0 0 12px 0;
}

@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;
}




/*** Home ***/


/*** end Home ***/


/*** Search ***/
.search .page-header {
	padding-bottom: 0px;
}
.search-content {
	padding-top: 0.4em;
}
.search .page-header {
	padding-bottom: 0px;
}
.search .inside-article div.post-image {
	margin-bottom: 1em;
	max-height: 240px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search .inside-article  {
	padding: 40px;
}
.search-content .post {
	margin-bottom: 0em!important;
}
.search-content .post-type {
	margin-bottom: 0!important;
	padding: 1em 0;
}	
.search-content .post-type-heading {
	padding-top: 1em;
	border-top: 1px solid var(--base);
}	
.search input[type="search"] {
	margin-bottom: 10px;
}
/*** end Search ***/


/*** Download List ***/
.site-content .site-main ul.ddownloads_list {
	border-bottom: 1px solid var(--base);
 	margin: 0 0 1.2em 0 !important;
}
.site-content .site-main ul.ddownloads_list li {
  	list-style-type: none;
  	border-top: 1px solid var(--base);
  	padding-left: 1.4em;
}
.site-content .site-main ul.ddownloads_list li a {
  	display: block;
  	line-height: 20px;
  	padding: 8px 0px 8px 0px !important;
}
.site-content .site-main ul.ddownloads_list li a::before {
  	content: "\f1c1";
  	display: inline-block;
  	font-family: "Font Awesome 5 Free";
  	position: absolute;
  	margin-left: -1.4em;
}
/* Icon Excel */
.site-content .site-main ul.ddownloads_list li a.ext-xlsx::before {
  	content: "\f1c3";
}
/* Icon Word */
.site-content .site-main ul.ddownloads_list li a.ext-docx::before {
  	content: "\f1c2";
}

/*** end Download List ***/


/*** Subsite ***/

.site-content .site-main .subsites {
	padding: 1em 0;
}

.site-content .site-main .subsites .subsite {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 1em 0;
	border-top: 1px solid var(--base);
}

.site-content .site-main .subsites .subsite:last-child { 
	border-bottom: 1px solid var(--base);
	/* margin-bottom: 1em; */
}

.site-content .site-main .subsites .subsite .content-inner {
	flex: 0 1 77%;
}

@media screen and (max-width: 767px) {
	.site-content .site-main .subsites .subsite .content-inner {
  		flex: 0 1 100%;
	}
}

.site-content .site-main .subsites .subsite .subsite-image {
	flex: 0 1 23%;
	margin-left: 1.2em;
}

@media screen and (max-width: 767px) {
	.site-content .site-main .subsites .subsite .subsite-image {
		display: none;
	}
}

.site-content .site-main .subsites .subsite .content-inner h3 {
	margin-bottom: 0px!important;
}

.site-content .site-main .subsites .subsite .content-inner .excerpt {
	margin-top: 10px;
}

.site-content .site-main .subsites .subsite .content-inner p.excerpt {
	margin-bottom: 0!important
}

.site-content .site-main .subsites .subsite .content-inner div.excerpt p {
	margin-bottom: 0px!important
}
/*** end Subsite ***/



/* Sitemap brauchts das noch? */

.site-content .site-main .sitemap ul:first-child {
  	border-top: 1px solid var(--base);
  	margin: 0 !important;
}

.site-content .site-main .sitemap ul li {
	list-style-type: none;
  	font-weight: 400;
  	border-bottom: 1px solid var(--base);
  	padding: 0.4em 0;
}

.site-content .site-main .sitemap ul li ul.children {
	margin-left: 1em;
}

.site-content .site-main .sitemap ul li ul li {
    font-size: 18px !important;
    font-weight: 300;
    border: none;
    padding: 0;
}
/* end sitemap */

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



/***** FOOTER *****/


/* Cookie Banner */

.cc-window.cc-banner {
	padding: 0.5em 1.8em; 
	display: flex;
	flex-flow: row nowrap;
  	border-top: 1px solid var(--base) !important;
}

.cc-banner .cc-message {
	flex: 0 1 80%;
}

.cc-banner .cc-compliance {
	flex: 0 1 20%;
}

.cc-btn {
  	border-radius: 2px;
	color: var(--base-3) !important; 
	background-color: var(--contrast) !important; 
}

.cc-btn:hover {
	color: var(--base-3) !important;
	background-color: var(--global-color-8) !important; 
}


/***** 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 */


/* Responsive Hack */

@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%;
	}
}