Skip to content

Instantly share code, notes, and snippets.

@rwboyer

rwboyer/result of current chain...

Last active September 2, 2016 17:40
Show Gist options
  • Save rwboyer/745b82bb7585ac6e32fe337506cdbf09 to your computer and use it in GitHub Desktop.
Save rwboyer/745b82bb7585ac6e32fe337506cdbf09 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
result of current chain...
@charset "UTF-8";
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 4, 2016 */
@font-face {
font-family: 'museo_sans500';
src: url("/assets/fonts/museosans_500-webfont.woff2") format("woff2"), url("/assets/fonts/museosans_500-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'museo_sans300';
src: url("/assets/fonts//fontsmuseosans-300-webfont.woff2") format("woff2"), url("/assets/fonts/museosans-300-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'museo_sans700';
src: url("/assets/fonts/museosans-700-webfont.woff2") format("woff2"), url("/assets/fonts/museosans-700-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'museo_sans900';
src: url("/assets/fonts/museosans-900-webfont.woff2") format("woff2"), url("/assets/fonts/museosans-900-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
button, .details .special-button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #f48266;
border: 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "museo_sans500";
font-size: 1em;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1;
padding: 0.75em 1.5em;
text-decoration: none;
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap; }
button:hover, .details .special-button:hover, button:focus, .details .special-button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
background-color: #c36852;
color: #fff; }
button:disabled, .details .special-button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
cursor: not-allowed;
opacity: 0.5; }
button:disabled:hover, .details .special-button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
background-color: #f48266; }
fieldset {
background-color: transparent;
border: 0;
margin: 0;
padding: 0; }
legend {
font-weight: 600;
margin-bottom: 0.375em;
padding: 0; }
label {
display: block;
font-weight: 600;
margin-bottom: 0.375em; }
input,
select,
textarea {
display: block;
font-family: "museo_sans500";
font-size: 1em; }
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
background-color: #F2F1E8;
border: #F2F1E8;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-bottom: 0.75em;
padding: 0.5em;
-webkit-transition: border-color 150ms ease;
transition: border-color 150ms ease;
width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
select[multiple]:hover {
border-color: #b1b1b1; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
select[multiple]:focus {
border-color: #f48266;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(242, 111, 78, 0.7);
outline: none; }
input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
select[multiple]:disabled {
background-color: #f2f2f2;
cursor: not-allowed; }
input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
select[multiple]:disabled:hover {
border: 1px solid #ddd; }
input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
select[multiple]::-webkit-input-placeholder {
color: #999; }
input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder,
select[multiple]::-moz-placeholder {
color: #999; }
input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder,
select[multiple]:-ms-input-placeholder {
color: #999; }
input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder,
select[multiple]::placeholder {
color: #999; }
textarea {
resize: vertical; }
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.375em; }
[type="file"] {
margin-bottom: 0.75em;
width: 100%; }
select {
margin-bottom: 0.75em;
max-width: 100%;
width: auto; }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0; }
dl {
margin: 0; }
dt {
font-weight: 600;
margin: 0; }
dd {
margin: 0; }
figure {
margin: 0; }
img,
picture {
margin: 0;
max-width: 100%; }
table {
border-collapse: collapse;
margin: 0.75em 0;
table-layout: fixed;
width: 100%; }
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.75em 0;
text-align: left; }
td {
border-bottom: 1px solid #ddd;
padding: 0.75em 0; }
tr,
td,
th {
vertical-align: middle; }
body {
color: #333;
font-family: "museo_sans500";
font-size: 1em;
line-height: 1.5; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "museo_sans700";
font-size: 1.333em;
line-height: 1.2;
margin: 0 0 0.75em; }
p {
margin: 0 0 0.75em; }
a {
color: #f48266;
text-decoration: none;
-webkit-transition: color 150ms ease;
transition: color 150ms ease; }
a:active, a:focus, a:hover {
color: #b7624d; }
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.5em 0; }
body {
margin: 0; }
.top-msg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 64px;
height: 4rem;
background-color: #4B3D68;
z-index: 5;
color: white;
text-align: center; }
.top-msg span {
position: relative;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
display: block;
text-transform: uppercase; }
nav.side {
position: fixed;
display: block;
float: left;
top: 0;
left: 0;
width: 320px;
width: 20rem;
height: 100%;
padding: 64px 32px 32px 32px;
padding: 4rem 2rem 2rem 2rem;
background-color: #F2F1E8;
color: #4B3D68;
overflow: scroll; }
@media (max-width: 800px) {
nav.side {
width: 100%;
position: relative;
float: none;
height: auto !important; } }
nav.side img.logo {
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
padding-top: 32px;
padding-top: 2rem; }
@media (max-width: 800px) {
nav.side img.logo.site {
height: 15rem; } }
nav.side ul.icons {
text-align: center;
padding-top: 32px;
padding-top: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem; }
nav.side ul.icons li {
display: inline;
font-size: 2.36859em;
padding: 16px;
padding: 1rem; }
nav.side ul.icons li.mobile-menu {
display: none; }
@media (max-width: 800px) {
nav.side ul.icons li.mobile-menu {
display: inline; } }
nav.side ul.icons a {
color: #4B3D68;
-webkit-transition: all .2s linear;
transition: all .2s linear; }
nav.side ul.icons a:hover {
color: #786e8e; }
nav.side ul.icons label {
display: inline;
margin-bottom: 0;
font-weight: normal; }
nav.side ul.menu {
padding-top: 32px;
padding-top: 2rem;
overflow: hidden;
max-height: auto;
-webkit-transition: max-height 1s linear;
transition: max-height 1s linear; }
nav.side ul.menu li {
text-align: center;
text-transform: uppercase;
padding: 8px 0 8px 0;
padding: .5rem 0 .5rem 0; }
nav.side ul.menu a {
color: #4B3D68;
-webkit-transition: all .2s linear;
transition: all .2s linear; }
nav.side ul.menu a:hover {
color: #786e8e; }
nav.side h1 {
font-size: 1.333em;
font-weight: 400;
text-transform: uppercase;
text-align: center; }
nav.side button, nav.side .details .special-button, .details nav.side .special-button {
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
background-color: #f48266; }
nav.side button:hover, nav.side .details .special-button:hover, .details nav.side .special-button:hover {
background-color: #dc755c; }
nav.side #sponsors {
padding-bottom: 32px;
padding-bottom: 2rem;
text-align: center; }
nav.side #sponsors h1 {
margin-bottom: 0; }
nav.side #sponsors img.logo {
-webkit-transform: none;
transform: none;
left: auto;
max-height: 160px;
max-height: 10rem; }
@media (max-width: 800px) {
nav.side #sponsors img.logo {
max-width: 15rem;
-webkit-transform: none;
transform: none;
left: auto; } }
nav.side .copyright {
font-size: 0.75019em;
color: #4B3D68;
text-align: center;
padding-top: 32px;
padding-top: 2rem;
text-transform: uppercase; }
nav.side .copyright:last-child {
padding: 0;
margin: 0; }
@media (max-width: 800px) {
nav.side ul.menu {
display: none; }
nav.side #sponsors {
display: none; } }
.hero {
background-size: cover;
background-position: center;
height: 400px;
height: 25rem; }
.main {
position: relative;
top: 0;
margin-left: 320px;
margin-left: 20rem;
overflow: auto;
width: calc(100% - 20rem);
padding-top: 64px;
padding-top: 4rem; }
.main #mission {
background: url("/assets/images/orange-bg.png") no-repeat;
background-size: cover;
background-position: center;
color: white;
padding: 48px 64px;
padding: 3rem 4rem;
text-align: center; }
.main #mission h3 {
font-size: 1em;
margin: 0; }
@media (max-width: 600px) {
.main #mission {
padding: 2rem; } }
.main #mission a {
color: #4B3D68; }
.main #mission a:hover {
color: #6f6486; }
.main #farm {
padding: 48px 64px;
padding: 3rem 4rem;
text-align: center; }
.main #farm img {
width: 560px;
width: 35rem;
padding-bottom: 16px;
padding-bottom: 1rem; }
@media (max-width: 600px) {
.main #farm {
padding: 2rem; } }
.main #sign-up {
padding: 48px 32px;
padding: 3rem 2rem;
text-align: center; }
.main #sign-up input[type="color"], .main #sign-up input[type="date"], .main #sign-up input[type="datetime"], .main #sign-up input[type="datetime-local"], .main #sign-up input[type="email"], .main #sign-up input[type="month"], .main #sign-up input[type="number"], .main #sign-up input[type="password"], .main #sign-up input[type="search"], .main #sign-up input[type="tel"], .main #sign-up input[type="text"], .main #sign-up input[type="time"], .main #sign-up input[type="url"], .main #sign-up input[type="week"], .main #sign-up input:not([type]), .main #sign-up textarea {
display: inline-block;
width: 192px;
width: 12rem;
font-size: 0.75019em;
line-height: 28.8px;
line-height: 1.8rem; }
.main #sign-up input[type="color"]:placeholder-shown, .main #sign-up input[type="date"]:placeholder-shown, .main #sign-up input[type="datetime"]:placeholder-shown, .main #sign-up input[type="datetime-local"]:placeholder-shown, .main #sign-up input[type="email"]:placeholder-shown, .main #sign-up input[type="month"]:placeholder-shown, .main #sign-up input[type="number"]:placeholder-shown, .main #sign-up input[type="password"]:placeholder-shown, .main #sign-up input[type="search"]:placeholder-shown, .main #sign-up input[type="tel"]:placeholder-shown, .main #sign-up input[type="text"]:placeholder-shown, .main #sign-up input[type="time"]:placeholder-shown, .main #sign-up input[type="url"]:placeholder-shown, .main #sign-up input[type="week"]:placeholder-shown, .main #sign-up input:not([type]):placeholder-shown, .main #sign-up textarea:placeholder-shown {
text-transform: uppercase; }
.main #countdown {
background: url("/assets/images/mountains.jpg") no-repeat fixed center;
text-align: center;
padding: 32px;
padding: 2rem;
color: white; }
.main #countdown h3 {
text-transform: uppercase;
color: white; }
.main #countdown #clock {
font-size: 64px;
font-size: 4rem;
position: relative;
top: 48px;
top: 3rem; }
.main #countdown #clock span {
font-size: 64px;
font-size: 4rem;
background-color: rgba(0, 0, 0, 0.2);
padding: 32px 16px;
padding: 2rem 1rem;
margin: 0 16px;
margin: 0 1rem; }
.main #upcoming-events {
padding: 32px 32px 64px 32px;
padding: 2rem 2rem 4rem 2rem;
background-color: #e7e6d7; }
.main #upcoming-events h3 {
text-align: center;
text-transform: uppercase; }
.main #event-details {
padding: 64px 32px 0;
padding: 4rem 2rem 0; }
.main #event-details h1 {
color: #4B3D68;
margin-bottom: 0; }
.main #event-details h2 {
color: #f48266;
margin-bottom: 0;
font-size: 1.77689em;
font-family: "museo_sans900";
text-transform: uppercase; }
.main #event-details h3 {
color: #f48266;
margin-bottom: 0;
font-size: 1em; }
.main #event-details h4 {
color: #4B3D68;
margin-bottom: 0;
font-size: 1em; }
.main #event-details h5 {
margin-bottom: 0;
font-size: 1em;
text-transform: uppercase; }
.main #event-details p:first-child {
margin-top: 16px;
margin-top: 1rem; }
.main #big-register {
padding: 32px;
padding: 2rem; }
.main #big-register button, .main #big-register .details .special-button, .details .main #big-register .special-button {
background-color: #f48266;
font-size: 1.333em;
font-family: "museo_sans700";
width: 100%; }
.main #big-register button:hover, .main #big-register .details .special-button:hover, .details .main #big-register .special-button:hover {
background-color: #c36852; }
.main #event-location {
background-image: url("/assets/images/honeyville-location.jpg");
background-attachment: fixed;
background-size: cover;
background-position: center bottom;
padding: 64px 32px;
padding: 4rem 2rem; }
.main #event-location h1 {
color: white;
font-size: 1.77689em; }
.main #event-location p {
color: white;
margin-top: 64px;
margin-top: 4rem;
margin-bottom: 32px;
margin-bottom: 2rem; }
.main #event-location button, .main #event-location .details .special-button, .details .main #event-location .special-button {
color: white;
background-color: #f48266; }
.main #event-location button:hover, .main #event-location .details .special-button:hover, .details .main #event-location .special-button:hover {
background-color: #c36852; }
.main #about {
padding: 64px 32px;
padding: 4rem 2rem; }
.main #about h1 {
font-family: "museo_sans900";
font-size: 1.333em;
color: #4B3D68;
text-transform: none; }
.main #sponsor-footer {
background-color: #f48266;
padding: 32px 32px;
padding: 2rem 2rem;
text-align: center; }
.main #sponsor-footer h1 {
color: white; }
.main #sponsor-footer img {
max-height: 96px;
max-height: 6rem;
max-width: 128px;
max-width: 8rem; }
@media (max-width: 800px) {
.main {
width: 100%;
margin-left: 0;
position: relative;
overflow: visible;
padding: 0; }
.main .content {
overflow: visible; }
.main #countdown, .main #farm, .main #mission, .main #sign-up, .main #upcoming-events {
padding-left: 1rem;
padding-right: 1rem; } }
img {
max-width: 100%; }
button, .details .special-button {
background-color: #4B3D68;
text-transform: uppercase; }
.farm-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.farm-grid .farm-item {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
background-color: #ddd;
background-size: cover;
background-position: center center;
height: 100px; }
.farm-grid .farm-item:nth-child(even) {
background-color: #b1b1b1; }
.farm-grid .farm-item a {
display: block;
width: 100%;
height: 100%; }
.details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start; }
.details .event-info {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
margin-right: 32px;
margin-right: 2rem; }
@media (max-width: 800px) {
.details .event-info {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0; } }
.details .special-button {
background-color: white;
color: #333;
border: 1px solid #4B3D68;
text-transform: none;
font-weight: normal;
line-height: 24px;
line-height: 1.5rem;
padding: 8px 160px 8px 24px;
padding: .5rem 10rem .5rem 1.5rem;
margin-top: 16px;
margin-top: 1rem;
margin-bottom: 16px;
margin-bottom: 1rem;
position: relative; }
.details .special-button:hover {
background-color: #f48266; }
.details .special-button:after {
content: '>';
position: absolute;
right: 24px;
right: 1.5rem;
top: 19.2px;
top: 1.2rem;
color: #4B3D68; }
.details .special-button span {
font-weight: 700; }
.details .event-sponsors {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin-left: 32px;
margin-left: 2rem;
border: 1px solid #4B3D68;
border-radius: 4px;
text-align: center; }
@media (max-width: 800px) {
.details .event-sponsors {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-left: 0; } }
.details .event-sponsors h1 {
color: white !important;
background-color: #4B3D68;
font-size: 1em;
text-align: center;
text-transform: uppercase;
padding: 16px 0;
padding: 1rem 0; }
.details .event-sponsors img {
padding: 16px;
padding: 1rem; }
.details .about-info {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
margin-right: 32px;
margin-right: 2rem; }
@media (max-width: 800px) {
.details .about-info {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0; } }
.details .about-logo {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin-left: 32px;
margin-left: 2rem; }
@media (max-width: 800px) {
.details .about-logo {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0; } }
.benefits {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 32px;
padding-top: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.benefits .benefit-logo {
-ms-flex-preferred-size: 40%;
flex-basis: 40%; }
@media (max-width: 800px) {
.benefits .benefit-logo {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 2rem; } }
.benefits .benefit-details {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
padding-left: 32px;
padding-left: 2rem;
font-weight: 700; }
@media (max-width: 800px) {
.benefits .benefit-details {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0;
text-align: center; } }
.offset-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 320px;
height: 20rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.offset-images .offset-big {
-ms-flex-preferred-size: 66.666%;
flex-basis: 66.666%;
background-image: url("/assets/images/slideshow6.jpg");
background-size: cover;
background-position: center center; }
@media (max-width: 800px) {
.offset-images .offset-big {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
.offset-images .offset-small {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
background-image: url("/assets/images/SarahandShannon2.jpg");
background-size: cover;
background-position: center center; }
@media (max-width: 800px) {
.offset-images .offset-small {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
.upcoming {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 16px;
margin-top: 1rem; }
.upcoming li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 32px;
padding: 2rem; }
@media (max-width: 800px) {
.upcoming li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 1rem; } }
.upcoming .event-info {
background-color: #F2F1E8; }
.upcoming .event-action {
background-color: #f48266; }
.upcoming .event-action .center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 19.2px;
margin-top: 1.2rem; }
@media (max-width: 800px) {
.upcoming .event-action .center {
margin-top: 0; } }
.upcoming .event-action .event-buttons {
text-align: right; }
.upcoming .event-action p {
color: white;
font-weight: bold; }
.upcoming .event-action button, .upcoming .event-action .details .special-button, .details .upcoming .event-action .special-button {
display: inline-block;
background-color: white;
color: #f48266;
font-weight: normal;
font-size: 0.75019em; }
.upcoming .event-action button:hover, .upcoming .event-action .details .special-button:hover, .details .upcoming .event-action .special-button:hover {
background-color: #cccccc; }
@media (max-width: 800px) {
.upcoming .event-action button, .upcoming .event-action .details .special-button, .details .upcoming .event-action .special-button {
min-width: 6rem; } }
.upcoming h1 {
font-size: 1em;
font-weight: 700;
margin: 0; }
.upcoming h2 {
margin: 0;
text-transform: uppercase; }
.upcoming p {
margin: 0; }
.footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around; }
@media (max-width: 800px) {
.footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.footer .circus-logo {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 32px 0 32px 32px;
padding: 2rem 0 2rem 2rem;
text-align: center; }
@media (max-width: 600px) {
.footer .circus-logo {
-ms-flex-preferred-size: 40%;
flex-basis: 40%; } }
.footer .circus-links {
-ms-flex-negative: 2;
flex-shrink: 2;
padding: 32px;
padding: 2rem; }
.footer .circus-links h3, .footer .circus-links a {
line-height: 28.8px;
line-height: 1.8rem; }
.footer .circus-links button, .footer .circus-links .details .special-button, .details .footer .circus-links .special-button {
margin-top: 32px;
margin-top: 2rem; }
@media (max-width: 800px) {
.footer .circus-links {
-ms-flex-preferred-size: 60%;
flex-basis: 60%; } }
.footer .contact-form {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
padding: 32px;
padding: 2rem; }
@media (max-width: 800px) {
.footer .contact-form {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.footer .contact-form input[type=text], .footer .contact-form textarea {
font-size: 0.75019em; }
.footer .contact-form h3 {
margin-bottom: 12px;
margin-bottom: .75rem; }
.footer h3 {
text-transform: uppercase;
font-size: 1em;
margin: 0; }
.footer button, .footer .details .special-button, .details .footer .special-button {
background-color: #453634; }
.footer button:hover, .footer .details .special-button:hover, .details .footer .special-button:hover {
background-color: #584a48; }
.ClassyCountdown-days, .ClassyCountdown-hours, .ClassyCountdown-minutes, .ClassyCountdown-seconds {
width: calc(25% - 20px);
position: relative;
display: inline-block;
margin: 10px; }
@media (max-width: 800px) {
.ClassyCountdown-days, .ClassyCountdown-hours, .ClassyCountdown-minutes, .ClassyCountdown-seconds {
width: calc(25% - 4px);
margin: 2px; } }
.ClassyCountdown-value {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
display: block; }
.centered-navigation {
background-color: #E7F1EC;
border-bottom: 1px solid #d4e6dd;
min-height: 60px;
width: 100%;
z-index: 9999; }
.centered-navigation .mobile-logo {
display: inline;
float: left;
max-height: 60px;
padding-left: 1em; }
.centered-navigation .mobile-logo img {
max-height: 60px;
opacity: 0.6;
padding: 0.8em 0; }
@media (min-width: 800px) {
.centered-navigation .mobile-logo {
display: none; } }
.centered-navigation .centered-navigation-mobile-menu {
color: rgba(51, 51, 51, 0.7);
display: block;
float: right;
line-height: 60px;
margin: 0;
padding-right: 1em;
text-decoration: none;
text-transform: uppercase; }
@media (min-width: 800px) {
.centered-navigation .centered-navigation-mobile-menu {
display: none; } }
.centered-navigation .centered-navigation-mobile-menu:focus, .centered-navigation .centered-navigation-mobile-menu:hover {
color: #333; }
.centered-navigation .centered-navigation-wrapper {
position: relative;
z-index: 999; }
.centered-navigation ul.centered-navigation-menu {
clear: both;
display: none;
margin: 0 auto;
overflow: visible;
padding: 0;
-webkit-transform-style: preserve-3d;
width: 100%;
z-index: 99999; }
.centered-navigation ul.centered-navigation-menu.show {
display: block; }
@media (min-width: 800px) {
.centered-navigation ul.centered-navigation-menu {
display: block;
text-align: center; } }
@media (min-width: 800px) {
.centered-navigation .nav-link:first-child {
margin-left: 2.2em; } }
.centered-navigation ul li.nav-link {
background: #E7F1EC;
display: block;
line-height: 60px;
overflow: hidden;
padding-right: 1em;
text-align: right;
width: 100%;
z-index: 9999; }
.centered-navigation ul li.nav-link a {
color: rgba(51, 51, 51, 0.7);
display: inline-block;
outline: none;
text-decoration: none; }
.centered-navigation ul li.nav-link a:focus, .centered-navigation ul li.nav-link a:hover {
color: #333; }
@media (min-width: 800px) {
.centered-navigation ul li.nav-link {
background: transparent;
display: inline;
line-height: 60px; }
.centered-navigation ul li.nav-link a {
padding-right: 1em; } }
.centered-navigation li.logo.nav-link {
display: none;
line-height: 0; }
@media (min-width: 800px) {
.centered-navigation li.logo.nav-link {
display: inline; } }
.centered-navigation .logo img {
margin-bottom: -0.66667em;
max-height: 2em;
opacity: 0.6; }
.centered-navigation li.more.nav-link {
padding-right: 0; }
@media (min-width: 1024px) {
.centered-navigation li.more.nav-link {
padding-right: 1em; } }
.centered-navigation li.more.nav-link > ul > li:first-child a {
padding-top: 1em; }
.centered-navigation li.more.nav-link a {
margin-right: 1em; }
.centered-navigation li.more.nav-link > a {
padding-right: 0.6em; }
.centered-navigation li.more.nav-link > a::after {
position: absolute;
top: auto;
right: -0.4em;
bottom: auto;
left: auto;
color: rgba(51, 51, 51, 0.7);
content: "\25BE"; }
.centered-navigation li.more {
overflow: visible;
padding-right: 0; }
.centered-navigation li.more a {
padding-right: 1em; }
.centered-navigation li.more > a {
padding-right: 1.6em;
position: relative; }
@media (min-width: 1024px) {
.centered-navigation li.more > a {
margin-right: 1em; } }
.centered-navigation li.more > a::after {
content: "›";
font-size: 1.2em;
position: absolute;
right: 0.5em; }
.centered-navigation li.more:focus > .submenu,
.centered-navigation li.more:hover > .submenu {
display: block; }
@media (min-width: 800px) {
.centered-navigation li.more {
padding-right: 1em;
position: relative; } }
.centered-navigation ul.submenu {
display: none;
padding-left: 0; }
@media (min-width: 800px) {
.centered-navigation ul.submenu {
left: -1em;
position: absolute;
top: 1.5em; } }
@media (min-width: 800px) {
.centered-navigation ul.submenu .submenu.fly-out-right {
left: 11.8em;
top: 0; } }
@media (min-width: 800px) {
.centered-navigation ul.submenu .submenu.fly-out-left {
left: -11.8em;
top: 0; } }
.centered-navigation ul.submenu li {
display: block;
padding-right: 0; }
@media (min-width: 800px) {
.centered-navigation ul.submenu li {
line-height: 46.15385px; }
.centered-navigation ul.submenu li:first-child > a {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.centered-navigation ul.submenu li:last-child > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding-bottom: 0.7em; } }
.centered-navigation ul.submenu li a {
background-color: #ddebe4;
display: inline-block;
text-align: right;
text-decoration: none;
width: 100%; }
@media (min-width: 800px) {
.centered-navigation ul.submenu li a {
background-color: #E7F1EC;
padding-left: 1em;
text-align: left;
width: 12em; } }
.modal label {
cursor: pointer;
margin-bottom: 0; }
.modal label img {
border-radius: 150px;
display: block;
max-width: 300px; }
.modal .modal-state {
display: none; }
.modal .modal-trigger {
padding: 0.8em 1em; }
.modal .modal-fade-screen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.85);
opacity: 0;
padding-top: 0.6em;
text-align: left;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
visibility: hidden;
z-index: 99999999999; }
@media (min-width: 800px) {
.modal .modal-fade-screen {
padding-top: 10em; } }
.modal .modal-fade-screen .modal-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer; }
.modal .modal-close {
position: absolute;
top: 1.5em;
right: 1.5em;
height: 1.5em;
width: 1.5em;
background: #fff;
cursor: pointer; }
.modal .modal-close::after, .modal .modal-close::before {
position: absolute;
top: 3px;
right: 3px;
bottom: 0;
left: 50%;
height: 1.5em;
width: 0.15em;
background: #ddd;
content: "";
display: block;
margin: -3px 0 0 -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.modal .modal-close:hover::after, .modal .modal-close:hover::before {
background: #c4c4c4; }
.modal .modal-close::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.modal .modal-inner {
background: #fff;
border-radius: 3px;
margin: auto;
margin-top: 0;
max-height: 95%;
overflow: auto;
padding: 1.5em;
position: relative;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
width: 95%; }
@media (max-width: 800px) {
.modal .modal-inner {
max-height: 70%;
padding: 3em;
width: 60%;
text-align: center; } }
@media (min-width: 800px) {
.modal .modal-inner {
width: 50%; } }
.modal .modal-inner h1 {
color: #333;
text-align: left;
text-transform: capitalize; }
@media (max-width: 800px) {
.modal .modal-inner h1 {
text-align: center; } }
.modal .modal-inner p {
color: #333;
line-height: 1.5; }
.modal .modal-inner img {
display: block;
max-width: 160px;
max-width: 10rem;
float: left;
padding-right: 32px;
padding-right: 2rem; }
@media (max-width: 800px) {
.modal .modal-inner img {
display: inline-block;
float: none;
padding-right: 0;
padding-bottom: 2rem; } }
.modal .modal-inner .fa-youtube {
display: block;
font-size: 160px;
font-size: 10rem;
float: left;
padding-right: 32px;
padding-right: 2rem;
color: #4B3D68; }
@media (max-width: 800px) {
.modal .modal-inner .fa-youtube {
display: inline-block;
float: none;
padding-right: 0;
padding-bottom: 2rem; } }
.modal .modal-inner .modal-intro {
margin-bottom: 1em; }
.modal .modal-inner .modal-content {
color: #333; }
@media (min-width: 800px) {
.modal .modal-inner .modal-content {
-webkit-columns: 2 8em;
-moz-columns: 2 8em;
columns: 2 8em; } }
.modal .modal-inner a.cta {
color: #fff;
display: inline-block;
margin-right: 0.5em;
margin-top: 1em; }
.modal .modal-inner a.cta:last-child {
padding: 0 2em; }
.modal .modal-state:checked + .modal-fade-screen {
opacity: 1;
visibility: visible; }
.modal .modal-state:checked + .modal-fade-screen .modal-inner {
top: 0.5em; }
.modal-open {
overflow: hidden; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment