/*

Theme Name: Brooklyn Poets

Theme URI: http://www.brooklynpoets.com/

Description: Theme for Brooklyn Poets website.

Author: Kyle Conrad

Author URI: http://www.kyleconrad.com

Version: 1.0

*/



/*

All coding, fantastical inventions, etc. etc. copyright 2013 Kyle Conrad

Contact: kyle@kyleconrad.com

*/



@charset "utf-8";

/* All coding, design, ideas, fantastical inventions, etc. etc. copyright 2012 Kyle Conrad */

/* Contact: kyle@kyleconrad.com */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



body {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}



q, blockquote {

  quotes: none;

}

q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



a img {

  border: none;

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

  display: block;

}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;
}


/* MIX-INS */

/* RESET */

html {

  min-height: 100%;

  height: 100%;

  -webkit-text-size-adjust: none;

  background: #f4e2c6;

}

@media only screen and (min-width: 1401px) {

  html {

    font-size: 100%;

  }

  section{

    width: 1200px;

    margin: 0 auto;

  }

}

@media only screen and (min-width: 802px) and (max-width: 1090px) {

  html {

    font-size: 85%;

  }

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  html {

    font-size: 75%;

  }

}

@media only screen and (max-width: 641px) {

  html {

    font-size: 85%;

  }

}



body {

  height: 100%;

  width: 100%;

  position: relative;

  overflow-x: hidden;

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/* FONT IMPORT */

@font-face {

  font-family: 'FrancoisOne';

  src: url("FONTS/FrancoisOne-webfont.eot");

  src: url("FONTS/FrancoisOne-webfont.eot?#iefix") format("embedded-opentype"), url("FONTS/FrancoisOne-webfont.woff") format("woff"), url("FONTS/FrancoisOne-webfont.ttf") format("truetype"), url("FONTS/FrancoisOne-webfont.svg#FrancoisOneRegular") format("svg");

  font-weight: normal;

  font-style: normal;

}



/* CLEAR & FLOATS */

.clear {

  clear: both !important;

}



.left {

  float: left !important;

}



.right {

  float: right !important;

}



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:after {

  clear: both;

  content: ' ';

  display: block;

  font-size: 0;

  line-height: 0;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix {

  display: inline-block;

}



* html .clearfix {

  height: 1%;

}



.clearfix {

  display: block;

}



@media only screen and (max-width: 641px) {

  .nomobile {

    display: none !important;

  }

}



/* GRIDS */

.padded {

  padding-left: 2.5%;

  padding-right: 2.5%;

}



.column1 {

  width: 33.333333333333336%;

  float: left;

}

@media only screen and (max-width: 641px) {

  .column1 {

    width: 100%;

  }

}



.column2 {

  width: 66.666666666666672%;

  float: left;

}

@media only screen and (max-width: 641px) {

  .column2 {

    width: 100%;

  }

}



.full {

  width: 100%;

}



/* STANDARDS */

section, div {

  position: relative;

}



h1 {

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 1.35rem;

  letter-spacing: 0.45em;

  word-wrap: break-word;

  display: inline-block;

}



h2 {

  font-family: Georgia;

  color: #3f3b37;

  padding-bottom: 0.5rem;

  margin-bottom: 1.1rem;

  border-bottom: 2px solid #3f3b37;

  display: inline-block;

  font-size: 1.5rem;

}

h2:first-letter {

  font-size: 2.4rem;

}



h3 {

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 1.35rem;

  letter-spacing: 0.45em;

  background: #3f3b37;

  color: #f4e2c6;

  padding: 0.5rem 1.25rem;

  word-wrap: break-word;

  -webkit-font-smoothing: antialiased;

}



h4 {

  font-family: Georgia;

  color: #3f3b37;

  font-size: 1.25rem;

  padding: 0.75rem 1.25rem 0 1.25rem;

  background: #e4c499;

}

h4:last-of-type {

  margin-bottom: 1.5rem;

  padding-bottom: 1.25rem;

}



p {

  font-family: Georgia;

  color: #3f3b37;

  line-height: 1.35;

  margin: 0;

  padding: 0;

  margin-bottom: 1rem;

}

p a {

  font-weight: bold;

  text-decoration: underline;

}

p.smaller {

  font-size: 0.875rem;

  margin-bottom: 0.35rem;

}

p.nocap:first-letter {

  font-size: 1em !important;

}

p.large {

  font-size: 1.75rem;

}

p.large:first-letter {

  font-size: 3.25rem;

}

p.large:first-line {

  line-height: 1.05;

}



strong, b {

  font-weight: bold;

}



em, i {

  font-style: italic;

}



blockquote {

  background: rgba(228, 196, 153, 0.5);

  padding: 1.25rem 0;

  margin-top: 2rem;

  margin-bottom: 2rem;

}



a {

  border: 0;

  text-decoration: none;

  color: #3f3b37;

}

a:hover {

  color: #5a554f;

}

.submitbutton {

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 1.35rem;

  letter-spacing: 0.45em;

  text-decoration: none !important;

  position: absolute;

  -webkit-appearance: none;

  -webkit-font-smoothing: antialiased;

  background: #3f3b37;

  color: #f4e2c6;

  display: inline-block;

  cursor: pointer;

  margin: 0;

  right: 0px;

  bottom: 2.5rem;

  z-index: 10;

  color: #e4c499;

  padding: 0rem 1rem 0rem 1.5rem;

  border: 0;

  width: auto;

  max-width: 90%;

  height: 2.5rem;

  line-height: 2.5rem;

}

.submitbutton:hover, .backbutton:hover {

  background: rgba(63, 59, 55, 0.85);

  border: 0;

  color: #f4e2c6 !important;

}
.wpcf7 div.wpcf7-response-output {
	margin: -1.5em 0.5em 1em;
}
.wpcf7 .submitbutton {
	bottom: -50px;
}
.backbutton {

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 1.35rem;

  letter-spacing: 0.45em;

  text-decoration: none !important;

  -webkit-appearance: none;

  -webkit-font-smoothing: antialiased;

  position: relative;

  background: #3f3b37;

  color: #f4e2c6;

  display: inline-block;

  cursor: pointer;

  margin: 0;

  margin-left: 2.5%;

  margin-left: calc(2.5% + 10px);

  margin-top: 2rem;

  color: #e4c499;

  padding: 0rem 1rem 0rem 1.5rem;

  border: 0;

  width: auto;

  max-width: 90%;

  height: 2.5rem;

  line-height: 2.5rem;

}



hr {

  width: 50%;

  display: block;

  height: 2px;

  background: #3f3b37;

  border: 0;

  margin-right: 50%;

  margin-top: 1rem;

  margin-bottom: 1.5rem;

}



img {

  width: 100%;

  height: auto;

}

img#wpstats {

  width: 1px !important;

  height: 1px !important;

}



.formbox {

  width: 100%;

  border: 1px solid rgba(63, 59, 55, 0.25);

  padding: 0.5rem 0.25rem 0.5rem 0.875rem;

  margin-top: 1rem;

}



label {

  display: block;

  float: left;

  font-family: Georgia;

  color: #3f3b37;

  font-size: 0.875rem;

  margin-top: -2.35rem;

  margin-left: 2rem;

}



input {

  display: block;

  width: 100%;

  background: #e4c499;

  border: 1px solid rgba(63, 59, 55, 0.25);

  font-family: Georgia;

  color: #3f3b37;

  font-size: 0.875rem;

  padding: 0.5rem;

  margin-top: 0.5rem;

  -webkit-appearance:none;

}

input:focus {

  outline: none;

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

  color: rgb(63, 59, 55);

}

input:-moz-placeholder, textarea:-moz-placeholder {

  color: rgb(63, 59, 55);

}

input::-moz-placeholder, textarea::-moz-placeholder {

  color: rgb(63, 59, 55);

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

  color: rgb(63, 59, 55);

}



input[type="radio"] {

  width: auto;

  margin-bottom: 1.5rem;

}



textarea {

  display: block;

  width: 100%;

  background: #e4c499;

  border: 1px solid rgba(63, 59, 55, 0.25);

  font-family: Georgia;

  color: #3f3b37;

  font-size: 0.875rem;

  padding: 0.5rem;

  margin-top: 0.5rem;

  resize: none;

}

textarea:focus {

  outline: none;

}



/* NAVIGATION */

nav {

  text-align: center;

}

@media only screen and (max-width: 641px) {

  nav.fullnav {

    display: none;

  }

}

nav.mobilenav {

  display: none;

}

@media only screen and (max-width: 641px) {

  nav.mobilenav {

    display: block;

    border-bottom: 1px solid #3f3b37;

    position: relative;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -ms-transition: 1s;

    -o-transition: 1s;

    transition: 1s;

  }

}

nav.mobilenav .openmobilenav {

  display: block;

  width: 50px;

  height: 50px;

  background: url("IMG/hamburger.png") no-repeat;

  background-size: 70% 70%;

  background-position: center center;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 50;

  margin-bottom: -51px;

}



nav.mobilenav ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  display: block;

}

nav.mobilenav ul li {

  width: 100%;

  overflow: hidden;

  position: relative;

}

nav.mobilenav ul li a {

  font-family: FrancoisOne;

  font-size: 1rem;

  letter-spacing: 0.35em;

  color: white;

  -webkit-font-smoothing: antialiased;

  text-transform: uppercase;

  text-decoration: none;

  display: block;

  text-align: center;

  height: 45px;

  line-height: 45px;

  background: #4d4843;

}

nav.mobilenav ul .downarrow {

  position: absolute;

  top: 0;

  right: 0;

  width: 45px;

  height: 45px;

  -webkit-transition: 0.15s;

  -moz-transition: 0.15s;

  -ms-transition: 0.15s;

  -o-transition: 0.15s;

  transition: 0.15s;
  
  margin-top: 15px;


}

nav.mobilenav ul .downarrow:hover {

  background: none;

}

nav.mobilenav ul .downarrow.active {

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);
  margin-top: 0px;

}

nav.mobilenav ul .sub-menu li a {

  background: #756e67;

  display: block;

}



.fullnav ul {

  list-style-type: none;

  margin: auto auto;

  display: inline-block;

}

@media only screen and (max-width: 641px) {

  .fullnav ul {

    width: 100%;

  }

}

.fullnav ul li {

  float: left;

  position: relative;

  margin: 0 1px;

}

@media only screen and (max-width: 641px) {

  .fullnav ul li {

    width: 49%;

  }

}

.fullnav ul li:after {

  position: absolute;

  display: block;

  top: 1.25rem;

  bottom: 1.25rem;

  right: 0;

  margin-right: -1px;

  width: 1px;

  background: #3f3b37;

  content: "";

}

.fullnav ul li:before {

  position: absolute;

  display: block;

  top: 1.25rem;

  bottom: 1.25rem;

  left: 0;

  margin-left: -1px;

  width: 1px;

  background: #3f3b37;

  content: "";

}

@media only screen and (max-width: 641px) {

  .fullnav ul li:nth-child(even):after {

    display: none;

  }

}

@media only screen and (max-width: 641px) {

  .fullnav ul li:nth-child(odd):before {

    display: none;

  }

}

.fullnav ul li:first-child:before {

  display: none;

}

.fullnav ul li:last-child .sub-menu {

  right: 0;

  left: auto;

}

.fullnav ul li:last-child:after {

  display: none;

}

.fullnav ul li a {

  font-family: FrancoisOne;

  font-size: 0.8rem;

  letter-spacing: 0.35em;

  color: #3f3b37;

  text-transform: uppercase;

  text-decoration: none;

  display: block;

  position: relative;

  padding: 1.25rem 2rem 1.25rem 2.25rem;

}
@media only screen and (max-width: 1097px) and (min-width: 1090px){
.fullnav ul li a {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

}
@media only screen and (min-width: 888px) and (max-width: 1090px) {

  .fullnav ul li a {

    padding-left: 2rem;

    padding-right: 1.75rem;

  }

}
@media only screen and (max-width: 887px) and (min-width: 811px){
.fullnav ul li a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}


}
@media only screen and (min-width: 699px) and (max-width: 811px) {

  .fullnav ul li a {

    padding-left: 1.5rem;

    padding-right: 1.25rem;

  }

}
@media only screen and (max-width: 698px) and (min-width: 642px){
.fullnav ul li a {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
}
}
.fullnav ul li:hover {

  background: #e4c499;

}

.fullnav ul li:hover ul.sub-menu, .fullnav ul li.active ul.sub-menu {

  display: block;

}

.fullnav ul.secondary li a {

  text-transform: none;

  font-family: Georgia;

  letter-spacing: 0;

  font-size: 0.875rem;

  padding-right: 1.5rem;

  padding-left: 1.5rem;

}
@media only screen and (max-width: 698px) and (min-width: 642px){
.fullnav ul.secondary li a {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
}
}
.fullnav ul .sub-menu {

  list-style-type: none;

  position: absolute;

  z-index: 99;

  background: rgba(228, 196, 153, 0.95);

  left: 0;

  top: 100%;

  padding: 1rem 0 1.5rem 0;

  display: none;

  min-width: 100%;

}

.fullnav ul .sub-menu li {

  float: none;

  width: 100%;

  border-right: 0;

  text-align: left;

  padding: 0.4rem 2.25rem;

  margin-top: 0;

}

@media only screen and (min-width: 802px) and (max-width: 1090px) {

  .fullnav ul .sub-menu li {

    padding-left: 2rem;

    padding-right: 2rem;

  }

}

.fullnav ul .sub-menu li:hover {

  background: none;

}

.fullnav ul .sub-menu li a {

  padding: 0;

  white-space: nowrap;

  font-family: Georgia;

  text-transform: none;

  letter-spacing: 0;

  font-size: 1rem;

  border-right: 0;

}

.fullnav ul .sub-menu li a:hover {

  text-decoration: underline;

  background: none;

}



.childnav {

  margin-top: 1rem;

  margin-bottom: 2rem;

}

/*.childnav ul li.current_page_item {

  background: #e4c499;

}*/

.childnav .children {

  display: none;

}

@media only screen and (max-width: 641px) {

  .childnav {

    display: none;

  }

}



/* MAIN FRAMEWORK */

header {

    background: url("IMG/header_bkg.jpg") no-repeat;

  background-position: top center;

  background-size: auto 100%;

  padding: 2rem 0;



}

@media only screen and (max-width: 641px) {

  header {

        padding-top: 3.5rem;

    



    background-position: top right;

  }

}

header img {

  display: block;

  margin: 0 auto;

  width: 30%;

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  header img {

    width: 40%;

  }

}

@media only screen and (max-width: 641px) {

  header img {

        width: 80%;

  }

}



footer {

  text-align: center;

  background: url("IMG/footer_bkg.jpg") no-repeat;

  background-position: bottom center;

  background-size: auto 100%;

  padding-bottom: 5rem;

  padding-top: 1rem;

  margin-top: 2rem;

}

footer .menu {

  display: inline-block;

  clear: both;

  margin: 0;

}

footer .menu li a {

  padding-left: 1.5rem;

  padding-right: 1.25rem;

  font-size: 0.75rem;

}

footer .menu li.current_page_item {

  background: #f4e2c6;

}

footer .menu li:last-child:after {

  position: absolute;

  display: block;

  top: 1.25rem;

  bottom: 1.25rem;

  right: 0;

  margin-right: -2px;

  width: 2px;

  background: #3f3b37;

  content: "";

}
/*added to eliminate line to left of contact in footer at intermediate size*/

footer .wrapped .menu li:nth-child(6):after {

    display: none;

  }
@media only screen and (max-width: 641px) {

  footer .menu li:last-child:after {

    display: none;

  }

}


/* changed left margin from -3px to 10px */
.social {

  margin: 0;

  margin-left: 10px;

  vertical-align: top;

  display: inline-block;

}


@media only screen and (max-width: 641px) {

  .social {

    width: 100%;

    padding-left: 0;

   /*margin: -1px;*/
   
   margin:0;

    text-align: center;

  }

}

.social:hover {

  background: none;

}

.social img {

  float: left;

  height: 1rem;

  vertical-align: middle;

  width: auto;

}

@media only screen and (max-width: 641px) {

  .social img {

    display: block;

    float: none;

    margin: 0 auto;

  }

}



.sociallink {
/*changed to even out left and right padding for hover*/
  padding-left: .5rem;

  padding-right: .5rem;

  padding-top: 1.1rem;

  padding-bottom: 1.15rem;

  float: left;
      

}
a.sociallink:hover {
	
	background: #e4c499;
}

@media only screen and (max-width: 641px) {

  .sociallink {

    width: 20%;
	/*margin-left: -1px;*/

    margin-bottom: 3rem;

    padding-left: 0;

    padding-right: 0;

    position: relative;

    display: block;

  }

}




/* HOME PAGE */

#home {

  margin-top: 1.5rem;

}

#home ul li {

  float: left;

  display: block;

  width: 33.333333333333336%;

  padding: 10px;

  position: relative;

  overflow: hidden;

}

/*#home ul li.instagram-front {

  padding: 0px;

}*/

@media only screen and (max-width: 641px) {

  #home ul li {

    width: 100%;

  }

}

#home ul li:hover .overlay, #home ul li.hover .overlay {

  opacity: 1;

  display: block;

}

#home ul li:nth-child(1) .overlay, #home ul li:nth-child(9) .overlay {

  opacity: 1;

  display: block;

}

#home ul li:nth-child(1) a, #home ul li:nth-child(9) a {

  color: #e4c499;

}

#home ul li:nth-child(1) h1, #home ul li:nth-child(9) h1 {

  top: auto;

  -webkit-font-smoothing: antialiased;

  background: #3f3b37;

  right: 0;

  bottom: 2.5rem;

  display: inline-block;

}

#home ul li:nth-child(1) h1:hover, #home ul li:nth-child(9) h1:hover {

  background: rgba(63, 59, 55, 0.85);

}

#home ul li:nth-child(2), #home ul li:nth-child(6) {

  width: 66.666666666666672%;

}

@media only screen and (max-width: 641px) {

  #home ul li:nth-child(2), #home ul li:nth-child(6) {

    width: 100%;

  }

  #home ul li:nth-child(2) .submitbutton {

    height: auto;

    line-height: 1.15;

    padding-top: 5px;

    padding-bottom: 5px;

  }

}

#home ul li:nth-child(2) .overlay, #home ul li:nth-child(6) .overlay {

  padding-right: 8rem;

}

@media only screen and (max-width: 641px) {

  #home ul li:nth-child(2) .overlay, #home ul li:nth-child(6) .overlay {

    padding-right: 2.5rem;

  }

}

#home ul li:nth-child(2) ul, #home ul li:nth-child(6) ul {

  list-style-type: none;

  margin-top: 1.5rem;

  width: 100%;

}

#home ul li:nth-child(2) ul li, #home ul li:nth-child(6) ul li {

  width: 100%;

  padding: 0;

  margin: 0;

  margin-bottom: 0.35rem;

}

#home ul li:nth-child(2) ul li a, #home ul li:nth-child(6) ul li a {

  font-family: Georgia;

  font-size: 1rem;

  color: #3f3b37;

  text-decoration: underline;

}

#home ul li.largeblock {

  height: 425px;

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  #home ul li.largeblock {

    height: 375px;

  }

}

@media only screen and (max-width: 641px) {

  #home ul li.largeblock {

    height: 400px;

  }

}

#home ul li .halfheight {

  height: 50%;

  width: 100%;

  position: relative;

  padding-top: 10px;

}

#home ul li .halfheight .overlay {

  width: 100%;

  height: 100%;

  margin-left: -10px;

}

#home ul li h1 {

  position: absolute;

  z-index: 10;

  background: rgba(228, 196, 153, 0.9);

  top: 3.5rem;

  padding: 0.5rem 1rem 0.5rem 1.5rem;

  max-width: 90%;

}



.fullbox {

  display: block;

  position: relative;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center center;

  background-repeat: none;

}



.overlay {

  position: absolute;

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: 10px;

  z-index: 3;

  display: none;

  padding: 2.65rem;

  opacity: 0;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;

}

.overlay a {

  text-decoration: underline;

  font-weight: bold;

}

.overlay p:first-child:first-letter, .eventsblock p:first-of-type:first-letter {

  font-size: 2.5rem;

}

.overlay p:first-child:first-line, .eventsblock p:first-of-type:first-line {

  line-height: 1;

}

.overlay.mid {

  background: #e4c499;

}

.overlay.light {

  background: rgba(244, 226, 198, 0.875);

  padding-top: 7rem;

}

#home ul li:nth-of-type(3) a.overlay.light {
    background: rgba(244, 226, 198, 0.96);
}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  .overlay.light {

    padding-top: 6rem;

  }

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  .overlay {

    padding: 1.5rem;

  }

}

@media only screen and (max-width: 641px) {

  .overlay {

    padding: 1.5rem;

  }

}



.instagram {

  width: 9%;

  position: absolute;

  z-index: 5;

  bottom: 1.5rem;

  right: 1.5rem;

}



.tweets {

  background: url("IMG/tweet_bird.png") no-repeat;

  background-position: center center;

  background-size: auto 65%;

}



.twitter-follow-button {

  position: absolute;

  right: 1.25rem;

  bottom: 1.25rem;

}



#tweet {

  overflow: hidden;

  width: 100%;

  height: 100%;

}

#tweet ul {

  list-style-type: none;

  height: 100%;

  width: 100%;

}

#tweet ul li {

  font-family: Georgia;

  color: #a71300;

  font-size: 1.1rem;

  width: 100%;

  line-height: 1.4;

  font-style: italic;

  padding: 1.5rem 1.5rem;

  position: absolute;

  top: 0;

  left: 0;

  word-wrap: break-word;

}

#tweet ul li .tweet_user {

  text-decoration: none;

}

#tweet ul li a {

  text-decoration: underline;

  color: #a71300 !important;

}

/*added to fix homepage events rollover double-click issue on iphone*/

.eventslargeblock .overlay {
	display:block;
	opacity: 0;
}
@media only screen and (max-width: 641px) {

	/*fixes hover issue on events block */
.touch #home ul li.eventslargeblock .overlay, .touch #home ul li.eventslargeblock:hover .overlay, .touch #home ul li.eventslargeblock.hover .overlay	{
	opacity: 0;
}
	/* took out #template1 */
	.no-touch #home .eventslargeblock .overlay:hover {
	  opacity: 1;
	}
}	

/* TEMPLATE 1 */

#template1 ul li {

  float: left;

  display: block;

  width: 33.333333333333336%;

  padding: 10px;

  position: relative;

  overflow: hidden;

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  #template1 ul li {

    width: 50%;

  }

}
/*to fix overflow of boxes on membership page*/
@media only screen and (min-width: 642px) and (max-width: 860px) {

  .page-id-79 #template1 ul li {

    width: 50%;

  }

}
@media only screen and (max-width: 641px) {

  #template1 ul li {

    width: 100%;

  }

}

#template1 ul li:first-child {

  width: 66.666666666666672%;

  padding: 3rem 4rem 0rem 4rem;

}

#template1 ul li:first-child h1 {

  margin-bottom: 1.5rem;

}

@media only screen and (max-width: 641px) {

  #template1 ul li:first-child h1 {

    margin-bottom: 1rem;

  }

}
#template1 ul #newsletter .submitbutton {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
@media only screen and (min-width: 642px) and (max-width: 801px) {

  #template1 ul li:first-child {

    width: 100%;

  }

}

@media only screen and (max-width: 641px) {

  #template1 ul li:first-child {

    width: 100%;

    padding: 2rem;

  }

}

#template1 .overlay {

  z-index: 2;

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

}
/*fixes hover issue on template 1 (memberships and what we do)*/
.touch #template1 .overlay {	
	opacity: 0;
}
.touch #template1 #newsletter .overlay {	
	opacity: 1;
}
/* took out #template1 */
.no-touch #template1 .overlay:hover {

  opacity: 1;

}


#template1 h1.title {

  position: absolute;

  z-index: 10;

  background: rgba(228, 196, 153, 0.9);

  top: 3.5rem;

  padding: 0.5rem 1rem 0.5rem 1.5rem;

  max-width: 90%;

}



/* TEMPLATE 2 */

#template2 {

  margin-bottom: 20px;

}

#template2 hr {

  clear: both;

  width: 100%;

  height: 1px;

  margin-bottom: 20px;

  background: #f4e2c6;

}

#template2 img {

  width: 33.3%;

  float: left;

  margin-right: 4rem;

}

@media only screen and (max-width: 641px) {

  #template2 img {

    width: 100%;

    margin-right: 0;

  }

}

#template2 h1 {

  margin-top: 1rem;

  margin-bottom: 0;

}

@media only screen and (max-width: 641px) {

  #template2 h1 {

    margin-top: 2rem;

  }

}

#template2 p {

  margin-top: 1rem;

}

@media only screen and (max-width: 641px) {

  #template2 p {

    margin-top: 0.5rem;

    margin-bottom: 3rem;

  }

}



/* TEMPLATE 3 */

#template3 p {

  padding: 0 4rem;

}

@media only screen and (max-width: 641px) {

  #template3 p {

    padding: 0 1rem;

  }

}

#template3 h1 {

  margin-top: 3rem;

  padding: 0 4rem;

  margin-bottom: 1.5rem;

}

@media only screen and (max-width: 641px) {

  #template3 h1 {

    padding: 0 1rem;

    margin-bottom: 1rem;

  }

}

#template3 ul {

  list-style-type: square;

  margin-top: -0.75rem;

  margin-left: 4rem;

}

#template3 ul li {

  margin-left: 1.125rem;

  padding: 0.5rem 1rem;

  font-family: Georgia;

  color: #3f3b37;

}

#template3 img {

  width: 50%;

  float: left;

  padding: 10px;

}

#template3 img:nth-child(1), #template3 img:nth-child(2) {

  /*margin-top: 3rem;*/

}
#template3 img.retreatrow2 {
	margin-top: 0;
}
@media only screen and (max-width: 641px) {

  #template3 img {

    width: 100%;

    padding: 0;

    margin-bottom: 10px;
	
  }
#template3 img.retreatrow2 {
	margin-top: 0;
}
}

#template3 .sidebar p {

  padding: 0;

}



.sidebar {

  background: #e4c499;

  padding: 2.5rem;

  padding-bottom: 6rem;

}



/* TEMPLATE 4 */

.gallery li {

  float: left;

  display: block;

  width: 33.333333333333336%;

  padding: 10px;

  position: relative;

  overflow: hidden;

}

  /*changed horizontal padding to bring the videoboxes closer together*/
  
  .gallery li.videopost {
	  padding: 0 10px;
  }

@media only screen and (min-width: 642px) and (max-width: 801px) {

  .gallery li {

    width: 50%;

  }

}

@media only screen and (max-width: 641px) {

  .gallery li {

    width: 100%;

  }

}

.gallery li.largefirst {

  width: 66.666666666666672%;

}

.gallery li.largefirst .textpadded {

  padding-bottom: 0;

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  .gallery li.largefirst {

    width: 100%;

  }

}

@media only screen and (max-width: 641px) {

  .gallery li.largefirst {

    width: 100%;

  }

}

.gallery .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

  display: block;

  padding: 2.65rem;

}
.touch .gallery .overlay {
	opacity: 0;
}

.no-touch .gallery .overlay:hover {

  opacity: 1;

}

@media only screen and (min-width: 642px) and (max-width: 801px) {

  .gallery .overlay {

    padding: 1.5rem;

  }

}

@media only screen and (max-width: 641px) {

  .gallery .overlay {

    padding: 1.5rem;

  }

}

.gallery .overlay p {

  margin-bottom: 0.4rem;

}

.gallery .overlay .title {

  font-weight: bold;

  font-size: 1.5rem;

  margin-bottom: 0.25rem;

}

.gallery .overlay .title:first-letter {

  font-size: 1em;

}



/* TEMPLATE 5 */

#template5 p {

  padding: 0 4rem;

}

@media only screen and (max-width: 641px) {

  #template5 p {

    padding: 0 1rem;

  }

}

#template5 h1 {

  padding: 0 4rem;

  margin-bottom: 1.5rem;

}

@media only screen and (max-width: 641px) {

  #template5 h1 {

    padding: 0 1rem;

  }

}

#template5 h1:first-child {

  padding-top: 3rem;

  margin-bottom: 0.35rem;

  width:100%;

}

@media only screen and (max-width: 641px) {

  #template5 h1 {

    margin-bottom: 1rem;

  }

}

#template5 ul {

  list-style-type: square;

  margin-top: -0.75rem;

  margin-left: 4rem;

}

#template5 ul li {

  margin-left: 1.125rem;

  padding: 0.5rem 1rem;

  font-family: Georgia;

  color: #3f3b37;

}

#template5 .column1 img {

  width: 100%;

  margin-top: 0;

}

#template5 img {

  margin-top: 3rem;

  width: 50%;

  float: left;

  padding: 10px;

}

@media only screen and (max-width: 641px) {

  #template5 img {

    width: 100%;

    padding: 0;

    margin-bottom: 10px;

  }

}



.textpadded {

  padding: 3rem 4rem;

}

.textpadded h1 {

  margin-bottom: 1.5rem;

}

@media only screen and (max-width: 641px) {

  .textpadded h1 {

    margin-bottom: 1rem;

  }

}

@media only screen and (max-width: 641px) {

  .textpadded {

    padding: 2rem 0;

  }

}

.textpadded ul {

  list-style-type: square;

  margin-top: -0.75rem;

}

.textpadded ul li {

  margin-left: 1.125rem;

  padding: 0.5rem 1rem;

  font-family: Georgia;

  color: #3f3b37;

}



.halfimage {

  width: 50%;

  float: left;

  padding: 10px;

}

@media only screen and (max-width: 641px) {

  .halfimage {

    width: 100%;

    padding: 0;

    margin-bottom: 10px;

  }

}



#newsletter {

  width: 100%;

  padding-bottom: 100%;

  position: relative;

  display: block;

}

#newsletter .overlay {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  background: #e4c499;

  opacity: 1;

}



#biggallery .overlay {

  opacity: 0;

  display: block;

}

#biggallery .overlay:hover {

  opacity: 1;

}

#biggallery .overlay p:first-letter {

  font-size: 1em;

}



#bigblog {

  padding-top: 3rem;

}

#bigblog img {

  width: 65%;

  display: block;

  margin: 0 auto;

}

#bigblog p {

  margin: 1rem 17.5% 0;

}

@media only screen and (max-width: 641px) {

  #bigblog img {

    width: 100%;

  }

}



.videopost .spacerbox {

  width: 100%;

  position: relative;

/*changed padding-bottom from 100% and hid background*/

  padding-bottom: 70%;

  /*background: #e4c499;*/

  display: block;
  
  /*added negative margins to bring videoboxes closer together*/
  
  margin-top: -20px;
  
  margin-bottom: -20px;

}

.videopost .spacerbox iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

}
/*EB: fix these templates so one style works for all iframes*/
@media only screen and (max-width: 720px) {

  #template3 iframe {
	  width: 600px !important;
	  margin-left: -50px;
	  
	  
	  
  }
}
@media only screen and (max-width: 890px) {

  #template1 iframe {

    width: 100% !important;

  }

}
@media only screen and (max-width: 680px) {

  #template2 iframe {

    width: 100% !important;
	

  }

}
@media only screen and (max-width: 641px) {

  #template3 iframe {

    width: 100% !important;
	margin: -25px 0;

  }

}
@media only screen and (max-width: 500px) {

  #template3 iframe, #template2 iframe {

    
	margin: -55px 0;

  }
#template1 iframe {
	
	margin: -25px 0;
	
}
}
@media only screen and (max-width: 460px) {

  
#template1 iframe {
	
	margin: -40px 0 -60px 0;
	
}
}
#follow {

  background: #414141;

  display: block;

  height: 40px;

  margin-top: -80px;

  padding: 0 1.05rem 0 1.5rem;

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 0.875rem;

  line-height: 40px;

  color: #f4e2c6;

  letter-spacing: 0.45em;

  display: inline-block;

  margin-left: 3.25%;

}



#search {

  float: right;

  margin-right: 2.5%;

  margin-top: -85px;

}

#s {

  -webkit-appearance: none;

  border: 0;

  background: url("IMG/magnify.png") no-repeat, #eccfa7;

  background-position: 94% center;

  background-size: 16px 16px;

  width: 180px;

  height: 40px;

  padding-left: 0.75rem;

  padding-right: 1rem;

  display: block;

  font-face: Georgia;

  font-size: 0.875rem;

  color: #4f4f4f;

  margin-right: 10px;

}



.overlaybutton {

  position: absolute;

  z-index: 10;

  -webkit-font-smoothing: antialiased;

  background: #3f3b37;

  right: 10px;

  color: #f4e2c6;

  bottom: 2.5rem;

  padding: 0.5rem 1rem 0.5rem 1.5rem;

  max-width: 90%;

  display: inline-block;

}



.pagelinks {

  width: 100%;

  width: -webkit-calc(100% - 20px);

  width: -o-calc(100% - 20px);

  width: calc(100% - 20px);

  height: 2.5rem;

  display: block;

  background: #3f3b37;

  padding: 0 1rem 0 1.5rem;

  margin: 25px 10px;

}

.nextlink a, .previouslink a {

  color: #f4e2c6 !important;

  -webkit-font-smoothing: antialiased;

  font-family: FrancoisOne;

  text-transform: uppercase;

  font-size: 1.25rem;

  line-height: 2.5rem;

  letter-spacing: 0.45em;

}

.nextlink a:hover, .previouslink a:hover {

  color: #f4e2c6 !important;

}

.nextlink {

  float: left;

}

.previouslink {

  float: right;

}



#imagegallery {

  padding-top: 3rem;

}
#imagegallery-grid {
   padding-top: 3rem;
  /* margin-left: 16px;*/
  padding-right: calc(2.5% + 10px);
  padding-left: calc(2.5% + 10px);
}

#imagegallery img {

  float: left;

  display: block;

  width: 33.333333333333336%;

  padding: 10px;

  position: relative;

  overflow: hidden;

}
/* masonry for virtual yawps */

#imagegallery-grid img {
	/*width: 100%;
	padding: 5px;*/
	visibility: hidden;
	/*opacity: 0; */
}
.grid-item {
	margin-bottom: 20px;
	overflow: hidden;
	width: calc( ( 100% - 40px ) / 3 );
	/*width: 33.3333333333%;*/
}
/*.grid a {
	margin-bottom: 10px;
	overflow: hidden;
	width: calc(33.3333333333% - 20px);
}*/
.grid-sizer {
	/*width: 33.3333333333%;
	width: calc(33.3333333333% - 20px);*/
	width: calc( ( 100% - 40px ) / 3 );
}
.grid {
	/*margin-left: 2.5%;*/
	margin: auto;
}
@media only screen and (max-width: 641px) {
	#imagegallery-grid {
	   padding-top: 3rem;
	   margin-left: 0px;
	   padding-right: calc(2.5% + 10px);
	   padding-left: calc(2.5% + 10px);
	}

	#imagegallery-grid img {
		/*width: 100%;
		padding: 5px;*/
		/*opacity: 1;*/
		visibility: visible;
	}
  #imagegallery img {

    width: 100%;

  }
  .grid-sizer {
	  width: 100px;
  }
  .grid-item {
  	bottom: 10px;
	width: 100%;
	height: auto;
  }
/*.grid a {
  	bottom: 10px;
	width: 100%;
	height: auto;
  }*/
}
/*#instagram:before {
	content: "";
	display: block;
	padding-top: 100%;
}*/
.instagram-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.instagram-image {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}
/*POTW centered illustration*/
#template5 .poem-illustration-section {
	text-align: center;
	margin-bottom: 2rem;
	padding: 0 4rem;
}

#template5 p.poem-illustration-caption {
	text-align: right;
	font-style: italic;
	max-width: 425px;
	float: none;
	margin: 0 auto;
	padding: 0 1rem;
}

#template5 img.poem-illustration {
	width: 100%;
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
	padding: 0 0rem;
	max-width: 425px;
	float: none;
}
@media only screen and (max-width: 641px) {
	#template5 .poem-illustration-section {
		padding: 0 1rem;
	}
#template5 p.poem-illustration-caption, #template5 img.poem-illustration {
	max-width: none;
	}	
#template5 img.poem-illustration {
	margin-bottom: 0;
}
	
}

/*for poet of the week with long lines*/
#template5 blockquote p.pline {
	text-indent: -1em;
	padding-left: 5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
#template5 blockquote p.pline-right {
	text-align: right;
	text-indent: -1em;
	padding-right: 5em;
	direction:rtl;
	line-height: 21.6px;
	margin-bottom: 0px;
} 
/*for poet of the week long lines indented 5 spaces further*/
#template5 blockquote p.pline2 {
	text-indent: -1em;
	padding-left: 7.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 5 spaces further & wraparound without indent*/
#template5 blockquote p.pline2-justified {
	text-indent: 2.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 10 spaces further*/
#template5 blockquote p.pline3 {
	text-indent: -1em;
	padding-left: 10em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 15 spaces further*/
#template5 blockquote p.pline4 {
	text-indent: -1em;
	padding-left: 12.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 20 spaces further*/
#template5 blockquote p.pline5 {
	text-indent: -1em;
	padding-left: 15em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 25 spaces further*/
#template5 blockquote p.pline6 {
	text-indent: -1em;
	padding-left: 17.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 30 spaces further*/
#template5 blockquote p.pline7 {
	text-indent: -1em;
	padding-left: 20em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 35 spaces further*/
#template5 blockquote p.pline8 {
	text-indent: -1em;
	padding-left: 22.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 40 spaces further*/
#template5 blockquote p.pline9 {
	text-indent: -1em;
	padding-left: 25em;
	line-height: 21.6px;
	margin-bottom: 0px;
}
/*for poet of the week long lines indented 45 spaces further*/
#template5 blockquote p.pline10 {
	text-indent: -1em;
	padding-left: 27.5em;
	line-height: 21.6px;
	margin-bottom: 0px;
}

@media only screen and (max-width: 641px) {

  #template5 blockquote p.pline {
  padding-left: 2em;

}
#template5 blockquote p.pline-right {
	padding-right: 2em;
}
/*for poet of the week long lines indented 5 spaces further*/
  #template5 blockquote p.pline2 {
  padding-left: 4.5em;

}
/*for poet of the week long lines indented 10 spaces further*/
  #template5 blockquote p.pline3 {
  padding-left: 7em;

}
/*for poet of the week long lines indented 15 spaces further*/
  #template5 blockquote p.pline4 {
  padding-left: 9.5em;
}

/*for poet of the week long lines indented 20 spaces further*/
#template5 blockquote p.pline5 {
	padding-left: 12em;
}
/*for poet of the week long lines indented 25 spaces further*/
#template5 blockquote p.pline6 {
	padding-left: 14.5em;
}
/*for poet of the week long lines indented 30 spaces further*/
#template5 blockquote p.pline7 {
	padding-left: 17em;
}
/*for poet of the week long lines indented 35 spaces further*/
#template5 blockquote p.pline8 {
	padding-left: 19.5em;
}
/*for poet of the week long lines indented 40 spaces further*/
#template5 blockquote p.pline9 {
	padding-left: 22em;
}
/*for poet of the week long lines indented 45 spaces further*/
#template5 blockquote p.pline10 {
	padding-left: 24.5em;
}

}
#template5 blockquote.poem > p:last-child {
	margin-top: 1em;	
}
/*for poet of the week poems in two columns*/
#template5 blockquote table {
margin: 0 4rem 1rem 4rem;
}
#template5 blockquote table td {
    font-family: Georgia;
    color: #3f3b37;
    line-height: 1.35;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
	text-indent: -1em;
	padding-left: 1em;
	vertical-align: top;
}
td.middle-space {
	width: 80px;
}
@media only screen and (max-width: 714px) {
	td.middle-space {
		width: 30px;
	}
}
@media only screen and (max-width: 641px) {
	#template5 blockquote table {
	margin: 0 1rem 1rem 1rem;
	}
	td.middle-space {
		width: 60px;
	}
}
@media only screen and (max-width: 960px) and (min-width: 641px){
.childnav ul.secondary li a {
   font-size: 0.8rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.childnav li.page_item {
    margin: 0;
}
}
@media only screen and (max-width: 674px) and (min-width: 641px){
.childnav ul.secondary li a {
  
    padding-right: .75rem;
    padding-left: .75rem;
}
}
/*fix for front page poet of the week banner*/
#home ul li:nth-child(4) h1 {
    top: auto;
    right: 9px;
    bottom: 3.5rem;
    display: block;
  	text-align:right;
    background: rgba(228, 196, 153, 0.9);
    z-index: 10;
    position: absolute;
  	width: 90%;
	  max-width:90%;
	  display:block;
    padding: 0.5rem 1rem 0.5rem 1rem;
  	clip-path: inset(0px 0px 0px 0px);
    }
/*to fix overflow of workshops box on home page*/	
@media only screen and (min-width: 961px){
	#home ul li:nth-child(3) .overlay p {
		overflow: hidden;
		display: -webkit-box;
		  -webkit-line-clamp: 10;
		  -webkit-box-orient: vertical;  
	}	
}

@media only screen and (max-width: 960px) and (min-width: 642px){
	#home ul li:nth-child(3) .overlay p {
		overflow: hidden;
		display: -webkit-box;
		  -webkit-line-clamp: 7;
		  -webkit-box-orient: vertical;  
	}		
}	
@media only screen and (max-width: 641px){
	#home ul li:nth-child(3) .overlay p {
		overflow: hidden;
		display: -webkit-box;
		  -webkit-line-clamp: 12;
		  -webkit-box-orient: vertical;  
	}		
}		
/*POTW Columns

/*left column left aligned, right column right aligned*/
#template5 blockquote table.poem_lr tr td:nth-child(3){
text-align: right
}
#template5 blockquote table.poem_rl tr td:nth-child(3):after {
    content: "a";
    font-size: 0px;
}


/*left column right aligned, right column left aligned:*/
#template5 blockquote table.poem_rl tr td:nth-child(1){
text-align: right;
text-indent: -1em !important;
padding-right: 1em !important;
}

#template5 blockquote table.poem_rl tr td:nth-child(1):after {
    content: "a";
    font-size: 0px;
}
/*POTW smaller font for phones*/
@media screen and (max-width: 540px){
blockquote.small_font_poem {
	font-size: 75%;
}
}
/*contact form animation*/
div.wpcf7 .ajax-loader {
	background-image: url('IMG/newspinner.gif') !important;
	width: 32px !important;
	height: 32px !important;
	background-size: 32px;
}
.wpcf7 div.wpcf7-response-output {
    background-color: #f4e2c6 !important;
}

/*dim unavailable workshops*/
li.dim_unavailable {
    opacity: .5;
}

/*mentorship program*/
#template3-mentorship img.mentorship-program {
	width: 100% !important;
	padding: 1rem 4rem 2rem 4rem;
}
#template3-mentorship p {
	text-align: justify;
}
#template3-mentorship h1 {
	line-height: 1.25em;
}
#template3-mentorship ul {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 8rem;
	list-style-type: disc;
}
#template3-mentorship li span {
	position: relative;
	padding-left: -10px;
}
#template3 .sidebar p.mentorship-details  {
	line-height: 1.7rem;
}
#template3 img.mentor-photo {
    padding: 0 15px 15px 0;
}	
.mentorship-button {
	position: static;
	margin-top: 1em;
}
.mentorship-section {
    height: 1em;
}
.mentorship-schedule {
  display: flex;
  flex-wrap: wrap;
  margin: 0 3rem;
  padding: 0;
  font-family: Georgia;
  color: #3f3b37;
  font-size: 90%;
  line-height: 1.3;
}
.mp-col {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;  /* Default to full width*/
  padding: 0.8em 1.2em;
  overflow: hidden; /* Or flex might break*/
  list-style: none;
}

.date-col  { width: 30%; }
.event-col  { width: 70%; }

.pm {
	font-variant: small-caps;
}
#template3 .vimeo-mentorship{
	margin-right: 4rem;
	margin-left: 4rem;
}

.staff-picks-intro {
    max-width: 800px;
    text-align: justify;
	margin-top: 1rem;
}
.reading-info {
	background: #e4c499;
}
.reading-info h3 {
	background-color: #5a554f;
}
a.reading-button {
    position: static;
    margin-bottom: 1.5em;
    margin-left: 1.25rem;
    font-size: 1.3rem;
    letter-spacing: 0.25em;
}
/*.page-id-32894 #template2 {
	height: 100%;
}*/
#template2 .post-password-form {
	max-width: 400px;
	margin: 3em auto;
}
#template2 .post-password-form p {
	padding-bottom: 1.5rem;
}
#template2 .post-password-form label {
	margin-bottom: .5rem;
	margin-left: 0rem;
}
@media only screen and (max-width: 720px) {
#template3 .vimeo-mentorship iframe {
	   width: 100% !important; 
	    margin-left: 0; 
	}
}
@media only screen and (max-width: 641px) {
	#template3-mentorship ul {
		margin-left: 4rem;
	}
	#template3-mentorship img.mentorship-program {
		padding: 1rem;
	}	
	#template3 img.mentor-photo {
	    padding: 0;
	}	
	.mentorship-schedule {
		margin: 0 0 2rem 0;
	}
	#template3 .vimeo-mentorship {
			margin-right: 1rem;
			margin-left: 1rem;
	}
	#template3 .vimeo-mentorship iframe {
			margin: 0;
	}	
}
@media only screen and (max-width: 480px) {
#template3-mentorship ul {
	margin-left: 3rem;
}	
}

/*temporarily hide "workshops" heading on front page*/
#home ul li:nth-of-type(3) h1 {
    display: none;
}

/*add tilde to title font (for Staff Picks)*/
sup.tilde {
    top: -.5em;
    left: -1em;
    position: relative;
    letter-spacing: -1em;
}

/* hide recaptcha badge */
.grecaptcha-badge { visibility: hidden; }

/*craft seminars page*/
#template2 .lab-details p.lab-register.submitbutton {
    left: 1.25rem;
    position: relative;
    margin-top: .25rem;
    bottom: 0px;
}
.lab-details {
    background: #e4c499;
    padding-bottom: 10px;
}
#template2 .lab-details p {
    padding-left: 1.25rem;
}
.lab-details h4:last-of-type {
margin: 0px;
padding: 0.75rem 1.25rem 0 1.25rem;
}
.page-id-33639 section#template2 {
    max-width: 990px;
    margin: 0 auto;
}
.page-id-33639 #template2 img {
    width: 33.3%;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}
@media only screen and (max-width: 641px) {
.page-id-33639 #template2 p {
    margin-top: 1rem;
    margin-bottom: 0rem;
}
#template2 .lab-details p.lab-register.submitbutton {
    margin-top: 1rem;
}
}