body.page-template-default {
    font-family: gilroy;
  }
  
  .class-item-products h3 {
      text-transform: uppercase;
      font-size: 1em;
      font-weight: 600;
  }
  
  body h2, h1, h3, h4 {
      font-family: gilroy !important;
  }
  
  #wpcontent {
    background :#f9f9f9;
        padding-left: 0px;
  }
  
  a.pagination-link {
      cursor: pointer;
  }
  
  button.validated {
      background: green;
  }
  
  button.mail {
      background: #000;
  }
  
  .flex-table {
    display: flex;
    flex-direction: column;
    border-collapse: collapse;
    width: 100%;
  }
  
  .gym-studio .pagination {
      margin-top: 15px;
  }
  
  .gym-studio  a.pagination-link {
      padding: 10px;
  }
  
  .capitalize {
    text-transform: capitalize;
  }
  
  .row {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #cccccc80;
  }
  
  .row.header .cell {
      font-size: 1.1em ;
      font-weight: 500;
      text-transform: uppercase;
      color: #6d6d6d;
  }
  
  .header {
    font-weight: bold;
  }
  
  .cell {
    flex: 1;
    padding: 10px;
    font-size: 1.1em;
    text-align: left;
    display: flex;
    align-self: center;
  }
  
  .cell-class-name {
    flex: 2;
  }
  
  .cell-class-name svg.svg-icon {
      background: #e9e9e9;
      padding: 3px 5px;
      width: 0.8em;
      fill: #9c9c9c;
      border-radius: 5px;
  }
  
  .cell.cell-enabled {
      flex: 0 1 20px;
  }
  
  .cell.action-button {
      flex: 0 0 auto;
  }
  
  .cell.user-info {
      font-size: 0.9em;
      font-weight: 500;
  }
  
  a.info-link {
      color: #000;
      font-weight: 700;
      text-decoration: none;
  }
  
  a.info-link:hover {
      color: #2271b1
  }
  
  .link-decoration a {
      font-weight: 600;
      text-decoration: none;
  }
  
  .studio-classes-list  {
    margin-top: 30px;
  }
  
  .studio-flex-row {
      display: flex;
      flex-direction: row;
      gap: 10px;
      }
      
  .studio-flex-column {
      display: flex;
      flex-direction: column;
  }	
  
  .gym-studio h1 {
      font-weight: 700;
      padding: 10px;
          font-size: 2.5em;
      color: #4c4c4c;
  }
  
  .studio-settings-list-time {
      gap: 0px;  
      border-radius: 0.5rem;
      border: 2px solid #ccc;  
  }
  
  .button-time-active {
      font-weight: 700;
      background: #ccc;
  }
  
  .studio-settings-list-time button {
      border: none;
      cursor: pointer;
      padding: 10px;
      line-height: 1;        
      align-items: center;
      display: inline-flex;
      outline: none; 
  }
  
  .studio-settings-list-time button:not(:first-child):not(:last-child) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  
  .studio-settings-list-time button:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  
  .studio-settings-list-time button:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  
  .studio-user-active-subscriptions {
      margin-top: 30px;
  }
  
  svg.svg-icon.svg-disabled {
      fill: #a4a4a4;
  }
  
  svg.svg-icon.svg-enabled {
      fill: #007cba;
  }
  
  svg.svg-icon.svg-description {
      fill: #a4a4a4;
      height: 0.8em;
      cursor: help;
  }
  
  .gym-studio-notice {
      line-height: 1.4em;
  }
  
  .gym-studio-notice-message {
      max-width: 85%;
  }
  
  .gym-studio-notice svg.svg-icon {
      width: 2em ;
      height: 1.5em;
      fill: #6d6d6d;
  }
  
  svg.svg-icon {
      background-size: 99.5%;
      aspect-ratio: 1 / 1;
        width: 1.6em;
      height: 1em;
      display: inline-block;
      flex-shrink: 0;
      position: relative;
      fill: #002bfc;
  }
  
  svg.svg-mail {
      fill: #000;
  }
  
  a.contact-attendee {
      margin-left: 5px;
  }
  
  svg.svg-info-icon {
      left: 3px;
      bottom: 1px;
  }
  
  .studio-flex-align-center {
      align-items: center;
  }
  
  .pointer {
       cursor: pointer;
  }
  
  button:focus {
      outline: none;
  }
  
  .button-new {
      outline: none;
      display: inline-flex;
      -webkit-box-pack: center;
      justify-content: center;
      align-items: center;
      padding: 10px 1rem 10px 1rem;
      border-radius: 0.5rem;
      line-height: 1;    
      color: rgb(255, 255, 255);
      font-weight: 500;
      border: none;
      gap: 0.3em;
      font-weight: 600;
      background: #002bfc;
      }
  
  .wrap.gym-studio  .button-primary {
      outline: none;
      -webkit-box-pack: center;
      padding: 10px 1rem 10px 1rem;
      border-radius: 0.5rem;
      line-height: 1;
      color: rgb(255, 255, 255);
      border: none;
      font-weight: 600;
      background: #002bfc;
      text-align: right;
  }
  
  .wrap.gym-studio .button-secondary  {
      outline: none;
      -webkit-box-pack: center;
      padding: 10px 1rem 10px 1rem;
      border-radius: 0.5rem;
      line-height: 1;
      border: none;
      font-weight: 600;
      text-align: center;
      vertical-align: unset;
  }
  
  .button-delete {
      background: #d60101;
      color: #fff;
  }
  
  input.button-cancel {
      width: 60px;
      outline: none;
      -webkit-box-pack: center;
      border-radius: 0.5rem;
      color: rgb(69 69 69);
      border: none;
      font-weight: 600;
  }
      
  .button-new svg {	    
      fill: #fff;
  }
  
  .wrap.gym-studio p.form-description {
      font-size: 13px !important;
  }
  
  .wrap.gym-studio table.form-table input[type="number"], 
  .wrap.gym-studio table.form-table input[type="time"],
  .wrap.gym-studio table.form-table input[type="date"],
  .wrap.gym-studio table.form-table input[type="text"],
  .wrap.gym-studio table.form-table textarea , 
  .wrap.gym-studio table.form-table select {
      width: 300px;
  }
  
  select:focus-visible {
      outline: 2px solid #e3e3e3;
  }
  
  .cell.attendance-checker button {
      background: transparent;
      border: none;
      cursor: pointer;
  }
  
  .button-active {
      cursor: pointer;
  }
  
  svg.svg-icon.check {
      fill: #666666;
  }
  
  svg.svg-icon.checked {
      fill: #00c100;
  }
  
  #wpfooter {
      position: relative;
  }
  
  span.class-info-bold {
      font-weight: 700;
  }
  
  span.class-title {
      font-weight: 500;
  }
  
  span.class-time {
       font-size: 0.8em;
  }
  
  .align-items-baseline {
        align-items: baseline;
  }
  
  .class-item-notice {
      font-size: 0.7em;
      color: #4e4e4e;
          border-top: 2px solid #f5ecec;
      padding-top: 5px;
          margin-top: 5px;
  }
  
  span.notice-bold {
      font-weight: 600;
  }
  
  span.class-item-description , span.class-item-location {    
      color: #4e4e4e;
  }
  
  span.class-item-description {
      margin: 5px 0px;
      font-size: 0.8em;
  }
  
  .studio-flex-column.class-item-footer {
      font-size: 0.7em;
      border-top: 2px solid #00000003;
      padding-top: 5px;
      margin-top: 5px;
  }
  
  .class-item {
      gap: 10px;
      justify-content: space-between;
      padding: 10px 15px;
      background-color: #fff;
      margin: 15px 0px;
      border-radius: 10px;
      box-shadow: -4px 2px 10px rgba(0, 0, 0, .05);
  }
  
  .class-item-private {
      box-shadow: none;
      border: 2px solid #0000ff3d;
  }
  
  div#gym-classes-container {
      min-height: 1000px;
      min-width: 760px;
  }
  
  div#gym-classes-container div#calendar {
      flex-direction: row;
      display: flex;
      justify-content: center;
      gap: 2em;
      margin-top: 15px;;
  }
  
  div#gym-classes-container div#calendar div#current-date {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 150px;
  }
  
  .gym-class-meta-info {
      font-size: 0.8em;
  }
  
  span#month {
      font-size: 0.8em;
      text-transform: uppercase;
  }
  
  span#day-of-week {
      font-size: 0.9em;
  }
  
  span#day-of-month {
      font-weight: 700;
      font-size: 1.2em;
  }
  
  div#calendar button {
      background: transparent;
      border: none;
      cursor: pointer;
  }
  
  .class-book {
      background-color: #2a4df8;
      padding: 10px 15px;
      border: none;
      color: #fff;
      font-weight: 600;
      font-size: 0.7em;
      border-radius: 10px;
  }
  
  button#book-class-button.booked , .button-ineligible , button-soldout ,.button-already-booked {
      background: #6a6a6a;
      cursor: not-allowed;
      padding: 10px 15px;
      border: none;
      color: #fff;
      font-weight: 600;
      font-size: 0.7em;
      border-radius: 10px;
  }
  
  .class-filter {
      border: 1px solid #e1dddd;
      padding: 10px 10px;
      border-radius: 10px;
      margin: 0px 10px;
      color: #747474;
      font-weight: 500;
  }
  
  .class-item-info {
      flex-basis: 80%;
  }
  
  svg.svg-class-location {
      width: 1em;
      height: 0.8em;
      fill: #000;
  }
  
  .class-location , .class-teacher {
      align-items: center;
      gap: 5px;
  }
  
  .gym-studio-page  {
      max-width: 950px;
      margin-top: 0px;
  }
  
  
  .gym-studio-form {
      max-width: 650px;
      margin-top: 0px;
  }
  
  .gym-studio-form-section , .gym-studio-page-section {
      padding-top: 100px;
  }
  
  .gym-studio-form-content {
      padding: 0px 150px;
      min-width: 650px;
  }
  
  
  .studio-general-info , .studio-secondary-info {
      gap: 10px;
  }
  
  
  .woocommerce-tabs.wc-tabs-wrapper {
      display: none;
  }
  
  .wp-block-woocommerce-related-products {
      display: none;
  }
  
  .wrap.gym-studio h2 {
      margin-top: 30px;
  }
  
  p.submit {
      padding-top: 5px;
  }
  
  li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
      display: none;
  }
  
  .pick-selection.studio-flex-row {
      gap: 0px;
  }
  
  .form-section {
      padding: 20px;
      margin-top: 30px;
      background: #fff;
      border-radius: 10px;
      border: 1px solid #dedede;
  }
  
  .gym-studio-notice.gym-studio-form-content.form-section {
      margin-top: 10px;
  }
  
  .wrap.gym-studio .form-section h2 {
      margin: 10px 0px;
      font-size: 2em;  
      display: inline-block;
  }
  
  .form-section h2 , .form-section label , ::-webkit-resizer  {
      color: #6d6d6d;        
  }
  
  .form-section input , .form-section textarea ,.form-section select{
      border: 1.5px solid #0000001f;
      border-radius: 5px;
      padding: 2px 10px;
      color: #737373;
      font-weight: 400;
  }
  
  .form-section input[type="checkbox"] {
    padding: 2px ;
    border:  0.1px solid #0000005c
  }
  
  input[type=checkbox]:checked::before {
    margin: -0.1875rem 0 0 -0.25rem ;
      height: 1.1125rem;
      width: 1.1125rem;
  }
  
  .form-section td ::placeholder {
      opacity: 0.5;
      font-weight: 400;
  }
  
  .form-footer {
      text-align: right;
        margin-top: 30px;
  }
  
  .form-description {
      font-size: 12px;
      margin: 0px;
      padding: 1px 5px;
      max-width: 310px;
      color: #6d6d6d;
  }
  
  td .form-description  {
      color: #bababa;
  }
  
  .form-section-description  {
      color: #bababa;
  }
  
  .pick-class-type button , .pick-selection button {
      outline: none;
      -webkit-box-pack: center;
      padding: 10px 1rem 10px 1rem;
      line-height: 1;
      color: rgb(255, 255, 255);
      font-weight: 500;
      color: #6d6d6d;
      margin: 5px
  }
  
  button.active {
      background: #0069ff2b;
      color: #002bfc;
      border: solid 1px #002bfc;
  }
  
  .gym-studio-page-padding {
      padding-left: 50px;
      padding-left: 50px;
  }
  
  .gym-studio-header {
      border-bottom: 1px solid #dedede;
      position: fixed;
      background: white;
      width: 100%;
      padding: 10px 150px;
      z-index: 99;
  }
  
  .gym-studio-page .gym-studio-header {
      padding: 10px 50px;
  }
  
  .gym-studio-header-inner {
    justify-content: space-between;  
    max-width: 650px;
  }
  
  .gym-studio-page .gym-studio-header-inner {
    max-width: 850px;
  }
  
  .gym-studio-header h1 {
    color: #6d6d6d;
    padding-left: 20px;
  }
  
  .gym-studio-filter select , input#custom_date {
      border: 1px solid #e1dddd;
      padding: 4px 10px;
      border-radius: 10px;
      margin: 0px 10px;
      color: #747474;
  }

  h1.has-text-align-center.wp-block-post-title {
    display: none;
}