@charset "utf-8";

@font-face {
    font-family: comfortaa;
    src: url(res/comfortaa.ttf);
}

@font-face {
    font-family: GOLEM;
    src: url(res/GOLEM.otf);
}

body {
    font-family: comfortaa, "Arial", sans-serif;
    background: rgb(255, 255, 223);
    background-image: url(img/background.png);
    margin: 0;
}

header {
    text-align: center;
    color: black;
}

section {
    padding: 3vw;
    min-height: 50ex;
    background-repeat: no-repeat;
    background-size: cover !important;
    clip-path: polygon(
		0% 100%,
		100% calc(100% - 3vh),
		100% 0,
		0 calc(3vh)
    );
}

section.bg h1, section.bg h2, section.bg h3 {
    text-align: center;
}
section.bg {
    color: white;
    text-shadow: 0 0 1px black;
}
section.nobg h1, section.nobg h2, section.nobg h3 {
    text-align: center;
    color: black;
    text-shadow: 0 0 1px green;
}

section > div {
    transition-duration: 0.5s;
    text-align: center;
    display: inline-block;
    min-height: 30ex;
    vertical-align: middle;
    width: 100%;
}

section.bg > div:hover {
    transition-duration: 0.5s;
    background-color: rgba(10,10,10,0.5);
}

section > div img {
    max-width: 50%;
    width: 100px;
}

section#chisiamo {
    background:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/murale.jpeg);
}
@media (min-width: 800px) {
    section#chisiamo > div {
        width: 33%;
    }
}

section#news {
    background:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/gadgets.jpeg);
}
@media (min-width: 800px) {
    section#news > div {
        width: 24%;
    }
}

section#attivita {
    background:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/elettronica.jpeg);
}
@media (min-width: 800px) {
    section#attivita > div {
        width: 24%;
    }
}

/*
section#servizi {
    background:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/quintetto.jpeg);
}
*/
@media (min-width: 800px) {
    section#servizi > div {
        width: 19%;
    }
}

section#contatti {
    background:
        linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url(img/cena.jpeg);
}
@media (min-width: 800px) {
    section#contatti > div {
        width: 19%;
    }
}

@media (min-width: 800px) {
    section#lug > div {
        width: 33%;
    }
}

section.nobg a, a:visited {
    color: black;
}

a, a:visited {
    color: lightgreen;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

footer {
    padding: 5px;
    color: white;
    text-align: center;
    font-size: smaller;
    background-color: rgb(29, 29, 29);
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul > li {
    margin: 1.5ex;
}

.golem_font {
    font-family: GOLEM, comfortaa, "Arial", sans-serif;
}

a:link.anchor, a:visited.anchor {
    color: inherit;
    text-decoration: inherit;
}

.zerocalcare-details {
    font-size: smaller;
}

section.nobg i.material-icons {
    color: black;
}
section.bg i.material-icons {
    color: snow;
}

div#lugmap {
    height: 40em;
}