/* === Jordan's Styles === */
/* === Jordan's Styles === */
/* === Vars === */
:root {
    /* = Colors = */
    --FC-green: #8CC53F;
    --FC-black: #000000;
    --FC-slate: #49494b;
    --FC-charcoal: #1c2027;
    --FC-near-white: #f6f6f6;
    --FC-white: #ffffff;
    --FC-standard-text-color: #382933;
    /* = Fonts = */
    --FC-lato: "Lato", sans-serif;
    /* = Font Sizes = */
    --FC-font-size-14: 14px;
    --FC-font-size-17: 17px;
    --FC-font-size-22: 22px;
    --FC-font-size-24: 24px;
    --FC-font-size-30: 30px;
    --FC-font-size-40: 40px;
    --FC-font-size-50: 50px;
    --FC-font-size-78: 78px;
    /* = Line Heights = */
    --FC-line-height-25: 25px;
    --FC-line-height-50: 50px;
    --FC-line-height-92: 92px;
    /* = Transitions = */
    --FC-default-transition: all 0.155s ease-in;
    /* = Utilities = */
    --FC-standard-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.35);
    --FC-slim-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
  }
  @media screen and (max-width: 1199.98px) {
    :root {
      /* = Font Sizes = */
      --FC-font-size-14: 14px;
      --FC-font-size-17: 17px;
      --FC-font-size-22: 22px;
      --FC-font-size-24: 22px;
      --FC-font-size-30: 30px;
      --FC-font-size-40: 40px;
      --FC-font-size-50: 40px;
      --FC-font-size-78: 64px;
      /* = Line Heights = */
      --FC-line-height-25: 25px;
      --FC-line-height-50: 40px;
      --FC-line-height-92: 78px;
    }
  }
  /* === Colors === */
  /* .site-inner a{
    color: var(--FC-green);
  } */
  .color__black{
    color: var(--FC-standard-text-color) !important;
  }
  .color__white {
    color: var(--FC-white) !important;
  }
  .hover__black:hover {
    color: var(--FC-black) !important;
  }
  /* === Fonts === */
  /* p, a li {
    font-family: var(--FC-lato);
  }
  span, b , strong, em, i{
    font-family: inherit;
    color: inherit;
  } */
  /* == Sizes == */
  /* p,
  li {
    font-size: var(--FC-font-size-17);
    line-height: var(--FC-line-height-25);
  } */
  .font__size_14 {
    font-size: var(--FC-font-size-14) !important;
  }
  .font__size_17 {
    font-size: var(--FC-font-size-17) !important;
  }
  .font__size_22 {
    font-size: var(--FC-font-size-22) !important;
  }
  .font__size_24 {
    font-size: var(--FC-font-size-24) !important;
  }
  .font__size_30 {
    font-size: var(--FC-font-size-30) !important;
  }
  .font__size_40 {
    font-size: var(--FC-font-size-40) !important;
  }
  .font__size_50 {
    font-size: var(--FC-font-size-50) !important;
  }
  .font__size_78 {
    font-size: var(--FC-font-size-78) !important;
  }
  /* == Heights == */
  .line__height_25 {
    line-height: var(--FC-line-height-25) !important;
  }
  .line__height_50 {
    line-height: var(--FC-line-height-50) !important;
  }
  .line__height_92 {
    line-height: var(--FC-line-height-92) !important;
  }
  
  /* == Weights == */
  .font__weight_1 {
    font-weight: 100 !important;
  }
  .font__weight_2 {
    font-weight: 200 !important;
  }
  .font__weight_3 {
    font-weight: 300 !important;
  }
  .font__weight_4 {
    font-weight: 400 !important;
  }
  .font__weight_5 {
    font-weight: 500 !important;
  }
  .font__weight_6 {
    font-weight: 600 !important;
  }
  .font__weight_7 {
    font-weight: 700 !important;
  }
  /* == Families == */
  .font__raleway {
    font-family: var(--FC-work-sans) !important;
  }
  
  /* === Buttons === */
  .wp-block-button {
    border-radius: 4px;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 300%;
    transition: all 0.6s;
    box-shadow: var(--FC-slim-box-shadow);
  }
  .wp-block-button:hover {
    color: #fff;
    background-position: 100%;
  }

  /* === Utility === */
  /* == Display == */
  .hidden {
    display: none;
  }
  .d__inline_block {
    display: inline-block;
  }
  @media screen and (max-width: 1199.98px) {
    .xl__hide {
      display: none;
    }
  }
  /* == Margin == */
  .no__margin {
    margin: 0px !important;
  }
  .no__margin_bottom {
    margin-bottom: 0px !important;
  }
  .standard__margin {
    margin: 16px !important;
  }
  .standard__margin_bottom {
    margin-bottom: 16px !important;
  }
  .double__margin {
    margin: 32px;
  }
  .double__margin_top {
    margin-top: 32px;
  }
  .double__margin_right {
    margin-right: 32px;
  }
  .double__margin_bottom {
    margin-bottom: 32px;
  }
  .double__margin_left {
    margin-left: 32px;
  }
  /* == Padding == */
  .no__padding {
    padding: 0px !important;
  }
  .standard__padding {
    padding: 16px;
  }
  .standard__padding_top {
    padding-top: 16px;
  }
  .standard__padding_right {
    padding-right: 16px;
  }
  .standard__padding_bottom {
    padding-bottom: 16px;
  }
  .standard__padding_left {
    padding-left: 16px;
  }
  .double__padding {
    padding: 32px;
  }
  .double__padding_top {
    padding-top: 32px;
  }
  .double__padding_right {
    padding-right: 32px;
  }
  .double__padding_bottom {
    padding-bottom: 32px;
  }
  .double__padding_left {
    padding-left: 32px;
  }
  /* == Index == */
  .z__index_10 {
    z-index: 10;
  }
  .z__index_20 {
    z-index: 20;
  }
  .z__index_30 {
    z-index: 30;
  }
  .z__index_40 {
    z-index: 40;
  }
  /* == Shadows == */
  .standard__box_shadow {
    box-shadow: var(--FC-standard-box-shadow);
  }
  /* == Text Align == */
  .text_align_center {
    text-align: center !important;
  }
  .text_align_left {
    text-align: left !important;
  }
  .text_align_right {
    text-align: right !important;
  }
  /* === Objject Fit === */
  .object__position_bottom_center {
    object-position: bottom center;
  }
  /* === Backgrounds === */
  .bg__white {
    background-color: var(--FC-white) !important;
  }
  .bg__charcoal{
    background-color: var(--FC-charcoal) !important;
  }
  .bg__black {
    background-color: var(--FC-black) !important;
  }