/*
 Theme Name:   Divi Child for DesBio
 Description:  A Child Theme built for DesBio
 Author:       Stratusclear
 Author URI:   http://stratusclear.com
 Template:     Divi
 Version:      2.0
*/


/* BASIC STYLE */


.woocommerce-page .alphas {
    list-style-type: none;
    margin: 10px 0;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    @media print, screen and (min-width: 40em) {
      .woocommerce-page .alphas {
        margin-right: 20px; } }
    .woocommerce-page .alphas li {
      display: inline-block;
      margin: 0 8px 0 0; }
      @media print, screen and (min-width: 40em) {
        .woocommerce-page .alphas li {
          margin-right: 15px; } }
      @media print, screen and (min-width: 64em) {
        .woocommerce-page .alphas li {
          margin-right: 20px; } }
      .woocommerce-page .alphas li a {
        color: #777777; }




/* Hide the title of field ID #1 in Gravity Form 28 */
#gform_wrapper_28 #field_28_1 .gfield_label {
  display: none;
}



/* Hide the title of field ID #1 in Gravity Form 29 */
#gform_wrapper_29 #field_29_1 .gfield_label {
  display: none;
}

.et_pb_promo_button {
  background-color: #105b94;
}

.gform_wrapper .gform_footer input[type="submit"] {
  background-color: #105b94; /* Semantic UI primary color */
  color: #fff;
  border: none;
  border-radius: 0.28571429rem; /* Based on Semantic UI's button border-radius */
  padding: 0.78571429em 1.5em;  /* Adjusted to be closer to Semantic UI's padding */
  font-size: 1rem;
  font-weight: 700; /* Bold, which matches Semantic UI's font weight */
  text-transform: capitalize; /* Removing uppercase as Semantic UI doesn't uppercase their buttons */
  transition: background-color 0.2s ease, color 0.2s ease; /* Adding transition for color too */
  vertical-align: top; /* Aligns the button with other inline-block elements */
  margin: 0; /* Remove any margin */
  outline: none; /* Remove outline */
  cursor: pointer; /* Make sure the cursor changes on hover */
  display: inline-block; /* Ensures proper rendering */
  min-height: 1em; /* Minimum height */
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 0px 0px rgba(34,36,38,.15) inset; /* Based on Semantic UI's button box-shadow */
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="submit"]:active {
  background-color: #1678C2; /* Slightly darker shade for hover and active */
  color: #fff; /* Keeping text white */
}


.woocommerce-MyAccount-navigation-link--store-credit {
  display: none;
}


/* Overwriting semantic elements to replace default colors with brand colors */

.ui.teal.horizontal.label {
  background-color: #105d94 !important;
}

/* Custom styling for WooCommerce Save Changes and Reset Password buttons to match Semantic UI */
.woocommerce-Button.button[value="Save changes"],
.woocommerce-Button.button[value="Reset password"] {
    background-color: #105d94; /* Your specified blue color */
    color: #ffffff; /* White text */
    border: none;
    border-radius: 0.28571429rem; /* Based on Semantic UI's border radius */
    padding: 0.78571429em 1.5em; /* Adjusted to be closer to Semantic UI's padding */
    font-size: 1rem;
    font-weight: 700; /* Bold, which matches Semantic UI's font weight */
    text-transform: none; /* Removing text transformation to keep text as provided */
    transition: background-color 0.2s ease, color 0.2s ease; /* Adding transition for color change on hover */
    vertical-align: top; /* Aligns the button with other inline-block elements */
    cursor: pointer; /* Makes sure the cursor changes on hover */
    display: inline-block; /* Ensures proper rendering */
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; /* Specified font-family */
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 0px 0px rgba(34,36,38,.15) inset; /* Based on Semantic UI's button box-shadow */
}

/* Hover and active states */
.woocommerce-Button.button[value="Save changes"]:hover,
.woocommerce-Button.button[value="Save changes"]:active,
.woocommerce-Button.button[value="Reset password"]:hover,
.woocommerce-Button.button[value="Reset password"]:active {
    background-color: #1678C2; /* Slightly darker shade of blue for hover and active states */
}