/**
 * Styles for custom woocommerce
 */

/* Store content padding */
.woocommerce #main-content .container {
	padding-top: 10px;
}

.woocommerce #left-area {
    width: auto;
}

.woocommerce #main-content .container:before {
    position: static;
}

/* WooCommerce account page */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
}

.woocommerce-account .woocommerce-MyAccount-content { 
    width: 75%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding-left: 0;
    max-width: 200px;
    font-size: 17px;
    line-height: 26px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 8px 20px;
    background-color: #EEE;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #DBD6D2;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #5E514E;
    cursor: default;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 14px solid rgba(0,0,0,0.1);
    border-bottom: 20px solid transparent;
    float: right;
    margin-right: -34px;
    margin-top: -7px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
    background-color: rgba(0,0,0,0.07);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
    content: "";
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-left: 14px solid rgba(0,0,0,0.07);
    border-bottom: 20px solid transparent;
    float: right;
    margin-right: -34px;
    margin-top: -7px;
}

/* Remove Divi button arrows */
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
    content: none !important;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    padding: .3em 1em !important; /* this is Divis default button padding */
}