/*
Theme Name: CPW 2024
Theme URI:
Author: Elliot Toman
Author URI: https://www.asubtleweb.com
Description: Custom theme for CPW, Updated 2024
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@import url("https://use.typekit.net/auw7hew.css");

:root {
    --serif: 'freight-text-pro', serif;
    --sans-serif: 'freight-sans-pro', sans-serif;
    --cyan: #00AFF0;
    --magenta: #DE78AA;
    --yellow: #FFFF73;
    --gray-1: #969696;
    --gray-2:  #646464;
    --page-width: 1280px;
}

* {
    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-cyan-color { color: var(--cyan); }
.asw .has-cyan-background-color { background-color: var(--cyan); }
.asw .has-magenta-color { color: var(--magenta); }
.asw .has-magenta-background-color { background-color: var(--magenta); }
.asw .has-yellow-color { color: var(--yellow); }
.asw .has-yellow-background-color { background-color: var(--yellow); }
.asw .has-gray-1-color { color: var(--gray-1); }
.asw .has-gray-1-background-color { background-color: var(--gray-1); }
.asw .has-gray-2-color { color: var(--gray-2); }
.asw .has-gray-2-background-color { background-color: var(--gray-2); }

/* 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%;
}

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
}

@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;
    }
}