/*------------RULER-----------------*/
/*body::before {
  display:block;
  content:"";
  width:200px;
  height:136px;
  background:rgba(255,0,0,0.7);
  position:fixed;
  top:0;
  left:400px;
  z-index: 4000;
}*/



/* --------------  BASE SCALING --------------*/

/*
* NOTE: We're messing with skeleton's default text scaling - a lot.
*
* In skeleton, html is set to 62.5% so that all the REM measurements throughout
* Skeleton are based on 10px sizing. So basically 1.5rem = 15px :)
*
*/

/*
* FIRST, hard code a minimum size for small windows.
*
* Text rags are kind of wonky between 750 (when we drop to single-column) and
* 1008 (when scaling kicks in), especially on narrow blocks. There may not be
* anything we can do about this.
*
*/
html {
  font-size: 7px;
}

/*
* NOW, for a 1440 window .694444444vw is 10px. REMs will scale down from there.
*/
@media(min-width:1008px) {
	 html{
		 font-size: 0.694444444vw;
	 }
}

/*
* Above 1225, stop scaling with the window. We're also setting a max width on
* the container of 980.
*/
@media (min-width: 1225px) {
  html {
    font-size:8.5px;
  }
  .container {
  	max-width:980;
  	/* 80% of a 1225 window */
  }
}

section#home {
  padding-bottom:5rem;
}
section#about,
section#events,
section#news,
section#contact  {
  padding-top:0;
}

section#about {
  padding-bottom:8.6rem;
  margin-top:-8.6rem;
}

body.archive section#events,
body.archive section#news  {
  padding-top:1.7rem;
}

body {
  font-family:"letter-gothic-std","Lucida Console", monospace;
  font-weight:700; line-height:1.6em;
}

body.archive section#newsItems,
body.archive.bg-events section#bodyContent {
  padding-bottom:10rem;
}

/*------------------ TEMP HACKS -----------------------*/



/*------------------ BACKGROUND COLORS -----------------------*/




body,
body #navSection,
body section
{
  transition-duration:0ms;
}

body.scrollFinished,
body.scrollFinished #navSection,
body.scrollFinished section
{
  transition-duration:350ms;
}

body {
  transition-property: opacity, background-color;
  transition-timing-function: ease;
  background-color: white;
  will-change:background-color;
}

#navSection,
body #bodyContent,
body section {
  transition-property: opacity, background-color;
  transition-timing-function: ease;
  will-change:background-color;
}

body #newsItems {
  /*fading the PNGs in the background of this element is killing render performance*/
  transition-property: none !important;
}

body.bg-home,
body.bg-home #navSection.opaque,
body.bg-home #bodyContent,
section#home {
  background-color:#f7e5e5;
  background-color:#fec7c6;
}

body.bg-about,
body.bg-about #bodyContent,
body.bg-about section,
body.bg-about section#home,
body.bg-home section,
body.bg-about #navSection,
body.bg-about.bg-home #navSection  {
  background-color:#fff100;
}

body.bg-events,
body.bg-events #bodyContent,
body.bg-events section,
body.bg-events #navSection {
  background-color:#fec7c6;
}
body.bg-events section#events {
  background-blend-mode: normal;
}

body.bg-news,
body.bg-news #bodyContent,
body.bg-news section,
body.bg-news #navSection {
  background-color:#ffe787;
}

body.bg-news.bg-newsItems #featuredInstallations,
body.bg-news.bg-newsItems #newsItems,
body.bg-news.bg-newsItems #navSection {
  background-color:#F19320;
}

body.bg-contact,
body.bg-contact #bodyContent,
body.bg-contact section,
section#contact,
body.bg-contact #navSection {
  background-color:#F19320;
  background-color: #fce8e9;
}


body.bg-contact #bodyContent #newsItems {
  background-image: none;
}

body.bg-contact .grayscale {
  mix-blend-mode: normal;
  filter: none;
  -webkit-filter:none;
}

@media (max-width:749px) {
  body.bg-home #navSection.opaque,
  body.bg-about #navSection,
  body.bg-events #navSection,
  body.bg-news #navSection,
  body.bg-newsItems #navSection,
  body.bg-news.bg-newsItems #navSection,
  body.bg-contact #navSection {
    background-color:white;
  }
}


/*------------------ HERO SECTION -----------------------*/


section#home,
body.bg-home section#home {
  padding-top:0;
  margin-top:0;
  overflow: hidden;
  position:relative;
}

section#home::after {
  content:'';
  background-image: url(../img/yellow-swoop-top.svg);
  background-position:bottom;
  background-repeat: no-repeat;
  background-size:102vw;
  position:absolute;
  width:100vw;
  height:10vw;
  bottom:-1px;

}

#hero {
  width:80%;
  margin:auto;
  margin-top:2.5rem;
  position:relative;
  height:calc(100vh - 3rem);
  min-height:58vw; /* avoid about section crashing into the hero images */
  max-height:calc(100vw - 340px);
}

#hero .emailCTA {
  /*see media queries below*/
}

#hero .emailCTA .linkbutton {
  font-family:"alternate-gothic-no-1-d";
  padding-top:.5em;
  padding-bottom:.4em;
}

#hero .emailCTA h3 {
  font-family:"alternate-gothic-no-1-d";
  font-size:3.5rem;
  font-weight:300;
  text-align: center;
}

img#eggBlob {
  mix-blend-mode: normal;
  position:absolute;
  top:-1.6vw;
  left:12.2vw;
  width:54.5vw;
  /*mix-blend-mode: screen;*/
  display:none;
}

img#mudtype {
  position:relative;
  width:83%;
  left:8.5%;
}


img#mudrobot {
  position:absolute;
  width:25vw;
  left:38vw;
  top:27.5vw;
  opacity:0.85;
}

img#stencil {
  width:97.5%;
  position: absolute;
  top:-2vw;
  left:0;
  mix-blend-mode: multiply;
  display:none;
}

img#mudbatons {
  position:absolute;
  width:14.875vw;
  left:5.65vw;
  top:10.9vw  ;
}

img#puddleBoy {
  position:absolute;
  mix-blend-mode:normal;
  left:10vw;
  top:4.5vw;
  width:65.3vw;
  opacity:1;
  height:auto;

}

#moonGarden {
  width:24vw;
  height:auto;
  position:absolute;
  top:36vw;
  left:0vw;
  transform:scale(0.95);
}

#moongardenLink:hover img {
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
    transform:scale(1);
}

.falsefooter {
  position:absolute;
  bottom:8rem;
  width:100%;
  text-align: center;
  line-height: 3em;
  z-index: 500;
}


@media (max-width:375px) {
  #hero {
    min-height:60vh;
  }
}

@media (min-width:376px) and (max-width:550px) {
  #hero {
    min-height:80vw;
  }
}

@media (min-width:551px) and (max-width:749px) {
  #hero {
    min-height:80vw;
  }
}

@media (max-width:749px) {

  .hideMobile { display:none;}
  .shrinkMobile { font-size:65%; display:block; width:100%; }

  #mobileNavLogo {
    width:30vw;
    margin:3vw auto;
  }

  section#home {
    background-size:100vw 89vw, 100vw auto;
  }

  #hero {
    width:100%;
    left:0;
    /* height:calc(100vh - 5rem);
    max-height:unset; */
    margin-top:7vw;
  }

  img#eggBlob {
    mix-blend-mode: normal;
    position:absolute;
    top:-1.5vw;
    left:13vw;
    width:80vw;
  }

  img#mudtype {
    position:relative;
    width:83%;
    left:8.5%;
  }


  img#mudrobot {
    position:absolute;
    width:36.7vw;
    left:48vw;
    top:35.5vw;
    opacity:0.85;
  }

  img#stencil {
    width:97.5%;
    position: absolute;
    top:-2vw;
    left:0;
    display:none;
  }

  img#mudbatons {
    position:absolute;
    width:14.875vw;
    left:5.65vw;
    top:10.9vw  ;
  }

  img#puddleBoy {
    position: absolute;
    mix-blend-mode: normal;
    left: 13vw;
    top: 6vw;
    width: 79vw;
    opacity: 1;
    height: auto;
  }

  
img#moonGarden {
  width:24vw;
  height:auto;
  position:absolute;
  top:46vw;
  left:5vw;
  
}

}

@media (max-width:550px) {

  .tagline {
    display:block;
    width:100%;
  }

  #hero .emailCTA {
    margin-top:60vw;
  }

}

@media (max-width:749px) {

    #hero .emailCTA {
      position:relative;
      height:auto;
      margin-top:55vw;
      text-align:center;
    }

    #hero .emailCTA .linkbutton {
      margin-top:3vw;
    }
}

@media (min-width:750px) {

  #hero .emailCTA h3 {
    margin-bottom: 1rem;
  }

  #hero .emailCTA {
    position:absolute;
    right:3vw;
    text-align:center;
    top:20vw;
    width:35vw;
    height:auto;
  }
}

@media (min-width:1440px) {

  section#home,
  body.bg-home section#home {

    background-size:110vw 648px, 100vw auto;

  }

  .falsefooter {
    position:absolute;
    bottom:4.7vw;
    width:100%;
    text-align: center;
    line-height: 3em;
  }

  #hero {
    width:1152px;
    margin-top:2.5rem;
    height:calc(100vh - 3rem);
    min-height:830px; /* avoid about section crashing into the hero images */
    max-height:1100px;
  }

  #hero .emailCTA {
    right:43.2px;
    top:288px;
    width:504px;
  }

  img#eggBlob {
    top:-23.6px;
    left:174.2px;
    width:784.8px;
  }

  img#mudtype {
    width:83%;
    left:8.5%;
  }


  img#mudrobot {
    width:360px;
    left:547.2px;
    top:396px;
  }

  img#mudbatons {
    width:214.2px;
    left:81.36px;
    top:156.96px  ;
  }

  img#puddleBoy {

    left:150px;
    top:65px;
    width:940px;
  }
  
  img#moonGarden {
    position:absolute;
    width:345px;
    height:auto;
    top:518px;
    left:0px;
  }
  
}

}


/*------------------ SECTIONS -----------------------*/



section#about {
  /*margin-top:0;*/
  background-position:center bottom;
  background-size:101vw auto;
  background-repeat:no-repeat;
}


#about p {
  font-size: 1.89rem;
}

.jumbo {
	font-size:3.5rem;
	line-height:1.23em;
	font-family:"Souvenir-Bold", serif;
	font-weight:bold;
	text-transform:none;
	padding-top:8rem;
}

@media (min-width:750px) {

	#about p a {
		font-size:2rem;
	}

  .jumbo {
    font-size:4.7rem;
  }

  .about p {
    font-size:1.89rem;
    line-height:1.7rem;
  }

	.about .teamEntry p {
    font-size:1.75rem;
  }

}


@media (min-width: 1000px) {

	.about p {
    font-size:1.89rem;
  }
	.about .teamEntry p {
    font-size:1.75rem;
  }

}

#spaceGlider {
  position: absolute;
  top:-6vw;
  left:50%;
  width:27vw;
  margin-left:-47vw;
}

@media (min-width:851px) and (max-width:950px) {
  #spaceGlider {
    width:256.5px;
    top:calc( (100vw - 950px)/4 - 26px);
  }
}

@media (min-width:750px) and (max-width:850px) {
  #spaceGlider {
    width:256.5px;
    top:-81px;
  }
}

@media (max-width:749px) {
  #spaceGlider {
    display:none;
  }
}



section#events {

  margin-top:0;

  background-image: url(../img/some-blobs.svg);
  background-position:2vw 8vw;
  background-size:43vw auto;
  background-repeat:no-repeat;
  background-attachment: scroll;
  background-blend-mode: multiply;
}

@media (min-width:750px) and (max-width:1007px) {
  section#events{
    background-size:433px auto;
  }
}

@media (min-width: 1225px) {
  section#events {
    background-position: calc(50vw - 588px) 85px;
    background-size:526.75px;
  }
}

section#events .©.archiveLinks {
  margin-top:6rem;
}

.fixed-nav.show section#events {
  background-image: url(../img/some-blobs.svg);
}

#events {position:relative;}

section#news {
  margin-top:0;
}

body:not(.archive) #newsItems {
  background-image: url(/img/orange-swoop-bottom.svg);
  background-position: center top 2.7vw;
  background-size:100% 300vw;
  background-repeat:no-repeat;
  padding-bottom:7rem;
}

@media (min-width: 1225px) {
  body:not(.archive) #newsItems {
    background-image: url(/img/orange-swoop-bottom.svg);
    background-size: 100% calc(4900px - 100vw);
    background-position: center top 36px;

  }
}

@media (max-width:749px) {
  body:not(.archive) section#newsItems {
    background-image: url(/img/orange-swoop-bottom.svg), url(/img/orangeBlock-lighter.svg);
    background-position: 0 5vw, 0 100vw;
    background-size:100vw auto, 100vw 100%;
    background-repeat:no-repeat;
  }
}
section#news .row.archiveLinks {
  margin-top:3.45rem; /* 6rem minus 2.55 rem line height of the HR that ends the section */
}

section#news .row:last-of-type .rule {
  /*display:none;*/
}

.fixed-nav.show section#news {
  background-position:center 200rem;
}

section#contact{
	position:relative;
	min-height:50vh;
  z-index: 1;
}

#contactBlurb {
  padding-bottom:10rem;
}

#underwaterrobots {
  position:absolute;
  top:16rem;
  max-width:80rem;
}

#girlpeeking {
  height:49rem;
  background-color:#fce8e9;
  background-image:url(../img/girl-peeking-large.jpg);
  background-size:cover;
  background-blend-mode:multiply;
  mix-blend-mode:normal;
  margin:0;
  overflow: visible;
  height:35rem;
  filter:contrast(1.4);
}

#girlpeeking img {
  mix-blend-mode:hard-light;
  opacity:0.7;
}

section#footer{
  background-color:#F19320;
  padding-top:2rem!important;
  padding-bottom:2.5rem!important;
  position:static;
}

section#footer>.container {
  padding-top:0px!important;
}

  section#footer .row:first-child .rule {
  margin-top: 0;
  border-color:transparent;
}

.home #footer {
}

#footer .columns {
  position:relative;
}

#footer .inputBorder {
  border:2px solid black;
  display:inline-block;
  padding:0;
  position:relative;
}

#footer label {
  position:absolute;
  top:1.2rem;
  left:1.4rem;
  color:rgba(0,0,0,.5);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  transition-property:all;
  transition-duration:50ms;

  font-size:1.7rem;
}

@media(max-width: 750px) {

  #footer label {
    font-size: 12px;
  }

}


#footer input[type="text"]:valid + label,
#footer input[type="text"]:focus + label {
  opacity:0;
}

#footer input[type="text"] {
  border:none;
  display:inline-block;
  border-right:2px solid black;
  background:transparent;
  height:5rem;
  width:25rem;
  margin:-2px;
  font-size:1.7rem;
  padding:.8rem;
  padding-left:2rem;
  font-family:"letter-gothic-std","Lucida Console","Monaco", monospace;
  font-weight:bold;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  vertical-align: top;
}


#footer input:focus { outline: none; }

#footer input[type="text"]:focus {
  background-color:rgba(255,255,255,.25);
}

#footer .linkbutton {
  border:none;
  margin:-1px 0;
  height:5rem;
  border-left:2px solid black;
  padding-top:1.5rem;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  vertical-align: top;
  cursor:pointer;
}

#footer input[type="button"]:focus,
#footer .linkbutton:focus,
#footer .linkbutton:hover {
  color:white;
  background-color:black;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  vertical-align: top;
}

#footer h3 {
  margin-bottom:2rem;
}

#footer a:hover {
  color:black;
  text-decoration:none;
  border-bottom:2px solid black;
  padding-bottom: 0px;
}

#footer .socialLinks a:hover {
  border:none;
  color:#444;
  mix-blend-mode:color-dodge;
}

#footer .socialLinks {
  text-transform: uppercase;
}

#footer ul {
  list-style: none;
}

#footer li {
  margin-bottom:0.7rem;
}

#footer li a {
  font-family:inherit;
  text-transform: uppercase;
}

img#pinkcircle {
  width:26.4rem;
  position:absolute;
}

img#boyflying {
  width:32.3rem;
  left:3rem;
  top:2rem;
  mix-blend-mode:multiply;
  position:absolute;
}

p,
div {
  padding:0; margin:0;
}

h1,
h2,
h3,
.tagline {
	font-family:"Souvenir-Bold",serif;
	font-weight:bold;
	text-transform:none;
	letter-spacing: 0em
}

h3 {
 text-transform: none;
 font-weight:normal;
 font-size:2.2rem;
}

h4,
.byline {
	font-family:"letter-gothic-std","Lucida Console","Monaco", monospace;
	font-size:1.8rem;
	line-height:3.2rem;
	text-transform: uppercase;
	margin-top:0rem;
	margin-bottom:0rem;
	font-weight: 700;
 }

 h4 {
   font-size:1.89rem;
 }

h1 {
  margin:0;
  padding:0;
  margin-bottom:0.3rem;
  text-align:center;
}

h2 {
  margin:0;
  padding:0;
  margin-bottom:0.3rem;
}

h3 {
  margin:0;
  padding:0;
  margin-bottom:0.3rem;
}

h1	{
  font-size:5.7rem;
  line-height: 1.1em;
  margin-top:4rem;
  margin-bottom:5.2rem;
}

h2 {
  font-size:2.75rem;
  line-height:1.1em;
}

a {
  color:black;
  text-decoration:none;
}

a:hover {
  color:black;
  text-decoration:underline;
}

.whymud a:hover,
.team a:hover,
.article a:hover,
.content.row a:hover,
#contact a:hover {
  text-decoration:underline;
  mix-blend-mode:multiply;
}


body,
p {
  font-size:1.7rem;
  line-height:2rem;
}

#whymud p {
  margin-top:2.8rem;
}

.team.row p {
  margin-top:2.8rem;
}

.row {
	margin-top:2rem;
}

.team.row .teamEntry {
	margin-top:1em;
}

.connectLabel {
	margin:0;
	text-transform:uppercase;
}

#about p .connectLabel a {
  font-size:1.89rem;
  text-decoration: none;
}

.connectLinks a {
	top:-0rem;
	font-size:1.1rem;
  font-family:inherit;
}

.connectLinks a:hover,
.socialLinks a:hover,
.sharelinks a:hover {
	color:#F68C5A;
}


p, li { font-size:1.89rem; line-height:1.5em;}
p { margin-bottom:2.8rem;}

p a,
li a {
	  font-family:"Souvenir-Bold",serif;
	  /*text-decoration:underline;
	  text-decoration-color:#F68C5A;
	  -moz-text-decoration-color:#F68C5A;
	  -webkit-text-decoration-color:#F68C5A;*/
}

h4 a,
.location a,
.readMoreLink a {
	font-family:"letter-gothic-std","Lucida Console","Monaco", monospace;
}

.readMoreLink a:hover {
  color:#F68C5A;
  mix-blend-mode:multiply;
  text-decoration:none;
}

#nextPrevious {
  min-height:20rem;
}

#nextPrevious p.articleTitle {
  font-family:"Souvenir-Bold",serif;
  font-size: 2.1rem;
	line-height:2.4rem;
}

#nextPrevious .readMoreLink {
	font-size:1.7rem;
  text-transform: uppercase;
	margin-bottom:0;
}


a#readPrevious:hover,
a#readNext:hover {
	text-decoration: none;
}


a#readPrevious:hover .readMoreLink,
a#readNext:hover .readMoreLink {
	text-decoration: none;
	color:#F68C5A;
}

a#readPrevious:hover .articleTitle,
a#readNext:hover .articleTitle {
	text-decoration: underline;
}


.moreinfolabel,
.location p.locationName,
.location p.maplink {
  text-transform: uppercase;
}

.content.row p.maplink a:hover {
  text-decoration: none;
	color:#F68C5A;
}

.moreinfolabel {
  margin:0;
}

.moreinfolink,
.moreinfolink p,
.moreinfolink a {
  font-size:2.2rem;
}


#loop-thing {
	position: absolute;
	top:-3.5rem;
	left:-18rem;
}

.tagline{ display:inline-block; font-size:2.2rem;}
.comingsoon { display:inline-block; text-transform: uppercase; font-size:1.7rem;}
.socialLinks i.fa {margin:0rem; font-size:1.89rem;}

.eyebrow,
.sharelinks,
.subscribeLink,
.eventListing .location {
	font-size:1.8rem;
	text-transform:uppercase;
  margin-bottom:0;
}

.eventListing .eventTime {
  font-size:1.8rem;
  text-transform: uppercase;
  margin-bottom:0rem;
}

.eventListing .dateBox {
  font-family:"alternate-gothic-no-3-d";
  font-size:4.5rem;
  margin-bottom:1.1rem;
}
@media (max-width:749px) {
  .eventListing .dateBox.mobileOnly {
    position:relative;
    top:2rem;
  }
}


.readMoreLink {
	text-transform:uppercase;
}

.eventListing {
	margin-top:2.5rem;
}

.eventListing:last-child .rule {
  display:none;
}

.eventListing.four.columns {
	line-height: 0rem;
}

.eventListing .dateTime {
	font-family:"Souvenir-Bold";
	margin-bottom:0rem;
	font-size:1.5rem;
}

.eventListing .sharelinks {
	margin-top:1.8rem;
}

@media (min-width:750px) {

  .mobileOnly {
    display:none;
  }

  .eventListing .dateBox {
    padding:0;
    padding-top:3rem;
    padding-bottom:2rem;
    border:1px solid rgba(0,0,0,1);
    text-align: center;
    background-color:rgba(0,0,0,0.0625);
    background-blend-mode:multiply;
    position:relative;
  }

  .eventListing .dateBox.past::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }

  .eventListing .dateBox .dayofMonth {
    font-family:"Souvenir-Bold";
    letter-spacing:-.1em;
    font-size:4.5rem;
    display:block;
    text-align:center;
    margin-bottom:1rem;;
  }
  .eventListing .dateBox .month {
    font-family:"alternate-gothic-no-3-d";
    text-transform:uppercase;
    font-size:3.3rem;
    display:block;
    text-align:center;
    margin:0;
  }

}

.blogArticles {
	margin-top:4.5rem;
}

.blogArticle img,
.featuredInstallation img,
.eventListing img {
	display:block;
}

.featuredInstallation h4 {
	margin-bottom:0.4rem;
  margin-bottom:1.2rem;
  line-height:1em;
}


.blogArticle .clip {
	max-width:32rem;
	max-height:32rem;
  margin:auto;
}


.blogArticle .clip.circle {
	display:block;
	border-radius:50%;
	overflow: hidden;
}

.blogArticle h2 {
 margin-bottom:1.8rem;
 margin-top:5rem;
}

.blogArticle p {
	margin-bottom:1.8rem;
	font-size:1.8rem; /*narrow column due to 3-up layout needs a smaller font for acceptable rag*/
	line-height:1.5em;
}

.featuredInstallation {
  position:relative;
}

.featuredInstallation h2 {
	font-size:4.2rem;
}


.featuredInstallation p {
	margin-bottom:2.5rem;
}

.featuredInstallation p {
	font-size:1.89rem;
}

@media (max-width:749px) {

  .eventListing h2 {
    font-size:5rem;
  }

  .featuredInstallation,
  .blogArticle {
    text-align:center;
    border-bottom:2px solid black;
    margin-bottom:5.3rem;
    padding-bottom:5.3rem;
  }
  .blogArticle:last-of-type {
    margin-bottom:0;
  }
  .featuredInstallation {
    margin-top: 6rem;
    /* standard for .row is 2rem .. Add another 4rem for the eyebrow */
  }
  .featuredInstallation .clip {
    margin-bottom:2.3rem;
  }
  .featuredInstallation h4 {
    /*position:absolute;
    top:-4rem;
    margin: 0 auto;
    left: 0;
    right: 0;*/
  }

  .featuredInstallation h2,
  .blogArticle h2 {
    font-size:5rem;
  }
  .featuredInstallation p,
  .blogArticle p {
    font-size:1.89rem;
  }
}
@media (max-width:550px) {
  .blogArticle .clip {
  	max-width:75vw;
  	max-height:75vw;
    margin:auto;
  }
}
@media (min-width:551px) and (max-width:749px) {
  .blogArticle .clip {
  	max-width:60vw;
  	max-height:60vw;
    margin:auto;
  }
}



.rule {
	border-bottom: 1px solid black;
	margin-top:2.5rem;
}


.centered {
  text-align:center;
}



.jumbo a {
	text-decoration: underline;
}
.jumbo a:hover{
	color:#F68C5A;
  mix-blend-mode:multiply;
}

.tint.orange {
  mix-blend-mode:normal;
  background-color:chocolate;
  opacity:0.5;
}

.tint.orange img {
  filter:grayscale(100%);
  mix-blend-mode:screen;
}

.tint.orange.hover,
.tint.orange:hover {
  mix-blend-mode:normal;
  opacity:1;
}
.tint.orange.hover img,
.tint.orange:hover img {
  filter:grayscale(0%);
  mix-blend-mode:normal;
}

.grayscale {
	filter: grayscale(100%);
  mix-blend-mode:multiply;
	-webkit-filter: grayscale(100%);
}

.grayscale.hover,
.grayscale:hover {
	filter: grayscale(0%);
  mix-blend-mode:normal;
	-webkit-filter: grayscale(0%);
}
.grayscale.keepOverprint.hover,
.grayscale.keepOverprint:hover {
	filter: grayscale(0%);
  mix-blend-mode:multiply;
	-webkit-filter: grayscale(0%);
}

.tight {margin-top:0;}

.archiveLinks .columns p {
	text-align: center;
}

.subscribeLink {
	margin-top:1em;
	margin-bottom:1.8em;
}

.fa-long-arrow-right {
	overflow:hidden;
}
.fa-long-arrow-right:before
{
	position:relative;
	left:-1.25rem;
	top:.15em;
}

.fa-long-arrow-right:before
{
	position:relative;
}

/*BLACK OUTLINE LINK BUTTON*/
.linkbutton {
	display:inline-block;
	border:0.3rem solid black;
	padding:1.1rem 3.8rem 0.7rem 3.8rem;
	line-height:2.4rem;
	text-decoration: none;
	background-color:none;
	font-family:"alternate-gothic-no-1-d";
	font-weight:normal;
	text-transform:uppercase;
	font-size:2.7rem;
	color:black;

  letter-spacing: 0.03em;

}

.linkbutton.fixedwidth
{
  min-width:22rem;
}

.linkbutton:hover {
	text-decoration: none;
	color:white;
	background-color: black;
}

.caption {
	font-size:.9em;
	color:blue;
}

.comingsoon {margin:0 1.8rem 0 1.8rem; padding:0;}


@media (max-width:749px) {

  #hbgz {
		position:fixed;
		display:inline-block;
		text-align:right;
		font-size:3rem;
    cursor:pointer;
    z-index: 5000;
    top:0.5rem;
    right:0.5rem;
	}

	#hbgz i {
		margin-right:2rem;
		margin-top:2rem;
	}

  #navSection {
    position:fixed;
    top:0;
    width:100%;
    background-color:white;
    z-index: 2999;
    border-bottom:1px solid black;
    -webkit-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25);
            box-shadow: 0 4px 4px 0px rgba(0,0,0,0.25);

  }

  #navContainer {
    width:95%;
    margin-top:0;
    padding-top:0;
    top:0;
    left:0;
  }

  #navContainer ul {
    list-style-type: none;
    margin:0;
    padding:1.3rem 0;

  }

  #navContainer li {
    margin:0;
    padding:2rem;
    border-top:1px solid rgba(0,0,0,0.125);
    text-align:center;
    font-size:3rem;
  }

  #navContainer li:first-child {
    border:0;
  }
  #navContainer li:last-child {
    padding-bottom:.3rem;
  }

  #navContainer li a {
    display:block;
  }

	.team.row {margin-top:0;}

}

@media (min-width: 750px) {

  .hideNonMobile {
    display:none!important;
  }

  #bodyContent .container:first-child,
  .fixed-nav.show #bodyContent .container:first-child {
    padding-top:7.6rem;
  }

  .fixed-nav #bodyContent .container:first-child {
    padding-top:0.1rem;
  }

  #navSection .container:first-child {
    padding-top:0.5rem;
  }

	#hbgz { display:none;}

  #navSection {
    width:100%;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    z-index:500;
    background-color:transparent;
  }

  body.fixed-nav #navSection {
    position:fixed;
  }

  #navContainer {
		margin:0 auto;
		margin-top:2.1vw;
    width:80vw;
    max-width:960px;
    position:relative;
    height:6rem;

	}

@media (min-width:1440px) {
  #navContainer {
    margin-top:30.24px;
  }
}


  #nav {
    position:absolute;
    display:inline-block;
    right:0;
  }

  .navLogo {
    width:16rem;
    position:absolute;
    top:-1.5rem;
    left:0;
    opacity:0;
    transition-property: opacity;
    transition-delay:0;
    transition-duration:0;
  }

  .static-nav .navLogo,
  .fixed-nav.show .navLogo,
  .opaque .navLogo {
    opacity:1;
    transition-delay:350ms;
    transition-duration:250ms;
  }
  .navLogo img {
    width:100%;
    box-sizing: border-box;
  }

  #nav ul {
    display:inline-block;
    margin:auto;
    position:relative;
    right:0;
    left:0;
    top:0rem;
    text-align:center;
  }

  #nav ul::before {
    content:'';
    display:block;
    height:0;
    width:80vw;
    max-width:960px;
    transition-property: width;
    transition-duration: 0ms;
    transition-timing-function: ease-out;
  }

  .static-nav #nav ul:before,
  .fixed-nav.show #nav ul:before,
  .opaque #nav ul:before {
    width:0;
    transition-duration: 0ms;
    transition-timing-function: ease-in;
  }

	#nav li {
    display:inline-block;
    font-size:2.1rem;
    font-family:"Souvenir-Bold", serif;
    font-weight:bold; line-height:1em;
    text-transform:none;
    margin:0;
    padding:0 1rem;
  }

	#nav li a {border-bottom:0.6rem solid transparent;color:black; text-decoration:none;}
	#nav a.active,
	#nav a:hover {text-decoration:none; border-bottom-color:black;}

}

@media (max-width:749px) {
  .teamEntry h2 {
    font-size:4rem;
  }
}

@media (min-width:750px) {

	.align-right {
		text-align:right;
	}

	.eventListing .dateTime {font-size:2.4rem;}

	body,
	p {font-size:1.7rem; line-height:1.5em;}
	#whymud p {font-size:1.89rem; line-height:1.7em; margin-top:2.1rem;}
	.team.row p {font-size:1.8rem; line-height:1.55em; margin-top:2.8rem;}


	.footer {text-align:center; margin-top:2rem;}
	.footer a {margin:0 0.5rem; padding:0; display:inline;}


	.archiveLinks .columns p {
		text-align:right;
	}

	.team.row .teamEntry {
		margin-top:6rem;
		display:block;
		min-height:11.3rem;
	}

	.connectLinks i {
    font-size:2.2rem;
  }
	.socialLinks a i,
	.sharelinks a i {
		font-size:2rem;
		position:relative;
	}



  section#bodyContent {padding-top:0;}

  h1	{font-size:5.7rem;}
  /*h1	{font-size:4.2rem;}*/
	h2	{font-size:3.6rem;}
	/*h3	{font-size:3rem;}*/
	.blogArticle h2 {font-size:3.4rem;}
	p { font-size:1.7rem; line-height:1.55em; }

}

@media (min-width:840px) {


}


@media (min-width: 1000px) {

	.subscribeLink {
		margin-top:2em;
		margin-bottom:.8em;
	}

}