/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Icon Arrow größer und andere anpassungen für das mobile Menu*/
.slideout-navigation span.gp-icon.icon-arrow {
    margin-top: -5px;
}

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	font-size: 25px;
	font-weight: bolder;
	border-left: 5px solid rgba(255,255,255);
	
}

.slideout-navigation.main-navigation .main-nav ul ul li:has(span) a {
    line-height: 30px;
}

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    display: flex;
}

 .slideout-menu li.menu-item-has-children > a > .dropdown-menu-toggle{
    position:absolute;
    right: 0;
    top: 0;
}

.slideout-menu li.menu-item-has-children > a {
    padding-left: 0 !important;
}




/*
Damit der slider ganz oben ist sowohl desktop, als auch mobil
*/

main#main {
    margin: 0;
}
.inside-header.grid-container {
    padding: 0;
		
}

/*
Im Footer soll die Anmeldebox die ganze Breite bei mobil einnehmen
*/
@media screen and (max-width: 1024px) 
{
  .site-footer #wp-members 
	{
  	width: 100%;
  }
	
}

/*Anmelden-Box Startseite 100%*/
.container_main_right .button_div {
	width: 100% !important;
}
.container_main_right .div_text {
	width: 100% !important;
}
.container_main_right .link-text {
	width: 100% !important;
}



/*Den Back to Top Button etwas verschieben */

@media screen and (max-width: 768px) 
{
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 100px; /* 30px from the bottom of your screen */
    right: 15px; /* 30px from the left of your screen */
}

	.inside-top-bar {
		padding-left: 0px!important;
		padding-right: 0px!important;
	} 
	.top-bar .inside-top-bar>.widget {
		margin: 0px!important;
	}
}
@media screen and (min-width: 769px) 
{
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 100px; /* 30px from the bottom of your screen */
    right: 35px; /* 30px from the left of your screen */
}
}

/*Shopping Cart ausblenden, wenn leer*/

.mobile-bar-items.wc-mobile-cart-items:not(.has-items),
.main-navigation .wc-menu-item:not(.has-items) {
    display: none;
}



/*Abstand Preis von Titel*/
.entry-title {
  margin-bottom: 20px;
}

/*Kallender in woocommerce appointments
*/
/* Previous/Next month arrow */
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-next, 
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-prev {
	background-color: var(--fhblue) !important;
}

/* Previous/Next month arrow hover */
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover {
	background: var(--accent) !important;
}

/* Selected day */
.wc-appointments-date-picker .ui-datepicker td.ui-datepicker-current-day a
{
	background-color: var(--fhblue) !important;
}
.wc-appointments-date-picker .ui-datepicker td.ui-datepicker-current-day a:hover {
	background-color: var(--accent) !important;
}

/* Available calendar days */
.wc-appointments-date-picker .ui-datepicker td.appointable a {
	color: #000000 !important;
}



/*Ausgewählte Tage*/
.wc-appointments-date-picker .ui-datepicker td.ui-datepicker-selected-day {
    background-color: rgba(79, 158, 212, .5) !important;
    opacity: 1 !important;
}

/*Radiobuttons und Checkboxen mittig*/
@media screen and (max-width: 768px) /*mobile*/
{
		.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-radio {
		margin: 5px;
	}
	.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-checkbox {
		margin: 5px;
	}
}
@media screen and (min-width: 769px) /*Desktop*/
{
		.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-radio {
		margin: 8px;
	}
	.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-checkbox {
		margin: 8px;
	}
}
/*price info*/
div.wc-appointments-appointment-cost.price
{
	color: var(--fhblue) !important;
}

/*Sternchen für required nicht rot
 */ 
.woocommerce form .form-row .required {
    color: var(--faorangelight) !important;
}

/*Ausfüllen pflicht orange*/
.wc-pao-validation-notice {
	color: var(--faorangedark) !important;
}

/*Preis blue shop übersicht*/
.woocommerce ul.products li.product .price {
	color: var(--fhblue) !important;
}
/*Preis blue shop einzelprodukt*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: var(--fhblue) !important;
}

/*Die Anzahl Produkte in einer Kategorie nicht gelb*/
mark {
  text-decoration: none;
  background: none;
  color: var(--fhblue);
}

/*Im Warenkorb Element entfernen*/
.woocommerce a.remove {
  color: var(--faorangelight) !important;
}

.woocommerce a.remove:hover {
	background: var(--faorangedark) !important;
	color: var(--base-3) !important;
}

/*Bei einer Fehlermeldung die Link-Farben ändern, dass man sie sieht*/
.woocommerce-error a {
	color: var(--base-3) !important;
}

.woocommerce-error a:hover {
	color: var(--fadarkblue) !important;
}
.wc-forward:hover {
	color: var(--fadarkblue) !important;
    background: var(--base-3) !important;
}

.woocommerce-info a:hover {
	color: var(--fadarkblue) !important;
}

.checkout-button:hover {
	background: var(--fadarkblue) !important;
	color: var(--base-3) !important;
}

#customer_details+#wc_checkout_add_ons, #order_review, #order_review_heading {
    width: 100% !important;
}

 

/*Blocksatz ganze seite*/
p { 
	line-height: 22px;
	margin: 0 0 22px 0;
	text-align: justify;
}

/*Left Sidebar Sticky und auf mobile disable*/
@media (min-width: 769px) {
    .inside-left-sidebar {
        position: sticky;
        top: 45px;
				/*z-index: 0;*/
		}
}
@media(max-width: 768px) {
    #left-sidebar {
        display: none;
    }
}

/*Im Warenkorb anpassen, dass die Angaben auf der richtigen Höhe sind*/
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
  line-height: 28px;
}


/*"Deine Bestellung" soll links stehen*/
#customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading 
{
  float: left !important;
}

/*Some CSS to reduce general table padding and optionally reduce the font size
 * https://generatepress.com/forums/topic/alignement-of-product-description-in-woocommerce-cart/#post-2599425*/
.woocommerce table.shop_table td, .woocommerce table.shop_table th 
{
  padding: 10px 5px !important;
  font-size: 16px !important;
}

/*Considering those issues on the Checkout page, it may make sense to change the table layout to a stack */
.woocommerce-checkout-review-order-table tr {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout-review-order-table th.product-total {
  display: none;
}

.woocommerce-checkout-review-order-table tr.cart-subtotal {
	display: none;
}

.woocommerce-checkout-review-order-table td.product-total {
  font-weight: bold;
  font-size: 1.2em;
	text-align: right;
  border-bottom-width: 4px;
}

/*Rand vor Gesamtsumme*/
.woocommerce-checkout-review-order-table tr.order-total::before {
    content:"";
    height: 5px;
    background-color: var(--fhblue);
    position: static;
}


/*stack the image above the description*/
.woocommerce table.shop_table td.product-name div {
    float: none;
}

/*Prudukt-Beschreibung mittig*/
.wc-block-featured-product__description p{
	text-align: center;
}

/*Tax-Info mittig*/
.wc-gzd-additional-info-loop.tax-info {
	text-align:center;
}

/*versandkosten mittig*/
.wc-gzd-additional-info.wc-gzd-additional-info-loop.shipping-costs-info {
	text-align:center;
}

/*Lieferzeit mittig*/
.wc-gzd-additional-info.delivery-time-info.wc-gzd-additional-info-loop {
	text-align:center;
}

/*Bewertung mittig*/
.wc-gzd-additional-info.wc-gzd-additional-info-loop.wc-gzd-rating-authenticity-status.is-verified {
	text-align:center;
}

/*mobile menü balken mittig und länger*/
.slideout-navigation.main-navigation .main-nav ul li a 
{
	width: 100%;
}
.main-navigation .main-nav ul li.menu-item-has-children > a 
{
	width: 100%;
}
.slideout-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a
{
	width: 100%;
}

/*Eigene Font im Slider*/
@font-face {
    font-family: 'BerlinSans';
    src: url('https://www.flyairea.com/wp-content/Fonts/BRLNSDB.TTF');
}

/*Woocommerce appointments Dash unten nicht in Button*/
.woocommerce div.product form.cart div.quantity {
	margin: 40px 10px 0 0;
}

.woocommerce div.product form.cart .button {
	margin: 43px 10px 0 0;
}

/*Tabelle in Kasse andere Farben*/
.woocommerce table.shop_table td {
    background-color: #e8f5ff !important;
}

.woocommerce table.shop_table th {
    background-color: #4f9ed4 !important;
}

/*Navigation Logo links, rest zentriert*/
@media(min-width: 1200px) {
    #primary-menu {
        margin-inline: auto;
    }
}


/*Mobile-Menu-X rechts*/
.slideout-navigation.do-overlay .slideout-exit {
  font-size: 30px;
	font-weight: bold;
  margin-left: auto;
}

/*main container column*/
@media (max-width:1124px) {
	.container_main {
		flex-direction: column;
	}
}


/*footer als column darstellen auf tablett, weil sonst zu breit*/
@media (max-width:1024px) {
    .inside-footer-widgets {
        flex-direction: column;
    }
	.footer-widget-1 {
		margin-bottom: 25px;
	}
	.footer-widget-2 {
		margin-bottom: 25px;
	}
}

/*partner container column*/
@media (max-width:1024px) {
	.container_partner {
		flex-direction: column;
	}
}

/*Signature Pads Elemente unten*/
.ff-el-signature__actions-hint.fluentform-signature-hint {
    color: var(--fadarkblue);
}

.fluentform-signature-pad-actions svg {
    fill: var(--fadarkblue) !important;
		}
}

/*Shadow Menu
.main-navigation {
    position: relative;
	  z-index: 100;
}
*/
.main-navigation .inside-navigation {
	/*box-shadow: 0px 10px 10px 5px rgb(97 71 53 / 80%);
	z-index: 10;*/
	background-color: var(--fadarkblue);

	/*box-shadow: 2px 10px 15px 0px rgba(253,138,57,.7);*/
}
/*
.main-navigation,
.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 2px 10px 15px 0px rgba(0,0,0,.7);
}
*/

/*Hervorgehobenes Produkt Button Abstand*/
.wp-block-button__link {
	margin-top: 10px;
}

/*Payment Info Fett auf Kassenseite*/
.extra_payment_info {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-weight: bold;
	color: var(--faorangedark);
}

/*
.filteraccordion {
	position: sticky;
	top:20px;
	z-index: 5;
}*/

/*Mini-Cart im Menü Button Hover anders*/
  
#wc-mini-cart .button:hover {
    background-color: var(--fadarkblue) !important;
    color: var(--base-3) !important;
}

/*Kassen-Seite Länderauswahl gleich, wie andere Felder*/

.select2-container .select2-selection--single {
	height: 45px !important;
	border: 1px solid !important;
	border-radius: 4px;
}

.select2-selection__rendered {
	padding-top: 1px !important;
}

/*woocommerce zahlungsfelder nicht ineinander*/
#payment .payment_methods>.wc_payment_method>label
{
	display: block !important;
}

/*Wetterseite weatherlink-content links
@media screen and (min-width: 1200px) 
{
	.weatherlink-station {
    justify-content: left;
    display: flex;
    flex-wrap: wrap;
	}
}
*/

/*woocommerce image everywhere bigger*/

.inside-wc-product-image, .inside-wc-product-image img  {
    width: 100% !important;
	  
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products li.product a img {
        
        padding: 18px;
        
    }
}

/*Neue Startseite*/
.site-footer {
    background-color: var(--fadarkblue);
    z-index: 2;
    position: relative;
}

.main-navigation {
    position: relative;
	  box-shadow: 0px 10px 10px 5px rgb(97 71 53 / 80%) !important;
}

.sbi_feedtheme_header_text h3 {
    color: var(--fhblue);
}