/*
Theme Name: The Hanger Child
Theme URI: http://thehanger.wp-theme.design/
Description: This is a child theme for The Hanger.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: the-hanger
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/
/*GLOBAL*/
button, .button, input[type="submit"] {
  text-transform: none;
}


/*HEADER STYLES*/
.site-header-style-1 .gbt-mega-dropdown-button, .header-mobiles-wrapper .header-mobiles-content .header-mobiles-mega-dropdown-button {
    background-color: #39459c;
}

/*top bar*/
.topbar .topbar-content .topbar-wrapper-left .topbar-info-1 .spacer {
    padding: 0 5px;
}
.topbar .topbar-content .topbar-wrapper-left .topbar-info-1 i,
.topbar .topbar-content .topbar-info-2 i {
  margin-right: 5px;
}
.topbar .topbar-content .topbar-wrapper-left .topbar-info-1 {
    align-items: center;
}
.topbar .topbar-content .topbar-wrapper-left .topbar-info-1 a {
    line-height: 1;
}
.topbar-socials {
    padding-left: 20px;
}
.topbar-socials ul {
  margin-bottom: 0;
}
.topbar-socials .shortcode_socials li.th_social_icon a {
    padding: 0 5px;
}
/*WOOCOMMERCE*/
/*single-product*/
.single-product .woocommerce_tabs .woocommerce-gb_accordion {
    margin-right: 0;
    padding-right: 0;
}
/*archive page*/
ul.products:not(.shop_display_list) .product .product_badges_wrapper {
  left: 5px;
  top: 5px;
}
ul.products:not(.shop_display_list) .product .main-container .second-container .product_info a.title .woocommerce-loop-product__title {
    font-size: 14px;
    text-transform: uppercase;
}
ul.products:not(.shop_display_list) .product .main-container .second-container .product_info span.price {
    width: 100%;
    font-size: 17px;
    color: #000;
}
ul.products:not(.shop_display_list) .product .main-container .second-container .product_info span.price del {
  font-size: 13px;
  color: red;
}
ul.products:not(.shop_display_list) .product .main-container .second-container .product_info span.price ins,
ul.products:not(.shop_display_list) .product .main-container .second-container .product_info span.price > .amount > bdi {
  font-weight: bold;
}


/*FOOTER*/
footer #menu-footer-menu li.menu-item > a {
    padding-right: 0;
}
/****************************************************************/
/****************************************************************/
/****************************************************************/