@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Titillium+Web&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap');

/*MIEI STILI in fondo, dopo quelli del template*/

:root {
  --colore-primario: #000035; /*#2e3141;*/
  --colore-primario-light: #53639e;
  --colore-secondario: white;
  --colore-primario-new-0-95: rgba(0, 0, 53, 0.95);
  --colore-primario-new-0-1: rgba(0, 0, 53, 0.1);

  /* NB: COLORI NEI FILLER per / */
  --colore-primario-0-8: rgba(46, 49, 65, 0.8);
  --colore-primario-0-95: rgba(53, 56, 73, 0.95);
  --colore-secondario-0-35: rgba(255, 255, 255, 0.35);
  --colore-secondario-0-125: rgba(255, 255, 255, 0.125);
  --colore-secondario-0-075: rgba(255, 255, 255, 0.075);
  --colore-secondario-0-025: rgba(255, 255, 255, 0.025);
  --colore-terzo: #5b6ba6;
  --colore-quarto: #45558d;
  --colore-quinto: #7985b0;
  --colore-sesto: #353849;
  --colore-settimo: #2d3a69;
  --colore-ottavo: #3d4051;
  --colore-nono: #3f4e85;
  --colore-decimo: #39477c;
  --colore-undicesimo: #324072;
  --colore-dodicesimo: #454858;
  --colore-tredicesimo: #454858;
  --colore-quattordicesimo: #555867;

  --colore-danger: #dc3545;
  --colore-warning: #ffc107;
  --colore-success: #28a745;
  --colore-bianco: #fff;
  --colore-nero: #000;
}

.btn-primario {
  color: var(--colore-primario) !important;
  border: 2px solid var(--colore-primario);
}
.btn-primario:hover {
  text-decoration: underline;
  border: 2px solid var(--colore-primario) !important;
}

.btn-secondario {
  background: var(--colore-primario);
  color: var(--colore-secondario) !important;
  border: 2px solid var(--colore-secondario);
}

.m-0 {
  margin: 0;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

body {
  /*background-image: linear-gradient(
      to top,
      var(--colore-primario-0-8),
      var(--colore-primario-0-8)
    ),
    url("../img/bg.jpg");*/
  background: var(--colore-secondario);
}

h1.major,
h2.major,
h3.major,
h4.major,
h5.major,
h6.major {
  border-bottom-color: var(--colore-secondario);
}

input[type="tel"] {
  height: 2.75em;
}

.button.primario {
  background: var(--colore-primario);
  box-shadow: inset 0 0 0 2px var(--colore-secondario-0-125);
}

.logo .image img {
  width: 250px;
  max-width: 80%;
  margin: 0 auto;
}
/*TODO: solo telefono con 80%*/

#header {
  border-bottom: 1px solid var(--colore-secondario);
  background-color: var(--colore-primario-new-0-95);
}
#header.alt {
  background-color: var(--colore-primario);
}
/* #header nav{
  font-family: "Libre Baskerville", serifserif;
} */
#header nav a:hover {
  background-color: var(--colore-secondario-0-025);
}

#header .nav-tel {
  display: none;
}
#header .nav-no-tel {
  display: block;
}

@media screen and (max-width: 849px) {
  #header .nav-tel {
    display: block;
  }
  #header .nav-no-tel {
    display: none;
  }
}

form > .fields > .field {
  width: calc(100%);
}

form > .fields > .field.filed-sx {
  width: calc(50%);
}

form > .fields > .field.filed-dx {
  width: calc(50%);
}

@media screen and (max-width: 980px) {
  form > .fields > .field,
  form > .fields > .field.filed-sx,
  form > .fields > .field.filed-dx {
    width: calc(100%);
  }
}

@media screen and (max-width: 736px) {
  .field.filed-sx,
  .field.filed-dx {
    width: calc(100% - 1.5em);
  }
}
/* OLD 
#six .inner {
  padding: 5em 0 3em 0;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 55em;
}
*/
@media screen and (max-width: 980px) {
  /* OLD 
  #six .inner {
    padding: 3em 3em 1em 3em;
    display: block;
    width: 100%;
  }
  */
}

.social,
.privacy,
.copyright2,
.contact2 {
  margin: 4em 0 2em 0;
  text-align: center;
  padding: 0;
}

.social a,
.privacy a,
.copyright2 a,
.contact2 a {
  border: none;
}

.social div {
  display: inline;
  padding: 0 0 0 1.75em;
}
.social div:first-child {
  padding: 0;
}
.social div a i {
  border-radius: 100%;
  border: solid 2px var(--colore-secondario); /* var(--colore-secondario-0-125) */
  font-size: 0.8em;
  height: 2.5em;
  line-height: 2.35em;
  text-align: center;
  width: 2.5em;
}

/*
.social div a i:hover {
  background: var(--colore-secondario);
  color: #2e3141;
}
*/

.social div:before {
  border: solid 2px var(--colore-secondario-0-125);
  display: inline-block;
  font-size: 0.8em;
  height: 2.5em;
  left: 0;
  line-height: 2.35em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.5em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  text-transform: none !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
  border-radius: 100%;
}

.social,
.privacy a {
  line-height: 55px;
}

.privacy a:hover,
.copyright2 a:hover,
.contact2 a:hover {
  border-bottom: 1px dotted;
}

a.special:not(.button):before {
  /*content: "\f129";*/
  content: "";
  border: none !important;
}
a.special:not(.button):before {
  border: solid 2px var(--colore-secondario);
}
.wrapper.alt a.special:not(.button):before {
  border: solid 2px var(--colore-primario);
}

ol li.active {
  border: none;
}
ol li.active:hover {
  cursor: pointer;
}

p {
  margin: 0 0 1em 0;
}
h1.major,
h2.major,
h3.major,
h4.major,
h5.major,
h6.major {
  padding-bottom: 0;
}
#banner {
  /* padding-top: 25vh;
  padding-bottom: 25vh; */
  background-color: var(--colore-secondario);
}
#banner .inner {
  text-align: center;
}
#banner .logo {
  width: fit-content;
  margin: 0 auto;
}
#banner p {
  margin: 0;
  font-size: 1.5em;
  color: var(--colore-primario);
}
#banner p a {
  margin: 0;
  font-size: 85%;
  color: var(--colore-primario);
}
#banner p a:hover {
  color: var(--colore-primario) !important;
  text-decoration: underline;
}
.wrapper {
  margin: 3em 0;
}
.wrapper:before {
  top: -2em;
}
.wrapper:after {
  bottom: -2em;
}
.wrapper:before,
.wrapper:after {
  height: 2em;
}
.wrapper .inner {
  padding: 1.5em 0;
}
#wrapper a {
  margin: 0;
}
#wrapper a:hover {
  text-decoration: underline;
}
#wrapper > section > .inner {
  padding: 3em 0;
}
#two a:hover {
  color: var(--colore-primario) !important;
}
#two .row h2 {
  font-size: 0.875em;
}
#five h2.major {
  margin: 0;
}
#five article {
  overflow: hidden;
  /* border: 2px solid var(--colore-primario); */
}
#five article h3 {
  cursor: pointer;
}
#five article div ul {
  margin: 0;
}
#four .icon {
  padding: 1em 0 1.5em;
}
#four .row h2 {
  margin: 0;
  text-transform: none;
  font-size: 1.3em;
}
#four p a.button {
  width: 100%;
  font-size: 1.3em;
}
#four p a.button:hover {
  border-bottom-color: var(--colore-secondario);
}
#seven.wrapper.style2::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23000035%3B' /%3E%3C/svg%3E");
  -moz-transform: scaleY(1) scaleX(1);
  -webkit-transform: scaleY(1) scaleX(1);
  -ms-transform: scaleY(1) scaleX(1);
  transform: scaleY(1) scaleX(1);
  box-shadow: inset 0 -1px 0 0 var(--colore-primario),
    0 1px 0 0 var(--colore-primario);
}
/* OLD #six .inner,*/
#footer .inner {
  padding: 1.5em 0 0.5em 0;
}
.wrapper.alt,
.wrapper.spotlight.style2 {
  background-color: var(--colore-secondario);
  color: var(--colore-primario);
}
.wrapper.alt *,
.wrapper.spotlight.style2 * {
  background-color: transparent;
  color: var(--colore-primario);
}
.wrapper.style2 h1,
.wrapper.style2 h2,
.wrapper.style2 h3,
.wrapper.style2 h4,
.wrapper.style2 h5,
.wrapper.style2 h6 {
  color: var(--colore-primario);
  border-bottom-color: var(--colore-primario);
}
.wrapper.style2 h3 {
  border-bottom: none;
}
/*
.wrapper.spotlight.style2 a,
.wrapper.spotlight.style2 a:hover,
#six a:hover {
  color: var(--colore-primario) !important;
}
*/
.wrapper.spotlight.style2:before,
.wrapper.spotlight.style2:after,
.wrapper.style2:before,
.wrapper.style2:after {
  box-shadow: inset 0 -1px 0 0 var(--colore-secondario),
    0 1px 0 0 var(--colore-secondario);
}
/* OLD 
#six .inner .major {
  width: 100%;
  border-bottom-color: var(--colore-primario);
}
#six input[type="submit"] {
  border: 2px solid var(--colore-primario);
  background: transparent;
  color: var(--colore-primario) !important;
}
#six input[type="submit"]:hover {
  background: var(--colore-primario-new-0-1);
}*/
/*
.wrapper.style2#six:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23000035%3B' /%3E%3C/svg%3E");
}
*/

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  border-color: var(--colore-primario);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea/*,
input[type="checkbox"] + label:before,
input[type="radio"] + label:before*/ {
  /* border-color: var(--colore-primario); border: none; */
  border: 1px solid var(--colore-primario);
  border-radius: 5px;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  background: var(--colore-primario);
  border-color: var(--colore-primario);
  color: var(--colore-secondario);
}

#footer .inner {
  padding-bottom: 3em;
}
#footer {
  background: var(--colore-primario);
  margin-top: -1em;
}
.social,
.privacy,
.copyright2,
.contact2 {
  margin: 0;
}
.features {
  margin: 0;
}
.features article {
  padding: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--colore-secondario);
  color: var(--colore-primario);
}
.features article h1,
.features article h2,
.features article h3,
.features article h4,
.features article h5,
.features article h6 {
  color: var(--colore-primario);
  border-bottom-color: var(--colore-primario);
}
.features article .image img {
  max-height: 160px;
}
/* OLD 
#six .inner {
  width: 40%;
}
*/
input[type="checkbox"] + label,
input[type="radio"] + label {
  margin-bottom: 0;
}
form {
  margin: 0;
}
form > .fields {
  width: calc(100% + 1.5em);
  margin: -1.5em 0 1em -1.5em;
}
form > .fields > .field {
  padding-top: 1em;
}
@media screen and (max-width: 1280px) {
  #banner {
    /*padding-bottom: 6em;*/
    margin-bottom: -5em;
    background-image: none;
  }
  /* OLD 
  #six .inner {
    width: 50%;
  }
  */
  .copyright2,
  .contact2 {
    margin-top: 1em;
  }
  #footer {
    padding-top: 0;
    /* margin-top: 0; */
  }
}
@media screen and (max-width: 980px) {
  #banner .inner,
  .wrapper .inner/*, OLD 
  #six .inner*/ {
    width: 80%;
  }
  .copyright2 {
    margin-top: 0;
  }
  #four .icon-padding-medium {
    padding: 2em 0 1.5em;
  }
}
@media screen and (max-width: 736px) {
  .wrapper .inner {
    padding: 2em 2em 0.1em 2em;
  }
}

/************************************************************************************************************************/
/**************************************************ELIMINO STILI TEMPLATE************************************************/
/************************************************************************************************************************/

a.special:not(.button):hover:before {
  background-color: inherit;
}

ul.actions li {
  padding: 0;
}

#header nav {
  text-transform: unset;
}

.features article {
  width: 100%;
  padding-bottom: 0;
}

@media screen and (max-width: 480px) {
  .features article {
    margin: 0 !important;
  }
}

#header {
  height: 3em !important;
  line-height: 3em !important;
}

#header nav {
  height: 3em;
  top: 0.4em;
}

#menu a {
  border-bottom: 0;
}

#wrapper > header p {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
}

@media screen and (max-width: 736px) {
  #wrapper > header p {
    font-size: inherit;
  }
}

@media screen and (max-width: 480px){
  input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    padding: 0 1.25em;
  }
}

@media screen and (max-width: 736px){
  #header nav {
    top: 0;
  }
}

@media screen and (max-width: 480px){
  #header nav {
    top: 0.4em;
  }

  #header nav a[href="#menu"]:before {
    line-height: 37px;
    font-size: 20px;
    padding-right: 1em;
  }
}

/************************************************************************************************************************/
/*********************************************************MIEI STILI*****************************************************/
/************************************************************************************************************************/

*, body, a, a.special, label,h1,h2,h3,h4,h5,h6, div, p,
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
  /* font-family: "Titillium Web", sans-serif; */
  font-family: 'Source Sans Pro', sans-serif;
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Libre Baskerville", serif;
} */

.text-black {
  color: black;
}

#banner {
  padding: 8em 0 4em 0;
  margin-bottom: 0;
}

#banner h3 {
  margin-top: 1em;
  width: 120%;
  margin-left: -10%;
}

.showable-block {
  display: none;
  padding-left: 1.3em;
}

#header img {
  max-height: 75%;
  background: white;
  padding: 5px;
  margin: 7px;
  border-radius: 5px;
}

/************************************************************************************************************************/
/*********************************************************MIEI STILI ALE*************************************************/
/************************************************************************************************************************/
.border-danger {
  border-color: var(--colore-danger) !important;
}
.text-danger {
  color: var(--colore-danger) !important;
}


.noOverColorChange:hover{
  color: inherit !important;
}