/*
Theme Name: Kosmedics by Sabrina
Theme URI: https://www.kosmedic-sabrina.at/
Description: Brandnew theme for Sabi
Author: Robert Mayer via <a href="https://www.robertmayer.design">Robert Mayer Design</a>
Version: 1.0
*/

:root {
	--skin: #e6dedc;
	--black: #141414;
	--brown: #8B6C66;
	--white: #fff;
	--text: #141414;
	
	--maxwidth-small: 900px;
	--maxwidth: 1524px;
	--halfgap: 15px;
	--gap: 30px;
	--radius: 0;
}

body.slide-active {
    overflow-x: hidden
}

html, body{
    margin: 0;
	padding: 0;
	min-height: 100%;
}

body{
	font-size: 17px;
    line-height: 1.5;
	background: #fff url("img/bg-page.jpg") no-repeat center top;
}

html, body, input, textarea, select, button, .condensed, .btn, .wp-block-button__link{
	font-weight: 400;
    font-family: 'Montserrat',sans-serif;
	color: var(--text);	
}

a{
	color: var(--text);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	-webkit-text-decoration-thickness: 1px;
}
a:hover{
	color: inherit;
	text-decoration-thickness: 2px;
	-webkit-text-decoration-thickness: 2px;
}

.abhayalibre{
	font-family: 'Abhaya Libre', serif;
	font-weight: 600;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5{
    padding: 0;
	margin: 0 0 0.6em 0;
	font-family: 'Abhaya Libre', serif;
	font-weight: 600;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration: none;
}

h1, .h1, .page-title{
	font-size: 3em;
	margin-bottom: 1.2em;
}
@media screen and (max-width: 460px) {
  h1, .h1, .page-title{
	  font-size: 2.6em;
  }
}

h2, .h2{
	font-size: 2.3em;	
}

h3, .h3{
	font-size: 2em;	
}

h4, .h4{
	font-size: 1.6em;	
}

h5, .h5{ /* ~ 14pt */
	font-size: 0.7em;	
}


/* 
	COLORS (seeh wp-setup.php)
*/
.has-brand-fuchsia-color{
	color: #c13c8a;	
}
.has-brand-fuchsia-background-color{
	background-color: #c13c8a;	
}

.has-brand-lightgreen-color{
	color: #d2e3cd;	
}
.has-brand-lightgreen-background-color{
	background-color: #d2e3cd;	
}

.has-brand-anthrazit-color{
	color: #404a5d;	
}
.has-brand-anthrazit-background-color{
	background-color: #404a5d;	
}

.has-brand-sand-color{
	color: #e4dacb;	
}
.has-brand-sand-background-color{
	background-color: #e4dacb;	
}

.has-brand-sandlight-color{
	color: #f4f0ea;	
}
.has-brand-sandlight-background-color{
	background-color: #f4f0ea;	
}

.has-brand-white-color{
	color: #fff;	
}
.has-brand-white-background-color{
	background-color: #fff;	
}

.has-brand-black-color{
	color: #000;	
}
.has-brand-white-black-color{
	background-color: #000;	
}


/* alignfull elements > add_theme_support('align-wide') */
.wp-block-group.alignfull {
    width: auto;
    margin-left: calc(50% - 50vw + 8.5px);
    margin-right: calc(50% - 50vw + 8.5px);
}

.wp-block-group.alignfull .wp-block-group__inner-container{
	max-width: 1170px;
	padding: 4em 1em;
	margin-left: auto;
	margin-right: auto;	
}


.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	padding-left: 0
}

@media (max-width: 600px){
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
	  margin-bottom: 1em;
  }
}


/* clearfix */
.cf:before,
.cf:after{
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after{
    clear: both;
}
.cf{
    *zoom: 1;
}

.no-underline,
.no-underline:hover{
	text-decoration: none;	
}

.bg-beige,
.section-beige-between{
	background: var(--skin);
}

section{
	position: relative;
	padding: 90px 1em;	
}

section.bg-dark{
	z-index: 2;
	background: #131313;
	color: #fff;
}

.section-beige-between{
	z-index: 0;
	margin: -60px 0;
	padding: 120px 1em;
}

.bg-img-topleft{
	background-position: top left;
	background-repeat: no-repeat;
}
.bg-img-topright{
	background-position: top right;
	background-repeat: no-repeat;
}

.text-white{
	color: #fff;	
}

.ucase{
	text-transform: uppercase;	
}

#main label:not(.woocommerce-form__label-for-checkbox),
#main .woocommerce table.shop_table th,
.uppercase-small{
	color: #d0936a;	
    font-size: 12px;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
}

hr{
	padding: 0;
	margin: 0 0 2.4em 0;
	height: 1px;
    background: rgba(0,0,0,0);
	color: #fff;
	border: none;
	border-top: 1px solid rgba(0,0,0,0.1);
}
hr.dashed{
	border-top: 1px dashed #ccc;
}

hr.hr-section{
	position: relative;
    z-index: 1;
    bottom: -5px;
	margin: 0 auto;
	width: 60px;
	border-top: 4px solid #ccc;
}

.ease-out, .btn, .block-link,
.wp-block-button__link, .wc-block-grid__product-link{
    transition: all 0.2s ease-in;
}
.ease-in{
    transition: all 0.2s ease-in;
}

#main, #footer {
    position: relative;
    left: 0;
}
#main.slide-active {
    padding-top: 0
}

html.touch .btn-share.btn-whatsapp{
	display: inline-block;
}

ul.wp-block-gallery,
.wp-block-image.aligncenter{
	margin-bottom: 2em;	
}

.wp-block-image figcaption a {
    color: #6c7781;
}

.wp-block-gallery .blocks-gallery-item figcaption{
	pointer-events: none; /* enables the click on lightbox */
}
@media screen and (max-width: 460px) {
	.wp-block-gallery .blocks-gallery-item figcaption{
		display: none;	
	}
}

/* video embed */
figure.is-type-video {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 2em; /* beacuse there is a banner beyond! */
	padding-bottom: 56.25%; /* aspect ratio 16:9 */
	padding-top: 0; /* toolbar */
	background: #000;
}

figure.is-type-video .wp-block-embed__wrapper,
figure.is-type-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* border: 6px solid #fff; /* padding */
}


.woocommerce-product-gallery__wrapper:after{
    z-index: 2;
}

.btn,
.wp-block-button__link{
	font-size: 108%;
	line-height: 1;
	text-decoration: none;
	font-weight: bold;
	color: #c13c8b;
	border-radius: 9999px;
	border: 2px solid #c13c8b;
}

.btn:hover,
.wp-block-button__link:hover{
	transform: scale(1.04);
}

.block-link,
.wc-block-grid__product-link{
	position: relative;
	z-index: 1;
	display: block;
	color: inherit;	
	border-radius: var(--radius);
	text-decoration: none;
	background: rgba(237,231,219,0);
	border-bottom: 0;
}
.block-link:hover,
.wc-block-grid__product-link:hover{
	text-decoration: none;
	background-color: rgba(255,255,255,1);
    box-shadow: 0 0 0 8px #fff;
	border-bottom: 0;
}
.block-link.hover-frame:hover:after{
	opacity: 1;
	transform: translate(18px,-18px);	
}


.zoom-in, .glightbox, .gallery a,
#main a[href$=".jpg"], #main a[href$=".jpeg"]{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;	
	cursor: zoom-in;
}

.media{
	overflow: visible;	
}

.msg{
	position: relative;
	min-height: 46px;
	margin: 0 0 1em 46px;
	padding: 1em;
	border-left: 2px solid rgba(0,0,0,0.2);
	background: #ffffe1;
}

.msg .icon{
	position: absolute;
	left: -46px;
	top: 0;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,0.2);
}

.success{
	border-color: #64b51d;
	background: #eef7e6;
}
.msg.success .icon{
	background: #64b51d;
}

.error{
	border-color: #f00;
	background: #FFC;
}
.msg.error .icon{
	background: #f00;
}

#main img:not(.leaflet-marker-icon){ 
	border-radius: var(--radius);	
}

img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

img.alignleft{
	float: left;
	margin-right: 0.5em;	
}

img.alignright{
	float: right;
	margin-left: 0.5em;	
}

.img-margin{
	vertical-align: middle;
	margin: 6px 0.5em;	
}
	
/*-----------------------   CONTENT   -----------------------*/
#main{
	margin-top: 115px;
	min-height: 66vh;
}
body.home #main{
	margin-top: 0;
}

.page-template-tpl-landingpage #main{
	margin-bottom: 0px;	
}

.container-big{
	width: auto;
	max-width: 1440px;
}

.container-small{
	max-width: 900px;
}

@media screen and (max-width: 700px) {
	#main{
		margin-top: 68px;
	}
}

#main a[href$=".jpg"],
#main a[href$=".png"]{
	text-decoration: none;
	border: none;
}

#main p,
#main ul,
#main ol{
    margin-bottom: 3rem;	
}

#main section p:last-child{
	margin-bottom: 0;
}

/* Home */
.highlight-item{
	display: block;
	padding: 1em 3em;
	text-decoration: none;
	color: inherit;	
}
.highlight-item:hover,
.highlight-item:hover * {
	text-decoration: none;
}

.highlight-item img{
	width: 72px;
	height: 72px;	
	margin-bottom: 1em;
	transition: transform .3s ease;
}
.highlight-item:hover img{
	transform: scale(1.2);
}

.highlight-item .h3{
	margin-bottom: .2em;
	transition: color .3s ease;
}

.highlight-item:hover .h3{
	color: var(--brown);
}

.section-topaktuell{
	padding-top: 90px;
	margin-top: 0;	
}

h2.title-topaktuell {
    width: 100%;
    height: 1.2em;
    margin: -20px 0 -15px -8px;
    overflow: hidden;
    color: #d0936a;
    font-size: 6em;
    opacity: 0.3;
}
@media screen and (max-width: 460px) {
	h2.title-topaktuell {
		font-size: 4.2em;
	}
}

.descr-topaktuell{
	margin-bottom: 2em;	
}

.descr-topaktuell h3{
	color: #d0936a;
}

.section-news{
	z-index: 1;
}

/*
.news-teaser-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}*/

.news-teaser-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "article-1 article-2" "article-1 article-3";
  grid-gap: 30px;
}

.article-1 {
	grid-area: article-1;
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.article-2 { grid-area: article-2; }
.article-3 { grid-area: article-3; }

@media screen and (max-width: 991px) {
	.article-2 img, .article-3 img{
		display: none;	
	}
}

@media screen and (max-width: 720px) {
	.news-teaser-grid{
		display: block;
	}
	.article-1 {
		padding-top: 6em;
	}
}

.news-teaser-grid .flex-bottom{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 1em;
	justify-content: flex-end;	
}
.news-teaser-grid .flex-bottom:after{
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--radius);
	background: url(img/bg-news-feature.png) left bottom repeat-x;
}


.news-teaser-big{
	flex: 0 0 100%;
	margin: 15px;
}

.news-teaser-small{
	flex: 0 0 50%;
	margin: 15px;
}

/* news */
.section-post-intro{
    z-index: 1;
    padding-bottom: 0;
}

.section-post-intro .container{
	background: #fff;
	padding-bottom: 1em;
}

.post-footer{
    z-index: 1;
    padding-top: 0;
}

.post-footer .container{
	padding-top: 1em;
	padding-bottom: 1em;
	min-height: 5em;
	background: #fff;
}

.post-navigation{

}

/* price list */
.section-prices:nth-child(even){
	background: #ede7db;
}

.section-prices h2{
	font-size: 2em;
	color: #d0936a;
}

.prices-list ul{
	margin: 0 0 1.6em 0;
	padding: 0;
	list-style-type: none;	
	border-top: 1px solid var(--brown);
}

.prices-list li{
	display: table;
	width: 100%;
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid var(--brown);
}

.prices-list li .meta{
	float: right;
	padding-left: 0.6em;
}

.prices-list li .duration{
	padding-right: 0.3em;
	color: var(--brown);
}

.prices-list li .duration .material-icons{
	font-size: 21px;
    vertical-align: sub;
}

.prices-list li del{
	color: #900;	
}


.prices-list li:hover{
	padding: 1em 0.3em;
	background: var(--skin);
}
.prices-list li:hover .duration,
.prices-list li:hover .price{
	color: #000;
}


/* treatments */
.section-treatment figure{
	display: inline-block;	
	margin-bottom: 2em;
}

.section-treatment h3.h4{
	
}

.tag,
.tagged_as a{
	display: inline-block;
	padding: 4px 1em;
	margin-bottom: 0.5em;
	height: 2em;
	border-radius: 1em;
	font-size: 90%;
	text-decoration: none;
	color: #404a5d;
	border: 1px solid #404a5d;
	background: rgba(255, 255 , 255, 0.2);
	transition: background 0.3s ease;
}

a.tag:hover,
.tagged_as a:hover{
	text-decoration: none;
	background: rgba(255, 255 , 255, 1);
}

.section-treatment h2.beyond{
	position: absolute;
	z-index: 0;
	left: -10px;
	top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	pointer-events: none;
    color: #fff;
    font-size: 9em;
	line-height: 0.55;
    white-space: nowrap;
    opacity: 0.4;
}
.section-treatment h2.beyond-right{
	left: 0;
	right: -10px;
	text-align: right;
}

@media screen and (max-width: 800px) {
	.section-treatment h2.beyond{
		font-size: 7em;
	}
}


/* call to action */
.btn-cta{
	height: 2.6em;
	padding: 0.5em 1em;
	line-height: 1.4;
	text-transform: uppercase;
	border-radius: 1.3em;
	border: 2px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2);
}

.btn-cta:hover{
	border: 2px solid rgba(0, 0, 0, 1);
}

.btn-outline{
	height: 2.6em;
	padding: 0.5em 1em;
	line-height: 1.4;
	text-transform: uppercase;
	border-radius: 1.3em;
	border: 3px solid rgba(0, 0, 0, 1);
	background: rgba(255, 255, 255, 0);
}

.btn-outline:hover{
	background: rgba(255, 255, 255, 1);
	border: 3px solid rgba(255, 255, 255, 1);
}



/* news articles */
.article-list{
	margin-bottom: 1.2em;
}

.article-item{
	margin-bottom: 3em;	
}

.timestamp{
	font-size: 90%;
	font-weight: bold;
}

#main .article-item p{
	margin-bottom: 0;
}

.article-item .media-left{
	padding-right: 30px;
}

.article-item img{
	opacity: 0.8;	
	transition: opacity 0.3s;
}

.article-item .block-link:hover img{
	opacity: 1;	
}

@media screen and (max-width: 700px) {
	
	.article-item img.media-object{
		width: 140px;
		height: auto;
	}
		
}

@media screen and (max-width: 460px) {
	
	.article-item img.media-object{
		width: 90px;
	}
	
	.article-item .excerpt{
		display: none;	
	}
		
}

@media screen and (max-width: 400px) {
	
	.article-item .media-left{
		display: none;
	}
		
}

.img-article{
	float: left;
	max-width: 50%;
    margin: 0 2em 1em 0;
}
.img-pull-left{
	margin-left: -60px;
}


@media screen and (max-width: 860px) {
	.img-pull-left{
		margin-left: -20px;
	}
}

@media screen and (max-width: 760px) {
	.img-pull-left{
		margin-left: 0;
	}
}

@media screen and (max-width: 670px) {
	.img-article-portrait{
		max-width: 33%;
	}
	
	.img-article-landscape{
		float: none;
		max-width: 100%;
		margin: 0 auto 2em auto;
	}
	
	.img-article-landscape img.img-responsive {
		margin: 0 auto;
	}
}

@media screen and (max-width: 400px) {
	.img-article-portrait{
		float: none;
		margin: 0 0 1em 0;
		max-width: none;
	}
}

.wp-caption-text{
	padding-top: 3px;
	font-size: 80%;
	line-height: 1.2;
	color: #64686a;	
}

.pagination h2{
	display: none;
}

.pagination .nav-links a,
.pagination .nav-links span{
	display: inline-block;
	margin: 0 4px;
	padding: 0 6px;
}



/* contact */
a[href^='tel:']{
	text-decoration: none;
	border-bottom: 1px dashed #CCC;	
}

.contact-map{
	text-align: right;	
}


/* gallery */
.gallery{
	margin-bottom: 1em;
}

.gallery ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.gallery li{
	display: inline;
	margin: 0;
	padding: 0;
}

.gallery a{
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	margin: 4px;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 0 2px rgba(210, 35, 42, 0);
	transition: box-shadow 0.3s ease-out;
}

.gallery a:hover{
	z-index: 2;
	box-shadow: 0 0 0 6px rgba(210, 35, 42, 1);
}

.gallery a:hover img{
	opacity: 0.6;	
}

@media screen and (max-width: 390px){
	.gallery a img{
		width: 120px;
		height: auto;	
	}
}


/* faqs */
.schema-faq{
	border-top: 1px solid #3d4245;
	margin-bottom: 2em;	
}

.schema-faq-section{
	padding: 1em 0;
	border-bottom: 1px solid #3d4245;
}

.schema-faq-section.faq-closed{
	border-left: 4px solid rgba(0,0,0,0);
}

.schema-faq-question{
	position: relative;
	display: block;
	padding-left: 30px;
	cursor: pointer;
	color: #ccc;
	transition: color 0.3s ease-out;	
}
.schema-faq-question:before{
	position: absolute;
	top: 4px;
	left: 0;
	content: "\f00d";	
    font: normal normal normal 90% FontAwesome;
	color: #3d4245;
}

.faq-closed .schema-faq-question{
	color: #fff;
}
.faq-closed .schema-faq-question:before{
	content: "\f067";	
}

.schema-faq-answer{
	display: block;
}

#main p.schema-faq-answer{
	margin-bottom: 0;
}

.faq-closed .schema-faq-answer{
	display: none;
}


.tabs{
	border-bottom: 1px solid #d3ced2;
}

.tabs li{
	margin-bottom: -3px !important;
	border-bottom: none !important;
}


/* home */
.section-hero{
	padding: 0;
}

.slideshow{
	position: relative;
	width: 100%; /* adaptive height via slick options */
}

.slideshow .slick-list{
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
}

.slick-track{
	height: 100%;
}

.section-hero .slide.slick-slide{
	position: relative;
	width: 100%;
	height: auto;
}
.section-hero a.slide.slick-slide{
	text-decoration: none;
}

.section-hero .slide.single-img{
	position: absolute;
	top: 0;
	left: 0;
}

.section-hero .slide .slide-img{
	position: relative;
	width: 100%;
	height: 42.7vw; /* image is 1800x770 = height of slideshow! */
	background-position: top center;
	background-size: cover;
}

@media screen and (max-width: 1200px) {
	.section-hero .slide .slide-img{
		height: 80vh;
	}
}

.slideshow .controls{
	position: absolute;
	z-index: 1;
	top: 50%;	
	width: 50px;
	height: 45px;
	margin-top: -27px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 50px;
}

.slideshow .prev{
	left: 10px;
}

.slideshow .next{
	right: 10px;
}

#main .slick-dots{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	mix-blend-mode: difference;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '◻';
	text-align: center;
	color: #fff;
	font-size: 24px;
}

.slick-dots li.slick-active button:before {
  content: '◼';
	  font-size: 24px;
}

@media screen and (max-width: 830px) {
	#main .slick-dots{
		display: none;
	}
}

.slideshow .slide-box{
	position: absolute;
	z-index: 9991;
	width: 360px;
	top: 50%;
	left: 50%;
	padding: 18px;
	border-radius: var(--radius);
	background: #fff url("img/bg-page.jpg") no-repeat 34% 5%;
	transition: transform 0.4s ease-out, opacity 0.4s ease-out;
	transition-delay: 1s; /* same as cycle transition speed */
}

.slideshow .slide-box{
	transform: translateY(-40%);
	opacity: 0;
}

.slideshow .slick-active .slide-box{
	transform: translateY(-50%);
	opacity: 1;
}

@media screen and (max-width: 920px) {
	.section-hero .slide .slide-img{
		height: 83vh;
		background-position: 26% 0;
	}
	
	.slideshow .slide-box{
		position: static; /* beyond img */
		width: auto;
		margin: -30px 30px 0 30px;
		opacity: 1;
		transform: translateY(-50%) !important;
		transition: none;
	}
}


.section-hero .slide-thumb{
    width: 150px;
    margin-right: 1em;
	margin-bottom: 0;
}

.section-hero .slide-thumb img{
	width: 150px;	
	height: auto;
	max-width: unset; /* wordpress img bugfix */
}



@media screen and (max-width: 1200px) {
	.section-hero .slide-thumb,
	.section-hero .slide-thumb img{
		width: 120px;	
	}
}

.section-hero .slide-text h2{
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 1.8em;
}

.section-hero .slide-descr{
	font-size: 90%;
	color: #333;	
}


.tiny-scrollbar::-webkit-scrollbar { /* width */
	width: 8px;
}
.tiny-scrollbar::-webkit-scrollbar-track { /* Track */
	background: rgba(255,255,255,0.2); 
}
.tiny-scrollbar::-webkit-scrollbar-thumb { /* Handle */
	border-radius: 8px;
	background: rgba(0,0,0,0.2); 
}
.tiny-scrollbar::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	background: rgba(0,0,0,0.5); 
}



/*-----------------------   HEADER   -----------------------*/
#header{
	display: flex;
	align-items: center;
	gap: 1vw;	
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	padding: 30px 30px;
	font-size: 0.9em;
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #fff;
}
/*
body.home #header{
	background-color: rgba(255,255,255,0);	
}*/

#header,
#header.unscrolled,
#header.scrolled{ /* bugfix to animate fade-out */
	box-shadow: 0px 2px 26px 0px rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);	
	transition: padding .3s ease, box-shadow 0.4s ease, background-color .3s ease;
}

#header.scrolled{
	padding: 20px 30px;
	box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.24);
	background-color: rgba(255,255,255,1);	
}
/*
body.home #header.scrolled{
	background-color: rgba(255,255,255,1);	
}*/

a#logo{
	border-bottom: none;	
}

#logo img{
	width: 160px;
	height: auto;
	margin-bottom: 0;
	transition: transform .3s ease, margin-bottom .3s ease;	
}
#header.scrolled #logo img{
	transform: translateY(-13px);
	margin-bottom: -30px;
}

#header a{
	display: inline-block;
	border-radius: var(--radius);
	text-decoration: none;	
	color: var(--text);
}

/* nav-bar */
.nav-bar {
	display: flex;
	align-items: center;
	width: 100%;
}

#menu-nav_left{
	display: flex;
}

#menu-nav_right{
	margin-left: auto; /* align right */
}

.nav-bar ul{
	display: flex;
	gap: 1vw;	
	list-style: none;	
}

.nav-bar ul,
.nav-bar li{
	margin: 0;
	padding: 0;
}

.nav-bar li.mobile-only{
	display: none;	
}

.nav-bar li a{
	padding: 2px 6px;
	transition: background 0.3s ease;
	background: none;
}

.nav-bar li a:hover,
.nav-bar li.current-menu-item a,
.nav-bar li.current_page_parent a,
.nav-bar li.current-page-ancestor a{
	background: var(--skin);
}

.nav-bar li a .menu-item-cart-items{
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #c13c8b;
	margin-right: 5px;
	border-radius: 999px;	
	border: 2px solid #c13c8b;
}

.nav-toggle{
	display: none;
}

@media screen and (max-width: 1020px){
	
	#header{
		padding: 20px 30px;	
	}

	#logo, #logo svg{
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	#header.scrolled #logo svg{
		transform: translateY(-15px);
	}

	.nav-bar{
		position: fixed;
		z-index: 1;
		display: block;
		top: 0;
		right: 0;
		height: 100vh;
		width: 250px;	
		margin: 0;
		padding: 10px;
		transform: translateX(250px);
		transition: transform .2s, width .2s;
		background: var(--text);
	}
	
	#menu-nav_left, #menu-nav_right{
		display: block;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	.nav-bar ul,
	.nav-bar li,
	.nav-bar li.mobile-only{
		display: block;	
	}
	
	#header .nav-bar li a{
		float: none;
		display: block;
		padding: 8px;
		margin: 8px 0;
		color: #fff;
	}
	
	#header .nav-bar li a:hover,
	#header .nav-bar li.current-menu-item a,
	#header .nav-bar li.current_page_parent a,
	#header .nav-bar li.current-page-ancestor a{
		background: var(--brown);
	}
	
	.nav-bar li a .menu-item-cart-items{
		background: #fff;
		color: #171717;
	}
	
	.nav-toggle{
		display: flex;
		position: absolute;
		z-index:999;
		top: 19px;
		left: -62px;
		width: 54px;
		height: 53px;
		padding: 0;
		background: rgba(255,2552,255,0);
		border: none;
		cursor: pointer;
		pointer-events: auto !important;	
		transition: top .3s ease, background .3s ease;
	}
	
	#header.scrolled .nav-toggle{
		top: 3px;
	}
	

	body.nav-open .nav-toggle{
		background: rgba(255,2552,255,1);
	}

	.nav-toggle .line {
	  fill: none;
	  stroke: var(--text);
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.nav-toggle .line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.nav-toggle .line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.nav-toggle .line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.nav-open .nav-toggle .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.nav-open .nav-toggle .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.nav-open .nav-toggle .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	
}

body.nav-open .nav-bar{
	transform: translateX(0);
}

body.nav-open{
	overflow-x: hidden; /* Disable horizontal scroll */
}

body #menu-nav_mobile_only{
	display: none;	
}
body.nav-open #menu-nav_mobile_only{
	display: block;
	font-weight: 400;
}


/*----------------- QUICK CALL -----------------*/
.quick-call-widget{
	position: fixed;
	display: flex;
	flex-direction: column;
	z-index: 99;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: var(--radius);
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
}

a.quick-call-btn{
	display: flex;
  align-items: center;
  justify-content: center;
	width: 74px;
	height: 64px;
	background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.1);
	text-decoration: none;
}

a.quick-call-btn i{
	font-size: 34px;
}

a.quick-call-btn:hover,
a.quick-call-btn:active{
	color: #fff;
}

a.quick-call-btn:first-child{
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);

}

a.quick-call-btn:last-child{
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	border-bottom: none;
}

@media screen and (max-width: 1200px){
	.quick-call-widget{
		right: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	a.quick-call-btn:first-child{
		border-top-right-radius: 0;
	}
	a.quick-call-btn:last-child{
		border-bottom-right-radius: 0;
	}
}

.quick-call-appointment{
	color: #000;	
}
.quick-call-appointment:hover,
.quick-call-appointment:active{
	background: #292929;
}

.quick-call-whatsapp{
	color: #2ba75c;	
}
.quick-call-whatsapp:hover,
.quick-call-whatsapp:active{
	background: #2ba75c;
}

.quick-call-phone{
	color: #658dbe;	
}
.quick-call-phone:hover,
.quick-call-phone:active{
	background: #658dbe;
}

@media screen and (max-width: 920px){
	.quick-call-widget{
		top: auto;
		bottom: 20px;
		transform: none;
	}
	a.quick-call-btn{
   		width: 64px;
    	height: 54px;
	}
}


/*----------------- SHARING -----------------*/
.share-btns{
	padding-top: 2em;
	text-align: center;
}

.share-hint{
	padding-bottom: 6px;	
}

.btn-share{
	box-shadow: none;
	text-transform: none;
	color: #fff;
	text-align: center;
	opacity: 0.7;
	width: 42px;
	padding: 0.5em 0;
	font-size: 110%;
	border: none !important;
}

.btn-share:hover{
	opacity: 1;
	color: #fff !important;
}

.btn-share img{
	width: 16px;
	height: 16px;
}

.btn-share.s_facebook{
	background-color: #3a5795;	
}

.btn-share.s_whatsapp{
	display: none;
	background-color: #45c455;	
}
.touch .btn-share.s_whatsapp{
	display: inline-block;	
}

.btn-share.s_twitter{
	background-color: #55acee;	
}

.btn-share.s_plus{
	background-color: #dd4b39;	
}

.btn-share.s_linkedin{
	background-color: #0077b5;	
}


/*-----------------------   FOOTER   -----------------------*/
#footer{
	position: relative;
	font-size: 78%;
	background: #baa29e;
}

#footer .container{
	position: relative;
	z-index: 1;
}

#footer,
#footer a{
	color: #323336;
	text-decoration: none;	
}

.footer-sitemap{
	padding-top: 60px;
	padding-bottom: 60px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;	
}

.footer-social{
	padding: 60px 0;
	background: #deb396;	
}

.footer-social-links{
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-social-links li{
	margin: 0 0 .8em 0;
	padding: 0;
}

.footer-social-links a{
	display: inline-block;
	padding: .3em .8em;
	border-radius: 999px;
	color: #323336 !important;
	background: #fff;	
}

.footer-social-links a i{
	color: var(--brown);	
    font-size: 20px;
	vertical-align: bottom;
}

.footer-nav{
	margin: 0 0 1em 0;
	padding: 0;	
	list-style: none;
}


.footer-nav li{
	margin: 0;
	padding: 2px 0;	
}

.footer-nav li:before{
	content: '\f105'; /*content: '\f054';*/
	font-family: 'Line Awesome Free';
	    font-weight: 900;
	color: var(--brown);
	padding-right: 4px;
	vertical-align: -2px;
}

.footer-bottom{
	padding: 60px 0;
	background: #161616;
}

.footer-bottom,
.footer-bottom a{
	color: var(--skin) !important;	
}

.footer-bottom .col-logo img{
	width: 160px;
	height: auto;
}

.footer-bottom .col-superfesch{
	text-align: right;
}

@media screen and (max-width: 991px){
	.footer-bottom .col-copyright,
	.footer-bottom .col-superfesch{
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

.footer-credits{

}

.footer-credits a{
	display: inline-block;
}

.footer-credits a img{
	width: 80px;
	height: auto;
	opacity: .8;
}

.footer-credits a:hover img{
	opacity: 1;
}


.footer-privacy{
	padding: 32px 0;
	background: #000;
	text-align: center;
	font-size: 75%;
}

.footer-privacy ul{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	opacity: .9;
}

.footer-privacy li{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 1em;
}

.footer-privacy a{
	color: #fff !important;
	text-decoration: none;
}


/*----------------- COOKIE BAR -----------------*/
#cookie-bar.fixed {
    position: fixed;
	z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 1em;
	text-align: center;
	font-size: 90%;
	background: #333;
}

#cookie-bar,
#cookie-bar a{
	color: #fff;
}

#cookie-bar a.cb-enable {
	display: inline-block;
    padding: 1px 6px;
	color: #333;
	text-decoration: none;
	background: #94c273;
	border: none;
	border-radius: 3px;
}


/*-----------------------   DEBUG   -----------------------*/
pre.debug{
	background: #FFC;
	color: #333;
	padding: 8px;
	border: 2px solid #dcdc9f;	
	font-size: 12px;
	max-height: 200px;
	overflow: auto;
}

pre.debug.focus{
	max-height: none;
	overflow: auto;
}

pre.debug hr{
	background: #FFC;
	border: none;
	border-top: 1px solid #dcdc9f;	
}


#wp-admin-bar-wp-logo{
	display: none !important;	
}



/*-----------------------   LIGHTBOX   -----------------------*/

/* line 27, ../sass/simplelightbox.scss */
body.hidden-scroll {
  overflow: hidden;
}

/* line 30, ../sass/simplelightbox.scss */
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #785389;
  opacity: 0.8;
  display: none;
  z-index: 10010;
}

/* line 41, ../sass/simplelightbox.scss */
.sl-wrapper {
  z-index: 10020;
}
/* line 43, ../sass/simplelightbox.scss */
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
/* line 49, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
  opacity: 0.7;
}
/* line 54, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10020;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #fff;
  font-size: 3rem;
}
/* line 69, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close:focus {
  outline: none;
}
/* line 74, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10020;
  color: #000;
  font-size: 1rem;
}
/* line 84, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
/* line 87, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10020;
  color: #fff;
}
.sl-wrapper .sl-navigation .material-icons{
	font-size: 48px;
}
/* line 99, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 4rem;
}
/* line 104, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 4rem;
}
/* line 109, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}
@media (min-width: 35.5em) {
  /* line 87, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  /* line 116, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
  }
  /* line 121, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
  }
}
@media (min-width: 50em) {
  /* line 87, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  /* line 129, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
  }
  /* line 134, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;;
  }
}
/* line 142, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10020;
}
/* line 147, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
}
@media (min-width: 35.5em) {
  /* line 147, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  /* line 147, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
/* line 160, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  /* line 160, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  /* line 160, ../sass/simplelightbox.scss */
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
/* line 170, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 180, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
/* line 185, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
/* line 190, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 10020;
}

/* line 201, ../sass/simplelightbox.scss */
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 10020;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

/* line 220, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/*-----------------------   PLUGINS   -----------------------*/

/*! Hint.css - v2.5.0 - 2017-04-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2017 Kushagra Gour */

[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}