/* ----------------------------------------------------------------

	Custom CSS

	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/

/* Font */
body, small, .sub-menu-container .menu-item > .menu-link, .wp-caption, .fbox-center.fbox-italic p, .skills li .progress-percent .counter, .nav-tree ul ul a, .font-body, .entry-link span, .entry blockquote p, .more-link, .comment-content .comment-author span, .comment-content .comment-author span a, .button.button-desc span, .testi-content p, .team-title span, .before-heading, .wedding-head .first-name span, .wedding-head .last-name span, .font-secondary {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, #logo a, .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link, .top-search-form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .fbox-content h3, .tab-nav-lg li a, .counter, label, .widget-filter-links li a, .nav-tree li a, .wedding-head, .font-primary {
	font-family: 'Univers', sans-serif !important;
}

/* Color */
:root {
	--themecolor: #999;
}
.bg-color {
	background-color: var(--themecolor, #999) !important;
}
h1, h2, h3, h4, h5, h6, .menu-link {
	color: #333f48;
}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	color: #333f48;
}

/* Container */
.container {
	max-width: 94% !important;
}

/* Top Bar */
#top-bar.dark {
	background-color: #333f48 !important;
	z-index: 10;
}
#top-bar i {
	padding: 0 0.75rem;
}
#top-bar a {
	color: #fff;
}
#top-bar a:hover {
	color: rgb(255 255 255 / 80%);
}
.topbar-links li {
	display: inline-block;
}
#header {
	z-index: 9;
}

/* Menu */
.menu-catalogue {
	background-color: rgba(0,0,0,0.05);
}

/* Slider */
.hero-diagonal::before {
	background-image: linear-gradient(to right, rgba(29, 29, 27, 1) 30%, rgba(29, 29, 27, 0) 100%);
}
.slider-arrow-left, .slider-arrow-right {
	top: 88%;
}
.slider-arrow-left i, .slider-arrow-right i {
	color: #999 !important;
	color: var(--themecolor, #999) !important;
	line-height: 35px;
    padding: 8px;
}

.slide-ventura-1 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/2-Lara-106.jpg') no-repeat center right / auto 100%;
}
.slide-ventura-2 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/1-Swing-92.jpg') no-repeat center right / auto 100%;
}
.slide-ventura-3 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/3-Jeff-Cargo.jpg') no-repeat center right / auto 100%;
}
.slide-ventura-4 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/4-Bros.jpg') no-repeat center right / auto 100%;
}
.slide-ventura-5 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/5-Blog-92.jpg') no-repeat center right / auto 100%;
}
.slide-ventura-6 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0, 0.1)), url('/images/slider/6-Lara-91.jpg') no-repeat center right / auto 100%;
}
.swiper-wrapper .container {
	z-index: 2;
}
.swiper-wrapper h2 {
	color: #eee !important;
	font-size: 2.3rem;
}
.swiper-wrapper h4 {
	font-weight: normal;
}
.swiper-wrapper p {
	line-height: 1.6;
}
.slide-number {
	display: none;
}

/* Section */
.section {
	padding: 40px 0;
	background-color: transparent;
}

/* Section Form */
.section.section-schedule {
	margin-top: 0;
	background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(153, 153, 153, 0.6) 70%) left top; padding: 100px 0; background-size: 100% 100%;
}
.section.section-schedule h1, .section.section-schedule .heading-block h3, .section.section-bottom h3 {
	font-size: 40px;
	letter-spacing: -1px;
}

/* Section Categories */
.section .section-yogas .card {
	padding: 20px;
	background-image: none;
	border-top-color: #999;
	height: 100%;
}
.section .section-yogas .column-card-2 {
	margin-top: 30px;
}
.section .section-yogas .column-card-3 {
	margin-top: 60px;
}

/* Section Products */
.section.section-products .carousel-img-1 {
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url('/demos/yoga/images/teacher/divano-LARA.jpg') no-repeat center center / cover;
}
.section.section-products .carousel-img-2 {
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url('/demos/yoga/images/teacher/letto-TURCA.jpg') no-repeat center center / cover;
}
.section.section-products .carousel-img-3 {
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url('/demos/yoga/images/teacher/divano-ST.THOMAS.jpg') no-repeat center center / cover;
}
.section.section-products .carousel-img-4 {
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url('/demos/yoga/images/teacher/divanoletto-YURI.jpg') no-repeat center center / cover;
}
.section.section-products .carousel-img-5 {
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8)), url('/demos/yoga/images/teacher/divano-BLOG.jpg') no-repeat center center / cover;
}

/* Section Store Locator */
.section.section-store-locator .mapboxgl-popup-content {
	overflow-wrap: break-word;
}
.section.section-store-locator h3 {
	font-size: 1rem;
}
.map {
	width: 69%;
	height: 400px;
	left: 33.3333%;
}
.sidebar {
	position: absolute;
	width: 33.3333%;
	height: 100%;
	left: 0;
}
.heading {
	border-bottom: 1px solid #eee;
	padding: 0 10px;
}
.listings {
	height: 100%;
	overflow: auto;
}
.listings .item {
	border-bottom: 1px solid #eee;
	padding: 10px;
	overflow-wrap: break-word;
}
.listings .item:last-child {
	border-bottom: none;
}
.listings .item .title {
	font-weight: 700;
}
.listings .item .title small {
	font-weight: 400;
}
.listings .item.active .title, .listings .item .title:hover {
	color: #333f48;
	cursor: pointer;
}
.listings .item.active {
	background-color: rgb(255 255 255 / 30%);
}
/* Marker */
.marker {
	border: none;
	cursor: pointer;
	height: 40px;
	width: 28px;
	background-image: url(/images/marker-top.png);
	background-color: transparent;
}
/*#marker-0, #marker-3 {
	background-image: url(/images/marker.png);
	height: 26px;
	width: 18px;
}*/
/* Sito Web Möbelprinzen Oldenburg */
.note-link-18 {
	display: none;
}
.mapboxgl-popup-close-button {
	color: #333f48;
    font-size: 20px;
    background-color: #fff !important;
}
.mapboxgl-popup-content {
	width: 180px;
}
.mapboxgl-popup-content h3 {
	background: #333f48;
	color: #fff;
	margin: 0;
	display: block;
	padding: 10px;
	border-radius: 3px;
}
.mapboxgl-popup-content h5 {
	margin: 0;
	padding: 10px 10px 0 10px;
	font-weight: 400;
}
.mapboxgl-container .leaflet-marker-icon {
	cursor: pointer;
}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
	border-bottom-color: #333f48;
}

/* Section Partner */
.icon-line-arrow-right:before, .icon-line-arrow-left:before {
	color: #999;
	background-color: #fff;
    border-radius: 3px;
    padding: 4px;
	padding-bottom: 8px;
}
#oc-teachers .icon-line-arrow-left:before {
	content: "\2190";
}
#oc-teachers .icon-line-arrow-right:before {
	content: "\2192";
}

/* Section Gallery */
.mfp-title {
	font-size: 12px;
	color: #ccc;
}

/* Section Bottom */
.section.section-bottom p {
	line-height: 1.7;
}

/* Footer */
.si-instagram:hover, .si-colored.si-instagram, .si-facebook:hover, .si-colored.si-facebook {
	background-color: #333f48 !important;
}
.social-icon i {
	display: contents;
}
#footer::after {
	width: 100%;
    height: 100%;
	background-image: url(/images/footer.jpg);
	background-position: 10% 90%;
    background-size: cover;
}

/* Cookie Bar */
.cc_container {
	background-attachment: #333f48 !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	color: #fff !important;
    background-color: #999 !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
	color: #333f48 !important;
	background-color: #fff !important;
}

/* Selezione */
::selection {
	background: rgb(153 153 153 / 50%);
}

/* Barra di Scorrimento */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	border-left: 0;
	background: rgb(255 255 255 / 50%);
}
::-webkit-scrollbar-thumb {
	background: #333f48;
	border-radius: 3px;
}

/* Media Query */
@media screen and (min-width: 992px) {
	.hide-on-large {
		display: none !important;
	}
	/* Section Form */
	.section.section-schedule .heading-block.heading-block-1 {
		max-width: 80%;
	}
	/* Section Categories */
	.section .section-yogas {
		padding-top: 0;
		margin-top: 20px;
	}
	/* Testo a comparsa */
	.read-more {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.hide-on-medium {
		display: none !important;
	}
	.section {
		padding: 0;
	}
	/* Slider */
	.swiper-wrapper h2 {
		font-size: 1.2rem;
	}
	/* Section Categories */
	.section .section-yogas .column-card-2, .section .section-yogas .column-card-3 {
		margin-top: 30px;
	}
	/* Section Store Locator */
	.map {
		width: 100%;
		left: 0;
	}
	.sidebar {
		width: 0;
	}
	/* Testo a comparsa */
	.sidebar-box {
		max-height: 105px;
		position: relative;
		overflow: hidden;
	}
	.sidebar-box .read-more { 
		position: absolute; 
		bottom: -10px;
		left: 0;
		width: 100%; 
		text-align: center; 
		margin: 0; 
		padding: 30px 0 30px 0; 
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 100%));
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, rgba(255, 255, 255, 100%)))
	}
}

@media screen and (max-width: 500px) {
	.hide-on-small {
		display: none !important;
	}
	/* Slider */
	section#slider {
		min-height: 35vh !important;
	}
	section#slider .heading-block {
		margin-bottom: 1rem !important;
	}
	section#slider a {
		padding: 8px !important;
	}
	.slider-arrow-left, .slider-arrow-right {
		width: 30px;
		height: 30px;
	}
	.slider-arrow-left i, .slider-arrow-right i {
		height: 30px;
		line-height: 28px;
	}
	section#slider .swiper-slide.hero-diagonal::before {
		background-image: linear-gradient(to right, rgba(29, 29, 27, 0.5) 30%, rgba(29, 29, 27, 0.5) 100%);
	}
	section#slider .swiper-slide.hero-diagonal .row {
		padding-top: 0;
	}
	section#slider .swiper-slide.hero-diagonal .row .col-md-6 {
		margin-top: -20%;
	}
	/* Container */
	.container {
		max-width: 100% !important;
	}
	/* Section Form */
	.section.section-schedule {
		padding: 40px 0;
	}
	.section.section-schedule .heading-block {
		margin-bottom: 3rem !important;
	}
	/* To top */
	#gotoTop {
		display: block;
		right: 25px !important;
	}
}

@media screen and (max-width: 900px) and (orientation: landscape) {
	.hide-on-landscape {
		display: none !important;
	}
	/* Container */
	.container {
		max-width: 100% !important;
	}
	/* Slider */
	section#slider .swiper-slide.hero-diagonal::before {
		background-image: linear-gradient(to right, rgba(29, 29, 27, 0.9) 30%, rgba(29, 29, 27, 0) 100%);
	}
	/* Section Form */
	.section.section-schedule .container > .row.justify-content-between > .col-md-4.sticky-sidebar-wrap, .section.section-schedule .container > .row.justify-content-between > .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* Section Partner */
	.owl-item {
		width: 15% !important;
	}
}