@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=Comfortaa:wght@300&family=Gruppo&family=Montserrat:wght@400&family=Raleway+Dots&display=swap');
/*
font-family: 'Balsamiq Sans', cursive;
font-family: 'Comfortaa', cursive;
font-family: 'Gruppo', cursive;
font-family: 'Raleway Dots', cursive;
*/
body{position:relative} /* needed for scrollspy */

a{color:#044EBE} /* 2024-06-17 added for contrast accessibility */
.comfortaa{font-family: 'Comfortaa', sans-serif; font-size: 1.5em;}
.gruppo{font-family: 'Gruppo', sans-serif}
.raleway{font-family: 'Raleway Dots', sans-serif}
.montserrat{font-family: 'Montserrat', sans-serif}

.jumbotron{background:url(../images/backgrounds/abstract.13.jpg) top left; background-size: cover; height:calc(100vh)}
.jumbotron h1{padding-top:calc(15vh)}

.hp-blockquote{background:url(../images/backgrounds/abstract.15.jpg) center; background-size: cover; background-attachment: fixed; background-repeat:no-repeat}

.group-photo{background:url(../images/etc/group-photo.2024.jpg) center; background-size: cover; background-repeat: no-repeat; min-height: 450px}

a {/*color:inherit;*/text-decoration-color:blue;text-underline-offset:.3em}
a:hover{/*color:inherit;*/text-decoration:none}
a img:hover{opacity: .8; transition: all .5s}

.uline{-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:.1em;color:inherit}

footer a {color:#ddd;text-decoration:underline;text-decoration-color:#ccc!important}
footer a:hover{color:inherit;text-decoration:none}