@import url(/assets/css/font-awesome.min.css);

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");



body { 

    font-family: "Raleway", Helvetica, sans-serif;

}



body.public { 

    /*padding-top: 140px; */

}



a{

    color: inherit;

}



a:hover{

    text-decoration: none;



}



#loading_spinner{

    display:    none;

    position:   fixed;

    z-index:    99999999;

    top:        0;

    left:       0;

    height:     100%;

    width:      100%;

    background: transparent

                    url('/images/ajax-loader.gif') 

                    50% 50% 

                    no-repeat;

    opacity: 1;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);

    filter: alpha(opacity = 100);

}



div.logo-category{

    margin-bottom: 10px;

}



.required:after{

    content: "*";

    padding-left: 5px;

    padding-right: 5px;

    color: red;

}



.form-signin-heading{

    margin-bottom: 15px;

}



.form-signin input{

    margin-bottom: 5px;

}



.pointer{

    cursor: pointer;

}



@-moz-document url-prefix() {

  fieldset { display: table-cell; }

}



.mandatory{

    color: red;

    font-size: 8pt;

    vertical-align: top;

    margin-left: 2px;

}



img.table-preview{

    width: 100px;

}



/* NAVBAR */



.navbar-inverse .navbar-brand{

    color: #000;

}



.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-nav>.active>a:hover{

    color: #000;

}



.navbar-inverse{

    background-color: #FFF;

    border-color: #CCC;

}



.navbar-inverse .navbar-nav>.active>a{

    background-color: transparent;

    color: red;

}



.navbar-inverse .navbar-nav>.active>a:hover{

    background-color: transparent;

}



#carousel-homepage .slide-image{

    max-height: 400px;

}



footer .nav>li>a{

    padding-right: 4px;

    padding-left: 4px;

}



.ui-autocomplete .ui-state-focus a{

    font-weight: normal;

    /*color: #555;

    background-color: #CCC;*/

}



header .navbar-brand img{

    margin-right: 20px;

}

/*

#item-list img{

    height: 250px;

    width: auto;

}*/



.btn-artista{

    color: #000;

}



a.artista, a.opera, a.homepage{

	color: rgb(51, 51, 51);

}



a.artista:hover, a.opera:hover, a.homepage:hover{

	text-decoration: none;

}



body.public .post-list{



    margin-bottom: 25px;

    padding-left: 5px;

    padding-right: 5px;

    height: 400px;

    padding: 0px;

	overflow: hidden;



}



body.public .post-list .content{

    border: 0;

    height: 100%;

}





body.public .post-list .content .title{

    display: none;

}



body.public .post-list .title{

    height: 4.3em;

    text-transform: uppercase

}



body.public .post-list .img{

    overflow: hidden;

    height: 400px;

    margin-top: 25px;

    margin-bottom: 25px;

}



body.public ul.prodotto{

    list-style-type: none;

    font-size: 1.3em;

}



body.public ul.prodotto li{

    padding-bottom: 10px;

}



body.public ul.prodotto li.divider{

    border-bottom: 1px solid #CCC;

    margin-bottom: 10px;

}

/*

body.public img.zoom{

    -webkit-transition: -webkit-transform 0.15s ease 0s;

    -moz-transition: -moz-transform 0.15s ease 0s;

    -o-transition: -o-transform 0.15s ease 0s;

    transition: transform 0.15s ease 0s;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    z-index: 999;

}

*/



body.public ul.navbar-nav li{

    text-transform: uppercase;

    font-size: 1.2em;

}



body.public footer ul.navbar-nav li{

    text-transform: lowercase;

    font-size: 1em;

}



body.public .post .title{

    text-transform: uppercase;

    text-align: center;

    border-bottom: 1px solid #CCC;

    border-top: 2px solid #CCC;

    margin-bottom: 50px;

}



@media screen and (max-width: 767px) {

    body.public ul.prodotto{

        margin-top: 10px;

    }

    body.public .page-header{

        text-align: center;

    }

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #333;

}



.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{

    background-color: inherit;

}



#tinymce{

    padding-top: 0px; 

}



body.public .paparoni h1{

    border-bottom: 1px solid #DDD;

    padding-top: 20px;

    padding-bottom: 20px;

}



body.public .paparoni h4{

    border-bottom: 1px solid #DDD;

    padding-top: 20px;

    padding-bottom: 20px;

    margin: 0px;

    font-size: 1em;

}



body.public .paparoni ul.social{

    color: #aaaaaa;

    font-size: 1em;

    list-style: none;

    padding-left: 0px;

    padding-top: 20px;

    padding-bottom: 20px;

}



body.public .paparoni ul.social li{

    display: inline-block;

    padding: 0 1em 0 0;

}



body.public .languages ul{

    text-align: center;

}



body.public .languages li{

    display: inline-block;

}



body.public .carousel-control{

    background: none;

    display: none;

}



body.public .carousel-indicators{

    bottom: -50px;

}



body.public .carousel-indicators li{

    border-color: #333;

}



body.public .carousel-indicators li.active{

    background-color: #333;

    width: 10px;

    height: 10px;

    margin: 1px;

}



body.public .homepage-prodotti{

    margin-top: 50px;

}



body.public .carousel-inner img{

    max-height: 400px;

}



body.admin .mostre-image-list .thumb{

    height: 100px;



}



body.admin .mostre-image-list .thumb img{

    max-height: 100%;

}



body.admin .mostre-image-list .image-copy{

    margin-bottom: 15px;

}



body.public .mostre-thumb{

    height: 100%;

    background-size: 100%;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-clip: content-box;

    padding: 1px;

    width: 25%;

    float: left;



}



body.public .mostre-thumb-list{

    height: 75px;

}



body.public .mostre-thumb img{

    height: 100%;

    width: auto;

}



body.public .navbar-inverse .navbar-nav>.open>a, body.public .navbar-inverse .navbar-nav>.open>a:focus, body.public .navbar-inverse .navbar-nav>.open>a:hover {

    color: inherit;

    background-color: inherit;

}



body.public .section-slider{

    position: relative;

    padding: 0px;

    margin-bottom: 26px;

    width: 100%;

    height: calc(100vh - 100px);

}



body.public #slider{

    width: 100%;

    height: calc(100vh - 100px);

    position: relative;

    display: block;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



body.public button.slick-prev {

    left: 0;

}



body.public button.slick-next {

    right: 0;

    height: 100%;

}



body.public button.slick-arrow {

    background: none;

    outline: none;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    border: none;

    cursor: pointer;

    position: absolute;

    top: 0;

    background: red;

    width: 40%;

    height: 80%;

    z-index: 1;

    opacity: 0;

}



body.public .slick-slider .slick-track, body.public .slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



body.public .slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



body.public #slider .slide {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: calc(100vh - 100px);

}



body.public .slick-initialized .slick-slide {

    display: block;

}



body.public .slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}



body.public #slider .slide .slide-content {

    width: 100%;

    height: calc(100vh - 100px);

    background-size: cover;

    background-position: 50% 50%;

    position: relative;

}



body.public #slider .slide .slide-content .slide-black {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.15);

    pointer-events: none;

    transition-duration: .5s;

}



body.public #slider .slide .slide-content .slide-title {

    position: absolute;

    width: 100%;

    border-top: 1px solid rgba(255,255,255,.25);

    border-top: 0px solid rgba(255,255,255,.25);

    bottom: 0;

    margin-bottom: 60px;

    text-transform: uppercase;

    padding-left: 20px;

    padding-top: 15px;

}



body.public .centro {

    max-width: 1200px;

    max-width: 100%;

    margin: auto;

}



body.public #slider .slide .slide-content .slide-title div {

    color: #fff;

    font-weight: 700;

    display: block;

    position: absolute;

    left: 20px;

    bottom: 20px;

}



@media only screen and (max-width: 768px){

    body.public #slider .slide .slide-content .slide-title div {

        font-size: 20px;

    }

}



@media only screen and (min-width: 769px){

    body.public #slider .slide .slide-content .slide-title div {

        font-size: 30px;

    }

}



@media only screen and (min-width: 1200px){

    body.public #slider .slide .slide-content .slide-title div {

        font-size: 50px;

    }

}



body.public ul.slick-dots {

    text-align: left;

    position: absolute;

    bottom: 0%;

    left: 0;

    right: 0;

    width: 100%;

    max-width: 1200px;

    max-width: 100%;

    margin: auto;

    margin-bottom: 75px;

    margin-bottom: 20px;

    box-sizing: border-box;

    padding-left: 20px;

    padding-right: 20px;

}



body.public ul.slick-dots li {

    display: inline-block;

    margin: 5px 3px;

    float: left;

    margin: 0;

    margin-right: 6px;

    width: 12px;

    height: 12px;

    box-sizing: border-box;

    padding: 2px;

    border-radius: 99%;

    background-color: rgba(255,255,255,.25);

}



body.public ul.slick-dots li:hover, body.public ul.slick-dots li.slick-active {

    background-color: #FFF;

}



body.public ul.slick-dots li button {

    background: none;

    outline: none;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    border: none;

    cursor: pointer;

    border: 0px solid #aaaaaa;

    border-radius: 0%;

    background-color: rgba(255,255,255,0);

    width: 36px;

    height: 10px;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 99%;

    text-indent: -9999px;

    transition-duration: .25s;

}



div.img-container{

    height: 300px;

    transition-duration: 0.5s;

}



div.img-container img{

    max-height: 100%;

    /*width: auto;

    position: absolute;    

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    */

}



div.img-title{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 999;

}



div.img-title h3{

    position: relative;

    top: calc(50% - 0.5em);

    height: auto;

    text-align: center;

    font-size: 1.5em;

    color: #000;

    font-weight: bold;

    margin: auto;

}



@media (min-width: 1600px){

    .col-xl-2 {

        width: 16.66666666%;

    }

    .col-xl-4 {

        width: 33.33333333%;

    }

}



#sortable .image-copy{

    cursor: move;

}



/*.mostre-image-list ul#sortable { list-style-type: none; margin: 0; padding: 0; width: auto; }

.mostre-image-list ul#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: auto; height: 90px; font-size: 4em; text-align: center; }

  */

	.public .sib-form .input_replaced{
		position: initial;
	}
	
	.public .checkbox.checkbox_tick_positive{
		margin-top: 0;
		margin-bottom: 0;
	}

	.public #newsletter-modal .close{
		font-size: 1.3rem;
	}

	.public #newsletter-modal .modal-body{
		padding: 0;
	}

	.public .grecaptcha-badge{
		position: relative !important;
		right: -15px !important;
		margin-top: 1rem;
	}

	.public #sib-container{
		border-color: #FFF !important;
		padding-top: .5rem;
	}

	.public .sib-form-block ol, .sib-form-block p, .sib-form-block ul{
		line-height: 1em !important;
	}

	.public .sib-form{
		padding-top: 1rem;
	}

	.public .entry__label{
		margin-bottom: .5rem;
	}

	.public .entry__choice p{
		font-size: 1.2rem;
		line-height: 1rem !important;
	}
	.public .img-newsletter{
		display: none;
	}

	#newsletter-modal .modal-content{
		border-radius: 0;
	}

	#newsletter-modal.in{
		display: flex !important;
	}

	#newsletter-modal .modal-dialog{
		margin: auto;
	}

	#newsletter-modal h2{
		margin-top: 0;
		padding-top: 6rem;
		padding-bottom: 1.5rem;
		font-size: 2.5rem;
		font-weight: bold;
		color: #010101;
		text-align: center;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#newsletter-modal p{
		font-size: 1.7rem;
		margin-bottom: 0px;
		line-height: 2.2rem;
		text-align: center;
	}

	#newsletter-modal .text-container{
		background-color: #eeeeee;
		height: 100%;
		text-align: center;
	}

	#newsletter-modal .btn-newsletter{
		font-size: 2rem;
		text-transform: uppercase;
		color: #FFF;
		background-color: #000;
		margin-top: 5rem;
		padding: .5rem 1.5rem;
		border-radius: 0;
	}

	#newsletter-modal .dati-legali{
		font-size: 1.2rem;
		color: #333;
		margin-top: 5rem;
	}

	#newsletter-modal .close{
		margin-top: 20px;
		margin-right: 20px;
		font-size: 2.5rem !important;
	}

	footer .row div{
		margin-top: 1rem;
	}

	footer{
		background-color: #f8f8f8;
		border-top: 1px solid #e7e7e7;
		padding-top: .5rem;
		padding-bottom: 1.5rem;
	}

	@media (min-width: 992px){
		.public .img-newsletter{
			padding-right: 0;
			display: block;
		}
	
		.public .form-newsletter{
			padding-left: 0;
		}

		.public #newsletter-modal .row{
			display: flex;
		}

		#newsletter-modal h2{
			padding-top: 10rem;
			font-size: 2.5rem;
		}

		#newsletter-modal p{
			font-size: 1.8rem;
			line-height: 2.5rem;
		}
	
		.modal-lg {
			width: 650px;
			min-width: 650px;
		}

		#newsletter-modal .btn-newsletter{
			font-size: 1.7rem;
			margin-top: 5rem;
			padding: .5rem 1.2rem;
			border-radius: 0;
		}

		#newsletter-modal .dati-legali{
			margin-top: 4rem;
		}

		.text-md-right{
			text-align: right;
		}
		.text-md-left{
			text-align: left;
		}
	}