/* Theme Name: March */

body.brown { --backgroundcolor: rgba(130,108,94,1); --backgroundshade: rgba(130,108,94,0.95); --foregroundcolor: #fff; }
body.brown.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(130,108,94,1); }

body.green { --backgroundcolor: rgba(69,173,78,1); --backgroundshade: rgba(69,173,78,0.95); --foregroundcolor: #fff; }
body.green.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(69,173,78,1); }

body.orange { --backgroundcolor: rgba(255,109,58,1); --backgroundshade: rgba(255,109,58,0.95); --foregroundcolor: #fff; }
body.orange.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(255,109,58,1); }

body.cyan { --backgroundcolor: rgba(0,175,236,1); --backgroundshade: rgba(0,175,236,0.95); --foregroundcolor: #fff; }
body.cyan.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(0,175,236,1); }

body.magenta { --backgroundcolor: rgba(242,83,172,1); --backgroundshade: rgba(242,83,172,0.95); --foregroundcolor: #fff; }
body.magenta.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(242,83,172,1); }

body.purple { --backgroundcolor: rgba(153,51,204,1); --backgroundshade: rgba(153,51,204,0.95); --foregroundcolor: #fff; }
body.purple.bright { --backgroundcolor: #fff; --backgroundshade: rgba(256,256,256,0.95); --foregroundcolor: rgba(153,51,204,1); }


/**/

html { font-size: 62.5%; }
body { font-family: "Rando", serif; font-size: 2.2rem; background: #826c5e; background: var(--backgroundcolor); color: #fff; color: var(--foregroundcolor); margin: 0; padding: 0; }

a { text-decoration: none; }
hr { height: .2rem; border:none; color:#fff; color: var(--foregroundcolor); background-color:#fff; background-color: var(--foregroundcolor); }
h1 { margin-left: 0 1rem; padding: 1em 0 calc(1em - 1rem) 0; font-size: 11.2rem; line-height: 1.0178571429; text-align: center; font-weight: 400; text-transform: uppercase; color: #000; }
.index h1 { padding-bottom: calc(1em - 1.5rem) }

img { max-width: 100%; height: auto; }
.screenreader { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; }

@media screen and (max-width: 900px) {
  h1 { font-size: 8rem; }
}

@media screen and (max-width: 700px) {
  h1 { font-size: 6rem; }
}

@media screen and (max-width: 600px) {
  .index h1 { padding-bottom: calc(1em - 1rem)}
}

@media screen and (max-width: 500px) {
  h1 { font-size: 4rem; }
}

/* Layout */

.layout { z-index: 1; position: relative; }

.logo { z-index: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.logo svg { width: 100%; height: 100%; }
.logo svg line, .logo svg path { stroke: #fff; stroke: var(--foregroundcolor); fill: none; stroke-miterlimit:10; stroke-width: .5rem;  vector-effect: non-scaling-stroke; }

#logolandscape { display: none; }
#logosquare { display: block; }
#logotall { display: none; }


@media (max-aspect-ratio: 4/5) {

  #logolandscape { display: none; }
  #logosquare { display: none; }
  #logotall { display: block; }


}

@media (min-aspect-ratio: 5/4) {

  #logolandscape { display: block; }
  #logosquare { display: none; }
  #logotall { display: none; }


}


.topbar { z-index: 1; position: fixed; top: 0; left: 0; right: 0; line-height: 1; }
.admin-bar .topbar { top: 3.2rem; }

.topbar p { margin: 0; padding: 3rem 3rem 0 3rem; float: left; }
.topbar a { margin: 0; border-radius: 1em; padding: .5rem 1.5rem; display: inline-block; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); color: #fff; color: var(--foregroundcolor); }
.topbar a span { text-transform: uppercase; font-family: "Neue Haas Grotesk Text", sans-serif; }

.headerright { line-height: 1; float: right; padding: 3rem 3rem 3rem 0; display: flex; }

.searchform { margin: 0 1rem 0 0; padding: 0; display: inline-block; }
.searchform input { width: 20rem; line-height: 1; text-align: right; border-radius: 1em; margin: 0 .25rem; padding: .4rem 1.5rem; display: inline-block; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); text-transform: uppercase; font-family: "Neue Haas Grotesk Text", sans-serif; font-size: inherit; color: inherit; }
.searchform input::placeholder { color: inherit; }

.controls { display: inline-block;  list-style: none; line-height: 0; margin: 0; padding: 0; }
.controls li { display: inline-block; width: 3.7rem; height: 3.7rem; }
.controls button { cursor: pointer; width: 100%; height: 100%; border-radius: 100%; border: .1rem solid #fff; border-color: var(--foregroundcolor); margin: 0; padding: 0;}
.controls button:focus {outline:0;}

#color { background: #826c5e; background: var(--backgroundcolor); }
.bright #color { background: #826c5e; background: var(--foregroundcolor); }

.brightness {
  background: #fff;
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 0%,#000000 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bright .brightness {
  background: #fff;
  background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media screen and (max-width: 800px) {
  .topbar p { float: none; }
  .headerright { float: none; padding: 1.5rem 3rem 3rem 3rem; }
  .searchform input { text-align: left; }
}

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

  .topbar { position: static; }
  .topbar p {  padding: 2rem 2rem 0 2rem; }
  .headerright { padding: 1.5rem 2rem 2rem 2rem; }

}


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


}

/* Nav */

nav { font-family: "Neue Haas Grotesk Text", sans-serif; text-transform: uppercase; z-index: 1; }
nav button:focus { outline: none;}

nav.main { color: #fff; color: var(--foregroundcolor); text-align: center; position: fixed; bottom: 0; left: 0; right: 0; line-height: 1; }
nav.main ul { list-style: none; margin: 0; padding: 0; padding: 3rem; }
nav.main li { border-radius: 1em; margin: 0 .25rem; padding: .5rem 1.5rem; display: inline-block; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); }
nav.main a { color: inherit; }

nav.main button { cursor: pointer; padding: 0; margin: 0; border: none; }
nav.main button:focus {outline:0;}

nav.main .more { display: none; position: relative; top: -.1rem; width: .1em; }
nav.main .more button { position: relative; left: -.25em; font-size: inherit; line-height: inherit; color: inherit; background: transparent; border: none; margin: 0; padding: 0;  }

nav.collapsed {  display: none; }
nav.collapsed ul { margin: 0; padding: 0; list-style:  none; }
nav.collapsed li { display: none; }
nav.collapsed a {  color: inherit; }
nav.collapsed button {}


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

  nav.collapsed { line-height: 1; text-align: center; color: #fff; color: var(--foregroundcolor); width: 22rem; z-index: 1; position: fixed; right: 4rem; bottom: 7.5rem; margin: 0; padding: .5rem; display: block; border-radius: 1em; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade);}
  nav.collapsed.closed { display: none; }

}

@media screen and (max-width: 1200px ) {
  nav.main .more { display: inline-block; }
  nav.main .shop { display: none; }
  nav.collapsed .shop { display: block; }
}

@media screen and (max-width: 1150px ) {
  nav.main .support { display: none; }
  nav.collapsed .support { display: block; }
}

@media screen and (max-width: 1000px ) {
  nav.main .contribute { display: none; }
  nav.collapsed .contribute { display: block; }
}

@media screen and (max-width: 800px ) {
  nav.main .contact { display: none; }
  nav.collapsed .contact { display: block; }
}

@media screen and (max-width: 650px ) {
  nav.main .about { display: none; }
  nav.collapsed .about { display: block; }
}

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

  nav.main ul { padding: 2rem; }

  nav.main li.control { display: inline-block; width: 3.2rem; height: 3.2rem; border-radius: 100%; padding: 0; position: relative; top: .8rem; }

  nav.main .actions { display: none; }
  nav.collapsed .actions { display: block; }
}

@media screen and (max-width: 350px ) {
  nav.main .publication { display: none; }
  nav.collapsed .publication { display: block; }
}




/* Index */

.index { margin: 11rem 1.5rem 8rem 1.5rem; }

.indexshade { margin: 1rem auto; max-width: 91rem; font-size: 3.1rem; line-height: 1.3225806452; padding: 2rem; background: rgba(69,173,78,0.95); background: var(--backgroundshade); }
.indexshade p:first-child { margin-top: 0; }
.indexshade p:last-child { margin-bottom: 0; }
.indexshade a { color: #000; }

.marchgrid { overflow: hidden; box-sizing: border-box;}

.item { padding: 1.5rem; float: left; box-sizing: border-box; }
.item.small { width: 16.6666666667%; }
.item.medium { width: 33.3333333333%; }
.item.large { width: 50%; }

.textitem { color: #000; font-size: 1.6rem; line-height: 1.28125; padding: 1rem; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); }
.textitem a { color: #fff; color: var(--foregroundcolor);  }
.textitem h2 { font-size: 2.4rem; line-height: 1.1875; margin: 0; text-transform: uppercase; font-weight: 400; font-family: "Neue Haas Grotesk Text", sans-serif; }
.textitem h2 a { color: #000; }
.textitem p:last-child { margin-bottom: 0; }

.textitem .marchterms { list-style: none; margin: .75em 0; padding: 0; }
.textitem .marchterms li { margin: 0; padding: 0; display: inline; }
.textitem .marchterms a { color: #fff; color: var(--foregroundcolor); text-transform: uppercase; font-size: 1.6rem; font-family: "Neue Haas Grotesk Text", sans-serif; border: 1px solid #fff;border-color: var(--foregroundcolor);  border-radius: 1em; line-height: 1; padding: .25em .75em; margin: .125em .25em .125em 0; display: inline-block; }

.imageitem { line-height: 0; }
.imageitem img { max-width: 100%; height: auto; }

.pagination-wrapper { padding-top: 1rem; text-align: center; color: #000; }
.pagination-wrapper h2 {display: none }
.pagination-wrapper a { color:#fff; color: var(--foregroundcolor); border-radius: 1em; margin: 1rem .25rem; padding: .5rem 1.5rem; display: inline-block; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); }
.pagination-wrapper span.placeholder,
  .pagination-wrapper span.current { border-radius: 1em; margin: 1rem .25rem; padding: .5rem 1.5rem; display: inline-block; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); }

@media screen and (max-width: 1000px) {
  .item.small { width: 25%; }
  .item.medium { width: 50%; }
  .item.large { width: 75%; }
}

@media screen and (max-width: 800px) {
    .index { margin-top: 16rem }
}

@media screen and (max-width: 700px) {
  .item.small { width: 50%; }
  .item.medium { width: 75%; }
  .item.large { width: 100%; }
}

@media screen and (max-width: 600px) {
  .index { margin: 3rem 1rem 7rem 1rem; }
  .item { padding: 1rem; }
}

@media screen and (max-width: 500px) {
  .item.small { width: 100%; }
  .item.medium { width: 100%; }
  .item.large { width: 100%; }
}


/* Single */

.singleview { margin: 10rem auto; max-width: 92rem; font-size: 3.1rem; line-height: 1.3225806452; }
.admin-bar .singleview { margin-top: 13rem; }

.singleview .singleshade { margin: 1rem 1rem; padding: 2rem; background: rgba(69,173,78,0.95); background: var(--backgroundshade); }

.singleview h1 { margin: 0 1rem; font-size: 11.2rem; line-height: 1.0178571429; text-align: center; font-weight: 400; text-transform: uppercase; color: #000; }
.singleview h2 { font-size: 1em; text-align: center; text-transform: uppercase; }
.singleview h3 { font-size: 1em; text-align: center; text-transform: uppercase; }


.singleview p:first-child { margin-top: 0; }
.singleview p:last-child { margin-bottom: 0; }

.singleview a { color: #000; }

.singleview sup { font-style: normal; vertical-align: top; position: relative; top: -0.2em; font-size: .6em; margin: 0 .25rem; }
.singleview sub { font-style: normal; vertical-align: bottom; position: relative; bottom: -0.2em; font-size: .6em; margin: 0 .25rem; }

.singleview figure { margin: 1em 0; width: 100%; }
.singleview figure img { width: 100%; height: auto; }
.singleview figcaption { margin: 1rem 0 0 0; font-size: 0.5161290323em; line-height: 1.25em; color: #000; max-width: 100%; width: 100%; }

.singleview .wp-caption { margin: 1em 0; max-width: 100% !important; }
.singleview .wp-caption img { width: 100%; height: auto; }
.singleview .wp-caption p { margin: 1rem 0 0 0; font-size: 1.6rem; line-height: 2rem; color: #000; max-width: 100%; width: 100%; }
.singleview .wp-caption a { border-bottom: 1px solid #000; }

.singleview .wp-caption.alignright,
  .singleview img.alignright { float: right; margin: 1rem 0 1rem 2rem; }

.singleview .wp-caption.alignleft,
  .singleview img.alignleft { float: left; margin: 1rem 2rem 1rem 0}

.singleview .wp-caption.aligncenter,
  .singleview img.aligncenter { margin: 8rem auto; display: block; }

.singleview blockquote { color: #000; margin: 8rem 0; }

.singleview .contributors { text-align: center; font-family: "Neue Haas Grotesk Text", sans-serif; }
.singleview .date { text-align: center; }

.singleview .marchterms { list-style: none; margin: 0; padding: 0; }
.singleview .marchterms li { margin: 0; padding: 0; display: inline; }
.singleview .marchterms a { text-transform: uppercase; font-size: 1.6rem; font-family: "Neue Haas Grotesk Text", sans-serif; border: 1px solid #000; border-radius: 1em; line-height: 1; padding: .25em .75em; margin: .125em .25em .125em 0; display: inline-block; }

.share { text-align: right; position: relative; font-family: "Neue Haas Grotesk Text", sans-serif; text-transform: uppercase; color: #fff; color: var(--foregroundcolor);  }

.share button { font: inherit; font-size: 2.4rem; text-transform: uppercase; background: transparent; border: none; color: #fff; color: var(--foregroundcolor); cursor: pointer; }
.share button:focus { outline: none; }
.share span { width: 3.5rem; height: 3.5rem; display: inline-block; border: 1px solid #fff; border-color: var(--foregroundcolor); border-radius: 1em; position: relative; top: .5em; margin-left: .125em; }
.share svg { width: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.share polygon { fill: #fff; fill: var(--foregroundcolor); }

.share ul { font-size: 2.2rem; list-style: none; line-height: 1; text-align: center; color: #fff; color: var(--foregroundcolor); width: 22rem; z-index: 0; position: absolute; right: .5em; top: -2.5em; margin: 0; padding: .5rem; display: block; border-radius: 1em; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade);}
.share ul.hidden { display: none; }
.share li { margin: 0; padding: 0; }
.share a { color: inherit; }


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

  .singleview h1 { font-size: 8rem; }
  .singleview blockquote { margin: 6rem 0; }
  .singleview .wp-caption.aligncenter { margin: 6rem auto; }

}

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

  .singleview { font-size: 2rem; }
  .singleview .singleshade { padding: .1rem 1rem; }
  .singleview h1 { font-size: 6rem; }
  .singleview blockquote { margin: 3em 0; }
  .singleview .wp-caption.aligncenter { margin: 3em auto; }

  .share ul { top: -3.5em; }

}

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

  .singleview,
    .admin-bar .singleview { margin-top: 0; }

}

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

  .singleview { font-size: 1.6rem; }
  .singleview .singleshade { padding: .1rem .5rem; }
  .singleview h1 { font-size: 4rem; }
  .singleview blockquote { margin: 2em 0; }

  .singleview .wp-caption.alignright,
    .singleview .wp-caption.alignleft,
    .singleview .wp-caption.aligncenter { margin: 2em auto; width: 100% !important; }

}

/* Footnotes */

.easy-footnote-title { display: none; }
.easy-footnotes-wrapper { color: #000; font-size: 1.6rem; line-height: 1.25; columns: 3; counter-reset: item; margin: 8rem 0 0 0; padding: 0; list-style: none; }
.easy-footnotes-wrapper li { margin-bottom: 1em; }
.easy-footnotes-wrapper li::before { content: counter(item) ". "; counter-increment: item; }
.easy-footnotes-wrapper a { border-bottom: 1px solid #000; }
.easy-footnotes-wrapper a.easy-footnote-to-top { border-bottom: none; }

.qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; }
.qtip-content{ position: relative; overflow: hidden; text-align: left; word-wrap: break-word; }
.qtip-titlebar{ position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; }
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
.qtip-close{ position: absolute; right: -9px; top: -9px; z-index: 11; cursor: pointer; outline: medium none; border: 1px solid transparent; }
.qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; }
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

.qtip-titlebar .ui-icon,
  .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
.qtip-icon .ui-icon{ width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }
.qtip-default{ color: #000; font-size: 1.6rem; line-height: 1.25; padding: 1rem; border: .1rem solid #fff; border-color: #fff; border-color: var(--foregroundcolor); background: rgba(69,173,78,0.95); background: var(--backgroundshade); }
.qtip-default .qtip-titlebar{ background-color: #FFEF93; }
.qtip-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; }
.qtip-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; }

.qtip canvas { display: none; }
.qtip-tip { display: none !important; }
.qtip a { color: inherit; border-bottom: .1rem solid #000; }

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

  .easy-footnotes-wrapper { columns: 2; }

}

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

  .easy-footnotes-wrapper { columns: 1; }

}

/* Gravity Forms */

.gform_wrapper input { color: #fff; color: var(--foregroundcolor); border: 1px solid #fff; border-color: var(--foregroundcolor); background: transparent; color: inherit; }
.gform_wrapper input[type=submit] { background: #fff; color: #826c5e; color: var(--backgroundcolor); font-family: "Neue Haas Grotesk Text", sans-serif; text-transform: uppercase; padding: .125em .75em; border-radius: 1em; cursor: pointer; }
.gform_wrapper input.ginput_quantity[type=number] { width: 20rem !important; }
.gform_wrapper select { color: #fff; color: var(--foregroundcolor); border: 1px solid #fff; border-color: var(--foregroundcolor); background: transparent; }
.gform_wrapper textarea { color: #fff; color: var(--foregroundcolor); border: 1px solid #fff; border-color: var(--foregroundcolor); background: transparent; }
.gform_wrapper span.ginput_product_price { color: inherit !important; }
.gform_wrapper span.ginput_total { color: inherit !important; }
.gform_wrapper .gfield_required { color: inherit !important; }

body .gform_wrapper ul li.gfield { margin: 1em 0 !important; }