﻿

/*************** modifiche bootstrap ****************/

/*  blu:      0,113,188    #0071BC  */
/*  azzurro:  27,230,175   #1BE6AF  */

.navbar-light .navbar-toggler
{
  border-color: #ff0000 !important;
} 

.navbar-light span.navbar-toggler-icon
{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: #ff0000 !important;
}

.carousel-inner > .carousel-item
{
  height: 400px;
}

.carousel-inner > .carousel-item > img
{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*max-height: 400px;*/
  width: auto;
}

.carousel-control.left,
.carousel-control.right
{
  background-image: none;
}


/*************** media query ****************/


.bkMalvaWhite
{
  background-color: white !important;
}

.logodim
{
  height: 80px;
  position: relative;
  top: 10px;
}

.fs2vw
{
  font-size: 2vw;
}

.fs0
{
  font-size: 12pt;
}

.fs1
{
  font-size: 14pt;
}

.fs2
{
  font-size: 16pt;
}

.fs3
{
  font-size: 18pt;
}

.fs4
{
  font-size: 20pt;
}


.imgsh
{
  width: 128px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

.imgvh
{
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}


.imgpct
{
  width: 100px !important;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

@media (max-width: 992px)
{
  .bkMalvaWhite
  {
    background-color: #EBE5FF !important;
  }

  .logodim
  {
    height: 64px;
    position: relative;
    top: 0px;
  }

  .imgsh
  {
    width: 128px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgvh
  {
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgpct
  {
    width: 100px !important;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }
}

@media only screen and (max-width : 768px)
{
  .navbar-collapse
  {
    background: #cf2430;
  }

  .fs0
  {
    font-size: 10pt;
  }
  .fs1
  {
    font-size: 12pt;
  }
  .fs2
  {
    font-size: 14pt;
  }
  .fs3
  {
    font-size: 16pt;
  }
  .fs4
  {
    font-size: 18pt;
  }

  .imgsh
  {
    width: 96px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgvh
  {
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgpct
  {
    width: 100px !important;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }
}

@media (max-width: 425px)
{

  .logodim
  {
    height: 64px !important;
    position: relative;
    top: 0px;
  }

  .fs0
  {
    font-size: 8pt;
  }
  .fs1
  {
    font-size: 10pt;
  }
  .fs2
  {
    font-size: 12pt;
  }
  .fs3
  {
    font-size: 14pt;
  }
  .fs4
  {
    font-size: 16pt;
  }


  .imgsh
  {
    width: 80px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgvh
  {
    height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgpct
  {
    width: 90% !important;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

}

@media (max-width: 320px)
{

  .logodim
  {
    height: 64px !important;
    position: relative;
    top: 0px;
  }

  .fs0
  {
    font-size: 6pt;
  }
  .fs1
  {
    font-size: 8pt;
  }
  .fs2
  {
    font-size: 10pt;
  }
  .fs3
  {
    font-size: 12pt;
  }
  .fs4
  {
    font-size: 14pt;
  }


  .imgsh
  {
    width: 64px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgvh
  {
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgpct
  {
    width: 90% !important;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }
}

/*************** varie ****************/

.colKnightsRed
{
  color: #cf2430 !important;
}

.bkKnightsRed
{
  background-color: #cf2430 !important;
}

.bkSfondo
{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bkBlackTrans
{
  background-color: rgba(0, 0, 0, 0.25);
}

.mh310
{
  min-height: 310px !important;
}

.mh140
{
  min-height: 140px !important;
}

.mh240
{
  min-height: 240px !important;
}


.mh192
{
  min-height: 192px !important;
}

.mh292
{
  min-height: 292px !important;
}

.mh392
{
  min-height: 392px !important;
}

.lh16
{
  line-height: 16px !important;
}

.lh26
{
  line-height: 26px !important;
}

.lh36
{
  line-height: 36px !important;
}

.boRadU4
{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.boRadD4
{
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

.rt
{
  padding: 5px 20px;
  border-radius: 60px;
  min-height: 200px;
  border: 10px solid white;
}

.bkRtPre
{
  background-color: sandybrown !important;
}

.bkRtImm
{
  background-color: #ffff66 !important;
}

.bkRtDur
{
  background-color: palegreen !important;
}

.img64h
{
  width: 60px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

/* ------------- map ----------------*/

#map
{
  height: 100%;
  width: 100%;
}

/* ------------- carousel ----------------*/

.carousel, .item, .active
{
  height: 100%;
}

.carousel-inner
{
  height: 100%;
}

.carousel-inner > .item > img
{
  height: 100%;
}

/* ------------- forme ----------------*/

.rtShp
{
  width: 50% !important;
}

