@import url('https://fonts.googleapis.com/css2?family=EB+Garamond');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans');

:root {
    --primary-blue: #62B5DD;
    --primary-brown: #2A1905;
    --primary-cream: #FDEECF;
    --primary-white: #FFFCF8;
    --secondary-sand: #F2EDE7;

    --feed-red: #F32F1D;
}

/* FONT */

html{
  font-size: 22px;
  scroll-behavior: smooth;
}

/* Utility */

ol{
  padding-inline-start: 0;
}

a{
  text-decoration: none;
  font-weight: 700;
  font-size: .7rem;
}

ul,ol{
  padding: 0;
  margin: 0;

}

ul li{
  list-style: none;
}

p,span,a{
  font-family: 'DM Sans', Sans-serif;
  margin: 0;
}

a:hover{
  color: inherit;
  text-decoration: none;
}

/* Titolazioni + color */

.titleLev1{
  letter-spacing: 2.1px;
  font-size: 4.57rem;
  font-family: 'EB Garamond', Sans-serif;
  line-height: .9;
  font-weight: 400;
}

.titleLev2{
  font-size: 3.48rem;
  font-family: 'EB Garamond', Sans-serif;
  line-height: 1.1;
  font-weight: 400;
}

.titleLev3{
  font-size: 2.61rem;
  font-family: 'EB Garamond', Sans-serif;
  line-height: 1.1;
}

.titleLev4{
  font-size: 1.96rem;
  font-family: 'EB Garamond', Sans-serif;
  font-weight: 400;
}

.titleLev5{
  font-weight: bold;
  font-size: 1.04rem;
  font-family: 'DM Sans', Sans-serif;
}

.titleLev6{
  font-size: 1.22rem;
  font-family: 'EB Garamond', Sans-serif;
}

.subtitle{
  font-weight: bold;
  font-size: 1.22rem;
  font-family: 'DM Sans', Sans-serif;
  line-height: 1.2;
}

.p-small{
  font-size: .91rem;
  font-family: 'DM Sans', Sans-serif;
}

.note{
  font-size: .70rem;
  font-family: 'DM Sans', Sans-serif;
}

.colorPrimaryBlue{
    color: var(--primary-blue);
}

.colorPrimaryBrown{
    color: var(--primary-brown);
}

.colorPrimaryCream{
    color: var(--primary-cream);
}

.colorPrimaryWhite{
    color: var(--primary-white);
}

.colorSecondarySand{
    color: var(--secondary-sand);
}

.bgColorPrimaryBlue{
    background-color: var(--primary-blue);
}

.bgColorPrimaryBrown{
    background-color: var(--primary-brown);
}

.bgColorPrimaryCream{
    background-color: var(--primary-cream);
}

.bgColorPrimaryWhite{
    background-color: var(--primary-white);
}

.bgColorSecondarySand{
    background-color: var(--secondary-sand);
}

.hoverBgColorPrimaryBlue:hover{
    background-color: var(--primary-blue);
}

.hoverColorPrimaryBlue:hover{
    color: var(--primary-blue);
}

.hoverColorPrimaryBrown:hover{
  color: var(--primary-brown);
}

#siteFooter ul{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width:768px){
  html{
    font-size: 17px;
  }
  #siteFooter ul li a{
    height: unset !important;
  }
}