.elementor-3710 .elementor-element.elementor-element-20e13e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-9f37005 */body {
  font-family: 'din-2014';
}

#sizing-chart {
  @media (max-width: 400px) {
    flex-direction: column;
    align-items: center;
  }
  display: flex;
  flex-direction: row;
  max-width: 800px;
  margin: 0 auto;

  .table {
    flex-grow: 1;
    width: 100%;
  }

  table {
    width: 100%;
    line-height: 3em;
    border-collapse: collapse;
  }

  tr {
    padding-left: 10px;
  }

  tr:first-child {
    padding-left: 10px;
  }

  tr:nth-child(even) {
    background-color: #eee;
  }

  .measurement {
    text-align: right;
  }

  td, th {
    padding: 0 10px;
  }

  th {
    margin: 0;
  }

  .toggle-measurement {
    border: 0;
    background-color: #eee;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
  }

  .toggle-measurement:focus {
    outline: none;
  }

  &.show-inches {
    .set-inches {
      background-color: #eac7b9;
      color: white;
    }
    .size-cm {
      display: none;
    }
  }
  &.show-cm {
    .set-cm {
      background-color: #eac7b9;
      color: white;
    }
    
    .size-inch {
      display: none;
    }
  }
}/* End custom CSS */