/*
 Theme Name:   David Chaikin / Dino Volleyball
 Description:  TwentyTwenty Child Theme for David Chaikin / Dino Volleyball
 Author:       Built by WordPress.com
 Author URI:   https://wordpress.com/built-by-wordpress-com/
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--bbwp-black: #000000;
   --bbwp-logo-blue: #009CFC;
   --bbwp-color1: #6ed3ff; /** turquoise **/
   --bbwp-color2: #cf7129; /** brown  **/
   --bbwp-heading-font: 'Fira Mono', monospace;
   --bbwp-body-font: 'Roboto Slab', serif;
   
   --hdv-blue: #009dfe;
   --hdv-green: #39991c;
   --hdv-orange: #cf7129;
   --hdv-white: #ffffff;
   --hdv-black: #000000;
   
}


.wp-block-table table {margin: 0;}
.wp-block-table table th, 
.wp-block-table table td {padding: .25em;}
.entry-content .wp-block-table {margin-bottom: 1em!important;}
.entry-content h3.past-results {margin: 4rem auto 3rem;}

body:not(.overlay-header) .header-navigation-wrapper .primary-menu > li > a {
    color: #000;
    /**text-transform: uppercase;**/
    letter-spacing: 0;
    font-size: 1em;
}
h1.entry-title {
   font-size: 3em;
   padding-bottom: .4em;
}
.singular #site-content .entry-header {
   background-color: transparent;
   padding-bottom: 2rem;
}
.homepage-header .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
   margin-top: 0em;
}
#site-header, 
.homepage-header {
   border-bottom: 6px solid var(--bbwp-black);
}
.homepage-header {
   text-transform: uppercase; 
   letter-spacing: .02em;
}
.homepage-header h1 {
    text-shadow: 
      3px 3px 2px var(--bbwp-black),
      5px 5px 2px white,
      7px 7px 2px var(--bbwp-logo-blue); /** bright blue **/
     margin-top: -.3em!important;
    }
@media only screen and (max-width: 800px) {.homepage-header h1 {font-size: 50px!important;}}   
h1.entry-title {
   color: var(--bbwp-color2);
   font-weight: bold;
}    
p.annual {letter-spacing: 0; padding-bottom: 1em;}
.homepage-header [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 64rem;
    width: 100%;
    }
body.home .post-meta-wrapper {
   display:none;
}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
   border: none;
}
.widget li.wp-social-link {
   margin-top: 0;
}
.widget-content h2 {
   margin-top: 0;
}
.site-logo img.custom-logo {
      max-height: 160px;
   }
@media only screen and (min-width: 1200px) {
   #site-header.header-footer-group {
      max-height: 180px;
   }
   .site-logo img.custom-logo {
      max-height: 220px;
   }
   .header-navigation-wrapper .primary-menu > li {
      padding: .3rem .5rem .2rem .5rem!important;
      margin: 0 0 0 .6em;
      border: 1px solid transparent;
      }
   .header-navigation-wrapper .primary-menu > li:hover,
   .header-navigation-wrapper .primary-menu li.current-menu-item {   
      border: 1px solid #000;
      }
   body:not(.overlay-header) .header-navigation-wrapper .primary-menu > li > a:hover, 
   .header-navigation-wrapper .primary-menu li.current-menu-item > a {
      text-decoration: none;
   }   
   #site-content .post-inner {
      padding-top: 0rem;
   }
}

@media (min-width: 1000px){
   .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
       margin-top: 2rem!important;
   }
   body.home .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
          margin-top: 0!important;
      }
}

/** fonts **/
.wf-active .faux-heading, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active .entry-content h1, .wf-active .entry-content h2, .wf-active .entry-content h3, .wf-active .entry-content h4, .wf-active .entry-content h5, .wf-active .entry-content h6 {
   font-family: var(--bbwp-heading-font);
}
.wf-active .entry-content, .wf-active .entry-content p, .wf-active .entry-content ol, .wf-active .entry-content ul, .wf-active .entry-content dl, .wf-active .entry-content dt, .wf-active .entry-content cite, .wf-active html, .wf-active body {
   font-family: var(--bbwp-body-font);
}









/** Editor Colors **/
.has-hdv-blue-background-color {background-color: var(--hdv-blue);}
.has-hdv-blue-color {color: var(--hdv-blue);}
.has-hdv-green-background-color {background-color: var(--hdv-green);}
.has-hdv-green-color {color: var(--hdv-green);}
.has-hdv-orange-background-color {background-color: var(--hdv-orange);}
.has-hdv-orange-color {color: var(--hdv-orange);}
.has-hdv-white-background-color {background-color: var(--hdv-white);}
.has-hdv-white-color {color: var(--hdv-white);}
.has-hdv-black-background-color {background-color: var(--hdv-black);}
.has-hdv-black-color {color: var(--hdv-black);}

/* ===============================
   FORCE HEADER BACKGROUND COLOR
   =============================== */

/* Header background: apply ONLY to the outer header wrapper */
#site-header {
  background-color: var(--bbwp-color1) !important; /* #6ed3ff */
}

/* Don't force background on inner layout containers */
.header-footer-group,
.header-inner {
  background-color: transparent !important;
}

/* Tighten spacing so header doesn't look blown out */
#site-header .header-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* ===============================
   FOOTER BACKGROUND COLOR
   =============================== */

#site-footer,
.footer-nav-widgets-wrapper,
#site-footer .section-inner,
#site-footer .footer-inner {
  background-color: var(--bbwp-color1) !important; /* #6ed3ff */
}
/* Footer: override TwentyTwenty color variables */
#site-footer {
  --accent-color: #000 !important;
  --link-color: #000 !important;
  --link-color-hover: #000 !important;
  color: #000 !important;
}

/* Footer links: all states */
#site-footer a,
#site-footer a:visited,
#site-footer a:hover,
#site-footer a:focus,
#site-footer a:active {
  color: #000 !important;
}