/*
Theme Name:     Neve Child Sophia Buhofer-Schrafl
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/*_-----------
Language Switcher Stylem
-------------*/
.builder-item--language_switcher ul li::after {
	display: none !important;
}

.builder-item--language_switcher ul li {
	list-style: none !important;
	font-family: var(--headingsfontfamily),var(--nv-fallback-ff);

}

.builder-item--language_switcher a {
	color: #fff;
	line-height: 1.45;
}

.lang-item {
	width:60px;
	height: 40px;
	display: flex;
	margin-left: 0px;
	justify-content: center;
}

body:not(.home) .hfg_header {
	visibility: hidden;
}


body:not(.home) .hfg_header.is-stuck {
	visibility: visible;
}


body:not(.home) a {
	color:#536550;
}

/*_-----------
asdkjfadfjasdfjasdfasdfasdfasdfasdf
-------------*/
:where(.is-layout-flex) {
	gap: 0em;
}

/*-------------
Mobile: Rand unter Überschriften kürzen
-------------*/
@media (max-width: 390px) {
	h1, h2, h3, h4, h5, h6{
		margin-bottom: 15px;
	}
}

/*--------
Abstände für Buttons auf Mobile korrigieren
----------*/
@media (max-width: 390px) {

	:where(.is-layout-flex) {
		gap: 0.75em;
	}
}

/*--------
Menü Stylen
----------*/
.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a {
	padding: 0;
}

/*--------
Mobilemenü stylen, Icons nebeneinander und Abstand
---------*/
.header-menu-sidebar.full_canvas .builder-item.desktop-left {
	display: inline-block;
	padding-right: 0px;
    vertical-align: top;
}

/*--------
Navbar auf dem Mobile stylen
---------*/
.close-sidebar-panel.navbar-toggle-wrapper {
	padding: 0 15px;
}

.close-sidebar-panel.navbar-toggle-wrapper {
	height: 135px;
}

/*---------
Header für Mobile stylen
----------*/
@media (max-width: 390px) {
	.left .builder-item {
		padding-left: 25px;
		padding-right:0px;
}
}

.hide-on-desktop .nv-title-tagline-wrap small {
	font-size: 20px;
	line-height: 20px;
}

/*-------------
Header für gescrollten Zustand ändern
-------------*/

.hfg_header .header--row {
	-webkit-transition: none !important;
}
@media (min-width: 960px) {
	.is-stuck .header-main .item--inner.builder-item--button_base .component-wrap .button {
		content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/calendar_green.svg');
	}
	
	.is-stuck .header-main .item--inner.builder-item--button_base_3 .component-wrap .button {
		content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/phone_green.svg');
	}
}

.is-stuck .navbar-toggle::after {
	content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/menu_green.svg');
}

.is-stuck .header-main {
	--rowbwidth: 2px;
}

.is-stuck .header-main .nv-title-tagline-wrap {
	color: #000;
}

@media (min-width: 960px) {
		
	.header-main .nv-title-tagline-wrap {
		color: #fff;
	}
		
	.is-stuck .header-main {
		--height: 124px !important;
		--color: #000;
	}
	
	#header-grid.is-stuck nav.header--row.header-main .builder-item--language_switcher a {
		color: #536550;
	}
}

/*--------
Einleitung stylen
--------*/

.introduction {
	font-size: 62px;
	letter-spacing: -1.2px;
	line-height: 1.05;
}

@media (min-width: 980px) {
	.introduction {
		font-size: 80px;
		letter-spacing: -1.2px;
	}
	
}

/*-------------
Wasserzeichen gestalten
-------------*/
#watermark {
	position: fixed;
	right: 5vw;
	bottom: 5vh;
	z-index: 2;
}

#watermark img {
	width: 44vw;
	height: auto;
}

/*-----------
Höhe von Block-Covers für mobile Stylen
------------*/
@media (min-width: 391px) {
	.sectionimg.wp-block-cover {
		height: 100vh;
	}
}

.sectionimg.wp-block-cover {
		min-height: 45vh;
	}

/*--------------
Weisser Rand für Block-Covers
---------------*/
@media (min-width: 980px) {
	.wp-block-cover {
		border-width: 25px;
    border-style: solid;
    border-color: #fff;
	}	
	
}

/*--------------
Seitentitel und Untertitel stylen
---------------*/
.nv-title-tagline-wrap p {
	font-family: "Noto Sans";
	font-weight: 500;
}

.nv-title-tagline-wrap small {
	font-style: italic;
	line-height: 31px;
	margin-left: -3px;
}

/*--------------
Text von Buttons stylen, Text und Pfeil ausrichten
---------------*/
.wp-block-button__link {
	font-family: "Noto Sans";
	font-weight: 200 !important;
	display: flex;
	align-items: center;
	text-align: left;
}

.wp-block-button__link::after {
    content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/arrow.svg');
    display: inline-block;
    width: 36px;
    height: 29px;
    text-align: start;
    padding-left: 20px;
		transition: padding 0.3s ease-in-out;
}

.is-style-primary .wp-block-button__link:hover::after {
	padding-left: 25px;
	transition: padding 0.3s ease-in-out;
}


.is-style-secondary .wp-block-button__link::after {
    content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/arrow_green.svg');
}

/*--------------
Mobile: Pfeil nach Buttons für mobile ausrichten
---------------*/
@media (max-width: 390px) {
	.wp-block-button__link::after {
		height: 31px;
	}
}

/*----------
Eigenen Menübutton verwenden
-----------*/
.navbar-toggle .bars {
	display: none;
}

.navbar-toggle::after {
	content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/menu.svg');
  display: inline-block;
	height: 28px;
} 

.is-menu-sidebar .navbar-toggle .bars {
	display: block;
}

.is-menu-sidebar .navbar-toggle::after {
	display: none;
}

.item--inner.builder-item--button_base .component-wrap, .item--inner.builder-item--button_base_3 .component-wrap {
	padding: 0 10px;
}

.item--inner.builder-item--button_base:hover {
	opacity: 0.6;
}

.item--inner.builder-item--button_base_3:hover {
	opacity: 0.6;
}

.item--inner.builder-item--nav-icon:hover {
	opacity: 0.6;
}

.hamburger.is-active.navbar-toggle.active:hover {
	opacity: 0.6;
}

.navbar-toggle:hover {
	opacity: 0.6;
}

.icon-bar {
	width: 35px;
}

.navbar-toggle.is-active {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-toggle:focus {
	outline: 0px;
}

.item--inner.builder-item--button_base .component-wrap .button {
	content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/calendar.svg');
  display: inline-block;
	width: 38px;
	background: none;
	border: none;
	padding: 0;
	margin-right: 0;
}

.item--inner.builder-item--button_base_3 .component-wrap .button {
	content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/phone.svg');
  display: inline-block;
	width: 40px;
	background: none;
	border: none;
	padding: 0;
	margin-right: 0;
}

/*--------------
Akkordeon stylen
--------------*/

.lightweight-accordion {
	position:relative;
	z-index: 99;
}

.lightweight-accordion-title {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 0 !important;
}

.lightweight-accordion .lightweight-accordion-title {
	background: #fff !important;
}

details[open] .lightweight-accordion-title {
	padding: 6px 0px  18px !important;
}

.lightweight-accordion-title h4 {
	display: inline;
	margin: 0;
}

.lightweight-accordion-title::after {
	content: url('https://sophiabuhofer.com/wp-content/uploads/2023/06/arrow_green.svg');
	display: inline-block;
	width: 40px;
	height: 30px;
	text-align: start;
	padding-left: 14px;
	transform: rotate(90deg);
	-webkit-transition: -webkit-transform .4s ease-in-out;
  -ms-transition: -ms-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;  
}

details[open] .lightweight-accordion-title::after {
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform .4s ease-in-out;
  -ms-transition: -ms-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;  
}

.lightweight-accordion-body {
	padding: 0 !important;
}

details summary::-webkit-details-marker {
  display:none;
}


/*-------------
Überschriften grün stylen
-------------*/
h2, h3 {
	color: #536550;
}

h3 {
	margin-bottom: 2px;
}

.statement {
	font-family: "Cormorant Garamond Bold";
	font-style: italic;
	font-size: 48px;	
}

@media(min-width: 391px) {
	
	.statement {
		font-size: 50px;
	}
}

/*-------------
Tabellen, erste Zeile mit Mindestgrösse versehen
-------------*/

@media (min-width: 576px) {
	.wp-block-table td:first-child {
		min-width: 178px;
	}
}

/*-------------
Liste/Aufzählungen stylen, ohne Aufzählungszeichen, mit Strich zwischen Listenelementen
--------------*/

ul {
	list-style: none;
	padding-left: 0;
}

ul li {
	font-family: "Cormorant Garamond Bold";
  font-style: italic;
	font-size: 39px;
}

ul#nv-primary-navigation-sidebar::before, ul li::after {
	content: "";
	background-color: #f5f5f5!important;
	color: #f5f5f5!important;
	border-bottom: 0;
  border-top: 2px solid;
	border: 1px solid;
  border-left: none;
  border-right: none;
	margin: 10px 0;
  display: block;
  width: 100%;
}

@media (max-width: 390px) {
	ul#nv-primary-navigation-sidebar::before {
		margin: 0 10px;
	}
}
	
.excerpt-wrap li, .nv-content-wrap li {
	margin-top: 0;
}

@media (max-width: 390px) {
	ul li {
		font-size: 34px;
	}
	
	.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a {
		padding: 10px 0;
	}
}

/*------------
Kontakteinleitung und Header Adresse mobile Schriftgrösse festlegen
------------*/

.introduction_contact {
		font-size: 24px;
	}
@media (min-width: 391px) {
	.introduction_contact {
		font-size: 39px;
	}
}

#contact h4 {
	font-weight: 300;
}

/*-------------
Footerschrift für Impressumslink auf Noto Sans Stellen, Link besser positionieren
--------------*/

.site-footer .container {
	padding-left: 25px;
	padding-right: 25px;
}
.site-footer a {
	font-family: "Noto Sans";
	font-size: 16px;
}

/*-------------
Farbe von Hyperlinks auf den Restlichen seiten auf Grün, nur Home im Footer weiss

.page-template-default:not(.home) a {
	color: #171717;
}
--------------*/

/*-----------
Test nur serifen
------------*/
.page-id-301 h1, .page-id-301 h2, .page-id-301 h5 {
	font-family: "Cormorant Garamond" !important;
}

.page-id-301 .wp-block-button__link, .page-id-301 h4, .page-id-301 h3  {
	font-family: "Cormorant Garamond Bold" !important;
}

.page-id-301 .nv-title-tagline-wrap p {
	font-family: "Cormorant Garamond Bold" !important;
}

/*----------
Stoerer
-----------*/
.wp-block-cover.stoerer {
	border-radius: 100%;
	position: absolute;
	top: 100px;
	right: 100px;
	z-index: 190;
	width: 290px;
    height: 290px !important;
	min-height: 0px !important;
	border: none;
	padding: 0px;
}

.is-menu-sidebar .stoerer {
	display:none;
}

.stoerer ul {
	z-index:1000;

}

.stoerer li {
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	width: 290px;
    height: 290px !important;
	display: flex;
	align-content: center;
	justify-content: center;
    align-items: center;
		z-index:1000;
}

.stoerer {
	color: #000;
}

.stoerer p {
	font-size: 24px;
	margin-bottom: 0px;
}

.stoerer h3 {
	font-size: 26px;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
	margin-bottom: 0px;
	line-height: 1.5;
	z-index:1000;
}

.stoerer .wp-block-button {
	margin-right: 0 !important;
}

.stoerer ul li {
	list-style: none !important;
	margin-left: 0px;

}

.stoerer li::after {
	content: none;

}

.stoerer .wp-block-buttons {
	display: flex;
	justify-content: center;
}

.wp-block-button:not(".stoererOnline") .wp-block-button__link.wp-element-button {
	width: max-content;
}

.header-menu-sidebar-inner {
	padding: 0px;
}

.stoerer .wp-block-latest-posts__post-title {
	display:none;
}

[class*=row-inner]::before {
	display: none;
}

#header-grid.is-stuck {
	z-index:10001;
}

#header-grid {
	z-index:99;
}

.stoerer .wp-block-button__link {
	position:relative;
	z-index:1000;

}

.stoerer .wp-block-buttons {
	height: 48px;
}

/*------------
Störer für das Angebot das auch online möglich ist
------------*/
#family, #organisationsaufstellung, #reiki {
	position:relative;
}
.stoererOnline {
	position: absolute;
	right: -39px;
    top: 130px;
}
.stoererOnline .wp-element-button {
	width: 150px;
	height: 150px;
	text-align: center;
	font-size: 21px;
    line-height: 1.4;
	/*transform: rotate(5deg);*/
}
.stoererOnline .wp-block-button__link::after {
	content: none;
	display: none;
}


@media (max-width: 1520px) {
	.wp-block-cover.stoerer {
		top: calc(100vh - 212px);
	}
}

@media (max-width: 720px) {
	.wp-block-cover.stoerer {
		top: calc(100vh - 148px);
		right: -20px;
	}
	
	.stoerer li {
		width: 210px;
   		height: 210px !important;
		padding: 5px;
	}
	
	.button, .button.button-secondary, .is-style-secondary .wp-block-button__link {
		font-size: 22px;
	}
	
	.stoerer p {
		font-size: 20px;
	}
	
	.stoerer h3 {
		font-size: 26px;
	}
	
	/*Popup Mobile optimization*/
	.otter-form__container {
		flex-direction: column;
	}
	
	.stoererOnline .wp-element-button {
	width: 130px;
	height: 130px;
	font-size: 17px;
    line-height: 1.4;
	/*transform: rotate(5deg);*/
}
	
	
}


/*/ Pop-up styling */
#wp-block-themeisle-blocks-advanced-heading-0821ed0f {
	font-size: 25px;
}

/*#wp-block-themeisle-blocks-form-5c3d9d99 .wp-block-button .wp-block-button__link:not(:hover) {
	width: fit-content;
}*/

/*.wp-block-themeisle-blocks-form .otter-form__container>div {
	width: fit-content;
}*/

.wp-block-themeisle-blocks-form .wp-block-themeisle-blocks-form-input .otter-form-input {
	color: #D5DAD3;
	font-family: Noto Sans;
	font-weight: 200;
}

:is(.wp-block-themeisle-blocks-modal,.wp-block-themeisle-blocks-popup) .otter-popup__modal_content {
	border-width: 0px;
}

#wp-block-themeisle-blocks-popup-b84a90ce .otter-popup__modal_content {
	bottom: 66px !important;
}

.wp-block-themeisle-blocks-form .o-form-server-response {
	padding: 0px;
}

:is(.wp-block-themeisle-blocks-modal,.wp-block-themeisle-blocks-popup) .otter-popup__modal_header button svg {
	transform: scale(2.25);
}

:is(.wp-block-themeisle-blocks-modal,.wp-block-themeisle-blocks-popup) .otter-popup__modal_header {
	padding-bottom: 14px;
}