@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  src: url('/fonts/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: lighter;
  src: url('/fonts/Montserrat-Light.ttf');
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  src: url('/fonts/Montserrat-Medium.ttf');
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  src: url('/fonts/Montserrat-SemiBold.ttf');
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: bolder;
  src: url('/fonts/Montserrat-Black.ttf');
}
@font-face {
  font-family: 'BrushScript';
  src: url('fonts/BrushScript.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'NexaBold';
  src: url('../fonts/NexaSlab-Bold.ttf') format('truetype');
  font-display: swap;
}
* {box-sizing: border-box;}
.agricola ul {
  margin: 0;
  padding: 0;
}
.agricola ul li {
  list-style: none;
}
:root {
  font-size: 10px;
  --light: #E3DEC9; /* Light */
  --verde: #8A8B43; /* Verde */
  --arancione: #DDA35D; /* Arancione */
  --verdescuro: #3B3A1F; /* Verde scuro */
  --terra: #AA6231; /* Marroncino */
  --vino: #5D2C0D; /* Vino */
  --vinoscuro: #282525; /* Vinoscuro*/
  --grigio: #6D6E70; /* Grigio */
  --grigiolight: #999585; /* Grigiolight */
}
html, body {
  background: var(--verdescuro);
  color: var(--light);
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}

/* For testing purposes */
  /*.bodywrapper {
    border: var(--light) 1px solid;
    margin: 0 auto;
    max-width: 360px;
  }*/
  .agricola img {
    display: block;
    height: auto;
    width: 100%;
  }
/* End for testing purposes */

section {
  padding: 5rem 0;
}

.agricola h1, .agricola h2, .agricola h3, .agricola h4, .agricola h5, .agricola h6 {
  font-family: 'voltage', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
}
.agricola h1 { font-size: 4.5rem;}
.agricola h2 { font-size: 3.4rem;}
.agricola h3 { font-size: 2.8rem;}
.agricola sub {
  color: var(--verdescuro);
  font-family: 'NexaBold';
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
  transform: translateY(-2rem);
}
.agricola h2 {
  color: var(--verde);
  margin-bottom: .2rem;
}
.agricola p {
  color: var(--vinoscuro);
}
.agricola .accent,
.agricola .note,
.agricola .notecontent {
  color: var(--arancione);
}
.agricola .note:after {
  content: '*';
}
.agricola .notecontent:before {
  content: '*';
}
/* Menu, Navigation */
.agricola .menutrigger a {
  /*border: var(--light) 1px solid;*/
  display: block;
  height: 38px;
  width: 38px;
  text-align: center;line-height: 38px;
}
.agricola .menutrigger i {
  color: var(--light);
  font-size: 2rem;
}
/* Desktop
.agricola h1 { font-size: 8.6rem;}
.agricola h2 { font-size: 6.6rem;}
.agricola h3 { font-size: 5.4rem;}
*/
.agricola a {
  text-decoration: none;
}

/* btn styles */
.agricola main a.linktopage {
  color: var(--light);
  text-decoration: none;
  font-family: 'NexaBold';
  font-size: 1.6rem;
  transition: .2s ease-in-out;
}
.agricola main a.linktopage:hover,
.agricola main a.linktopage:focus {
  padding-left: .2rem;
}
.agricola main a.btn,
.agricola main a.btn-document,
.agricola main a.btn-prenota,
.agricola main a.btn-full {
  font-family: 'NexaBold';
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
  transition: .2s ease-in-out;
  padding: .8rem 1.2rem;
}
.agricola .btn-document {
  border: var(--verde) 1px solid;
  color: var(--light);
  padding: .8rem 1.2rem;
  text-transform: uppercase;
  transition: .2s ease-in-out;
}
.agricola .btn-document:hover,
.agricola .btn-document:focus {
  background-color: var(--light);
  color: var(--verde);
}
.agricola .btn {
  background-color: var(--verde);
  color: var(--light);
}
.agricola .btn:hover,
.agricola .btn:focus {
  background-color: var(--light);
  color: var(--verde);
}
.agricola .prenota a {
  display: inline-block;
  font-family: 'NexaBold';
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem;
}
.agricola .prenota a i {
  padding: 0 2px;
}

/* Site styling */
.agricola .txtcenter {
  text-align: center;
}
.agricola .hidden {
  display: none;
}
.agricola .colmax {
  margin: 0 auto;
  padding: 0 .8rem;
  max-width: 1280px;
}
.agricola .flex {
  display: flex;
}
.agricola .grid {
  display: grid;
}
.agricola .stripetop,
.agricola .stripebottom {
  background-color: var(--vinoscuro);
}
.agricola .stripetop .flex {
  align-items: center;
  justify-content: space-between;
}
.agricola .stripetop {
  font-size: 1.2rem;
}
.agricola .stripetop .langbox p {
  color: var(--light);
}

.agricola .stripetop .socialicons ul {
  display: flex;
  align-items: center;
}
.agricola .stripetop .socialicons li {
  margin-left: 2px;
}
.agricola .stripetop .socialicons a {
  color: var(--light);
  display: block;
  min-width: 38px;
  /*height: 38px;*/
  line-height: 38px;
  font-size: 1.8rem;
  text-align: center;
  transition: background-color .2s ease-in-out;
}
.agricola .stripetop .socialicons a:hover {
  background-color: var(--verde);
}
.agricola .stripetop .socialicons a.thefork {
  padding: 9px 6px;
}
.agricola .stripetop .socialicons a.thefork img {
  display: block;
  height: auto;
  width: 70px;
  transform: translateY(-2px);
}

/* Header */
.agricola header {
  position: relative;
}
.agricola .mainnavigation {
  position: absolute;
  width: 100%;
  top: 2rem;
}
.agricola .mainnavigation .logo {
  max-width: 200px;
}
.agricola .mainnavigation .flex {
  justify-content: space-between;
  align-items: center;
}
.agricola .mainnavigation nav {
  display: none;
}

.agricola main {
  background-color: #ffffff;
}

/* Infoboxes */
.agricola .infobox {
  border: var(--terra) 1px dashed;
  padding: 0 .8rem;
  text-align: center;
}
/*.agricola .infobox .content {
  padding: 2rem .8rem;
}*/
.agricola .infobox .content__thumbnail {
  margin-bottom: 2rem;
}
.agricola .infobox .content__thumbnail img {
  display: block;
  height: auto;
  max-width: 174px;
  width: 100%;
  margin: 0 auto;
}

.agricola .infobox .content__text h4 {
  font-family: 'NexaBold';
  text-transform: uppercase;
}

/* Infoboxes specific */
.agricola .infobox.glossario {
  margin: 6rem auto 0;
  width: 76%;
}
.agricola .infobox.glossario h2,
.agricola .infobox.glossario h3 {
  display: inline-block;
  margin-top: -3rem;
  background-color: #FFFFFF;
  padding: .2rem 1rem;
}
.agricola .infobox.glossario h2,
.agricola .infobox.glossario h3,
.agricola .infobox.glossario h4 {
  color: var(--terra);
}
.agricola .infobox.glossario a.btn {
  background-color: var(--terra);
}
.agricola .infobox.glossario a.btn:hover {
  background-color: var(--light);
  color: var(--terra);
}

/* Servizi list */
.agricola .contentbox .servizi-list li {
  display: inline-block;
  margin: 1rem;
}
.agricola .contentbox .servizi-list img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 110px;
  width: 100%;
}
.agricola .contentbox .servizi-list h4 {
  font-family: 'NexaBold';
  font-weight: bold;
  font-size: 1.6rem;
  color: var(--terra);
  text-transform: uppercase;
  margin: 1rem 0;
}

/* Sezione Menu */
.agricola section.menu {
  background-image: url(../img/bg-menu.jpg);
  background-repeat: none;
  padding: 5rem .8rem;
}
.agricola section.menu .section__title h2,
.agricola section.menu .section__title sub,
.agricola section.menu .section__title p {
  color: var(--light);
}

/* Sezione News Eventi */
.agricola section.news .colmax {
  flex-direction: column;
}
.agricola section.news .colmax > div + div {
  margin-top: 1.6rem;
}
.agricola section.news .newslist h3,
.agricola section.news .eventlist h3 {
  color: var(--verde);
}
.agricola section.news .pagelist article .content {
  display: flex;
  flex-direction: column;
}
.agricola section.news .pagelist article .content__thumbnail {
  max-width: 90px;
  width: 100%;
}
.agricola section.news .pagelist article .content__text {
  text-align: left;
}
.agricola section.news .pagelist article .content__text h4 {
  color: var(--verde);
  font-family: 'NexaBold';
  font-size: 2rem;
  text-transform: uppercase;
}

/* Sezione asporto */
.agricola section.asporto {
  background: url(../img/bg-asporto.jpg);
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100%;
}
.agricola section.asporto .section__title h2 {
  color: var(--arancione);
}
.agricola section.asporto .section__title sub,
.agricola section.asporto .section__title p {
  color: var(--light);
}
.agricola .asporto-suggest h3 {
  color: var(--light);
  display: inline-block;
  position: relative;
}
.agricola .asporto-suggest__pagelist {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 266px));
  grid-gap: 1.6rem;
  justify-content: center;
}
.agricola .asporto-suggest__pagelist .list-item {
  background-color: var(--light);
  border-radius: 8px;
  margin-bottom: 5rem;
}
.agricola .asporto-suggest__pagelist .content__thumbnail {
  padding: 0 .5rem;
  transform: translateY(-2rem);
}
.agricola .asporto-suggest__pagelist .content__thumbnail img {
  border-radius: 8px;
}
.agricola .asporto-suggest__pagelist .content__text {
  padding-bottom: .2rem;
  transform: translateY(-2rem);
}
.agricola .asporto-suggest__pagelist article .foodtype {
  color: var(--terra);
  display: block;
  font-family: 'voltage', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.8rem;
  margin-bottom: -1.6rem;
}
.agricola .asporto-suggest__pagelist article h3 {
  color: var(--vino);
  font-size: 2.2rem;
  font-family: 'NexaBold';
  text-transform: uppercase;
}
.agricola section.asporto .asporto-suggest__pagelist article p {
  color: var(--vinoscuro);
}
.agricola section.asporto .asporto-suggest__pagelist article a.btn {
  background-color: var(--terra);
  color: var(--light);
}
.agricola section.asporto .asporto-suggest__pagelist article a.btn:hover {
  background-color: var(--vino);
  color: var(--light);
}
.agricola main .asporto-suggest__extras a.btn {
  background-color: var(--terra);
}
.agricola main .asporto-suggest__extras a.btn:hover {
  background-color: var(--light);
  color: var(--terra);
}
.agricola main section.asporto .info__glovo {
  max-width: 200px;
  margin: 0 auto;
}
.agricola main section.asporto .info__glovo img {
  margin: 0 auto;
  width: 50%;
}
.agricola section.asporto .info__glovo h3 {
  color: var(--arancione);
  font-family: 'NexaBold';
  text-transform: uppercase;
}
.agricola section.asporto .info__glovo p {
  color: var(--light);
}

.agricola section.asporto .instabox {
  margin: 2rem 0;
}
.agricola section.asporto .instabox .infobox {
  border: initial;
}
.agricola section.asporto .instabox .asporto__insta h3 {
  background-color: var(--light);
  color: var(--vino);
  display: inline-block;
  padding: 0 1rem;
  margin: 2rem 0;
  position: relative;
}
.agricola section.asporto .instabox .asporto__insta .content__thumbnail i {
  font-size: 7rem;
}
.agricola section.asporto .instabox .asporto__insta p {
  color: var(--light);
}

.agricola section.asporto .instafeed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(174px, 1fr));
}

/* Footer */
.agricola footer {
  background-color: var(--vinoscuro);
  border-top: var(--verde) 5px solid;
  padding: 5rem 0;
}
.agricola footer .logo {
  width: 260px;
  margin: 0 auto;
}
.agricola footer h3,
.agricola footer p {
  color: var(--light);
}
.agricola footer div p i {
  margin-right: .5rem;
}
.agricola footer .flex {
  flex-direction: column;
}
.agricola .footernav a {
  color: var(--light);
  display: block;
  line-height: 3.8rem;
}

.agricola .stripebottom {
  border-top: var(--verde) 1px solid;
  text-align: center;
  overflow: auto;
}
.agricola .stripebottom .colmax {
  display: flex;
  flex-direction: column;
}
.agricola .stripebottom p {
  color: var(--light);
}
.agricola .stripebottom .socialicons ul {
  display: flex;
  margin: 0 auto;
  width: min-content;
}
.agricola .stripebottom .socialicons li {
  margin-left: 2px;
}
.agricola .stripebottom .socialicons a {
  color: var(--light);
  display: block;
  min-width: 38px;
  line-height: 38px;
  font-size: 1.8rem;
  text-align: center;
  transition: background-color .2s ease-in-out;
}
.agricola .stripebottom .socialicons a:hover {
  background-color: var(--verde);
}
.agricola .stripebottom .socialicons a.thefork {
  padding: 9px 6px;
}
.agricola .stripebottom .socialicons a.thefork img {
  display: block;
  height: auto;
  width: 70px;
  transform: translateY(-2px);
}

/* Extras */

/* Jquery Tab Content */
.agricola section.menu .tab-container {
    background-color: rgba(0, 0, 0, .3);
    padding: 2rem 0;
}
.agricola section.menu .agricola__menu ul.menuvoices {
  text-align: center;
  margin: 3rem 0;
}
.agricola main .agricola__menu ul.menuvoices li a{
  background: none;
  color: var(--light);
  display: block;
  padding: .8rem 1.2rem;
  cursor: pointer;
  text-align: center;
  font-family: 'NexaBold';
  font-weight: bold;
  font-size: 1.6rem;
  text-transform: uppercase;
  transition: .2s ease-in-out;
  letter-spacing: 1px;
}

.agricola main .agricola__menu ul.menuvoices li a.current,
.agricola main .agricola__menu ul.menuvoices li a:hover,
.agricola main .agricola__menu ul.menuvoices li a:focus {
  background-color: var(--arancione);
  color: var(--verdescuro);
}

.agricola main .tab-content{
  display: none;
  /*background: #ededed;*/
  padding: 15px;
}

.agricola main .tab-content.current {
  display: inherit;
}
.agricola main .agricola__menu .food__list h3,
.agricola main .agricola__menu .food__list p,
.agricola main .agricola__menu .food__list .food__price  {
  color: var(--light);
  font-family: 'NexaBold';
}
.agricola main .agricola__menu .food__list .food__item {
  margin-bottom: 2rem;
}
.agricola main .agricola__menu .food__list h3 {
  font-weight: bold;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.agricola main .agricola__menu .food__list p {
  margin: .2rem 0;
  padding-left: .2rem;
}
.agricola main .agricola__menu .food__list .food__price {
  color: var(--arancione);
  font-size: 1.6rem;
  font-weight: bold;
  width: 12%;
  text-align: right;
}
.agricola main .agricola__menu .food__flex {
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}

.agricola main .agricola__menu .menu__extras,
.agricola main .asporto-suggest__extras {
  text-align: center;
  margin: 2rem 0;
}
.agricola main .agricola__menu .menu__extras a,
.agricola main .asporto-suggest__extras a {
  display: inline-block;
  margin-bottom: 2rem;
}

/* Desktop */
@media screen and (min-width: 1028px) {

  .agricola h1 {
    font-size: 7.8rem;
  }
  .agricola h2 {
    font-size: 6rem;
  }
  .agricola h3 {
    font-size: 3.2rem;
  }
  .agricola h4 {
    font-size: 2.6rem;
  }
  .agricola h5 {
    font-size: 2rem;
  }
  .agricola sub {
    font-size: 2.2rem;
  }

  .agricola .stripetop p {
    color: var(--light);
  }
  .agricola .stripetop .locationinfo.hidden {
    display: block;
    margin-right: 2rem;
  }
  .agricola .stripetop .locationinfo p i {
    margin-right: .5rem;
  }
  .agricola .stripetop .socialicons {
    margin-left: auto;
  }
  .agricola .stripetop .prenota {
    margin-left: 1rem;
  }
  .agricola .prenota.hidden {
    display: block;
  }

  .agricola footer .flex {
    flex-direction: initial;
    justify-content: space-between;
  }
  .agricola footer .flex div {
    text-align: left;
  }
  .agricola footer .logo {
    margin: initial;
  }
  .agricola .stripebottom .colmax {
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
    align-items: center;
  }

  .agricola .mainnavigation nav {
    display: block;
}
  .agricola .mainnavigation .menutrigger {
    display: none;
  }

  .agricola .mainnav {}
  .agricola .mainnav ul {}
  .agricola .mainnav ul li {
    display: inline-block;
  }
  .agricola .mainnav ul li a {
    color: var(--light);
    display: block;
    font-family: 'NexaBold';
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: .2rem 1rem;
    line-height: 38px;
  }
  .agricola .mainnav ul li a:hover,
  .agricola .mainnav ul li a:focus,
  .agricola .mainnav ul li.active a {
    border-bottom: var(--verde) 1px solid;
    color: var(--verde);
  }
  .agricola section.intro {
    background: url(../img/bg-intro.jpg);
    background-size: cover;
    background-position: center;
  }
  .agricola section.intro .colmax {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.6rem;
  }
  .agricola section.intro .colmax .intro-textbox {
    grid-column: 4 / 10;
  }
  .agricola section.intro .colmax .infobox {
    grid-row: 2;
    grid-column: 6 / 13;
  }
  .agricola section.intro .infobox article .content {
    display: flex;
  }
  .agricola section.intro .infobox .content__text {
    margin-left: 1rem;
    text-align: left;
  }
  .agricola section.intro .infobox .content__thumbnail {
    max-width: 138px;
    width: 100%;
  }

  .agricola .infobox.glossario {
    text-align: initial;
  }
  .agricola .asporto .infobox.asporto__insta {
    max-width: 360px;
    margin: 2rem auto;
  }
  .agricola .asporto .infobox.asporto__insta .content {
    display: flex;
  }

  .agricola section.location {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.6rem;
    align-items: center;
  }
  .agricola section.location > img {
    grid-column: 1 / 6;
  }
  .agricola section.location .contentbox {
    grid-column: 7 / 12;
  }
  .agricola section.menu .menucontent::after {
    content: '';
    width: 320px;
    height: 200px;
    background-image: url(../img/Illus-tagliere.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: .2;
  }
  .agricola section.menu .menucontent {
    position: relative;
  }
  .agricola section.menu {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .agricola section.menu .section__title,
  .agricola section.menu .agricola__menu {
    margin: 0 auto;
    max-width: 812px;
  }
  .agricola section.menu .agricola__menu ul li {
    display: inline-block;
    margin-bottom: 2px;
  }

  .agricola section.menu .agricola__menu .food__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
  .agricola section.menu .agricola__menu .food__item {
    margin-bottom: 1rem;
    justify-content: space-between;
  }
  .agricola section.menu .agricola__menu .menu__extras .linktopage {
    display: block;
  }

  /* Sezione News Eventi */
.agricola section.news .flex {
  flex-direction: initial;
  justify-content: space-between;
}
.agricola section.news .colmax > div {
  width: 50%;
}
.agricola section.news .colmax > div + div {
  margin-left: 1.6rem;
  margin-top: initial;
}
.agricola section.news .pagelist article .content {
  flex-direction: initial;
}
.agricola section.news .pagelist article .content__text {
  margin-left: 1rem;
}
.agricola section.news .pagelist small {
  background-color: var(--grigiolight);
  color: #fff;
  padding: .2rem .5rem;
}

/* Sezione Asporto */
  .agricola section.asporto {
    position: relative;
  }
  .agricola section.asporto::before {
    content: '';
    background-image: url(../img/bgitem-asporto.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
    width: 20vw;
    display: block;
    position: absolute;
    top: 8rem;
    left: 0;
    z-index: 1;
  }
  .agricola section.asporto::after {
    content: '';
    background-image: url(../img/bgitem-asporto2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
    width: 20vw;
    display: block;
    position: absolute;
    top: 8rem;
    right: 0;
    z-index: 2;
  }
  .agricola section.asporto .colmax {
    position: relative;
    z-index: 20;
  }
  .agricola section.asporto .section__title,
  .agricola section.asporto .asporto-suggest {
    margin: 0 auto;
    max-width: 812px;
  }
  .agricola .asporto-suggest > h3::before {
    content: '';
    background-image: url(../img/title-ornament.png);
    background-size: 34%;
    background-repeat: repeat-x;
    width: 66px;
    height: 33px;
    display: block;
    position: absolute;
    left: -66px;
    top: 16px;
  }
  .agricola .asporto-suggest > h3::after {
    content: '';
    background-image: url(../img/title-ornament.png);
    background-size: 34%;
    background-repeat: repeat-x;
    width: 66px;
    height: 33px;
    display: block;
    position: absolute;
    right: -72px;
    top: 16px;
  }
  .agricola section.asporto .asporto-suggest__pagelist {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, auto));
    margin-top: 5.6rem;
  }
  .agricola section.asporto .asporto-suggest__pagelist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.6rem;
    margin-top: 5.6rem;
  }
  .agricola .asporto-suggest__pagelist .list-item {
    margin-bottom: initial;
  }
  .agricola .asporto-suggest__pagelist .list-item .content__text {
    padding: 0 .2rem;
  }
  .agricola .asporto-suggest__pagelist .list-item:nth-child(2) {
    transform: translateY(-2.9rem);
  }
  .agricola section.asporto .asporto-suggest__extras .linktopage {
    display: block;
  }

  .agricola main section.asporto .info__glovo {
    margin: initial;
    position: absolute;
    right: 0;
    bottom: -12rem;
  }


.agricola section.asporto .instabox .asporto__insta h3::before {
  content: '';
  background-image: url(../img/title-ornament.png);
  background-size: 34%;
  background-repeat: repeat-x;
  width: 66px;
  height: 33px;
  display: block;
  position: absolute;
  left: -66px;
  top: 16px;
}
.agricola section.asporto .instabox .asporto__insta h3::after {
  content: '';
  background-image: url(../img/title-ornament.png);
  background-size: 34%;
  background-repeat: repeat-x;
  width: 66px;
  height: 33px;
  display: block;
  position: absolute;
  right: -72px;
  top: 16px;
}

}