/*
ArchivioLuce.com v2.0
author: kwaaui.com
COLOURS
main red #900028
red #930026
blue #930026
grey #f2f2f2
top grey #333333
foot grey #3b3b3b
-------------------------------- */

/*@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600|Roboto');*/
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,700,800');
@import url('timeline.css');
body, article, article p, .main-text, .main-text p {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	color: #222;
}
p {font-family: 'Dosis', sans-serif; font-size: 16px;}
main>header { background-color: #000;}
main>header .standfirst { color: #fff; font-weight: normal; margin-bottom: 25px;}
section, article {margin-top: 9px;}

article{margin-bottom: 80px;}
article, article p {font-size: 16px; line-height: 1.5em; }
footer { margin-top: 80px;}
footer.main { padding: 40px 0; background-color: #3b3b3b; font-family: 'Dosis', sans-serif; color: #999;}
footer.main a {color: #999;}
footer.main a:hover {color: #fff; text-decoration: underline;}
footer.main .btn-link { text-transform: lowercase; }
footer.main h5 { font-family: 'Dosis', sans-serif; color: #fff; text-transform: uppercase; }

a {transition: all 0.2s ease;} 
a:hover { text-decoration: none;}

/* Utilities
-------------------------------------------------- */
.relative {position: relative;}
.absolute {	position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.absolute.top { bottom: auto; }
.absolute.right { left: auto; }
.absolute.bottom { top: auto; }
.absolute.left { right: auto; }
.absolute.center { left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%);  }

.spacer1 { margin-top: 1rem; }
.spacer2 { margin-top: 2rem; }
.spacer3 { margin-top: 3rem; }
.spacer4 { margin-top: 4rem; }
.nomargin { margin: 0 auto; }
.nopadding { padding: 0; }
.pad10v { padding-top: 1rem; padding-bottom: 1rem; }
.pad20v { padding-top: 2rem; padding-bottom: 2rem; }

.bg-img
{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.bg-transparent { background-color: transparent; }
.invisible {width: 1px; height: 1px;}
.kdivider { padding: 2rem 0; }
.box { display: block; padding: 15px;}

.bg-grey { background-color: #f2f2f2; }
.white { color: #fff !important; }
/* .white:hover { color: inherit; } */

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


/* BOOTSTRAP CUSTOM
-------------------------------------------------- */
.navbar {border: 0; margin-bottom: 0;}
.navbar-brand { padding: 0; }
.navbar-brand img { margin-top: 8px;}

#nav-top {min-height: auto; min-height: 25px; background-color: #333333;}
#nav-top a {padding: 0 8px; line-height: 25px; color: #fff; font-size: 12px; text-transform: uppercase;}
#nav-top a:focus, #nav-top a:hover { text-decoration: underline; }
#nav-top .navbar-toggle { margin: 0; padding: 4px 15px; }
#nav-top .navbar-toggle .icon-bar { width: 18px; background-color: #eee; }

#nav-main .navbar-header { position: absolute; left: 0; width: auto; }

.btn {text-transform: uppercase; }
.btn-dark { background-color: #666; color: #fff; }
.label {border-radius: 0;}
.thumbnail {border: 0;}
.thumbnail .title { text-shadow: none; }
.dropdown-menu { background-color: rgba(255,255,255,0.92); margin: 0; box-shadow: none; border: 0;}
.dropup .dropdown-menu { margin: 0;}
.dropdown-menu.inner { background-color: transparent; }

.dropdown-menu li a { outline: none !important; }
.btn-group.open .dropdown-toggle { box-shadow: none; }
.carousel-indicators { left: 20%; margin-left: 0; width: auto; }
.carousel-indicators li, .carousel-indicators li.active {width: 20px; height: 20px; background-color: #fff; border: 0; margin-right: 4px;}
.carousel-indicators li.active { background-color: #930026;}
.carousel .container { position: relative; height: 100%; }
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
/*   height: 500px; */
}
.carousel-caption { z-index: 10; left: 5%; right: 5%; bottom: 0; text-align: right; }
.carousel-caption h1, .carousel-caption p {   font-family: 'Dosis', sans-serif; font-weight: 400; }
.carousel .item { height: 40vw; max-height: 500px; min-height: 200px;}

.carousel a:hover img { opacity: .8; }
.carousel-control {background-image: none !important; bottom: 10%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 60px;
height: 60px;
margin-top: -20px;
font-size: 60px
}

#carousel01 .carousel-control {display: none;}

.thumbnail * {transition: all .2s ease;}
.thumbnail:hover .caption { color: #930026;}
.thumbnail:hover figure { opacity: .8; }
.thumbnail figure { height: 180px; position: relative;}

aside .thumbnail .caption { background-color: #eaeaea; border: 1px solid #b2b2b2; border-top: 0; }
aside .thumbnail .caption .title { margin-top: 0; }

.list-btn li { padding: 6px 12px; }

/* .modal-dialog { max-width: 90%; } */
.modal-content { border-radius: 0; background-color: #222;}
.modal-header { border: 0; padding-bottom: 4px;}
.modal-header .close {
	font-size: 60px;
	line-height: 0.5em;
	height: 0.6em;
	color: #fff;
	font-weight: 400;
	margin-top: -10px;
	opacity: .6;
	transition: opacity .2s ease;
}
.modal-header .close:hover {opacity: 1;}
.modal-title { color: #fff; }
.modal-body { min-height: 200px; }
.modal-body-inner {margin: 0 -15px; text-align: center; color: #fff;}
.modal-body-inner img { }
.modal-footer { border: 0; padding-top: 4px;}

.embed-responsive-100v {height: 100%; max-width: 80%; margin: 0 auto;}


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

/* jCarousel
-------------------------------------------------- */
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 360px;
    float: left;
    padding: 0 15px;
}

.jcarousel-control {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #930026;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
}
.jcarousel-control .glyphicon {line-height: 30px; top: 0;}
.jcarousel-control:hover { transform: scale(1.2); color: #fff;}
.jcarousel-control.prev { left: -15px; }
.jcarousel-control.next { right: -15px; }

.jcarousel .item-inner { position: relative; overflow: hidden; height: 200px;}

/*
-------------------------------------------------- */
.main-line { height: 20px; }
.main-line>span
{
	position: absolute;
	left: 244px;
	top: 0px;
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #999;
}
.title { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9); }
.btn-ext { padding-left: 30px; padding-right: 30px; letter-spacing: 0.1em;}

a.item figure, a.item figure>span { transition: all 0.2s ease; }
a.item figure>span { font-size: 40px; text-shadow: rgba(0,0,0,0.5) 2px 2px 4px; display: none;}
a.item.video figure>span { display: block; }
a.item:hover figure { opacity: 0.8; }
a.item:hover figure>span { font-size: 50px; }
.carousel a.item figure>span { font-size: 60px; }
.carousel a.item:hover figure>span { font-size: 70px; }

.social img { height: 32px; }

#search
{
	top: 20%;
	margin: 0 auto;
	padding: 10px;
	height: auto;
	width: 90%;
	max-width: 780px;
	z-index: 21;
}
#search input, #search button, #search .btn-group { height: 40px; border: 0; box-shadow: none; }
#search input { border-bottom: 1px solid #930026; font-size: 24px;}
#search button[type='submit'] { width: 40px; }
#search .a-white { border-color: #fff;}
#search .a-white:hover {color: #222222; border-color: #222222;}
#search h4 { margin: 0; font-size: 2rem; line-height: 2.6rem;}
#search h4+h4 { font-weight: 400; }
#search .btn, #search a { font-size: 1.6rem; }
#search .btn-sel { background-color: transparent; font-size: 16px; box-shadow: none; color: #4d4d4d;}
	#search .btn-sel { min-width: 280px;}
#search .btn-sel .caret {
	border: 0;
	top: 0%;
	right: 10px;
	height: 100%;
	width: 40px;
	line-height: 40px;
}
#search .btn-sel .caret::after
{
	content: '\e114';
	font-family: 'Glyphicons Halflings';
	font-size: 20px;
	font-weight: normal;
	color: #4d4d4d;
	width: 30px;
	height: 30px;
}
#search .dropdown-menu a { text-transform: uppercase;}
#search .adv { text-transform: uppercase; font-weight: bold; }
#search .adv.shadow { text-shadow: rgba(0,0,0,0.5) 2px 2px 3px; }
#search .adv:hover { text-decoration: underline; }

.archive { margin-top: 40px; }

.slide-home{margin-top:0}

.archive a
{
	height: 168px;
	padding-left: 10%;
	color: #000;
	background-color: #e2e2e2;
	background-size: auto;
	background-position: -2% 50%;
	transition: all 0.3s ease;
}
.archive a:hover {text-decoration: none; transform: scale(1.05);}
.archive-c {background-image: url(../img/bg-film.png);}
.archive-f {background-image: url(../img/bg-camera.png);}

.directory .item-inner:first-child {margin-bottom: 50px;}
.directory .item-inner h3
{
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	padding-bottom:10px;
	color: #fff;
}
.directory .item-inner .overlay
{
	padding: 10px;
	background-color: rgba(0,0,0,0.8);
	overflow-y: auto;
	top: calc(100% - 42px);
	height: 100%;
	transition: top 0.2s ease;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.directory .item-inner:hover .overlay { top: 0; }
.directory .overlay .label {font-size: 16px; font-weight: normal; margin: 0 2px 8px;}
.directory .label-white, .directory a.label-white:hover {display: inline-block; background-color: #fff; color: #000;}

.mixed .content { height: 510px; padding: 0; overflow: hidden;}
.mixed .content>.absolute { height: 54px; }
.mixed .content>.absolute .btn { max-width: 168px; margin: 0 auto; }
.mixed .news .content>.absolute {background-color: #fff;}
.mixed .news .thumbnail { margin-bottom: 20px; }
.mixed .news .thumbnail figure {height: 132px; width: 55%; }
.mixed .news .thumbnail .caption {height: 132px; width: 45%; padding: 0 6px; overflow: hidden;}
.mixed .news .thumbnail h4 { color: #930026; margin: 4px 0; }
.mixed .news .thumbnail:hover h4 { color: #000; }
.mixed .news .thumbnail time, .mixed .news .thumbnail .sub { font-size: 12px; color: #333333; font-family: 'Dosis', sans-serif;}
.mixed .focus .content>div.absolute {background-color: #000;}
.mixed .focus .title { bottom: 54px; padding: 0 10px;}
.mixed .projects .thumbnail { margin-bottom: 8px; }
.mixed .projects .thumbnail figure {height: 135px;}
.mixed .projects .thumbnail figure .title { padding: 10px; font-weight: 600; text-transform: uppercase;}
/* .mixed .projects .thumbnail figure img { position: absolute; top: 50%; transform: translateY(-50%); } */
.mixed .projects .caption { padding: 0 9px; height: 30px; line-height: 30px; background-color: #f2f2f2;}

.portals .item-inner {}
.portals .thumbnail {height: 186px; margin-bottom: 0;}
.portals .thumbnail figure { width: 50%; height: 100%; }
.portals .thumbnail .caption { width: 50%; height: 100%; position: relative;}
.portals .thumbnail h3 { font-size: 22px; margin: 4px 0;}
.portals .thumbnail .description { color: #333; font-size: 12px; line-height: 1.2em; height: 11em; overflow: hidden; margin-top:15px;}
.portals .thumbnail .link { padding: 10px; font-family: 'Dosis', sans-serif; }

section.items { margin-top: 80px; border-bottom: 2px solid #dcdcdc;}
section.items:first-child { margin-top: 0px; }
section.items a { color: #222; }
section.items a:focus, section.items a:hover { color: #930026; }
section.items h3 {text-transform: uppercase;}

section.items .pics
{
/*
	height: 30vw;
	min-height: 150px;
	max-height: 300px;
 */
	height: 0;
	padding-bottom: 40%; /* 56.25% - 16:9 */
	position: relative;
	margin: 0 auto 2rem;
}
section.items .pic-main, section.items .pic-sub {position: absolute; height: 100%;}
section.items .pic-main { width: 64%; left: 0;}
section.items .pic-main.wide { width: 100%; left: 0; z-index: 2;}
section.items .pic-sub { width: 33%; right: 0;}
section.items .pic-main figure {height: 100%; width: 100%;}
section.items .pic-sub figure { width: 100%; height: 48%; }

section.tags { margin-left: 40px; margin-top: 100px;}
section.tags .glyphicon-tags { margin-left: -40px; padding: 0 10px;}
.label-tag {
	background-color: #222;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	padding: 0px 6px 2px;
}

/*  CUSTOM MENU
-------------------------------------------------- */
/* .ubermenu { position: absolute; left: 200px; } */
.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {margin: 0;}
.ubermenu .ubermenu-item-home a { margin-top: -40px; }
.ubermenu>ul>li>a, .ubermenu-responsive-toggle { color: #222; font-size: 20px; font-weight: 600; text-transform: uppercase !important; }
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { color: #900028; font-size: 30px;}
.ubermenu>ul>li.ubermenu-has-submenu-drop>a.ubermenu-target:after { color: #900028; font-weight: 600;}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group { border: 0; }
.ubermenu .ubermenu-tabs-group, .ubermenu .ubermenu-submenu { background #333333;  background-color: #333333; }
.ubermenu .ubermenu-tabs-group .ubermenu-tabs-group { background #930026;  background-color: #930026; }
.ubermenu .ubermenu-tabs-group a, .ubermenu .ubermenu-submenu a { color: #fff; text-transform: uppercase; font-weight: 600; padding: 10px 20px;}
.ubermenu .ubermenu-tabs-group a:hover, .ubermenu .ubermenu-submenu a:hover { background-color: #930026; }
.ubermenu .ubermenu-tabs-group .ubermenu-tabs-group a {color: #fff;}
.ubermenu .ubermenu-tabs-group .ubermenu-tabs-group a:hover {color: #222; background-color: #fff;}
.ubermenu .ubermenu-submenu.ubermenu-tab-content-panel,
.ubermenu .ubermenu-tabs-group .ubermenu-tabs-group .ubermenu-tabs-group, .ubermenu-content-block { background #fff;  background-color: #fff; }
.ubermenu .ubermenu-submenu.ubermenu-tab-content-panel>li>ul>li {width: 100%; height: 100%;}
.ubermenu-content-block { width: 100% !important; height: 100% !important; }
.ubermenu-content-block a { color: #222 !important; background-color: transparent !important; font-weight: 400 !important; text-transform: none; padding: 0 !important;}
.ubermenu-content-block a:hover { text-decoration: underline; }
.ubermenu-retractor .ubermenu-retractor-mobile { color: #ddd;}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
	.ubermenu>ul>li:first-child { display: none; }
	.ubermenu-responsive.ubermenu { margin-top: 90px; }
}
@media (min-width: 768px) {
	#main-menu { position: absolute; bottom: 0; left: 0; right: 0; }
	.carousel-caption { left: 40%; }
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
	#search{ top: 20%; padding: 0;}
	#search input, #search button, #search .btn-group { height: 75px; }
	#search input {border: 0; border-right: 2px solid #222;}
	#search .btn-sel .caret { line-height: 75px; }
	#search button[type='submit'] { font-size: 24px; width: 75px;}
	.archive a { padding-left: 40%; }

}

@media (min-width: 992px) {
	#search { top: 30%; }
}

@media (min-width: 1060px) {
	.jcarousel-control.prev { left: -50px; }
	.jcarousel-control.next { right: -50px; }
	.directory .item-inner:first-child {margin-bottom: 30px;}
}

@media (min-width: 1200px) {
	#search { top: 40%; }
	.archive { width: 100%; max-width: 1288px; }
}
/*SIMONE*/
.embed-responsive-100vw {height: 100%; max-width: 100%; margin: 0 auto;}
.slide-home{margin-top:0}
.carousel-indicators{left: 5%}
.modal-header .close {
	font-size: 60px;
	line-height: 0.5em;
	height: 0.2em !important;
	color: #fff;
	font-weight: 400;
	margin-top: -10px;
	opacity: .6;
	transition: opacity .2s ease;
}

@media (min-width: 768px){
.carousel-caption {left: -20%;width: 82%;}
}