/* 
Theme Name: Sturm Parking
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: sturm-parkring
Author URI: https://sturm-parkring.at
Template: hello-elementor
Version: 1.0.1
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
*/
.containerx {
	max-width: 1280px;
	margin: 0 auto;
}
.blog-header {
	max-width: 1120px;
}
div#page {
	overflow: hidden;
}
.ff--grotesk {
	font-family: "Quicksand", Sans-serif;
}
.ff--avian {
	font-family: 'Avian', sans-serif;
}
.text--left {
	text-align: left !important;
}
.text--center {
	text-align: center !important;
}
.header--sticky {
	position: fixed;
	width: 100%;
}
.sticky--active {
	background: #17141b !important;
}
.off--canvas--wrapper {
	width: 600px;
	position: fixed;
	right: -600px;
	top: 0;
	transition: 0.5s;
	z-index: 999;
	background: #17141b;
}
.off--canvas--active .off--canvas--wrapper {
	right: 0;
	transition: 0.5s;
}
.off--canvas--close .elementor-icon:hover {
	cursor: pointer;
}

.product--cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cards--item {
	flex-basis: 48%;
	margin-bottom: 30px;
}
.item--image img {
	border-radius: 4px;
}
.item--title h3 a {
	color: #151623;
	font-family: "Quicksand", Sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
}
.item--price {
	color: #151623;
	font-family: "Quicksand", Sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
}
.item--title h3 {
	margin: 0;
}

.display--flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
.pos--r {
	position: relative;
}
.das--inside {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 9;
	transition: all .3s ease-in-out;
}
.das--items:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.8) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.das--item:hover {
	cursor: pointer;
}
.owl-carousel .das--items img {
	transition: all .3s ease-in-out;
}
.owl-carousel .das--inside {
	bottom: -18%;
	height: 192px;
}
.owl-carousel .das--items:hover .das--inside {
	bottom: 0px;
}
.owl-carousel .das--items:hover img {
	opacity: 0.5;
}
button.owl-next {
	right: -60px;
	width: 45px;
	border-radius: 100%;
	height: 45px;
}
button.owl-prev {
	left: -60px;
	width: 45px;
	border-radius: 100%;
	height: 45px;
}
button.owl-prev span, button.owl-next span {
	color: #fff;
	font-size: 30px;
	line-height: 0.8
	
}

.das--top--left {
	flex-basis: 49%;
	height: 655px;
}
.das--inside {
	bottom: -17%;
}

.das--top--right .das--inside {
	bottom: -27%;
}
.tr--bottom--item .das--inside,
.das--bottom--right .das--inside {
	bottom: -28%;
}
.sc--left--item .das--inside {
	bottom: -8%;
}
.das--top--left:hover .das--inside, .tr--top:hover .das--inside {
	bottom: 0;
}
.tr--bottom--item:hover .das--inside, .das--bottom--right:hover .das--inside {
	bottom: 0;
}
.tr--bottom--item:hover, .das--bottom--right:hover, .tr--top:hover, .das--top--left:hover {
	opacity: 0.8;
}
.das--item {
   background-size: cover;
   background-position: top center; 
   height: 100%;
   border-radius: 8px;
   position: relative;
   overflow: hidden;
}
.das--top--right {
	flex-basis: 49%;
}
.tr--bottom {
	margin-top: 25px;
	height: 315px;
}
.tr--bottom--item {
	flex-basis: 48%;
}
.tr--top {
	height: 315px;
}
.das--inside h3 {
	margin: 0;
}
.das--inside h3 a {
	color: #fff;
	font-size: 28px;
	font-family: 'Avian', sans-serif;
	font-weight: 700;
}
.das--inside span {
	color: #fff;
	font-size: 22px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
}
.das--image img {
	border-radius: 4px;
}
.das--teaser {
	margin-top: 10px;
}
.das--teaser p {
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.tr--bottom--item .das--teaser p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sc--left--item .das--teaser p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.das--bottom--left, .das--bottom--right {
	flex-basis: 49%;
}
.das--bottom--right {
	margin-top: 25px;
}
.das--item:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.8) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 0 0 8px 8px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
  border: 1px solid #fff !important;
}
.owl-dots button.owl-dot.active {
  background-color: #ffffff;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav button:focus {
	outline: none;
}


.ln--left {
	flex-basis: 60%;
	border-radius: 8px;
	background-size: cover;
	background-position: top center;
	min-height: 438px;
}
.ln--left img {
	border-radius: 8px;
}
.ln--right {
	flex-basis: 35%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.post--meta span {
	font-family: "Quicksand", Sans-serif;
	font-size: 1rem;
	font-weight: 400;
	flex-basis: 50%;
	display: flex;
}
.meta--date {
	display: flex;
	justify-content: flex-end;
}
.post--title h3 {
	font-size: 3rem;
	font-family: 'Avian', sans-serif;
	font-weight: 600;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.post--desc {
	text-align: center;
	font-family: "Quicksand", Sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
}
.post--btn {
	text-align: center;
	margin-top: 20px;
	display: flex;
}
a.btn--more {
	padding: 15px 30px;
	background: #17141B;
	border:  1px solid #17141B;
	color: #fff;
	border-radius: 4px;
	font-family: "Quicksand", Sans-serif;
	font-weight: 300;
}
a.btn--more:hover {
	color: #17141B;
	background-color: #fff;
	border:  1px solid #17141B;
}
.post--btn.text--left {
	text-align: left !important;
}
a.btn--outline {
	padding: 10px 30px;
	background: #ffffff;
	border:  1px solid #17141B;
	color: #17141B;
	border-radius: 4px;
	font-family: "Quicksand", Sans-serif;
	font-weight: 300;
	text-align: left;
	transition: 0.5s;
}
a.btn--outline:hover { 
	background-color: #17141B;
	color: #fff;
}
section.big--banner {
    margin-top: 0;
}

/* MAILCHIMP PATCH */
.mc4wp-form-fields {
	display: flex;
}
.mc4wp-form-fields input[type="submit"] {
	background-color: #34354b;
	margin-left: 10px;
	border:  none;
	color: #fff;
	text-transform: uppercase;
}

/* SINGLE */
.single--hero {
	background-size: cover;
	background-position: center;
	height: 80vh;
	max-width:90%;
	margin:0 auto 0 auto;
	position: relative;
}
.sh--content {
	padding-left: 10%;
	padding-right: 10%;
	position: absolute;
	bottom: 60px;
	z-index: 9;
	width: 100%;
}
.content--inner {
	max-width: 1280px;
	margin: 0 auto;
}
.the--content {
	padding: 50px 80px 80px 80px;
}
.sh--title h1 {
	color: #ffffff;
	font-size:  3.8rem;
	font-family: 'Avian', sans-serif;
	font-weight: bold;
}
.the--content, .the--content p, .the--content ul li, .the--content ul li a { 
	font-family: 'Quicksand', sans-serif;
}
.sh--meta span {
	color: #fff;
}
.single--hero:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.8) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.single--lat--posts {
	padding: 80px;
}
.lat--title h2 {
	font-size: 3rem;
	font-family: 'Avian', sans-serif;
	font-weight: bold;
}
.lat--item {
	width: 32%;
}
.lat--title h3 {
	font-size: 1.5rem;
	font-family: 'Avian', sans-serif;
	font-weight: bold;
}
.lat--title h3 a { 
	color: #151623;
}
.lat--meta {
	margin-top: 10px;
	margin-bottom: 10px;
}
.lat--meta span {
	color: #151623;
}
.lat--desc p {
	font-family: "Quicksand", Sans-serif;
	font-weight: 400;
	color: #151623;
}
.post--metax, .post-tags {
    margin-top: 30px;
}
.waiterlesen h3, .waiterlesen a, .post-tags a {
	font-family: "Quicksand", Sans-serif;
	color:  #19191a;
}
.waiterlesen a, .post-tags a { 
	text-decoration: underline;
}
.fa-lis {
	margin-right: 10px;
}
.post-tags i {
	margin-right: 10px;
}

/* BLOG PAGE  */
.latest--section {
	padding-top: 100px;
	padding-bottom: 60px;
}
.lat--items-wrapper {
	margin-top: 30px;
}
.sc--left--item {
	flex-basis: 66%;
	border-radius: 8px;
}
.sc--right--item {
	flex-basis: 32%;
}
.sc--right--item {
	background-color: #000;
}
.sc--right--item h3 {
	font-weight: bold;
	color: #fff;
}
.sc--right--title {
	padding-top: 20px;
}
.right--items-wrapper {
	padding: 20px;
}
.r--item {
	margin-bottom: 30px;
}
.r--title {
	flex-basis: 60%;
}
.r--image {
	flex-basis: 35%;
}
.r--title h3 {
	font-size: 1.3rem;
	margin: 0;
	margin-bottom: 5px;
}
.banner--wrap {
	position: relative;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.banner--inside {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 300px;
	background: rgba(0, 0, 0, 0.8);
	height: 75vh;
	padding: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner--inside ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.banner--inside li a {
	color: #fff;
}
.flex--reverse {
	flex-direction: row-reverse;
	margin-top: 40px;
}

.bottom--left {
	flex-basis: 68%;
	padding-bottom: 80px;
}
.bottom--right {
	flex-basis: 28%;
	position: relative;
}
.list--image {
	flex-basis: 30%;
}
.list--content {
	flex-basis: 67%;
}
.product--list {
	/* justify-content: space-between; */
	margin-bottom: 30px;
}
.list--content h3 {
	font-size: 2rem;
	color: #000;
	margin-top: 20px;
	padding: 0;
}
.list--content h3 a {
	color: #000;
}
.floating--box {
	background: #000;
	padding: 30px 30px;
	text-align: center;
	position: sticky;
	top: 40px;
}
.floating--box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.floating--box ul li {
	display: inline-block;
	padding: 5px 10px;
}
.floating--box ul li a {
	color: #fff;
}
h3.folating--title {
	color: #fff;
}

.header--dark #masthead .menu-item a.hfe-menu-item, .header--dark #masthead .sub-menu a.hfe-sub-menu-item, .header--dark #masthead .elementor-social-icon i {
	color: #000 !important;
}
.header--dark .sticky--active .logo--dark {
	display: none;
}
.header--dark .sticky--active .logo--light {
	display: block;
}
.header--dark #masthead .sticky--active .menu-item a.hfe-menu-item, .header--dark #masthead .sticky--active .sub-menu a.hfe-sub-menu-item, .header--dark #masthead  .sticky--active .elementor-social-icon i {
	color: #fff !important;
}
.r--desc p {
	color: #fff;
}
.header--light.header--dark .logo--dark {
	display:block;
}
.header--light .logo--dark,
.header--dark .logo--light,
.header--dark .sticky--active .logo--dark
{
	display: none;
}


.absolute--bottom {
	position: absolute;
	bottom: 40px;
	padding-right: 65px;
}
/*footer#colophon .hfe-nav-menu li {
	width: 100%;
}*/

.number--flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.number--item {
	flex-basis: 33%;
}

.number--item strong {
	display: block;
}
.equal--height .elementor-widget-container {
	height: 114px;
}

.lat--meta ul, .meta--left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lat--meta li a, .meta--left li a {
	color: #151623;
	text-transform: uppercase;
}
.meta--left li a {
	color: #fff;
}
.sc--left--item:hover .das--inside {
	bottom: 0px;
}
span.inside--cat {
    font-weight: 300;
    font-size: 16px;
}

.bottom--right {
    will-change: min-height;
}
.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
.widget_tag_cloud a {
    color: #fff;
}
.tag-link-position-1 {
    border-bottom: 1px solid;
}
.lat--meta .post-categories li a, .meta--cat .post-categories li a, .post--meta .post-categories li a {
    color: #151623;
    text-transform: uppercase;
}
.inside--cat .post-categories li a {
	color: #fff;
	text-transform: uppercase;
}
ul.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.lat--meta {
	font-size:22px;
}
.ln--right .post--title h3, .ln--right .post--title h3 a {
	font-size: 3rem;
    font-family: 'Avian', sans-serif;
    font-weight: 600;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #000000;
}
.ln--right .post--title h3:hover, .ln--right .post--title h3 a:hover {
	color: #000000;
}
.post--meta span:last-child {
    display: flex;
    justify-content: flex-end;
}
.bottom--more--wrap {
    text-align: center;
    margin-top: 40px;
}
@media (max-width:  767px) {
	.elementor-widget-image {
		text-align: left;
		padding-left: 0px;
	}
	.header--sticky {
		width: 100%;
	}
	.off--canvas--wrapper {
		width: 100%;
		height: 100vh;
		background-color: #000
	}
	.number--item strong {
		display: block;
	}
	a.wprs_unslider-arrow {
		display: none;
	}
	.owl-nav {
		display: none;
	}
	.latest--section {
      padding-top:60px;
	}
	.ln--wrapper.display--flex {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.das--top.display--flex {
		display: block;
	}
	.das--top--left {
		margin-bottom: 20px;
	}
	.tr--bottom--item {
		flex-basis: 100%;
		margin-bottom: 20px;
		height: 280px;
	}
	.das--top--left {
	    flex-basis: 100%;
	    height: 270px;
	}
	.das--bottom--left, .das--bottom--right {
	    flex-basis: 100%;
	}
	.das--wrapper .das--item {
		height: 270px;
		z-index: 9;
	}
	.das--top--left .das--inside, .tr--top .das--inside {
	    bottom: -115px;
	}
	.tr--bottom--item .das--inside {
	    bottom: -32%;
	}
	.das--bottom--right .das--inside {
	    bottom: -42%;
	}
	.tr--bottom {
		height: auto;
		margin-top: 0;
	}
	.das--bottom--right {
		margin-top: 0;
	}
	.lat--items-wrapper {
		display: block;
	}
	.lat--item {
		width: 100%;
		margin-bottom: 20px;
	}
	.lat--meta span, 
	.post-categories li {
		font-size: 18px;
	}
	.ln--right .post--title h3, .ln--right .post--title h3 a {
		font-size: 2.2rem;
		padding-top:10px;
		padding-bottom:10px
	}
	.lat--title h3 {
	    /*font-size: 1.1rem;*/
	}
	a.btn--outline {
		padding: 8px 20px;
		font-size: 80%;
	}
	.blog p {
		font-size:90%;
	}
	.sc--left--item .das--inside {
		padding-top: 50px;
		padding-bottom: 50px;
		bottom:-10%;
	}
	.containerx {
		padding-left: 10px;
		padding-right: 10px;
	}
	.sc--left--item {
	    flex-basis: 100%;
	    height: 300px;
	}
	.sc--right--item {
	    flex-basis: 100%;
	    margin-top: 20px;
	}
	.r--title {
		flex-basis: 100%;
	}
	.r--title h3 {
		font-size: 1.5rem;
	}
	.r--desc {
		display:none;
	}
	.banner--inside {
		height: 65vh;
	}
	.r--image {
		flex-basis:100%;
	}
	.product--list.display--flex {
	    display: block;
	}
	.bottom--left {
	    flex-basis: 100%;
	}
	.bottom--right {
	    flex-basis: 100%;
	    margin-bottom: 40px;
	}
	.sh--content {
	    padding-left: 5%;
	    padding-right: 5%;
	}
	.single--hero {
		height: 50vh;
		max-width:100%;
	}
	.sh--content {
		bottom:15px;
	}
	.sh--title h1 {
		font-size: 1.8rem;
	}
	.the--content {
		padding:26px 30px 30px 30px;
		font-size:20px;
	}
	.elementor-4118 .elementor-element.elementor-element-57490c2 {
	    padding: 130px 20px 130px 20px;
	}
	.single--lat--posts {
	    padding: 20px;
	}
	.elementor-element-67299fb, .elementor-element-d3aba73 {
		padding-top: 5px;
		text-align: left !important;
	}
	.elementor-element-67299fb img {
		margin-top: 5px;
	}
	.logo--dark {
	    top: -10px;
	}
	.elementor.elementor-4118 {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.hfe-nav-menu li.menu-item {
		text-align: center;
	}
	.ln--left {
		height: 269px;
		margin-top:10px;
	}

}