/*
Theme Name: Alexander Neumann - Child Theme
Theme URI: https://alexanderneumann.at/
Description: This is a custom child theme for Salient
Author: Alexander Neumann
Author URI: https://alexanderneumann.at/
Template: salient
Version: 0.1
*/

.margin-left-auto {
	margin-left: auto !important;
}
.margin-right-auto {
	margin-right: auto !important;
}

/* typo */

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-font-smoothing: subpixel-antialiased;
}

body,
p {
	-webkit-font-smoothing: subpixel-antialiased;
}

.thin {
	font-weight: 300 !important;
	-webkit-font-smoothing: antialiased;
}

/* header */

html body #header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after,
html body #header-outer.dark-slide.transparent:not(.side-widget-open) #top nav > ul > li[class*="button_bordered"] > a:before {
	border-color: var(--main-color) !important;
}

@media screen and (min-width: 1000px) {
	#header-outer #top .span_9 {
		padding-top: 22px;
	}
	.nectar-header-text-content-wrap {
		display: none !important;
	}
	body.material[data-header-format="default"] #header-outer[data-has-buttons="yes"]:not([data-format="left-header"]) #top nav > .buttons {
		margin-left: 6px;
	}
}
#header-outer ul.anx-sprachswitcher {
	position: absolute;
	top: 4px;
	right: -8px;
	left: unset;
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	pointer-events: all;
	text-align: center;
	z-index: 11;
}
#header-outer ul.anx-sprachswitcher a {
	padding: 14px 8px;
}
#header-outer ul.anx-sprachswitcher a::after {
	content: "";
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;
	height: 2px;
	background-color: var(--main-color);
	transform: scaleX(0);
	transform-origin: left center;
	transition: opacity 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}
#header-outer.transparent ul.anx-sprachswitcher a::after {
	background-color: #fff;
}
html body #header-outer.dark-slide.transparent ul.anx-sprachswitcher a::after {
	background-color: var(--main-color);
}
#header-outer ul.anx-sprachswitcher a:hover::after {
	opacity: 1;
	transform: scaleX(1);
}
#header-outer ul.anx-sprachswitcher img {
	margin-bottom: 0;
	width: 26px;
	height: 14px;
}

@media only screen and (max-width: 450px) {
	#slide-out-widget-area.slide-out-from-right {
		padding-left: 40px;
		padding-right: 40px;
	}
}

#slide-out-widget-area .nectar-header-text-content {
	display: none !important;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li {
	margin-bottom: 18px;
}

#slide-out-widget-area ul.anx-sprachswitcher {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	pointer-events: all;
	text-align: center;
	z-index: 11;
	background: rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	width: 100%;
	margin-bottom: 40px;
	padding-left: 2px;
	padding-right: 2px;
}

#slide-out-widget-area ul.anx-sprachswitcher li {
	padding: 4px 0px;
}

#slide-out-widget-area ul.anx-sprachswitcher a {
	padding: 6px 0px;
}

#slide-out-widget-area ul.anx-sprachswitcher img {
	margin-bottom: 0;
	width: 26px;
	height: 14px;
}

/* intro carousel */
@media screen and (min-width: 1000px) and (min-height: 1000px) {
	.intro .flickity-slider .cell .inner .row_col_wrap_12_inner {
		padding-top: 15vh;
	}
}
@media screen and (min-width: 1000px) {
	.intro .flickity-slider .cell .inner .row_col_wrap_12_inner .vc_col-sm-6:first-child {
		padding-left: 1.5%;
	}
	.intro .flickity-slider .cell .inner .row_col_wrap_12_inner .vc_col-sm-6:last-child {
		padding-left: 7.5%;
	}
}

/* cta */

.nectar-cta[data-using-bg="true"] .link_wrap {
	padding: 1em 2em;
}

.nectar-cta[data-using-bg="true"] .link_wrap .link_text > .text {
	min-width: 123px;
}

/* testimonial slider */

.testimonial_slider[data-style="default"] blockquote .image-icon {
	display: none;
}
.testimonial_slider:not([data-style*="multiple_visible"]) blockquote {
	font-size: inherit;
}
.testimonial_slider[data-style="default"] blockquote p {
	font-size: inherit;
	font-style: italic;
}

.testimonial_slider[data-style="default"] blockquote p::before {
	content: open-quote;
}
.testimonial_slider[data-style="default"] blockquote p::after {
	content: close-quote;
}

/* bezirk box */

.bezirk-box {
	background: #d3e5f7;
	height: 100%;
	position: relative;
	contain: layout paint;
}

.bezirk-box .image-wrapper {
	position: relative;
}

.bezirk-box .image-wrapper .hover-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.bezirk-box .content-wrapper {
	background: rgba(17, 17, 17, 0.5);
	background: linear-gradient(0deg, rgba(17, 17, 17, 0.33) 0%, rgba(17, 17, 17, 0) 100%);
	padding: 50px 50px 40px 50px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.bezirk-box .content-wrapper p {
	height: 0; /* animated through js */
	opacity: 0;
	overflow: hidden;
}
@media screen and (max-width: 1600px) and (min-width: 1300px) {
	.bezirk-box .content-wrapper {
		padding: 30px 30px 18px 30px;
	}
}
@media screen and (max-width: 1600px) {
	.bezirk-box {
		margin-bottom: 30px !important;
	}
}

@media screen and (max-width: 690px) {
	.bezirk-box {
		margin-bottom: 30px !important;
	}
}

/* seite: uebersicht */

.uebersicht-title-row .wpb_gallery_slidesflickity_static_height_style .nectar-flickity:not(.masonry) .flickity-viewport {
	margin-top: 0;
	margin-bottom: 0;
}

.uebersicht-title-row .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots {
	bottom: 40px;
}

body div[data-style*="minimal"] .toggle h3,
body div[data-style*="minimal"] .toggle h3 a {
	font-size: inherit;
	font-weight: 600;
	color: inherit;
}

div[data-style="minimal"] .toggle h3 i:before,
div[data-style="minimal"] .toggle h3 i:after {
	background-color: #1d1d1d;
}

div[data-style*="minimal"] .toggle h3 i {
	border-color: #1d1d1d;
}

div[data-style="minimal"] .toggle:hover h3 a,
div[data-style="minimal"] .toggle.open h3 a {
	color: #a5cbe6;
}
div[data-style="minimal"] .toggle.default.open i,
div[data-style="minimal"] .toggle.default:hover i {
	border-color: #a5cbe6;
}
div[data-style="minimal"] .toggle:hover h3 i:before,
div[data-style="minimal"] .toggle:hover h3 i:after,
div[data-style="minimal"] .toggle.open h3 i:before,
div[data-style="minimal"] .toggle.open h3 i:after {
	background-color: #a5cbe6;
}

/* apartment grid */

.apartments-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.apartments-grid.initialized {
	transition-delay: 0.4s;
	opacity: 1;
	transform: translateY(0);
}

.apartments-grid .apartment-item {
	width: calc(25% - 37.5px);
	background-color: #e9f2fb;
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #e9f2fb;
	transition: border-color 0.26s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* .apartments-grid .apartment-item:hover{
	border-color: var(--main-color);
} */

@media screen and (max-width: 1300px) {
	.apartments-grid .apartment-item {
		width: calc(33.33% - 40px);
	}
}

@media screen and (max-width: 1000px) {
	.apartments-grid .apartment-item {
		width: calc(50% - 45px);
	}
}

@media screen and (max-width: 690px) {
	.apartments-grid .apartment-item {
		width: calc(100% - 60px);
	}
}

.apartments-grid .apartment-item .image-wrapper {
	margin-bottom: 30px;
	overflow: hidden;
	contain: layout paint;
}

.apartments-grid .apartment-item .image {
	padding-bottom: 66.66%;
	background-size: cover;
	background-position: center center;
	transition: transform 0.46s ease;
	transform: scale(1);
}
/* .apartments-grid .apartment-item:hover .image{
	transform: scale(1.12);
} */

.apartments-grid .apartment-item .content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.apartments-grid .apartment-item h3 {
	margin-bottom: 27px;
	font-size: 28px !important;
	font-weight: 300 !important;
}

.apartments-grid .apartment-item ul {
	color: #1d1d1d;
	margin-bottom: 5rem;
}

.apartments-grid .apartment-item ul li {
	padding-left: 36px;
}

.apartments-grid .apartment-item .details-button {
	margin: auto 0 1rem 0;
	justify-self: flex-end;
}

/* apartment filter */

.apartments-filter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

/* NEU: 25%, weil "anzahl personen" filter weg gekommen ist */
/* .apartments-filter fieldset {
	width: calc(20% - 26px);
} */
.apartments-filter fieldset {
	width: calc(25% - 26px);
}

@media screen and (max-width: 1000px) {
	.apartments-filter {
		flex-wrap: wrap;
	}
	/* NEU: 100%, weil "anzahl personen" filter weg gekommen ist */
	/* .apartments-filter fieldset {
		width: calc(50% - 16px);
		margin-bottom: 20px;
	} */
	.apartments-filter fieldset {
		width: 100%;
		margin-bottom: 20px;
	}
	.apartments-filter fieldset[data-filter-group="checkboxes"] {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-top: 7px;
	}
	.apartments-filter fieldset[data-filter-group="checkboxes"] .checkbox-wrapper {
		width: auto;
		margin-right: 27px;
	}
}

.apartments-filter label {
	font-weight: 600;
	font-size: 15px !important;
	white-space: nowrap;
}

.apartments-filter .checkbox-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 8px;
}
body[data-fancy-form-rcs="1"] .apartments-filter .checkbox-wrapper input[type="checkbox"] + label {
	color: inherit !important;
	font-size: 15px !important;
	white-space: nowrap;
}
.apartments-filter .checkbox-wrapper input[type="checkbox"] + label > span {
	-webkit-appearance: none;
	/* width: 18px;
	height: 18px; */
	border: 2px solid #d3e5f7;
	background: #d3e5f7;
	border-radius: 0;
	outline: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0;
	box-shadow: 0px 9px 13px #0062ae29;
	cursor: pointer;
}

.apartments-filter .checkbox-wrapper input[type="checkbox"]:checked {
	background: #a5cbe6;
}

.apartments-filter .checkbox-wrapper input[type="checkbox"] + label {
	cursor: pointer;
}
.selectric {
	border: 2px solid #d3e5f7 !important;
	border-color: #d3e5f7 !important;
	transition: background-color 0.24s ease, border-color 0.24s ease;
}
.selectric:hover,
.selectric:focus {
	border-color: #d3e5f7;
	background-color: #a4cbe6;
}
.selectric .button {
	background-color: transparent;
	color: #1d1d1d !important;
}
.selectric .button::after {
	border-top-color: #1d1d1d !important;
}

.anx-active .selectric {
	/* border-color: var(--main-color) !important; */
	background-color: var(--main-color) !important;
}
.anx-active .selectric .label {
	color: #fff;
	font-weight: 600;
}
.anx-active .selectric .button::after {
	border-top-color: #fff !important;
}

.selectric-open .selectric-items{
	z-index: 9999;
}

/* mixitup pagelist */

.mixitup-page-list {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mixitup-page-list button,
.mixitup-control-truncation-marker {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	border: none;
	width: 46px;
	height: 46px;
	line-height: 42px;
	margin: 4px;
	text-decoration: none;
	background: transparent;
	color: #1d1d1d;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1rem;
	cursor: pointer;
	text-align: center;
	transition: background-color 0.24s ease, opacity 0.24s ease;
}

.mixitup-page-list button.mixitup-control-next,
.mixitup-page-list button.mixitup-control-prev {
	width: 60px;
	height: 60px;
	line-height: 50px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 1.4rem;
	background: #f4f4f4;
}

.mixitup-page-list button:hover {
	background: #d3e5f7;
}
.mixitup-page-list button.mixitup-control-disabled {
	pointer-events: none;
	opacity: 0;
}
.mixitup-page-list button.mixitup-control-active {
	background: #a5cbe6;
}

.mixitup-control-truncation-marker {
	pointer-events: none;
	width: 22px;
	opacity: 0.5;
}

@media screen and (max-width: 690px) {
	.mixitup-page-list button,
	.mixitup-control-truncation-marker {
		width: 34px;
		height: 34px;
		line-height: 32px;
		font-size: 14px;
		margin: 2px;
	}
	.mixitup-page-list button.mixitup-control-next,
	.mixitup-page-list button.mixitup-control-prev {
		width: 44px;
		height: 44px;
		line-height: 34px;
	}
	.mixitup-control-truncation-marker {
		width: 18px;
	}
}

/* apartment detailseite */

body.single-apartments h1 {
	font-weight: 400 !important;
	font-size: 46px;
	line-height: 54px;
}

body.single-apartments .apartment-detail-banner ul {
	font-weight: 600;
}

.portfolio-items .col .work-item.style-4 .work-info .bottom-meta {
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.24;
	text-align: center;
}

.portfolio-items .col .work-item.style-4 .work-info .bottom-meta h3 {
	display: none;
}

.portfolio-items .col.span_3 {
	width: 25%;
}

.nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
	line-height: inherit !important;
}

@media screen and (max-width: 1000px) {
	body.single-apartments h1 {
		font-size: 43.4px;
		line-height: 53.2px;
	}
}
@media screen and (max-width: 690px) {
	body.single-apartments h1 {
		font-size: 40.3px;
		line-height: 49.4px;
	}
	body.single-apartments .nectar-fancy-ul {
		margin-top: -40px;
		margin-bottom: 70px !important;
	}
}

/* google map styling */

.nectar-google-map[data-nectar-marker-color="accent-color"] .animated-dot .middle-dot,
.nectar-google-map[data-nectar-marker-color="accent-color"] .animated-dot div[class*="signal"] {
	background-color: #7da135;
}

.gm-style .gm-style-iw-c {
	padding-top: 44px;
}
.gm-style .gm-style-iw-c::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 24px;
	top: 12px;
	height: 24px;
	background-image: url(img/bellearti_logo_quer_rgb.svg);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
}

.gm-style .gm-style-iw,
.gm-style .gm-style-iw a,
.gm-style .gm-style-iw span,
.gm-style .gm-style-iw label,
.gm-style .gm-style-iw div {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

/* custom footer */

#custom-footer p a {
	color: inherit;
}
#custom-footer p a:hover {
	color: var(--main-color);
}

#custom-footer ul.menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-left: 0;
}

#custom-footer ul.menu li {
	list-style-type: none;
}

/* contact form 7 */

.wpcf7 .span_12 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.wpcf7 label {
	font-weight: inherit !important;
	margin-left: 0px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	background-color: #fff;
	color: #1d1d1d;
	border-radius: 18px;
	border: 1px solid #adcfe8;
	font-size: 1rem;
	line-height: 1.54;
	padding: 10px 16px 9px 18px;
	width: 100%;
	text-align: left;
	margin-top: 4px;
}

.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="number"]::placeholder,
.wpcf7 input[type="date"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 textarea::placeholder {
	color: #dddddd !important;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);
	border-color: #7da135;
}

.wpcf7 input[type="date"] {
	text-transform: uppercase;
}

.wpcf7-form .wpcf7-not-valid-tip {
	box-shadow: none;
	margin-left: 18px;
	margin-right: 18px;
	background: #ffffff;
	color: #bd1a26 !important;
	border-radius: 0 0 16px 16px;
	padding: 3px 16px;
	font-weight: 600;
	border: 1px solid #adcfe7;
	border-top-width: 0;
}

body[data-button-style="rounded"] .container-wrap input[type="submit"] {
	padding: 1em 2em !important;
	font-size: 20px !important;
	line-height: 30px !important;
	min-width: 254px;
}

.wpcf7 .ajax-loader {
	float: left;
}

.wpcf7 .wpcf7-response-output {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	background-color: #fff;
	border-radius: 18px;
	font-size: 1rem !important;
	line-height: 1.54;
	padding: 10px 16px 9px 18px !important;
	width: 100%;
	box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media screen and (max-width: 1000px) {
	.wpcf7 .row {
		padding-bottom: 0;
	}
}

/* an cookie notice */

#an-cookie-notice p {
    font-size: 16px;
}

a.custom-maps-link{
	border: 1px solid rgba(0,0,0,0);
	display: block;
	transition: border-color 0.3s ease;
}
a.custom-maps-link:hover{
	border-color: rgba(0,0,0,0.12);
}
a.custom-maps-link::after{
	content: "Google Maps";
	position: absolute;
	background-color: var(--main-color);
	color: #fff;
	left: 50%;
	bottom: 60px;
	transform-origin: bottom center;
	opacity: 1;
	transform: translateX(-50%) translateY(20px) scale(1);
	padding: 14px 30px;
	border-radius: 100px;
	font-weight: 600;
	transition: opacity 0.3s ease, transform 0.3s ease;
}
a.custom-maps-link:hover::after{
	opacity: 1;
	transform: translateX(-50%) translateY(0) scale(1.1);
}
a.custom-maps-link img{
	width: 100%;
	display: block;
	margin-bottom: 0;
	transition: opacity 0.3s ease;
}
a.custom-maps-link:hover img{
	opacity: 0.25;
}

.an-cookie-notice-reset{
	font-weight: 700;
	display: inline-block;
	background-color: var(--main-color);
	color: #fff;
	font-size: 1em;
	padding: 0.8em 1.6em;
	border-radius: 5em;
	margin-bottom: 0.8em;
}
.an-cookie-notice-reset:hover{
	color: #fff;
	opacity: 0.75;
}