/*
Theme Name:   	Music King by UnifiedWeb
Theme URI:    	http://unifiedweb.ph
Author:       	UnifiedWeb Inc.
Author URI:     http://unifiedweb.ph
Template:     	storefront
Description:  	This is a customizations for Music King
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
    font-weight: 300;
    color: #444444;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
    color: #F87C00;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
}

body {
    color: #444444;
    font-size: 15px;
}

body, button, input, textarea {
    font-family: "Open Sans", "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.storefront-primary-navigation, .header-float {
    font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
}

a  {
    font-weight: inherit;
}

a:focus, .focus a {
	outline: none;
}

p {
    margin: 0 0 1em;
}

blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
    margin-top: 1em;
}

#tab-description .gallery-caption {
    font-size: 1.3em;
    padding-top: 0.6em;
}

#tab-description .gallery-item {
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}

.shop_attributes th, .shop_attributes td {
    padding: 0.6em 1em;
}
    
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    padding-top: 0em;
    padding-bottom: 0em;
}

.hentry, .site-main {
    margin-bottom: 0;
}

.entry-header {
    display: none;
}

.site-footer {
    padding: 1em 0 1em;
}

.widget_shopping_cart_content {
    display: none;
}

.woocommerce-breadcrumb {
    /*display: none;*/
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    background-color: #fcfcfc;
}

/* Remove Shop/Product link in breadcrumb */
.woocommerce-breadcrumb span:nth-of-type(1) { display:none }
.woocommerce-breadcrumb a:nth-of-type(2) { display:none }
.woocommerce-breadcrumb span:last-child { display:inline-block }


button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #F87C00 !important;
    border: 1px solid #B85B00 !important;
    color: #ffffff !important;
}

.checkout-button, .add_to_cart_button {
    background-color: #F87C00 !important;
    border: 1px solid #B85B00 !important;
    color: #ffffff !important;
}

.checkout-button:hover, .add_to_cart_button:hover {
    background-color: #B85B00 !important;
    border: 1px solid #B85B00 !important;
    color: #ffffff !important;
}

.added_to_cart {
    background-color: #eeeeee !important;
    border: 1px solid #d5d5d5 !important;
    color: #444444 !important;
}

.added_to_cart:hover {
    background-color: #d5d5d5 !important;
    border: 1px solid #d5d5d5 !important;
    color: #444444 !important;
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1.3em;
}

.woocommerce-checkout-review-order, .place-order {
    border-radius: 0 0 8px 8px;
}

.about_paypal {
    display: none;
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
    padding: 0.2em 1em;
}

.cross-sells {
    margin-top: 5em;
}

.cross-sells > h2 {
    font-size: 1.6em !important;
    margin-bottom: 1.6em;
}

.home #content {
    margin-top: 1px;
}

.widget ul {
	list-style: disc;
	margin-left: 2em;
}

.woocommerce-order-overview, .wc-bacs-bank-details, .woocommerce-NoticeGroup ul {
	list-style: none !important;
	margin-left: 0 !important;
}

.woocommerce-order-details {
    margin-top: 3em;
}

.mobile-only {
    display: none !important;
}

.musicking-products-home li.product {
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 7px;
    padding: 0 0 15px 0;
}


@media screen and (min-width: 768px) {
    .woocommerce-tabs ul.tabs {
        width: 100%;
        float: none;
        margin-right: 0;
    }   
    .woocommerce-tabs .panel {
        width: 100%;
        float: none;
    } 
}

@media screen and (min-width: 768px) {
    .hide-large {
        display: none;
    }

    .col-full {
        max-width: 72em;
    }

    #masthead {
        padding-top: 0;
        margin-bottom: 0;
        border-bottom: none;
        /*background-color: #f8f5ec;*/
    }
    
    #masthead .site-branding {
        padding: 20px 0 20px 0;
        clear: inherit;
        margin-bottom: 0 !important;
    }
    
    #masthead .site-branding img {
        height: 55px;
        width: auto;
        max-width: inherit;
    }
    
    #masthead .site-search {
        display: none;
    }
    
    #masthead .storefront-primary-navigation {
		background-color: #F87C00;
		border-top: 1px solid #B85B00;
		border-bottom: 1px solid #B85B00;
    }
    
    #masthead .storefront-primary-navigation .main-navigation {
        line-height: 0;
        width: inherit;
    }
    
    #masthead .storefront-primary-navigation .main-navigation ul.nav-menu>li>a {
        color: #fff;
        padding: 1.3em 1em;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    #masthead .storefront-primary-navigation .main-navigation ul.nav-menu>li>a:hover {
        color: #433200;
        background-color: #E9D189;
    }
    
    #masthead .site-header-cart {
        /*display: none;*/
        text-align: right;
        width: inherit;
        top: 2.5em;
    }
    
    #masthead .site-header-cart .cart-contents {
        padding: inherit;
    }

    #masthead .site-header-cart .cart-contents:after {
        content: "";
    }
    
    #masthead .site-header-cart .cart-contents .count {
        font-weight: inherit;
        opacity: inherit;
        font-size: inherit;
    }
    
    #masthead .site-header-cart .header-cart-contents {
        color: #444444;
    }
    
    .header-float {
        float: right;    
        top: 2.5em;
        position: relative;
        width: 50%;
    }
    
    .header-float div {
        float: left;
        padding-right: 3%;
    }
    
    .header-float ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .header-float ul li {
        float: left;
        margin-left: 20px;
        /*color: #fff;*/
    }
    
    .header-float ul li a {
        /*color: #fff;*/
    }
    
    .header-float i {
        font-size: 1.3em;
        vertical-align: middle;
    }
    
    #masthead .site-header-cart i {
        font-size: 1.6em;
        vertical-align: top;
        /*color: #fff;*/
    }

    #masthead .site-header-cart .count {
        font-size: 0.8em;
        font-weight: 600;
        position: absolute;
        top: -6px;
        right: -6px;
        border: 1px solid #ffffff;
    }


    .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
        max-width: inherit;
    }
    
    .transparent #masthead.site-header {
        background-color: transparent;
        border-bottom-color: transparent;
    }
    
    .transparent #masthead .main-navigation ul.menu>li>a, 
    .transparent #masthead .main-navigation ul.nav-menu>li>a,
    .transparent .site-header-cart .cart-contents {
        color: #fff;
    }
    
    .transparent #content {
        top: 0px;
    }
    
    .transparent .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
        padding-top: 15em;
        padding-bottom: 11em;
    }
    
    .footer-widgets {
        padding-top: 20px;
    }
    
    .footer-widgets .widget {
        margin-bottom: 30px;
    }
    
    footer .site-info {
        padding: 1em 0;
    }

    #content div.product {
        margin-top: 50px;
    }
    
    .content-area, .widget-area {
        margin-bottom: 0;
    }
    
    .widget-area {
        padding-top: 10px;
    }

    table.cart td.product-remove {
        padding: 0.8em;
    }
    
    table.cart td, table.cart th {
        padding: 0.8em;
    }
    
    .wc-proceed-to-checkout {
        margin-bottom: 0;
    }
    
    ul.products li.product {
        font-size: 1em;
    }
    
    .woocommerce-tabs {
        padding-top: 0;
    }
    
    .storefront-full-width-content .woocommerce-tabs ul.tabs {
        width: 22%;
    }
    
    .storefront-full-width-content .woocommerce-tabs .panel {
        width: 73%;
        margin-bottom: 0;
    }
    
    .woocommerce-MyAccount-navigation {
        width: 18%;
    }
    
    .woocommerce-MyAccount-navigation ul {
        margin-left: 0 !important;
    }
    
    .woocommerce-MyAccount-content {
        width: 76%;
    }

    .site-main .related.products ul.products li.product {
        width: 22%;
        float: left;
        margin-right: 4%;
    }

    .site-main .cross-sells ul.products li.product {
        width: 20%;
        float: left;
        margin-right: 5% !important;
        clear: none !important;
    }
    
    .site-main .cross-sells ul.products li.product:nth-child(4n) {
        margin-right: 0 !important;
    }

    .cart-collaterals .cart_totals, 
    .cart-collaterals .shipping_calculator {
        width: 100%;
        float: inherit;
    }
    
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 15%;
        margin-right: 3%;
    }

}

/* Top bar fixes */
@media (max-width: 1140px) {
    .header-float {
        width: 60%;
    }
}
@media (max-width: 1030px) {
    .header-social-icons {
        display: none;
    }
}
@media (max-width: 970px) {
    #menu-item-53 {
        display: none;
    }
}
@media (max-width: 950px) {
    .header-user-links {
        display: none;
    }
}
/* END Top bar fixes */

@media (min-width: 1150px) {
    /* Cart - reposition summary in sidebar right */
    .woocommerce-cart .entry-content {
        margin-top: 2.6em;
    }
    .woocommerce-cart .woocommerce-message {
        margin-top: 1em !important;
        margin-bottom: -1.5em;
    }
    .woocommerce-cart .entry-content .cart-empty {
        margin-top: -2.6em;
    }
    .woocommerce-cart .entry-content .woocommerce-message {
        margin-top: -2.6em !important;
        margin-bottom: 1.1em;
    }

    .woocommerce-cart .cart-collaterals h2 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: 1em;
        text-align: center;
    }

    .woocommerce-cart .content-area {
        width: 66%;
        position: relative;
        margin-top: 3em;
        min-height: 370px;
    }
    
    .woocommerce-cart .cart-collaterals {
        float: right;
        margin-right: 0;
        position: absolute;
        top: 0;
        right: -52%;
    }
    
    .woocommerce-cart .cart-collaterals .cart_totals {
        background-color: #fff;
        border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0px 55px 60px -10px rgba(0,0,0,0.20);
        -moz-box-shadow: 0px 55px 60px -10px rgba(0,0,0,0.20);
        box-shadow: 0px 55px 60px -10px rgba(0,0,0,0.20);
    }

    .woocommerce-cart .cart-collaterals {
        width: 48%;
    }

    .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
        width: auto;
    }
    
    .wc-proceed-to-checkout {
        padding: 0 1em;
    }
    
    .woocommerce-cart .woocommerce-notices-shortcode {
        margin-top: 0;
    }
    
    .woocommerce-cart .woocommerce-notices-shortcode:empty {
        margin-top: 2.6em;
    }

    .site-main .cross-sells {
        width: 150%;
    }
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
    
    .footer-widgets .widget {
        margin-bottom: 0;
    }

 	#masthead {
		top: 0;
		width: 100%;
		height: 90px;
		padding: 0;
		margin-bottom: 0;
		border-bottom: 5px solid #F87C00;
		/*background-color: #333;*/
	}   

 	#masthead .site-branding {
 		padding-top: 9px;
 	}  

	#masthead .custom-logo-link img {
		width: auto;    
		height: 50px;
        margin-top: 12px;
	}

	#masthead .main-navigation {
		padding-top: 15px;
	}

    #masthead .handheld-navigation {
        width: 150%;
        left: -44px;
        top: 9px;
        position: relative;
        background-color: #fff;
        box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    }
    
    #masthead .menu {
        padding: 15px 45px;    
        border-bottom: 5px solid #F87C00;
        border-top: 5px solid #F87C00;
        margin-top: 9px;
    }
    
    #masthead .menu-toggle {
        padding: 20px;
        margin-top: 8px;
    }
    
    #masthead .main-navigation ul.menu>li, 
    #masthead .main-navigation ul.nav-menu>li {
        line-height: 1em;
    }

    /*
    #main .hentry {
        background-color: SlateGray;
        position:relative;
        width: 100%;
        height: 100%;
        opacity: 0.20;
        -moz-opacity: 20%;
        -webkit-opacity: 20%;
        z-index: 2;
    }
    */
    
    .site-header-cart {
        display: none;
    }

    #content div.product {
        margin-top: 30px;
    }
}

.w3-color-primary {
    background-color: #F87C00; 
}

/*
.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100%;
}

.product .woocommerce-tabs ul.tabs {
	width: 100%;
	float: none;
	margin-right: 5.8823529412%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0 0 1.618em;
	overflow: hidden;
	position: relative;
	border-top: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	position: absolute;
	content: ' ';
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #d3ced2;
	background-color: #ebe9eb;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 4px 4px 0 0;
	margin: 0 -5px;
	padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
	z-index: 2;
	border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid #d3ced2;
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	left: -6px;
	border-bottom-right-radius: 4px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	right: -6px;
	border-bottom-left-radius: 4px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #ebe9eb;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	font-weight: 700;
	color: #515151;
	text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}
*/

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    margin-bottom: 1.5em;
}


.musicking-product .so-panel {
    margin-bottom: 0 !important;
}

.musicking-product .so-panel:last-child {
    /*margin-top: 30px;*/
}

.musicking-product .add_to_cart_inline {
    margin-top: 20px;
}

.musicking-product .added_to_cart {
    margin-top: 10px;
}

.musicking-product {
    padding: 10px 20px 0 20px;
    width: 100%;
    margin: auto;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 7px;
    position: relative;
    overflow: hidden;

    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}

.musicking-product.hover {
    background-color: rgba(255,255,255,0.5);
}

.musicking-product .overlay {
    font-size: 3em;
    color: white;
    position: absolute;
    margin-top: 4em;
    text-align: center;
    margin-left: 1.2em;
    opacity: 0;
    
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.musicking-product .overlay a {
    color: white;
}

.musicking-product.hover .overlay {
    opacity: 0.5;
}

.musicking-product .ow-button-base span {
    font-weight: 600;
}

.musicking-product h6 {
    min-height: 3.3em;
}

.musicking-product h6>span {
    font-weight: 600;
}


.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    outline: none;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.woocommerce>.woocommerce-error, .woocommerce>.woocommerce-info, .woocommerce>.woocommerce-message {
    /*display: none;*/
}

.woocommerce-thankyou-order-received {
    font-size: 2em;
    margin-bottom: 1em !important;
}

.woocommerce-thankyou-order-details {
    margin-top: 0 !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    border: 1px solid #d5d5d5;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
    border: 1px solid #ac2100;
}

.onsale {
    position: absolute;
    z-index: 99;
    border: none;
    color: #fff;
    background-color: #F87C00;
    border-radius: 0;
    transform: translate(-35%,90%) rotate(-45deg);
    min-width: 200px;
    text-align: center;
    font-size: 1em;
    padding-left: 2em;
    top: 0;
    left: 0;
}


ul.products li.product {
    overflow: hidden;
}

ul.products li.product img {
    width: 100%;
    
}

.musicking-shop .content-area,
.musicking-shop .widget-area {
    margin-top: 45px;
}

.musicking-sidebar-shop ul {
    list-style: none;
    margin: 0;
}

.musicking-product .onsale {
    font-size: 0.8em;
    padding-left: 1.2em;
}

.musicking-about h2,
.musicking-about p {
    color: #fff;
}

.musicking-about h2 {
    font-weight: 600;
}

.musicking-about .ow-button-base span {
    font-weight: 600;
}

.musicking-about .ow-button-base a.ow-button-hover:hover {
    background: rgba(255,255,255,0.3) !important;
}


.widget-area .widget a:not(.button) {
    color: #222222;
    text-decoration: none;
}


.category .page-header {
    display: none;
}

.category .page-content {
    margin-top: 40px;
}

.storefront-sorting:empty {
    margin-bottom: 1.5em;
}

.musicking-sidebar-shop .widget.widget_sow-editor ul li:before {
    font-family: 'FontAwesome';
    content: "\f192\00a0\00a0\00a0";
    color: #ccc;
}

.musicking-sidebar-shop .widget.widget_sow-editor ul li {
    margin-bottom: 1em;
    line-height: 1.41575em;
}

#tab-description.woocommerce-Tabs-panel h2 {
    /*display: none;*/
}

.wc-tabs-wrapper {
    padding-bottom: 0;
}


.woocommerce-notices-shortcode {
    margin-top: 30px;
}

.woocommerce-notices-shortcode:empty {
    margin-top: 0;
}

.woocommerce-message, .woocommerce-info {
    background-color: inherit;
 	font-weight: 600;
    font-size: 1.5em;
    border-left: none;
    padding: 0;
}

.woocommerce-message, .woocommerce-message a, .woocommerce-message a:hover {
	color: #F87C00;
}

.woocommerce-info, .woocommerce-info a, .woocommerce-info a:hover {
	color: #3d9cd2;
}

.woocommerce-message .wc-forward,
.woocommerce-info .wc-forward {
	display: none;
}


#tab-description-more {
    text-align: center;
    border-top: 1px #f0f0f0 solid;
    padding-top: 1em;
    background: rgba(245,245,245,0.9);
    padding-bottom: 1em;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
    float: right;
    margin-right: 0;
    width: 73%;
}