@charset "UTF-8";
/*!
 *	Theme Name:		Lodge of Endeavour
 *	Description:	WordPress theme for exclusive use by the Lodge of Endeavour No. 504 website.
 *	Author:			Daniel O'Connor (Avatar Ltd.)
 *	Version:		1
 */
/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain) */
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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  background: #fff;
  color: #000;
  font: 16px/1 "Crimson Text", "Georgia", serif;
}

a {
  color: #0038b8;
  text-decoration: none;
}

@font-face {
  font-family: "fontello";
  src: url("fonts/fontello.eot?37968540");
  src: url("fonts/fontello.eot?37968540#iefix") format("embedded-opentype"), url("fonts/fontello.woff?37968540") format("woff"), url("fonts/fontello.ttf?37968540") format("truetype"), url("fonts/fontello.svg?37968540#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
::-moz-selection {
  background: #333;
  color: #fff;
}

::selection {
  background: #333;
  color: #fff;
}

.button {
  background: #0038b8;
  color: inherit;
  display: inline-block;
  letter-spacing: 0.125em;
  padding: 1em 2em;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.button:hover {
  background: rgba(0, 56, 184, 0.8);
}

.image {
  background-color: #333;
  background-position: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.image img {
  bottom: -99999em;
  display: block;
  left: -99999em;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: -99999em;
  top: -99999em;
}

#lightbox {
  background: rgba(0, 0, 0, 0.85);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
#lightbox:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#lightbox img {
  display: inline-block;
  height: auto;
  margin: 0 auto;
  max-height: 90%;
  position: relative;
  vertical-align: middle;
  width: auto;
  z-index: 2;
}

.content p {
  line-height: 1.5;
  margin-bottom: 1em;
}
.content em {
  font-style: italic;
}
.content strong {
  font-weight: bold;
}
.content ul li {
  line-height: 1.5;
  margin-bottom: 1em;
  padding-left: 2em;
}
.content ul li:before {
  content: "•";
  display: inline-block;
  margin-left: -2em;
  width: 2em;
}
.content ol li {
  counter-increment: ol;
  line-height: 1.5;
  margin-bottom: 1em;
  padding-left: 2em;
}
.content ol li:before {
  content: counter(ol);
  display: inline-block;
  margin-left: -2em;
  width: 2em;
}
.content .alignleft {
  float: left;
  margin: 0 2em 2em 0;
}
.content .alignright {
  float: right;
  margin: 0 0 2em 2em;
}
.content .aligncenter {
  display: block;
  margin: 0 auto 2em auto;
}
.content .alignnone {
  display: block;
  margin-bottom: 2em;
}
.content h1, .content h2, .content h3 {
  font-size: 1.77777em;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.content h1:first-child, .content h2:first-child, .content h3:first-child {
  margin-top: 0;
}
.content h4 {
  font-size: 1.38889em;
  margin-bottom: 0.66666em;
}
.content .gallery {
  padding-right: 6em;
}
.content .gallery:after {
  clear: both;
  content: "";
  display: block;
}
.content .gallery-item {
  float: left;
  margin-bottom: 2em;
  position: relative;
  width: 25%;
}
.content .gallery-item:nth-child(4n-3) {
  clear: both;
}
.content .gallery-item:nth-child(4n-2) {
  left: 2em;
}
.content .gallery-item:nth-child(4n-1) {
  left: 4em;
}
.content .gallery-item:nth-child(4n) {
  left: 6em;
}
.content .gallery-item:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.content .gallery-item img {
  background: #333;
  display: block;
  height: auto;
  width: 100%;
}

.home #header {
  height: 28.75em;
}

#header {
  background-color: #333;
  background-position: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
  position: relative;
}
#header h1 {
  left: 1.5em;
  position: absolute;
  top: 1.5em;
}
#header h1 a {
  color: inherit;
  font-size: 1.375em;
  letter-spacing: 0.09091em;
  text-transform: uppercase;
}
#header nav {
  position: absolute;
  right: 1.5em;
  top: 1.5em;
}
#header nav ul:after {
  clear: both;
  content: "";
  display: block;
}
#header nav li {
  float: left;
}
#header nav li:last-child a {
  border-color: #fff;
  color: #fff;
  margin-left: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
#header nav li:last-child a:hover {
  background: #fff;
  color: #000;
}
#header nav a {
  border: 0.11111em solid transparent;
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-family: "Open Sans Condensed", "Ubuntu Condensed", "Arial Narrow", "Arial", sans-serif;
  font-size: 1.125em;
  padding: 1em;
  text-transform: uppercase;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#header nav a:hover {
  color: #fff;
}
#header > h2 {
  font-family: "Open Sans Condensed", "Ubuntu Condensed", "Arial Narrow", "Arial", sans-serif;
  font-size: 2.83333em;
  font-style: normal;
  letter-spacing: 0.05882em;
  padding: 3em 0 2em 0;
  text-align: center;
  text-transform: uppercase;
}

.page-template-default main,
.page-template-page-contact main {
  background: url(images/lodge-of-endeavour-watermark-logo.png) 10% 2em no-repeat;
}

#intro {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 59.75em;
}
#intro > div {
  display: table-cell;
  padding-top: 3em;
  text-align: center;
  vertical-align: middle;
}
#intro h2 {
  font-size: 1.5em;
  font-style: italic;
  letter-spacing: 0.04167em;
}
#intro em {
  display: block;
  font-family: "Open Sans Condensed", "Ubuntu Condensed", "Arial Narrow", "Arial", sans-serif;
  font-size: 2.83333em;
  font-style: normal;
  letter-spacing: 0.05882em;
  margin: 0.375em 0;
  text-transform: uppercase;
}

#content {
  margin: 0 auto;
  padding: 6em 0;
  width: 59.75em;
}
#content:after {
  clear: both;
  content: "";
  display: block;
}
#content iframe {
  background: #333;
}
#content .content {
  color: rgba(26, 26, 26, 0.85);
  font-size: 1.125em;
}

.page-template-page-contact iframe {
  float: right;
  height: 30em;
  margin-left: 2em;
  width: 35em;
}

#summary {
  color: rgba(26, 26, 26, 0.7);
  margin: 0 auto;
  padding: 5em 0;
  width: 59.75em;
}
#summary h3 {
  font-size: 2em;
  margin-bottom: 1em;
  text-align: center;
}
#summary .content {
  font-size: 1.125em;
}

#segues {
  color: rgba(26, 26, 26, 0.7);
  margin: 0 auto;
  padding: 0 2em 6em 0;
  width: 57.75em;
}
#segues:after {
  clear: both;
  content: "";
  display: block;
}
#segues li {
  float: left;
  position: relative;
  width: 50%;
}
#segues li:nth-child(even) {
  left: 2em;
}
#segues section {
  text-align: center;
}
#segues img {
  background: #333;
  height: 19.125em;
  margin-bottom: 2em;
  width: 100%;
}
#segues h3 {
  font-size: 1.375em;
  letter-spacing: 0.09091em;
  margin-bottom: 1em;
  text-transform: uppercase;
}
#segues .content {
  font-size: 1.125em;
}
#segues p:last-child {
  margin-bottom: 1.25em;
}
#segues .content + a {
  font-size: 1.125em;
}
#segues .content + a:after {
  content: " →";
}

#join {
  background: #333;
  padding: 2em 0;
  text-align: center;
}
#join a {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans Condensed", "Ubuntu Condensed", "Arial Narrow", "Arial", sans-serif;
  font-size: 1.125em;
  padding: 1em 2em;
  text-transform: uppercase;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#join a:hover {
  background: #fff;
  color: #333;
}

div.ddsg-wrapper p {
	display: none;
}

#footer {
  background: #1f1f1f;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.125em;
  padding: 5em 0;
  text-align: center;
}
#footer a {
  border-bottom: 0.05556em solid;
  color: inherit;
  display: inline-block;
  padding-bottom: 0.11111em;
}