/*
    Theme Name: MAGU CBD
    Version: 2.0
    Author: Jake
    Description: Magu CBD GmbH Theme Version 2.0
*/

html, body {
    height: 100%!important;
    margin: 0!important;
    color: #303030!important;
}

#wrapper {
    min-height: 100%;
    position: relative;
}
#footer {
    position: relative;
    bottom: 0;
    width: 100%;
}
/* last minute fix... */
.blockUI, .blockOverlay, .blockElement {
    display: none!important;
}
.blockUI {
    display: none!important;
}

/*
    category view variations add to cart
    @TODO: Probably needs specific mobile styling...
*/
ul.products li.product table.variations td.label {
    vertical-align: text-top;
}
ul.products li.product table.variations td.value select {
    margin-left: 5px;
}
ul.products li.product div.single_variation_wrap {
    min-height: 57px;
}
ul.products li.product div.single_variation_wrap div.woocommerce-variation div.woocommerce-variation-description p {
    margin-bottom: 5px!important;
}
/* hide a bunch of clutter */
ul.products li.product a.product_type_variable,
ul.products li.product table.variations td.value a.reset_variations,
ul.products li.product div.single_variation_wrap div.woocommerce-variation-availability,
ul.products li.product div.single_variation_wrap div.woocommerce-variation-price,
ul.products li.product div.single_variation_wrap div.woocommerce-variation div.woocommerce-variation-description {
    display: none!important;
}
/* quantity selector */
ul.products li.product div.woocommerce-variation-add-to-cart button,
.related li.product div.woocommerce-variation-add-to-cart button{
    margin-top: 0!important;
}


.variations_form .variations select {
    width: 75%;
}

table.variations {
    width: 100%;
}
.login button {
    padding: 0 12px 2px;
}

/* quick fix for language flags accessibility */
.content .row {
    position: relative!important;
    z-index: 80!important;
}

.menu_primary li .menu-item-5269 {
    display: none;
}

span.wholesale_price_title {
    display: none;
}

form .woocommerce-shipping-calculator p {
    margin-bottom: 0!important;
}

.related ul.products li.product div.single_variation_wrap {
    min-height: 0!important;
}

.page-id-4924 .main-content  {
    margin: 0 auto;
    width: 390px;
}

/* woo wholesale fixes */

/* login form */
#wwlc-login-form .register_link {
    font-weight: bold;
}
#wwlc-login-form .lost_password_link,
#wwlc-login-form .lost_password_link a,
#wwlc-login-form .lost_password_link a:hover {
    color: grey;
}
/* register form */

.page-id-4923 .main-content h1 {
    text-align: center;
}

.page-id-4923 #wwlc-registration-form {
    width: 340px!important;
    margin: 0 auto;
}

#wwlc-registration-form .select2 {
    width: 224px!important;
    min-width: 224px!important;
}
/* fix shitty button text display */
#wwlc-register {
    line-height: 0!important;
}
/* hide login / forgot password fields on registration form */
#wwlc-registration-form #log-in,
#wwlc-registration-form #lost-password {
    display: none!important;
}

/* woo wholesale fixes end */

/* bootstrap v ? override deu to missing files...
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../inc/fonts/glyphicons-halflings-regular.eot');
    src: url('../../inc/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../inc/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../inc/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../inc/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../inc/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*@TODO MOBILE !!!!!*/

.added_to_cart {
    display: none!important;
}
.loggedInPopup {
    width: 152px!important;
    right: 84px!important;
    top: -1px;
}

/* some single product stying fixes */
.single-product table.variations .quantity,
.single-product table.variations select.variation_selector,
.related table.variations .quantity,
.related table.variations select.variation_selector {
    display: inline-block!important;
}
.single-product div.product .variations select,
.related table.variations select {
    max-width: none!important;
    min-width: 0!important;
    width: 190px!important;
}
.single-product div.product form.cart .variations .quantity,
.related table.variations .quantity {
    width: 50px!important;
}

.main-content #wwof_product_listing_table tr {
    border-bottom: solid 1px lightgrey;
}
#wwof_product_listing_table .product_stock_quantity_col {
    vertical-align: bottom!important;
}
.product span.price del,
.product span.price ins {
    display: inline-block!important;
}
.woocommerce div.product form.cart .variations select {
    margin-right: 0!important;
}

/* footer wholesale link */
.footer-navigation .menu-item-5364 {
    font-weight:bold;
}

/* category view variations stuff */

/* does not appear in frontend? */
/*.variations div .quantity,*/
/*.variations select .variation_selector{*/
    /*display: inline-block!important;*/
/*}*/

.shipping-notice {
    font-weight: bold;
    color: #93383b;
}

.variations .value .quantity,
.variations .value .variation_selector {
    display: inline-block!important;
}

div .quantity {
    width: 20%;
    line-height: 20px!important;
}
div .quantity input {
    width: 50px!important;
}

select .variation_selector {
    width: 75%!important;
}

#wwof_product_listing_table td.product_row_action {
    width:120px;
}

.woocommerce-shipping-calculator p {
    margin-bottom: 0!important;
}

/* News Posts */
body.category-news div.main-content {
    border: solid 1px #303030;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    margin-top: 50px;
}

.loginPopup {
    border: solid 1px #c1c1c1;
    border-top: none;
    /* @TODO: what happened with the border? */
}
.loginPopup .userMenu li {
    list-style: none!important;
    font-size: 20px;
    font-weight: bold;
}

/* checkout page checkboxes fix */
#ship-to-different-address input {
    top: 0!important;
    left: 0!important;
}

.wc-terms-and-conditions label {
    padding-left: 15px;
}
.wc-terms-and-conditions .checkbox {
    display: inline!important;
}
.wc-terms-and-conditions input {
    margin: 10px 0 0 -20px!important;
}
#slider_container .slick-slide.theme_dark .button {
    background-color: #93383b!important;
}


/* remove bracket vat text if exists */
.woocommerce #order_review small.tax_label,
.woocommerce .cart_totals small.tax_label {
    display: none!important;
}


/*@TODO*/
.warenkorb-svg {
    height: 40px!important;
    width: 40px;
    margin: 10px;
}


/* @TODO MOBILE VERSIONS */
@media only screen and (max-device-width: 1080px){



}
/* @TODO MOBILE VERSIONS */
@media only screen and (max-device-width: 800px){

    .cart_menu .go_to_cart span {
        padding: 14px 14px 14px 20px!important;
    }
    .cart_menu {
        right: -10px!important;
        top: 3px!important;
    }

    .home .content .row:first-child {
        min-height: 360px !important;
    }
    .home .content .row:first-child .blocktile {
        display: none!important;
    }
    .home .content .row:first-child .texttile {
        padding-top: 10px;
    }

    /* @TODO fix first tile (slider) */
    .home #sliding_thing {
        height: 350px!important;
    }
    .home #sliding_thing .bg-container {
        background-size: 183%!important;
        height: 300px!important;
    }

}

/* @TODO  DESKTOP VERSION */
@media only screen and (min-device-width: 800px) {
    .cart_menu {
        right: 20px!important;
        top: -8px!important;
    }
    .cart_menu .go_to_cart span {
        padding: 12px!important;
    }
    .header_my_account .button {
        font-weight: lighter !important;
        color: black !important;
        background-color: white !important;
        border: none!important;
        padding: 15px 20px !important;
        font-size: 16px!important;
    }
    .header_my_account .button:hover {
        font-weight: 400!important;
        background: #fff!important;
    }
    .home .blocktile {
        height: 900px!important;
    }
    .home .tile-container {
        max-width: 500px!important;
        margin-top: 130px!important;
    }

}

/* @TODO MOBILE VERSION */
@media only screen and (max-device-width: 425px) {
    .header_my_account {
        top: -25px!important;
        right: 10px!important;
        width: 100px!important;
        height: 20px!important;
        z-index: 0;
        display: none!important;
    }
    .header_my_account .pinned {
        top: 0!important;
    }
    .header_my_account input {
        position: relative;
        height: 35px!important;
        width: 95px!important;
        font-weight: normal!important;
        font-size: 12px!important;
        padding: 5px!important;
        z-index: 0;
    }
    .loginPopup {
        display: none !important;
        top: 30px !important;
    }

    .tile:first-child {
        height: inherit;
        min-height: 720px!important;
    }
    .blocktile, .texttile {
        height: 50% !important;
    }


    .home .content {
        margin-top: -50px!important;
    }

    /* @TODO fix cut off home tile */
    .home .content .row:nth-child(2),
    .home .content .row:nth-child(3) {
        height: 700px!important;
    }

}

/* aka iphone 5 */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    .header_my_account {
        display: none!important;
    }
   

    /* directly add variations */
    .single-product div.product form.cart .variations .quantity,
    .related table.variations .quantity {
        width: 20px!important;
    }

    .single-product div.product .variations select ,
    .related table.variations select {
        width: 100%!important;
    }

    select.variation_selector {
        margin-left: 0!important;
    }

    ul.products li.product div.single_variation_wrap,
    .related li.product div.single_variation_wrap {
        min-height: 0 !important;
    }

    /**/
    .woocommerce div.product form.cart .variations {
        margin-bottom: 1px!important;
    }
    /* maybe better block instead of inline */
    .variations {
        display: block;
        height: 100px;
    }
    .variations .value .quantity,
    .variations .value .variation_selector {
        display: block!important;
    }
    .variations .value .quantity {
        margin-bottom: 5px;
    }

}

@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4) {
   
    /* directly add variations */
    .single-product div.product form.cart .variations .quantity,
    .related table.variations .quantity {
        width: 20px!important;
    }
    .single-product div.product .variations select,
    .related table.variations select {
        width: 100%!important;
    }
    select.variation_selector {
        margin-left: 0!important;
    }
    ul.products li.product div.single_variation_wrap,
    .related li.product div.single_variation_wrap {
        min-height: 0 !important;
    }
    .woocommerce div.product form.cart .variations {
        margin-bottom: 1px!important;
    }
    /* maybe better block instead of inline */
    .variations {
        display: block;
        height: 100px;
    }
    .variations .value .quantity,
    .variations .value .variation_selector {
        display: block!important;
    }
    .variations .value .quantity {
        margin-bottom: 5px;
    }

}

/* My Account Button */
/* move styles to new nav*/
.header_my_account {
    z-index: 5;
    position: relative;
    top: -80px;
    right: 70px;
    float: right;
    height: 48px;
    width: 154px;
    transition: all 500ms;
}

.header_my_account input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pinned .login {
    margin: 0!important;
}

.pinned .header_my_account {
    top: -88px!important;
}
.pinned .header_my_account input {
    padding: 5px 20px!important;

}
.header_my_account input {
    padding: 10px 20px !important;
}

/* Login Popup */
.loginPopupHidden {
    display: none!important;
}
.loggedInPopup {
    width: 152px!important;
    right: 84px!important;
    top: -1px;
}
.loginPopup {
    position: absolute;
    padding: 10px 10px;
    background: #fff;
    z-index: 999;
    right: 20px;
    width: 260px;
    min-height: 300px;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    transition: all 500ms;
}
.loginPopup input {
    margin: 0 0 10px 0 !important;
}
.loginPopup .button {
    padding: 10px 20px!important;
}
.loginPopup p {
    margin-bottom: 0!important;
}

/*WOOCOMMERCE OVERRIDES*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    /*..*/
    min-height: 439px;
}
.main-content #wwof_product_listing_table tr {
    /*..*/
    height: 80px!important;
}

.woocommerce-error {
    padding-left: 50px;
}