/*
Theme Name: The Creative Tinker
Theme URI: https://thecreativetinker.com
Description: A child theme for Ollie.
Author: The Creative Tinker
Author URI: https://thecreativetinker.com
Template:     ollie
Version: 1.0.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: tct-child
*/

:root {
  --fluentform-primary: var(--wp-admin-theme-color);
  --fluentform-border-radius: 5px;
}

.wp-element-button {
  text-decoration: none;
  transition: all 0.25s;
}

.is-style-button-brand--1 .wp-block-button__link:is(:hover, :focus) {
  background: var(--wp-admin-theme-color-darker-20);
}

/* Tabs */
.wp-block-cloudcatch-tabs__container .wp-block-cloudcatch-tab__label{
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border-radius: 5px;
	text-wrap: nowrap;
}

.wp-block-cloudcatch-tabs__container [aria-selected="true"] > .wp-block-cloudcatch-tab__label {
	background: var(--wp--preset--color--border-light);
}

.wp-block-cloudcatch-tabs__container .wp-block-cloudcatch-tab-content {
	margin-top: var(--wp--preset--spacing--medium);
}

/* Donate Box */
@media(max-width: 781px) { 
	.donate-box {
		padding: 0 !important;
	}
	.donate-box .wp-block-column:first-child {
		padding: var(--wp--preset--spacing--medium);
	}
	.donate-box .wp-block-column{
		flex-basis: 100% !important;
	}
}


/* Fluent Forms */
.fluentform .frm-fluent-form {
  --fluentform-primary: var(--wp--preset--color--primary);
  --fluentform-secondary: var(--wp--preset--color--secondary);
  --fluentform-border-color: var(--wp--preset--color--border-light);

  --ff-spacing-1: var(--wp--preset--spacing--20);
  --ff-spacing-2: var(--wp--preset--spacing--20);
  --ff-spacing-3: var(--wp--preset--spacing--30);
  --ff-spacing-4: var(--wp--preset--spacing--40);
  --ff-spacing-6: var(--wp--preset--spacing--50);

  --ff-gray-700: var(--wp--preset--color--main);
  --ff-gray-300: var(--wp--preset--color--border-light);
  --ff-white: var(--wp--preset--color--white);

  --ff-primary-500: var(--wp--preset--color--primary);
  --ff-primary-600: var(--wp--preset--color--primary-alt);
  --ff-primary-700: var(--wp--preset--color--primary-alt-accent);
  --ff-primary-50: var(--wp--preset--color--primary-accent);
	
  --ff-min-w: 125px;
}
.fluentform .frm-fluent-form .ff-step-titles li.ff_active span,
.fluentform .frm-fluent-form .ff-step-titles li.ff_completed span {
  color: var(--ff-gray-700);
}
.fluentform .frm-fluent-form .ff-step-titles li::after {
  background-color: var(--ff-gray-300);
}
.fluentform .frm-fluent-form .ff-step-titles li.ff_active::after,
.fluentform .frm-fluent-form .ff-step-titles li.ff_completed::after {
  background-color: var(--ff-primary-500);
}
.fluentform .frm-fluent-form .ff-step-titles li.ff_active::before,
.fluentform .frm-fluent-form .ff-step-titles li.ff_completed::before {
  background-color: var(--ff-primary-500);
  border-radius: var(--fluentform-border-radius);
}
.fluentform .frm-fluent-form.ff-form-has-steps .ff-btn-submit {
  width: fit-content;
  margin-left: auto;
}
.fluentform .frm-fluent-form .step-nav {
  margin-top: auto;
}
.fluentform .frm-fluent-form .ff-el-group {
  display: flex;
  flex-direction: column;
}
.fluentform .frm-fluent-form .ff-el-form-control {
  line-height: normal;
}

.fluentform .frm-fluent-form .ff-el-section-title {
	margin-top: 0;
}

.fluentform .frm-fluent-form .ff-section_break_desk * {
	margin-top: 0;
}

.fluentform .frm-fluent-form .ff-section_break_desk :last-child {
	margin-bottom: 0;
}

.ff-el-section-break hr {
	display: none;
}

.fluentform .frm-fluent-form .iti__selected-flag {
  border-top-left-radius: var(--fluentform-border-radius);
  border-bottom-left-radius: var(--fluentform-border-radius);
}
.fluentform .frm-fluent-form select {
  border-radius: var(--fluentform-border-radius);
  background-color: var(--ff-white);
}

.fluentform .ff-el-input--label {
	margin-bottom: var(--wp--preset--spacing--30);
}

/* Button list styling */
.fluentform .frm-fluent-form .ff-el-group.ff_list_buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-input--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--ff-spacing-4);
  width: 100%;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-input--content
  .error {
  grid-column: 1/-1;
  text-align: center;
}
.fluentform .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check {
  margin: 0;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check
  label
  span {
  border: 1px solid var(--fluentform-border-color);
  border-radius: var(--fluentform-border-radius);
  padding: var(--ff-spacing-6) var(--ff-spacing-2);
  width: 100%;
	  line-height: var(--wp--custom--line-height--body);
	  text-wrap: wrap;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:first-child
  label
  > span,
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:last-child
  label
  > span {
  border-radius: var(--fluentform-border-radius);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check.ff_item_selected
  label
  > span {
  background-color: var(--ff-primary-500);
  border-color: var(--ff-primary-500);
  box-shadow: none;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check.ff_item_selected:first-child
  label
  > span {
  border-left-color: var(--ff-primary-500);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:not(.ff_item_selected)
  label:hover
  > span,
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:not(.ff_item_selected)
  label:focus
  > span {
  color: var(--ff-primary-700);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check
  .ff-el-form-check-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--ff-primary-500);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check
  label:focus-within
  > span {
  box-shadow: 0 0 0 2px var(--ff-primary-500);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:not(.ff_item_selected)
  label:focus-within
  > span {
  background-color: var(--ff-primary-50);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check.ff_item_selected
  label
  > span:hover,
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check.ff_item_selected
  label
  > span:focus {
  background-color: var(--ff-primary-600);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:not(.ff_item_selected)
  label
  > span:hover,
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons
  .ff-el-form-check:not(.ff_item_selected)
  label
  > span:focus {
  background-color: var(--ff-primary-50);
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons.items-odd
  .ff-el-input--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons.items-even
  .ff-el-input--content {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(var(--ff-min-w), 1fr));
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons.items-equal-row
  .ff-el-input--content {
  justify-content: center;
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons.items-count--4
  .ff-el-input--content
  .ff-el-form-check {
  max-width: 100%;
}
@media only screen and (min-width: 960px) {
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-count--6
    .ff-el-input--content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-count--6
    .ff-el-input--content
    .ff-el-form-check:nth-child(5) {
    grid-column: 2 / 3;
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-count--6
    .ff-el-input--content
    .ff-el-form-check:nth-child(6) {
    grid-column: 3 / 4;
  }
}
.fluentform
  .frm-fluent-form
  .ff-el-group.ff_list_buttons.items-count--2
  .ff-el-input--content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons
    .ff-el-input--content {
    display: grid !important;
    gap: var(--ff-spacing-3) !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--ff-min-w), 1fr));
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons
    .ff-el-form-check
    label
    span {
    border: 1px solid var(--fluentform-border-color) !important;
    border-radius: var(--fluentform-border-radius) !important;
    padding: var(--ff-spacing-4) var(--ff-spacing-2) !important;
  }
  @media only screen and (min-width: 960px) {
    .fluentform
      .frm-fluent-form
      .ff-el-group.ff_list_buttons
      .ff-el-form-check
      label
      span {
      min-width: var(--ff-min-w-150);
    }
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons
    .ff-el-form-check.ff_item_selected
    label
    > span {
    background-color: var(--ff-primary-500);
    border-color: var(--ff-primary-500);
    box-shadow: none;
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-equal-row
    .ff-el-input--content,
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-odd
    .ff-el-input--content,
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons.items-even
    .ff-el-input--content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--ff-min-w), 1fr));
  }
  .fluentform
    .frm-fluent-form
    .ff-el-group.ff_list_buttons
    .ff-el-input--content
    .ff-el-form-check {
    max-width: 100%;
  }
}

/* Hide fields dynamically */
.fluentform .frm-fluent-form .ff-hidden {
  display: none;
}

.fluentform .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-input--content {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: var(--ff-spacing-4) !important;
}

@media (max-width: 768px) {
  .fluentform .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-input--content {
    grid-template-columns: repeat(auto-fill, minmax(var(--ff-min-w), 1fr)) !important;
  }
}

.ff-btn-next {
	background-color: var(--wp--preset--color--primary);
}

.ff-btn-prev {
	color: var(--wp--preset--color--black);
}