/*
Theme Name: BRM 2022
Theme URI:
Author: Elliot Toman
Author URI: https://www.ltlmtn.com
Description: Custom theme for Bottle Rocket Media
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@import url('assets/css/fonts.css');
@import url('assets/css/legacy.css'); /* Styles inherited from previous theme */
@import url('assets/css/lightbox.css');

:root {
    --charcoal: #292929;
    --gray: #4C4942;
    --taupe: #BEB7A4;
    --red: #CC2000;
    --crimson: #FF2800;
    --orange: #FF7F11;
    --off-white: #EDEDED;
    --primary: 'Interstate', sans-serif;
    --heading: 'Interstate', sans-serif;
    --secondary: 'Museo Sans', sans-serif;
    --copy: 'Museo Sans', sans-serif;
    --desktop: 80rem;
    --tablet: 50rem;
    --mobile: 30rem;
    --page: 55rem;

}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

.asw .has-white-color { color: white; }
.asw .has-white-background-color { background-color: white; }
.asw .has-black-color { color: black; }
.asw .has-black-background-color { background-color: black; }
.asw .has-charcoal-color { color: var(--charcoal); }
.asw .has-charcoal-background-color { background-color: var(--charcoal); }
.asw .has-gray-color { color: var(--gray); }
.asw .has-gray-background-color { background-color: var(--gray); }
.asw .has-taupe-color { color: var(--taupe); }
.asw .has-taupe-background-color { background-color: var(--taupe); }
.asw .has-red-color { color: var(--red); }
.asw .has-red-background-color { background-color: var(--red); }
.asw .has-orange-color { color: var(--orange); }
.asw .has-orange-background-color { background-color: var(--orange); }

/* Full width video embeds */
.is-type-video .wp-block-embed__wrapper {
    height: 0;
    padding-top: 60%;
    position: relative;
    width: 100%;
}

.is-type-video .wp-block-embed__wrapper iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

@media screen and ( max-width: 781px ) {
    .asw .wp-block-columns {
        display: block;
    }

    .asw .wp-block-column {
        margin-bottom: 1rem;
    }
}

@media screen and ( min-width: 600px ) and ( max-width: 781px ) {
    .asw .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
}