/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.woocommerce-cart-notice{
  display: none !important;
  /*padding: .5em;
  background: #f9d5d5;
  border: solid;
  margin-bottom: 1em;
  border-color: red;
  border-style: dashed;
  color: #6d6d6d;*/
}

button[type="submit"],
.button.wc-forward{
  background: #000 !important;
}

button[type="submit"]:hover,
.button.wc-forward:hover{
  background: #505050 !important;
}

.button.alt:not(.is-outline),
.button-continue-shopping,
.woocommerce-MyAccount-content a.woocommerce-Button{
  background: #EC1B2E !important;
}

.button.alt:not(.is-outline):hover,
.button-continue-shopping:hover,
.woocommerce-MyAccount-content a.woocommerce-Button:hover,
a.quick-view{
  background: #505050 !important;
}


/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media (min-width: 640px) and (max-width: 860px){

}
  

@media (min-width: 321px) and (max-width: 639px){

}


/*Mobile Small Size*/
@media (max-width: 320px){
  
}

/**Begin Pop Up Maker Banner**/

.pum-container{
  padding: 0 !important;
  width: 45% !important;
  margin-left: -15% !important;
}

.HADCheckOutMsg h3,
.HADCheckOutMsg p.HADContent{
  font-family: "Forza A", "Forza B";
  font-style: normal;
  font-weight: 400;
}

.HADTitle{
  color: white !important;
  border-bottom: 1px solid white;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.HADContent,
.HADSmallDetails{
  color: #e3e3e3 !important;
  cursor: text !important;
}

.HADhighlight{
  font-family: "Forza A", "Forza B";
  font-style: normal;
  font-weight: 800;
  font-size: 1.2rem !important;
}

.HADSmallDetails{
  font-size: 0.6rem !important;
}



@media (min-width: 640px) and (max-width: 860px){

  .pum-container{
    width: 60% !important;
    margin-left: -30% !important;
  }
  
}
  

@media (min-width: 321px) and (max-width: 639px){

  .pum-container{
    width: 60% !important;
    margin-left: -30% !important;
  }

  .HADCheckOutMsg{
    font-size: 0.85rem !important;
  }

  .HADhighlight{
    font-size: 1rem !important;
  }

}
  

/*Mobile Small Size*/
@media (max-width: 320px){
  
  .pum-container{
    width: 60% !important;
    margin-left: -30% !important;
  }

  .HADCheckOutMsg{
    font-size: 0.85rem !important;
  }

  .HADhighlight{
    font-size: 1rem !important;
  }
  
}