/*
Theme Name:    GesuitiNetwork2014
Theme URI:      
Author:         Flavio E. Bottaro SJ & Vittorio Paciaroni
Author URI:     
Version:        2.0
*/

html{
font-size: 10px;
height:100%;
font-family: 'weblysleek', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight:lighter;
letter-spacing: 0rem;
color: whitesmoke;
}

body{
width: 100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
float: left;
background-color: #f2f2f2;
}

#main_wrapper{
position:static;     
z-index:20;
width:inherit;
height:100%;
overflow:hidden;
/*
background-image: url(Images/bkg_standard.jpg);

background-attachment: fixed;	
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: cover;
*/
border-color:rgba(255,255,255,1); /*serve per set_contrast quando c'è background gradiente;*/
background: rgba(242,242,242,1);
background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 65%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 85%, rgba(249,249,249,1) 85%, rgba(249,249,249,1) 94%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(10%, rgba(242,242,242,1)), color-stop(10%, rgba(249,249,249,1)), color-stop(20%, rgba(249,249,249,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(65%, rgba(255,255,255,1)), color-stop(65%, rgba(242,242,242,1)), color-stop(85%, rgba(242,242,242,1)), color-stop(85%, rgba(249,249,249,1)), color-stop(94%, rgba(249,249,249,1)), color-stop(94%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 65%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 85%, rgba(249,249,249,1) 85%, rgba(249,249,249,1) 94%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 65%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 85%, rgba(249,249,249,1) 85%, rgba(249,249,249,1) 94%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 65%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 85%, rgba(249,249,249,1) 85%, rgba(249,249,249,1) 94%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 65%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 85%, rgba(249,249,249,1) 85%, rgba(249,249,249,1) 94%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=1 );

}

.body_black #main_wrapper {
background: black;
}

#scroller_wrapper{
width: 100%;
height: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
float:left;
position: absolute;
bottom: 0;
margin: 0 0 0 25rem;
}

#sections_wrapper {
height: auto;
float: left;
}

#sections_wrapper>section{
flex: none;
margin: 0 4rem;
float:left;
}

#mappa{
width: 84.5rem;
}

.loading{
opacity:0!important;
}

/*landscape*/
.landscape #sections_wrapper{
padding-right: 4rem; 

margin: 4rem 0 0 0;

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-flex-flow: row;
-moz-flex-flow: row;
-ms-flex-flow: row;
justify-content: auto;
}

.landscape #sections_wrapper>section:first-of-type{
margin-left: 8rem;
}

.landscape .section-header {
height: 14.4rem;
padding: 4.4rem 0.3rem 0 0.3rem;
}

.landscape #sections_wrapper {
height: 81.6rem; /* section_header + bigsquare + padding */     
height: 100%;
margin: 0;
}


/*portrait*/

.portrait #main_wrapper {
position:relative;
top: 0;
left: 0;

-webkit-transition: left 0.3s cubic-bezier(.03,.93,.43,.77);
-moz-transition: left 0.3s cubic-bezier(.03,.93,.43,.77);
-o-transition: left 0.3s cubic-bezier(.03,.93,.43,.77);
transition: left 0.3s cubic-bezier(.03,.93,.43,.77);	
}


.portrait #main_wrapper.to_modal_menu{
left: -90%!important;
}

.portrait #scroller_wrapper {
position:static;
margin: 0;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}

.portrait #sections_wrapper {
display: block;
width: 70.6rem;
margin:0 auto;
padding-right:0;
padding-top: 2rem;
float: none;
}

.portrait #sections_wrapper>section {
width: 100%;
margin: 0 auto;
}

.portrait .section-header {
margin: 2rem 0;
position: static;
}

.portrait section .items {
display: block;
width: 100%;
height: auto;
position: relative;
}

.portrait .singular.body_black .showall .thumbnail {
display: none;
}

/*phone*/

.phone #sections_wrapper {
width: 33.1rem;
}


/*
.attachment {
background-color: rgba(180,0,0,0);
background-image: url(../Images/download.png);
width: 3.8rem;
height: 3.8rem;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
top: 1rem;
right: 1rem;
position: absolute;
-moz-border-radius: 12rem;
-webkit-border-radius: 12rem;
border-radius: 12rem;
border: 0.3rem solid white;
}

.attachment:hover{
background-color: rgba(180,0,0,0.9);
}
*/

.thumbnail_info, .btn.thuminfo {
display: none;
}

.error404 #main_wrapper {
background: #1173aa;
}

.error-404-emoticon {
color: white;
font-size: 18rem;
padding: 0 0 8rem 0;
float:left;
}

.error404 .section-header h2 {
clear: both;
padding: 2rem 0;
}

.error404 .item-content {
height: auto;
width: 72rem;
}

.error404 .btn_box {
margin: 0.3rem;
}

.landscape .error404 .section-header {
height: auto;
}