/*
Theme Name: Blender Store
Theme URI: http://codestag.com/themes/crux
Description: Child theme for Blender Store customisations of Crux.
Version: 1.0
Author: Sybren
Author URI: https://store.blender.org/
Template: crux
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url('../crux/style.css');

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/

/* remove the black header bar, without having to copy-and-edit Crux
 * PHP files. */
header.subheader {
    display: none;
    visibility: hidden;
}

/* Styling of the payment gateway options on the checkout page. */
.checkout .form-row input[type='checkbox'],
.checkout .form-row input[type='radio'] {
    /* WooCommerce includes style="width: auto" in the element itself,
     * but forgot that their own CSS includes "!important", so the
     * element-level styling doesn't override the CSS. Hence, we
     * include a "!important" here. Also them setting a min-width of
     * 100px doesn't help. */
    width: auto !important;
    min-width: auto;
    margin-right: 0.3em;
}

div.payment_box .button {
    font-size: smaller;
    padding: 0.5em;
}

div.payment_box label {
    font-size: 12pt;
    text-transform: none;
    font-family: inherit;
}

li.wc_payment_method > label {
    color: black;
    width: 100%;
}

/* Hide the "card type" image for PayPal accounts; it's way too small
 * to be recognisable anyway. */
label.sv-wc-payment-gateway-payment-form-saved-payment-method[for^="wc-braintree-paypal-"] img {
    display: none;
}

/* The original styling used content: "●" to add a circle in a checked
 * radio button. This didn't render consistently on all browsers, so I
 * replaced it by simply setting a lighter orange as background colour
 * (so dark gray = unselected, light orange = selected). */
.payment_methods .input-radio:checked + label:before {
    content: "" !important;
    background-color: #ffd080;
}

/* correctly line up credit card icons */
li.wc_payment_method > label img.wc-braintree-credit-card-payment-gateway-icon {
    padding: 0;
}

/* Frontpage Header */
/* Unset 'uppercase' text-transform from text on slides */
.widget {
    text-transform: initial;
}

/* Top navigation links to use condensed font */
.main-navigation a {
    font-family: "BebasNeue";
    font-size: 1.4em;
}

/* Blur the background image on pages */
.backstretch img {
  filter: blur(40px);
}