/*
Theme Name: Popcorn FSE
Author: Phil Lankester, Alex Cooper, Carl Broadbent
Author URI: https://popcorntheme.com
Theme URI: https://popcorntheme.com/product/popcorn-theme/
Tags: full-site-editing
Text Domain: popcorn-fse
Requires at least: 5.9
Requires PHP: 7.4
Tested up to: 6.1
Version: 0.2.0
Description: This is the Full Site Editor of Popcorn Theme. Inspired by the original design, but allows you to edit everything, Gutenberg plugin is required!
*/

/* 

Rendered Variables
    Colors
        Primary Color       var(--wp--preset--color--primary)
        Secondary Color     var(--wp--preset--color--secondary)
        Tertiary Color      var(--wp--preset--color--tertiary)
        Quarternary Color   var(--wp--preset--color--quaternary)
        quinary Color       var(--wp--preset--color--quinary)
        Senary Color        var(--wp--preset--color--senary)
    Fonts
        System              var(--wp--preset--font-family--system-fonts)
        Arial               var(--wp--preset--font-family--arial)
        Arial Black         var(--wp--preset--font-family--arial-black)
        Verdana             var(--wp--preset--font-family--verdana)
        Helvetica           var(--wp--preset--font-family--helvetica)
        Impact              var(--wp--preset--font-family--impact)
        Tahoma              var(--wp--preset--font-family--tahoma)
        Trebuchet           var(--wp--preset--font-family--trebuchet-ms)
        Times New Roman     var(--wp--preset--font-family--times-new-roman)
        Didot               var(--wp--preset--font-family--didot)
        Georgia             var(--wp--preset--font-family--georgia)
        Garamond            var(--wp--preset--font-family--garamond)
        Andale              var(--wp--preset--font-family--andale-mono)
        Courier New         var(--wp--preset--font-family--courier-new)
        Brush Script MT     var(--wp--preset--font-family--brush-script-mt)
    Font Sizes
        Extra Small         var(--wp--preset--font-size--xs)
        Small               var(--wp--preset--font-size--s)
        Medium              var(--wp--preset--font-size--m)
        Large               var(--wp--preset--font-size--l)
        Extra Large         var(--wp--preset--font-size--xl)
        Extra Extra Large   var(--wp--preset--font-size--xxl)
*/

/* Usable Classes */
.pop-shadow {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}

.pop-full-height {
    height: 100%;
}

@media only screen and (max-width: 500px) {
    .pop-stacked-header-logo img {
        max-width: 75vw;
        height: auto;
    }
  }
.pop-inline-header-navigation .wp-block-navigation-item a {
    padding: 0.8rem 1.6rem;
    transition: 0.3s;
}
.pop-stacked-header-navigation .wp-block-navigation-item a {
    padding: 0.8rem 1.6rem;
    transition: 0.3s;
}

.pop-stacked-header-navigation .wp-block-navigation-item a:hover {
    color: var(--wp--preset--color--primary);
}

.pop-inline-header-navigation .wp-block-navigation-item a:hover {
    color: var(--wp--preset--color--primary);
}

.pop-post-comments {
    padding: 1rem;
}

.pop-navigation-menu {

}

@media screen and (max-width: 600px) {
    .wp-block-navigation__responsive-dialog > button > svg,
    .pop-navigation-menu > button > svg {
        width: 32px;
        height: 32px;
    }

    .wp-block-navigation-item {
        padding: 1em !important;
    }
    .pop-navigation-menu > .wp-block-navigation__responsive-container .has-child .wp-block-navigation-item {
        padding: 1em;
    }
    .wp-block-navigation__container {
        gap: 0 !important;
    }

    .wp-block-navigation__responsive-dialog {
        margin-top: 0 !important;
    }

    .wp-block-navigation__responsive-container-content {
        padding-top: 1em !important;
    }

    .wp-block-navigation__responsive-container-content .has-child {
        padding-bottom: 0 !important;
    }

  }