/**/
/*
    Theme Name: Oxygen Child
    Theme URI: http://meyerdev.ch/child-themes/
    Description: Oxygen &ndash; is a WooCommerce theme, built exclusively for online shopping and offers great variety of options to customize the look and feel of the theme via theme options panel. Activate it and let the fun begin. You can find us on:  <a href="http://themeforest.net/user/laborator">Envato</a>, <a href="https://twitter.com/thelaborator">Twitter</a> or <a href="https://www.facebook.com/laboratorcreative">Facebook</a>.
    Author: meyerdev.ch
    Author URI: http://meyerdev.ch/
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Template: oxygen
    Version: 2.0
*/

/* Style général */
.mgc-accent-color {
    color: #7f6700;
}

.mgc-accent-color2 {
    color: #e96800;
}

.mgc-accent-color-vivid {
    color: #f00;
}

label {
    cursor: pointer;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.justify,
.justify-except-headings,
.justify-except-headings p {
    text-align: justify;
}

.justify-except-headings h1,
.justify-except-headings h2,
.justify-except-headings h3,
.justify-except-headings h4,
.justify-except-headings h5,
.justify-except-headings h6 {
    text-align: left;
}

.mgc-full-width {
    width: 100%;
}

.white {
    color: #fff;
}

.fullwidth-image {
    width: 100%;
}


/* +/- buttons */
.quantity input[type=button],
.quantity input[type=button]:focus {
    background: ;
}

.coupon input[type="submit"], 
.coupon input[type="submit"]:focus {
    background: ;
}


/* coupon buttons */
table.cart.coupon {
    margin-top:10px;
}

.quantity input.qty,
.quantity input[type=button]:hover,
.quantity input[type=button]:active {
    background: ;
}

.coupon  input[type=submit]:hover,
.coupon  input[type=submit]:active {
    background: ;
}


/* Buttons */
.btn.btn-block {
    border-radius: 5px;
    /*padding: 3px 10px;*/
    
    /*text-transform: none;*/
}

.comments .form-submit #submit,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button:visited,
.woocommerce-button.button,
.woocommerce-button.button:visited,
.btn.btn-default,
.btn.btn-default:visited,
.btn-primary,
.btn-primary:visited,
.woocommerce-MyAccount-content a.btn,
.woocommerce-MyAccount-content a.btn:visited {
    border-radius: 5px;
    background: #968265;
    /* background: linear-gradient(#bba27a, #7f6700); */
    color: #fff;
    /*padding: 3px 10px;*/
    /*ext-transform: none;*/
}

.comments .form-submit #submit:hover,
.comments .form-submit #submit:active,
.comments .form-submit #submit:focus,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button:hover,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button:active,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button:focus,
.woocommerce-button.button:hover,
.woocommerce-button.button:active,
.woocommerce-button.button:focus,
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.woocommerce-MyAccount-content a.btn:hover,
.woocommerce-MyAccount-content a.btn:active,
.woocommerce-MyAccount-content a.btn:focus {
    background: #766245;
    /* background: linear-gradient(#bba27a, #5f4700); */
    color: #fff;
    outline: none;
}


a.btn,
a.button,
input.btn,
.button.btn.btn-default {
    /* border-radius: 100px; */
    border-radius: 5px;
    transition: background .2s;
    /*padding: 3px 10px;*/
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background: #766245;
}

.mgc-btn-large {
    padding: 10px;
}




.header-cart .cart-items .cart-item > a img {
    width:auto;
}

/* MODAL WINDOW (JQUERY) */
.ui-dialog {
    border-radius: 5px;
}
.ui-dialog .ui-dialog-titlebar {
    color:#fff;
    background-color: #968265;
    
    border-radius: 5px 5px 0px 0px;
    margin: 3px 3px 0px;
}
.ui-dialog .ui-dialog-title {
    
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    margin-right: 10px;
    margin-top: 10px;
    height: 20px;
    width: 20px;
}

.ui-dialog .ui-dialog-titlebar-close::before {
    line-height: 16px;  
    color:#000;
    font : 400 16px/1 dashicons;

    width: 7px;
    height: auto;

    position: absolute;
    display: block;

    right: 50%;
    top: 0px;
}

.ui-dialog .mgc-login-box {
    margin-bottom:0px;
}

/** 
 * Login MGC -----------------------------------------
 */
.mgc-login-form {
	text-align:center;
}

.mgc-login-form .mgc-login-box {
	display:inline-block;
}

/* Facebook Login Button */
a.css-fbl > div {
    height: auto;
    text-align: center;
}

a.css-fbl.fbl-loading,
a.css-fbl.fbl-loading:hover {
    padding-right: 32px;
}

.css-fbl.fbl-loading img {
    top: 21%;
}

a.css-fbl,
a.css-fbl:hover {
    display: inline-block;
    padding-right: 20px;
    border-radius: 5px;
    background-size: 15px 15px, cover;
    background-position: 20px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    width: 100%;
}

/**
 * FORMULAIRE
 */
 /*.form-control,*/
 /*.cart-env .coupon-env input[name="coupon_code"] {
    height:27px;
}*/

/**
 * MY ACCOUNT ------------------------------------------------------------------
 */
.woocommerce-MyAccount-content .order-info.woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-info {
    border-color: #968265;
    background-color: #968265;
    border-radius: 5px;
    line-height: 35px;
}

.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button {
    margin-right: 10px;
    border-radius: 5px;
}

.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button:hover,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button:active,
.laborator-woocommerce .myaccount-env .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button:focus {
    background-color: #000;
    color: #fff;
}

.woocommerce-MyAccount-content .order-info.woocommerce-info mark {
    background: #766245;
    color: #ffff00;
    padding: 1px 5px;
    border: 1px solid #5f4700;
    margin-left: 1px;
    margin-right: 1px;
}

/**
 * SECTION MESSAGE SUCCESS/INFO/WARNING
 */
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-success .button {
    float: left;
}

.woocommerce ul.woocommerce-success {
    /*margin-top: 50px;*/
    background-color: #968265;
}

.woocommerce-checkout .woocommerce .woocommerce-success {
    background-color: #968265;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-success,
.woocommerce ul.woocommerce-success,
.woocommerce ul.woocommerce-error {
    border-radius: 5px;
}

.woocommerce ul.woocommerce-success > li,
.woocommerce ul.woocommerce-error > li {
    line-height: 37px;
}

.woocommerce ul.woocommerce-success > li a.button.wc-forward,
.woocommerce ul.woocommerce-error > li a.button.wc-forward {
    border-radius: 5px;
    border: 2px solid #000;
    padding: 8px 15px;
    margin-right: 10px;
    background-color: #000;
    color: #fff;
    transition: background .2s, color .2s, border-color .2s;
    text-decoration: none;
}

.woocommerce ul.woocommerce-success > li a.button.wc-forward:hover,
.woocommerce ul.woocommerce-success > li a.button.wc-forward:active,
.woocommerce ul.woocommerce-error > li a.button.wc-forward:hover,
.woocommerce ul.woocommerce-error > li a.button.wc-forward:active {
    background-color: #766245;
    border-color: #766245;
    color: #fff;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

/**
 * CHECKOUT -----------------------------------------------------------------
 */
/* Input and text 'Condition général de vente' (overide oxygen.css) */
.woocommerce .form-row.terms label {
    padding-left: 21px;
}


/**
 * Affichage des étoiles sans devoir passer dessus avec la souris
 */
.laborator-woocommerce .items .product .image .rating {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
} 

/**
 * BLOG PAGE ------------------------------------------------------------
 */
.blog .single_post .post-content img.mgc-heading-picture {
	display:inline;
}

/**
 * MENU TOP --------------------------------------------------------------
 */
.oxygen-top-menu > .wrapper > .top-menu > .main .tl-header {
    padding: 0;
}

.oxygen-top-menu>.wrapper>.main {
    padding-top: 0;
}

/**
 * Logo de la barre du menu.
 */
.oxygen-top-menu > .wrapper > .top-menu > .main .tl-header .logo.logo-image {
    position: relative;
    top: 40px;/*165px;*/
    z-index: 9999;
    padding: 0;
    width: 210px;
}

/**
 * Logo de la barre du menu (scrolled).
 */
.oxygen-top-menu.ht-3 > .wrapper > .top-menu.sticky-header > .main .tl-header .logo.logo-image {
    top: 0px
}

.oxygen-top-menu.ht-3 > .wrapper > .top-menu.sticky-header > .main .tl-header .logo.logo-image img {
    max-height: 75px;
    width: auto;
}

.header-menu-spacer {
    background-color: #F8F6F7;
}

/* Slogan */
.mgc-slogan {
    margin-left: 276px;
    margin-bottom: 10px;
    font-size: 1.4em;
    position:absolute;
    bottom:0px;
}

.mgc-slogan .btn {
    margin-bottom: 0px;
}

.mgc-slogan.woocommerce {
	width:800px;
	top: 160px;
	left: 260px;
}

.mgc-slogan.woocommerce .woocommerce-error,
.mgc-slogan.woocommerce .woocommerce-message,
.mgc-slogan.woocommerce .woocommerce-success {
    position: absolute;
    top: 43px;
    z-index: 1000;
    width: 100%;
    text-align: center;
}

/**
 * Logo de la barre du menu (scrolled).
 */
.sticky-header .mgc-slogan {
    display: none;
}

/**
 * FOOTER MGC ------------------------------------------------------------
 */
 
/*
    THIS IS THE RULE
    THAT HAPPENED TO
    BE FUCKING ME UP
    FOR THREE OF THE
    LONGEST HOURS IN
    MY GODDAMN LIFE!
*/
footer .footer_main .copyright_text {
    position: static;
}



.mgc-footer {
    max-width: 1200px;
    margin: 60px auto 0 auto;
    position: relative;
    padding: 0 15px;
    color: #444;
}

.mgc-footer h4,
.mgc-footer .vc_separator h4 {
    font-size: 177%;
}



.mgc-footer2 {
    margin-top: 35px;
}

.mgc-footer2 .wpb_text_column {
    margin-bottom: 10px;
}

.mgc-footer2 h5 {
    font-size: 16px;
}

.mgc-footer2 .mgc-footer-menu {
    margin-bottom: 0;
}

.mgc-footer2 .mgc-footer-menu ul.menu {
    display: block;
}

.mgc-footer2 .mgc-footer-menu ul.menu {
    padding: 0;
    margin: 0;
}

.mgc-footer2 .mgc-footer-menu ul.menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.mgc-footer2 .mgc-footer-menu ul.menu li a:hover,
.mgc-footer2 .mgc-footer-menu ul.menu li a:active,
.mgc-footer2 .mgc-footer-menu ul.menu li a:focus {
    font-weight: bold;
}

.mgc-footer2 .mgc-footer-menu ul.menu li a::after {
    content: " \00b7";
    color: #444;
    font-weight: normal;
}

.mgc-footer2 .mgc-footer-menu ul.menu li:last-of-type a::after {
    content: "";
}

.footer-env hr.divider {
    margin-top: 0;
}

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

    .mgc-slogan {
        margin-right: 45px;
    }

	.mgc-slogan.woocommerce {
    	width:auto;
    	z-index:10000;
    	top: 0px;
        left: 0px;
        bottom: 0px;
    }
    
    .mgc-slogan.woocommerce .woocommerce-error, 
    .mgc-slogan.woocommerce .woocommerce-message, 
    .mgc-slogan.woocommerce .woocommerce-success {
        position: initial;
        /*top: 85px;
        width: auto;*/
	}
    
}

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

    .mgc-slogan {
        margin-left: 0px;
		margin-right: 0px;
		margin-top: 30px;
        position: relative;
    }
	
}

@media screen and (max-width: 767px) {
    .mgc-footer2,
    .mgc-footer2 .wpb_single_image.vc_align_left {
        text-align: center;
    }

    .mgc-footer2 .mgc-footer-menu ul.menu li {
        display: block;
        margin-bottom: 5px;
    }

    .mgc-footer2 .mgc-footer-menu ul.menu li a::after {
        content: "";
    }
}