/*
Theme Name: tbcparent
Theme URI:  http://thebuildcollective.net/
Author: The Build Collective
Author URI:
	https://thebuildcollective.net
	http://jeremyschuler.com/
	http://rvoisan.com/
Description: Custom Gutenberg compatible theme for the Build Collective
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tbcparent
Tags: 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 03.29.20 = 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 Colors
    ## Typography
    ## Layout, CSS Grid
    ## Content
    ## Page Templates
    ## Blog
    ## Helper Classes
12.0 # Components
13.0 # Gutenberg
		## Helper Classes
		## Author Styles
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: brandon-grotesque,sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both;font-weight: 700;}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote,blockquote p{font-size:1.333rem;font-family:sans-serif;color:#efefef}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%}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="submit"],
.wp-block-button__link,
.wpcf7 input[type="submit"] {
	font-family: 'brandon-grotesque', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; text-transform: uppercase;
}

.normal {
	font-family: 'brandon-grotesque', sans-serif;
	font-weight: 400;
	font-style: normal;
}

.bold { font-weight: 700; }
.italic { font-style: italic; }

/* ==========================================================================
   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"],
input[type="submit"],
.wp-block-button__link,
.wpcf7 input[type="submit"] {
	border: 1px solid transparent;
	background: #E11844; padding: 12px 22px; color: #fff;
	transition: background 150ms ease-in-out;
}

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

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: #121212; text-decoration: none; }

a:hover,
a:focus,
a:active {
	color: #E11844;
}

/* a:focus { padding: 0; outline: dotted; } */

.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
   -------------------------------------------------------------------------- */

/* Main Menu */
.main-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-navigation ul { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0; padding: 0;}
.main-navigation ul.sub-menu { background: #fff; flex-direction: column;}
.main-navigation ul.sub-menu a{ color: #313640; }
.main-navigation ul ul {
	float: left; position: absolute; top: 0; left: -999em; z-index: 99999;
	margin-top: 45px; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul:before { content:''; display: none; }

/*
	Remove Font Awesome Arrow Icon
	.main-navigation ul ul:before { position: absolute; top: -22px; left: 0; display: inline-block; color: #fff; }
*/

.main-navigation ul ul li { width: 100%; margin-bottom: 5px; padding: 0 4% 5px; border-bottom: 1px solid #efefef; }
.main-navigation ul ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.main-navigation ul ul li a { color: white; }
.main-navigation ul ul li a:hover { color: #E11844; }

.main-navigation ul ul ul { top: 0; left: -999em; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul a { padding-top: 5px; padding-bottom: 10px; color: white; }
.main-navigation ul ul a { width: 200px; padding-top: 0; padding-bottom: 0; color: #505050; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li { position: relative; display: inline-block; padding: 5px 10px 0 10px; }
.main-navigation li:last-child { padding-right: 0; }

.main-navigation a { display: block; text-decoration: none; }

/* Responsive Menu */
.menu { display: block; }
.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); }
}

/* 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; }
.main-navigation li a:before { height: 0; }

ul.nav-menu li a { margin-right: 20px; text-transform: uppercase; }
ul.nav-menu li a:hover { color: #E11844; }
ul.nav-menu li:last-child a { margin-right: 0; }
ul.nav-menu li.current-menu-item:last-child { padding-right: 10px; }
ul.nav-menu li.current-menu-item a { color: #E11844; }
ul.nav-menu li.current-menu-item li a { color: #505050; }
ul.nav-menu li.current-menu-item li a:hover { color: #E11844; }
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: slide-down .3s ease-out;
	-moz-animation: slide-down .3s ease-out;
}
.main-navigation.toggled ul ul { padding-left: 10px; }
.main-navigation.toggled ul ul:before { display: none; }

/* Hamburger Menu */
.menu-toggle { position: relative; z-index: 999; display: none; width: 50px; height: 50px; background: none; border: 0; text-indent: -9999px; }
.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after {
	position: absolute; display: block; height: 6px; width: 30px;
	cursor: pointer; border-radius: 1px; background: #fff;
  content: '';
}
.menu-toggle span { top: 12px; left: 10px; }
.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;
  -moz-transition: all .35s; /* Firefox 4 */
  -webkit-transition: all .35s; /* Safari and Chrome */
  -o-transition: all .35s; /* Opera */
}

.menu-toggle:hover span,
.menu-toggle:hover span:before,
.menu-toggle:hover span:after {
	background: #fff;
}

/* Hamburger Menu Toggled */
.main-navigation.toggled .menu-toggle span { top: 22px; 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;
}


/*
.main-navigation #primary-menu.menu { display: none; padding-top: 10px; padding-bottom: 10px; }
.main-navigation.toggled { position: relative; z-index: 9999; display: block; min-height: 100vh; height: 100%; background: rgb(0,0,0,1); }
.main-navigation.toggled .menu-toggle { float: right; }
.main-navigation.toggled #primary-menu.menu { display: inherit; }
*/


/* Single Post Navigation */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 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 { display: inline; margin-right: 1.5em; }
.alignright { display: inline; margin-left: 1.5em; }

.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:first-child { margin-top: 0; }

.widget ul { margin-bottom: 0; }
.widget ul li a { color: #717171; }
.widget select { max-width: 100%; }

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

/* --------------------------------------------------------------------------
	 ## 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
   ========================================================================== */

/* --------------------------------------------------------------------------
	 ## Color Variables and Helper Colors
   -------------------------------------------------------------------------- */

:root {
--clr-1: #E11844;
--clr-1-dark: #b01033;
--clr-1-op: rgba(225, 24, 68, 0.9);

--clr-2: #323641;
--clr-2-dark: #323641;
--clr-2-op: rgba(55,66,77, 0.9);

--clr-3: #F3F3F3;
--clr-3-dark: #F3F3F3;
--clr-3-op: #F3F3F3;

--clr-white: #fff !important;
--clr-white-op: rgba(255,255,255, 0.9) !important; 

--clr-black: #000 !important;
--clr-black-op: rgba(0,0,0, 0.9) !important; 

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

.clr-1 { color: var(--clr-1) !important; }
.clr-1-dark { color: var(--clr-1-dark) !important; }

.clr-2 { color: var(--clr-2) !important; }
.clr-2-dark { color: var(--clr-2-dark) !important; }

.clr-3 { color: var(--clr-3) !important; }
.clr-3-dark { color: var(--clr-3-dark) !important; }

.clr-white { color: var(--clr-3) !important; }
.clr-black { color: var(--clr-3-dark) !important; }

/* BKG ------------------------------------------*/
.bkg-1 { background-color: var(--clr-1) !important; }
.bkg-1-dark { background-color: var(--clr-1-dark) !important; }
.bkg-1-op { background-color: var(--clr-1-op) !important; }

.bkg-2 { background-color: var(--clr-2) !important; }
.bkg-2-dark { background-color: var(--clr-2-dark) !important; }
.bkg-2-op { background-color: var(--clr-2-op) !important; }

.bkg-3 { background-color: var(--clr-3) !important; }
.bkg-3-dark { background-color: var(--clr-3-dark) !important; }
.bkg-3-op { background-color: var(--clr-3-op) !important; }

.bkg-4 { background-color: var(--clr-4) !important; }
.bkg-4-dark { background-color: var(--clr-4-dark) !important; }
.bkg-4-op { background-color: var(--clr-4-op) !important; }

.bkg-white { background-color: var(--clr-white) !important; }
.bkg-white-op { background-color: var(--clr-white-op) !important; }
.bkg-black { background-color:color: var(--clr-black) }
.bkg-black-op { background-color: color: var(--clr-black-op) }

.dark { background: #313640; color: #fff; }

/* --------------------------------------------------------------------------
	 ## Typography
   -------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	width: 100%; font-weight: 800; line-height: 1;
	font-family: brandon-grotesque,sans-serif;
	text-transform: uppercase;
}

h1 { font-size: 44px; line-height: 1.2; }
h2 { font-size: 36px; line-height: 1.1; }
h3 { font-size: 30px; line-height: 1.2; }
h4 { font-size: 24px; }
h5,
h6 {
	font-size: 21px; line-height: 1.1;
}

.h-secondary,
.h-tertiary {
  font-family: 'EB Garamond';
  font-weight: 400; font-style: italic;
  text-transform: capitalize;
}
.h-secondary { font-size: 30px; }
.h-tertiary { font-size: 24px; line-height: 1.35; }

.wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after, 
.wp-block-tbc-accordion-item.closed .tbc-accordion-item-heading::after { 
	font-size: 35px; line-height: 1.25; font-weight: 700;
}

p { font-size: 16px; }

a,
p,
img,
span,
input,
textarea,
select {
	font-family: 'Roboto', serif;
}

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

.posted-on { font-size: 14px; }

.button { font-family: 'Roboto', serif; text-transform: uppercase; }
.button.view-all { font-size: 14px; }
.menu-toggle { font-size: 14px; font-family: 'Roboto'; text-transform: uppercase; }
.menu-toggle i { font-size: 28px; }
.main-navigation ul ul li a { text-transform: capitalize; }

.site-title { font-weight: normal; }
.site-title a { font-size: 24px; }
.site-info a { font-size: 11px; text-align: center; }
.site-description { font-size: 14px; font-weight: normal; }

.footnote { font-size: 11px; }

.entry-header .entry-title { text-transform: capitalize; }

ul.social i,
ul.social-icons a {
  font-size: 18px;
}

ul.bullet-list,
ul.feature-list { 
	font-family: 'brandon-grotesque', sans-serif; font-weight: 800; text-transform: uppercase; 
}
ul.bullet-list { font-size: 18px; }
ul.feature-list { font-size: 30px; }

.cat-links,
.tags-links {
  font-size: 14px; font-family: 'Roboto Mono', monospace;
}

.cat-links a,
.tags-links a,
.comments-link a {
	font-size: 14px; font-weight: 400; text-transform: uppercase;
}

#colophon h6 { font-size: 20px; font-weight: 700; text-align: left; }
#colophon ul li a { font-size: 16px; font-weight: 700; text-transform: uppercase; }
#colophon ul ul a { text-transform: capitalize; }
#colophon .social-icons a { font-size: 44px; }

/* Pages */
.wp-block-tbc-section.skin-diagram .wp-block-image:last-of-type figcaption { font-size: 30px; line-height: 1.2; }

/* Blog */
article .entry-header a { font-family: 'Roboto'; }

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

.archive article .entry-content h1,
.archive article .entry-content h2 {
	font-size: 30px;
}
.archive article .entry-content h3 { font-size: 24px; }
.archive article .entry-content h4 { font-size: 21px; }
.archive article .entry-content h5,
.archive article .entry-content h6 {
	font-size: 18px;
}

.archive article .entry-title a,
.category article .entry-title a {
	text-transform: capitalize;
}

/* Gutenberg */
.wp-block-cover h2,
.wp-block-cover-image h2 {
	font-size: 140px;
}

.wp-block-cover h3,
.wp-block-cover-image h3 {
	font-size: 110px; margin-bottom: 40px;
}

.wp-block-cover h4,
.wp-block-cover-image h4 {
	font-size: 24px;
}

.tbc-accordion-item-heading h1, 
.tbc-accordion-item-heading h2,
.tbc-accordion-item-heading h3,
.tbc-accordion-item-heading h4,
.tbc-accordion-item-heading h5,
.tbc-accordion-item-heading h6 { 
	font-size: 25px; font-weight: 800; 
}

/* Font Awesome */
.main-navigation ul ul:before  { font-size: 36px; content: '\f0de'; }
.main-navigation ul ul:before,
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' }
li.menu-item-has-children a::after {  content: '\f107' }

/* --------------------------------------------------------------------------
	 ## Layout
	 CSS Grid, Flexbox
   -------------------------------------------------------------------------- */
.entry-content > * { padding: 0 30px; }

/* Header  */
#masthead { width: 100%; height: 70px; padding: 8px; background-color: #272E3A;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	z-index: 10;
}
#masthead.sticky { position: fixed!important; top: 0; left: 0; z-index: 999; background-color: rgba(23, 31, 46, .9)!important;
  box-shadow: 0px 2px 10px 0px rgba(51,51,51,1);
}

.home #masthead { position: absolute; background-color: rgba(23, 31, 46, .34); }
.page-template-page-product #masthead { position: absolute; background-color: rgba(23, 31, 46, .34); }

#masthead .social-media {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.site-branding { display: inline-flex; align-items: center; }
.site-branding img {
	padding: 0;
	margin: 0;
}
.site-description { width: 100%; margin: 0 0 0 -100px; color: #767676; }

#masthead .menu-language-container #menu-language.menu {
	margin: 0;
	padding: 0 0 0 16px;
}

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

/* Global */
body {
	color: #313640;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	width: 100%;
	text-align: center;
}

h1.entry-title,
h2.widget-title {
  margin: 0 0 20px;
}

.success,
.sucess li {
	color: #09AB85;
}

ol.fa-icons-list li { margin-left: 0; list-style-type: none; }
ol.fa-icons-list li i { margin-right: 10px; }

li a { color: #E11844; }

/* Links */
a { color: #111;
	transition: color .35s;
	-moz-transition: color .35s;
	-webkit-transition: color .35s;
	-o-transition: color .35s;
}
a:hover { color: #E11844; }

]/* 
 * Lists 
*/

/* Bullet List */
ul.bullet-list  { color: var(--clr-2); list-style: none; padding: 0;  width: 100%; }
ul.bullet-list li { margin-left: 1em; text-indent: -.5em; line-height: 1.2; margin-bottom: .5em; list-style-type: none; }
ul.bullet-list li:last-child { margin-bottom: 0px; }
ul.bullet-list li::before { content: '- '; }
ul.bullet-list.light  { color: var(--clr-white); }
ul.bullet-list.centered { display: block; width: auto; }

/* Feature List */
ul.feature-list  { color: var(--clr-2); list-style: none; width: 100%; padding: 0; }
ul.feature-list li { margin-left: 1em; text-indent: -.5em; line-height: 1.2; margin-bottom: .5em; }
ul.feature-list li:last-child { margin-bottom: 0px; }
ul.feature-list li::before { content: '- '; }
ul.feature-list.light  { color: var(--clr-white); }

/* Check Mark List */
ul.check-mark { list-style: none; padding: 0;  }
ul.check-mark li { position: relative; list-style: none; font-size: 36px; text-transform: uppercase; margin-bottom: 10px; /*max-width: 300px;*/ }
ul.check-mark li:last-child { margin-bottom: 0px;  }
ul.check-mark i { position: absolute; top: 6px; left: -60px; font-size: 40px; color: var(--clr-1); }

/* Structure */
#page { background: #fff; overflow: hidden; }
.wrapper { width: 100%; display: block; margin: 0 auto; background: #fff; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }

#primary { padding: 0; background: #fff; }
#primary .entry-content { position: relative; }
.home #footer-widgets,
.blog #primary article,
#primary.single article,
.page-template #primary .entry-content {
	max-width: 100%; margin: auto;
}

/* Header */
#masthead img {  }
#masthead p a { text-decoration: none; }
#masthead .inner-wrap { position: relative; }
#masthead iframe { position: absolute; top: 30px; margin-left: 20px; }

.site-title { margin: 0; }
.site-title:not(:empty) + .site-description:not(:empty):before { content: "\2014"; margin: 0 .2em; }
.site-title a { display: block; }

/* 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: #fff; }

/* Footer */
#colophon { position: relative; width: 100%; padding: 50px; background: #313640; border-top: none;
	display: flex; flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
}

#colophon .site-info img { width: 105px; display: block; margin: 0 auto 20px; }

#colophon h6 { margin-top: 0; margin-bottom: 20px; color: #E11844; }

#colophon ul { margin: 0; padding: 0; list-style: none; }
#colophon ul li { margin-bottom: 5px; color: #fff; }
#colophon ul li.menu-item-has-children a::after { content:''; display: none; }

#colophon .site-info { height: 100%; padding: 0 32px 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#colophon  .site-info a { margin: auto; color: #fff; }

#colophon .footer-navigation { width: max-content; }
#colophon .footer-navigation a { color: #fff; }
#colophon .footer-navigation a:hover { color: #E11844; }
#colophon .footer-navigation .sub-menu li a { margin-left: 8px; }
#colophon .footer-navigation .sub-menu li a::after { content: none; }

#colophon .footer-social,
#colophon .footer-contact-info,
#colophon .footer-navigation { margin-bottom: 30px; margin-left: 50px;
	display: flex; flex-direction: column; align-items: flex-start;
}

#colophon .footer-contact-info { width: max-content; height: 100%; padding: 0 32px 0 0; }
#colophon .footer-social { width: fit-content; margin-left: auto; }

#colophon .wp-block-button .wp-block-button__link { white-space: nowrap; }

#colophon .social-icons a { color: #E11844; }
#colophon .social-icons { width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

#colophon .social-icons li { flex: 1; text-align: center; }

.copyright { color: #505050; }

/* Socials */
ul.social-icons { display: inline-flex; margin: 0; padding: 0; }
ul.social-icons li { display: inline-block; }
ul.social-icons li { margin-right: 20px; }
ul.social-icons li:last-child { margin-right: 0; }
ul.social-icons a { color: #fff; }
ul.social-icons a:hover { color: #E11844; }
ul.social-icons .sr-only { font-size: 0; }

.remove-cursor > a:hover { cursor: default; }
.remove-cursor li a:hover { cursor: pointer; }

/* Posts and pages */
#content { padding: 60px 0; background: #fff; }
.page-header { width: 100%; }

/* --------------------------------------------------------------------------
	 ## Page Templates, Components
   -------------------------------------------------------------------------- */

/* 
 * 2 Week Results 
*/
.results-2_weeks { background: var(--clr-2); color: #fff; margin-bottom: 0; }
.results-2_weeks h3 { margin-top: -50px; margin-bottom: 10px; }
.results-2_weeks h4 { margin-top: 10px; margin-bottom: 0; }

.wp-block-tbc-section.results-2_weeks .tbc-section-content { display: flex; padding: 0;
	flex-direction: column; justify-content: center; align-items: center;
}
.results-2_weeks .tbc-section-content .wp-block-group { width: 100%; }
.results-2_weeks .tbc-section-content .wp-block-group .wp-block-group__inner-container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 1fr;
	max-width: 100%;
}
.results-2_weeks .wp-block-group__inner-container::before,
.results-2_weeks .wp-block-group__inner-container::after { display: block;
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	
}
.results-2_weeks .wp-block-group__inner-container::before { background-position: top right; }
.results-2_weeks .wp-block-group__inner-container::after { background-position: top left; }
.results-2_weeks .tbc-section-content .wp-block-tbc-card { position: relative; max-width: 770px; }

/* 2 Weeks Product Specific Pages */
.home .results-2_weeks .wp-block-group__inner-container::before { 
	background-image: url('assets/img/Mask-Focus-Premium-FRONT.jpg');
}
.home .results-2_weeks .wp-block-group__inner-container::after { 
	background-image: url('assets/img/Mask-Focus-Premium-BACK.jpg');
}

.premium-plus .wp-block-group__inner-container::before {
	background-image: url('assets/img/Mask-Focus-Premium_Plus-BACK.jpg');
}
.premium-plus .wp-block-group__inner-container::after {
	background-image: url('assets/img/Mask-Focus-Premium_Plus-FRONT.jpg');
}

.premium .wp-block-group__inner-container::before {
	background-image: url('assets/img/Mask-Focus-Premium-FRONT.jpg');
}
.premium .wp-block-group__inner-container::after {
	background-image: url('assets/img/Mask-Focus-Premium-BACK.jpg');
}

.standard .wp-block-group__inner-container::before {
	background-image: url('assets/img/Mask-Focus-Standard-FRONT.jpg');
}
.standard .wp-block-group__inner-container::after {
	background-image: url('assets/img/Mask-Focus-Standard-BACK.jpg');
}

/* Clinical Results */
.results-clinical .nested-full .wp-block-image { margin-top: 20px;  }
.results-clinical .wp-block-col smns.has-2-columns { display: grid; grid-template-columns: 1fr 1fr; }
.results-clinical .wp-block-columns .wp-block-column.nested-split .wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; }
.results-clinical .result-name { font-size: 20px; }
.results-clinical .result-change { font-size: 14px; }

/* Before & After Results */
.results-before_after { background:  var(--clr-2); color: #fff; }
.results-before_after .wp-block-columns.has-2-columns { grid-gap: 8px; margin-bottom: 0; max-width: 1180px; margin: auto; }
.results-before_after .b-a-heading{ display: inline-block;  width: 50%; margin-block-start: .25em; }
.results-before_after .a-heading:last-child { background: #E01644; color: white; float: right; }
.results-before_after img{ box-shadow: var(--shad-box-dark); }

/* Mask Gallery */
.entry-content .wp-block-tbc-section.mask-product-gallery { padding-bottom: 80px; }
.mask-product-gallery .blocks-gallery-item img { margin-bottom: 0; object-fit: cover; }
.mask-product-gallery .blocks-gallery-item figure { height: 100%; justify-content: center; margin: 0; }
.mask-product-gallery .blocks-gallery-item figure,
.mask-product-gallery .blocks-gallery-item figure a {
	display: flex;
}

/* Intertek */
.intertek-testing { background:var(--clr-2); color: #fff; }
.intertek-testing ul.bullet-list li { margin-left: 10px; }
.intertek-testing .wp-block-image { margin: 0; position: relative; }
.intertek-testing .wp-block-cover { background-size: cover; background-repeat: none; }

.wp-block-tbc-section.intertek-testing .tbc-section-content { padding: 0; }
.intertek-testing .tbc-section-content img { margin-bottom: 0; }
.intertek-testing .tbc-section-content .wp-block-columns.has-2-columns {
   display: grid;
   grid-template-columns: 40% 60%;
   margin: 0;
}
.intertek-testing .tbc-section-content .mobile-hidden .wp-block-image { direction: rtl; overflow: hidden; }
.intertek-testing .tbc-section-content .content-width .wp-block-image { float: left; margin-bottom: 40px; }

.intertek-testing .tbc-section-content .wp-block-columns.has-2-columns {
	grid-template-columns: min-max(800px, 1fr) 2fr;
	max-width: 100%;
}

.intertek-testing .content-width { max-width: 700px; width: 100%; margin: auto; padding: 100px 30px;
	display: flex; flex-direction: column;
  justify-content: center; align-items: center;
}
.intertek-testing .content-width p { margin-top: 0; }
.intertek-testing .content-width ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; }
.intertek-testing .content-width h3 { margin-bottom: 0; }

/* 
 * Home 
*/
.home #footer-widgets { margin-top: 60px; }

/* Home -- Main Hero */
.home-hero .wp-block-tbc-card { max-width: 500px; }
.home-hero .wp-block-tbc-card h2 { color: #fff; }

.home-hero.wp-block-tbc-hero {
   position: relative;
   background: #313640;
   width: 100%; height: 80vh;
   display: flex; align-items: center; justify-content: center;
   background-size: contain;
   background-position: right;
   background-repeat: no-repeat;
}
.home-hero.wp-block-tbc-hero .tbc-hero-overlay {
   position: absolute; z-index: 1; display: block;
   width: 100%; height: 100%;
   /* replaced with ACF hero block
   background: url('https://unisledmask.thebuildcollective.net/wp-content/uploads/2020/01/Mask-Group-3.png') no-repeat;
   background-position: left;
   background-size: contain;
   */
}
.home-hero.wp-block-tbc-hero .tbc-hero-content { z-index: 2; }

/* Home -- Icons Intro */
.icons-intro .wp-block-column { border-right: 1px solid var(--clr-2); }
.icons-intro .wp-block-column:last-child { border-right: none; }
.icons-intro .wp-block-tbc-card { width: 100%; padding: 16px; }
.icons-intro .wp-block-image img { margin: 0 auto; }

/* Home -- Mask Cards */
.mask-product-cards ul.bullet-list { margin-top: 0; }
.mask-product-cards .tbc-section-content img { margin-bottom: 0; }
.mask-product-cards .wp-block-columns.has-3-columns { grid-gap: 20px; }
.mask-product-cards .wp-block-tbc-card .wp-block-image { flex-direction: column; }
.mask-product-cards .tbc-section-content .wp-block-tbc-card .mask-title {
   position: absolute; top: 0px; right: 0px; text-align: right;
   display: block; width: 100%; margin-bottom: 0; margin: 0; padding: 12px 12px 0 0;
   color:  var(--clr-1);
}
.mask-product-cards .tbc-section-content .wp-block-tbc-card { position: relative; 
   display: flex; flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%; max-width: 650px; padding: 16px;
   background:  var(--clr-2);
}
.mask-product-cards .tbc-section-content .wp-block-tbc-card .wp-block-button { margin: 10px auto; }
.mask-product-cards .tbc-section-content .wp-block-tbc-card .wp-block-button.view-more .wp-block-button__link { font-size: 13px; padding: 8px 74px; }

/* Home -- Skin Graph */
.entry-content .wp-block-tbc-section.skin-graph { padding-bottom: 310px; }

/* Home -- Skin Diagram */
.entry-content .wp-block-tbc-section.skin-diagram { height: 80vh; max-height: 960px; background-position: center; background-repeat: no-repeat; }
.wp-block-tbc-section.skin-diagram { display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.wp-block-tbc-section.skin-diagram .wp-block-image:last-of-type img { 
  position: absolute; right: 0; left: 0; /* margin-top: -680px; */ margin-top: -35%; margin-bottom: 0; 
}

.skin-diagram h3 { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
.skin-diagram h3:first-of-type { padding-bottom: 350px; }
.skin-diagram .wp-block-image:last-of-type { position: relative; background: #fff; }
.skin-diagram .tbc-section-content { padding-left: 0; padding-right: 0; }

/* 
 * Product  
*/

/* Hero Block */
.page-template-page-product .wp-block-tbc-hero {
    display: flex; 
    width: 100%; height: 80vh; background: var(--clr-2);
    align-items: center; justify-content: center;
    background-size: auto 150%;
    background-position: 90% 40%;
    background-repeat: no-repeat;
}
.page-template-page-product .wp-block-tbc-hero .tbc-hero-content { width: 1180px; height: 100%; padding-top: 48px; }

.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card,
.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card .hero-mask-name,
.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card .hero-mask-lead {  
	text-align: left !important; 
}

.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card { height: auto; }
.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card .hero-mask-name { color: var(--clr-1);  }
.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card .hero-mask-lead { max-width: 400px; width: 100%; margin-top: 144px; }
.page-template-page-product .wp-block-tbc-hero .wp-block-tbc-card .wp-block-button { justify-content: left; }

/* Mask Overviews */
.mask-product-overview-1 { background-position: bottom; background-repeat: no-repeat; background-size: contain; }
.mask-product-overview-2 { background-color:  var(--clr-3) }
.mask-product-overview-2 .wp-block-columns { margin-bottom: -100px; margin-top: -100px;}
.mask-product-overview-2 .has-2-columns { display: grid; grid-template-columns: 1fr; } 
.mask-product-overview-2 .has-2-columns .wp-block-column { grid-template-columns: 1fr; }
.mask-product-overview-2 .has-2-columns .wp-block-column:last-child { display: flex; align-items: center; }
.mask-product-overview-3 { background-repeat: no-repeat; background-position: bottom; background-size: contain; background-color:  var(--clr-3); }

/* Mask Product Kit */
.mask-product-kit { background-color:  var(--clr-2); }
.mask-product-kit .has-2-columns{ grid-template-columns: 1fr 2fr; }

/* Mask Product Gallery */
.mask-product-gallery { background: #fff; background-repeat: no-repeat; background-size: contain; background-position: bottom; }
.mask-product-gallery .wp-block-columns.has-2-columns { display: grid; grid-template-columns: 1fr 4fr; max-width: 1440px; }
.mask-product-gallery .wp-block-gallery ul { list-style: none; padding: 0 15px;
   display: grid; grid-gap: 30px;
   grid-template-columns: repeat( auto-fit, minmax(195px, 1fr));
}
.mask-product-gallery .wp-block-gallery .blocks-gallery-item { margin: 0; }

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

.blog #primary article { margin-bottom: 60px; padding: 0 30px; }
.blog #primary article:last-of-type { margin-bottom: 0; }

.post h2.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: #E11844;
}
.cat-links a:hover,
.tags-links a:hover {
	color: #121212;
}
.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 h1.page-title,
.category h1.page-title {
	margin-top: 0; color: #fff; border-bottom: 2px solid #333; padding: 0 0 14px 0;
}

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

.archive article,
.category article {
	margin-bottom: 40px; padding-bottom: 50px; border-bottom: 4px solid #3A3A3A;
}

.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 {
	color: #505050;
}

.archive article .entry-title a,
.category article .entry-title a {
	color: #474747;
}

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

article .entry-header a { color: #505050; }

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

/* Single Post */
.post { margin-bottom: 30px; }
.post h1.entry-title { margin-top: 10px; margin-bottom: 0; }
.post .entry-content a { color: #121212; }
.post .entry-content a:hover { color: #121212; }
.post .entry-footer { margin-top: 30px; padding-top: 10px; border-top: 2px solid #efefef; }

.entry-footer a.post-edit-link { margin-left: 10px; color: #ccc; }
.entry-footer a.post-edit-link:hover { color: #121212; }
a.post-edit-link:focus { outline: 0; }

/* 404 */
.error-404.container { margin-bottom: 60px; }

/* --------------------------------------------------------------------------
	 ## Helper Classes
   -------------------------------------------------------------------------- */

/* Triangle Helper Class */
.big-triangle:before {
  right: 50%;
  border-right: 1000px solid transparent;
  border-left: 1000px solid;
}

.big-triangle:after {
  left: 50%;
  border-left: 1000px solid transparent;
  border-right: 1000px solid;
}

.big-triangle:after, 
.big-triangle:before {
  content: ''; width: 50%;
  position: absolute; z-index: 100; bottom: 0;
  /*  change the height and the color below */
  border-bottom: 160px solid var(--clr-2);
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}
.big-triangle.light:after, 
.big-triangle.light:before {
  border-color: #fff;
}

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

/* Breadcrumbs */
ul#crumbs { display: block; width: 100%; margin: 0 0 20px 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 { display: flex; width: 100%; }
.search-form label,
.search-form input[type="search"],
.search-form input[type="submit"] {
	float: left; width: 100%; height: 40px;
}
.search-form label { width: 75%; }
.search-form input { border: 1px solid #efefef; }
.search-form input[type="search"] { text-indent: 5px; }
.search-form input[type="submit"] { width: 25%; margin-left: -1px; padding: 10px; font-size: 16px; text-transform: uppercase; }
.search-form input[type="submit"]:hover { border-color: #121212; }

/* ==========================================================================
   13.0 # Gutenberg
   ========================================================================== */
/*
 * removed automatic enqueue from WordPress and added minified below
 * wp-includes/css/dist/block-libaray/theme.min.css
 * v5.32
*/
.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d;font-size:16px}@media (min-width:600px){.wp-block-preformatted pre{font-size:14px}}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{border-left:4px solid #000;margin:0 0 28px;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid #000;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center}

/* --------------------------------------------------------------------------
	 ## Gutenberg Helper Classes
   -------------------------------------------------------------------------- */
/* Text Alignment */
.has-text-align-left { text-align: left !important; } 
.has-text-align-center { text-align: center !important; } 

/*  Block Color Palette Colors */
.has-strong-blue-color { color: #E11844; }
.has-lighter-blue-color { color: #229fd8; }

.has-strong-blue-background-color { background-color: #E11844; }
.has-lighter-blue-background-color { background-color: #229fd8; }

.has-very-dark-gray-color { color: #444; }
.has-very-light-gray-color { color: #eee; }
.has-very-light-gray-background-color { background-color: #eee; }
.has-very-dark-gray-background-color { background-color: #444; }
.has-very-dark-gray-background-color.has-very-dark-gray-background-color { background-color: #8F8F8F; }

/* --------------------------------------------------------------------------
	 ## Gutenberg Author Styles
   -------------------------------------------------------------------------- */
.wp-block-button {
	display: flex;
	justify-content: center;
	margin: 32px auto;
}

.wp-block-button__link,
.ghost .wp-block-button__link:hover  {
  background: #E11844; color: #fff; border: 2px solid transparent;
	white-space: nowrap;
}

.wp-block-button__link { border-radius: 22px; }
.wp-block-button__link.no-border-radius { border-radius: 0;  }

.wp-block-button__link:hover,
.ghost .wp-block-button__link {
  background: none; color: #E11844; border-color: #E11844;
}

.wp-block-button.view-more .wp-block-button__link {
	font-size: 13px;
	padding: 8px 74px;
	border-radius: 16px;
}

.wp-block-button.alignleft { }
.wp-block-button.alignright { }

.alert { color: #DE1631; }

.wp-block-columns { display: grid; margin-bottom: 60px; max-width: 1180px; margin-right: auto; margin-left: auto; }
.wp-block-columns:last-of-type { margin-bottom: 0;}

.wp-block-columns.has-2-columns {
	grid-template-columns: 1fr 1fr;
	grid-gap: 8px;
}
.wp-block-columns.has-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 8px;
}

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

.wp-block-code { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; }

.wp-block-column p:last-of-type { margin-bottom: 0; }

/* Default Centered */
.entry-content > * { max-width: 1180px; margin-right: auto; margin-left: auto; }
.entry-content .wp-block-tbc-section { position: relative; padding: 0; }
.entry-content > .alignwide { max-width: 1140px; }
.entry-content > .alignfull { max-width: 100%; }
article .entry-content > * { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; word-break: break-word; }

/* One Third Layout */
.wp-block-columns.one-third-layout .wp-block-column:first-child { grid-column: 1 / span 2; }
.wp-block-columns.one-third-layout .wp-block-column:last-child { grid-column: 3 / span 4; }
.wp-block-columns.one-third-layout .wp-block-column:not(:first-child) { margin-left: 0; }

/* Two Third Layout */
.entry-content .wp-block-columns.two-third-layout { grid-template-columns: repeat(6,1fr); }
.wp-block-columns.two-third-layout .wp-block-column:first-child { grid-column: 1/5; }
.wp-block-columns.two-third-layout .wp-block-column:last-child { grid-column: 5 / 7; }
.wp-block-columns.two-third-layout .wp-block-column:not(:first-child) { margin-left: 0; }

.entry-content ul,
.entry-content ol {
  margin: 1.5em auto;
  list-style-position: outside;
}

.wp-block-cover { min-height: 98vh; height: 98%; margin: 0; }
.wp-block-cover.verthalf { min-height: 50vh; height: 50%; }

.wp-block-image { justify-content: center; }
.wp-block-image img { display: block; margin: 0 auto; }

.wp-block-embed__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	margin: auto;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%
}

.wp-block-image.alignfull img { width: 100vw; }

.wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; }

.wp-block-cover-text p { padding: 1.5em 14px; }

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

.entry-content li {
  margin-left: 2.5em; margin-bottom: 6px;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin: 0 auto;
}

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

.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-quote.is-large { margin: 0 auto 16px; }

.wp-block-pullquote>p:first-child { margin-top: 0; }
.wp-block-separator { margin: 3em auto; padding: 0; border: 1px solid #ccc; }

.more-link { display: block; }

.wp-block-group > * { max-width: 610px; margin-right: auto; margin-left: auto; }
.wp-block-group > .alignwide { max-width: 1100px; }
.wp-block-group > .alignfull { max-width: 100%; }

.wp-block-group.has-background > .alignfull {
  width: calc( 100% + 60px );
  max-width: calc( 100% + 60px );
  position: relative;
  left: -30px;
}

/* ==========================================================================
   # TBC Blocks
   ========================================================================== */

/* Section Block */
.entry-content .wp-block-tbc-section { width: 100%; margin: auto;
	display: flex;
	justify-content: center; align-items: center;
}
.wp-block-tbc-section .tbc-section-content { width: 100%; padding: 32px 16px; }

/* Card Block */
.wp-block-tbc-card { display: block; height: 100%; padding: 16px 16px 32px 16px; }

/* Hero Block */
.wp-block-tbc-hero { background: var(--clr-2); width: 100%; display: flex; align-items: center; justify-content: center; height: 50vh; background-repeat: no-repeat; }
.wp-block-tbc-hero .tbc-hero-content { display: flex; align-items: center; justify-content: center; }
.wp-block-tbc-hero .tbc-hero-content .wp-block-tbc-card { display: block; width: 100%; text-align: center; color: #fff; }

/* Accordion Block */
.wp-block-tbc-accordion { margin: 40px auto; padding: 0; list-style: none; }
.wp-block-tbc-accordion li { box-shadow: var(--shad-box); -webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; }
.wp-block-tbc-accordion li.close { color: var(--clr-2)!important; }
.wp-block-tbc-accordion li.open { background-color: var(--clr-2-dark); color: var(--clr-1)!important; }
.wp-block-tbc-accordion li.open .tbc-accordion-item-content{ background-color: #fff; }

.tbc-accordion-item-heading { position: relative; padding-bottom: 30px; border-bottom: 1px solid #DEDEDE;
  transition: all .35s;
  -moz-transition: all .35s; /* Firefox 4 */
  -webkit-transition: all .35s; /* Safari and Chrome */
  -o-transition: all .35s; /* Opera */
}

.wp-block-tbc-accordion .wp-block-tbc-accordion-item { margin-left: 0; margin-bottom: 30px; padding: 10px 0 0; border: 1px solid #DEDEDE; }
.wp-block-tbc-accordion .wp-block-tbc-accordion-item p { margin-bottom: 0; padding: 0 30px 20px; }
.wp-block-tbc-accordion .wp-block-tbc-accordion-item p:last-child { margin-bottom: 0; }

.wp-block-tbc-accordion-item:hover .tbc-accordion-item-heading { cursor: pointer; opacity: .8; }
.wp-block-tbc-accordion-item:hover,
.wp-block-tbc-accordion-item:hover h2,
.wp-block-tbc-accordion-item:hover .tbc-accordion-item-heading,
.wp-block-tbc-accordion-item:hover .tbc-accordion-item-heading::after,
.wp-block-tbc-accordion-item.open:hover .tbc-accordion-item-heading::after,
.wp-block-tbc-accordion-item.closed:hover .tbc-accordion-item-heading::after {
  color: #E11844; border-color: #E11844;
}
.wp-block-tbc-accordion-item:last-of-type { margin-bottom: 0; }

.tbc-accordion-item-heading h1,
.tbc-accordion-item-heading h2,
.tbc-accordion-item-heading h3,
.tbc-accordion-item-heading h4,
.tbc-accordion-item-heading h5,
.tbc-accordion-item-heading h6 {
  margin-bottom: 0; padding-right: 20px; padding-left: 50px;
}

.tbc-accordion-item-content ul { padding-left: 20px; }
.tbc-accordion-item-content li { list-style-type: none; }

.wp-block-tbc-accordion-item.open .tbc-accordion-item-content { display: block; padding-top: 20px; padding-bottom: 20px; }

.wp-block-tbc-accordion-item.closed { background-color: var(--clr-3); }
.wp-block-tbc-accordion-item.closed .tbc-accordion-item-content { display: none; }

.wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after, 
.wp-block-tbc-accordion-item.closed .tbc-accordion-item-heading::after {
  position: absolute; top: -6px; left: 20px; color: var(--clr-1);
}

.wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after,
.wp-block-tbc-accordion-item  .tbc-accordion-item-heading::after { content: "+";
  -webkit-transition: all 0.25s 0s ease-in-out;
  -moz-transition: all 0.25s 0s ease-in-out;
  -o-transition: all 0.25s 0s ease-in-out;
  transition: all 0.25s 0s ease-in-out;
}
.wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after {
  transform: rotate(45deg);
  transform-origin: center center;
}

/* ==========================================================================
   14.0 # Plugins, Overrides
   To active, replace @import comments with minified CSS
   ========================================================================== */

/* UItoTop */
#toTop {
  display: none;
  position: fixed; z-index: 900; right: 20px; bottom: 20px;
  width: 40px; height: 40px; background-color: rgba(0,0,0,.1); border: 1px solid #474747;
  overflow: hidden; text-decoration:none;
}
#toTop:hover { border-color: #E11844; }
#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;
}

/*
 * Contact Form 7 v5.1.6
 * disabled CSS from functions/cleanup.php and minified below
 */
div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}div.wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid red}div.wpcf7-mail-sent-ok{border:2px solid #398f14}div.wpcf7-aborted,div.wpcf7-mail-sent-ng{border:2px solid red}div.wpcf7-spam-blocked{border:2px solid orange}div.wpcf7-acceptance-missing,div.wpcf7-validation-errors{border:2px solid #f7e700}.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{color:red;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:#fff;padding:.2em .8em}span.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}span.wpcf7-list-item-label::after,span.wpcf7-list-item-label::before{content:" "}.wpcf7-display-none{display:none}div.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-image:url(../../images/ajax-loader.gif);width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}div.wpcf7 .ajax-loader.is-active{visibility:visible}div.wpcf7 div.ajax-error{display:none}div.wpcf7 .placeheld{color:#888}div.wpcf7 input[type=file]{cursor:pointer}div.wpcf7 input[type=file]:disabled{cursor:default}div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}

/* CF7 Overrides */
.entry-content .wpcf7 { margin: 60px auto; padding: 0 30px; }
.wpcf7-form-control-wrap { display: block; margin-top: 5px; }

.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors {
	font-size: 14px;
}

span.wpcf7-not-valid-tip { margin-left: 10px; margin-bottom: 15px; }

.wpcf7 h2,
.wpcf7 h3 {
	margin-bottom: 20px;
}
.wpcf7 p { margin-bottom: 0; }
.wpcf7 input[type="submit"] { display: block; width: initial; margin: auto; }

.wpcf7 fieldset { margin-top: 0; padding: 0 20px; border: 1px solid #333; }
.wpcf7 fieldset legend { margin-bottom: 0; background: none; color: #171717; text-align: center; }
.wpcf7 form br { display: none; }

.wpcf7 .form-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #333333; }
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .form-group.required h4,
.wpcf7 .invalid .form-group.required label {
	color: #97100E;
}
div.wpcf7-mail-sent-ok { border-color: #079D7C; color: #079D7C; }
.wpcf7 .form-group.required h4,
.wpcf7 .form-group.required label {
	color: #079D7C;
}
.wpcf7 .invalid .required input,
.wpcf7 .invalid .required select,
.wpcf7 .invalid .required textarea {
	 border-color: #97100E;
}

.wpcf7 .wpcf7-validation-errors { margin: 0; padding: 10px; border-color: #D6D50B; }

#main div.wpcf7 .ajax-loader { display: block; margin: 10px auto 0; }

.wpcf7 select,
.wpcf7 input,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="date"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="month"],
.wpcf7 input[type="week"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="time"],
.wpcf7 input[type="url"],
.wpcf7 input[type="color"] {
  margin: 10px 0;
}

.wpcf7 input:first-child { margin-top: 0; }

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="datetime"]:focus,
.wpcf7 input[type="datetime-local"]:focus,
.wpcf7 input[type="month"]:focus,
.wpcf7 input[type="week"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="time"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="color"]:focus,
.wpcf7 textarea:focus {
  outline: 0; border: 1px solid #E11844;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
  width: 100%; padding: 10px; background-color: #fff;
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License
 *  github.com/brutaldesign/swipebox
*/
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(assets/img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(assets/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}

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

.site-description,
.entry-content .entry-header { 
  display: none; 
}

/* .mobile-hidden { display: block; } */

@media screen and (max-width: 1230px) {
	
	/* Responsive Menu */
	.menu-toggle { display: block; }
	.main-navigation.toggled .menu-toggle { position: absolute; top: 10px; right: 10px; }
	
	.main-navigation { justify-content: flex-end; }
	.main-navigation .menu-main-menu-container {  display: none; }
	
	.main-navigation.toggled { position: absolute; z-index: 9999; top: 0; right: 0; left: 0; 
		height: 100%; min-height: 100vh; display: inherit; width: 100%; padding: 0; background: #fff; 
	}
	 { top: 220x}
	.main-navigation.toggled .logo-nav li { background: #888888; }
	.main-navigation.toggled .menu-main-menu-container  { display: flex; width: 100%; min-height: 100vh; height: 100%; padding-top: 25px; clear: both; }

	.main-navigation.toggled ul { position: absolute; left: 0; width: 100%; max-width: 100%; margin: 0 auto; padding: 20px 25px; background: #fff; }
	.main-navigation.toggled ul li { display: inline-block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; text-align: left; }
	.main-navigation.toggled ul li:first-child { padding-top: 10px; }
	.main-navigation.toggled ul li:last-child { margin-bottom: 0; border: 0; }
	.main-navigation.toggled ul li a { margin-right: 0; padding: 0; color: #121212; }
	.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; color: #8C8C8C; }
	.main-navigation.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; padding-top: 0; padding-bottom: 0; box-shadow: none; }
	.main-navigation.toggled ul ul li:first-child { padding-top: 0; }
	
	/* Header */
	#masthead { grid-template-columns: 1fr 1fr; }
	#masthead .social-media { display: none; }
}

@media screen and (max-width: 1180px) {
	.wp-block-tbc-section .tbc-section-content {
		position: relative; width: 1180px; padding: 32px 0;
	}
}

@media screen and (max-width: 960px) {
	#colophon { padding: 50px 25px; }
	#colophon .site-info { width: 100%; margin-bottom: 30px; padding-right: 0; }
}

@media screen and (max-width: 800px) {
	
	.site-header .site-title { order: 1; }
	.site-header .site-branding { flex-direction: row; width: 100%; height: 100%; align-items: flex-start; align-items: center; }
	.site-header .site-description { order: 2; margin-left: 0; }
	
	#colophon .footer-social, 
	#colophon .footer-contact-info, 
	#colophon .footer-navigation {
		padding-right: 0;
	}
	
	#colophon .footer-social { width: 100%; }
	#colophon .social-icons { max-width: 350px; margin: auto; }
	
	/* Layout */
	.wp-block-cover-text p { padding: 1.5em 0; }
	.wp-block-columns.has-2-columns,
	.wp-block-columns.has-3-columns,
	.mask-product-gallery .wp-block-columns.has-2-columns {
		grid-template-columns: 1fr;
	}

  .wp-block-columns .wp-block-column { flex-basis: 100%!important; margin-left: 0; }

	.entry-content .wp-block-columns.one-third-layout .wp-block-column,
	.entry-content .wp-block-columns.two-third-layout .wp-block-column {
		 grid-column: 1;
	}
	.entry-content .wp-block-columns.two-third-layout { grid-template-columns: inherit; }

	.tbc-section-content .wp-block-tbc-card { margin: 10px auto; }
	
	/* Global Page Components */
	.results-2_weeks .tbc-section-content .wp-block-group .wp-block-group__inner-container { width: 100%; grid-template-columns: 1fr; }
	.results-2_weeks .tbc-section-content .wp-block-group { display: grid; }
	.results-2_weeks .tbc-section-content .wp-block-columns.has-3-columns{ grid-template-columns: 1fr; }
	.results-2_weeks .tbc-section-content .wp-block-group .wp-block-tbc-card { width: 100%; }

  .results-clinical .wp-block-columns.has-2-columns { grid-template-columns: 1fr; }

	.results-before_after .wp-block-columns.has-2-columns { grid-template-columns: 1fr; }
	
	.mask-product-gallery .wp-block-tbc-card { padding-top: 0; padding-bottom: 0; }
	
	/* Mobile Product Images */
	.home .results-2_weeks .wp-block-group__inner-container::before { 
		background-image: url('assets/img/Mask-Focus-Premium-FRONT@0.5x.jpg');
	}
	.home .results-2_weeks .wp-block-group__inner-container::after { 
		background-image: url('assets/img/Mask-Focus-Premium-BACK@0.5x.jpg');
	}
	
	.premium-plus .wp-block-group__inner-container::before {
		background-image: url('assets/img/Mask-Focus-Premium_Plus-BACK@0.5x.jpg');
	}
	.premium-plus .wp-block-group__inner-container::after {
		background-image: url('assets/img/Mask-Focus-Premium_Plus-FRONT@0.5x.jpg');
	}
	.premium .wp-block-group__inner-container::before {
		background-image: url('assets/img/Mask-Focus-Premium-FRONT@0.5x.jpg');
	}
	.premium .wp-block-group__inner-container::after {
		background-image: url('assets/img/Mask-Focus-Premium-BACK@0.5x.jpg');
	}
	
	.standard .wp-block-group__inner-container::before {
		background-image: url('assets/img/Mask-Focus-Standard-FRONT@0.5x.jpg');
	}
	.standard .wp-block-group__inner-container::after {
		background-image: url('assets/img/Mask-Focus-Standard-BACK@0.5x.jpg');
	}
	
	/* Home */ 
	.home-hero.wp-block-tbc-hero { background-color: #313640; }
	.home-hero.wp-block-tbc-hero,
	.home-hero.wp-block-tbc-hero .tbc-hero-overlay {
		background: none!important;
	}
	
	.home-hero.wp-block-tbc-hero { background-color: #313640!important; }
	
	.mask-product-cards .tbc-section-content .wp-block-tbc-card { width: 90%; margin-right: auto; margin-left: auto; }
	
	.mask-product-gallery .has-2-columns{ grid-template-columns: 1fr; }
	
	.intertek-testing .mobile-hidden { display: none; }
	.intertek-testing .tbc-section-content .wp-block-columns.has-2-columns {
	   display: grid;
	   grid-template-columns: 1fr;
	}
	.intertek-testing .wp-block-tbc-card { padding-right: 16px; }

	/* Product */
	.mask-product-overview-2 .has-2-columns { display: block; } 
  .mask-product-kit .has-2-columns{ grid-template-columns: 1fr; }
}

@media screen and (max-width: 414px) {
	h1 { font-size: 38px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5,
	h6 {
		font-size: 16px; line-height: 1.1;
	}

	ul.feature-list,
	ul.check-mark li { 
		font-size: 24px; 
	}
	
	pre,
	code {
		font-size: 10px;
	}

	.h-secondary { font-size: 24px; }
	.h-tertiary { font-size: 18px; line-height: 1.35; }
	
	#colophon .footer-social, 
	#colophon .footer-contact-info, 
	#colophon .footer-navigation {
		width: 100%; margin-left: 0; 
	}
	
	.entry-content .wp-block-code { padding: 10px; }

	.intertek-testing .content-width { padding-bottom: 0; }

	.entry-content .wp-block-tbc-section.skin-graph { padding-bottom: 100px; }
	.entry-content .wp-block-tbc-section.skin-diagram { min-height: 60vh; }
	.wp-block-tbc-section.skin-diagram .wp-block-image:last-of-type img { margin-top: -350px; }
	
	.results-2_weeks .tbc-section-content .wp-block-group .wp-block-group__inner-container::after,
	.results-2_weeks .tbc-section-content .wp-block-group .wp-block-group__inner-container::before  { 
		background-image: none; content: none; 
	}

	.mask-product-gallery .wp-block-gallery ul { grid-template-columns: repeat( auto-fit, minmax(125px, 1fr)); grid-gap: 15px; }
	.mask-product-overview-2 .has-2-columns { display: grid; grid-template-columns: 1fr; } 
	.page-template-page-product .wp-block-tbc-hero { background-size: auto 150%; background-position: 90% 40%; } 

}