@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap');

html, body {
  height: 100%;
	font-size: 1.1em;
	font-family: 'Source Sans Pro', sans-serif;
}


main a {color: #004B86; border-bottom: solid 1px #004B86}
main a:hover {background: #FAFF00; text-decoration: none}

h1 {font-family: 'Raleway', sans-serif;}
h2 {font-family: 'Raleway', sans-serif; font-size: 1.3em; color: #1b5499; font-weight: bold}
h3 {font-family: 'Raleway', sans-serif; font-size: 1em; text-transform: uppercase; text-align: center; padding: 0.5em;  margin: 2em 0 1em 0; color: #fff; background: #1b5499; border-radius: 5px }

.accessibile-home {display: inline-block; border: solid 3px #1b5499; border-radius: 5px; padding: 0 0.5em; color: #1b5499 }

.bg-white{background: #fff}
.bg-grey{background: #f2f2f2}

p.highlighter{padding: 1em;  background: #f2f2f2; border-radius: 5px }

.bg-light {background: #F2F2F2!important}
.home-row{background: #F1F3F4; }

.top-inner{text-align: center;padding-top: 1em}
.top-inner img{width: 100%;}
.accessibility-process {background: url("/svg/accessibility-process-mobile.svg") no-repeat top center; height: 600px}
.accessibility-process-text{ padding: 1em; font-size: 0.9em; color: #000;}
.accessibility-process-text a {color:#0045A2; border-bottom: solid 1px #0045A2}
.accessibility-process-text a:hover {background: #FAFF00; text-decoration: none}

.accessibility {background: url("/svg/accessibility-mobile.svg") no-repeat top center; height: 600px}

.blog {background: url("/svg/blog.svg") no-repeat top center; height: 200px}


.payoff {font-size: 1.7em; line-height: 1.3em; font-weight: 800; text-align: center; padding: 0.5em}


nav a{color:#000; text-transform: uppercase; font-weight: bold; font-size: 0.9em}
img.logo{height: 60px; margin-right: 3em}
.fa-bars {color:#ffffff}
.navbar-light .navbar-toggler {border-color: #1b5499; background: #1b5499}

.navbar-light .navbar-nav .nav-item {color: #4B4B4B; border: solid 1px #f2f2f2 }
.navbar-light .navbar-nav .nav-item a.nav-link {color: #000; padding-left: 1em}
.navbar-light .navbar-nav .active > a.nav-link {background: #DDDDDD; }
.navbar-light .navbar-nav .nav-item:hover{background: #fff; border: solid 1px #333; transition: 1s;}

.btn-outline-primary {color: #004B86; border-color: #004B86}
.btn-outline-primary:hover {background-color:#004B86}

.big-quote {margin: 50px 0 90px 0;}
.big-content {font-size: 1.3em; font-weight: 400; }

.home-a11y li {list-style-type: none; margin: 0.5em 0}
.fa-check-circle {color: #2368c7; margin-right: 1em}

.type-icon {height: 300px; background: url("/svg/web-design.svg") no-repeat top center}

.social img{height: 40px}
.social a{margin: 0.5em}

.img-chisono {padding-left: 0px; padding-right: 0px; margin-bottom: 2em}
.img-chisono img {width: 100%}


footer {background-color: #292929;padding-top: 2em; padding-bottom: 3em; color: #fff; text-align: center}
footer a{color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
footer a:hover{border-bottom: solid 1px #fff; color: #fff}
footer .logo{min-height: 100px; background: url("/svg/logo-bianco.svg") top center no-repeat; }
footer a.privacy {font-size: 0.8em; color:aqua}

.collabora {font-weight: normal;  }
.collabora .card {margin-bottom: 30px}
.collabora .card-body {text-align: center; background: #f0f0f0; color: #2667c5; font-weight: 600}
.collabora-home .card-body{ background-color: #fff }

.collaborazioni-h {color: #fff}

#cover {
width: 100%; height: 100%; top: 0; left: 0;
background: url(/svg/background3.svg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	h2 {font-size: 1.6em;}
	.payoff {font-size: 1.7em}
	.big-content {font-size: 1.3em; font-weight: 400; }
	.big-quote {margin: 50px 0 90px 0;}
	.accessibility-process {background: url("/svg/accessibility-process.svg") no-repeat top center; height: 200px; margin: 0 20px}
	.accessibility {background: url("/svg/accessibility.svg") no-repeat top center;  width: 100%}
	.social img{height: 40px}

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.payoff {font-size: 3em; margin-top: 1.6em}
	.big-content {font-size: 2em; font-weight: 400; }
	.big-quote {margin: 100px 0 150px 0;}
	h2 {font-size: 1.6em}
	
	.navbar-light .navbar-nav .nav-item {border-radius: 5px; margin: 0.2em}
	.navbar-light .navbar-nav .nav-item a.nav-link {padding-right: 1em }
	.navbar-light .navbar-nav .active {border: solid 1px #1b5499; background: #fff }
	.navbar-light .navbar-nav .active > a.nav-link {background: none}
	.navbar-light .navbar-nav .nav-item a.nav-link:hover{}
	.navbar-light .navbar-nav .nav-item:hover{background: #fff; border: solid 1px #ccc}
	
	.social img{height: 80px}
	
	footer {text-align: left}
	footer .logo{min-height: 200px;}
	
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.accessibility-process {background: url("/svg/accessibility-process.svg") no-repeat top center; height: 250px; margin: 0 20px}
	.accessibility {background: url("/svg/accessibility.svg") no-repeat top center; height: 250px; margin: 0}


}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.accessibility-process {background: url("/svg/accessibility-process.svg") no-repeat top center; height: 290px;}
	.accessibility {background: url("/svg/accessibility.svg") no-repeat top center; height: 290px; margin: 0}

}