/*!
 * Start Bootstrap - Shop Item (https://startbootstrap.com/template-overviews/shop-item)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-item/blob/master/LICENSE)
 */

body {
	font-family:arial;
}

@media (max-width: 576px) {
	
	.home-box-news{
		height:270px;
	}

}


@media (min-width: 576px) {
	
	.home-box-news{
		height:260px;
	}

}


@media (min-width: 768px) {
	
	.home-box-news{
		height:290px;
	}

}


@media (min-width: 992px) {
	.mobile-menu-container{
		display:none;
	}
	
	.home-box-news{
		height:280px;
	}

}


@media (min-width: 1200px) {
	
	.home-box-news{
		height:260px;
	}

}




@media (max-width: 1024px) {
	.remove1024{
		display:none;
	}

}

@media (max-width: 992px) {
	.remove992{
		display:none;
	}


    .mobile-menu-container {
        padding-left: 15px;
        background-color: #fff;
        font-size: 30px;
        cursor: pointer;
        top: 0;
        left: 0;
        z-index: 100;
        display: block;
        position: fixed;
        width: 100%;

        padding-top: 13px;
        padding-bottom: 13px;
    }
	
	.swiper-home-slider-padding{
		margin-top: 44px !important;
	}
	
	.story-header{
		margin-top:44px;
		min-height:100px !important;
		background-position:center;
	}
}


@media (max-width: 640px) {
	.remove640{
		display:none;
	}
	
	.label-blue{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-lightblue{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-red{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-darkred{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-orange{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-darkblue{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	.label-lightblue2{
		float:none !important;
		width: 50%  !important;
		height: auto  !important;
		padding-top: 5px  !important;
		padding-bottom: 5px  !important;
		padding-left: 16px  !important;
		text-align:left !important;
	}
	
	
	
	
}



.mt-4{
	margin-top:0 !important;
}

.card{
	border:0px !important;
}

@media (max-width:540px){
	.padding64{
		padding-top:16px !important;
		padding-bottom:16px !important;
	}

}


/* mobile menu */
.sidenav{
	height: 100%;
    width: 0;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;

}

.sidenav a{
	font-size:14px;
}

.sidenav .list-sidebar-item {
    padding-bottom: 8px;
}

.sidenav .logo{
	margin-bottom: 5px;
	width: 70%;
}

.sidenav a:hover {
    color: #0084c8;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	color:#707272;
}

.closebtn:hover{
	color:#0084c8;
}

.dropdown-container-storie{
	display:none;
}

.dropdown-subitem{
	font-weight:normal;
}

/* cambio in bianco il colore del placeholder dei form*/
::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}


/* stili per slider in homepage*/
.swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  margin-top:0px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.swiper-arrow-next{
position: absolute;
    top: 40%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
	right:0;
	font-size: 64px;
} 

.swiper-arrow-prev{
position: absolute;
    top: 40%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
	left:0;
	font-size: 64px;
} 
	
/* stile per logo */
.logo{
	width:90%;
	max-width:200px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:30px;
}

	
/* stili per pulsanti/button */

.button-container{
	position:absolute;
	bottom:15%;
	cursor: pointer;
}
.buttonblue {
    background-color: #245ea2;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	height:40px;
	padding-left:20px;
	padding-right:20px;
}	

.buttonlight {
    background-color: #29a3da;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	width:33px;
	height:40px;
}





/* stili per sidebar menu*/
.list-sidebar-item{
	padding-bottom:12px;
	
}

.sidebar-fixed{
	position:fixed;
	width:15%;
	top:0;
    padding:0px;
	overflow-x: hidden;
	height:100%;
}

.nopoint{
	list-style-type: none;
	padding-left:0;
	text-align:center;
	color:#707272;
	font-size:16px;
	font-weight:bold;
	
}	

.nopoint a:hover{
	color:#0084c8;
}

li a{
	color:#707272;
}
	
	
/*home blocco registrazione*/
.homerow{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	/*height: 100%;*/
    margin-bottom: 0;
}

.homerow100{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 100%;
    margin-bottom: 0;
}

.homeboxblue{
	background-color:#29a3da;
	color:#ffffff;
	padding: 3%;
	
}

.hometitle{
	font-size: 40px;
 
	font-weight:bold;
	padding-bottom:10px;
}

.form-field{
	background-color:#66ccff;
	border:0;
	color:#fff;
	padding:8px;
}

.form-button-arrow{
	background-color:#66ccff;
	border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	width:33px;
	height:40px;
}

.form-button-registration{
    background-color: #245ea2;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	width:19%;
	height:40px;
	min-width: 80px;
}

.field100{
	width:99%;
}

.field80{
	width:80%;
}

.field50{
	width:49%;
}

.button-arrow-registration{
	background-color:#66ccff;
}

.form-field-margin{
	margin-top:15px;
}

#registrazione{
	padding-bottom:25px;
}

.home-right-box{
	background-image: url('../images/scrivi-la-tua-storia.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:24% center;
}
 .regIntro {
    line-height: 1.26em;
    font-size: 1.3em;
}

.terms {
    line-height: 1.2em;
    font-size: 1em;
}

.form-check-input{
	margin-top:0;
}

/* fascia testimonial in home*/
.testimonial{
	background-color:#245ea2;
	color:#fff;
	padding-top:8px;
	padding-bottom:8px;
	
}

.testimonial-claim{
	font-size:32px;
	line-height: 100%;
    margin-right:34px;
    margin-left:34px;
}

.testimonial-quote-left{
	font-size:60px !important;
	color:#29a3da;
	padding-left:30px;
	padding-right:30px;
	text-align: left;
	line-height: 0;
}	


.testimonial-quote-right{
	font-size:60px !important;
	color:#29a3da;
	padding-left:30px;
	padding-right:30px;
	text-align: right;
	line-height: 0;
}	

/* fascia box 4x2 in home*/


.home-box-blue{
	background-color:rgba(1, 107, 162, 0.8);
	padding-top: 32px;
    padding-bottom: 32px;
	text-align:center;
	color:#fff;
	/*min-width: 200px;*/
	
	
}

.home-box-blue-dark{
	background-color:rgba(1, 107, 162, 0.9);
	padding-top: 32px;
    padding-bottom: 32px;
	text-align:center;
	color:#fff;
}

.home-box-blue:hover{
	background-color:rgba(1, 107, 162, 1);
}

.home-box-blue-dark:hover{
	background-color:rgba(1, 107, 162, 1);
}

.home-title-box{
	font-weight:bold;
	text-align:center;
}



.home-box1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    color: #fff;
    min-height: 250px;
}
.home-box2 {
    background-image: url('../images/homebox02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    color: #fff;
}

.home-box3 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    color: #fff;
    min-height: 250px;
}

.home-box4 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    color: #fff;
    min-height: 250px;
}
.home-title-blue-box{
	font-size:24px;
	line-height: 100%;
	
}

.button-arrow-blue-box{
	background-color:#66ccff;
	position:absolute;
	bottom:0;
	right:0;
	width:40px;
	height:40px;
}


/* sezione video*/
.home-video-row{
	background-color:#0a315e;
	color:#fff;
	padding-top:52px;
	padding: 3%;
}

.title-section{
	font-size:26px;
	font-weight:bold;
	padding-bottom:16px;
}
.video-thumb{
	
	
}

.video-box{
	margin-top: 15px;
    margin-bottom: 15px;
}

.video-more{
	text-align:right;
}

.video-icon{
	font-size:60px !important;
	position:absolute;
	left:-25px;
	margin-left:50%;
	top: 27%;
	cursor:pointer;
	color:#fff;
}

.video-nopadding{
	padding-left:0px;
}

.video-link{
	color:#fff;
	text-decoration:none;
}


.video-link:hover{
	color:#fff;
}

.more-videos{
	padding-top:16px;
	padding-bottom:16px;

	text-align:right;
}


/* sezione news*/
.home-news-row{
	background-color:#0084c8;
	color:#fff;
	padding-top:52px;
	padding: 3%;
}


.home-title-news-box{
	font-size:20px;
	
}


.home-box-news{
	background-color:rgba(1, 107, 162, 0.7);
	padding: 15px;
	text-align:left;
	color:#fff;
	margin-top: 15px;
	margin-bottom: 15px;

}


.home-box-news h3{
	font-size:20px;
	font-weight:bold;
	line-height: 100%;
}

/* footer */
footer{
	background-color:#245ea2;
	color:#fff;
	padding-top:52px;
	padding-bottom:50px;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
}

.footer-link{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}


.footer-link:hover{
	color:#fff;
}

.footer-social{
	margin-left:5px;
	float:right;
	margin-bottom:5px;
}

.footer-logo{
	margin-top:50px;
	float:right;
}


 
.seo-hidden{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:20px;
	width:1px;
	margin:0px;
	padding:0px;
}


/* storia */
.story-header{
	/*height: 100%;*/
    margin-bottom: 0;
	background-image:url('../images/story-header.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	min-height:200px;
}

.story{
	margin-top:64px;
	margin-bottom:64px;
}

.padding64{
	padding-top:64px;
	padding-bottom:64px;
}

.story-box1{
	background-image:url('../images/story-box1.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:bottom right;
	
}

.story-box2{
	background-image:url('../images/story-box2.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:top right;
}


.story-box3{
	background:linear-gradient(0deg,rgba(1, 107, 162, 0.8),rgba(1, 107, 162, 0.8)),url('../images/story-box3.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:bottom left;
	padding-top: 32px;
    padding-bottom: 32px;
	text-align:center;
	color:#fff;
}


.story-box3:hover{
	background:linear-gradient(0deg,rgba(1, 107, 162, 1),rgba(1, 107, 162, 1)),url('../images/story-box3.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position:bottom left;
}

/* commenti */
.comment{
	background-color:#e6e6e6;
	color:#000;
	padding-bottom:32px;
}

.comment-title{
	color:#29a3da;
	font-size:40px;
	font-weight:bold;
}

.comment-row{
	width:100%;
	padding-left:3%;
	padding-right:3%;
	padding-top:3%;
}

.comment-textarea{
	width:100%;
}

.comment-button{
	width: 100%;
    text-align: right;
}

.comment-social{
	max-width:50px;
	min-width:32px;
	padding-bottom:12px;
	padding-right:6px;
	text-align:center;
	float: left;
	
}

.comment-social-share{
	color:#0a315e;
	font-weight:bold;
}

.comment-data{
	font-style:italic;
}

.comment-user-box{
	padding-bottom:16px;
}



/* medicina narrativa accordion */
#accordion{
	width:100%;
	padding-top:32px;
}

#accordion-index{
	width:100%;
}

.btn-link{
	color:#245ea2;
	font-weight:bold;
}

.card-header{
	background-color:#fff;
}

.card-body{
	padding:32px;
}

.accordion-arrow-next{
	font-size: 22px;
	color:#245ea2;
	position: absolute;
    right: 30px;
    top: 12px;
} 

.btn{
	text-align:left;
	white-space:normal;
}

.title-section-medicina{
	font-size:26px;
	font-weight:bold;
	padding-bottom:16px;
	color:#245ea2;
}

.row-bibliografia{
	padding-left:32px;
	font-size:0.8em;
}

.block-narrativa{
	margin-top:20%;
	margin-bottom:20%;
	
}


/* termini e condizioni */
.termini-condizioni{
	/*padding-top:16px;*/
	padding-bottom:16px;
}


/* indice storie*/
.title-section-blue{
	font-size:26px;
	font-weight:bold;
	padding-bottom:16px;
	padding-top:52px;
	color:#245ea2;
}


.stories-box{
	padding-top: 5%;
    padding-bottom: 5%;
	text-align:center;
	color:#fff;
	cursor:pointer;
}



.stories-blue{
	background-color:rgba(1, 107, 162, 0.9);
}

.stories-blue:hover{
	background-color:rgba(1, 107, 162, 1);
}


.stories-lightblue{
	background-color:rgba(37, 146, 202, 0.9);
}

.stories-lightblue:hover{
	background-color:rgba(37, 146, 202, 1);
}


.stories-red{
	background-color:rgba(170, 48, 0, 0.9);
}

.stories-red:hover{
	background-color:rgba(170, 48, 0, 1);
}


.stories-darkred{
	background-color:rgba(131, 0, 0, 0.9);
}

.stories-darkred:hover{
	background-color:rgba(131, 0, 0, 1);
}


.stories-orange{
	background-color:rgba(221, 150, 57, 0.9);
}

.stories-orange:hover{
	background-color:rgba(221, 150, 57, 1);
}


.stories-darkblue{
	background-color:rgba(30, 84, 112, 0.9);
}

.stories-darkblue:hover{
	background-color:rgba(30, 84, 112, 1);
}


.stories-lightblue2{
	background-color:rgba(78, 177, 223, 0.9);
}

.stories-lightblue2:hover{
	background-color:rgba(78, 177, 223, 1);
}


.more-stories{
	padding-top:5%;
	padding-bottom:8%;
	padding-right:3%;
	text-align:right;
}

.story-link{
	margin:0px;
	background-color:#fff;
	width:100%;
	height:100%;
}

.story-row{
	padding-left:3%;
	padding-right:3%;
	
}

.stories-row{
	margin-right:0 !important;
	margin-left:0 !important;
}


/* indice video */
.video-row{
	padding-bottom: 128px;
	padding-left: 3%;
	padding-right: 3%;
}

.title-story{
	font-weight:bold;
	color:#245ea2;
	text-align:left;
	margin-top: 10px;
	margin-bottom:0;
}

.description-story{
	text-align:left;
	margin-top: 0;
	color:#212529;
}


.description-audiolibri{
	text-align:right;
	margin-top: 0;
	color:#212529;
}

.box-video-container{
	width: fit-content;
	display:table;
    margin-left: auto;
    margin-right: auto;
}


.label-blue{
	background-color:rgb(1, 107, 162);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-lightblue{
	background-color:rgb(37, 146, 202);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-red{
	background-color:rgb(170, 48, 0);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-darkred{
	background-color:rgb(131, 0, 0);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-orange{
	background-color:rgb(221, 150, 57);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-darkblue{
	background-color:rgb(30, 84, 112);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

.label-lightblue2{
	background-color:rgb(78, 177, 223);
	color:#fff;
	/*padding-left:50px;
	padding-right:10px;*/
	font-weight: 400;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	padding-top:36px;
	margin-right:16px;
	letter-spacing:-1px;
}

/* faq row */
.faq-row{
	padding-left: 3%;
    padding-right: 3%;
}


/* button to top */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #016BA2; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
	opacity:0.8;
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}