/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
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:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

 /*======== Root-Einstellungen fuer Farben bg_color und c_primary ========*/

 :root {
	--color-primary: #FFDE00;
	--color-primary-light: #fff8cc;
	--color-secondary: #FF9900;
	--color-secondary-light: #FFD899;
	--color-dark: #333333;
	--color-white: #FFFFFF;
	--color-grey: #f0efed;

}

/* ============ Allgemein - Sari Bohnenberger ============ */


html,body, button {
  font-family: 'ClanWebPro', Arial, sans-serif !important; /* Schriftart */
  font-weight: 400 !important;
}

/* ============ Schriften ============ */

h1 {
	font-family: 'ClanWebPro', Arial, sans-serif !important; /* Schriftart */
	font-weight: 800 !important;
	padding-top: 30px;
}

h2 {
  font-family: 'ClanWebPro', Arial, sans-serif !important; /* Schriftart */
  font-weight: 700 !important;
  text-align: center;
}

.vfnm-cover h2 {
	font-size: 2.5rem !important;
}

h3, h4 {
  font-family: 'ClanWebPro', Arial, sans-serif !important; /* Schriftart */
}


.entry-header .entry-title, .woocommerce-products-header
{
    padding-top: 0 !important;
    display: none;
}
.vfnm-test > .storefront-breadcrumb {
	display:none;
}
/* ============ Farben ============ */
.c_primary {
	color: var(--color-primary) !important;
}

.c_primary-light {
	color: var(--color-primary-light) !important;
}

.c_secondary {
	color: var(--color-secondary) !important;
}

.c_secondary-light {
	color: var(--color-secondary-light) !important;
}

.c_dark {
	color: var(--color-dark) !important;
}

.c_white {
	color: var(--color-white) !important;
}

.bg_primary {
	background-color: var(--color-primary) !important;
}

.bg_primary-light {
	background-color: var(--color-primary-light) !important;
}

.bg_secondary {
	background-color: var(--color-secondary) !important;
}

.bg_secondary-light {
	background-color: var(--color-secondary-light) !important;
}

.bg_dark {
	background-color: var(--color-dark) !important;
}

.bg_grey {
	background-color:var(--color-grey) !important;
}

.mx-3 {
	margin-left: .3rem !important;
	margin-right: .3rem !important;
}

.px-3 {
	padding-left: .3rem !important;
	padding-right: .3rem !important;
}


/* ============ Allgemein - Buttons ============ */

/*.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
	color: var(--color-dark) !important;*/
}

.button-vfnm-dark a {
	background-color: none !important;
	color: var(--color-dark) !important;
	border: solid var(--color-dark) !important;
}

.button-vfnm-dark:hover a:hover {
	color: var(--color-dark) !important;
	background-color: rgba(0,0,0,0.1) !important;
}

.button-vfnm-white a {
	background-color: none !important;
	color: var(--color-white) !important;
	border: solid var(--color-white) !important;
}

.button-vfnm-white a:hover {
	color: var(--color-white) !important;
	background-color: rgba(255,255,255,0.2) !important;
}


.product .wp-block-buttons {
	justify-content: center !important;
}

.wp-block-buttons .button-vfnm-center {
	justify-content: center !important;
}

.margin-bottom-null {
	margin-bottom: 0px !important;
}

.f_bold {
	font-weight: 900 !important;
}

a {
	text-decoration: none !important;
}


footer a:hover {
	color: var(--color-dark) !important;
	text-decoration: underline !important;
}

/* ============ Navigatoinsleiste ============ */

.site-header {
	opacity: 1;
	position: fixed;
	top: 5;
	right: 0;
	left: 0;
	z-index: 1030;
    border-bottom: solid .5px #BABABA;
    box-shadow: 0px 10px 8px -7px rgba(80, 80, 80, 0.3);
	font-weight: 600;
	padding: 1em 0 0 0;
    margin-bottom: 0 !important;
}
.sp-header-span-12 {
	padding: 0.5em 0;
}
.site-logo {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
} 
#vfnm-sitestart {
	margin-top: 80px !important; 
}
.site-header .site-branding img {
	max-width: 200px !important;
}


.sub-menu {
	padding: .4em 1.41575em !important;
	font-weight: 400;
	font-size: 1em;
}

.menu-item-has-children > a::after {
	display: none !important;
}
.primary-navigation a {
	padding: 0.8em 1em !important;
}

.site-header-cart .menu {
	font-weight: 400;
}

.site-header-cart .cart-contents::after {
	display: none;
}

.widget_shopping_cart_content {
	font-weight: 400;
	display: none;
}

.site-search {
	width: auto;
}

.sp-header-active .sp-header-pre-4 {
	margin-left: 17% !important;
}

.p-header-pre-4 .p-header-span-2 {
	width: auto;
}

.widget_product_search {
	padding: 1.9em 0;
	width: 20em;
}

.search-field {
	border-radius: 5px;
}

#woocommerce-product-search-field-0 {
	background-color: white;
	border: solid .5px whitesmoke;
}



/* ============ Allgemein - Struktur ============ */

.wp-image-675 {
	margin: 0 Auto;
}

.wp-image-676 {
	margin: 0 auto;
}

.vfnm-section {
	margin-bottom: 20px !important;
	padding: 40px 40px !important;
}

.storefront-breadcrumb {
    padding: 3em 0 2em 0 !important;
    margin-bottom: 1em !important;
	background-color: #feed01;
	margin-top: 130px;
}

.right-sidebar .content-area {
	width: 100%;
}



/*== Kategorien-Design ==*/

.vfnm-product {
    height: 350px;
    flex-direction: column;
    padding: 1.5rem !important;
    border-radius: 4px !important;
    box-shadow: 0px 3px 10px 3px rgba(80, 80, 80, 0.42) !important;
    transition: .3s;
}

.vfnm-product:hover {
    box-shadow: 0px 7px 10px 8px rgba(80, 80, 80, 0.42) !important;
}

.wc-block-grid__products {
    gap: 20px;
}

.wc-block-grid__product {
    display: flex;
    flex-direction: column;
    padding: 1.5rem !important;
    border-radius: 4px !important;
    box-shadow: 0px 3px 10px 3px rgba(80, 80, 80, 0.42) !important;
    transition: .3s;
}

.wc-block-grid__product:hover {
    box-shadow: 0px 7px 10px 8px rgba(80, 80, 80, 0.42) !important;
}

.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product {
    max-width: 100%;
}

.wc-block-grid__product-add-to-cart {
    margin-bottom: 0 !important;

}

.vfnm-cta-banner {
    padding: 0 !important;
	margin-bottom: 30px !important;
	border-radius: 4px;
}

.wp-block-media-text__content {
	padding: 8% !important;
}

.cta-banner-heading {
	padding: 0 !important;
}

.wp-block-media-text__media {
	border-radius: 0 4px 4px 0;
}

/*== Kategorie Design ==*/

.woo-cs .slick-track .slick-slide {
    height: 300px;
}

.woo-cs .woo-cs-cat-details {
    background-color: #00000056 !important;
    color: black !important;
}

.woo-cs .woo-cs-cat-details p {
    display: none;
}

.woo-cs-cat-button {

    background-color: #000000 !important;
    color: var(--color-primary) !important;
    border: none !important;
    padding: .6180469716em 1.41575em !important;
}

.woo-cs-cat-button:hover {

    background-color: var(--color-primary) !important;
    color: var(--color-dark) !important;

}


/*== Merkmale Produktdetail ==*/
.vfnm-wrapper {
	--auto-grid-min-size: 16rem;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	gap: 20px;
	margin-top: 4.5rem;
}

.vfnm-product-card h2, .vfnm-product-col12 .yikes-custom-woo-tab-title {
	display: none;
}

.vfnm-product-card h3 {
	margin-top: 1.5em;
}

.vfnm-product-card ul {
	margin-left: 15px;
}

/*== Container ==*/

.vfnm-container {
	padding: 2.5em 0 !important;
	margin-top: 4.235801032em;
	border-top: 3px solid var(--color-primary) !important;
	border-bottom: 3px solid var(--color-primary) !important;
}

/*== Teamseite ==*/

.team-member-wrapper {
	margin-bottom: 20px;
}

.team-member {
	column-gap: 0px !important;
	row-gap: 0px !important;

}

.team-member figure {
	margin-bottom: 0;
	overflow: hidden;
}

.team-member h3 {
	margin-bottom: 10px;

}

.team-member p {
	margin-bottom: 0;
}

.team-member img {
	transition: .4s;
}

.team-member img:hover {

	transform: scale(1.1);
}

.required {
	color: var(--color-dark);
}

/*== Service-Seite ==*/

.uagb-icon-list__wrap {
	padding: 1rem;
}


.wp-block-uagb-icon-list-child.service-list:hover {
	text-decoration: underline;
}



/* ============ FOOTER ============ */

.site-footer {
    padding-top: 1.5rem !important;
    padding-bottom: 0 !important;
}

.uagb-container-inner-blocks-wrap {
	align-items: flex-start !important;
	--inner-content-custom-width: min( 100%, 900px) !important;
}

.sfb-footer-bar {
	border-top: 0.5px solid #c3c3c3;
    border-bottom: 0.5px solid #c3c3c3;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.sfb-footer-bar p {
	margin-bottom:0;
}

.wp-block-uagb-container {
	row-gap: 2em;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

footer .widget {
    margin-bottom: 1.5em;
}

.footer-widgets {
    padding-top: 0 !important;
}

.is-style-none table, .is-style-none td{
	border-style: none !important;
	background-color: transparent !important;
	padding-left:0px !important;
	padding-top:0px !important;
}
.is-style-none img {
	width: 70px !important;
}

.site-footer h3, .sfb-footer-bar h3 {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: -10px;
}

.site-footer, .sfb-footer-bar, .widget_block, .widget_block a {
	font-size: 13px;
	line-height: 20px;
	color: var(--color-dark) !important;
}
#block-58 a::before, #block-38 a::before {
	content: "» ";
}

.site-info {
    padding: 3px;
}
.site-info::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.5px;
	left: 0;
	background: #c3c3c3;
	margin-top: -4px;
}

/* ============ Media-Query ============ */

@media (min-width: 576px ) { 
	
	.vfnm-product {
		width: 48% !important;
		height: 350px;
	}

}

@media (min-width: 768px ) {
	/*.wp-block-themeisle-blocks-icon-list {
		display: grid;
		justify-content: center;
	}*/
	
	.site-header .site-branding img {
	max-width: 200px !important;
}

	h1, h2, h3 {
		margin-bottom: 20px;
	}

	h2 {
		text-align: left;
	}

	.sub-menu {
		display: none !important;
	}
	
	.vfnm-column-img-left {
		margin-bottom: 20px !important;
	}
	
	.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product {
    max-width: 30% !important;
	}

	/*.vfnm-kontakt-h3 {
		text-align: center;
	}

	.vfnm-column-text h3 {
		text-align: center;
	}

	.vfnm-column-text p {
		text-align: left;
	}*/

	.vfnm-column-text {
		text-align: left;
	}

	.btn .btn-primary .btn-block {
		padding: 10px;
	}
	
	.vfnm-product {
		height: 300px;
	}
	

	/*FOOTER*/

	.col-full {
		max-width: 900px;
	}
}

@media (min-width: 992px) {
	#vfnm-sitestart {
	margin-top: 180px !important; 
}

	/*Fonts*/
	h2 {
		text-align: left;
	}
	
	.vfnm-cover h2 {
	font-size: 3.5rem !important;
}

	h6 {
		font-size: var(--h6FontSize);
	}

	.vfnm-column-text h3 {
		text-align: left;
	}

	/*Button-Kontaktformular*/

	.btn .btn-primary .btn-block {
		padding: var(--primaryBtnPadding,13px 15px);

	}
	
	/* Buttons-direction*/
	.wp-block-buttons {
		justify-content: flex-start;
	}

	.button-vfnm-center {
		justify-content: center !important;
	}

	/*Section*/

	.vfnm-header {
		max-height: 80vh !important;
		background-position: 57% 40% !important;
		margin-bottom: 40px;
	}

	.vfnm-section {
		padding: 40px 0px !important;
	}

	.vfnm-section .wp-block-uagb-container {
		row-gap: 0;
		column-gap: 0;
	}
	
	.vfnm-column-img-left {
		padding: 0px 0px 0px 0px !important;
		flex-basis: 50% !important;
		margin: 0px 20px 0px 0px !important;
	}
	
	.vfnm-column-img-right {
		padding: 0px 0px 0px 0px !important;
		flex-basis: 50% !important;
		margin: 0px 0px 0px 20px !important;
	}
	
	.vfnm-column-text-left {
		text-align: left;
	}

	/*Flip-Card*/
	.flip-card {
		background-color: transparent;
		width: 100%;
		height: 485px;
		-webkit-perspective: 1000px;
				perspective: 1000px;
		margin-top: 2rem;
	}
	
	/*Service-Seiten*/
	.uagb-icon-list__wrap {
	padding-left: 0;
}
	

	/*Für die Anpassung der Überschrift der Karten auf strompreis-service*/
	.has-large-font-size {
		font-size: 30px;
	}

	/*Google-Maps*/
	.vfnm-maps  {
		height: 350px;
		width: 75% !important;
	}

}