@import url("https://fontlibrary.org/en/face/averia");
/* CSS RESET */
/* --------- */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {
  outline: 1px;
}

/* LAYOUT */
/* ------ */
body {
  background:url(images/gobi-desert.jpg) no-repeat fixed;
  background-size:cover;
  min-width:940px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  color:#444;
}

/* HEADER */
header.main hgroup {
  height:140px;
  margin:40px 0 1px;
  padding-left:180px;
  text-align:left;
  background:url(images/team-logo.png) no-repeat 40px 0;
}

header.main hgroup h1,
header.main hgroup h2 {
  color:#fff;
  font-size:2em;
  line-height:1em;
  text-shadow:0 0 5px rgba(0,0,0,.5);
}

header.main hgroup h1 {
  font-size:6em;
}

header.main a {
  color:#fff;
  text-decoration:none;
}

header.main a:hover,
header.main a:focus {
  opacity:.8;
}

header.main a:active {
  opacity:.6;
}

/* Home Header */

/* Fundraising Bar */
.funds {
  position:relative;
}

.funds h1 {
  position:absolute;
  top:0;
  left:0;
  height:40px;
  line-height:40px;
  text-indent:20px;
  font-size:18px;
  color:#fff;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

.funds h1 a {
  margin:0 1em;
  font-size:80%;
  text-decoration:underline;
}

.funds .donate {
  position:absolute;
  top:6px;
  right:20px;
}

.funds .progress {
  float:left;
  height:40px;
  background:#900;
  background:rgba(156,10,13,.8);
}

.funds .uncomplete {
  height:40px;
  overflow:hidden;
  background:#000;
  background:rgba(0,0,0,.5);
}

/* MAIN CONTENT AREA */
div.main {
  position:relative;
  width:60%;
  margin:0 auto 40px;
  padding-right:20%;
}

/* Navigation */
nav.main {
  top:0;
  right:0;
  width:26%;
  padding:20px 0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index:100;
}

nav.main:before {
  z-index: -1;
  top: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

nav.main:after {
  z-index: -2;
  top: 1px;
  left: -3px;
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(359deg);
  -moz-transform: rotate(359deg);
  -o-transform: rotate(359deg);
  -ms-transform: rotate(359deg);
  transform: rotate(359deg);
}

nav.main,
nav.main:before,
nav.main:after {
  position: absolute;
  background-color: #fff;
  background:rgba(240,240,200,.8);
  border: 1px solid rgba(0, 0, 0, 0.150);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}


/* CONTENT */

section.content {
  position:relative;
  margin:0 0 20px;
  padding:60px;
  background:#fff;
  background:rgba(255,255,255,.9);
}

/* FOOTER */
footer.main {
  min-height:80px;
  padding:40px;
  color:#fff;
  font-size:13px;
  line-height:1.5em;
  background:#000 url(images/mongol-rally-logo.png) no-repeat 40px bottom;
  opacity:.7;
}

footer.main small {
  display:block;
  text-align:right;
}

footer.main a {
  color:inherit;
}

/* TYPOGRAPHY */
/* ---------- */

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

/* Assistive Styles */
.assistive-text {
  display:none !important;
}

a {
  color:#095D8C;
}

a:hover,
a:focus {
  color:#026BA6;
}

a:active {
  color:#000;
}

/* NAVIGATION */
nav.main {
  font-family:'Averia', sans-serif;
  line-height:1em;
  font-size:22px;
}

nav.main ul {
  list-style:none;
}

nav.main li {
}

nav.main a {
  padding:6px 18px;
  display:block;
  text-decoration:none;
}

nav.main a:hover,
nav.main a:focus {
  background:#444;
  background:rgba(0,0,0,.2);
}

nav.main .current_page_item a {
  color:#000;
}

nav.main .archive {
  list-style:none;
  font-size:18px;
  margin:10px 0 0;
}

nav.main .archive:before {
  display:block;
  text-align:center;
  content:'* * * *';
}

/* CONTENT TEXT */
h1,
h2 {
  font-family:'Averia', sans-serif;
}

section.content {
  font-size:18px;
  line-height:1.5em;
}

section.content h1 {
  line-height:48px;
}

section.content article h1 {
  font-size:48px;
  color:#8D7352;
}

section.content h1 a {
  color:#8D7352;
  text-decoration:none;
}

section.content h2 {
  font-size:32px;
  line-height:48px;
  color:#3B1C17;
}

section.content h3 {
  padding:24px 0 0;
  font-size:1em;
  color:#666;
}

section.content h2 + h3 {
  padding-top:0;
}

section.content img {
  max-width:100%;
}

section.content p,
section.content ul,
section.content ol {
  padding:0 0 24px;
}

section.content ul,
section.content ol {
  margin-left:48px;
}

section.content blockquote {
  padding:0 72px;
  font-size:22px;
  font-family:"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-style:italic;
  color:#666;
}

section.content form br {
  display:none;
}

/* Homepage Styles */
section.content article:after {
  display:block;
  width:100%;
  padding:48px 0;
  content:'* * * *';
  font-family:'Averia', sans-serif;
  font-size:60px;
  text-align:center;
  color:#C8C7A5;
}

section.content article:last-of-type {
  margin:0 0 -24px;
}

section.content article:last-of-type:after {
  content:'';
}

section.content img {
  border:1px solid #666;
  border:1px solid rgba(0,0,0,.4);
}

section.content .alignleft {
  float:left;
  margin:0 36px 12px 0;
}

section.content .alignright {
  float:right;
  margin:0 0 12px 36px;
}

/* Meta Sections */
.nav-previous,
.nav-next,
.entry-meta {
  padding:12px 0;
  font-size:14px;
  color:#666;
  line-height:24px;
}

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

.nav-previous,
.nav-next {
  position:absolute;
  top:10px;
  margin:0 .5em;
  opacity:.5;
}

.nav-previous a,
.nav-next a {
  text-decoration:none;
}

.nav-previous {
  right:50%;
}

.nav-next {
  left:50%;
}

.comments-link,
.entry-meta .cat-links + .sep {
  display:none;
}