@charset "UTF-8";
/*
Theme Name: pinegrove
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the Beggars team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, 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.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 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 https://necolas.github.io/normalize.css/
*/

@font-face {
  font-family: 'Pinegrove';
  src: url('/wp-content/themes/pinegrove/fonts/pinegrove.woff2') format('woff2'),
    url('/wp-content/themes/pinegrove/fonts/pinegrove-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{
  background: #a6a4a5;
  font-family: 'Special Elite', cursive;
  font: 16px Special Elite,monospace;
  color: #000;
}
html,
body,
button,
input,
select,
textarea,
th,
td {
  -webkit-font-smoothing: antialiased;
  font: 16px 'Special Elite', monospace;
  color: #000;
}

p,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem 0;
  line-height: 1.3;
}

h1,
h2,
h3,
h4 {
  font-family: 'Pinegrove', monospace;
  font-weight: normal;
}
h1 {
  font-size: 6rem;
  text-align: center;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.2rem;
}
h1 span {
  font: 1.5rem 'Special Elite', monospace;
  letter-spacing: normal;
  display: block;
}
h2 {
  font-size: 2.1rem;
}
#site-container {
    margin: 0 auto;
    padding: 1rem 2rem;
    max-width: 1400px;
}
#home_blocks{
  list-style: none;
  margin:0;
  padding:0;
  text-align: center;
}
#home_blocks li{
    position: relative;
    width: 18vw;
    max-width: 250px;
    display: inline-block;
    margin: 1rem 1rem 0 1rem;
    vertical-align: top;
}
#home_blocks li a{
  background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
  transition: all .15s ease-in-out;
  color:black;
  text-align: center;
  text-decoration: none;
  display:block;
  width:90%;
  height:18vw;
  max-height: 250px;
  padding:1vw;
}
#home_blocks li a span{
  position: absolute;
  top: 50%;
    transform: translate(0, -50%);
    left:0;
    width:90%;
    text-align: center;
    padding:0 1vw;
    font: 2.1rem Pinegrove, monospace;
    line-height: 1.2;
}
#home_blocks li:nth-child(1) a,
#home_blocks li:nth-child(5) a,
#home_blocks li:nth-child(9) a,
#home_blocks li:nth-child(13) a,
#home_blocks li:nth-child(17) a,
#home_blocks li:nth-child(21) a,
#home_blocks li:nth-child(25) a,
#home_blocks li:nth-child(29) a{
  background-image: url('/wp-content/themes/pinegrove/images/square-green.png');
}
#home_blocks li:nth-child(2) a,
#home_blocks li:nth-child(6) a,
#home_blocks li:nth-child(10) a,
#home_blocks li:nth-child(14) a,
#home_blocks li:nth-child(18) a,
#home_blocks li:nth-child(22) a,
#home_blocks li:nth-child(26) a,
#home_blocks li:nth-child(30) a{
  background-image: url('/wp-content/themes/pinegrove/images/square-green.png');
}
#home_blocks li:nth-child(3) a,
#home_blocks li:nth-child(7) a,
#home_blocks li:nth-child(11) a,
#home_blocks li:nth-child(15) a,
#home_blocks li:nth-child(19) a,
#home_blocks li:nth-child(23) a,
#home_blocks li:nth-child(27) a,
#home_blocks li:nth-child(31) a{
  background-image: url('/wp-content/themes/pinegrove/images/square-dark-green.png');
}
#home_blocks li:nth-child(4) a,
#home_blocks li:nth-child(8) a,
#home_blocks li:nth-child(12) a,
#home_blocks li:nth-child(16) a,
#home_blocks li:nth-child(20) a,
#home_blocks li:nth-child(24) a,
#home_blocks li:nth-child(28) a,
#home_blocks li:nth-child(32) a{
  background-image: url('/wp-content/themes/pinegrove/images/square-dark-green.png');
}
#home_blocks li a:hover{
  -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}
#footer {
    background-image: url('/wp-content/themes/pinegrove/images/hr.svg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 900px auto;
    margin-top: 2rem;
    text-align: center;
}
nav#bottom,
nav#social,
#copyright {
  padding: 2rem 1rem;
}

nav#bottom ul,
nav#social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav#bottom ul li {
  margin: 0 15px 0 0;
  padding: 0;
  display: inline-block;
}
nav#social ul li {
  margin: 0 3px;
  padding: 0;
  display: inline;
}
nav#bottom ul li a {
  background: url(/wp-content/themes/pinegrove/images/square-small-black.png) 0 2px no-repeat;
  padding: 5px 5px 5px 26px;
  text-decoration: none;
  color: black;
}
nav#bottom ul li a:hover,
nav#social ul li a:hover {
  opacity: 0.7;
}

nav#social ul li a {
  padding: 5px;
  font-size: 2rem;
}
nav#social ul li a svg {
    width: 1em;
    color:black;
}


#rec_blocks {
  list-style: none;
  margin:0;
  padding:0;
  text-align: center;
}
#rec_blocks li{
    position: relative;
    width: 18vw;
    max-width: 250px;
    display: inline-block;
    margin: 1rem 1rem 0 1rem;
    vertical-align: top;
}

#rec_blocks li img{
  position: relative;
    width: 18vw;
    max-width: 250px;
    display: inline-block;
    margin: 1rem 1rem 0 1rem;
    vertical-align: top;
}


#rec_blocks li a{
  background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
  transition: all .15s ease-in-out;
  color:black;
  text-align: center;
  text-decoration: none;
  display:block;
  width:90%;
  height:18vw;
  max-height: 250px;
  padding:1vw;
}


#rec_blocks li a span{
  position: absolute;
  top: 50%;
    transform: translate(0, -50%);
    left:0;
    width:90%;
    text-align: center;
    padding:0 1vw;
    font: 2.1rem Pinegrove, monospace;
    line-height: 1.2;
}
#rec_blocks li a span{
  position: absolute;
  top: 50%;
    transform: translate(0, -50%);
    left:0;
    width:90%;
    text-align: center;
    padding:0 1vw;
    font: 2.1rem Pinegrove, monospace;
    line-height: 1.2;
}


#rec_blocks li a:hover{
  -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}

.row {
  display: flex;
}

.column {
flex: 1 1;
    padding: 2rem;
  flex: 50%;
}

/* =============================================================================
      ACCORDION
      ========================================================================== */

.accordion dt {
  -webkit-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
}
.accordion {
  margin: 0 auto 2rem auto;
  width: 100%;
}
.accordion {
    border-radius: 2px;
}
.accordion {
    margin: 0 auto 2rem;
    width: 100%;
}
.accordion dt,
.accordion dd {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
}
.accordion dt {
  background: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 18px 18px 10px 46px;
  font-size: 1.2rem;
  line-height: 1;
  position: relative;
  margin-bottom: 2px;
}
.accordion dt:hover {
  background: rgba(255, 255, 255, 0.5);
}
.accordion dt.expanded {
  display: block !important;
}
.accordion dt:before {
  content: '\f105';
  font: normal normal normal 19px/1 FontAwesome;
  position: absolute;
  left: 19px;
  top: 11px;
  font-size: 26px;
  transition: transform 500ms ease-out;
}
.accordion dt.expanded:before {
  transform: rotate(90deg);
}
.accordion dd {
  margin: 0;
  padding: 0;
}
.accordion-content {
  padding: 1rem 0 1rem 1rem;
}
/* =============================================================================
      LINKS
      ========================================================================== */
/*
a {
  background-color: transparent;
}

a:link,
a:visited {
  color: #000;
}
a:hover,
a:active,
a:focus {
  color: red;
}
a:active,
a:hover {
  outline: 0;
}
*/
.back-link,
.home-link {
  position: absolute;
  top: 2rem;
}
.back-link {
  left: 1rem;
}
.home-link {
  right: 1rem;
}
.back-link img {
  width: 50px;
  height: auto;
}
.back-link a:hover img {
  opacity: 0.8;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}


	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
	#mergeRow-gdpr {margin-top: 20px;}
	#mergeRow-gdpr fieldset label {font-weight: normal;}
	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}


.videos_page iframe{
  width:100%;
  height:400px;
}
.basic_page p{
  max-width:800px;
  margin:2% auto;
  text-align: center;
}
.basic_page img{
  width:100%;
  max-width: 700px;
  height:auto;
}
.videos_page p{
  display: inline-block;
  width:49%;
  margin-bottom: 0 auto !important;
}
#albumleft, #albumright{
  display:inline-block;
  overflow:hidden;
  width:45%;
  padding:2%;
  vertical-align: top;
}
#albumleft img{
  width:100%;
  max-width:500px;
  height:auto;
}
#albumleft iframe{
  width:100%;
}
#albumright ul{
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
}
#albumright ul li{
  border-bottom:2px solid black;
  padding:10px;
  overflow: hidden;
}
.songlinks{
  display: inline-block;
  float: right;
}
.songlinks a{
  border:1px solid black;
  padding:5px;
  text-decoration: none;
  color:black;
}
.songlinks a:hover{
  color:white;
}
.reveal{
  padding:20px 0;
  display:none;
}
@media (max-width: 960px) and (min-width: 0px){
  #home_blocks li{
      width: 48vw;
      max-width: 250px;
  }
  #home_blocks li a{
    height:48vw;
    max-height: 250px;
  }
}
@media (max-width: 600px) and (min-width: 0px){
  .videos_page p{
    width:100%;
  }
  #albumleft, #albumright{
    width:100%;
  }
  #home_blocks li{
      width: 70vw;
      max-width: 450px;
  }
  h1 {
    font-size: 4rem;
  }
}