/*
	Theme Name: Sana Child
	Theme URI: https://teso.io/themes/sana/
	
	Template: sana

	Author: Teso
	Author URI: https://teso.io

	Version: 1.0.0

	License: 
	License URI: 

	Description: Sana is designed to suit the needs of medical professionals from all fields of practice. By being preconfigured and optimized straight out of the box, this theme helps you set things up quickly and easily. The included custom Gutenberg blocks allow you to focus on your content, without the need for designing and coding. Use Sana to build and manage a professional website for your practice.
	Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

	Text Domain: tesoiosanachild
	Domain Path: /languages
*/

.forms-block--appointment .forms-block__form>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 3;
    grid-area: firstname
}

.forms-block--appointment .forms-block__form>:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    -ms-grid-column-span: 3;
    grid-area: lastname
}

.forms-block--appointment .forms-block__form>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-span: 3;
    grid-area: email
}

.forms-block--appointment .forms-block__form>:nth-child(4) {
    -ms-grid-column: 5;
    -ms-grid-row: 3;
    -ms-grid-column-span: 3;
    grid-area: phone
}

.forms-block--appointment .forms-block__form>:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    -ms-grid-column-span: 3;
    grid-area: message
}

.forms-block--appointment .forms-block__form>.form-submit-wrapper:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-row: 9;
    -ms-grid-column-span: 7;
    grid-area: send
}

.forms-block--appointment .forms-block__form>.form-status-message:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-row: 11;
    -ms-grid-column-span: 7;
    grid-area: status
}

.forms-block--appointment .forms-block__form{
grid-template-areas:
	"firstname firstname lastname lastname"
	"email	   email	 phone	  phone"
	"message   message	 message  message"
	"send	   send		 send	  send"
	"status	   status	 status	  status"
}

.content-small .block__inner{
	max-width:720px;
}


.hero-video{
	padding: 0px;
}

.hero-video-overlay{
	position: absolute;
    top: 0;
	background-color: transparent;
}

.hero-video-overlay .cover-block__inner{
	height: 65vh;
}

.hero-video .video-block__inner{
    height: 65vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.hero-video .teso-video-player,
.hero-video .video-wrapper{
	width: 100%;
	height:100%;
}

.hero-video .video-block__inner video{
	height: 100%;
	width:auto;
}

.no-padding{
	width: 100%;
	padding-top:60px!important;
	padding-bottom:60px!important;
}

.hero-image{
min-height: calc(100svh - var(--js-wpadminbar-height, 0px)):
}





.signature .block__inner .block__paragraph::after{
	content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-image: url(https://praxis-mihan-hafke.de/wp-content/uploads/2025/11/signature-2.png);
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
	margin: 2rem 0;
}

.no-padding{
	width: 100%;
	min-height: auto!important;
	padding-top:60px!important;
	padding-bottom:60px!important;
}

@media only screen and (max-width: 1280px) {
	.logo{
		height:60px;
	}
	
	.hero-image{
        background-size: cover;
        justify-content: start;
        align-items: start;
        background-position: center right;
	}
}

@media only screen and (max-width: 1024px)  and (orientation:landscape) {
	.hero-image{
		height: 140vh;
		background-size: cover!important;
		background-position: center right!important;
		background-image: url(https://praxis-mihan-hafke.de/wp-content/uploads/2025/12/Hero-2-tablet.jpg)!important;
	};
	
	.block__subtitle,
	.block__title{
		max-width: 50%!important;
	}
	
}

@media only screen and (max-width: 1024px) and (orientation:portrait) {
	.hero-image{
		padding: 120px 30px 0 30px!important;
		background-image: url(https://praxis-mihan-hafke.de/wp-content/uploads/2025/12/Hero-2-mobile.jpg)!important;
		height: 100vh!important;
	}
	
}


a.link-button,
.header__navigation-link{
	color: var(--color-negative);
	border-radius: 50px; 
	background-color: var(--color-main); 		
	display: block;
    text-decoration: none;
    padding: 0.8rem 1.5rem;
    border: 0;
    border-radius: 1000px;
    transition: box-shadow .2s linear;
    text-align: center;
    cursor: pointer;
}

.footer__main{
	justify-content: end;
}

.footer__main .widget-area{
	margin:0;
}

@media only screen and (max-width: 1024px){
	.hide-mobile{display:none!important;}
}