/* ==========================================================================
   TKD Evolution
	 (c)Nicola Turco
   ========================================================================== */

/* XS - Extra small devices (< 544px) */
/* SM - Small devices (544px - 767px) */
/* MD - Medium devices (768px - 991px) */
/* LG - Large devices (992px - 1199px) */
/* XL - Extra Large devices (> 1200px) */

/* Fonts: Thin 300 / Normal 400 + italic / Semibold 600 / Bold 700 */
/* Colori: Blu Opaco #274a8b, Blu #003366 */ 

/* -------------------------------------------------------------------------
		STILI GENERICI
   ------------------------------------------------------------------------- */

html { font-size: 15px; }
@media (min-width: 768px){ html { font-size: 16px; }}
@media (min-width: 992px){ html { font-size: 17px; }}
@media (min-width: 1200px){ html { font-size: 18px; }}
	 
body {
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
	line-height: 1.55;
	color: #444;
	background-color: #fff;
	margin: 0;
}
	 
a, a:visited { color: #274a8b; }
a:hover, a:active { color: #CA6C01; }
a.underline { text-decoration: underline; }
a.none { text-decoration: none; }
.allwidth { width: 100%; }
.cursorhelp { cursor: help; }
.relative { position: relative; }
.errore { color:red; font-weight: bold; }
b { font-weight: 600; }

.media-body h4 {
	font-size: 1rem;
	color: #336699;
}
.media-body h3 em {
	font-size: 1rem;
}

.browserupgrade {
	color: #c30;
	background: #fff;
	text-align: center;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
}	

iframe  {
	width: 100%;
	min-height:20rem;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.img-rounded {
  border-radius: 6px;
}

/* -------------------------------------------------------------------------
		HEADER - NAVBAR
   ------------------------------------------------------------------------- */

header { padding-bottom: 75px; }
.navbar { min-height: 75px; border-bottom: 3px solid #003366; background-color: #fff; }
.navbar-brand > img { height: 50px; }
.navbar-nav .nav-link, .navbar-nav .dropdown-item { color: #274a8b !important; text-transform: uppercase; }
.navbar-nav dropdown-item.active, .navbar-nav .dropdown-item:active { background-color: #eee; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover { color: #CA6C01 !important; }
.navbar-toggleable-md .navbar-nav .nav-link { padding-left: .75rem; padding-right: .75rem; }
.navbar-toggleable-md > .container { padding-right: 15px; padding-left: 15px;}

.nav-link2 { font-size: 1.4rem; font-weight:600; letter-spacing:0px; text-transform: uppercase; text-decoration:none; }
.nav-link2 span { color: red; text-decoration:none; }
.nav-link2:hover { text-decoration:none; }

@media (min-width: 992px){
	header { padding-bottom: 100px; }
	.navbar { height: 100px; }
	.navbar-brand > img { height: 70px; }

/* --- Navbar shrink --- */   
	.navbar.shrink { min-height: auto; height: 50px; }
	.navbar.shrink .navbar-nav { margin-top: 0; }
	.navbar.shrink a.navbar-brand { padding-top: -10px !important; }
	.navbar.shrink .navbar-brand > img { height: 40px; margin-top: -10px; }
	.navbar {
	 -webkit-transition: all 0.2s ease;
	 transition: all 0.2s ease;
	}
	.navbar.shrink .nav-link, .navbar.shrink .dropdown-item  { font-size: 80%; }
	.nav { background: inherit; }
}

/* --- Effetto transizione su dropdown --- */
@media (min-width: 992px){
	.dropdown > .dropdown-menu { /* nascondo il dropdown per consentire la transizione */
		display: block;
		opacity: 0;
		height: 0;
		visibility: hidden;
		margin-top: 0;
		border-radius: 0;
	}
	.dropdown:hover > .dropdown-menu {
		display: block; /* apertura dropdown all'hover invece che al click */
		opacity: 0.95;
		height: auto;
		visibility: visible;
		-webkit-transition: all 0.5s ease-out 0.25s; /* Safari */
		transition: all 0.5s ease-out 0.25s;
	}
}

@media (max-width:543px) {
	.fixbugbsalpha6 { width: 100%;}
}






/* -------------------------------------------------------------------------
		CAROUSEL
   ------------------------------------------------------------------------- */

.carousel-item.active, .carousel-item-next, .carousel-item-prev { /* fix bug bootstrap alpha6 */
	display:block;
}

#myCarousel { position: relative; border: 0px solid red;}

#myCarousel > .carousel-inner > .carousel-item {
	width: 100vw;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position: center bottom !important;
	overflow: hidden;
}
@media (min-width:992px) { /* Immagine al 100% della schermata */
	#myCarousel > .carousel-inner > .carousel-item {

	}
}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {
	color: #fff;
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
	color: #036;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: auto;
  height: auto;
	top: 45%;
	margin: 0;
}

/*@media (min-width: 992px){
	.carousel-item { min-height:400px; max-height: 650px; border:0px solid red:}
}

@media (max-width:543px) {
	.carousel-item { min-height:200px; max-height: 650px; border:0px solid red:}
}
*/





/* -------------------------------------------------------------------------
		BREADCRUMB
   ------------------------------------------------------------------------- */

#briciole { background-color: #f5f5f5; }
.breadcrumb { background-color: #f5f5f5; color: #eee; margin-bottom: 0; padding-left: 2px; }
.breadcrumb a { color: #274a8b; }
.breadcrumb .active, .breadcrumb > li + li::before { color: #555; }
.breadcrumb-item + .breadcrumb-item::before { content: ">"}


/* -------------------------------------------------------------------------
		CONTENUTI
   ------------------------------------------------------------------------- */
	 
div#content { padding-top: 1rem; padding-bottom: 2rem; }	 
h2.page-title { font-weight: 300; margin-bottom: 2rem; border-bottom:1px solid #666666;}
h3 { font-size: 1.5rem; }
h4.page-title { font-size: 1.3rem; margin-bottom: 1rem; border-bottom:1px solid #e5e5e5; color: orange;}
	 
/* -------------------------------------------------------------------------
		HOME PAGE
   ------------------------------------------------------------------------- */

/* --- BENVENUTI --- */	 
	 
.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #fff;
	border-radius: 0;
}


.btn {cursor: pointer;}
.btn-custom {
	color: #274a8b;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.btn-custom:focus, .btn-custom:hover {
	border-color: #003366;
	box-shadow: 0 0 3px rgba(238, 127, 1, 0.5);
}

	 
	 
.grid-sizer, .grid-item {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}


/* --- AVVISI-NEWS --- */
.home-news {
	border: 1px solid #ddd;
	color: #444;
	background-color: #f5f5f5;
	padding: .75rem;
	overflow: hidden;
}
.home-news:focus, .home-news:hover {
	border-color: #003366;
	box-shadow: 0 0 3px rgba(238, 127, 1, 0.5);
}
.home-news figure { 
	max-height: 200px;
	margin: 0;
	overflow: hidden;
}
.home-news h4 {
	font-size: 1rem;
	color: #336699;
}
.home-news a { color: #444; }
.home-news a:hover { color: #111; }
.home-news-body h3 {
	font-size: 1.33rem;
	font-weight: 600;
	text-transform: uppercase;
}
.home-news-body p { 
	font-weight: 300;
	font-size: 1rem;
}
p.news-date  { 
	font-weight: 400;
	margin-bottom: 0.3rem;
	color: #996699;
}


/* --- TEAM --- */
.team {
	border: 1px solid #ddd;
	color: #444;
	background-color: #f5f5f5;
	padding: .75rem;
	overflow: hidden;
}
.team:focus, .home-news:hover {
	border-color: #003366;
	box-shadow: 0 0 3px rgba(238, 127, 1, 0.5);
}
.team figure { 
	max-height: 200px;
	margin: 0;
	overflow: hidden;
}
.team h4 {
	font-size: 1rem;
	color: #336699;
}
.team a { color: #444; }
.team a:hover { color: #111; }
.team h3 {
	font-size: 1.33rem;
	font-weight: 600;
	text-transform: uppercase;
}
.team-body p { 
	font-weight: 300;
	font-size: 1rem;
	padding-left:0px;
}
p.team-cintura  { 
	font-weight: 400;
	margin-bottom: 0.3rem;
	color: #274a8b;
	font-size:0.9rem;
}

/* --- TKD --- */
.tkd {
	border: 1px solid #ddd;
	color: #444;
	background-color: #f5f5f5;
	padding: .75rem;
	overflow: hidden;
}
.tkd:focus, .home-news:hover {
	border-color: #003366;
	box-shadow: 0 0 3px rgba(238, 127, 1, 0.5);
}
.tkd figure { 
	margin: 0;
	max-height: 200px;
	overflow: hidden;
}
.tkd h4 {
	font-size: 1rem;
	color: #336699;
}
.tkd a { color: #444; }
.tkd a:hover { color: #111; }
.tkd h3 {
	font-size: 1.23rem;
	font-weight: 600;
	text-transform: uppercase;
	border: 0px solid blue;
	height: 80px;
}
.tkd-body p { 
	font-weight: 300;
	font-size: 1rem;
}



/* -------------------------------------------------------------------------
		PAGINE INTERNE
   ------------------------------------------------------------------------- */

.media img { max-width: 125px; }

@media (min-width: 768px) {
.media article img { max-width: 270px; padding-right: .75rem; border-right: 1px solid #ddd; }
}

/* --- DOCUMENTI - LINK --- */
/* ( News, Rassegna stampa, spettacoli ) */

.detail-news-attach h4 {
	font-size: 1.25rem;
	text-transform: uppercase;
}
.detail-news-attach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.detail-news-attach li {
  padding-bottom: 0.5rem;
}
.detail-news-attach .fa, .docclient .fa {
  font-size: 1.25rem;
  padding-right: 0.5rem;
  width: 1.75rem; /* 32px */
}
.docclient { margin-top: 0.5rem; margin-bottom:20px; border-bottom:0px solid #999999;} /* documento singolo */

.ico-left { padding-right: 0.5rem; }
.ico-right { padding-left: 0.5rem; }

span.ext {
  font-size: 0.8rem;
  color: #555;
  font-weight: 300;
}


.form1 { border-bottom:1px solid #999999; width:100%; padding-bottom:15px;}
.form1 label { float:right; width: auto; line-height: 2.2rem; margin-right: 15px;}
.form1 select { float:right; width: auto; margin-right: 15px;}
.form1 button { float:right; width: auto;}

/* Tipi documenti */
.fa-file-pdf-o { color: #da251c; }
.fa-file-word-o { color: #2A5699; }
.fa-file-excel-o { color: #207245; }
.fa-file-archive-o { color: #FF9408; }
.fa-file-text-o { color: #4CA1B5; }
.fa-file-image-o { color: #274a8b; }
.fa-file-video-o { color: #E62117; }
.fa-file-o { color: #666; }
.fa-external-link { color: #808080; }


/* --- PAGINATION --- */

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
	background-color: #274a8b;
	border-color: #274a8b;
}
.page-link:focus, .page-link:hover {
  color: #274a8b;
}


/* -------------------------------------------------------------------------
		FOOTER
   ------------------------------------------------------------------------- */

footer {
	color: #444;
	background-color: #f5f5f5;
	border-top: 3px solid #003366; 
}
.footer-main {
	font-size: 1rem;
	padding: 1rem 0;
	line-height: 1.4;
	font-weight: 300;
}
.footer-main a {
	text-decoration: underline;
}
.footer-bottom {
	font-size: 0.85rem;
	background-color: #fff;
	text-align: right;
	padding-top: .5rem;
	padding-bottom: 2.5rem;
}

 /* --- Link di ritorno ad inizio pagina --- */
#gotop {
	font-size: 4rem;
	text-align: center;
	position: fixed;
	bottom: 5%;
	right: 5%;
	z-index: 21;
  opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out;
	color: #003366;
}
#gotop.show {
  opacity: 0.5;
	visibility: visible;
}
#gotop:hover {
  opacity: 1;
}


/* --- Galleria di 5 foto orizzontali --- */

div.minigallery {
  margin: 15px 0;
  overflow: auto;
}
div.minigallery img {
  float: left;
  margin-right: 4px;
  padding: 2px;
  border: 1px solid #ccc;
}
div.minigallery img:hover {
  border: 1px solid black;
}

/* --- Galleria --- */

#gallery {
	border: 0px solid silver;
	margin: 15px 0;
	overflow: auto;
}
.anteprimafoto {
	width: 100%;
	border-bottom: 5px solid #0066cc;
}
.anteprimafoto:hover {border-bottom: 5px solid red;}
/* galleria */


.blueimp-gallery {
	font-size: 10px;
	color: white;
	font-weight: normal;
}

/* vecchie classi
.containerbanner {
	display:table;
	width:100%
}
.bannerbottom { margin: 1rem 1rem 0rem 1rem !important; border:0px solid red; display: table-cell; text-align:center}
*/

.containerbanner {width:100%; clear:both; border:0px solid red; display:block; }
.bannerbottom { height: 30px; width:auto; display:block; margin:0px; padding:0px; border:0px solid blue; margin: 0.5rem 1rem 0.5rem 0.5rem; float:left;}

@media screen and (min-width: 480px) {
    .bannerbottom { height: 40px; }
}
@media screen and (min-width: 768px) {
    .bannerbottom { height: 50px; }
}
@media screen and (min-width: 992px) {
    .bannerbottom { height: 70px; }
}
@media screen and (min-width: 1200px) {
    .bannerbottom { height: 80px; }
}