/* BARRIOTHEME > STANDARD CSS  */

/* GENERALI */

html,
body {
	position: relative;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	outline: none;
}
 
html, body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -moz-osx-font-smoothing: grayscale;
}

html.is-animating .transition-fade {
	opacity: 0;
}

.transition-fade {
	transition: 0.4s;
	opacity: 1;
}

.openMenu {
    overflow: hidden;
}

* {
	outline: none !important;
}

.row {
	position:relative;	
}

p a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;	
}

/* END GENERALI */


/* BROWSER ALERT */

.browserAlert {
	position: fixed;
	display: none;
	width: 100%;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background: #d70b0b;
	margin: 0px;
	padding: 30px 0px;
	text-align: center;
	z-index: 2000;
}

.ie .browserAlert {
	display: block;
}

.browserAlert p {
	color: #fff;
	padding: 0px;
	margin: 0px;
}

.browserAlert p a,
.browserAlert p a:visited,
.browserAlert p a:focus {
	color: #fff;
	border-bottom: 1px solid transparent;
}

.browserAlert p a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.browserAlert p span {
	margin: 0px 10px 0px 0px;
}

/* END BROWSER ALERT */


/* IMMAGINI */

figure {
	position: relative;
	width: auto;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.cover {
	display: block;
	width: 100%; 
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.cont-v-align {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.v-align {
    display: table-cell;
    vertical-align: middle;
}

/* END IMMAGINI */


/* JARALLAX */

.jarallax {
    position: relative;
	display: block;
    z-index: 0;
}

.jarallax-img source,
.jarallax-img img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
	background-size: cover;
	background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* END JARALLAX */


/* STICKY */

.sticky {
    position: -webkit-sticky;
    position: sticky;
}

/* END STICKY */

/* SWIPER */

.swiper-container {
	position: relative;
	width: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
	background: none;
}

.swiper-button-next:after, 
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after {
	display: none;
}

.swiper-button-next::before, 
.swiper-container-rtl .swiper-button-prev::before,
.swiper-button-prev::before, 
.swiper-container-rtl .swiper-button-next::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* FINE SWIPER */


/* ANIMATION */

.animation {
	opacity: 0;
}

.animation.start {
	-webkit-animation: fadeIn .6s ease-in-out;
	animation: fadeIn .6s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

/* END ANIMATION */


/* WRAPPER */

.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

/* END WRAPPER */


/* HEADER */

header {
	position: relative;
    width: 100%;
}

.fullScreen .jarallax,
.fullWidth .jarallax {
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: -1;
}

/* END HEADER */


/* SECTION */

section {
	position: relative;
	width: 100%;
}

/* END SECTION */


/* FOOTER */

footer {
	position: relative;
	width: 100%;
}

.credits {
	display: block;
	width: 86px;
	height: 12px;
	text-indent:-9000px;
	border: none !important;
	-webkit-mask: url(../img/logo-hellobarrio.svg) no-repeat 50% 50%;
	mask: url(../img/logo-hellobarrio.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.ie .credits {
	width: 86px;
	height: 12px;
	background: url(../img/logo-hellobarrio.svg) no-repeat center center;
	background-size: cover;
	-webkit-mask: none;
	mask: none;
}

/* END FOOTER */