:root:root {
  /* Font Family */
  --global--font-primary: "Raleway";
  --global--font-secondary: "Raleway";
  /* Font Size */
  --global--font-size-base: 1.25rem;
  --global--font-size-xs: 1rem;
  --global--font-size-sm: 1.125rem;
  --global--font-size-md: 1.25rem;
  --global--font-size-lg: 1.5rem;
  --global--font-size-xl: 2.25rem;
  --global--font-size-xxl: 4rem;
  --global--font-size-xxxl: 5rem;
  --global--letter-spacing: normal;
  /* Line Height */
  --global--line-height-body: 1.7;
  --global--line-height-heading: 1.3;
  --global--line-height-page-title: 1.1;
  /* Headings */
  --heading--font-family: var(--global--font-primary);
  --heading--font-size-h6: var(--global--font-size-xs);
  --heading--font-size-h5: var(--global--font-size-sm);
  --heading--font-size-h4: var(--global--font-size-lg);
  --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
  --heading--font-size-h2: var(--global--font-size-xl);
  --heading--font-size-h1: var(--global--font-size-page-title);
  --heading--letter-spacing-h6: 0.05em;
  --heading--letter-spacing-h5: 0.05em;
  --heading--letter-spacing-h4: var(--global--letter-spacing);
  --heading--letter-spacing-h3: var(--global--letter-spacing);
  --heading--letter-spacing-h2: var(--global--letter-spacing);
  --heading--letter-spacing-h1: var(--global--letter-spacing);
  --heading--line-height-h6: var(--global--line-height-heading);
  --heading--line-height-h5: var(--global--line-height-heading);
  --heading--line-height-h4: var(--global--line-height-heading);
  --heading--line-height-h3: var(--global--line-height-heading);
  --heading--line-height-h2: var(--global--line-height-heading);
  --heading--line-height-h1: var(--global--line-height-page-title);
  --heading--font-weight: normal;
  --heading--font-weight-page-title: 300;
  --heading--font-weight-strong: 600;
  /* Block: Latest posts */
  --latest-posts--title-font-family: var(--heading--font-family);
  --latest-posts--title-font-size: var(--heading--font-size-h3);
  --latest-posts--description-font-family: var(--global--font-secondary);
  --latest-posts--description-font-size: var(--global--font-size-sm);
  --list--font-family: var(--global--font-secondary);
  --definition-term--font-family: var(--global--font-primary);
  /* Colors */
  --global--color-black: #000;
  --global--color-dark-gray: #28303d;
  --global--color-gray: #39414d;
  --global--color-light-gray: #f0f0f0;
  --global--color-green: #d1e4dd;
  --global--color-blue: #d1dfe4;
  --global--color-purple: #d1d1e4;
  --global--color-red: #e4d1d1;
  --global--color-orange: #e4dad1;
  --global--color-yellow: #eeeadd;
  --global--color-white: #fff;
  --global--color-brown:  #d7a879;
  --global--color-white-50: rgba(255, 255, 255, 0.5);
  --global--color-white-90: rgba(255, 255, 255, 0.9);
  --global--color-primary: var(--global--color-dark-gray);
  /* Body text color, site title, footer text color. */
  --global--color-secondary: var(--global--color-gray);
  /* Headings */
  --global--color-primary-hover: var(--global--color-primary);
  --global--color-background: var(--global--color-green);
  /* Mint, default body background */
  --global--color-border: var(--global--color-brown);
  /* Used for borders (separators) */
  /* Spacing */
  --global--spacing-unit: 20px;
  --global--spacing-measure: unset;
  --global--spacing-horizontal: 25px;
  --global--spacing-vertical: 30px;
  /* Elevation */
  --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  /* Forms */
  --form--font-family: var(--global--font-secondary);
  --form--font-size: var(--global--font-size-sm);
  --form--line-height: var(--global--line-height-body);
  --form--color-text: var(--global--color-dark-gray);
  --form--color-ranged: var(--global--color-secondary);
  --form--label-weight: 500;
  --form--border-color: var(--global--color-secondary);
  --form--border-width: 1px;
  --form--border-radius: 4px;
  --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
  /* Cover block */
  --cover--height: calc(15 * var(--global--spacing-vertical));
  --cover--color-foreground: var(--global--color-white);
  --cover--color-background: var(--global--color-black);
  /* Buttons */
  --button--color-text: var(--global--color-white);
  --button--color-text-hover: var(--global--color-secondary);
  --button--color-text-active: var(--global--color-secondary);
  --button--color-background: var(--global--color-brown);
  --button--color-background-active: var(--global--color-background);
  --button--font-family: var(--global--font-primary);
  --button--font-size: var(--global--font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 4px;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
  /* entry */
  --entry-header--color: var(--global--color-primary);
  --entry-header--color-link: currentColor;
  --entry-header--color-hover: var(--global--color-primary-hover);
  --entry-header--color-focus: var(--global--color-secondary);
  --entry-header--font-size: var(--heading--font-size-h2);
  --entry-content--font-family: var(--global--font-secondary);
  --entry-author-bio--font-family: var(--heading--font-family);
  --entry-author-bio--font-size: var(--heading--font-size-h4);
  /* Header */
  --branding--color-text: var(--global--color-primary);
  --branding--color-link: var(--global--color-primary);
  --branding--color-link-hover: var(--global--color-secondary);
  --branding--title--font-family: var(--global--font-primary);
  --branding--title--font-size: var(--global--font-size-lg);
  --branding--title--font-size-mobile: var(--heading--font-size-h4);
  --branding--description--font-family: var(--global--font-secondary);
  --branding--description--font-size: 14px;
  --branding--description--font-family: var(--global--font-secondary);
  --branding--logo--max-width: 300px;
  --branding--logo--max-height: 100px;
  --branding--logo--max-width-mobile: 96px;
  --branding--logo--max-height-mobile: 96px;
  /* Main navigation */
  --primary-nav--font-family: var(--global--font-secondary);
  --primary-nav--font-family-mobile: var(--global--font-primary);
  --primary-nav--font-size: var(--global--font-size-md);
  --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
  --primary-nav--font-size-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-button: var(--global--font-size-xs);
  --primary-nav--font-style: normal;
  --primary-nav--font-style-sub-menu-mobile: normal;
  --primary-nav--font-weight: normal;
  --primary-nav--font-weight-button: 500;
  --primary-nav--color-link: var(--global--color-primary);
  --primary-nav--color-link-hover: var(--global--color-primary-hover);
  --primary-nav--color-text: var(--global--color-primary);
  --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
  --primary-nav--border-color: var(--global--color-primary);
  /* Pagination */
  --pagination--color-text: var(--global--color-primary);
  --pagination--color-link-hover: var(--global--color-primary-hover);
  --pagination--font-family: var(--global--font-secondary);
  --pagination--font-size: var(--global--font-size-lg);
  --pagination--font-weight: normal;
  --pagination--font-weight-strong: 600;
  /* Footer */
  --footer--color-text: var(--global--color-primary);
  --footer--color-link: var(--global--color-primary);
  --footer--color-link-hover: var(--global--color-primary-hover);
  --footer--font-family: var(--global--font-primary);
  --footer--font-size: var(--global--font-size-sm);
  /* Block: Pull quote */
  --pullquote--font-family: var(--global--font-primary);
  --pullquote--font-size: var(--heading--font-size-h3);
  --pullquote--font-style: normal;
  --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  --pullquote--line-height: var(--global--line-height-heading);
  --pullquote--border-width: 3px;
  --pullquote--border-color: var(--global--color-primary);
  --pullquote--color-foreground: var(--global--color-primary);
  --pullquote--color-background: var(--global--color-background);
  --quote--font-family: var(--global--font-secondary);
  --quote--font-size: var(--global--font-size-md);
  --quote--font-size-large: var(--global--font-size-xl);
  --quote--font-style: normal;
  --quote--font-weight: 700;
  --quote--font-weight-strong: bolder;
  --quote--font-style-large: normal;
  --quote--font-style-cite: normal;
  --quote--line-height: var(--global--line-height-body);
  --quote--line-height-large: 1.35;
  --separator--border-color: var(--global--color-border);
  --separator--height: 1px;
  /* Block: Table */
  --table--stripes-border-color: var(--global--color-light-gray);
  --table--stripes-background-color: var(--global--color-light-gray);
  --table--has-background-text-color: var(--global--color-dark-gray);
  /* Widgets */
  --widget--line-height-list: 1.9;
  --widget--line-height-title: 1.4;
  --widget--font-weight-title: 700;
  --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
  /* Admin-bar height */
  --global--admin-bar--height: 0; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?wgp6fr");
  src: url("../fonts/icomoon.eot?wgp6fr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?wgp6fr") format("truetype"), url("../fonts/icomoon.woff?wgp6fr") format("woff"), url("../fonts/icomoon.svg?wgp6fr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: "\ea34"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

html, body {
  font-family: 'Raleway' !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway' !important; }

h1 {
  font-size: 48px;
  font-weight: bold; }

h2 {
  font-size: 36px;
  font-weight: bold; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

.container {
  width: 1240px;
  max-width: 95vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%; }

.site-branding {
  display: flex;
  align-items: center; }
  .site-branding__logo img {
    width: 40px;
    height: 40px; }
  .site-branding__content {
    margin-left: 10px; }
    .site-branding__content .site-title {
      margin-bottom: -5px; }
      .site-branding__content .site-title > a {
        text-decoration: none; }
      @media (max-width: 648px) {
        .site-branding__content .site-title {
          font-size: 14px;
          margin-bottom: -2px; } }
    .site-branding__content .site-description {
      margin-left: 2px;
      text-wrap: nowrap; }
      @media (max-width: 648px) {
        .site-branding__content .site-description {
          font-size: 10px;
          margin-left: 0px; } }

.studio__title {
  margin-bottom: 2rem; }

.studio__content {
  max-width: 960px; }
  .studio__content p {
    margin-bottom: 1.5rem; }

.consulenza__title,
.servizi__title {
  margin-bottom: 2rem; }

.consulenza__item,
.servizi__item {
  min-height: 75px;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: 960px;
  max-width: 95vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7a879;
  cursor: pointer;
  position: relative; }
  .consulenza__item__title,
  .servizi__item__title {
    padding: 1rem 2rem; }
  .consulenza__item:hover,
  .servizi__item:hover {
    transform: scale(1.01, 1.1); }
  .consulenza__item .icon,
  .servizi__item .icon {
    padding-right: 3rem; }
    .consulenza__item .icon.icon-arrow-right2:before,
    .servizi__item .icon.icon-arrow-right2:before {
      color: #d7a879; }

#primary-menu-list > li > a:focus {
  background-color: var(--global--color-white);
  color: var(--global--color-secondary); }

#primary-menu-list > li > a:first-child:hover {
  text-decoration-color: var(--global--color-brown); }

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background-color: #ffffff !important;
  color: var(--global--color-secondary) !important;
  text-decoration: none; }

.button_link {
  text-decoration: none; }

.site-footer {
  margin-top: 0; }

a.button_link:focus {
  background-color: red !important; }

#iubenda-link {
  text-align: center; }

@media only screen and (max-width: 481px) {
  header {
    align-items: center; }
  .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    margin-right: auto; }
  .site-header.has-logo.has-title-and-tagline.has-menu #site-navigation {
    top: 5px; } }

.hero {
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .hero {
      flex-direction: column;
      align-items: center5; } }
  .hero__immagine {
    text-align: center;
    flex: 0 0 32%;
    justify-content: space-between; }
  .hero__immagine img {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 10px solid #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem; }
  .hero__content {
    padding: 1rem 2rem; }
    @media (max-width: 767px) {
      .hero__content {
        text-align: center; } }
    .hero__content__title {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 1rem; }
    .hero__content p {
      max-width: 80%;
      margin-bottom: 1rem;
      padding-left: 1rem; }
      @media (max-width: 767px) {
        .hero__content p {
          margin: 0 auto 1rem auto; } }
  .hero address {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .hero address div {
    font-weight: 200;
    display: flex;
    margin-bottom: 5px;
    width: 190px; }
  .hero address a {
    color: slategray; }
  .hero address img {
    margin-right: 4px; }
  .hero .contatti .elenco {
    display: flex;
    justify-content: flex-start;
    padding-left: 1rem; }
    @media (max-width: 767px) {
      .hero .contatti .elenco {
        justify-content: center; } }
  .hero .contatti a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    margin: 0 5px; }
    .hero .contatti a:focus {
      background-color: var(--global--color-white) !important; }
    .hero .contatti a > img:focus {
      border: none; }
