/*
Theme Name: Wheaton World Wide
Description: A Wheaton Van Lines Brand
Author: fjorge
Author URI: https://fjorgedigial.com
Template: wheatonvanlines
Version: 1.0.0
*/

/* Don't use this file for anything other than colors. Make edits to 'sass/stylesheets/style.scss' and the styles will compile at runtime. */

:root {
  /* ! Because this pulls the same colors from the parent theme, nothing is needed here
  /* Primary */

  /* Secondary */
}

/* Formidable calendar picker in brand colors */
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
  background: var(--color-primary) !important;
}
.frm-datepicker thead {
  background: var(--color-secondary) !important;
}
.frm-datepicker td .ui-state-hover  {
  background: var(--color-secondary-400) !important;
}


/* Formidable root line in brand colors */
.frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"] {
  border-color: var(--color-secondary) !important;
  background-color: var(--color-secondary) !important;
}

.frm_current_page .frm_rootline_title {
  color: var(--color-secondary);
}

.frm_style_formidable-style.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
  border-color: var(--color-secondary) !important;
  background-color: var(--color-secondary) !important;
}

/* Formidable Mobile Display */
@media screen and (max-width: 652px) {
  .frm_radio.frm_image_option {
    flex: 1;
      width: unset;
    }

    .frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img  {
      height: unset;
    }
    .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container {
      grid-template-columns: 1fr;
    }
    .frm_image_options .frm_image_option_container {
      width: 100%;
    }
}