@charset "UTF-8";

.header-banner-grey {
	height: 50px;
    font-variant-ligatures: common-ligatures;
    font-family: 'Titillium Web',sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 1.8rem;
    color: rgba(0,0,0,.87);
    box-sizing: inherit;
    width: 100%!important;
    padding-left: 1.2rem!important;
    padding-right: 1.2rem!important;
    background: #666;
}

.header-banner-red {
	height: 80px;
    font-variant-ligatures: common-ligatures;
    font-family: 'Titillium Web',sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 1.8rem;
    color: rgba(0,0,0,.87);
    box-sizing: inherit;
    max-width: none!important;
    padding: 2rem!important;
    background: #c13247;
}

.footer-banner-grey {
	height: 5px;
    font-variant-ligatures: common-ligatures;
    font-family: 'Titillium Web',sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 1.8rem;
    color: rgba(0,0,0,.87);
    box-sizing: inherit;
    width: 100%!important;
    padding-left: 1.2rem!important;
    padding-right: 1.2rem!important;
    background: #666;
}

.dime-image {
    width: 265px;
    height: 100px;
    /*background-image: url(https://dime.comune.venezia.it/assets/dime_logo.svg);*/
	background-image: url(../images/dime_logo_n.svg);
    /*margin: 20px;*/
    /*padding: 15px;*/
    margin-left: 100px;
    margin-top: -20px;
}

.idp-button {
	display: inline-flex;
	position: relative;
	padding: 0;
	color: #FFF;
	font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica,
		Arial, Lucida Grande, sans-serif;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	border: 0;
	text-align: center;
	cursor: pointer;
	overflow: hidden
}

.idp-button-icon, .idp-button-text {
	display: block;
	float: left
}

.idp-button-icon {
	margin: 0 -.4em 0 0;
	padding: 0.6em .8em .5em;
	border-right: rgba(255, 255, 255, 0.1) 0.1em solid
}

.idp-button-text {
	padding: .95em 1em .85em 1em;
	font-size: 1.15em;
	text-align: center;
	font-weight: bold;
}

svg {
	width: 1.8em;
	height: 1.8em;
	fill: #fff
}

.button-idp {
	background-color: #c13247;
	color: #FFF
}

.button-idp svg {
	fill: #FFF
}

.button-idp:hover {
	background-color: #e64800;
	color: #FFF
}

.button-idp:active {
	background-color: #e64800;
	color: #FFF
}

.idp-button-size-xl{font-size:150%;width:370px}
.idp-button-size-xl > span img{width:47px;height:47px;border:0}
.idp-button-size-l{font-size:150%;width:280px}
.idp-button-size-l > span img{width:38px;height:38px;border:0}



@media only screen and (max-width: 500px){
  .idp-button-size-xl{
    width: 99%;
  }
  
  .idp-button-text span {
   display:none;
  }
}

@media only screen and (max-width: 357px){
  
  .idp-button-icon{
    float: none;
  }
  .idp-button-text {
   display:none;
  }
}