/*--- foglio di stile per slider 
* Riferimenti orizzontali
*/

/* nascondo il box del condividi negli slider */
/* commento in quanto ho usato jQuery( ".riferimenti_orizzontali .a2a_kit").remove();//rimuovo la condivisione dal nodo
.riferimenti_orizzontali article span.a2a_kit {
	display:none;
	}
.riferimenti_orizzontali article span.a2a_kit {
	display:none;
	}	
*/	
.button_all {
    width: 456px;
    text-align: center;
    background-color: #97122B;
    font-family: 'Montserrat';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    max-width: 90%;
	font-family: 'Montserrat';
	color: #fff;
	text-transform: uppercase;
	margin:0 auto;
	
}
.button_all a {
	color: #fff !important;
	text-decoration: none;
	display:block; text-align:center;
	padding:8px
	}
	
.riferimenti_orizzontali .field-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
}	

.riferimenti_orizzontali article h2{display:none;}
/* Slider Riferimenti orizzontali */
.riferimenti_orizzontali {position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9dfc9+0,f6c66c+100 */
background: rgb(233,223,201); /* Old browsers */
background: -moz-linear-gradient(top, rgba(233,223,201,1) 0%, rgba(246,198,108,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(233,223,201,1) 0%,rgba(246,198,108,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(233,223,201,1) 0%,rgba(246,198,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dfc9', endColorstr='#f6c66c',GradientType=0 ); /* IE6-9 */
padding-top:45px; padding-bottom:45px;margin-top:40px;

}

.riferimenti_orizzontali .field-label{
text-align: center;
    font-family: "Suez One";
    font-size: 48px;
    text-transform: uppercase;
    color: #98132C;
    margin-bottom: 30px;	
	font-weight:normal;
	line-height:1.1
	
}
@media screen and (max-width:400px){
.riferimenti_orizzontali .field-label{font-size: 38px;}	
	
}
.riferimenti_orizzontali .field-label:after{
    background-color: #b98715;
    height: 4px;
    width: 50px;
    display: block;
    content: "";
    /* margin: 15px auto; */
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;	
	
}

.riferimenti_orizzontali   > .field-items{overflow:hidden;max-width:1500px; margin:0 auto;padding:25px 25px 0 25px; height:358px;margin-bottom:17px;}
.riferimenti_orizzontali   *{ outline: none !important}

.riferimenti_orizzontali  .field-items .field-item-slick{background-color:#DDD;width:456px !important; height:305px !important;transition:all 0.2s;margin-left:20px; margin-right:20px;
overflow:hidden;background:no-repeat left top;background-size:cover;}

.riferimenti_orizzontali  .field-items .field-item-slick:hover{transform: scale(1.2,1.2);z-index:1000;position:relative }

.riferimenti_orizzontali  .field-items .field-item-slick  > a{display:block;height:100%;position:relative;width:100%;font-family:'Montserrat';font-size:17px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 31%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 31%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.riferimenti_orizzontali  .field-items .field-item-slick  a{text-decoration:none; color:#FFF}
.riferimenti_orizzontali  .field-items .field-item-slick article {position:absolute;bottom:0;left:0;text-align:left;padding:22px;color:#FFF;text-shadow: 0px 0px 8px rgba(0,0,0,0.82);}

.riferimenti_orizzontali   .field-items .field-item-slick .field-name-field-abstract{padding-top:8px;max-height:0;overflow:hidden;transition: max-height 0.2s ease-out;}
.riferimenti_orizzontali   .field-items .field-item-slick:hover .field-name-field-abstract{max-height:500px;transition: max-height 0.7s ease-in; }
.riferimenti_orizzontali   .field-items .field-item-slick .field-name-title-field{font-family:"OpenSans-CondensedBold" !important; font-weight:600;font-size:30px !important;line-height:1}
.riferimenti_orizzontali   .field-items .field-item-slick .field-type-date{margin-top:8px}
.riferimenti_orizzontali  .field-items .field-item-slick .field-name-field-tipo-luogo, .riferimenti_orizzontali  .field-items .field-item-slick .field-name-field-tipo-evento{color:#DFD2B2; font-weight:700;text-transform:uppercase;margin-top:6px}
.riferimenti_orizzontali  .slick-prev, .riferimenti_orizzontali  .slick-next{position:absolute;bottom:240px;font-size:0;height:60px;
width:30px;line-height:0;padding:0;background:transparent;border:0}
.riferimenti_orizzontali  .slick-prev{left:calc( (100% - 1500px + -51px ) /2  )}
.riferimenti_orizzontali  .slick-next{right:calc( (100% - 1500px + -54px ) /2  )}

.riferimenti_orizzontali  .slick-prev:before{content:'\2039'; color:#97122B;font-size:102px;bottom:57px;right:0;position:absolute}
.riferimenti_orizzontali  .slick-next:before{content:'\203A'; color:#97122B;font-size:102px;bottom:57px;left:0;position:absolute}

@media screen and (max-width:824px){
/*.riferimenti_orizzontali  .slick-prev:before, .riferimenti_orizzontali  .slick-next:before{bottom:129px;}*/
}
@media screen and (max-width:1580px){
.riferimenti_orizzontali   > .field-items{max-width:1004px;}	
.riferimenti_orizzontali  .slick-prev{left:calc( (100% - 1004px + -41px ) /2  )}
.riferimenti_orizzontali  .slick-next{right:calc( (100% - 1004px + -44px ) /2  )}	
}

@media screen and (max-width:1070px){
.riferimenti_orizzontali   > .field-items{max-width:508px;}	
.riferimenti_orizzontali  .slick-prev{left:calc( (100% - 508px + -41px ) /2  )}
.riferimenti_orizzontali  .slick-next{right:calc( (100% - 508px + -44px ) /2  )}	
}

@media screen and (max-width:566px){
.riferimenti_orizzontali   > .field-items{max-width:96vw; height:auto;padding-bottom:20px;padding-left:9px}	
.riferimenti_orizzontali  .field-items .field-item-slick{background-color:#DDD;width:calc( 96vw - 20px ) !important; height:calc( (96vw - 20px)/1.49 ) !important; margin-left:20px; margin-right:20px;
overflow:hidden;background:no-repeat left top;background-size:cover;}
.riferimenti_orizzontali  .slick-prev, .riferimenti_orizzontali  .slick-next{display:none !important}
}

@media screen and (max-width:460px),screen and (max-height:460px) {
.riferimenti_orizzontali  .field-items .field-item-slick  > a{font-size:16px;}
.riferimenti_orizzontali  .field-items .field-item-slick .view_rows_container {padding:14px}
.riferimenti_orizzontali   .field-items .field-item-slick .field-name-title-field{font-size:24px !important}
}
/* / slider riferimenti orizzontali */


@media screen and (min-width: 320px) and (max-width: 320px) and (orientation: portrait) {
    .riferimenti_orizzontali .slick-prev {
            display: block !important;
            left: calc((100% - 307px + -44px) /2);
            top: calc((100% - 307px + 287px) /2);
            position: absolute;
        }
            
    .riferimenti_orizzontali .slick-next:before {
            content: '\203A';
            color: #DDD;
            line-height: 0;
            text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
            font-size: 102px;
            top: 12px;
            left: -40px;
            position: absolute;
            z-index: 9999999;
        }
            
    .riferimenti_orizzontali .slick-next {
            display: block !important;
            right: calc((100% - 307px + -44px) /2);
            top: calc((100% - 307px + 287px) /2);
        }
            
    .riferimenti_orizzontali .slick-prev:before {
            content: '\2039';
            color: #DDD;
            line-height: 0;
            text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
            font-size: 102px;
            top: 12px;
            right: -40px;
            position: absolute;
            z-index: 9999999;
        }
    }
            
            
        @media screen and (min-height: 320px) and (max-height: 320px) and (orientation: landscape) {
        .riferimenti_orizzontali .slick-prev {
                display: block !important;
                left: calc((100% - 358px + -154px) /2);
                top: calc((100% - 358px + 342px) /2);
            }
                
        .riferimenti_orizzontali .slick-next:before {
                content: '\203A';
                color: #DDD;
                line-height: 0;
                text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
                font-size: 102px;
                top: 12px;
                left: -40px;
                position: absolute;
                z-index: 9999999;
            }
                
        .riferimenti_orizzontali .slick-next {
                display: block !important;
                right: calc((100% - 358px + -154px) /2);
                top: calc((100% - 358px + 342px) /2);
            }
                
        .riferimenti_orizzontali .slick-prev:before {
                content: '\2039';
                color: #DDD;
                line-height: 0;
                text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
                font-size: 102px;
                top: 12px;
                right: -40px;
                position: absolute;
                z-index: 9999999;
            }
    }
    
    @media screen and (min-width: 321px) and (max-width: 460px) and (orientation: portrait) {
    .riferimenti_orizzontali  .slick-prev {
        display: block !important;
        left: calc((100% - 360px + 44px) /2);
        top: calc((100% - 360px + 344px) /2);
        z-index: 9999;
        position: absolute;
    }
    
    .riferimenti_orizzontali  .slick-next:before {
                content: '\203A';
                color: #DDD;
                line-height: 0;
                text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
                font-size: 102px;
                top: 12px;
                left: 0px;
                position: absolute;
                z-index: 9999999;
    }
    
    .riferimenti_orizzontali  .slick-next {display: block !important;right: calc((100% - 360px + 44px) /2);top: calc((100% - 360px + 344px) /2);z-index: 9999;position: absolute;}
    
    .riferimenti_orizzontali  .slick-prev:before {
        content: '\2039';
        color: #DDD;
        line-height: 0;
        text-shadow: 0px 0px 16px rgba(0,0,0,0.3);
        font-size: 102px;
        top: 12px;
        right: 0px;
        position: absolute;
        z-index: 9999999;
    }
    }
    
    
    @media screen and (min-height: 321px) and (max-height: 460px) and (orientation: landscape) {
    .riferimenti_orizzontali .slick-prev {
            display: block !important;
            left: calc((100% - 358px + -164px) /2);
            top: calc((100% - 358px + 344px) /2);
            z-index: 9999999;
        }
        
    .riferimenti_orizzontali .slick-next:before {
            content: '\203A';
            color: #97122B;
            font-size: 102px;
            top: 12px;
            left: 0;
            position: absolute;
        }
        
    .riferimenti_orizzontali .slick-next {
            display: block !important;
            right: calc((100% - 358px + -164px) /2);
            top: calc((100% - 358px + 344px) /2);
        }
        
    .riferimenti_orizzontali .slick-prev:before {
            content: '\2039';
            color: #97122B;
            font-size: 102px;
            top: 12px;
            right: 0;
            position: absolute;
        }
        }