/*
 Theme Name:   Twenty Twenty TNC
 Theme URI:    http://example.com/twenty-twenty-tnc/
 Description:  Twenty Twenty TNC Child Theme
 Author:       David Arthur Aronson
 Author URI:   http://DavidArthurAronson.com
 Template:     twentytwenty

 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, theater, shows
 Text Domain:  twenty-twenty-tnc
 Version: 1.7
 Requires at least: 4.7
 Requires PHP: 5.2.4
*/

:root {
  --header-height: 5.5rem;
  --gray: #a1a1a1;
  --accent: #b71010;
}


body {
	background: #fff;
	box-sizing: border-box;
	color: #000;
	font-family: franklin-gothic-urw, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	letter-spacing: -0.015em;
	text-align: left;
}

/* typography */
.entry-content h1, .entry-title h1, h1.entry-title ,.entry-content h2,.home-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
    font-family: franklin-gothic-urw, "Helvetica Neue", Helvetica, sans-serif;
  }

  .entry-content, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt  {
    font-family: franklin-gothic-urw, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
}

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
  font-family: franklin-gothic-urw, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: normal;
}

h1.entry-title {
font-size: 4rem;

}
h2.entry-title {
font-size: 3rem!important;

}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td{
  text-align: left;
}


/* COLOR */
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a,
#site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a,
.header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover,
.entry-title h1,h1.entry-title ,     h1, .heading-size-1,
.color-accent,.entry-content h2,.home-content h2, .entry-title a,
.color-accent-hover:focus,
.color-accent-hover:hover,
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
	color: var(--accent);
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #0a0a77;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: var(--accent);
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: var(--accent);
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
	fill: #cd2653;
}

.visually-hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#site-header {
    position: fixed;
    z-index: 100;
    border-bottom:  5px solid var(--gray);
    width: 100%;
    top:0;
}

.header-inner{
  padding: 2rem 0 .7rem;
}

.top-site {
    text-align: center;
    background-color: #f8d908;
    padding: 1rem 0;
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
}
.top-site a{
  color: #000;

}
.site-logo img {
    max-height: 2.3rem;
  }
.toggle-inner{
  height:auto;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: auto;
    width: auto;
}

.search-toggle {
    position: absolute;
    bottom: .5rem;
    left: 0;
    top: auto;
}

.nav-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    width: 6.6rem;
}
ul.primary-menu {
  font-size: 2.2rem;
  font-weight: 800;
}
body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: var(--gray);
}
/*hamburger styling*/
   .row .three {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       color: black;
       text-align: center;
   }
.hamburger .line {
    width: 3rem;
    height: .3rem;
    display: block;
    background-color: #a1a1a1;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hamburger:hover {
     cursor: pointer;
 }

 /* ONE */
#hamburger-1 {
  pointer-events: auto;
}
 #hamburger-1.is-active .line:nth-child(2) {
     opacity: 0;
 }

 #hamburger-1.is-active .line:nth-child(1) {
     -webkit-transform: translateY(11px) rotate(45deg);
     -ms-transform: translateY(11px) rotate(45deg);
     -o-transform: translateY(11px) rotate(45deg);
     transform: translateY(11px) rotate(45deg);
 }

 #hamburger-1.is-active .line:nth-child(3) {
     -webkit-transform: translateY(-11px) rotate(-45deg);
     -ms-transform: translateY(-11px) rotate(-45deg);
     -o-transform: translateY(-11px) rotate(-45deg);
     transform: translateY(-11px) rotate(-45deg);
 }

 .primary-menu ul {
     background: #333!important;
     font-weight: 600!important;
   }

#site-content {
    margin-top: var(--header-height);

}

.footer-nav-widgets-wrapper, #site-footer{
  background-color: #eee;
}

.home-section{
  max-width: 120rem;
}
.home-content{
  max-width:120rem;
  margin:auto;
      margin-top: 1rem;
}
.home-content h2{
  margin:0 2rem .5rem;
  padding-top: 1rem;
font-size: 2.8rem;;
}

.home-updates{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
 /* display: none;*/
  margin: 0 2rem 1rem 2rem;
}
#home-shows{
  display: flex;
}

.home-update-item{
  /*max-width: 30rem;*/
  margin: 1rem 0;
}
.home-update-item p, .home-update-item a{
  font-family: franklin-gothic-urw, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  margin:0;
  line-height: 2rem;
}
.post-meta-single-top .post-meta {
    justify-content: left;
}
.post-meta-wrapper {
    margin-top: 2rem;
    margin-right: 0;
    margin-left: 0;
    max-width: 58rem;
    width: 100%;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 120rem;
    width: calc(100% - 4rem);
}
.section-inner.medium{
  max-width: 120rem;
  width: calc(100% - 4rem);
}
.post-inner {
    padding-top: 0;
}
.vimeography-title{
  font-size: 2rem;
}
#now {
  margin-top:0;
}

.singular .featured-media {
  margin-top: 6rem;
}
@media ( min-width: 1000px ) {
  .site-logo img {
      max-height: 4rem;
    }
    h1, .heading-size-1 {
        font-size: 4rem;
    }
    .home-content{
    margin-top: 3rem;
    }
    .home-updates{
      display: flex;
      flex-direction: row;
      max-width: calc(100%-8rem);
      width:auto;
      margin:1rem 2rem 2rem 1rem;
    }
    .home-update-item{
      flex:20%;
      padding-right: 2rem;
      margin: 0 2rem 0;
      border-right: 2px solid var(--gray);
    }
    
    .home-now-item{
      flex:45%;
      padding-right: 2rem;
      margin: 0 2rem 0;
      border-right: 2px solid var(--gray);
    }
    .home-update-item:last-child, .home-now-item:last-child{
      border-right:none;
    }
    
   

}