/*
Theme Name: Condividere
Description: Enfold Child x Condividere
Version: 1.0
Author: Housedada
Author URI: http://housedada.com
Template: enfold
*/

html {
	background-color:#281c18 !important;
}
body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased
  color:#f9f9f9 !important;
  line-height: 1.6em !important;
}

section, div {
  box-sizing: border-box;
}

.body-fixed {
  overflow: hidden;
}

/* typo */
p {
  color:#f9f9f9;
  font-weight: 300;
}

a {
  text-decoration: none !important;
  cursor: pointer;
  transition: all ease-in-out .2s;
  color:#ffffff;
}
a:hover {
  opacity: 0.6;
}

p a {
  font-weight: 600;
  border-bottom:2px solid #B75D21;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  font-weight: 400;
  color:#f9f9f9;
}

h1 {
  font-weight: 600;
}

h1, .size56 {font-size:56px}
h2, .size42 {font-size:42px}
h3, .size36 {font-size:36px}
h4, .size24 {font-size:24px}
h5, .size19 {font-size:19px}
h6, .size13 {font-size:13px}

p {
  font-family: 'Karla', sans-serif;
  letter-spacing: 0.06em;
}

.karla {font-family: 'Karla', sans-serif}
.playfair {font-family: 'Playfair Display', serif}

/*images & other*/
.img-100 {
  width: 100%;
  border-radius: 4px;
}

hr {
  border: none;
  border-bottom:1px dashed #e1e1e1;
  margin: 3em 0 2em;
}

/* layout */
.contents {width: 100%; padding:166px 0 0; box-sizing: border-box; overflow: hidden;}
.container-custom {width:98% !important; max-width: 1280px !important; margin: 0 auto;}
.fw-container {width: 100%}

section {margin: 0 50px}
section.no-margin {margin:0 !important}

.padding-none {padding: 0}
.padding-small {padding: 36px 0}
.padding-default {padding: 66px 0}
.padding-huge {padding: 96px 0}

.relative {
  position: relative;
}

/* flex */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.space-between {justify-content: space-between}
.flex-start {justify-content: flex-start}
.flex-end {justify-content: flex-end}
.flex-center {justify-content: center}
.align-center {align-items: center}
.flex-no-wrap {flex-wrap: nowrap;}

/* transitions */
.fade-in {
-webkit-animation: fadein .4s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein .4s; /* Firefox < 16 */
    -ms-animation: fadein .4s; /* Internet Explorer */
     -o-animation: fadein .4s; /* Opera < 12.1 */
        animation: fadein .4s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.fade-2 {transition: all ease-in-out .2s;}
.fade-3 {transition: all ease-in-out .3s;}

/* margins */
.top-1 {margin-top: 1em}
.top-2 {margin-top: 2em}
.top-3 {margin-top: 3em}
.right-1 {margin-right: 1em;}
.right-2 {margin-right: 2em;}
.bottom-1 {margin-bottom: 1em}
.bottom-2 {margin-bottom: 2em}
.bottom-3 {margin-bottom: 3em}
.left-1 {margin-left: 1em;}
.left-2 {margin-left: 2em;}

.fa-right {margin-right: 6px}
.fa-left {margin-left: 6px}

.padding-1 {padding: 1em}
.padding-2 {padding: 2em}
.padding-3 {padding: 3em}

/* backgrounds */
.bg-primary {background-color:#281c18}
.bg-secondary {background-color:#38281F}
.bg-light {background-color:#f1f1f1}

/* color */
.c-primary {color: #f9f9f9}
.c-secondary {color: #B75D21}
.c-dark {color: #281c18}
.c-light {color: #e1e1e1}
.c-grey {color:#cccccc}

/* weight */
.regular {font-weight: 400}
.bold {font-weight: 700}
.semibold {font-weight: 600}
.extrabold {font-weight: 900}

.italic {font-style: italic}

.l-spacing-6 {
  letter-spacing: 6px;
}

/* text-align */
.t-left {text-align: left}
.t-center {text-align: center;}
.t-right {text-align: right;}

/* buttons */
.btn-container {
  display: block;
  margin-bottom: 1em;
}
.btn {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0.75em 1em;
  border:none;
  border-radius: 36px;
}

/* list */
ul.b-list {
  margin: 0px;
  padding: 0px;
}
ul.b-list li {
  margin-bottom: 0.7em;
}

/* images */
.image-rounded {
  border-radius: 50%;
  transition: all ease-in-out .2s
}
.image-rounded:hover {
  transform: scale(1.06);
}

/* header - menu */
.header_bg {
	background-color:rgba(42,34,30,0.8) !important;
}
#header_main {
	border-bottom:1px solid rgba(255,255,255,0.16) !important;
}

/* menu */
#header_main .main_menu {
  margin-right: 60px;
}
.av-menu-button + .av-menu-button > a {
  padding-left: 16px;
}
.stella_michelin {
  position: absolute;
  top:0px; right:-20px;
  width: 70px; height:100%;
  background-repeat: no-repeat;
  background-position: 100% 50% !important;
  background-size: auto 78% !important;
  background-image:url(https://www.condividere.com/wp-content/themes/enfold-child/assets/condividere_stella_michelin_25.png);
}

.av-menu-button-colored a .avia-menu-text, .av_header_transparency .av-menu-button-colored > a > .avia-menu-text {
	background-color:#b75d21 !important;
	color:#f9f9f9 !important;
	border:none !important;
	padding:12px 16px !important;
	border-radius:46px !important;
	transition:all ease-in-out .2s;
}
.av-menu-button-colored a:hover {
	opacity:1 !important;
}
.av-menu-button-colored a .avia-menu-text:hover, .av_header_transparency .av-menu-button-colored > a > .avia-menu-text:hover {
	background-color:#804C26 !important;
	opacity:1 !important;
}

.av-main-nav ul {
	box-shadow:none !important;
	left:inherit !important;
	right:-18px !important;
	width:246px !important;
	background-color:transparent !important;
	margin-top:-6px !important;
}
.av-main-nav ul a {
	padding:1px !important;
	background-color:transparent !important;
  border:none !important;
}
.av-main-nav ul li a .avia-menu-text {
	display:block;
	text-align:center;
	font-size:14px;
}

.current-menu-item .avia-menu-text {
	color:#b75d21 !important;
}

.av-language-switch-item {display: none !important}


/*title*/
.title-container {z-index: 1}
.title-container h1 {z-index: 6}
.title-ill {
  position:absolute;
  width: 180px;
  height: 140px;
  background-position: center;
  background-size: contain;
  background-repeat:no-repeat;
  top:-92px;
  left:50%;
  margin-left: -90px;
  z-index: -1;
}
.ill-experience {background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/ill-experience.png)}
.ill-offer {background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/ill-offer.png)}
.ill-location {background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/ill-location.png)}
.ill-two-artists {background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/ill-two-artists.png)}
.ill-info {background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/ill-info.png)}

/*animations & backgrounds*/
.bg-pattern {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-pattern.png);
  background-repeat: repeat;
}

.bg-animation .bg-element {z-index: 0}
@-webkit-keyframes rotation-r {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(359deg);
	}
}
@-webkit-keyframes rotation-l {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(-359deg);
	}
}

.bg-gear-1 {
  width: 300px;
  height: 300px;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-gear-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top:0px;
  left: -66px;
  animation: rotation-r 20s infinite linear;
}
.bg-gear-2 {
  width: 116px;
  height: 116px;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-gear-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top:0;
  right: 96px;
  animation: rotation-l 30s infinite linear;
}
.bg-gear-3 {
  width:300px;
  height: 300px;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-gear-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top:66px;
  right: -156px;
  animation: rotation-r 20s infinite linear;
}
.bg-gear-4 {
  width:150px;
  height: 150px;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-gear-4.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top:200px;
  left:116px;
  animation: rotation-l 25s infinite linear;
}

#two-artists .bg-gear-1 {
  width: 220px;
  height: 220px;
  top:-40px !important;
	left: inherit !important;
  right: -66px !important;
}
#two-artists .bg-gear-4 {
  width:120px;
  height: 120px;
  top:-70px;
	left: inherit !important;
  right:100px !important;
}

.bg-e01 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-e01.png);
  background-size: 90%;
  background-position: 50% 26%;
  background-repeat: no-repeat;
}
.bg-e02 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-e02.png);
  background-size: 90%;
  background-repeat: no-repeat;
  position: absolute;
  top:61%;
  right:-17%;
  width: 100%;
  height: 1200px;
}

.bg-o01 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-o01.png);
  background-size: 106%;
  background-position: 50% 10%;
  background-repeat: no-repeat;
}
.bg-o02 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-o02.png);
  background-size: 100%;
  background-position: 50% 10%;
  background-repeat: no-repeat;
}

.bg-l01 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-l01.png);
  background-size: 100%;
  background-position: 50% 120px;
  background-repeat: no-repeat;
}
.bg-l02 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-l02.png);
  background-size: 100%;
  background-position: 50% 10%;
  background-repeat: no-repeat;
}

.bg-d01 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-d01.png);
  background-size: 100%;
  background-position: 50% 120px;
  background-repeat: no-repeat;
}
.bg-d02 {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-d02.png);
  background-size: 100%;
  background-position: 50% 10%;
  background-repeat: no-repeat;
}


.bg-next-content,
.bg-esperienza, .bg-offerta, .bg-location, .bg-due-artisti, .bg-info {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-esperienza {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-esperienza.jpg);
}
.bg-offerta {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-offerta.jpg);
}
.bg-location {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-location.jpg);
}
.bg-due-artisti {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-adria-zavoli.jpg);
}
.bg-info {
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-info.png);
}

/*specials*/
.interlude {
  font-family: 'Playfair Display', serif;
  min-height: 24vh;
}
.bg-interlude {
	position:absolute;
	width:200%;
	height:420px;
	bottom:266px;
	left:0px;
	margin-left:-15%;
	z-index:0;
}

/*map*/
.custom-map-container {
	display: block;
	width: 100%;
	height: 440px;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	background-color: rgba(192,94,42,0.9);
	background-blend-mode: multiply;
	z-index: 6;
}
.custom-map-overlay {
	background-color: rgba(192,94,42,0.1);
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


/*next*/
#next {
  min-height: 50vh;
}
.next-content a {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 40vh;
  cursor: pointer;
  padding: 96px 0;
}
.next-content a h2 {
  max-width: 400px;
}

/* floating call */
#floating-menu {
	z-index:9998;
	position:fixed;
	bottom:30px;
	right:30px;
	background-color:#b75d21;
	color:white;
	font-size:15px;
  font-weight: 600;
	line-height:34px;
	padding:6px 24px;
  letter-spacing: 0px;
	border-radius:36px;
	box-shadow:0px 0px 12px rgba(0,0,0,0.1);
}

#scroll-top-link {
	bottom:30px !important;
	right:146px !important;
	height: 45px !important;
  width: 45px !important;
  line-height: 44px !important;
	box-shadow: 0px 0px 0px 1px #999999 !important;
	border-radius:46px;
  background-color: transparent !important;
}

/* footer socket */
#socket p {
	margin-bottom:0px;
}
#socket .container {
	padding:10px 0px !important;
}
#socket .copyright {
  float: inherit !important;
}
#socket .copyright {
  float: inherit !important;
	display:block !important;
	line-height:1.6em !important;
	text-align:center;
	padding-top:12px;
	padding-bottom:12px;
	color:rgba(255,255,255,0.46) !important;
}


/* carousel */
.carousel {
  background:transparent !important;
  border-radius: 4px;
  z-index: 6 !important
}
.carousel-cell {
  width: 100%;
  height: 420px;
  text-align: center;
  overflow: hidden;
}
.carousel img {
  max-width: inherit !important;
  height: 100%;
  margin:0;
}

.carousel-offer .carousel-cell {
  height: 768px;
}

.carousel-offer img {
  max-width: inherit !important;
  height: 100%;
}

.flickity-button {
  background: transparent !important;
  border: none !important;
  color: #e1e1e1 !important;
}
.flickity-prev-next-button {
  background-size: 70% !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  border-radius: 0 !important;

}
.flickity-prev-next-button.previous {
  left: -60px !important;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/slide_arrow_left.svg) !important;
}
.flickity-prev-next-button.next {
  right: -60px !important;
  background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/slide_arrow_right.svg) !important;
}
.flickity-button-icon {
  display: none !important;
}

/* slider */
.custom-slide-arrow img {
  opacity: 0.46;
  transition: all ease-in-out .6s;
}
.custom-slide-arrow img:hover {
  opacity: 0.96;
}

@media only screen and (max-width: 1600px) {
	.stella_michelin {
		right: -5px !important;
	}
}

@media only screen and (min-width: 1280px) {
  /* headroom */
  .headroom {
    will-change: transform;
    transition: transform 200ms linear;
  }
  .headroom--pinned {
    transform: translateY(0%);
  }
  .headroom--unpinned {
    transform: translateY(-100%);
  }
  .headroom--unpinned--action {
    transform: translateY(calc(-257%));
  }
}

@media only screen and (max-width: 1280px) {
  .av-main-nav > li.menu-item-avia-special {
      display: block;
  }
  .av-main-nav > li {
      display: none;
  }
  #header_main .main_menu {
    margin-right: 90px !important;
    border-right: 1px solid rgba(255,255,255,0.25);
    padding-right: 20px !important;
  }
}

@media only screen and (max-width: 990px) {
  .contents {
    padding-top: 66px !important;
  }
  .tm-center {
    text-align: center !important;
  }
}

@media only screen and (max-width: 768px) {
	#header_main .main_menu {
		margin-right: 72px !important;
	}
	.stella_michelin {
		right: 0px !important;
		background-size: 80% !important;
		z-index: 9999 !important;
	}
	.container-custom {
		width: 100% !important;
		max-width: 100% !important;
	}

  h1, .size56 {font-size:42px}
  h2, .size42 {font-size:36px}
  h3, .size36 {font-size:24px}
  h4, .size24 {font-size:19px}
  h5, .size19 {font-size:15px}
  h6, .size13 {font-size:13px}

  .carousel img {
    max-height: 100%;
  }
	.bg-animation {
		display: none !important;
	}
	.bg-e01, .bg-e02, .bg-o01, .bg-o02,
	.bg-l01, .bg-l02, .bg-d01, .bg-d02 {
		background-image: none !important;
	}
	.page-template-template-experience #main,
	.page-template-template-location #main {
		background-size: contain;
		background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-m02.png) !important;
		background-repeat: repeat-y;
	}
	.page-template-template-offer #main {
		background-size: contain;
		background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-m01.png) !important;
		background-repeat: repeat-y;
	}
	.page-template-template-two-artists #main {
		background-size: contain;
		background-image: url(https://condividere.com/wp-content/themes/enfold-child/assets/bg-m04.png) !important;
		background-repeat: repeat-y;
	}
	.carousel-offer .carousel-cell {
	  height: 420px !important;
	}
	.carousel-offer img {
	  max-width: inherit !important;
	  height: 100%;
		max-height: inherit !important
	}
	.flickity-prev-next-button {
		width: 32px !important;
		height: 32px !important;
	}
	.flickity-prev-next-button.previous {
    left: -24px !important;
	}
	.flickity-prev-next-button.next {
    right: -24px !important;
	}
	.av-menu-button-colored .avia-menu-text {
		font-size: 17px !important
	}
}

@media only screen and (max-width: 480px) {
	section {
		margin: 0px 35px !important;
	}

  h1, .size56 {font-size:32px}
  h2, .size42 {font-size:26px}
  h3, .size36 {font-size:21px}
  h4, .size24 {font-size:18px}
  h5, .size19 {font-size:15px}
  h6, .size13 {font-size:13px}

	#header_main .main_menu {
		margin-right: 55px !important;
	}
	.stella_michelin {
		right: -15px !important;
		background-size: 78% !important;
	}

  .lft {top:-166px !important}
  .top-m-3 {margin-top: 3em !important}
	.carousel .carousel-cell {
	  height: 230px !important;
	}
}