/*
Theme Name: balanced-gratitude
Description: Child theme of Storefront.
Author: Connect 4
Author URI: https://connect4webdesign.com
Template: storefront
Version: 1.0
*/


html, body{
  scroll-behavior: smooth;
  font-family: "K2D", sans-serif;
}

*{
  transition: 0.2s;
}

h1{
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 3px;
}
h2{
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 3px;
}
h3{
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 3px;
}
h4{
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 3px;
}
h5{
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 3px;
}
h6{
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 3px;
}

p, li, a{
  font-size: 18px;
  letter-spacing: 1px;
}
p, li{
  color: #000;
}
img{
  border-radius: 0 !important;
}

.storefront-breadcrumb{
  margin: 0 !important;
  padding: 1rem 0 !important;
}
.woocommerce-breadcrumb{
  max-width: 1063px;
  margin: auto;
}

@media only screen and (max-width: 1024px){
  h1{font-size: 50px;}
  h2{font-size: 40px;}
  h3{font-size: 33px;}
  h4{font-size: 25px;}
}

@media only screen and (max-width: 991px){
  h1{font-size: 50px;}
  h2{font-size: 40px;}
  h3{font-size: 30px;}
}

@media only screen and (max-width: 430px){
  h1{font-size: 40px;}
  h2{font-size: 30px;}
  h3{font-size: 25px;}
}




/*** Calendar view Journal Tag Styling ***/
.frmcal-calendar .frmcal-content{
  padding: 5px !important;
}
.frmcal .frmcal-content .journal-tags{
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem 0;
}
.frmcal .frmcal-content .journal-tags .journal-tag{
  padding: 0.2em 0.5em; 
  margin-right: 0.3em;
  margin-bottom: 0.2rem; 
  border-radius: 3px; 
  color: #fff; 
  font-size: 0.8em;
  break-inside: avoid;
}
.frmcal-content h4{
  letter-spacing: -0.5px;
}
.frmcal-content a{
  display: inline-block;
  color: #000;
  margin-top: 0.5rem;
  font-size: 1em;
}
.frmcal-content a:hover{
  color: #32CD30;
}

/*** Journal Entry Form Styling ***/
.frm_forms .frm_form_fields  .frm_fields_container .frm_form_field.frm_repeat_buttons{
  display: flex;
  flex-wrap: wrap;
}
.frm_forms .frm_form_fields  .frm_fields_container .frm_form_field.frm_repeat_buttons a{
  padding: 0.25rem 1rem;
  margin-right: 0.5rem;
}

/*Rich text Editors*/
.wp-editor-container textarea.wp-editor-area{
  background-color: #FFF !important;
  color: #000 !important;
  border-radius: 0!important;
}

/*One Deopdown was displaying weird colors*/
.with_frm_style select#field_s9opl option{
  color: #000 !important;
}
/* Hides the ghost 'Add' button that appears before repeater content */
.frm_repeat_buttons > a.frm_button:first-child {
  display: none;
}


/* Date Picker styling fix */
#ui-datepicker-div.frm-datepicker .ui-datepicker-header select{
  color: #000;
}
#ui-datepicker-div.frm-datepicker .ui-datepicker-calendar thead th{
  background-color: #3a3a3a;
}