/*
Theme Name: Malcolm McDowell Online Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. 
Author:  Sara Gorsky | Get Art Seen http://getartseen.com
Template: Divi
*/

@import url("../Divi/style.css");

h1, h2, h3, h4, h5 {font-family: nippori, sans-serif;}
body {font-family: reason-new, sans-serif;line-height: 1.3em;}
p {padding-bottom: 15px !important;}
h1 {font-size: 50px !important;}
h1.product_title {font-size: 36px !important;}
h2 {font-size: 36px !important;}
h2.woocommerce-loop-category__title, h2.woocommerce-loop-product__title {font-size:20px !important;}
a:hover {color: #fff;}

.woocommerce .woocommerce-breadcrumb {padding-bottom: 30px;}
.et_pb_section {background-color: #000;}

#footer-widgets .product-title, #footer-widgets .amount {display: none;}
.product-template-default #left-area {padding-top: 0px !important;}

.woocommerce ul.product_list_widget li img { float: left; margin-left: 4px; padding-left: 0px; margin-right: 10px; transition: transform .5s ease;     width: 100px; /* width of container */
    height: 100px; /* height of container */
    object-fit: cover;
    object-position: 50% 50%; /* try 20px 10px */  } 

#footer-widgets .footer-widget li:before {display: none;}
#footer-widgets .footer-widget li { padding-left: 0px; float: left;}
#media_image-2 {margin-bottom: 0px; margin-top: 55px;}

.woocommerce ul.product_list_widget li img:hover { transform: scale(1.1); } 
#main-content { background-color: #000;}

mark { background-color: transparent !important; color: #fff !important;font-family: reason-new, sans-serif}

.product-category img { transition: transform .5s ease;}
.product-category img:hover { transform: scale(1.1); }
.tax-product_cat .product img {transition: transform .5s ease;}
.tax-product_cat .product img:hover { transform: scale(1.1);}

.et_overlay {
	background: hsla(0,0%,100%,0); display: none;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #222; color: #fff;}

/* Woo inpage notice */

.inpage-shop-notice h3.widget-title {display:none}
.product_meta + .inpage-shop-notice {margin-top: 12px;}
h1.woocommerce-products-header__title.page-title + .inpage-shop-notice {margin-bottom:30px; text-align:center}


/*** Take out the divider line between content and sidebar for Single WooCommerce Product Pages ***/
.single-product #main-content .container:before, .woocommerce-cart #main-content .container:before, .woocommerce-checkout #main-content .container:before {background: none;}

/*** Hide Sidebar for Single WooCommerce Product Pages ***/
.single-product #sidebar, .single-product #sidebar-secondary, .woocommerce-cart #sidebar, .woocommerce-cart #sidebar-secondary, .woocommerce-checkout #sidebar, .woocommerce-checkout #sidebar-secondary {display:none;}

/*** Expand the content area to fullwidth for Single WooCommerce Product Pages ***/
@media (min-width: 981px){
.single-product #left-area, .single-product #primary, .woocommerce-cart #left-area, .woocommerce-cart #primary, .woocommerce-checkout #left-area, .woocommerce-checkout #primary { width: 100%; padding: 23px 0px 0px !important; float: none !important; }
}

.single_add_to_cart_button:hover, .et_pb_button:hover { background-color: #222 !important; color: #ff6d00 !important; border-color: #ff6d00 !important;}

.woocommerce-message a:hover {color: #000 !important;}
.actions button:hover, .wc-proceed-to-checkout a:hover {color: #ff6d00 !important; border-color: #ff6d00 !important; background-color: #222 !important;}

.woocommerce-cart .product-thumbnail {padding: 0px;}
.woocommerce-cart .product-thumbnail img {width: 75px !important;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: #666;}

.place-order button:hover {color: #ff6d00 !important; border-color: #ff6d00 !important; background-color: #222 !important;}

.woocommerce-products-header__title { font-size: 40px; text-align: center; margin-bottom: 30px;}

button.wpforms-submit { background-color: #000 !important; color: #ff6d00 !important; border-color: #ff6d00 !important;}
button.wpforms-submit:hover { background-color: #222 !important; color: #ff6d00 !important; border-color: #ff6d00 !important; padding-right: 35px !important; }

#main-content .container:before {width: 0px;}
#sidebar .woocommerce ul.product_list_widget li img { width: 50px !important; height: 50px !important; }
#sidebar .woocommerce-mini-cart-item a {line-height: 1em;}


element.style {
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
bdi {
    unicode-bidi: -webkit-isolate;
}
a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
}
.woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del {
	color: #fff!important;}

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #ff6d00;}

.comment-reply-link:hover, .et_password_protected_form .et_submit_button:hover, .form-submit .et_pb_button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit: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.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover {background: #222; border: 2px solid #ff6d00;}

.MDow-1 {display:none !important;}

.select2-results__option {color: #000;}

.woocommerce-page span.onsale, .woocommerce span.onsale {background: #ff6d00 !important;}

.MDow-1 {display: none;}
/* RESPONSIVE MEDIA SETTINGS ----------------------------------------------------------*/


@media only screen and (max-width: 1024px) {

 }
  
@media only screen and (max-width: 768px) {


	.page-id-119 .et_pb_column { margin-bottom: 0px !important;}
	.page-id-119 .et_pb_row_1 .et_pb_column { margin-bottom: 30px !important;}
	.page-id-119 p { padding-bottom: 0px !important; }
	.page-id-119 .dss_masonry_gallery {margin-top: 30px;}
.page-id-119 .et_pb_column_13  {margin-top: 50px;}
	
	.single-product h1.product_title {padding-top: 20px !important;}
}


@media only screen and (max-width: 640px) {

    }
    
@media only screen and (max-width: 475px) {

h1 {
    font-size: 40px !important;
}

	
	ul.product_list_widget { margin-left: auto !important; margin-right: auto !important; width: 70% !important;}
	#main-footer .footer-widget h4 { text-align: center; font-size: 30px; margin-bottom: 20px; }
	.coupon .button { width: 100% !important; }
	div.et_pb_section.et_pb_section_1.splash-header { background: none !important;background-image: none !important; }
}
    
@media only screen and (max-width: 320px) {

}