/*
 Theme Name:   Maier Holz
 Description:  Persönliches Theme für Maier Holz - freundliche Grüße von den websiteriesen.at
 Author:       websiteriesen.at
 Template:     maier-holz-parent
 Version:      1.0.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  maierholz
*/


h1.entry-title {
	display: none;
}

header .navbar-wrapper {
	padding: 0px;
	margin: 0px;
}

.content-wrapper {
	padding: 0px;
}

.navbar-brand h1 {
	margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
	
	.navbar-brand h1 a {
		font-size: 25px;
	}
	
	.navbar-brand h1 {
		line-height: 30px;
	}
	
	.content-wrapper {
		margin: 0px;
	}
	
	#kontaktformular input, #kontaktformular textarea {
		width: 80%;
	}

	
	.wpml-ls-slot-2 a {
		background-color: #333 !important;
	}
	
	body:not(.menu-sandwich) #main-menu > ul > li.current-menu-item > a {
		border: none;
		background-color: #FFF;
		color: #000;
		text-align: center;
	}

	body:not(.menu-sandwich) #main-menu > ul > li.current-menu-item.no-current-menu-item-effect > a {
		color: #FFF !important;
		border: none !important;
		background-color: initial !important;
		text-align: left !important;
	}
	
}

.navbar-brand h1 a {
	color: #358d3f;
}

a:hover {
	color: #d6b747 !important;
}

.no-margin, .no-margin * {
	margin: 0px !important;
}

.maier-rounded-icon i.fa {
	height: 5rem;
    width: 5rem;
    background-color: #358d3f;
    border-radius: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#kontaktformular {
	text-align: center;
	padding-top: 2em;
    padding-bottom: 1em;
}

#kontaktformular input[type="submit"] {
	width: 20%;
    background-color: #358d3f;
    border: navajowhite;
    color: #FFF;
    padding: 0.5em;
}

#kontaktformular input[type="submit"]:hover {
	background-color: #58a954;
}

#kontaktformular input, #kontaktformular textarea {
	max-width: 100%;
}

div.wpcf7-validation-errors {
	border: 2px solid #F00;
    color: #FFF;
}

#kontaktformular label {
	font-size: 1.1em;
}

.no-link-color a {
	border: none !important;
	color: #7a7a7a !important;
}

.main-content {
	padding-bottom: 0px;
}

.entry-content ul>li[role="presentation"]:before, .comment-content ul>li[role="presentation"]:before {
	display: none;
}

body:not(.menu-sandwich) #main-menu > ul > li.current-menu-item > a {
	border: 1px solid black;
	color: #d6b747;
}

body:not(.menu-sandwich) #main-menu > ul > li.current-menu-item.no-current-menu-item-effect > a {
	color: #000;
	border: none;
}

.overflow-hidden {
	overflow: hidden;
}



/****************************************************************************/
/************************ Spinner *******************************************/
/****************************************************************************/

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #FFF;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 3px solid #358d3f;
	z-index: 1500;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 3px solid #000000;
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 3px solid #d6b747;
}
#loader {
	border: 3px solid transparent;
	border-top-color: #358d3f;
}
#loader:before {
	border: 3px solid transparent;
	border-top-color: #000000;
}
#loader:after {
	border: 3px solid transparent;
	border-top-color: #d6b747;
}
#loader {
	border-radius: 50%;
}
#loader:before {
	border-radius: 50%;
}
#loader:after {
	border-radius: 50%;
}

#loader {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
#loader:before {
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

div.wpcf7-mail-sent-ok {
	background-color: #398f14;
    color: #FFF;
}

/* include this only once */
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

.main-content h1.entry-title {
	display: none;
}