/*	------------------------------------------------------------------------
	==/ CREDITS /===

	Owner: Bibibus
	Template URL: http://www.mondomostre.it
	Description: MondoMostre, Roma
	Author: Bibibus
	Author URL: http://www.bibibus.com
	
===============================================================/ Credits /== */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700;1,900&display=swap');

/*	---------------------------------------------------------------------------
	==/ 01 /===>	* GLOBAL & RESETS *
===============================================================/ 01 /======= */
body {
	font-family: 'Raleway', sans-serif;
	color: #1c1d1a;
	background-color: #fff;
	font-weight: 600;
}
body#index,
body.mostra-background {
	background-image: none;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

@media only screen and (min-width:960px) {
	body#index,
	body.mostra-background {}
}

a { color: #b99466; }
a:active, a:hover { outline: 0; }
a:hover {
	color: #907450;
	text-decoration: none;
}
a:hover.uk-card-default {
	color: #000;
	text-decoration: none;
}
a.uk-link { color: #fcb340; }
a:hover.uk-link { color: #fcb340; }
em { color: #333; }

.uk-heading-small,
.uk-heading-medium,
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 { font-family: 'Raleway', sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #1c1d1a; }
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 { color: #b99466; }

.uk-text-micro { font-size: 10px; }
.uk-text-macro { font-size: 1.15rem; }
.uk-text-mega { font-size: 1.5rem; }
.uk-text-jumbo { font-size: 2rem; }
.uk-text-white { color: #fff; }
.uk-text-light-white { color: #fdfcff; }
.uk-text-grey { color: #807f80; }
.uk-text-black { color: #1c1d1a; }
.uk-text-gold { color: #b99466; }
.uk-text-red { color: #be1e4c; }
.uk-section-default-gold { background-color: #b99466; }
.uk-background-dark { background-color: #808080; }

.uk-text-accent {
	padding: 5px;
	background-color: #1c1d1a;
	color: #fff;
}
.uk-text-accent-gold {
	padding: 5px;
	background-color: #b99466;
	color: #fff;
}


/* preloader 
-------------------------------------------------------------------------*/
.preloader{background:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:999999;}
.preloader.inner-preloader{height:100%;width:100%;}

.video-container,.google-maps,#map{position:relative;height:0;overflow:hidden;}
.video-container iframe,
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
#map,.google-maps,.video-container{padding-bottom:56.25%;}

.non-visibile { display: none; visibility: hidden; }
.visibile { display: block; visibility: visible; }
.visibile-inline { display: inline-block; visibility: visible; }


/*	------------------------------------------------------------------------
	==/ 02 /===>	* LAYOUT *
===============================================================/ 02 /======= */

/*  Top bar
--------------------------------------------------- */
.translate a { color: #000; }
.translate a:hover,
.translate a.lang-active { color: #b99466; }

.home-translate a { color: #fff; }
.home-translate a:hover,
.home-translate a.lang-active { color: #b99466; }

.uk-label-home {
	background-color: #000;
	color: #fff;
	font-size: 1.125rem;
	padding: 5px 10px;
}
.uk-section-border { border: 1px solid #b99466; }

[class*="uk-position-home"] { top: 30%; }

.uk-tab-mostre.uk-tab>*>a {
	font-size: 1.125rem;
    color: #1c1d1a;
	}
.uk-tab-mostre.uk-tab>.uk-active>a {
    color: #b99466;
    border-color: #b99466;
}

.uk-hr, hr { border-top: 1px solid #b99466; }


/*	------------------------------------------------------------------------
	==/ 03 /===>	* NAVIGATIONS & BREADCRUMBS *
===============================================================/ 03 /======= */
.header-wrapper,
.header-wrapper-active { background-color: #fff; }
.header-wrapper { padding: 40px 0 20px; }
.header-wrapper-active { padding: 10px 0 10px; }
.home-nav { border-bottom: 1px solid #fff; }
.main-nav { border-bottom: 1px solid #1c1d1a; }
.uk-navbar-nav > li > a {
	font-family: 'Raleway', sans-serif;
	color: #1c1d1a;
	min-height: 50px;
}
.home-nav .uk-navbar-nav > li > a { color: #fff; }

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li.uk-active-path > a,
.uk-navbar-nav > li.current > a,
.uk-navbar-nav > li > a:active,
.uk-nav-navbar > li > a:focus,
.uk-nav-navbar > li > a:hover { color: #98979a; }

.uk-navbar-dropdown {
	background: #1c1d1a;
	margin-top: -20px;
	width: 220px;
	padding: 10px 25px;
}
.uk-nav-right li > a { justify-content: right; }
.uk-navbar-dropdown-nav > li > a { color: #fff; }
.uk-navbar-dropdown-nav > li.current > a,
.uk-navbar-dropdown-nav > li > a:hover { color: #b99466; }


/*  Mobile Navigation
--------------------------------------------------- */
.uk-offcanvas-bar {
	background: #fff;
	padding: 0;
}
.social-nav { background: #b99466; }
footer.uk-section-secondary .footer-nav a:hover,
.social-nav a:hover { color: #ddd; }
.uk-offcanvas-bar .bar-title {	
	padding: 5px;
	background: #333;
}
.offsidenav li a {
	border-bottom: 1px solid #b99466;
	color: #b99466;
	padding: 10px 20px;
}

.offsidenav > ul > li:hover > a,
.offsidenav > ul > li.uk-active:hover > a,
.offsidenav .uk-nav-sub li:hover > a {
	background: #b99466;
	color: #fff;
}

.offsidenav > ul > li.uk-active > a {
	background: #c99460;
	color: #fff;
}
	

/* Navigazione interna per pagina About */

.uk-nav-default.uk-nav-momo > li { display: inline-block; }
.uk-nav-default.uk-nav-momo > li > a {
	color: #000;
	font-size: 2.75rem;
	font-weight: 700;
}
.uk-nav-default.uk-nav-about > li { display: inline-block; }
.uk-nav-default.uk-nav-about > li > a {
	color: #333;
	font-weight: 700;
}
.uk-nav-default.uk-nav-momo > li > a:focus,
.uk-nav-default.uk-nav-momo > li > a:hover,
.uk-nav-default.uk-nav-momo > li.uk-active > a,
.uk-nav-default.uk-nav-about > li > a:focus,
.uk-nav-default.uk-nav-about > li > a:hover,
.uk-nav-default.uk-nav-about > li.uk-active > a { color: #b99466; }


/*	------------------------------------------------------------------------
	==/ 04 /===>	* ELEMENTI SINGOLI DI PAGINA *
===============================================================/ 03 /======= */

/* Tab per pagina Making-of e altro */

.uk-section-orchestrating .uk-nav-default ul li a {
	padding: 5px 10px;
	background-color: #1c1d1a;
	color: #fff;
}
.uk-section-orchestrating .uk-nav-default ul li a:hover {
	background-color: #b99466;
}

/* Tab per pagina Making-of e altro */

.uk-tab-orchestrating.uk-tab > * { padding-left: 0; }
.uk-tab-making.uk-tab > * > a,
.uk-tab-orchestrating.uk-tab > * > a {
	color: #1c1d1a;
	text-decoration: none;
	font-size: 2.5rem;
	text-transform: none;
}
.uk-tab-making.uk-tab > .uk-active > a,
.uk-tab-making.uk-tab > * > a:focus, .uk-tab > * > a:hover,
.uk-tab-orchestrating.uk-tab > .uk-active > a,
.uk-tab-orchestrating.uk-tab > * > a:focus, .uk-tab > * > a:hover {
	color: #b99466;
	text-decoration: none;
	border-color: #b99466;
}
.uk-tab-making.uk-tab::before,
.uk-tab-orchestrating.uk-tab::before { border-bottom: none; }


/* Cusotmisations */
/*
 * Default
 * Note: Header and Footer are only implemented for the default style
 */

 .uk-card-momo-searchbox input.uk-input.uk-form-small{
	border:1px solid #e5e5e5;
 }

 .uk-card-momo-searchbox label{
	cursor: pointer;
 }

 .uk-card-momo-searchbox,
 .uk-card-momo-default {
	background-color: #fff;
	color: #000;
	box-shadow: 0; /* 5px 15px rgba(0, 0, 0, 0.08); */
  }
  .uk-card-momo-searchbox .uk-card-title,
  .uk-card-momo-default .uk-card-title {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
  }
  .uk-card-momo-searchbox.uk-card-hover:hover,
  .uk-card-momo-default.uk-card-hover:hover {
	background-color: #fff;
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  .uk-card-momo-searchbox .uk-card-header,
  .uk-card-momo-default .uk-card-header {
	text-align: left;
	padding: 5px 15px;
  }

  .uk-card-momo-searchbox .uk-card-header{
	background-color: #000;
  }

  .uk-card-momo-default .uk-card-header {
	background-color: #c09460;
  }


  .uk-card-momo-searchbox .uk-card-footer,
  .uk-card-momo-default .uk-card-footer {
	/* background-color: #000; */
	padding: 0px;
  }
  .uk-card-momo-searchbox .uk-card-body,
  .uk-card-momo-default .uk-card-body {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

  .uk-card-momo-searchbox .uk-card-body{
	border-bottom: 1px solid #000;
  }

 .uk-card-momo-searchbox .uk-card-footer a,
 .uk-card-momo-searchbox .uk-card-footer button,
 .uk-card-momo-default .uk-card-footer a,
 .uk-card-momo-default .uk-card-footer button{
	font-weight: 700;
	text-transform: uppercase;
  }

 .uk-input-momo-searchbox,
 .uk-input-momo-default{
	border: 0;
	border-bottom: 1px #000 solid;
 }

.uk-card-momo-searchbox .uk-card-title{
	margin:0;
	font-size: 20pt; 
	text-transform: uppercase;
}

.uk-button.momo-button-search{
	font-weight: 700;
	font-size: 20pt;
}

.uk-button.momo-button-search-sm{
	font-weight: 700;
	font-size: 12pt;
}

.uk-button.momo-button-search-ss{
	font-weight: 700;
	font-size: 8pt;
}

.uk-card-momo-searchbox .uk-radio{
	border:1px solid #000;
}

.uk-card-momo-searchbox .uk-list-divider>:nth-child(n+2) {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #000;
   }

.uk-card-momo-searchbox .uk-input:disabled,
.uk-card-momo-searchbox .uk-checkbox:disabled{
	background-color: #eee;
}

fieldset[disabled] .uk-card-momo-searchbox input.uk-checkbox[type=checkbox],
fieldset[disabled] .uk-card-momo-searchbox input.uk-radio[type=radio],
.uk-card-momo-searchbox input.uk-checkbox[type=checkbox].disabled,
.uk-card-momo-searchbox input.uk-checkbox[type=checkbox][disabled],
.uk-card-momo-searchbox input.uk-radio[type=radio].disabled,
.uk-card-momo-searchbox input.uk-radio[type=radio][disabled] {
	cursor:not-allowed
}

.uk-card-momo-searchbox .uk-input,
.uk-card-momo-searchbox .uk-select,
.uk-card-momo-searchbox .uk-textarea {
 max-width:100%;
 width:100%;
 border:0 none;
 padding:0 10px;
 background:#fff;
 color:#000;
 border:1px solid #000;
 transition:.2s ease-in-out;
 transition-property:color,background-color,border
}


.uk-card-momo-searchbox .uk-form-icon.momo-close-icon{
	color:#fff; 
	background:red; 
	border:0px solid #e5e5e5; 
	padding:0;
}


a.uk-button.uk-button-export{
	background-color: transparent;
	font-size: 16pt;
}
a.uk-button.uk-button-export.uk-button-export-disabled{
	color: #999;
}

.uk-button-secondary{
    background-color: #000;
}

.uk-button.momo-home-1{
    border-radius: 30px; 
    padding-top: 6px; 
    padding-bottom: 6px;
}

.uk-button.momo-home-1-sm{
    border-radius: 30px; 
    padding-top: 3px; 
    padding-bottom: 3px;
}




/** 
 * End customisation .uk-* 
 **/


.no-margin-bottom {
	margin-bottom: 0;
}

.togglePasswordVisible{
	color: #000;
}

#column-left .panel-heading {
	cursor: pointer; 
}

#column-left .uk-checkbox{
	outline: 1px solid #000;
}

#column-left .uk-radio:checked,
#column-left .uk-checkbox:checked{
	background-color:#c09460;
	outline: 1px solid #c09460;
}



#wait-loading {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
	opacity: 0.7;
	background-color: #fff;
	z-index: 999;
  }
  
#wait-loading-image {
	z-index: 999;
  }


/* HTML: <div class="loader"></div> */
#wait-loading-loader {
	--d:22px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	color: #c09460;
	box-shadow: 
	  calc(1*var(--d))      calc(0*var(--d))     0 0,
	  calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
	  calc(0*var(--d))      calc(1*var(--d))     0 2px,
	  calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
	  calc(-1*var(--d))     calc(0*var(--d))     0 4px,
	  calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
	  calc(0*var(--d))      calc(-1*var(--d))    0 6px;
	animation: l27 1s infinite steps(8);
  }
  @keyframes l27 {
	100% {transform: rotate(1turn)}
  }

.loader-centered {
	position: absolute;
	top: 50%;
	left: 50%;
}

.red-star{
	color: red;
	font-size: 16px;
	font-weight: 700;
}

.home-slogan {
    text-shadow: 6px 6px 6px rgba(0, 0, 0, 6.5);
    color: #fff;
    letter-spacing: 2px;
}    

/* Backgrounds Diagonali */
:root {
  --width: 100vw;
  --full-width: 100vw;
  --angle: -6deg;
  --angle-2: 6deg;
  --magic-number: 0.05255;
  --skew-padding: calc(var(--width) * var(--magic-number));
  --clip-padding: calc(var(--full-width) * var(--magic-number));
  /*-----------------
  Magic Number Alert:

  the 0.09719 is calculated by this formula:
  tan(11°) / 2
  11° is the current skewY value.
  ------------------*/
}
@media (min-width: 42em) { :root { --width: 80rem; } }
.diagonal-box {
	position: relative;
	padding: var(--skew-padding) 0;
	margin-top: -1px;
}
.diagonal-box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: skewy(var(--angle));
	transform-origin: 50% 0;
	outline: 1px solid transparent;
	backface-visibility: hidden;
}
.diagonal-box-2:before { transform: skewy(var(--angle-2)); }

/*
.bg-one:before { background-image: linear-gradient(45deg, #654ea3, #eaafc8); }
.bg-two:before { background-image: linear-gradient(-135deg, #ff0084, #33001b); }
.bg-three:before { background-image: linear-gradient(-135deg, #007, #003); }
*/

.bg-one:before { background-color: #1c1d1a; }
.bg-two:before { background-color: #b99466; }
.bg-three:before { background-color: #807f80; }

.content {
	max-width: var(--width);
	margin: 0 auto;
	padding: 1.5em;
	position: relative;
	/* -----------
	enable the border to see, that the content
	perfectly fits into the section withou
	bleeding into the adjecting areas:
	------------ */
}

.boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3%;
	margin: 2em 0;
	--translation: 0;
}
.boxes .box {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border: 1px solid #fff;
	background: #fff3;
	transform: translateY(var(--translation));
	animation: translate 3s ease-in-out infinite;
}
.boxes .box:nth-child(1) { --translation: calc(var(--skew-padding) * 1.5); }
.boxes .box:nth-child(2) { --translation: calc(var(--skew-padding) * 1); }
.boxes .box:nth-child(3) { --translation: calc(var(--skew-padding) * 0.5); }
.boxes .box:nth-child(4) { --translation: calc(var(--skew-padding) * 0); }

@keyframes translate {
  0%, 20%, 100% {
    transform: translateY(0);
  }
  50%, 70% {
    transform: translateY(var(--translation));
  }
}

.fixed_1{
	position:fixed;
	bottom:20px;
	right:10px;
	z-index:9;
}