/*
 Theme Name:     Custom Divi Child
 Theme URI:
 Description:    Custom Divi Child Theme
 Author:		 Mark Wilmoth
 Author URI:
 Template:       Divi
 Version:        1.0.5
 License:
 License URI:
 Tags:
 Text Domain:
*/

/*----- Divi text editor list indenation and spacing -----*/

.et_pb_text ul, .et_pb_text ol { margin: 10px; }

/*.et_pb_text li { margin-top: 16px; }*/

/*----- Auther Box -----*/

#author-info {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #f0f0f0;
    margin: 20px auto;

}

#author-info .avatar {
    position: relative;
    top: 0;
    left: 0;
    float: left;

}

#author-description {
    margin-left: 100px;

}

#author-description h3 {
    margin-top: 0px;
    margin-bottom: 5px;

}

/*----- Single Post Navigation -----*/

.nav-posts {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin: 20px auto;
}

.prev-link-box {
    float: left;
    width: 50%;
    text-align: left;
    padding-right: 10px;
}

.prev-link a {
    float: left;
    text-decoration: none;
}

.next-link-box {
    float: right;
    width: 50%;
    text-align: right;
    padding-left: 10px;
}

.next-link a {
    float: right;
    text-decoration: none;
}

/*---- Auxilliary Custom Color Scheme ----*/

/*****
.et_color_scheme_custom a:hover {text-decoration: none !important;}

.et_color_scheme_custom #top-header a:hover {
	text-decoration: none !important;
}

.et_color_scheme_custom .et-pb-slider-arrows a:hover {
	text-decoration: none !important;
}


.et_color_scheme_custom #footer-bottom a:hover {
	text-decoration: none !important;
}
*****/

/* This may not to be needed any longer */
/******
.et_color_scheme_custom .et_pb_bg_layout_light .et_pb_post .post-meta a {
	color: #ff614e !important;
}
*****/

/*----- WooCommerce Fixes -----*/

/*----- Begin Update Cart Button Fix -----*/
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
        padding: .3em 1em;
}

.woocommerce-page button.button:disabled:hover:after {
    display: none;
}
/*----- End Update Cart Button Fix -----*/

/*----- Begine Fix Related Title Font Size ----*/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1em!important;
}
/*----- End Fix Related Title Font Size ----*/

/*----- Begin WooCommerce-Divi Shop Grid Border -----*/

.woocommerce ul.products li.product {
    box-sizing: border-box;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 1em;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 0 -1px -1px;
}

@media (min-width: 981px) {
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-4 li.product {
        width: 25%;
        margin-right: 0;
    }
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-3 li.product {
        width: 33.33%;
        margin-right: 0;
    }
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product {
        width: 50%;
        margin-right: 0;
    }
}

@media (max-width: 980px) and (min-width: 768px) {
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-4 li.product {
        width: 25%!important;
        margin-right: 0!important;
    }
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-3 li.product {
        width: 33.33%!important;
        margin-right: 0!important;
    }
    .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product {
        width: 50%!important;
        margin-right: 0!important;
    }
}

@media (max-width: 980px) and (min-width: 768px) { 
    .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 0 -1px -1px!important;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
        width: 50%!important;
        margin: 0 0 -1px -1px!important;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        float: left;
    }
}

@media (max-width: 479px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
        width: 100%!important;
        margin: 0 0 -1px 0!important;
    }
    
    .woocommerce table.cart td.actions .coupon .button, 
    .woocommerce-page table.cart td.actions .coupon .button {
        width: 100%;
    }
}

#left-area ul.products {
    display: flex;
    flex-flow: row wrap;
}

/*----- End WooCommerce-Divi Shop Grid Border -----*/

/*----- WooCommerce Button Text & Border -----*/
/**
 * These make the border and text on buttons in WooCommerce the desired color
 * Use in conjunction with the commented-out lines in the CSS further down
 */
.et_color_scheme_custom.woocommerce-page button.button, 
.et_color_scheme_custom.woocommerce button.button,
.et_color_scheme_custom.woocommerce-page a.button,
.et_color_scheme_custom.woocommerce a.button,
.et_color_scheme_custom.woocommerce-page #respond input#submit,
.et_color_scheme_custom .woocommerce #respond input#submit {
color: #ed1c24!important;
}

/*----- Custom Color Scheme -----*/

.et_color_scheme_custom #top-menu a { /* menu links */
color: #ffffff;
}

.et_color_scheme_custom a { /* links */
color: #ed1c24;
}

.et_color_scheme_custom #left-area .post-meta a  { /* post meta below post title */
color: #ed1c24; 
}

.et_color_scheme_custom #top-header,
.et_color_scheme_custom .et_pb_counter_amount,
.et_color_scheme_custom .et_pb_featured_table .et_pb_pricing_heading {
background: #ed1c24!important;
}

/**
 * The commented values below color the woocommerce button backgrounds with the 
 * desired color
 *
 */
.et_color_scheme_custom .woocommerce-error,
.et_color_scheme_custom .woocommerce-info,
.et_color_scheme_custom .woocommerce-message,
.et_color_scheme_custom.woocommerce #content input.button,
.et_color_scheme_custom.woocommerce #content input.button.alt,
/*.et_color_scheme_custom.woocommerce #respond input#submit,
.et_color_scheme_custom.woocommerce #respond input#submit.alt,*/
/*.et_color_scheme_custom.woocommerce a.button,
.et_color_scheme_custom.woocommerce a.button.alt,*/
/*et_color_scheme_custom.woocommerce button.button,
.et_color_scheme_custom.woocommerce button.button.alt,*/
.et_color_scheme_custom.woocommerce button.button.alt.disabled,
.et_color_scheme_custom.woocommerce input.button,
.et_color_scheme_custom.woocommerce input.button.alt,
.et_color_scheme_custom.woocommerce-page #content input.button,
.et_color_scheme_custom.woocommerce-page #content input.button.alt,
/*.et_color_scheme_custom.woocommerce-page #respond input#submit,
.et_color_scheme_custom.woocommerce-page #respond input#submit.alt,*/
/*.et_color_scheme_custom.woocommerce-page a.button,
.et_color_scheme_custom.woocommerce-page a.button.alt,*/
/*.et_color_scheme_custom.woocommerce-page button.button,
.et_color_scheme_custom.woocommerce-page button.button.alt,*/
.et_color_scheme_custom.woocommerce-page button.button.alt.disabled,
.et_color_scheme_custom.woocommerce-page input.button,
.et_color_scheme_custom.woocommerce-page input.button.alt {
background: #ed1c24!important;
}

.et_color_scheme_custom #et_search_icon:hover,
.et_color_scheme_custom .comment-reply-link,
.et_color_scheme_custom .entry-summary p.price ins,
.et_color_scheme_custom .et_overlay:before,
.et_color_scheme_custom .et_password_protected_form .et_submit_button,
.et_color_scheme_custom .et_pb_bg_layout_light .et_pb_more_button,
.et_color_scheme_custom .et_pb_bg_layout_light .et_pb_newsletter_button,
.et_color_scheme_custom .et_pb_bg_layout_light .et_pb_promo_button,
.et_color_scheme_custom .et_pb_contact_submit,
.et_color_scheme_custom .et_pb_pricing li a,
.et_color_scheme_custom .et_pb_pricing_table_button,
.et_color_scheme_custom .et_pb_sum,
.et_color_scheme_custom .footer-widget h4,
.et_color_scheme_custom .form-submit .et_pb_button,
.et_color_scheme_custom.woocommerce #content div.product p.price,
.et_color_scheme_custom.woocommerce #content div.product span.price,
.et_color_scheme_custom.woocommerce div.product p.price,
.et_color_scheme_custom.woocommerce div.product span.price,
.et_color_scheme_custom.woocommerce-page #content div.product p.price,
.et_color_scheme_custom.woocommerce-page #content div.product span.price,
.et_color_scheme_custom.woocommerce-page div.product p.price,
.et_color_scheme_custom.woocommerce-page div.product span.price {
color: #ed1c24;
}

/**
 * Menu active link color. Must be used with custom color scheme because
 * customizer menu item will not work with custom color scheme.
 *
 */
.et_color_scheme_custom #top-menu li.current-menu-ancestor>a,
.et_color_scheme_custom #top-menu li.current-menu-item>a,
.et_color_scheme_custom .bottom-nav li.current-menu-item>a
{
color: #000000!important;
}

/**
 * Mobile menu hamburger grill color 
 *
 */
.et_color_scheme_custom .mobile_menu_bar:before {
color: #ffffff;
}

.et_color_scheme_custom.woocommerce .star-rating span:before,
.et_color_scheme_custom.woocommerce-page .star-rating span:before {
color: #ed1c24!important;
}

/**
 * Mobil dropdown menu accent color
 *
 */
.et_color_scheme_custom .et_mobile_menu {
    border-color: #ffffff;
}

.et_color_scheme_custom blockquote { /* blockquote vertical bar */
    border-color: #ed1c24!important;
}

.et_color_scheme_custom .et-search-form, /* header search form, but doesn't do anything */
.et_color_scheme_custom .et_pb_pricing li:before, /* not sure what this does */
.et_color_scheme_custom .footer-widget li:before, /* bullets on footer widget lists */
.et_color_scheme_custom .et_pb_pricing li span:before, /* bullets on lists on pricing table */
.et_color_scheme_custom .nav li ul {
border-color: #ed1c24!important;
}

.et_color_scheme_custom .et-cart-info {/* cart icon on menu bar */
color: #ed1c24!important;
}

.et_color_scheme_custom .et-pb-slider-arrows a, /* slider arrows */
.et_color_scheme_custom .et-social-icon a:hover, /* hover over social icons on footer */
.et_color_scheme_custom .et_audio_content a,
.et_color_scheme_custom .et_link_content a,
.et_color_scheme_custom .et_pb_more_button, /* button on slider */
.et_color_scheme_custom .et_pb_newsletter_button, /* button on contact form */
.et_color_scheme_custom .et_pb_promo_button, /* call to action button */
.et_color_scheme_custom .et_pb_slide_description .et_pb_slide_title a { /* slider title. does not seem to affect description */
color: inherit;
}