/*
Theme Name: MusicPlace Child
Template: musicplace
Theme URI: http://musicplace.themerex.net/
Description: MusicPlace - Multipurpose and Multiskin Responsive Wordpress theme
Author: themerex
Author URI: http://themerex.net/
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/




/* =Theme customization starts here
-------------------------------------------------------------- */


/*
 * [GLOBALS]
 */

.gr-clear {
    clear: both;
}


/*
 * CART
 */

.menu_main_cart.top_panel_icon {
    display: none !important;
}


/*
 * ESSENTIAL GRIDS
 */

.myportfolio-container.minimal-light ul.mainul li {
    background-color: #111111 !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.myportfolio-container.minimal-light .esg-filter-wrapper.eg-search-wrapper {
    left: 0;
    position: relative;
    top: -5px;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-media-wrapper {
    border-radius: 0 !important;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-content {
    background-color: #111111 !important;
    font-family: "Revolution" !important;
    padding: 12px 15px;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-content .esg-content a {
    color: #fefefe !important;
    font-family: "Revolution" !important;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-content .esg-content .woocommerce-Price-amount.amount {
    bottom: 5px;
    color: #EF7D00;
    font-weight: 600 !important;
    position: relative;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-cover .esg-bottom a {
    background: #EF7D00 !important;
}

.myportfolio-container.minimal-light ul.mainul li .esg-entry-cover .esg-bottom a:before {
    display: none;
}

/*
 * ESSENTIAL GRIDS - NAVIGATION BUTTONS
 */

@media only screen and (max-width: 768px) {
    .myportfolio-container.minimal-light article.esg-filters.esg-singlefilters .esg-navigationbutton.esg-left {
        left: -30px;
        top: 0;
    }
    
    .myportfolio-container.minimal-light article.esg-filters.esg-singlefilters .esg-navigationbutton.esg-right {
        right: -30px;
        top: 0;
    }
}

/*
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right {
    height: 34px;
    width: 34px;
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton > i,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton > i {
    font-size: 16px;
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton > i:before,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton > i:before {
    background-color: #EF7D00;
    border: 1px solid #111111;
    color: #111111;
    height: 34px;
    width: 34px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton:hover > i:before,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton:hover > i:before {
    background-color: #111111;
    border: 1px solid #EF7D00;
    color: #EF7D00;
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	   -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton:hover,
.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton:hover {
    transform: scale(1.02);
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-left .esg-navigationbutton {
    left: -30px;
}

.myportfolio-container.minimal-light article.esg-filters.esg-singlefilters.esg-navbutton-solo-right .esg-navigationbutton {
    right: -30px;
}
*/


/*
 * EVALUATION FORM
 */

@media only screen and (min-width: 768px) {
    .gr-evaluation-form .gr-half {
        box-sizing: border-box;
        float: left;
        margin-right: 3px;
        width: calc( 50% - 3px );
    }
}

.gr-evaluation-form label input,
.gr-evaluation-form label select,
.gr-evaluation-form label textarea {
    border-radius: 3px;
    color: #eeeeee !important;
    font-size: 1em !important;
    max-width: 100%;
    padding: 10px 15px;
    width: 100%;
}

.gr-evaluation-form input.wpcf7-submit {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 15px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.gr-evaluation-form input.wpcf7-submit:disabled {
    background: #EF7D00 !important;
    color: #eeeeee !important;
    opacity: 0.6;
}

.gr-evaluation-form input.wpcf7-submit:hover {
    background-color: #141618 !important;
    color: #eeeeee !important;
    transform: scale(1.012);
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	   -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.gr-evaluation-form > p label span {
    margin-bottom: 0 !important;
}


/*
 * FONTS
 */

@font-face {
    font-family: Revolution;
    src: url(./fonts/revolution.ttf);
}


/*
 * HEADER
 */

header.top_panel_wrap div.logo {
    margin: 0.3rem 0 0.1rem 0;
}

header.top_panel_wrap .logo_slogan {
    display: none !important;
}

div.header_mobile .logo_slogan {
    display: none !important;
}

div.header_mobile img.logo_main {
    height: 60px;
}


/*
 * PRODUCT'S CONTACT FORM
 */

.gr-buy-form {
    background-color: #eeeeee;
    border-radius: 10px;
    margin: 15px 0;
    max-width: 330px;
    padding: 15px 15px 0 15px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.gr-buy-form:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	   -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.gr-buy-form header {
    background: #EF7D00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: -15px -15px 15px -15px;
    padding: 15px;
}

.gr-buy-form header h3 {
    color: #eeeeee;
    font-size: 1.6rem !important;
    margin: 0 !important;
}

.gr-buy-form header h3:before {
    content: "\e8f6";
    font-family: fontello;
    margin-right: 10px;
}

.gr-buy-form > p {
    color: #111111;
    margin-bottom: 15px !important;
}

.gr-buy-form > p:last-child {
    margin-bottom: 0;
}

.gr-buy-form > p label input,
.gr-buy-form > p label select,
.gr-buy-form > p label textarea {
    background-color: #141618 !important;
    border-radius: 3px;
    color: #eeeeee !important;
    font-size: 1em !important;
    max-width: 100%;
    padding: 10px 15px;
    width: 100%;
}

.gr-buy-form span.wpcf7-list-item-label {
    color: #111111;
}

.gr-buy-form input.wpcf7-submit {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 15px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.gr-buy-form input.wpcf7-submit:disabled {
    background: #EF7D00 !important;
    color: #eeeeee !important;
    opacity: 0.6;
}

.gr-buy-form input.wpcf7-submit:hover {
    background-color: #141618 !important;
    color: #eeeeee !important;
    transform: scale(1.012);
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	   -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.gr-buy-form > p label span {
    margin-bottom: 0 !important;
}


/*
 * PRICING
 */

.gr-price-wrapper {
    color: #eeeeee;
    font-size: 1.3em;
}

.gr-price-wrapper .price .woocommerce-Price-amount.amount {
    color: #EF7D00;
    font-size: 1.3em;
    font-weight: 900;
    padding: 0;
}


/*
 * PRIVACY POLICY
 */

@media only screen and (max-width: 600px) {
    .cc-window.cc-floating.cc-type-opt-out.cc-theme-.cc-bottom {
        padding: 10px !important;
    }

    .cc-window.cc-floating.cc-type-opt-out.cc-theme-.cc-bottom .cc-message {
        font-size: 14px;
        line-height: 16px;
        margin: -25px 0 2px 0;
    }

    .cc-window.cc-floating.cc-type-opt-out.cc-theme-.cc-bottom a.cc-btn {
        line-height: 22px;
        margin: 0 !important;
        padding: 3px;
    }

    .cc-window.cc-floating.cc-type-opt-out.cc-theme-.cc-bottom a.cc-link {
        margin: 0 0 2px 0;
        padding: 0;
    }
}


/*
 * SOCIAL
 */

.sc_socials_item a {
    background-color: #EF7D00 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.sc_socials_item a:hover {
    transform: scale(1.04);
}

.sc_socials_item a span {
    color: #eeeeee;
}


/*
 * TEXT STYLES
 */

h1, h2, h3, h4, h5, h6 {
    font-family: Revolution !important;
}

.gr-bold {
    font-weight: 600 !important;
}

.gr-normal {
    font-weight: 400 !important;
}

.gr-thin {
    font-weight: 200 !important;
}


/*
 * TEXT COLORS
 */

.gr-primary {
    color: #EF7D00;
}

a.gr-primary:hover {
    color: #F0AA00;
}