/*
Theme Name: tbcparent
Theme URI:  http://thebuildcollective.net
Author: Jeremy Schuler | The Build Collective
Author URI: http://jeremyschuler.com
Description: Hi. This is a custom theme for Romanek Design Studio based on our starter theme  _tbcparent. We've created this as a foundation to help develop clean and modern websites. Our theme leverages WordPress' native Gutenberg block editor to create an open canvas for designing beautiful layouts.  
Version: 1.3
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tbcparent
Tags: entertainment, food-and-drink, grid-layout, one-column, two-column, three-columns, four-columns, block-patterns, block-styles, custom-colors. custom-logo, editor-style, full-width-template, wide-blocks, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tbcparent is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
		Last Updated 05.11.2021 - Schuler 
----------------------------------------------------------------
1.0  # Normalize 8.0.1
2.0  # Typography
3.0  # Elements
4.0  # Forms
5.0  # Navigation
    ## Links
    ## Menus
6.0  # Accessibility
7.0  # Alignments
8.0  # Widgets
9.0 # Content
    ## Posts and pages
    ## Comments
10.0 # Media
    ## Captions
    ## Galleries
11.0 # Author Styles
	## Color Variables and Helper Classes
    ## Typography
    ## Layout, CSS Grid
    ## Content
    ## Page Templates
    ## Blog
12.0 # Components
13.0 # Gutenberg
    ## Gutenberg Helper Classes
    ## Gutenberg Blocks
14.0 # Plugins, Overrides
15.0 # Media Queries
--------------------------------------------------------------*/

/* ==========================================================================
	 1.0 # normalize.css v8.0.1
   MIT License | https://github.com/necolas/normalize.css
   ========================================================================== */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;padding:0;}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* ==========================================================================
	 2.0 # Typography
   ========================================================================== */
body,button,input,optgroup,select,textarea{font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-top:0;margin-bottom:1em}cite,dfn,em,i{font-style:italic}blockquote,blockquote p{font-size:1.333rem;font-family:sans-serif;color:#121212}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}

/* ==========================================================================
   3.0 # Elements
   ========================================================================== */
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}a,li{outline:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}

/* ==========================================================================
   4.0 # Buttons, Forms
   ========================================================================== */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.wpcf7 input[type="submit"],
.entry-content .gform_wrapper input[type=submit] {  
	border: 1px solid transparent;
	background: var(--color-accent); padding: 16px 22px; color: #fff;
	transition: background 150ms ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover {
	background: #111; cursor: pointer;
}

input[type="submit"]:hover { background: none; color: var(--color-accent); border-color: var(--color-accent); }

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.wpcf7 input[type="submit"]:active,
.wpcf7 input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb; outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	padding: 3px; color: #666;
	border: 1px solid #ccc; border-radius: 0; box-shadow: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select { border: 1px solid #ccc; }
select:focus { color: #000; box-shadow: none; }

textarea { width: 100%; }

input::-webkit-input-placeholder { color: #666; }
input::-moz-placeholder { color: #666; }
input:-ms-input-placeholder { color: #666; }
input:-moz-placeholder { color: #666; }

textarea::-webkit-input-placeholder { color: #666; }
textarea::-moz-placeholder { color: #666; }
textarea:-ms-input-placeholder { color: #666; }
textarea:-moz-placeholder { color: #666; }

textarea::-webkit-input-placeholder:focus { color: #ccc; }
textarea::-moz-placeholder:focus { color: #ccc; }
textarea:-ms-input-placeholder:focus { color: #ccc; }
textarea:-moz-placeholder:focus { color: #ccc; }

/* ==========================================================================
   5.0 # Navigation
   ========================================================================== */

/* --------------------------------------------------------------------------
	 ## Links
   -------------------------------------------------------------------------- */
a { color: var(--color-accent); text-decoration: none; }

a:hover,
a:focus,
a:active {
	color: var(--color-accent);
}

.button { min-width: 140px; min-height: 40px; font-size: 12px; line-height: 1.35; }
.button.ghost { color: #121212; border: 1px solid #121212; background: none; }
.button.ghost:hover { background: #121212; color: #fff; }

/* --------------------------------------------------------------------------
	 ## Menus
   -------------------------------------------------------------------------- */

/* Header Menu */
.navigation-wrapper { display: flex;  justify-content: flex-end; align-items: center;  }
.navigation-wrapper .social-icons { margin-left: 4em; }

.social-icons li { list-style: none; }

.main-navigation a { display: block; 
		transition: all .35s;
}
.main-navigation li.wp-block-button__link { margin-left: 1em; padding-left: 0; }
.main-navigation li.wp-block-button__link a { padding: 16px 1em; text-align: center; border-radius: 4px; }
.main-navigation li.wp-block-button__link a,
.main-navigation li.wp-block-button__link.current-menu-item a {
	color: var(--color-white);
}

.main-navigation ul { margin: 0; padding: 0; }

.menu li { position: relative; display: inline-block; padding: 0 2em; }
.main-navigation li:last-child { padding-right: 0; }
.main-navigation li.menu-item-has-children:last-of-type:hover ul.sub-menu { right: 0; }

.menu li:hover > a,
.menu li:hover > a::after,
.menu li.current-menu-item > a,
.menu li.current-menu-ancestor > a { 
	/* font-style: italic; */ opacity: .5;
}

/* Responsive Menu */
.menu { display: flex; align-items: center; }

.menu-toggle,
.main-navigation.toggled .menu {
	display: block;
}

.menu-toggle i { color: #505050; }

@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1;  }
}

@keyframes fadeIn {
    0% {  opacity: 0; }
    to { opacity: 1;  }
}
.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* Menu - White Toggle */
.home .menu-toggle span, 
.home .menu-toggle span:before,
.home .menu-toggle span:after {
	background: var(--color-black);
}

/* Menu - Black Toggle */
.home #masthead.left-overlay.toggled .site-title a,
.home #masthead.left-overlay.toggled .site-description { 
	color: var(--color-black); 
}

/* Navigation */
.main-navigation .menu-main-menu-container,
.main-navigation .menu-secondary-menu-container {
  display: grid;
}
.main-navigation .menu-main-menu-container { z-index: 1; justify-content: end; align-items: center; }
.main-navigation li a:before { height: 0; }

ul.nav-menu li a { text-transform: uppercase; }
ul.nav-menu li:last-child a { margin-right: 0; }
ul.nav-menu li.current-menu-item li a { color: #505050; }
ul.nav-menu li.current-menu-item li a:hover { color: var(--color-accent-secondary); }
ul.nav-menu li.menu-item-has-children a::after { position: relative; left: 10px;  }
ul.nav-menu li.menu-item-has-children li a::after { content: none; }

.main-navigation.toggled ul {
	-webkit-animation: fadeIn .3s ease-out;
	-moz-animation: fadeIn .3s ease-out;
}
.main-navigation.toggled ul ul { padding-left: 10px; }
.main-navigation.toggled ul ul:before { display: none; }

/* Hamburger Menu */
.menu-toggle { display: none;  
	position: relative; z-index: 999; top: 25px; right: 1em; 
	width: 32px; height: 24px; margin: 0; background: none; border: 0; text-indent: -9999px; 
}
.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
	position: absolute; display: block; height: 2px; width: 32px;
	cursor: pointer; border-radius: 1px; background: #121212;
  content: '';
}
.menu-toggle span { top: 0; left: 0; right: 0; }
.menu-toggle span:before { top: 10px; }
.menu-toggle span:after { top: 20px; }

.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
	transition: all .35s;
}

.menu-toggle:hover { background: none; }

/* Hamburger Menu Toggled */
.main-navigation.toggled .menu-toggle span { top: 10px; background-color: transparent; }
.main-navigation.toggled .menu-toggle span:before,
.main-navigation.toggled .menu-toggle span:after {
	top: 0; background: #888888;
}
.main-navigation.toggled .menu-toggle span:before { transform: rotate(45deg); }
.main-navigation.toggled .menu-toggle span:after { transform: rotate(-45deg); }

.main-navigation.toggled .menu-toggle:hover,
.main-navigation.toggled .menu-toggle:hover span {
	background: none;
}
.main-navigation.toggled .menu-toggle:hover span.icon:before,
.main-navigation.toggled .menu-toggle:hover span.icon:after {
	background: #121212;
}

/* Single Post Navigation */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 auto 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* ScrollTo Menu */
.logged-in .scroll-navigation.fixed { top: 32px; }

.scroll-navigation { width: 100%; }
.scroll-navigation.fixed { position: fixed; top: 0; border-bottom: 1px solid #9f9f9f; }
.scroll-navigation ul { margin: 0; padding: 0 0 0 10px; list-style: none; background: #7D7D7D; }
.scroll-navigation li { display: inline-block; padding: 5px 10px; }
.scroll-navigation a { color: #fff; outline: 0; }

/* ==========================================================================
   6.0 # Accessibility
   ========================================================================== */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute!important;
    height: 1px; width: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/* ==========================================================================
   7.0 # Alignments
   ========================================================================== */
.alignleft { align-self: flex-start; }
.alignright { align-self: flex-end; }

.aligncenter,
.grid-container .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
  8.0 # Widgets
   ========================================================================== */
.widget { display: inline-block; width: 100%; margin: 30px 0;
	/* Make sure select elements fit in widgets. */
}
.widget ul li a { color: #717171; }
.widget select { max-width: 100%; }

.sidebar .widget ul { display: flex; flex-direction: column; align-items: start; padding-left: 0; }
.sidebar .widget ul li { width: 100%; margin-left: 0; margin-bottom: 8px; padding-bottom: 8px; padding-left: 0; text-transform: uppercase; list-style-type: none; }
.sidebar .widget ul li:not(:last-child) { border-bottom: 1px solid var(--border-color); }
.sidebar .widget a { color: var(--color-accent); }
.sidebar .widget a:hover { color: var(--color-accent-secondary); }

/* ==========================================================================
   9.0 # Content
   ========================================================================== */

/* --------------------------------------------------------------------------
	 ## Posts and pages
   -------------------------------------------------------------------------- */
.sticky { display: block; }

.updated:not(.published) { display: none; }

.page-links { margin: 0 0 1.5em; clear: both; }

/* --------------------------------------------------------------------------
	 ## Comments
   -------------------------------------------------------------------------- */
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }

/* ==========================================================================
   10.0 # Media
   ========================================================================== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: flex;
}

/* --------------------------------------------------------------------------
	 ## Captions
   -------------------------------------------------------------------------- */
.wp-caption { max-width: 100%; margin-bottom: 1.5em; }
.wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }

/* --------------------------------------------------------------------------
	 ## Galleries
   -------------------------------------------------------------------------- */
.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; width: 100%; text-align: center; vertical-align: top; }

.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/* ==========================================================================
   11.0 # Author Styles
   ========================================================================== */

/* Border Helper Classes */
.border { border: 1px solid var(--border-color)!important;  }
.bt  { border-top: 1px solid var(--border-color)!important; padding-top: 24px; }
.br { border-right: 1px solid var(--border-color)!important; }
.bb { border-bottom: 1px solid var(--border-color)!important;  padding-bottom: 24px;  }
.bl { border-left: 1px solid var(--border-color)!important; }

.b-0  { border: 0 !important; }
.bt-0 { border-top: 0 !important; }
.br-0 { border-right: 0 !important; }
.bb-0 { border-bottom: 0 !important; }
.bl-0 { border-left: 0 !important; }

.bt-small { border-top: 2px solid var(--border-color)!important; }
.br-small { border-right: 2px solid var(--border-color)!important; }
.bb-small { border-bottom: 2px solid var(--border-color)!important; padding-bottom: 24px  }
.bl-small { border-left: 2px solid var(--border-color)!important; }

.bt-medium { border-top: 5px solid var(--border-color)!important; }
.br-medium { border-right: 5px solid var(--border-color)!important; }
.bb-medium { border-bottom: 5px solid var(--border-color)!important; }
.bl-medium { border-left: 5px solid var(--border-color)!important; }

.bt-large { border-top: 10px solid var(--border-color)!important; }
.br-large { border-right: 10px solid var(--border-color)!important; }
.bb-large { border-bottom: 10px solid var(--border-color)!important; }
.bl-large { border-left: 10px solid var(--border-color)!important; }

.border-color {  border-color: var(--border-color)!important; }
.border-color-dark { border-color: var(--border-color-dark)!important; }
.border-accent-color { border-color: var(--color-accent)!important; }
.border-accent-color-secondary { border-color: var(--color-accent-secondary)!important; }
.border-accent-light { border-color: var(--color-accent-light)!important; }
.border-accent-dark { border-color: var(--color-accent-dark)!important; }

/* Line Styling */
.line-styling,
.line-styling-large { 
	position: relative; display: inline-flex; padding-top: 8px;
}
.line-styling::before,
.line-styling-large::before { content: '';
  position: absolute; top: 0; left: 0; width: 16px; 
  background: var(--color-accent-secondary);
}
.line-styling::before { height: 4px; }
.line-styling-large::before { height: 8px; }

/* Animate Scale */
.animate-scale { overflow: hidden; }
.animate-scale img { backface-visibility: hidden;
	transition: all .35s;
	transform: scale(1);
}
.animate-scale:hover img {
	transform: scale(1.0125);
  opacity: .9;
}

/* --------------------------------------------------------------------------
	 ## Color Variables and Helper Classes
   -------------------------------------------------------------------------- */
:root {
  --color-primary: #222!important;

  /*
  --color-accent: #fad03e!important;
  --color-accent-light: #2f2f2f!important;
  --color-accent-dark: #242424!important;
  */
  
  
  --color-accent: #fad03e!important;
  --color-accent-light: #2f2f2f!important;
  --color-accent-dark: #242424!important;
  --color-accent-secondary: #fad9ac!important;
  
  --color-white: #fff!important;
  --color-white-opacity: rgba(255,255,255, 0.9) !important; 

  --color-black: #000!important;
  --color-black-dark: #111!important;
  --color-black-opacity: rgba(0,0,0, 0.9) !important; 
  
  --color-success: #09B09A!important;
  --color-feedback: #FEB503!important;
  /*
  --color-alert: #CC2723;
  */
  
  --color-gray: #242424;
  --color-gray-light: #2f2f2f;
  
  --border-color: #4e4e4e;
  --border-color-dark: #363636;
  --border-color-light: #DBDBDB;

  --box-shadow: 0 6px 9px 0 rgba(50,54,65,0.05);
  --box-shadow-dark: 0 8px 60px 0 rgba(0,0,0,0.25), 0 12px 90px 0 rgba(0,0,0,0.25);
}

/* Dark Theme */
body { background-color: var( --color-gray); }

.has-gray-color { color: var(--color-gray)!important; }
.has-gray-light-color { color: var(--color-gray-light)!important; }
.has-gray-dark-color { color: var(--color-gray-dark)!important; }

.has-accent-dark { background: var(--color-accent-dark)!important; }
.has-accent-light { background: var(--color-accent-light)!important; }

.menu a { color: var(--color-gray); }
.menu a:hover { opacity: .5!important; }

.site-title a { color: var(--color-accent); }
article.entry-content header :first-child { color: var(--color-white); }

article.entry-content header { color: var(--color-white); }

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-white);
}

p,
#main p  { 
	color: var( --color-white); 
}

.has-very-dark-gray-background-color h1,
.has-very-dark-gray-background-color h2,
.has-very-dark-gray-background-color h3,
.has-very-dark-gray-background-color h4,
.has-very-dark-gray-background-color h5,
.has-very-dark-gray-background-color h6 {
	color: var(--color-white);
}

/* Block Color Palette Colors 
 * declared in inc/theme-options.php
*/
.has-accent-color { color: var(--color-accent)!important; }
.has-accent-dark-color { color: var(--color-accent-dark)!important; }
.has-accent-light-color { color: var(--color-accent-light)!important; } 
.has-accent-secondary-color { color: var(--color-accent-secondary)!important; } 

.has-dark-gray-color { color: var(--color-gray-dark)!important; }
.has-light-gray-color { color: var(--color-gray-light)!important; }

.has-black-color,
.has-black-color p {
	color: var(--color-black);
}

.has-light-gray-background-color { background-color: var(--color-gray-light)!important; }
.has-light-dark-background-color { background-color: var(--color-gray-dark)!important; }

.has-white-background-color { background-color: var(--color-white)!important; }

.has-black-background-color { background-color: var(--color-black)!important; }
.has-black-dark-background-color { background-color: var(--color-black-dark)!important; }

.has-gray-background-color { background-color: var(--color-gray)!important; }
.has-gray-dark-background-color {  background-color: var(--color-gray-dark)!important; }
.has-gray-light-background-color {  background-color: var(--color-gray-light)!important; }

.has-accent-background-color { background-color: var(--color-accent)!important; }
.has-accent-dark-background-color { background-color: var(--color-accent-dark)!important; }
.has-accent-light-background-color { background-color: var(--color-accent-light)!important; }
.has-accent-secondary-background-color { background-color: var(--color-accent-secondary)!important; }

.has-success-color,
span.has-success-color { 
	color: var(--color-success)!important; 
}
.has-feedback-color { color: var(--color-feedback)!important; }

.alert { color: var(--color-alert); }

.wp-block-button__link { color: var(--color-black); }
.wp-block-button__link:hover { color: var(--color-accent)!important; }

/* --------------------------------------------------------------------------
	 ## Typography
   -------------------------------------------------------------------------- */

:root {
  --font-primary:   'Arimo', sans-serif;
  --font-logo:      'Arial', sans-serif;
  --font-headlines: 'Arimo', sans-serif;
  --font-tertiary:  'Arimo', sans-serif;
}

.arimo { font-family: 'Arimo', sans-serif!important;  }
.montserrat { font-family: 'Montserrat', sans-serif!important;  }

/* Gutenberg Helper Classes */
.uppercase { text-transform: uppercase!important; }

/* Font Weight Helper Classes */
.fw-100,
.fw-100i {
	font-weight: 100;
}
.fw-300,
.fw-300i {
	font-weight: 300;
}
.fw-400,
.fw-400i {
	font-weight: 400;
}
.fw-500,
.fw-500i {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700,
.fw-700i {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900,
.fw-900i {
	font-weight: 900;
}

.fw-100i,
.fw-300i,
.fw-400i,
.fw-500i,
.fw-700i,
.fw-800i,
.fw-900i {
  font-style: italic;
}

/* Letter Spacing Helper Classes */
.ls-1 { letter-spacing: 1px; }

b, 
strong {
	font-weight: 600; 
}

/* 
	* Typescale 
  * https://type-scale.com	
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-headlines); font-weight: 300; line-height: 1.35; letter-spacing: 2px; 
}

h1,
h1.page-title,
h2.page-title {
	font-family: var(--font-tertiary);  
}

h1 { font-size: 1.802em; line-height: 1.2; }
h1.site-title { font-size: 1.563rem; font-weight: 400; }
h1.page-title { text-transform: uppercase; }

h2 { font-size: 1.728rem; }
h3,
h4,
h5
h6 {
	font-size: 1rem; line-height: 1.35;
}

.has-huge-font-size { font-size: 4.209rem!important; line-height: 1.2; } 
.has-large-font-size { font-size: 3.157rem!important; line-height: 1.2; }
.has-medium-font-size { font-size: 1.953rem!important; line-height: 1.25;}
.has-normal-font-size { font-size: 1rem!important; line-height: 1.4; }
.has-small-font-size { font-size: .833!important; line-height: 1.25; }

blockquote,
blockquote p {
	font-family: var(--font-headlines); font-weight: 500; line-height: 1.44; text-transform: uppercase;
}
blockquote.wp-block-quote cite { font-size: 1rem; letter-spacing: 2px; }

p,
ul,
ol,
ul li,
ol  { 
	font-size: .79em; line-height: 2.75; letter-spacing: 2px; font-family: var(--font-primary);
}

img,
span,
input,
textarea,
select {
	font-family: var(--font-primary);
}

a { text-decoration: none; }
p a { text-decoration: underline; }

.social-icons i,
.wp-block-social-links a { 
	font-size: 1.33rem; 
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
.wp-block-button__link,
.wpcf7 input[type="submit"] {
	font-size: 1em; line-height: 1; 
}

.button { font-family: var(--font-primary); text-transform: uppercase; }
.button.view-all { font-size: .75rem; }

.menu-toggle { font-size: .75rem; font-family: var(--font-primary); text-transform: uppercase; }
.menu-toggle i { font-size: 2.369rem; }

.menu a { font-size: .937rem; font-family: var(--font-primary)!important; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 4px;  }
.menu ul ul a { text-transform: capitalize; }

.main-navigation ul { line-height: 1.5; }

.site-title a,
.site-description {
	font-family: var(--font-logo); 
}
.site-title a { font-size: 1.33em; text-decoration: none; text-transform: uppercase; }
.site-description { font-size: 1rem; font-weight: normal; }

.copyright,
.site-info a,
.cat-links,
.cat-links a,
.tags-links,
.tags-links a,
.comments-link a {
	font-size: .702rem; font-weight: 400; text-transform: uppercase;
}
.site-info a { text-transform: capitalize; }

.sidebar .widget-title,
.sidebar ul li { 
	text-transform: uppercase; 
}
.sidebar ul li { font-weight: 500; }

.blog .post .entry-header a { font-family: var(--font-tertiary); }

article .entry-header a { font-family: var(--font-primary); }

.archive article .entry-content h1,
.archive article .entry-content h2 {
	font-size: 1.77rem;
}

.wp-block-image figcaption { font-size: .75rem; font-family: var(--font-primary); }

/* Font Awesome */
ul#crumbs li:first-child::before,
li.menu-item-has-children a::after {
	font-family:'Font Awesome 5 Free'; font-weight: 900;
}

ul#crumbs li:first-child::before { content:'\f015'; }

/* --------------------------------------------------------------------------
	 ## Layout
	 CSS Grid, Flexbox
   -------------------------------------------------------------------------- */

/* Size Variables */ 
:root {
	--spacer-sm: .5rem;
	--spacer-med: 1rem;
	--spacer-lg: 2rem;
	--spacer-xl: 2.5rem;
	--spacer-xxl: 3rem;
}

body { position: relative; }

.alignfull { max-width: 100%!important; }

/* Spacing */
.m-auto { margin: auto!important; }
.m-all-0 { margin: 0!important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--spacer-sm)!important; }
.mt-2 { margin-top: var(--spacer-med)!important; }
.mt-3 { margin-top: var(--spacer-lg)!important; }
.mt-4 { margin-top: var(--spacer-xl)!important; }
.mt-5 { margin-top: var(--spacer-xxl)!important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: var(--spacer-sm)!important; }
.mr-2 { margin-right: var(--spacer-med)!important; }
.mr-3 { margin-right: var(--spacer-lg)!important; }
.mr-4 { margin-right: var(--spacer-xl)!important; }

.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: var(--spacer-sm)!important; }
.mb-2 { margin-bottom: var(--spacer-med)!important; }
.mb-3 { margin-bottom: var(--spacer-lg)!important; }
.mb-4 { margin-bottom: var(--spacer-xl)!important; }
.mb-5 { margin-bottom: var(--spacer-xxl)!important; }

.ml-0 { margin-left: 0!important; }
.ml-1 { margin-left: var(--spacer-sm)!important; }
.ml-2 { margin-left: var(--spacer-med)!important; }
.ml-3 { margin-left: var(--spacer-lg)!important; }
.ml-4 { margin-left: var(--spacer-xl)!important; }

.p-all-0 { padding: 0!important; }
.p-all-1 { padding: var(--spacer-sm)!important; }
.p-all-2 { padding: var(--spacer-med)!important; }
.p-all-3 { padding: var(--spacer-lg)!important; }
.p-all-4 { padding: var(--spacer-xl)!important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: var(--spacer-sm)!important; }
.pt-2 { padding-top: var(--spacer-med)!important; }
.pt-3 { padding-top: var(--spacer-lg)!important; }
.pt-4 { padding-top: var(--spacer-xl)!important; }
	
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: var(--spacer-sm)!important; }
.pr-2 { padding-right: var(--spacer-med)!important; }
.pr-3 { padding-right: var(--spacer-lg)!important; }
.pr-4 { padding-right: var(--spacer-xl)!important; }

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: var(--spacer-sm)!important; }
.pb-2 { padding-bottom: var(--spacer-med)!important; }
.pb-3 { padding-bottom: var(--spacer-lg)!important; }
.pb-4 { padding-bottom: var(--spacer-xl)!important; }

.pl-0 { padding-left: 0!important; }
.pl-1 { padding-left: var(--spacer-sm)!important; }
.pl-2 { padding-left: var(--spacer-med)!important; }
.pl-3 { padding-left: var(--spacer-lg)!important; }
.pl-4 { padding-left: var(--spacer-xl)!important; }

/* Grid Gap */
.gg-0 { grid-gap: 0!important; } 
.gg-small { grid-gap: 1em!important; } 
.gg-medium { grid-gap: 40px!important; }
.g-large { grid-gap: 60px!important; }
 
/* Position */
.absolute-tl,
.absolute-br {
	position: absolute; 
}
.absolute-tl { z-index: 10; top: 0; left: 0; }
.absolute-br { z-index: 1; bottom: 0; right: 0; }

/* Flexbox Alignments */
.justify-center { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.justify-align-center-end { display: flex!important; align-items: center!important; justify-content: flex-end!important; }
.justify-align-center-start { display: flex!important; align-items: center!important; justify-content: flex-start!important; }

.flex-end { justify-content: flex-end!important; }

/* Grid Alignments */
.align-center { height: 100%; align-content: center; }

/* Helper Classes */
.one-col-centered,
.entry-content.one-col-centered,
.entry-content .wp-block-columns.one-col-centered,
.entry-content .wp-block-group.one-col-centered,
.entry-content > .alignfull .wp-block-group.one-col-centered { 
	max-width: 800px; width: 100%; margin-right: auto; margin-left: auto; padding: 0 30px; 
}

.entry-content .one-col-centered.full-width { max-width: 960px; }
.entry-content .one-col-centered article > * { padding-right: 0; padding-left: 0; }

.entry-content .wp-block-columns.medium { max-width: 1024px; }

.justify-content { justify-content: center; }

/* One Col Centered */
.one-col-centered .entry-header { margin-bottom: 0; }

/* Default Centered */
.entry-content { display: flex; flex-direction: column;  }
#primary .entry-content > :first-child .entry-title { margin-top: 0; }

/* Full Width, Hero Section margin adjustments */
#primary .entry-content > .alignfull:first-child { margin-top: 0; padding: 60px 0; }
#primary .entry-content > .wp-block-cover:first-child  { margin-top: 0; padding-right: 24px; padding-left: 24px; }
#primary .entry-content > .post:first-child header { margin-top: 0; }

article.entry-content header { margin-bottom: 10px; color: var(--color-white); }
article.entry-content header :first-child { margin-top: 0; }

/* Blog */
.blog article { max-width: 800px; margin-right: auto; margin-left: auto; }

.blog .post-wrapper { margin-top: 60px; }
.blog .post:first-child { margin-top: 0; }
.blog .post:not(:last-child) { margin-bottom: 50px; }
.blog .post .entry-header { margin-top: 0; margin-bottom: 30px; }
.blog .post .entry-header a { margin-top: 8px; }
.blog .post .wp-block-button__link { margin-top: 30px; }
.blog .post .wp-block-button__link:hover { border-color: var(--color-accent-secondary); color: var(--color-accent-secondary); }
.blog .post a:hover { color: var(--color-accent-secondary); }

.entry-content > * { 
	max-width: 1180px; width: 100%; margin-right: auto; margin-left: auto; padding: 0 30px;
}
.error-404 .search-form { max-width: 600px; }
.entry-content .wp-block-group { margin-top: 40px; margin-bottom: 40px; }
.entry-content .wp-block-group:last-of-type { margin-bottom: 0; }

article .entry-content > * { word-break: break-word; }

.entry-content .post-content { margin-top: 0; margin-bottom: 0; }
.entry-content .post-content :last-child { margin-bottom: 0; }

.entry-content .wp-block-group__inner-container > * { padding: 0; }
.entry-content .wp-block-group__inner-container > p { margin-top: 10px; margin-bottom: 10px; }
.entry-content .wp-block-group__inner-container :first-child { margin-top: 0; }

/* Align Default */
.entry-content .aligndefault { max-width: 1080px; width: 100%; margin: auto; padding: 0 30px; }

/* Align Wide */
.entry-content .alignwide,
.entry-content .wp-block-group__inner-container .alignwide { 
	max-width: 1380px; width: 100%; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px;
}

/* Align Extended */
.alignextended { max-width: 191em; width: 100%; margin-right: auto; margin-left: auto; }

/* Align Full */
.alignfull,
.wp-block-group > .alignfull { 
	max-width: 100%; 
}

.entry-content .wp-block-group .wp-block-group { padding: 0; }
.entry-content > .alignfull .wp-block-group { max-width: 1080px; width: 100%; margin: auto; padding: 0 30px; }
.entry-content > .alignfull.wp-block-group.has-background { padding: 100px 0; }

.entry-content > .alignfull .wp-block-group.alignfull { max-width: 100%; padding: 0; }
.entry-content > .alignfull .wp-block-group.alignfull .wp-block-column { margin: 0; }

.entry-content .wp-block-group__inner-container { display: flex; flex-direction: column; }

.entry-content .wp-block-cover, 
.entry-content .wp-block-cover-image {
	margin-top: 0; margin-bottom: 0;
}

/* --------------------------------------------------------------------------
	 ## Content
   -------------------------------------------------------------------------- */

/* Global */
h1.entry-title,
h2.widget-title {
  margin: 1em 0;
}

.success,
.success li {
	color: var(--color-success);
}

/* Links */
a { /* color: var(--color-accent-light); */
	transition: color .35s;
	-moz-transition: color .35s;
	-webkit-transition: color .35s;
	-o-transition: color .35s;
}
a:hover { /* color: var(--color-accent); */ }

/* Lists */
.entry-content ul,
.entry-content ol {
  margin: 1.5em 0 1em; padding-left: 1em; 
  list-style-position: outside;
}
.entry-content ul li,
.entry-content ol li {
	margin-bottom: 1em;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ol ul {
  margin: 10px 0 30px; padding-left: 1em; 
}
.entry-content ul ul ul,
.entry-content ol ul ul,
.entry-content .wp-block-group ul ul ul,
.entry-content .wp-block-group ol ul ul { 
	margin-top: 8px!important; 
}
.entry-content .wp-block-group__inner-container ul,
.entry-content .wp-block-group__inner-container ol {
	padding-left: 1em; 
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
  margin-bottom: 10px; margin-left: 0;
}

/* Structure */
#primary { min-height: 88vh; }
.wrapper { width: 100%; display: block; margin: 0 auto; background-color: var(--color-white); }
.container { max-width: 1280px; margin: 0 auto; padding: 1em; }
.container.full-width { max-width: 90%; margin-right: auto; margin-left: auto; }

/* Header */
#masthead { position: relative; z-index: 900; min-height: 150px; padding: 2em; background: var(--color-accent-secondary);
	display: grid; grid-template-columns: minmax(min-content,max-content) 1fr minmax(min-content,max-content);  align-items: center;
}

#masthead img { position: absolute; top: 2em; left: 2em; width: 150px; height: auto; padding: 0; }
#masthead p a { text-decoration: none; }
#masthead .inner-wrap { position: relative; }
#masthead iframe { position: absolute; top: 30px; margin-left: 1em; }
#masthead .textwidget { position: absolute; top: 10px; right: 21px; letter-spacing: .25px; }

.site-title { display: inline-flex; margin: 0; }
.site-description { display: inline; margin: 0 0 0 1em;  }

/* Social */
ul.social { margin: 0; padding-left: 0; }
ul.social li { display: inline-block; margin-right: 15px; list-style-type: none; }
ul.social li:last-child { margin-right: 0; }
ul.social i { color: #505050;
	transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
}
ul.social i:hover { color: #121212; }
ul.social a { color: #121212; }
ul.social a:hover { color: var(--color-white); }

/* Footer */
#colophon { padding: 30px 1em; background-color: var(--color-black); 
	display: grid; grid-template-columns: minmax(min-content,1fr) minmax(min-content,1fr);
}
#colophon a:hover { color: var(--color-gray); }
#colophon .social-icons { justify-content: flex-end; margin-right: 5em; }
#colophon .social-icons a i { color: var(--color-accent); }

.site-info .credit { display: grid; justify-content: end; color: var(--color-black); }

/* Socials */
ul.social-icons { display: flex; margin: 0; padding: 0; }
ul.social-icons li {margin-right: 2em; line-height: 0; }
ul.social-icons li:last-child { margin-right: 0; }
ul.social-icons a i { color: var(--color-gray); 
	transition: all .35s;
}
ul.social-icons a:hover i { opacity: .5; }
ul.social-icons .sr-only { font-size: 0; }

/* Posts and pages */
#content { padding: 60px 0; background-color: var(--color-white); }
.page-header { width: 100%; }

/* --------------------------------------------------------------------------
	 ## Page Templates
   -------------------------------------------------------------------------- */

/* 404 */
.error404 .error-404 { padding-top: 0; padding-bottom: 0;  }
.error404 .page-title { margin-top: 0; }

/* --------------------------------------------------------------------------
	 ## Blog
   -------------------------------------------------------------------------- */

.blog .post .entry-title,
.single .post .entry-title { 
	margin-bottom: 10px; 
}

.cat-links { margin-right: 10px; padding-right: 10px; color: #474747; border-right: 1px solid #efefef; }

.cat-links a,
.tags-links a {
	color: var(--color-accent);
}
.cat-links a:hover,
.tags-links a:hover {
	color: var(--color-black);
}
.comments-link { display: none; }

article:focus { outline: none; }

/* Archive, Category */
.archive article .entry-content h1,
.archive article .entry-content h2,
.archive article .entry-content h3,
.archive article .entry-content h4,
.archive article .entry-content h5,
.archive article .entry-content h6 {
	text-transform: capitalize; color: #505050;
}

.archive .page-content p,
.category .page-content p {
	color: #6d706f;
}

.archive article:last-child,
.category article:last-child {
	border-bottom: 0;
}

.archive article h2.entry-title,
.category article h2.entry-title {
	margin-bottom: 0;
}

.archive article .entry-footer,
.category article .entry-footer {
	border-top: 1px solid #efefef;
}

.entry-meta .byline { display: none; }

/* Single Post */
.post h1.entry-title { margin-top: 10px; margin-bottom: 0; }
.post .entry-content a { color: var(--color-black); }
.post .entry-content a:hover { color: var(--color-black); }
.post .entry-footer { margin-top: 40px; margin-bottom: 0; padding-top: 10px; border-top: 1px solid #D6D6D6; }

.single .post .entry-header { margin-top: 0; }
.single .post .entry-footer { }
.single .post > * { padding-right: 0; padding-left: 0; }
.single .site-main .post-navigation { margin-top: 30px; margin-bottom: 30px; padding: 0; }

.single-post .entry-content > * { max-width: 800px; }

.entry-footer a.post-edit-link { color: #ccc; }
.entry-footer a.post-edit-link:hover { color: var(--color-black); }
a.post-edit-link:focus { outline: 0; }

/* ==========================================================================
   12.0 # Components
   ========================================================================== */

/* Breadcrumbs */
ul#crumbs { display: block; width: 100%; margin: 0 0 1em 0.9375rem; }
ul#crumbs li { display: inline-block; list-style-type: none; }
ul#crumbs li:first-child::before { margin-right: 10px; }

ul#crumbs li:not(:last-child) { margin-right: 10px; }
ul#crumbs li:not(:last-child)::after { margin-left: 10px; content: '/'; }
ul#crumbs li,
ul#crumbs li a {
	font-size: .889rem;
}
/* Search */
.search-form label,
.search-form input[type="search"],
.search-form input[type="submit"] {
	float: left; width: 100%; height: 50px;
}
.search-form label { width: 70%; }
.search-form input { border: 1px solid var(--border-color); }
.search-form input[type="search"] { text-indent: 5px; }
.search-form input[type="submit"] { width: 30%; margin-left: -1px; padding: 10px; font-size: 16px; text-transform: uppercase; }
.search-form input[type="submit"]:hover { border-color: var(--color-black); }


/* ==========================================================================
   13.0 # Gutenberg
   ========================================================================== */

/* --------------------------------------------------------------------------
	 ## Gutenberg Helper Classes
   -------------------------------------------------------------------------- */
  
 .vh-80 { height: 90vh!important; min-height: 90%!important; } 
 .vh-100 { height: 100vh!important; min-height: 100%!important; }
    
.has-text-align-right { text-align: right !important; }
.has-text-align-center { text-align: center !important; } 
.has-text-align-left { text-align: left !important; } 

/* Object Fit */
.object-fit .wp-block-image,
.object-fit .wp-block-image figure { 
	height: 100%;  
}
.object-fit .wp-block-image figure { margin: 0; }
.object-fit .wp-block-image img {
	width: 100%; height: 100%; object-fit: cover;
}

/* Drop Shadow */
:root {
	--dropShadow: 0 6px 1em -8px rgba(127, 128, 123, .875);
	--dropShadow-white: 0 6px 1em -8px rgba(255, 255, 255, .475);
}

.drop-shadow {
	box-shadow: var(--dropShadow);
	-webkit-box-shadow: var(--dropShadow);
}
.drop-shadow--white { 
	box-shadow: var(--dropShadow-white);
	-webkit-box-shadow: var(--dropShadow-white);
}

/* --------------------------------------------------------------------------
	 ## Gutenberg Blocks 
   -------------------------------------------------------------------------- */

/* WP Block Button */
.wp-block-button { margin-top: 10px; margin-bottom: 10px; }
.wp-block-button:last-of-type { margin-bottom: 0; }

.wp-block-button__link,
.ghost .wp-block-button__link:hover  {
   border: 1px solid var(--color-accent);
}
.ghost .wp-block-button__link:hover { background-color: var(--color-accent); color: var(--color-black);  }
.wp-block-button__link { min-width: 150px; border-radius: 8px; }

.wp-block-button__link:hover,
.ghost .wp-block-button__link {
  background: none; color: var(--color-accent); border-color: var(--color-accent);
}

.ghost .wp-block-button__link:hover { color: var(--color-black)!important;  }

 /* WP Block Button Link */
.wp-block-button__link.has-black-background-color:hover,
.wp-block-button__link.has-accent-background-color:hover, 
.wp-block-button__link.has-accent-dark-background-color:hover,
.wp-block-button__link.has-dark-gray-background-color:hover,
.wp-block-button__link.has-light-gray-background-color:hover,
.wp-block-button__link.has-accent-secondary-background-color:hover  { 
	background: none!important;
} 

.ghost .wp-block-button__link.has-accent-background-color { background: none!important; border-color: var(--color-accent); color: var(--color-accent); }
.ghost .wp-block-button__link.has-accent-background-color:hover { background: var(--color-accent)!important; color: #fff; }

.wp-block-button__link.has-black-background-color { background-color: var(--color-black); color: var(--color-white); }
.wp-block-button__link.has-black-background-color:hover { color: var(--color-black); border-color: var(--color-black); }

.wp-block-button__link.has-accent-secondary-background-color:hover { background: none!important; color: var(--color-accent-secondary); border-color: var(--color-accent-secondary); }

.wp-block-button__link.has-accent-dark-background-color { background-color: var(--color-accent-dark); }
.wp-block-button__link.has-accent-dark-background-color:hover { color: var(--color-accent-dark); border-color: var(--color-accent-dark); }

.wp-block-button__link.has-dark-gray-background-color {	color: var(--color-white); border-color: var(--color-gray-dark); }
.wp-block-button__link.has-dark-gray-background-color:hover { color: var(--color-gray-dark); }

.wp-block-button__link.has-light-gray-background-color {	color: var(--color-black); border-color: var(--color-gray-light); }
.wp-block-button__link.has-light-gray-background-color:hover { color: var(--color-gray-dark); border-color: var(--color-gray-light); } 

.wp-block-button__link.has-accent-background-color { background-color: var(--color-accent); }  
.wp-block-button__link.has-accent-background-color:hover { color: var(--color-accent); border-color: var(--color-accent); }

.wp-block-button.alignleft,
.wp-block-buttons.alignleft { 
	display: grid; justify-content: start; 
}
.wp-block-button.alignright,
.wp-block-buttons.alignright { 
	display: grid; justify-content: end; 
}

/* WP Columns Block */
/* Columns */
.has-2-columns,
.has-3-columns,
.has-4-columns,
.has-5-columns,
.has-6-columns {
  display: grid; grid-gap: 50px; margin: auto;
}

.has-2-columns .wp-block-column,
.has-3-columns .wp-block-column,
.has-4-columns .wp-block-column,
.has-5-columns .wp-block-column,
.has-6-columns .wp-block-column { 
	margin-left: 0; 
}

.has-2-columns { grid-template-columns: 1fr 1fr; }
.has-3-columns { grid-template-columns: 1fr 1fr 1fr; }
.has-4-columns { grid-template-columns: 1fr 1fr 1fr 1fr; }
.has-5-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.has-6-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

.wp-block-columns { display: flex; padding-top: 30px; padding-bottom: 30px; }
.wp-block-columns:last-of-type { margin-bottom: 0;}

.has-1-column,
.wp-block-columns.has-1-column { 
	width: 800px; max-width: 100%; margin-right: auto; margin-left: auto; 
}
.wp-block-column :first-child { margin-top: 0; } 

.wp-block-column p:last-of-type,
.wp-block-column :last-child:not(.blocks-gallery-item),
.entry-content .wp-block-group__inner-container :last-child:not(.blocks-gallery-item)  { 
	margin-bottom: 0; 
}

/* 2 Col - Shared */
.has-2-columns.sidebar-content,
.has-2-columns.content-sidebar { 
	grid-template-columns: repeat(6,1fr); 
}

/* 2 Col - Sidebar, Content */
.has-2-columns.sidebar-content .wp-block-column:first-child { grid-column: 1 / span 2; }
.has-2-columns.sidebar-content .wp-block-column:last-child { grid-column: 3 / span 4; }
.has-2-columns.sidebar-content .wp-block-column:not(:first-child) { margin-left: 0; }

/* 2 Col - Content, Sidebar */
.has-2-columns.content-sidebar .wp-block-column:first-child { grid-column: 1/5; }
.has-2-columns.content-sidebar .wp-block-column:last-child { grid-column: 5 / 7; }
.has-2-columns.content-sidebar .wp-block-column:not(:first-child) { margin-left: 0; }

/* 2 Col - Custom Layouts */
.wp-block-columns.has-2-columns--25-75,
.wp-block-columns.has-2-columns--75-25,
.wp-block-columns.has-2-columns--60-40,
.wp-block-columns.has-2-columns--40-60,
.wp-block-columns.has-2-columns--70-30,
.wp-block-columns.has-2-columns--30-70 {
	display: grid; 
}
.wp-block-columns.has-2-columns--75-25 { grid-template-columns: 3fr minmax(min-content, 1fr); }
.wp-block-columns.has-2-columns--25-75 { grid-template-columns: minmax(min-content, 1fr) 3fr; }
.wp-block-columns.has-2-columns--60-40 { grid-template-columns: minmax(min-content, 3fr) 2fr; }

.wp-block-columns.has-2-columns--40-60 { grid-template-columns: minmax(min-content, 2fr) 3fr; }
.wp-block-columns.has-2-columns--40-60.overlap > .wp-block-column:first-child { grid-column: 1 / 2; grid-row: 1;} 
.wp-block-columns.has-2-columns--40-60.overlap > .wp-block-column:last-child { grid-column: span 2 / -1; grid-row: 1; z-index: 2; margin-left: 0; } 
.wp-block-columns.has-2-columns--40-60.overlap .wp-block-column .has-3-columns { max-width: 80%; margin-right: 0; }

.wp-block-columns.has-2-columns--30-70 { grid-template-columns: minmax(min-content, 3fr) 7fr; }
.wp-block-columns.has-2-columns--70-30 { grid-template-columns: minmax(min-content, 7fr) 3fr; }
.wp-block-columns.has-2-columns--20-80 { grid-template-columns: minmax(min-content, 2fr) 8fr; }

.wp-block-columns.has-2-columns--20-80 .has-2-columns,
.wp-block-columns.has-2-columns--20-80 .has-3-columns,
.wp-block-columns.has-2-columns--20-80 .has-4-columns,
.wp-block-columns.has-2-columns--20-80 .has-5-columns,
.wp-block-columns.has-2-columns--20-80 .has-6-columns { 
	width: 100%;  
}

.wp-block-columns.has-2-columns--20-80 .wp-block-column { display: grid; }

.wp-block-columns.has-2-columns--75-25.alignfull, 
.wp-block-columns.has-2-columns--25-75.alignfull,
.wp-block-columns.has-2-columns--60-40.alignfull,
.wp-block-columns.has-2-columns--40-60.alignfull,
.wp-block-columns.has-2-columns--30-70.alignfull,
.wp-block-columns.has-2-columns--70-30.alignfull {
	margin-right: 0; margin-left: 0; 
}
.wp-block-columns.has-2-columns--75-25 .wp-block-column .wp-block-cover { padding: 50px; }
.wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) { display: flex; flex-direction: column; justify-content: center; }
.wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) .wp-block-group { padding-top: 0; padding-bottom: 0; }

.wp-block-columns.has-2-columns--40-60,
.wp-block-columns.has-2-columns--60-40 {
	margin-bottom: 60px;
}

.has-2-columns--40-60 .wp-block-column:nth-child(1n) .wp-block-group, 
.has-2-columns--40-60 .wp-block-column:not(:last-child) .wp-block-group,
.has-2-columns--60-40 .wp-block-column:nth-child(2n) .wp-block-group, 
.has-2-columns--60-40 .wp-block-column:not(:first-child) .wp-block-group {
	padding-right: 100px; padding-left: 100px; 
}

.wp-block-columns .wp-block-column .wp-block-group.alignfull { width: 100%; padding-right: 0; padding-left: 0; }

/* WP Block Code */
.wp-block-code { background: none; padding: 0; border: 0; }
.wp-block-code code { display: flex; width: 100%; margin: 0; padding: 1em; background: var(--color-gray-light); color: #23282d; border: 1px solid var(--border-color); border-radius: 2px; overflow: hidden; }

/* WP Block Cover */
.wp-block-cover.half { min-height: 200px!important; }
.wp-block-cover.quarter { min-height: 100px!important; }
.wp-block-cover.hero-alignfull { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; }

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6 {
	margin-top: 1em; margin-bottom: 1em;
}
.wp-block-cover-text p { padding: 1.5em 14px; }

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: 100%; 
}
.wp-block-cover .wp-block-button { margin-top: 30px; }
.wp-block-cover > * :last-child  { margin-bottom: 0; }

.wp-block-cover p.has-small-font-size { margin-left: 10px; text-transform: lowercase; opacity: .8; }

/* WP Block Embed */
.wp-block-embed__wrapper { display: block; width: 800px; max-width: 100%; margin: auto; }
.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%; height: 0; padding-top: 56.25%;
}

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  width: 100%; height: 100%;
}

/* WP Block Gallery */
.wp-block-gallery { margin: 30px auto; }
.wp-block-gallery .blocks-gallery-grid { width: 100%; margin-top: 0;  padding-left: 0; }

/* WP Block Image */
.wp-block-image img { display: block;  }
.wp-block-image.alignfull img { width: 100vw; }
.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%
}
.wp-block-image.full-width img { width: 100%; }
.wp-block-image figcaption { margin-top: 0; padding-top: 8px; padding-bottom: 8px; }

/* WP Block Latest Posts */
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px;
}

/* WP Block Quote */
.wp-block-quote { padding-left: 0; border-left: 0; }
.wp-block-pullquote.is-style-solid-color blockquote { max-width: 80%; }

/* WP Block Separator */ 
.wp-block-separator { width: 100%; border-bottom: 1px solid #DEDEDE; }
.wp-block-separator.is-style-wide { margin: 0 auto; }

/* WP Block Social Links */
#primary .wp-block-social-links { margin-top: 0; margin-left: 0; padding-left: 0!important; }
#primary .wp-block-social-links a {
  transition: all .35s;
  -moz-transition: all .35s;
  -webkit-transition: all .35s;
  -o-transition: all .35s;	
}
.entry-content .wp-block-social-links a:hover { color: var(--color-accent); }
.entry-content .wp-block-social-links .wp-social-link li { background-color: none!important; }

.wp-block-social-links .wp-social-link-spotify,
.wp-block-social-links .wp-social-link-facebook {
	background: none!important;
}

/* WP Block Table */
.wp-block-table { display: block; overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100% }
.wp-block-table td,
.wp-block-table th {
	padding: .5em;
}

/* WP Block Video */
.wp-block-video video { max-width: 640px; }

/* ==========================================================================
   14.0 # Plugins, Overrides
   ========================================================================== */

/* BandsinTown */
.bit-widget .bit-top-track-button,
.bit-widget .bit-nav-bar-container,
.bit-widget .bit-no-dates-container .bit-track-button { 
	display: none!important; 
}
.entry-content .bit-widget .bit-no-dates-container { padding: 5em 0; }

.entry-content .bit-widget.bit-layout-ipad .bit-event-list-title,
.entry-content .bit-widget .bit-no-dates-container .bit-no-dates-title { 
	font-family: var(--font-headlines); font-weight: 400; 
}
.entry-content .bit-widget .bit-no-dates-container .bit-no-dates-title { text-transform: capitalize; }

/*
 * SEO Yoast
 * https://yoast.com/
*/
#yoast-breadcrumbs span a { color: var(--color-accent-light); }
#yoast-breadcrumbs span a:hover { color: var(--color-accent-secondary); }
#yoast-breadcrumbs span i { margin-right: 8px; margin-left: 8px; }
.single #breadcrumbs .breadcrumb_last { display: none; }
.single #breadcrumbs span span span span i { display: none; }

/* UItoTop */
#toTop {
  display: none;
  position: fixed; z-index: 900; right: 1em; bottom: 1.25em;
  width: 40px; height: 40px; border: 1px solid #474747;
  overflow: hidden; text-decoration:none;
}
#toTop:hover { background: var(--color-gray-dark); }
#toTop:hover i { color: var(--color-white); }
#toTop,
#topTop span {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
#toTop span {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1!important;
  width: 0px; height: 0px; text-indent: -999px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
#toTop i { position: relative; top: 5px; width: 100%; font-size: 24px; text-align: center; }
#toTopHover {
  float:left; display:block; overflow:hidden;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline:none;
}

/* ==========================================================================
   15.0 # Media Queries
   ========================================================================== */

@media screen and (max-width: 1440px) {
  .wp-block-columns.box-layout .wp-block-column { padding: 60px 40px; }
  
	/* Custom Layouts */
	.wp-block-columns.has-2-columns--60-40 { grid-template-columns: 1fr 1fr; }
	.page.about .wp-block-columns.has-2-columns--60-40 { grid-template-columns: minmax(min-content, 3fr) 2fr; }

	.has-2-columns--40-60 .wp-block-column:nth-child(1n) .wp-block-group, 
	.has-2-columns--40-60 .wp-block-column:not(:last-child) .wp-block-group, 
	.has-2-columns--60-40 .wp-block-column:nth-child(2n) .wp-block-group, 
	.has-2-columns--60-40 .wp-block-column:not(:first-child) .wp-block-group {
		padding-left: 30px; padding-right: 30px;
	}
	.wp-block-cover.hero .wp-block-column:first-child br { display: none; }

}

@media screen and (max-width: 960px) {
	.has-5-columns,
	.has-6-columns { 
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media screen and (max-width: 812px) {
	
	/* Typography */	
	h3, 
	h4, 
	h5,
	h6 {
		font-size: .79rem;
	}	
	.copyright, 
	.site-info a, 
	.cat-links, 
	.cat-links a, 
	.tags-links, 
	.tags-links a, 
	.comments-link a,
	.scroll-down span	{
		font-size: .702rem;
	}
	
	blockquote, 
	blockquote p { 
		font-size: 1.067rem; 
	}
	
	.menu-toggle {  display: block; top: inherit; right: inherit; }
	.menu-toggle span { margin: auto; }
	
	.main-navigation { display: flex; align-items: center; }
	.main-navigation .menu,
	.main-navigation .menu-aside-container,
	.main-navigation .menu-main-menu-container { 
		display: none; 
	}
		
	#masthead.toggled { height: 100%; min-height: 100vh; background-color: var(--color-black); }
	#masthead.toggled img { position: absolute; top: 0; left: 0; margin: 2em; }
	
	.main-navigation.toggled { position: absolute; z-index: 9999; top: 0; left: 0;  
		display: inherit; width: 100%; height: 100%; min-height: 100vh; padding: 0; 
	}
	.main-navigation.toggled .menu-toggle { position: absolute; top: 3em; right: 1em; margin: 2em; display: block; }
	.main-navigation.toggled .logo-nav li { background: #888888; }
	.main-navigation.toggled .menu-aside-container,
	.main-navigation.toggled .menu-main-menu-container { 
		display: flex; width: 100%; min-height: 100vh; height: 100%; clear: both; 
	 }
	 

	.main-navigation.toggled ul { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; margin: 0 auto; padding: 200px 0 0;  }
	.main-navigation.toggled ul li { display: inline-block; width: 100%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid var(--border-color-dark); text-align: left; text-indent: 10px; }
	
	.main-navigation.toggled ul li:first-child { padding-top: 10px; border-top: 1px solid var(--border-color); }
	.main-navigation.toggled ul li:last-child { margin-bottom: 0; padding-right: 2em; border: 0; }
	.main-navigation.toggled ul li a { justify-content: center; text-indent: 0; text-align: center; padding: 0; color: var(--color-white); }
	.main-navigation.toggled ul li.wp-block-button__link { margin-top: 30px; background: none!important; text-indent: 0; text-align: center; }
	.main-navigation.toggled ul li.wp-block-button__link a { width: 146px; max-width: 100%; margin: 0 auto; padding:  16px 22px; 
		background: var(--color-accent-secondary); color: var(--color-white); 
	}
	.main-navigation.toggled ul li.menu-item-has-children a { margin-bottom: 15px; }
	.main-navigation.toggled ul li.menu-item-has-children a:after { display: none; }
	.main-navigation.toggled ul li.menu-item-has-children ul li { display: block; margin-left: auto; margin-right: auto; text-indent: 0; }
	.main-navigation.toggled ul li.menu-item-has-children ul li a { margin-bottom: 0; }
	.main-navigation.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; padding: 0; box-shadow: none; }
	.main-navigation.toggled ul ul li:first-child { padding-top: 0; }
	
	/* Content */
	.site-header .site-title { order: 1; }
	.site-header .site-description { order: 2;  }
	.site-header ul.social-icons { display: none; }
	.site-header.toggled ul.social-icons { position: absolute; top: 10em; right: 2em; display: flex; }

	.has-2-columns.sidebar-content .wp-block-column,
	.has-2-columns.content-sidebar .wp-block-column {
		 grid-column: 1;
	}
	.entry-content .has-2-columns.content-sidebar { grid-template-columns: 1fr; padding-bottom: 0; }
	.entry-content .has-2-columns.content-sidebar .wp-block-column,
	.entry-content .has-2-columns.sidebar-content .wp-block-column { 
		grid-column: 1; 
	}
	
  .wp-block-columns .wp-block-column { flex-basis: 100%!important; margin-left: 0; }
	.wp-block-columns .wp-block-column.logo { border: 0; }
  
	/* Custom Block Layouts */
  .entry-content .alignwide,
	.entry-content .wp-block-group__inner-container .alignwide { 
		padding-right: 24px; padding-left: 24px;
	}
	
  .has-3-columns,
  .has-2-columns.sidebar-content, 
  .has-2-columns.content-sidebar, 
	.wp-block-columns.has-2-columns--25-75,
  .wp-block-columns.has-2-columns--75-25,
	.wp-block-columns.has-2-columns--70-30,
	.wp-block-columns.has-2-columns--30-70,
	.wp-block-columns.has-2-columns--60-40,
	.wp-block-columns.has-2-columns--40-60,
	.wp-block-gallery.columns-3 .blocks-gallery-grid  { 
		grid-template-columns: 1fr; 
	}  
	
	.work-categories .has-2-columns--30-70 .wp-block-column:first-of-type { order: 2; }
	.work-categories .has-2-columns--30-70 .wp-block-column:last-of-type { order: 1; }
	.work-categories .wp-block-columns .wp-block-column .wp-block-image { margin-bottom: 16px; }
	
  .has-2-columns.sidebar-content .wp-block-column:last-of-type { order: 1; }
  .has-2-columns.sidebar-content .wp-block-column:first-of-type { order: 2; }
  
	.has-2-columns--70-30 .wp-block-column:first-child .wp-block-cover { padding: 30px; }
	.has-2-columns--70-30 .wp-block-column:last-of-type .wp-block-group { padding-top: 30px; }
	
	.wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) .wp-block-group { padding-top: 50px; }
  .wp-block-cover-text p { padding: 1.5em 0; }
  
} 

@media screen and (max-width: 600px) {
  
	/* Typescale */
	.wp-block-cover h1, 
	.wp-block-cover-image h1 {
    text-align: left;
	}
	
	#yoast-breadcrumbs { font-size: .889rem; }
	
	.has-huge-font-size { font-size: 3.157rem!important; } 
	.has-large-font-size { font-size: 2.369rem!important; }
	.has-medium-font-size { font-size: 1.333rem!important; line-height: 1.3; }
	.has-normal-font-size { font-size: 1rem!important;  }
	.has-small-font-size { font-size: .889rem!important; }

	.wp-block-cover:is(h1,h2,h3,h4,h5,h6),
	.wp-block-cover-image:is(h1,h2,h3,h4,h5,h6) {
		text-align: left;
	}

	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"], 
	input[type="submit"], 
	.wp-block-button__link, 
	.wpcf7 input[type="submit"] {
		font-size: .8rem;
	}
		
	ul.menu li,
	ul.menu li a,
	ul.menu ul li a,
	ul.menu li ul li a { 
		font-size: .8rem; 
	}

	.wp-block-quote.hero-quote p { font-size: 1.125rem; }
	.wp-block-quote.hero-quote cite { font-size: .75rem; }

	pre,
	code,
	kbd, tt, var,
	.wp-block-code { 
		font-size: .75em; line-height: 1em;
	}
	
	/* Content */
  .has-2-columns { grid-template-columns: 1fr; }
  
	.press .wp-block-gallery.columns-3 .blocks-gallery-grid  { grid-template-columns: 1fr; width: 400px; max-width: 100%; }
	
}
	
@media screen and (max-width: 414px) {
	
	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"], 
	input[type="submit"], 
	.wp-block-button__link,
	#primary .entry-content .gform_wrapper input.button, 
	#primary .entry-content .gform_wrapper input[type=submit] {
		font-size: .823rem; 
	}
	
	.wp-block-quote__citation, 
	.wp-block-quote cite, .wp-block-quote footer {
		font-size: .75rem; 
	}
	
	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"], 
	.wp-block-button__link, 
	.wpcf7 input[type="submit"] {
		padding-right: 16px; padding-left: 16px; 
	}
	
	.wp-block-button__link { min-width: 135px;  }
	
	#primary .entry-content > .wp-block-cover:first-child { padding-right: 10px; padding-left: 10px; }
  
  .entry-content > * { padding-right: 1em; padding-left: 1em; }

	.wp-block-group.stacked-50 h2 { width: 100%; }

	.entry-content .wp-block-code { padding: 10px; }
	.entry-content .wp-block-cover { min-height: 31em; padding: 0 10px; }
  .entry-content .wp-block-cover__inner-container { text-align: center; }
  
	.site-info .wp-block-group { padding-right: 1em; padding-left: 1em; }
  
}