/*
Theme Name: Jinnings Equipment
Theme URI: https://www.jinningsequipment.com/
Author: CodeChameleon
Description: Editable classic WordPress theme for Jinnings Equipment with an ACF Extended row/column page builder.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: jinnings
*/

.wp-content img {
  height: auto;
}

.wp-content h1,
.wp-content h2,
.wp-content h3,
.wp-content h4,
.wp-content h5,
.wp-content h6 {
  margin: 1rem 0;
  display: block;
  clear: both;
}

.wp-content img.alignnone {
  clear: both;
  display: block;
  margin-bottom: 2rem;
}

.wp-content p {
  text-align: justify;
}

.wp-content div.column {
  overflow: hidden;
}

.wp-content figure.alignleft {
  margin: 2rem 2rem 2rem 0;
}

.wp-content figure.alignright {
  margin: 2rem 0 2rem 2rem;
}

.wp-content figure.alignnone {
  margin: 2rem 0;
}

.wp-content figure.aligncenter img,
.wp-content figure.aligncenter,
.wp-content img.aligncenter {
  display: block;
  margin: 0 auto;
  padding: 2rem 0;
}

.wp-content figure.aligncenter figcaption {
  text-align: center;
}

@media (min-width: 52rem) {
  .wp-content figure.alignleft,
  .wp-content img.alignleft {
    padding-bottom: 2rem;
    padding-right: 2rem;
    float: left;
    max-width: 50%;
  }

  .wp-content figure.alignright,
  .wp-content img.alignright {
    padding-bottom: 2rem;
    padding-left: 2rem;
    float: right;
    max-width: 50%;
  }

  .wp-content figure.alignnone,
  .wp-content img.aligncenter,
  .wp-content figure.alignright img,
  .wp-content figure.alignleft img,
  .wp-content figure.alignnone img {
    padding-bottom: 2rem;
  }
}

@media (max-width: 52rem) {
  .wp-content figure.alignleft,
  .wp-content img.alignleft {
    max-width: 40%;
    padding-bottom: 2rem;
    padding-right: 2rem;
    float: left;
  }

  .wp-content figure.alignright,
  .wp-content img.alignright {
    max-width: 40%;
    padding-bottom: 2rem;
    padding-left: 2rem;
    float: right;
  }

  .wp-content figure.alignnone,
  .wp-content img.aligncenter,
  .wp-content figure.alignright img,
  .wp-content figure.alignleft img,
  .wp-content figure.alignnone img {
    padding-bottom: 2rem;
  }
}

@media (max-width: 40rem) {
  .wp-content figure.alignleft,
  .wp-content img.alignleft {
    display: block;
    max-width: 100%;
    margin-bottom: 2rem;
    padding: 0;
  }

  .wp-content figure.alignright,
  .wp-content img.alignright {
    display: block;
    max-width: 100%;
    margin-bottom: 2rem;
    padding: 0;
  }

  .wp-content figure.aligncenter,
  .wp-content img.aligncenter {
    display: block;
    max-width: 100%;
    margin-bottom: 2rem;
  }

  .wp-content figure,
  .wp-content img {
    display: block;
    max-width: 100%;
  }
}

/* Gravity Forms ---------------------------------------------------------- */
.gravity-form-panel {
  --gf-color-primary: #316bb2;
  --gf-color-primary-darker: #255893;
  --gf-color-in-ctrl: #0b1624;
  --gf-color-in-ctrl-light: #667180;
  --gf-color-in-ctrl-bg: #f5f7fb;
  --gf-color-in-ctrl-border: #c7ccd5;
  --gf-ctrl-radius: 0;
  --gf-ctrl-size: 3.5rem;
  --gf-ctrl-padding-x: 1rem;
  color: #0b1624;
}

.gravity-form-panel .gform_wrapper.gravity-theme,
.gravity-form-panel .gform_wrapper {
  margin: 0;
}

.gravity-form-panel .gform_heading {
  margin-block-end: 1.5rem;
}

.gravity-form-panel .gform_title {
  margin: 0 0 0.5rem;
  color: #0b1624;
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.gravity-form-panel .gform_description,
.gravity-form-panel .gfield_description {
  color: #667180;
  font-size: 0.9375rem;
}

.gravity-form-panel .gfield_label,
.gravity-form-panel .gform-field-label {
  color: #0b1624;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.gravity-form-panel
  input:not([type='checkbox']):not([type='radio']):not([type='submit']):not(
    [type='button']
  ),
.gravity-form-panel select,
.gravity-form-panel textarea {
  width: 100%;
  min-height: 3.5rem;
  border: 1px solid #c7ccd5;
  border-radius: 0;
  background: #f5f7fb;
  color: #0b1624;
  padding: 0.875rem 1rem;
  font: inherit;
}

.gravity-form-panel textarea {
  min-height: 8rem;
  resize: vertical;
}

.gravity-form-panel input:focus,
.gravity-form-panel select:focus,
.gravity-form-panel textarea:focus {
  border-color: #316bb2;
  outline: 3px solid rgb(49 107 178 / 20%);
  outline-offset: 0;
}

.gravity-form-panel input[type='checkbox'],
.gravity-form-panel input[type='radio'] {
  accent-color: #316bb2;
}

.gravity-form-panel input[type='file'] {
  max-width: 100%;
  border: 1px dashed #9ca6b4;
  background: #f5f7fb;
  padding: 1rem;
}

.gravity-form-panel .gform_button,
.gravity-form-panel .gform_next_button,
.gravity-form-panel .gform_previous_button,
.gravity-form-panel button[type='submit'],
.gravity-form-panel input[type='submit'] {
  min-height: 3.5rem;
  border: 1px solid #316bb2;
  border-radius: 0;
  background: #316bb2;
  color: #fff;
  cursor: pointer;
  padding: 0.875rem 2rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.gravity-form-panel .gform_button:hover,
.gravity-form-panel .gform_next_button:hover,
.gravity-form-panel button[type='submit']:hover,
.gravity-form-panel input[type='submit']:hover {
  border-color: #255893;
  background: #255893;
}

.gravity-form-panel .gform_previous_button {
  border-color: #0b1624;
  background: transparent;
  color: #0b1624;
}

.gravity-form-panel :disabled,
.gravity-form-panel [aria-disabled='true'] {
  cursor: not-allowed;
  opacity: 0.55;
}

.gravity-form-panel .gfield_required,
.gravity-form-panel .gfield_error .gfield_label,
.gravity-form-panel .validation_message,
.gravity-form-panel .gform_validation_errors {
  color: #a52a2a;
}

.gravity-form-panel .gfield_error input,
.gravity-form-panel .gfield_error select,
.gravity-form-panel .gfield_error textarea {
  border-color: #a52a2a;
}

.gravity-form-panel .gform_validation_errors {
  border: 1px solid #a52a2a;
  background: #fff3f3;
  padding: 1rem;
}

.gravity-form-panel .gform_confirmation_message {
  border-left: 4px solid #316bb2;
  background: #edf4ff;
  padding: 1rem;
}

.form-cta .gravity-form-panel .gform_footer,
.form-cta .gravity-form-panel .gform_page_footer {
  margin-block-end: 0;
}

.form-cta .gravity-form-panel .gform_button,
.form-cta .gravity-form-panel input[type='submit'] {
  width: 100%;
}

.editor-notice {
  border-left: 4px solid #dba617;
  background: #fff8dc;
  color: #3f3520;
  padding: 1rem;
}