/*
 Theme Name:   Chunk Duck's Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Chunky Duck + Bricks
 Author URI:   https://chunkyduck.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* These styles were generated from \wp-content\plugins\formidable\css\formidableforms.css*/


body .with_frm_style {
    --submit-border-radius: var(--btn-radius);
    --border-radius: var(--btn-radius);
    --field-font-size: var(--text-m);
    --bg-color: var(--neutral-light);
    --field-pad: var(--btn-pad-y) var(--space-s);
    --field-height: 50px;
    --font-size: var(--text-m);
    --line-height: var(--btn-line-height);
    --text-color: var(--base);
    --bg-color-active: var(--neutral-ultra-light);
    --error-font-size: var(--text-m);
    --success-bg-color: var(--success-light);
    --success-border-color: var(--success);
    --success-text-color: var(--neutral);
    --success-font-size: var(--text-m);
    --box-shadow: 0 none;
    --fieldset-color: var(--primary);
    --description-color: var(--secondary);
    --border-color-active: var(--neutral);
    --border-color: transparent;
  }
  
  body .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus,
  body .frm_style_formidable-style.with_frm_style select:focus,
  body .frm_style_formidable-style.with_frm_style textarea:focus {
    background-color: var(--neutral-ultra-light);
    border-color: transparent;
    border: 1px solid transparent;
    color: var(--text-color);
    box-shadow: none;
  }
  
  body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn,
  body .frm_style_formidable-style.with_frm_style input[type=submit],
  body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
  body .frm_style_formidable-style.with_frm_style .frm_submit button {
      font-size: var(--text-m);
      height: var(--field-height);
      padding: var(--btn-pad-y) var(--btn-pad-x);
      line-height: var(--btn-line-height);
      background: var(--action);
      border: var(--action);
      color: var(--action-ultra-light);
      font-weight: var(--btn-weight);
      font-style: var(--btn-text-style);
      -moz-border-radius: var(--btn-radius);
      -webkit-border-radius: var(--btn-radius);
      border-radius: var(--btn-radius);
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -webkit-box-shadow: 0 0px 0px transparent;
      box-shadow: 0 0px 0px transparent;
      transition: 0.3s;
  }
  
 body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover,
 body .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
 body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
 body .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	background: var(--action-hover);
	border-color: var(--action-hover);
	color: var(--action-ultra-light);
}

  
  /* These styles were generated from \wp-content\themes\bricks/assets\css\integrations\woocommerce.min.css*/
  
  body div.woocommerce input:not([type=submit]) {
      border-radius: var(--btn-radius);
      font-size: var(--text-m);
      padding-left: var(--space-s);
      border: 0px;
      margin: 0.15em;
  }
  
  body div.woocommerce fieldset {
      padding: var(--space-s);
      margin-bottom: var(--space-xs);}
  
  body div.woocommerce fieldset legend {
      margin-left: -10px
  }
  
  body .woocommerce .button {
    background-color: var(--action);
    border-color: var(--action);
    border-radius: var(--btn-radius);
    color: var(--action-ultra-light);
    padding: var(--btn-pad-y) var(--space-s);
    font-size: var(--text-m);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-weight);
    transition: all var(--btn-transition-duration) ease;
  }
  
  body .woocommerce .button:hover {
    background-color: var(--action-hover);
    border-color: var(--action-hover);
    border-radius: var(--btn-radius);
    color: var(--action-ultra-light);
    padding: var(--btn-pad-y) var(--space-s);
    font-size: var(--text-m);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-weight);
  }
  
  .woocommerce nav.woocommerce-MyAccount-navigation {
      background-color: transparent !important;
    border-right: 1px solid var(--action);
  }
  
  .woocommerce nav.woocommerce-MyAccount-navigation a:hover {
      background-color: var(--neutral-ultra-light);
  }
  
  
  /* These styles were generated from \wp-content\themes\bricks/assets\css\integrations\woocommerce.min.css*/
  
  
  /* --- Facet Search Input --- */
  
  .wpgb-input {
    background: var(--neutral);
    border-color: var(--action-trans-60);
    color: var(--action);
    width: auto;
    text-transform: var(--btn-text-transform);
    transition: all var(--btn-transition-duration) ease;
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    letter-spacing: var(--btn-letter-spacing);
    margin: auto;
    border-radius: var(--btn-border-radius) !important;
    border-width:1px;
  }
  
  .wpgb-search-facet input[type="search"]{
    border-width:1px;
    color: var(--action);
  }
  
  input::placeholder{
    color: var(--action);
  }
  
  .woocommerce table th {
      padding-bottom: var(--space-xs);
  }
  
  
  /* --- Facet Buttons.and icons
  Load more etc, --- */
  
  button.wpgb-button {
    border-color: var(--button-color);
    background: var(--action);
    color: var(--secondary);
    padding: var(--btn-pad-y) var(--btn-pad-x);
    width: auto;
    text-transform: var(--btn-text-transform);
    transition: all var(--btn-transition-duration) ease;
    line-height: var(--btn-line-height);
    font-size: var(--text-m);
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    letter-spacing: var(--btn-letter-spacing);
    margin: auto;
    border-radius: var(--btn-border-radius) !important;
  }
  
  button.wpgb-button:hover {
    background: var(--action-hover);
    text-decoration: var(--btn-text-decoration-hover);
  }
  
  .wpgb-facet .wpgb-select button{
     color: var(--action-trans-60);
  }
  
  .wpgb-facet .wpgb-select button:hover{
     color: var(--action);
  }
  
  .wpgb-select:hover {
    border-color: var(--action);
  }
  
  .wpgb-select-sr-only {
      background: var(--neutral);
      border-color: var(--action);
  }
  
  .wpgb-input-icon{
    color: var(--action-trans-60);
    border-radius: 10px;
    font-weight:400;
  }
  
  .wpgb-facet .wpgb-button[aria-pressed="true"] {
    background: var(--neutral);
    border-color:  var(--action-trans-60);
    color: var(--action);
    padding: 0 var(--space-xs);
    width: auto;
    text-transform: var(--btn-text-transform);
    transition: all var(--btn-transition-duration) ease;
    line-height: var(--btn-line-height);
    font-size: var(--text-xs);
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    letter-spacing: var(--btn-letter-spacing);
    margin: auto;
    border-radius: var(--btn-border-radius) !important;
    border-width:1px;
  }
  
  .wpgb-facet .wpgb-button[aria-pressed="true"]:hover {
    background: var(--neutral-hover);
    border-color:  var(--action);
  }
  .wpgb-facet .wpgb-selection-facet .wpgb-button-control:before,
  .wpgb-facet .wpgb-selection-facet .wpgb-button-control:after {
     background-color: var(--action);
  }
  
  .wpgb-facet>fieldset:last-child{
  margin:0px;
  }
  
  /* --- Facet Filter Container ---
  Use class .facet-filter container on facet container*/
  
  .facet-filter-container .wpgb-select {
  background: var(--neutral);
  border-color: var(--action-trans-60);
  color: var(--action);
  width: auto;
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
  transition: all var(--btn-transition-duration) ease;
  line-height: var(--btn-line-height);
  font-style: var(--btn-font-style);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  margin: auto;
  border-radius: var(--btn-border-radius) !important;
  border-width:1px;
  }
  
  .facet-filter-container input::placeholder{
    color: var(--action);
  }
  
  .facet-filter-container .wpgb-facet .wpgb-select button{
     color: var(--action-trans-60);
  }
  
  .facet-filter-container .wpgb-facet .wpgb-select button:hover{
     color: var(--action);
  }
  
  .facet-filter-container .wpgb-select:hover {
    border-color: var(--action);
  }
  
  .facet-filter-container .wpgb-select-sr-only {
    background: var(--neutral);
      border-color: var(--action);
  }
  
  .facet-filter-container wpgb-select-placeholder .wpgb-select-values>div.wpgb-select-value{
    background: var(--accent);
    border-radius: 10px;
    font-weight:400;
  }
  
  .facet-filter-container .wpgb-facet>fieldset:last-child{
    margin:0px;
  }
  .facet-filter-container .wpgb-facet>fieldset:last-child {
    margin:0px;
  }