/*!
Theme Name: Dr. Evi
Theme URI: https://them.es/starter
Author: Contento Interactive Group
Author URI: https://contentointeractivegroup.com/
Description: Custom boostrap theme for Dr. Evi
Version: 3.5.3
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: dr-evi
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Dr Evi Styles */
* {
	transition: all .5s;
}

body, html, p, li, ol, ul, .regular, * {
	font-family: "indivisible-variable", sans-serif;
	font-weight: 400;
	font-variation-settings: "wght" 400;
	font-style: normal;
	font-size:20px;
}

h1, h2, h3, h4, h5, h6, .medium {
	font-family: "indivisible-variable", sans-serif;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	font-style: normal;
}
.light {
	font-family: "indivisible-variable", sans-serif;
	font-weight: 300;
	font-variation-settings: "wght" 300;
	font-style: normal;
}
h1, #contact h2 {
	color: #004D06;
	font-size: 128px;
	font-size:110px; 
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 90%; /* 115.2px */
	letter-spacing: -6.4px;
}
h2 {
	color: #000;
	font-size: 45px;
	font-size:44px;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 90%; /* 43.2px */
	letter-spacing: -1px;
}
h3 {
	font-size: 24px;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 100%; /* 26px */
	letter-spacing: -1px;
}
h4 {
	font-size: 22px;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	line-height: 100%; /* 24px */
	letter-spacing: -0.72px;
}
p {
	font-size: 20px;
	font-weight: 400;
	font-variation-settings: "wght" 400;
	line-height: 140%; /* 33.6px */
}
p.small {
	font-size: 17px;
	font-weight: 300;
	font-variation-settings: "wght" 300;
	line-height: 140%; /* 28px */
}
#menu-mainmenu li a {
	font-size:16px;
	padding-right: 20px;
}
.pull-right a {
	font-size:16px;
}

.green-bkg a, .dark-green-bkg a {color:#fff;}
.green-bkg a:hover{color:#fcfcee;}
.green {
	color:#004d06
}
.green-bkg {
	background-color:#004d06
}
.neutral {
	color:#fcfcee;
}
.neutral-bkg {
	background-color:#fcfcee;
}
.dark-green {
	color:#002b03;
}
.dark-green-bkg {
	background-color:#002b03;
}
.yellow {
	color:#fdb814;
}
.yellow {
	background-color:#fdb814;
}
.yellow-btn {
	border-radius: 46px;
	border-bottom: 3px solid var(--fcfcee, #FCFCEE);
	background: linear-gradient(0deg, #FDB81A 0%, #FDB81A 100%), #FFF;
	display: inline-flex;
	padding: 12px 40px 9px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: #FFF;
	text-align: center;
	font-family: "indivisible-variable", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 110%; /* 22px */
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.yellow-btn:hover, .yellow-btn:active {
	border-radius: 46px;
	color:#000;
	border-bottom: 3px solid #000;
	background: linear-gradient(0deg, #FDB81A 0%, #FDB81A 100%), #FFF;

}
.green-btn {
	background-color:#004d06;
	color:#fff;
	text-align: center;
	font-family: "indivisible-variable", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variation-settings: "wght" 600;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 110%; /* 22px */
	letter-spacing: 0.4px;
	text-transform: uppercase;
	display: inline-flex;
  	padding: 12px 40px 9px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 46px;
	border-bottom: 3px solid var(--fdb-81-a, #FDB81A);
	background: linear-gradient(0deg, #004D06 0%, #004D06 100%), #FFF;
	max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.green-btn:hover, 
.green-btn:active {
	color:#fdb814;
	border-radius: 46px;
	border-bottom: 3px solid var(--fdb-81-a, #FDB81A);
	background: linear-gradient(0deg, #004D06 0%, #004D06 100%), #FFF;
} 
.lang-btn-english {
	display: inline-flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 15px 15px 15px 0px;
	background: var(--fcfcee, #FCFCEE);
	color:#004D06 !important;
	height:46px;
	font-size:15px;
	font-weight:500;
	font-variation-settings: "wght" 500;
}
#name-logo {
	width:100%;
	max-width:250px;
}
#logo-icon {
    max-width: 100%;
    width: 60px;
    height: auto;
}
#header2{
	padding-top:0px;
	padding-bottom:0px;
}
.book-appointment-btn {
	display: inline-flex;
	padding: 5px 0px;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	font-variation-settings: "wght" 500;
	line-height: 110%; /* 17.6px */
}
.book-appointment-btn:hover, .book-appointment-btn:active {
	border-color:#fff;
}
#header.green-bkg {
	padding-top:15px;
	padding-bottom:18px;
}
#hi {
	text-align:center;
	padding-top:174px;
	padding-bottom:4px
}
#hi p , #hi span {
	color: #004D06;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	font-variation-settings: "wght" 400;
	line-height: 110%; /* 30.8px */
	margin-bottom:10px;
}
#drevi {
	padding-bottom:77px;
	padding-top:50px;
}
#services {
	padding-top:57px;
	border-radius: 35px 35px 0px 0px;
	position:relative;
}
#services p {
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	font-variation-settings: "wght" 300;
	line-height: 140%; /* 28px */
	margin-bottom:80px;
	padding-left:10px;
	padding-right:10px;
}
#services h3 {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
    font-variation-settings: "wght" 400;
	line-height: 100%; /* 26px */
	letter-spacing: -1.04px;
}
#services svg {
    position: absolute;
    top: -15px;
    left: -45%;
}
#services .col-sm-4 {
	padding-bottom:80px;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}
#services .col-sm-4 img {
	margin-top:5px;
}
.quote {
	text-align:center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	font-variation-settings: "wght" 300;
	line-height: 140%; 
}
#quotewdot {
	position:relative;
}
#quotewdot svg {
	position:absolute;
	left:26px;
	top:26px;
}
#hi .hi-wrapper{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:400px;
}
#hi .hi-wrapper svg {
	position:absolute;
	left:0px;
}
#logo-language .container {
	padding-top:7px;
	padding-bottom:8px;
}
#first-quote-slider-block {
	border-radius: 30px 30px 30px 0px;
	height:325px;
	padding-left:45px;
	padding-right:65px;
} 
#secondquote-slider-block {
	border-radius:30px 0px 0px 30px;
	height:355px;
	padding-left:66px;
	padding-right:64px;
}
#drevi img.headshot {
	max-width:100%;
	height:auto;
	border-radius:0px 35px 35px 0px; 
	margin-left:-1.5rem;
	margin-bottom:73px;
}
#whatis {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:104px;
}
#whatis h3 {
	font-size:22px;
}
#philosophy {
    padding-top: 88px;
}
#philintro h2 {
	margin-bottom:15px;
}
h2#webelieve {
	font-weight:500;
	margin-bottom:22px;
}
h3#webelieve {
	margin-bottom:39px;
}
h2#contactfont {
	color:  #FCFCEE;
	font-size: 128px;
	font-size:110px; 
	font-weight: 500;
	line-height: 90%; 
	letter-spacing: -6.4px;
}
#contact p, #contact p a {
	font-size: 20px;
	font-weight: 300;
	font-variation-settings: "wght" 300;
	line-height: 140%;
}
#mobile-image-keep {
	display:block;
}
.slider .d-flex {
	height:325px;
}
.slider2 .d-flex {
	height:355px;
}
#first-set-of-quotes .dark-green-bkg {
	border-radius: 30px 30px 30px 0px; 
	padding-left:40px;
	margin-bottom:0px;
}
#quotewdot .dark-green-bkg {
	padding-right:40px;
	border-radius:30px 0px 0px 30px
}
#quotewdot #second-quote-slider-block{
	border-radius:30px 0px 0px 30px;
	padding-left:66px;
	padding-right:64px;
}
#philabout {
	padding-right:40px;
}
#philabout h3 {
	margin-top:87px;
	margin-bottom:22px;
}
#philabout p.first {
	
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:focus, .nav-link:hover {
	color:#fff;
}
#learn h2 {
	margin-bottom:20px;
}
#evi-working-patient {
	background-image:url(/wp-content/themes/dr-evi/img/EE_9082_www.hannelore-kirchner.com_2024.jpg); 
	background-size:cover;
	background-position:center center;
	min-height:650px;
	border-radius:0px 30px  30px 0px;
	margin-bottom:60px;
}



@media screen and (min-width: 576px){
	.container {max-width:767px;}
}

@media screen and (min-width:767px){
	.container {max-width:1454px}
}



@media screen and (max-width:1280px){
	h1, #contact h2 {
		font-size: 90px;
		letter-spacing: -4.5px;
	}
	.quote{
		font-size: 24px;
	}
}

@media screen and (max-width:1215px){
	
}

@media screen and (max-width:950px){
	h1, #contact h2  {
		font-size: 70px;
		letter-spacing: -3.5px;
	}
	.quote{
		font-size: 20px;
	}
}

@media screen and (max-width:767px){
	.mobile25 {
		margin-bottom:25px;
	}
	.mobile67 {
		margin-bottom:67px;
	}
	.mobile30 {
		margin-bottom:30px !important;
	}
	.mobileonly {
		display:none;
		}
	#logo-icon, #logo-icon-2 {
		width:45px;
		height:40px;
	}
	#name-logo, #name-logo-2 {
		max-width:200px;
		height:auto;
	}
	#mobile-navbar a {
		font-size: 24px;
        font-weight: 300;
        font-variation-settings: "wght" 300;
	}

	.bt-close {
		background-color: rgba(255, 255, 255, .7);
    	border-radius: 20px;
	}
	.bt-close:hover {
		background-color: rgba(255, 255, 255, 1);
	}
	#logo-language .col-md-6 {
		display:flex;
		justify-content:start;
		align-items:center;
	}
	#hi p {
		font-size:18px;
	}
	.navbar-toggler:focus {
		box-shadow:none!important;
	}
	#logo-language .container {
		padding-top:0px;
		padding-bottom:0px;
	}
	#header.green-bkg {
		justify-content:center;
		padding-top:0px;
		padding-bottom:0px;
	}
	#header.green-bkg button {
		border:none!important;
	}
	#services svg {
		left: -210px;
		top:-30px;
	}
	#hi {
		padding-top:71px;
		padding-bottom:4px
	}
	#drevi {
		padding-top:20px;
		padding-bottom:47px;
	}
	#drevi img.headshot {
		margin-bottom:36px;
		max-width:105%;
	}
	#services {
		margin-top:52px;
		padding-top: 64px;
		margin-bottom:0px;
	}
	#services img {
		display:none;
	}
	#services p {
		margin-bottom:40px;
		padding-left:8px;
		padding-right:8px;
		font-size:16px;
	}
	#whatis {
		padding-top:64px;
	}
	#philosophy {
    	padding-top: 60px;
	}
	#philosophy #philintro {
		padding-left:8px;
	}
	h2#webelieve {
		font-weight:400;
		margin-bottom:20px;
	}
	p.small {
		font-size: 17px;
	}
	h2#contactfont {
		font-size: 60px;
		font-weight: 500;
		line-height: 90%; 
		letter-spacing: -3px;
		margin-bottom: 30px;
	}
	#contact p {
		font-size: 18px;
		font-weight:400;
	
	}
	#mobile-image-keep {
		display:block;
		border-radius:35px 35px 35px 0px;
	}
	#whatis p {
		font-size:16px;
	}
}

@media screen and (max-width:540px){
	.mobileonly {
		display:block;
	}
	
	#hi .hi-wrapper svg {
		left: 10px;
		top: -5px;
	}

	h1, #contact h2 {
		font-size: 50px;
		font-style: normal;
		font-weight: 500;
		font-variation-settings: "wght" 500;
		line-height: 90%; /* 115.2px */
		letter-spacing: -2.5px;
	}
	h2 {
		font-size: 30px;
		font-weight: 500;
		font-variation-settings: "wght" 500;
		line-height: 110%; /* 33px */
		letter-spacing: -0.9px;
	}
	h3 {
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		font-variation-settings: "wght" 500;
		line-height: 100%; /* 24px */
		letter-spacing: -0.72px;
	}
	p.small {
		font-size: 16px;
		font-weight: 400;
		font-variation-settings: "wght" 400;
		line-height: 140%; /* 22.4px */
	}
	.quote{
		font-size: 18px;
	}
	#first-quote-slider-block {
		height:222px;
	}
	#secondquote-slider-block {
		height:248px;
	}
	#drevi img.headshot {
		margin-bottom:36px;
		max-width:110%;
	}
	#services {
		margin-top:32px;
	}
	
	.navbar-toggler {
		border:0px !important;
	}
	.navbar-toggler svg {
		width:80%;
	}
	nav {
		padding-top:0px;
		padding-bottom:0px;
	}
	#services svg {
		left: -150px;
		top: -35px;
	}
	.slider .d-flex {
		height:225px;
	}
	.slider2 .d-flex {
		height:265px;
	}
	.slider p, .slider2 p {
		font-size:18px;
	}
	#first-quote-slider-block {
		padding-left:8px;
		padding-right:30px;
	}
	#first-set-of-quotes .dark-green-bkg {
		border-radius: 20px 20px 20px 0px; 
		padding-left:20px;
}
	#first-quote-slider-block {
		border-radius: 20px 20px 20px 0px; 
	}
	#quotewdot .dark-green-bkg {
		padding-right:20px;
		border-radius:20px 0px 0px 20px
}
	#quotewdot #second-quote-slider-block {
		padding-left:17px;
		padding-right:17px;
		border-radius:20px 0px 0px 20px;
	}
	#philabout {
		padding-right:20px;
		padding-left:20px;
	}
	#philabout h3 {
		margin-top:60px;
		margin-bottom:22px;
	}
	#philabout p.first {
		font-size:20px;
	}
	h3#webelieve {
		margin-bottom:11px;
	}
	#philosophy p.small{
		margin-bottom:30px;
	}

}