/*
 Theme Name:   GIULIA GRANIT 2025
 Description:  Child Theme
 Author:       Webherz Agentur
 Author URI:   httpw://www.webherz-agentur.de
 Template:     inspiro
 Version:      1.0
 Text Domain:  giulia-granit-2025
*/


@font-face { font-family: "Poppins"; src: url("webfonts/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: "Poppins Medium"; src: url("webfonts/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: "Poppins SemiBold"; src: url("webfonts/Poppins-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Poppins Bold"; src: url("webfonts/Poppins-Bold.ttf") format("truetype"); }
@font-face { font-family: "Poppins Black"; src: url("webfonts/Poppins-Black.ttf") format("truetype"); }

.custom-logo-link img { width: 221px !important; height: auto; }

.wp-block-cover.video_div .wp-block-columns { max-width: 1920px; }
.entry-content > .wp-block-columns, .entry-content > .wp-block-cover, .entry-content > .wp-block-group { padding: 6rem !important; }
.arrow { transition: all 300ms ease-in-out; }

body { font-family: "Poppins", "Inter", sans-serif !important; font-weight: normal !important; }
.playfair { font-family: "Poppins SemiBold", "Inter", sans-serif; font-size: 3.5rem !important; font-weight: normal !important; }
.entry-content h2.playfair { font-size: 3.2rem !important; font-family: "Poppins SemiBold", "Inter", sans-serif !important; font-weight: normal !important; }
.has-medium-font-size { font-family: "Poppins Medium", "Inter", sans-serif; font-weight: normal !important; line-height: 35px !important; }

#services b, #services strong { font-family: "Poppins Medium", "Inter", sans-serif !important; font-weight: normal !important; }
#services p { text-shadow: 1px 2px 3px rgba(0,0,0,0.5); line-height: 1.3 !important; }
#angebote p { text-shadow: 1px 2px 3px rgba(0,0,0,0.5); }

.page .entry-cover-image, .single .entry-cover-image { height: 600px !important; }
.page .entry-cover-image .entry-header, .single .entry-cover-image .entry-header { bottom: 5% !important; }

.wp-container-core-cover-is-layout-cab25e10 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1920px !important;
}

.metaslider.ms-theme-blend .flexslider ul.slides .caption-wrap .caption { font-size: 1.3em !important; }
.metaslider .caption-wrap { opacity: 1 !important; }

button { line-height: 0px !important; font-size:15px !important; }	
ul#menu-hauptmenue-1 > li > a { text-transform: uppercase !important; }


@media only screen and (min-width:782px) {
	body, button, input, select, textarea { 
		font-size: 16px !important;
	}
}


@media only screen and (min-width: 48em) {
	.inner-wrap { max-width: 1920px !important; }
}

@media only screen and (min-width:1280px) {
	.arrow:hover { transform:translateY(10px); }
}



@media only screen and (max-width:1920px) {
	body.home .entry-content .wp-block-cover#videoheader { padding-bottom: 0px !important; }
	body.home .entry-content .wp-block-cover#videoheader .wp-block-columns .wp-block-column { flex-basis: 60% !important; }
}

@media only screen and (max-width:1440px) {
	.entry-content h1.playfair { font-size: 2.5rem !important; }
}
@media only screen and (max-width:1280px) {
	.entry-content h1.playfair { font-size: 2.5rem !important; }
	.entry-content h2.playfair { font-size: 2.2rem !important; }	
	#videoheader p { font-size: 18px !important; line-height: 1.5; }
	.navbar-nav a { font-size: 14px !important; }
	.navbar-nav > li { margin: 0 0.5em !important; }
	.custom-logo-link img { width: 180px !important;}
}

@media screen and (max-width: 1080px) {
	.navbar-collapse, .navbar-nav > li > ul::before { display: none !important; }
	.side-nav .navbar-nav { display: block !important; }	
	.navbar-nav a { color: #fff !important; }
	ul#menu-hauptmenue { list-style: none !important; }
	ul#menu-hauptmenue  > li { 
	display: block !important;
    position: relative !important;
    float: none !important;
    margin: 10px 0 !important;
    padding: 0 0 5px!important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
	}
	
	ul#menu-hauptmenue li a { 
		font-size: 16px !important; 
		border: none !important;
    	padding: 4px 0!important;
    	margin: 7px 0!important; 
	}
	
	.navbar-nav > li.current-menu-item > a, .navbar-nav > li.current-menu-parent > a, .navbar-nav > li.current_page_item > a { color: #0bb4aa !important; }
	
	.side-nav .navbar-nav ul { margin-left: 20px !important; list-style: none !important; }
	.navbar-nav ul.sub-menu { transform: translate(0) !important; border-top: none; margin-top: 0px !important; }	
	.navbar-nav ul.sub-menu li { border: none !important; margin: 7px 0 !important; }
	ul#menu-hauptmenue li ul.sub-menu li a { color: #ccc !important; text-transform: normal !important; font-weight: normal; font-size: 14px !important; }
}

@media only screen and (max-width:1080px) {
	body.home .entry-content .wp-block-cover#videoheader .wp-block-columns .wp-block-column { flex-basis: 100% !important; text-align: center; }
	.wp-block-cover#videoheader .wp-block-buttons > .wp-block-button { margin: 0 auto; }
	.wp-block-cover#videoheader h1, .wp-block-cover#videoheader p { text-align: center; }
	.entry-content > .wp-block-columns, .entry-content > .wp-block-cover, .entry-content > .wp-block-group { padding: 30px !important; }
	.entry-content h2.playfair { font-size: 2rem !important; text-align: left !important; }
}

@media only screen and (max-width:810px) {
	body.home .entry-content .wp-block-cover#videoheader { padding: 30px !important; }	
	.entry-content h1.playfair { font-size: 1.8rem !important; }
	#videoheader p { font-size: 17px !important; line-height: 1.5 !important; }
	#videoheader .wp-block-spacer { height: 50px !important; }
}

@media only screen and (max-width:782px) {
	.wp-block-cover { min-height: 250px !important; }
}

@media only screen and (max-width:580px) {
	body.home .entry-content .wp-block-cover#videoheader { padding: 30px !important; }	
	.wp-block-cover#videoheader h1, .wp-block-cover#videoheader p { text-align: left; }
}