/* -----------------------------------------

plugin.css

----------------------------------------- */

:root {

  --input-border-radius: 0.5rem;
  --form-active-color: var(--primary);

}


/* l10c blog widget styles
----------------------------------------- */

/* mobile tabs */
@media(max-width:62rem) {
  #l10-post-widget .tabs {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .home #l10-post-widget .tabs {
    margin-bottom: 1rem;
  }
  .home #l10-post-widget .tabs .tab {
    border-radius: var(--border-radius);
    border: 1px solid var(--primary);
  }
  .home #l10-post-widget .tabs .tab.active::after {
    display: none !important;
  }
}
/* category buttons */
ul.post-categories li a {
  color: var(--text);
  background: var(--ultralight-secondary);
}

/* featured img date */
.site-featured-img .date {
  background: var(--bg-color-dark);
  color: var(--text-color-dark);
}

/* flickity.js styles
----------------------------------------- */


.flickity-button {
  background: var(--button-bg);
  color: white;
  border-radius: var(--button-border-radius);
  transition: 0.2s background, 0.2s color;
}
.flickity-prev-next-button {
  width: var(--flickity-button-width);
  height: var(--flickity-button-width);
}
.flickity-prev-next-button.previous {
  left: var(--home-design-margin);
}
.flickity-prev-next-button.next {
  right: var(--home-design-margin);
}
.flickity-button:hover {
  background: var(--primary-hover);
}
.flickity-button svg {
  display: none !important;
}
.flickity-button::after {
  content: '\f105';
  font-family: 'Font Awesome 7 Pro';
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
}
.flickity-button.previous::after {
  content: '\f104';
}

/* gravity forms plugin styles
----------------------------------------- */

/* reset hero form styles */
.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  margin: 0.75rem 0 0 0 !important;
  padding: 0;
}
.gform_wrapper.gravity-theme .gform_fields{
  gap: 0.75rem !important;
}
.gform_wrapper.gravity-theme .gfield textarea.small {
  display: block; /* fix gravity forms textarea rendering */
}
.gfield textarea.small,
.ginput_container input,
/* this needs investigating and potential fixing in the base css file */
input:not(.ginput_container.ginput_container_fileupload input,.gform_footer input.button):not(.before-after-slider .slider,.modal-content input) {
  resize: none !important;
  border-radius: var(--input-border-radius) !important;
  border: none !important;
  outline: 1px solid rgba(0, 0, 0, 0.25);
  font-size: var(--font-size) !important;
  padding: 0.5rem !important;
  transition: 0.2s outline;
}
/* brighten active hero form fields */
.gfield textarea.small:focus,
.ginput_container input:focus,.home-hero.img-with-form input:not(.ginput_container.ginput_container_fileupload input,.gform_footer input.button):not(.before-after-slider .slider,.modal-content input):focus {
  outline: 3px solid var(--form-active-color) !important;
  background: #fff !important;
}
/* reset hero form input heights to auto */
.ginput_container input,
input:not(.ginput_container.ginput_container_fileupload input,.gform_footer input.button):not(.before-after-slider .slider,.modal-content input) {
  height: auto !important;
}
.gform_wrapper.gravity-theme .gform_footer input {
  border-radius: var(--input-border-radius);
  margin: 0 !important;
}
input[type=submit] {
  transition: 0.2s background !important;
  font-size: var(--font-size) !important;
  padding: 0.5rem 1.5rem !important;
  line-height: inherit !important;
  width: 100% !important;
}
.home .gform_wrapper.gravity-theme .gform_footer,
.home .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 0;
  margin: 0;
}
@media(max-width: 62rem) {
  .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: inherit !important;
  }
}
.gform_wrapper ::placeholder {
  color: var(--text) !important;
  opacity: 0.66 !important;
}

/* sidebar gravity form */
#sidebar .sidebar-form {
  background: var(--primary);
}
#sidebar .sidebar-form-header {
  background: var(--accent);
  padding: 0.75rem 0;
  justify-content: center;
}
#sidebar .sidebar-form-header i {
  display: none;
}
.site-form .gform_wrapper .gform_footer input.button {
  background: var(--accent);
}
.site-form .gform_wrapper .gform_footer input[type=submit]:hover {
  background: var(--accent-hover);
}