/* 
Theme Name: DDr. Salomon
Theme URI: https://studiomint.at/
Description: Custom Theme for Salomon Zahnarztpraxis
Author: Mint Digitalstudio
Author URI: https://studiomint.at/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.hidden-fields-container { display:none; }

/* 90% Content width */
.elementor-section.elementor-section-boxed > .elementor-container { max-width: 90% !important; }	
.e-con>.e-con-inner {
    width: 90%;
    max-width: 90% !important;
    margin: 0 auto;
}

/* Typography */
a, a:focus, span, span:focus, button:focus, .button.alt:focus, .button.added_to_cart:focus,.button.wc-forward:focus, input[type="number"]:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none !important; 
	-webkit-user-select: none !important;  /* Chrome all / Safari all */
	-moz-user-select: none !important;     /* Firefox all */
	-ms-user-select: none !important;      /* IE 10+ */
	user-select: none !important;  
    -webkit-tap-highlight-color: transparent !important;
}
html, body  {
	font-family: "new-hero", sans-serif !important;
	font-size:16px;
	color:#2859A5;
}
h1, h2, h3, h4, h5, h6 { font-family: "new-hero" !important; }
.nomargin h1, .nomargin h2, .nomargin h3, .nomargin h4, .nomargin h5, .nomargin h6, .nomargin p, .nomargin span { margin-bottom: 0; }
.sub p { 
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color:#89CBC0;
	margin-bottom:40px;
	line-height: 1;
}
.home h1 { 
	font-size: 64px; 
	line-height:1.2;
	font-weight:500;
}
h1 	{
	font-size: 56px;
	font-weight:600;
	line-height:1.2;
	margin-bottom:48px;
}
h2 { 
	font-size: 48px;
	font-weight:600;
	line-height:1.2;
	margin-bottom:48px;
}
p,ul,ol { line-height:1.8; }
li { margin-block-end: 8px; }
span.elementor-icon-list-text {
	font-size:14px;
	letter-spacing:0.12em;
}
b, strong { font-weight: 600; }
a {	color: #2859A5; }
.elementor a, p a, p a:hover, p a:visited, p a:focus { 
	color: #2859A5;
	text-decoration:underline;
}
.white h1, .white h2, .white h3, .white p, .white ul, .white ol { color:#fff; }
.elementor-location-footer .slogan p {
	font-weight: 600;
	font-size: 40px;
	line-height: 1.3;
}
/* accent box */
.accent p {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
	color:#fff;
}
/* einzigartig */
.einzigartig p {
	font-size: 32px;
	font-weight:500;
	line-height:1.5;
	margin-bottom:80px;
}
/* button */
.elementor-button, .elementor-button:visited, a.elementor-button {
	font-family:"new-hero";
    display: inline-block;
    line-height: 1;
    background-color: #89CBC0 !important;
	border: 2px solid #89CBC0;
    font-size: 16px;
	font-weight:600;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    padding: 16px 24px;
    border-radius: 0;
    text-align: center;
    transition: all .3s;
	text-decoration:none;
}
.elementor-button:hover, .elementor-button:focus {
	color: #89CBC0 !important;
	background-color: transparent !important;
}
/* Navigation */
.elementor-nav-menu li a { 
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
	text-decoration:none;
}
.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    height: 2px !important;
    background-color: #2859A5 !important;
}
/* Mobile Navigation */
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    max-height: 100vh !important;
    height: 100vh;
}
/* CTA telefon */
.ctaheader p a { 
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 0 0 4px 0;
	text-decoration:none !important;
}
.ctaheader a:hover { border-bottom: 2px solid #2859A5; }

/* Hamburger */
.elementor-menu-toggle {
    background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* Swiper */
#my-prev-element:hover, #my-next-element:hover {
	cursor: pointer;
}
/* Iconbox */
h3.elementor-icon-box-title {
	font-size:24px;
	font-weight:600;
	line-height:1;
}
/* Img Box */
h3.elementor-image-box-title {
	font-size:24px;
	font-weight:600;
	line-height:1;
}
/* Contact Form */
.twenty { 
	display:inline-block;
	width:12%;
	margin:0 2%;
}
form label {
	color: #2859A5;
}
.wpcf7-form p {
	margin:16px 0 0 0;
	color: #89CBC0!important;
	font-size: 16px;
	font-weight 400;
}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form textarea:focus {
	outline: none;
    border-bottom: 1px #2859A5 solid !important;
	width:100%;
}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
    display: inline-block;
    width: 100%;
	height:100%;
    font-size: 16px;
    line-height: 1;
    padding: 0 0 8px 0;
	margin: 16px 0;
    vertical-align: baseline;
    background-color: transparent;
    color: #2859A5;
	border-top:none;
	border-left:none;
	border-right:none;
    border-bottom: 1px solid #dedede !important;
	border-radius:0;
}
form textarea {
	max-height:120px;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #2859A5 !important;
	opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #2859A5 !important;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #2859A5 !important;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #2859A5 !important;
	opacity: 1;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
	color: #2859A5 !important;
}

/* Validation */
div.wpcf7-response-output {
    margin: 32px 0 0 0 !important;
    padding: 0;
    border: 0;

}
/* Checkbox */
span.checkmark { 
	font-size: 14px;
	line-height:1.6;
}
span.dsgvo {
	color: #89CBC0;
	line-height:1.5;
	font-size:14px;
}
span.wpcf7-list-item { margin: 0 12px 0 0; }

form input[type="submit"], form input[type="submit"]:focus {
	font-family:"new-hero";
    display: inline-block;
    line-height: 1;
    background-color: #89CBC0;
	border: 2px solid #89CBC0;
    font-size: 16px;
	font-weight:600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    padding: 16px 24px;
	margin-top:64px;
    border-radius: 0;
    color: #fff;
    text-align: center;
    transition: all .3s;
}
form input[type="submit"]:hover {
	color: #89CBC0;
	background-color: transparent;
}
/* end form */

/* Footer */
.elementor-location-footer ul { padding-inline-start:0; }
.elementor-location-footer li { 
	list-style-type: none;
	font-size:14px;
	line-height:1.8;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin-block-end: 0;
}
.elementor-location-footer p, .elementor-location-footer p a, .elementor-location-footer p a:active,  .elementor-location-footer p a:visited, .elementor-location-footer a {
	line-height: 1.8;
	font-size: 14px;
	text-decoration:none;
}
.elementor-location-footer a:hover {
	text-decoration: underline!important;
}
.white a { color: #fff !important; }
body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.elementor-location-footer { margin-top: auto; }

@media (max-width: 992px) { 
	
	/* Hamburger x Menu Toggle */
	div.elementor-menu-toggle {
    justify-content: end;
    padding: 0 !important;
	}
	
	/* typography */
	.elementor-location-footer .slogan p { font-size: 32px; }
	.sub p { 
		line-height: 1.8;
		margin-bottom:40px;
	}
	.home h1 { 
		font-size:32px;
		line-height: 1.4;
	}
	h1 { 
		font-size: 32px; 
		line-height:1.3;
		margin-bottom:40px;
	}
	h2 {
		font-size: 32px;
		font-weight:600;
		line-height:1.4;
		margin-bottom:32px;
	}
	/* mobile nav */ 
	.elementor-nav-menu li a {
		font-size:16px;
	}
	/* button */
	.elementor-button, a.elementor-button {
		font-size: 14px;
	}
	/* accent box */
	.accent p {
		font-size: 20px;
	}
	/* einzigartig */
	.einzigartig p {
		font-size: 20px;
		margin-bottom:64px;
	}
}