/*
Theme Name: Fat Bottom Brewery
Theme URI: http://fatbottombrewing.com
Author: Proof Branding
Author URI: http://proofbranding.com
Version: 1.1
*/
/* ------------------------------------------------------ */
/* Normalize
/* ------------------------------------------------------ */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
}
body {
margin: 0;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
img {
max-width: 100%;
height: auto;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
img {
height: auto;
}
p {
-webkit-font-smoothing: antialiased;
}
/* ------------------------------------------------------ */
/* Body
/* ------------------------------------------------------ */
body {
background: #FFFEF4;
color: #7C7C7C;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
}
/* ------------------------------------------------------ */
/* Grid
/* ------------------------------------------------------ */
.row {
margin: 0 auto;
max-width: 73.5rem;
width: 100%;
}
.row:before {
content: " ";
display: table;
}
.row:after {
content: " ";
display: table;
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
margin: 0 -0.875rem;
max-width: none;
width: auto;
}
.row .row:before {
content: " ";
display: table;
}
.row .row:after {
content: " ";
display: table;
clear: both;
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto;
}
.row .row.collapse:before {
content: " ";
display: table;
}
.row .row.collapse:after {
content: " ";
display: table;
clear: both;
}
.column,
.columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
width: 100%;
float: left;
}
.column + .column:last-child,
.columns + .column:last-child,
.column + .columns:last-child,
.columns + .columns:last-child {
float: right;
}
.column + .column.end,
.columns + .column.end,
.column + .columns.end,
.columns + .columns.end {
float: left;
}
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.small-1 {
width: 8.33333%;
}
.small-2 {
width: 16.66667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.33333%;
}
.small-5 {
width: 41.66667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.33333%;
}
.small-8 {
width: 66.66667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.33333%;
}
.small-11 {
width: 91.66667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0 !important;
}
.small-offset-1 {
margin-left: 8.33333% !important;
}
.small-offset-2 {
margin-left: 16.66667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.33333% !important;
}
.small-offset-5 {
margin-left: 41.66667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.33333% !important;
}
.small-offset-8 {
margin-left: 66.66667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.33333% !important;
}
.small-offset-11 {
margin-left: 91.66667% !important;
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
}
@media only screen and (min-width: 48em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.medium-1 {
width: 8.33333%;
}
.medium-2 {
width: 16.66667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.33333%;
}
.medium-5 {
width: 41.66667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.33333%;
}
.medium-8 {
width: 66.66667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.33333%;
}
.medium-11 {
width: 91.66667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0 !important;
}
.medium-offset-1 {
margin-left: 8.33333% !important;
}
.medium-offset-2 {
margin-left: 16.66667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.33333% !important;
}
.medium-offset-5 {
margin-left: 41.66667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.33333% !important;
}
.medium-offset-8 {
margin-left: 66.66667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.33333% !important;
}
.medium-offset-11 {
margin-left: 91.66667% !important;
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 62em) and (max-width: 64em) {
.medium-landscape-push-0 {
position: relative;
left: 0;
right: auto;
}
.medium-landscape-pull-0 {
position: relative;
right: 0;
left: auto;
}
.medium-landscape-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.medium-landscape-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.medium-landscape-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.medium-landscape-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.medium-landscape-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-landscape-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-landscape-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.medium-landscape-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.medium-landscape-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.medium-landscape-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.medium-landscape-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-landscape-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-landscape-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.medium-landscape-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.medium-landscape-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.medium-landscape-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.medium-landscape-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-landscape-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-landscape-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.medium-landscape-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.medium-landscape-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.medium-landscape-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.medium-landscape-1 {
width: 8.33333%;
}
.medium-landscape-2 {
width: 16.66667%;
}
.medium-landscape-3 {
width: 25%;
}
.medium-landscape-4 {
width: 33.33333%;
}
.medium-landscape-5 {
width: 41.66667%;
}
.medium-landscape-6 {
width: 50%;
}
.medium-landscape-7 {
width: 58.33333%;
}
.medium-landscape-8 {
width: 66.66667%;
}
.medium-landscape-9 {
width: 75%;
}
.medium-landscape-10 {
width: 83.33333%;
}
.medium-landscape-11 {
width: 91.66667%;
}
.medium-landscape-12 {
width: 100%;
}
.medium-landscape-offset-0 {
margin-left: 0 !important;
}
.medium-landscape-offset-1 {
margin-left: 8.33333% !important;
}
.medium-landscape-offset-2 {
margin-left: 16.66667% !important;
}
.medium-landscape-offset-3 {
margin-left: 25% !important;
}
.medium-landscape-offset-4 {
margin-left: 33.33333% !important;
}
.medium-landscape-offset-5 {
margin-left: 41.66667% !important;
}
.medium-landscape-offset-6 {
margin-left: 50% !important;
}
.medium-landscape-offset-7 {
margin-left: 58.33333% !important;
}
.medium-landscape-offset-8 {
margin-left: 66.66667% !important;
}
.medium-landscape-offset-9 {
margin-left: 75% !important;
}
.medium-landscape-offset-10 {
margin-left: 83.33333% !important;
}
.medium-landscape-offset-11 {
margin-left: 91.66667% !important;
}
.medium-landscape-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-landscape-centered,
.columns.medium-landscape-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-landscape-uncentered,
.columns.medium-landscape-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-landscape-centered:last-child,
.columns.medium-landscape-centered:last-child {
float: none;
}
.column.medium-landscape-uncentered:last-child,
.columns.medium-landscape-uncentered:last-child {
float: left;
}
.column.medium-landscape-uncentered.opposite,
.columns.medium-landscape-uncentered.opposite {
float: right;
}
.row.medium-landscape-collapse > .column,
.row.medium-landscape-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-landscape-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-landscape-uncollapse > .column,
.row.medium-landscape-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 62em) {
.large-push-0 {
position: relative;
left: 0;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.large-1 {
width: 8.33333%;
}
.large-2 {
width: 16.66667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.33333%;
}
.large-5 {
width: 41.66667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.33333%;
}
.large-8 {
width: 66.66667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.33333%;
}
.large-11 {
width: 91.66667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0 !important;
}
.large-offset-1 {
margin-left: 8.33333% !important;
}
.large-offset-2 {
margin-left: 16.66667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.33333% !important;
}
.large-offset-5 {
margin-left: 41.66667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.33333% !important;
}
.large-offset-8 {
margin-left: 66.66667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.33333% !important;
}
.large-offset-11 {
margin-left: 91.66667% !important;
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 62em) {
.xlarge-push-0 {
position: relative;
left: 0;
right: auto;
}
.xlarge-pull-0 {
position: relative;
right: 0;
left: auto;
}
.xlarge-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.xlarge-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.xlarge-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.xlarge-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.xlarge-push-3 {
position: relative;
left: 25%;
right: auto;
}
.xlarge-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.xlarge-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.xlarge-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.xlarge-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.xlarge-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.xlarge-push-6 {
position: relative;
left: 50%;
right: auto;
}
.xlarge-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.xlarge-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.xlarge-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.xlarge-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.xlarge-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.xlarge-push-9 {
position: relative;
left: 75%;
right: auto;
}
.xlarge-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.xlarge-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.xlarge-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.xlarge-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.xlarge-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.xlarge-1 {
width: 8.33333%;
}
.xlarge-2 {
width: 16.66667%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-4 {
width: 33.33333%;
}
.xlarge-5 {
width: 41.66667%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-7 {
width: 58.33333%;
}
.xlarge-8 {
width: 66.66667%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-10 {
width: 83.33333%;
}
.xlarge-11 {
width: 91.66667%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-0 {
margin-left: 0 !important;
}
.xlarge-offset-1 {
margin-left: 8.33333% !important;
}
.xlarge-offset-2 {
margin-left: 16.66667% !important;
}
.xlarge-offset-3 {
margin-left: 25% !important;
}
.xlarge-offset-4 {
margin-left: 33.33333% !important;
}
.xlarge-offset-5 {
margin-left: 41.66667% !important;
}
.xlarge-offset-6 {
margin-left: 50% !important;
}
.xlarge-offset-7 {
margin-left: 58.33333% !important;
}
.xlarge-offset-8 {
margin-left: 66.66667% !important;
}
.xlarge-offset-9 {
margin-left: 75% !important;
}
.xlarge-offset-10 {
margin-left: 83.33333% !important;
}
.xlarge-offset-11 {
margin-left: 91.66667% !important;
}
.xlarge-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.xlarge-centered,
.columns.xlarge-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.xlarge-uncentered,
.columns.xlarge-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.xlarge-centered:last-child,
.columns.xlarge-centered:last-child {
float: none;
}
.column.xlarge-uncentered:last-child,
.columns.xlarge-uncentered:last-child {
float: left;
}
.column.xlarge-uncentered.opposite,
.columns.xlarge-uncentered.opposite {
float: right;
}
.row.xlarge-collapse > .column,
.row.xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.xlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.xlarge-uncollapse > .column,
.row.xlarge-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
@media only screen and (min-width: 91em) {
.widescreen-push-0 {
position: relative;
left: 0;
right: auto;
}
.widescreen-pull-0 {
position: relative;
right: 0;
left: auto;
}
.widescreen-push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.widescreen-pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.widescreen-push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.widescreen-pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.widescreen-push-3 {
position: relative;
left: 25%;
right: auto;
}
.widescreen-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.widescreen-push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.widescreen-pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.widescreen-push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.widescreen-pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.widescreen-push-6 {
position: relative;
left: 50%;
right: auto;
}
.widescreen-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.widescreen-push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.widescreen-pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.widescreen-push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.widescreen-pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.widescreen-push-9 {
position: relative;
left: 75%;
right: auto;
}
.widescreen-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.widescreen-push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.widescreen-pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.widescreen-push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.widescreen-pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.widescreen-1 {
width: 8.33333%;
}
.widescreen-2 {
width: 16.66667%;
}
.widescreen-3 {
width: 25%;
}
.widescreen-4 {
width: 33.33333%;
}
.widescreen-5 {
width: 41.66667%;
}
.widescreen-6 {
width: 50%;
}
.widescreen-7 {
width: 58.33333%;
}
.widescreen-8 {
width: 66.66667%;
}
.widescreen-9 {
width: 75%;
}
.widescreen-10 {
width: 83.33333%;
}
.widescreen-11 {
width: 91.66667%;
}
.widescreen-12 {
width: 100%;
}
.widescreen-offset-0 {
margin-left: 0 !important;
}
.widescreen-offset-1 {
margin-left: 8.33333% !important;
}
.widescreen-offset-2 {
margin-left: 16.66667% !important;
}
.widescreen-offset-3 {
margin-left: 25% !important;
}
.widescreen-offset-4 {
margin-left: 33.33333% !important;
}
.widescreen-offset-5 {
margin-left: 41.66667% !important;
}
.widescreen-offset-6 {
margin-left: 50% !important;
}
.widescreen-offset-7 {
margin-left: 58.33333% !important;
}
.widescreen-offset-8 {
margin-left: 66.66667% !important;
}
.widescreen-offset-9 {
margin-left: 75% !important;
}
.widescreen-offset-10 {
margin-left: 83.33333% !important;
}
.widescreen-offset-11 {
margin-left: 91.66667% !important;
}
.widescreen-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.widescreen-centered,
.columns.widescreen-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.widescreen-uncentered,
.columns.widescreen-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.widescreen-centered:last-child,
.columns.widescreen-centered:last-child {
float: none;
}
.column.widescreen-uncentered:last-child,
.columns.widescreen-uncentered:last-child {
float: left;
}
.column.widescreen-uncentered.opposite,
.columns.widescreen-uncentered.opposite {
float: right;
}
.row.widescreen-collapse > .column,
.row.widescreen-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.widescreen-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.widescreen-uncollapse > .column,
.row.widescreen-uncollapse > .columns {
padding-left: 0.875rem;
padding-right: 0.875rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto;
}
}
/* ------------------------------------------------------ */
/* Typography
/* ------------------------------------------------------ */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
clip: auto !important;
height: auto;
width: auto;
display: block;
font-size: 1em;
font-weight: bold;
padding: 15px 23px 14px;
color: #333;
background: #fff;
z-index: 100000;
/* Above WP toolbar. */
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}
h1,
.section-intro h2 {
font-family: "Oswald", sans-serif;
font-weight: 300;
font-size: 40px;
font-size: 2.5rem;
line-height: 45px;
line-height: 2.8125rem;
margin: 0 0 18px;
}
.section-intro h2 {
color: #192857;
}
h2 {
font-family: "Oswald", sans-serif;
font-weight: 300;
font-size: 62px;
font-size: 3.875rem;
line-height: 100px;
line-height: 6.25rem;
margin: 28px 0 24px;
}
h3,
p.team-title {
font-family: "Lora", serif;
font-weight: 400;
font-style: italic;
font-size: 26px;
font-size: 1.625rem;
line-height: 36px;
line-height: 2.25rem;
margin: 24px 0 11px;
color: #192857;
}
h4 {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
line-height: 28px;
line-height: 1.75rem;
margin: 14px 0;
color: #D2313A;
letter-spacing: 6px;
}
h5 {
font-family: "Oswald", sans-serif;
font-weight: 300;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
margin: 0;
}
p,
.entry-content {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 22px;
font-size: 1.375rem;
line-height: 34px;
line-height: 2.125rem;
}
p,
ul,
ol {
margin: 0 0 30px;
}
ul li {
list-style-type: disc;
margin-bottom: 14px;
margin-left: 1em;
}
ol li {
list-style-type: decimal;
margin-bottom: 14px;
margin-left: 1em;
}
blockquote {
border-top: 2px solid #CACACA;
border-bottom: 2px solid #CACACA;
padding: 20px 0;
margin: 0;
}
blockquote p {
color: #192857;
font-family: "Lora", serif;
font-weight: 400;
font-style: italic;
font-size: 22px;
font-size: 1.375rem;
line-height: 38px;
line-height: 2.375rem;
}
@media (min-width: 62em) {
blockquote {
border-top: 2px solid #CACACA;
border-bottom: 2px solid #CACACA;
padding: 40px 0 10px;
margin: 0 0 20px;
}
}
h1 + h2,
h2 + h3,
h3 + h4,
section > h3:first-child {
margin-top: 0;
}
.center {
text-align: center;
}
hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #ddd;
clear: both;
margin: 1em 0;
}
b,
strong {
font-weight: 700;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
.row.bordered {
border-top: 2px solid #CACACA;
border-bottom: 2px solid #CACACA;
padding: 40px 20px;
margin: 40px auto;
}
.row.bordered p {
margin-top: 20px;
margin-bottom: 0;
}
h3.subhead {
font-family: "Oswald", sans-serif;
color: #192857;
font-size: 20px;
line-height: 30px;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 5px;
font-weight: 400;
font-style: normal;
}
p.subhead {
font-family: "Oswald", sans-serif;
color: #192857;
font-size: 16px;
line-height: 30px;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 !important;
font-weight: 300;
}
@media (min-width: 62em) {
h1 {
font-size: 86.88px;
font-size: 5.43rem;
line-height: 100px;
line-height: 6.25rem;
margin-bottom: 28px;
}
.section-intro h2 {
font-size: 62px;
font-size: 3.875rem;
line-height: 100px;
line-height: 6.25rem;
margin-bottom: 28px;
}
h3 {
font-size: 37px;
font-size: 2.3125rem;
line-height: 50px;
line-height: 3.125rem;
margin: 24px 0 24px;
}
h4 {
font-size: 16px;
font-size: 1rem;
line-height: 40px;
line-height: 2.5rem;
letter-spacing: 8px;
margin: 24px 0 14px;
}
}
/* https://css-tricks.com/guide-responsive-friendly-css-columns/ */
.twocolumns {
-webkit-columns: 2 300px;
-moz-columns: 2 300px;
columns: 2 300px;
-webkit-column-gap: 28px;
-moz-column-gap: 28px;
column-gap: 28px;
}
/* ------------------------------------------------------ */
/* Links & Buttons
/* ------------------------------------------------------ */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
a {
color: #c3251d;
text-decoration: underline;
}
a:hover,
a:focus {
color: #333;
text-decoration: none;
}
.button {
display: block;
text-align: center;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.button + .button {
margin-top: 20px;
}
@media (min-width: 62em) {
.button {
display: inline-block;
margin-bottom: 0;
}
.button + .button {
margin-left: 10px;
}
}
/*
BUTTON
[pill color="yellow" fill="solid" width="full" url="" text=""]
*/
.button-pill {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 20px 40px;
border-width: 3px;
border-style: solid;
border-radius: 40px;
}
.open.yellow {
color: #EDAB20;
border-color: #EDAB20;
background: transparent;
}
.open.yellow:hover {
color: #FFFEF4;
border-color: #EDAB20;
background: #EDAB20;
}
span.open.yellow:hover {
color: #EDAB20;
border-color: #EDAB20;
background: transparent;
}
.solid.yellow {
background: #EDAB20;
border-color: #EDAB20;
color: #FFFEF4;
}
.solid.yellow:hover {
background: #FFCE00;
border-color: #FFCE00;
color: #FFFEF4;
}
.open.red {
color: #D2313A;
border-color: #D2313A;
background: transparent;
}
.open.red:hover {
color: #FFFEF4;
border-color: #D2313A;
background: #D2313A;
}
.solid.red {
background: #D2313A;
border-color: #D2313A;
color: #FFFEF4;
}
.solid.red:hover {
background: #882026;
border-color: #882026;
color: #FFFEF4;
}
/*
[button color="navy" width="full" url="" text=""]
*/
.button-square {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 20px 40px;
border: none;
border-bottom-style: solid;
border-bottom-width: 6px;
display: inline-block;
}
.button-square.navy {
background: #192857;
color: #FFFEF4;
border-color: #121D3F;
}
.button-square.navy:hover {
background: #121D3F;
color: #FFFEF4;
}
.button-square.gray {
background: #D8D8D8;
color: #ffffff;
border-color: #7C7C7C;
}
.button-square.gray:hover {
background: #cacaca;
color: #FFFEF4;
}
.button-square.red {
background: #D2313A;
color: #FFFEF4;
border-color: #882026;
}
.button-square.red:hover {
background: #882026;
color: #FFFEF4;
}
.button-square.wide {
width: 100%;
display: block;
text-align: center;
}
.button-square.inline {
width: auto;
display: inline-block;
margin-right: 10px;
}
@media (max-width: 767px) {
.button-square.inline { margin-right: 0; }
}
.plus-button {
color: #cacaca;
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
font-family: "Oswald", sans-serif;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
text-decoration: none;
margin: 0 auto;
text-align: center;
padding: 8px 10px 14px 10px;
/* background: #F2F1E7; */
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.plus-button span {
display: inline-block;
width: 50px;
height: 40px;
padding-right: 10px;
position: relative;
top: 10px;
background: url(images/plus.png) 0 0 no-repeat;
}
.plus-button:hover {
color: #7C7C7C;
}
.plus-button:hover span {
background-position: bottom left;
}
@media (min-width: 62em) {
.plus-button {
background: transparent;
}
}
.entry-content .gform_page_footer button,
.entry-content .gform_page_footer input[type=button],
.entry-content .gform_footer button,
.entry-content .gform_footer input[type=button] {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 20px 40px;
border: none;
border-bottom-style: solid;
border-bottom-width: 6px;
display: inline-block;
background: #D2313A;
color: #FFFEF4;
border-color: #882026;
}
.entry-content .gform_page_footer button:hover,
.entry-content .gform_page_footer input[type=button]:hover,
.entry-content .gform_footer button:hover,
.entry-content .gform_footer input[type=button]:hover {
background: #882026;
color: #FFFEF4;
}
.entry-content .ginput_container .instruction,
.entry-content .gfield .gfield_description {
font-size: 14px;
}
/* ------------------------------------------------------ */
/* Forms
/* ------------------------------------------------------ */
.entry-content .gf_progressbar_wrapper {
display: none;
}
.entry-content .gform_wrapper,
.entry-content .gform_wrapper ul,
.entry-content .gform_wrapper li {
margin: 0;
padding: 0;
list-style: none;
}
.entry-content .gform_wrapper li.gfield {
margin-bottom: 40px;
}
.entry-content .gform_wrapper::-webkit-input-placeholder {
color: #cacaca;
font-style: italic;
}
.entry-content .gform_wrapper:-moz-placeholder {
color: #cacaca;
font-style: italic;
}
.entry-content .gform_wrapper::-moz-placeholder {
color: #cacaca;
font-style: italic;
}
.entry-content .gform_wrapper:-ms-input-placeholder {
color: #cacaca;
font-style: italic;
}
@media (min-width: 62em) {
.entry-content li.gf_left_half,
.entry-content li.gf_right_half {
float: left;
width: 48%;
margin-left: 4%;
}
.entry-content li.gf_left_half {
margin-left: 0;
}
}
.entry-content .gfield_label {
font-family: "Oswald", sans-serif;
color: #192857;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 10px;
}
.entry-content input[type=text],
.entry-content input[type=email],
.entry-content input[type=number],
.entry-content textarea,
.selectric .label {
background: #F2F1E7;
border: none;
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
padding: 8px 18px;
color: #192857;
font-weight: 300;
outline: none;
width: 100%;
border: 1px solid #F2F1E7;
}
.entry-content input.datepicker {
background-image: url(images/calendar.png);
background-position: 20px center;
background-repeat: no-repeat;
padding-left: 60px;
}
.ui-datepicker {
background: #FFFEF4;
padding: 10px;
}
.ui-datepicker a {
color: #192857;
text-decoration: none;
}
.ui-datepicker-calendar td {
text-align: center;
padding: 5px;
}
.ui-datepicker-calendar td a {
display: block;
}
.ui-datepicker-header a {
padding: 5px;
}
.ui-datepicker-month {
margin-right: 5px;
}
.gfield .clear-multi i {
font-style: normal;
padding-left: 10px;
padding-right: 0;
color: #192857;
}
.gfield .clear-multi label {
display: none;
}
.gfield .clear-multi .ginput_container {
width: auto;
display: inline-block;
margin-right: 10px;
}
.gfield .clear-multi input[type=number] {
width: auto;
}
@media (min-width: 62em) {
.entry-content input.medium {
width: 48%;
}
}
.entry-content .gform_page_footer {
display: flex;
justify-content: flex-end;
}
.entry-content .gform_page_footer button,
.entry-content .gform_page_footer input[type=button] {
margin: 0 0 0 20px;
outline: none;
}
.entry-content .gfield_error .gfield_label {
color: #D2313A;
}
.entry-content .gfield_error input[type=text],
.entry-content .gfield_error input[type=email],
.entry-content .gfield_error input[type=number],
.entry-content .gfield_error textarea {
border-color: #D2313A;
}
.entry-content .gfield_error .validation_message {
display: none;
}
/* ------------------------------------------------------ */
/* Selectric
/* ------------------------------------------------------ */
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.clear-multi .selectric-wrapper {
top: 22px;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: none;
border-left: none;
border-right: none;
border-top: none;
background: #fff;
position: relative;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 0;
height: 58px;
}
.selectric .button {
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -9px;
width: 26px;
height: 17px;
text-align: center;
background: url(images/dropdown-arrow.png) right center no-repeat;
text-indent: -999em;
}
.selectric .button:after {
content: " ";
}
.selectric-hover .selectric {
border: none;
}
.selectric-hover .selectric .button {
color: #000;
}
.selectric-hover .selectric .button:after {
border-top-color: #000;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #000;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
display: none;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
/* Items box */
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #F2F1E7;
border: none;
z-index: -1;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 20px;
font-size: 1.25rem;
line-height: 28px;
line-height: 1.75rem;
color: #192857;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px 20px !important;
color: #192857;
cursor: pointer;
font-weight: 300;
}
.selectric-items li.selected {
background: #E4E3DA;
color: #121D3F;
}
.selectric-items li:hover {
background: #E4E3DA;
color: #121D3F;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
background: none;
color: #444;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.selectric-items li[data-index="0"] {
display: none;
}
/* ------------------------------------------------------ */
/* WordPress
/* ------------------------------------------------------ */
/* WordPress Gallery ------------------------------------------ */
.gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin: 0 0 28px;
text-align: center;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery img {
border: 1px solid #ddd;
height: auto;
padding: 4px;
}
.gallery img:hover,
.gallery img:focus {
border: 1px solid #999;
}
/* WordPress Defaults ------------------------------------------ */
a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone,
.alignnone {
margin-bottom: 12px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
font-size: 14px;
font-weight: 700;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 28px;
}
/* ------------------------------------------------------ */
/* Site Header
/* ------------------------------------------------------ */
.page-content {
position: relative;
z-index: 0;
}
.site-navigation {
display: none;
}
/* ------------------------------------------------------ */
/* Mobile Menu Icon
/* ------------------------------------------------------ */
.slicknav_icon {
display: block;
width: 30px;
height: 30px;
position: relative;
margin: 0 auto;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
cursor: pointer;
}
.slicknav_icon-bar {
display: block;
width: 30px;
height: 4px;
background-color: #fff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 6px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.slicknav_open .slicknav_icon-bar {
position: relative;
margin: 0;
}
.slicknav_icon .slicknav_icon-bar:last-child {
margin-bottom: 0;
}
.slicknav_open .slicknav_icon-bar:first-child {
top: 8px;
transform: rotate(45deg) translate(0, 0);
}
.slicknav_open .slicknav_icon-bar:last-child {
top: 4px;
transform: rotate(-45deg) translate(0, 0);
}
.slicknav_open .slicknav_icon-bar:nth-child(2n) {
display: none;
}
/* ------------------------------------------------------ */
/* Sidebar (mobile menu)
/* ------------------------------------------------------ */
.page-wrap .sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background: #192857;
z-index: 999;
display: none;
overflow: visible;
border-top: 50px solid #192859;
}
.sidebar-drawer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
}
.toggle {
position: fixed;
top: 12px;
right: 30px;
z-index: 1000;
cursor: pointer;
}
.sidebar-is-visible .toggle {
z-index: 1000;
}
/* ------------------------------------------------------ */
/* Header Bar
/* ------------------------------------------------------ */
.site-header {
background: #192857;
height: 50px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 101;
}
.site-branding {
width: 102px;
height: 102px;
display: inline-block;
margin: 0 auto;
text-indent: -999em;
padding: 4px;
transition: all .2s ease-in-out;
}
.site-branding a {
width: 102px;
height: 102px;
background: url(images/logo-main.png) 0 0 no-repeat;
background-size: 94px 94px;
display: block;
transition: all .2s ease-in-out;
}
.is-scrolling .site-branding {
width: 50px;
height: 50px;
padding: 0;
}
.is-scrolling .site-branding a {
width: 50px;
height: 50px;
background-size: 50px 50px;
}
.main {
padding-top: 50px;
}
@media (min-width: 62em) {
.main {
padding-top: 0;
}
.site-header {
background: transparent;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.is-scrolling .site-header,
.home .site-header {
background: #192857;
}
}
/* ------------------------------------------------------ */
/* Mobile Menu
/* ------------------------------------------------------ */
.sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.sidebar ul.menu a {
display: block;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
text-decoration: none;
}
.sidebar ul.menu > li > a {
color: #FFFEF4;
font-size: 24px;
font-size: 1.5rem;
line-height: 24px;
line-height: 1.5rem;
background: #121D3F;
padding: 18px 0 18px 34px;
border-bottom: 1px solid #192857;
}
.sidebar ul.menu > li > a:hover {
color: #9EA8C9;
}
.sidebar ul.menu > li.menu-item-highlight > a {
color: #FFCE00;
}
.sidebar ul.sub-menu {
padding-top: 10px;
padding-bottom: 10px;
background: #192857;
}
.sidebar ul.sub-menu > li > a {
background: #192857;
color: #9EA8C9;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
padding: 15px 0 15px 34px;
}
.sidebar ul.sub-menu > li > a:hover {
color: #FFFEF4;
}
.sidebar ul a:hover {
color: #9EA8C9;
}
.sidebar .nav-toggle {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
}
.nav-toggle span {
line-height: 60px;
font-size: 40px;
color: #9EA8C9;
cursor: pointer;
}
.sidebar .sub-menu {
display: none;
}
.sidebar .open-submenu {
display: block;
}
.sidebar .close-submenu {
display: none;
}
.sidebar .is-open > .open-submenu {
display: none;
}
.sidebar .is-open > .close-submenu {
display: block;
}
/* ------------------------------------------------------ */
/* Sidebar Widget
/* ------------------------------------------------------ */
.sidebar .widget {
padding: 20px 34px;
}
.sidebar .widget-title {
font-family: "Oswald", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
color: #FFCE00;
margin: 0 0 10px;
}
.sidebar .textwidget,
.sidebar .textwidget p {
color: #FFFEF4;
font-size: 16px;
font-size: 1rem;
line-height: 23px;
line-height: 1.4375rem;
-webkit-font-smoothing: antialiased;
}
.sidebar .textwidget p {
margin-bottom: 10px;
}
.sidebar .textwidget .sep {
padding: 0 7px;
}
.sidebar ul.social {
overflow: hidden;
}
.sidebar ul.social li {
display: inline-block;
margin: 10px 5px;
}
.sidebar ul.social a {
display: block;
color: #FFFEF4;
text-decoration: none;
font-size: 26px;
font-size: 1.625rem;
line-height: 26px;
line-height: 1.625rem;
}
.sidebar ul.social a:hover {
color: #9EA8C9;
}
/* ------------------------------------------------------ */
/* Desktop
/* ------------------------------------------------------ */
@media (min-width: 62em) {
.page-wrap .sidebar,
.toggle {
display: none;
}
.site-header {
height: 60px;
text-align: left;
overflow: visible;
z-index: 999;
}
.header-container {
width: 100%;
max-width: 73.5em;
margin: 0 auto;
}
.site-branding,
.site-branding a {
width: 146px;
height: 146px;
padding: 0;
}
.site-branding {
float: left;
margin-top: 10px;
}
.site-branding a {
background-size: 146px 146px;
}
.is-scrolling .site-branding {
width: 120px;
height: 120px;
padding: 0;
}
.is-scrolling .site-branding a {
background-size: 120px 120px;
width: 120px;
height: 120px;
}
.site-navigation {
display: block;
float: right;
width: auto;
}
.site-navigation ul {
float: right;
width: auto;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.site-navigation ul li {
margin: 0;
padding: 0 15px;
list-style: none;
position: relative;
float: left;
}
.site-navigation ul li a {
color: #FFFEF4;
font-family: "Oswald", sans-serif;
font-size: 18px;
font-size: 1.125rem;
line-height: 18px;
line-height: 1.125rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
text-decoration: none;
padding: 20px 0 6px;
display: block;
border-bottom: 2px solid transparent;
}
.site-navigation ul li a:hover {
color: #FFCE00;
}
.site-navigation ul li.menu-item-highlight a {
color: #FFCE00;
}
.site-navigation ul li.menu-item-highlight a:hover {
color: #e5ba05;
}
.site-navigation ul li.current-menu-item a {
border-color: #FFFEF4;
}
.site-navigation ul li.current-menu-item.menu-item-highlight a {
border-color: #FFCE00;
}
.site-navigation ul li.custom {
padding: 0;
}
.site-navigation ul li.custom a {
display: block;
width: 36px;
height: 60px;
color: #FFFEF4;
position: relative;
padding: 19px 7px 21px;
border: none;
}
.site-navigation ul li.custom a:hover {
color: #FFCE00;
}
.site-navigation ul li.custom a::before {
content: '\f408';
display: inline-block;
font-family: 'FontAwesome';
font-size: 22px;
font-size: 1.375rem;
line-height: 22px;
line-height: 1.375rem;
text-align: center;
position: absolute;
top: 50%;
margin-top: -12px;
left: 0;
right: 0;
}
.site-navigation ul li.custom a span {
text-indent: -999em;
display: none;
}
.site-navigation ul li.custom a[href*="twitter.com"]::before {
content: '\f081';
}
.site-navigation ul li.custom a[href*="facebook.com"]::before {
content: '\f082';
}
.site-navigation ul li.custom a[href*="instagram.com"]::before {
content: '\f16d';
}
.page-template-default .site-navigation ul li a {
color: #192857;
}
.page-template-default .site-navigation ul li a:hover {
border-color: #192857;
}
.page-template-default .site-navigation ul li.current-menu-item a {
border-color: #192857;
}
.page-template-default.is-scrolling .site-navigation ul li a {
color: #FFFEF4;
}
.page-template-default.is-scrolling .site-navigation ul li a:hover {
border-color: #FFFEF4;
}
.page-template-default.is-scrolling .site-navigation ul li.current-menu-item a {
border-color: #FFFEF4;
}
}
/* ------------------------------------------------------ */
/* Secondary Navigation
/* ------------------------------------------------------ */
.secondary-nav {
background: #192857;
display: none;
}
.secondary-nav ul.menu {
display: block;
float: right;
width: auto;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.secondary-nav ul.menu li {
margin: 0;
padding: 0 15px;
list-style: none;
position: relative;
float: left;
}
.secondary-nav ul.menu li:last-child {
padding-right: 0;
}
.secondary-nav ul.menu li a {
color: #9EA8C9;
font-family: "Oswald", sans-serif;
font-size: 18px;
font-size: 1.125rem;
line-height: 18px;
line-height: 1.125rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
text-decoration: none;
padding: 20px 0;
display: block;
/*border-bottom: 2px solid transparent;*/
}
.secondary-nav ul.menu li a:hover {
color: #FFCE00;
}
.secondary-nav ul.menu li a.mPS2id-highlight {
color: #FFCE00;
}
.fixedElement {
position: static;
top: 700px;
width: 100%;
z-index: 100;
}
@media (min-width: 62em) {
.secondary-nav {
display: block;
}
}
/* ------------------------------------------------------ */
/* Site Footer
/* ------------------------------------------------------ */
.site-footer h3 {
color: #FFFEF4;
-webkit-font-smoothing: antialiased;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
font-weight: 700;
margin: 0 0 5px;
font-style: normal;
}
.site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer ul li {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer ul li a {
display: block;
color: #FFFEF4;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
text-decoration: none;
}
.site-footer ul li a:hover {
color: #9EA8C9;
}
.site-footer ul#menu-footer li a {
line-height: 40px;
line-height: 2.5rem;
font-weight: 400;
}
.primary-widgets {
background: #192857 url(images/footer-distress.png) 0 0 repeat;
padding-top: 65px;
padding-bottom: 65px;
}
.primary-widgets #text-4 {
background: #121D3F;
padding: 20px 30px 3px;
text-align: center;
}
.primary-widgets #text-4 p {
color: #FFFEF4;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
margin: 0 0 19px;
}
.primary-widgets #text-4 a {
color: #FFFEF4;
text-decoration: none;
}
.primary-widgets #text-4 a:hover {
color: #9EA8C9;
}
.primary-widgets .social {
list-style: none;
margin: 0 0 20px;
padding: 0;
overflow: hidden;
text-align: center;
}
.primary-widgets .social li {
list-style: none;
margin: 0 5px;
text-align: center;
display: inline-block;
}
.primary-widgets .social li a {
display: block;
font-size: 36px;
font-size: 2.25rem;
line-height: 36px;
line-height: 2.25rem;
color: #FFFEF4;
text-decoration: none;
}
.primary-widgets .social li a:hover {
color: #9EA8C9;
}
#sb_instagram .sb_instagram_header {
padding-top: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
#sb_instagram .sbi_header_text .sbi_bio,
#sb_instagram .sbi_header_img {
display: none;
}
#sb_instagram .sbi_header_text {
padding-top: 0 !important;
}
#sb_instagram .sb_instagram_header h3,
h3.row-heading {
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
margin-left: 0 !important;
text-align: center;
}
.secondary-widgets {
background: #121D3F url(images/footer-distress.png) 0 0 repeat;
padding-top: 20px;
padding-bottom: 20px;
}
.secondary-widgets .footer-logo {
display: none;
}
.siteinfo {
text-align: center;
}
.siteinfo p {
font-size: 12px;
font-size: 0.75rem;
line-height: 20px;
line-height: 1.25rem;
font-weight: 400;
color: #FFFEF4;
margin: 0;
}
.siteinfo a {
color: #FFFEF4;
text-decoration: none;
}
.siteinfo a:hover {
color: #9EA8C9;
}
.siteinfo .sep {
padding: 0 5px;
}
.siteinfo p .sep:first-child {
display: none;
}
@media (max-width: 47.9375em) {
.footer-logo,
#nav_menu-2,
#nav_menu-3,
#nav_menu-4 {
display: none;
}
}
@media (min-width: 62em) {
.primary-widgets #text-4 {
text-align: left;
}
.primary-widgets .social {
display: none;
}
#sb_instagram .sb_instagram_header h3,
h3.row-heading {
text-align: left;
}
.secondary-widgets {
padding-top: 38px;
padding-bottom: 38px;
}
.secondary-widgets .footer-logo {
margin-top: -68px;
display: block;
}
.siteinfo {
text-align: left;
margin-top: -20px;
}
.siteinfo p {
display: inline;
}
.siteinfo p .sep:first-child {
display: inline;
}
}
@media (min-width: 993px) and (max-width: 1024px) {
.siteinfo {
clear: both;
padding-top: 40px;
}
}
/* ------------------------------------------------------ */
/* Hero
/* ------------------------------------------------------ */
.hero {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 322px;
position: relative;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.home .hero-overlay {
background: rgba(0, 0, 0, 0.4);
}
.hero-content {
display: flex;
align-items: center;
height: 100%;
text-align: center;
position: relative;
z-index: 3;
}
.hero-content h1 {
color: #FFFEF4;
}
.hero-content p {
font-size: 12px;
font-size: 0.75rem;
line-height: 40px;
line-height: 2.5rem;
letter-spacing: 8px;
text-transform: uppercase;
font-weight: 400;
color: #FFFEF4;
font-family: "Oswald", sans-serif;
}
.hero.banner .hero-content p {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
letter-spacing: normal;
text-transform: none;
font-family: "Roboto", sans-serif;
margin-bottom: 0;
}
.hero.banner .hero-content p + .button-square {
margin-top: 40px;
}
.slider-hero {
height: auto;
margin-top: 70px;
}
@media (min-width: 62em) {
.hero {
height: 650px;
}
.home-hero {
height: 809px;
margin: 0 auto;
width: 100%;
margin: 0 auto;
text-align: center;
}
.hero-content p {
font-size: 16px;
font-size: 1rem;
}
.hero.banner .hero-content p {
font-size: 22px;
font-size: 1.375rem;
line-height: 34px;
line-height: 2.125rem;
}
.slider-hero {
margin-top: 60px;
height: auto;
width: 100%;
}
.slider-hero .slide a {
display: block;
overflow: hidden;
}
.slider-hero .slide img {
float: left;
width: 100%;
}
}
@media (min-width: 1025px) and (max-width: 1450px) {
.home-hero {
height: 574px;
}
}
/* ------------------------------------------------------ */
/* Home - Video Intro
/* ------------------------------------------------------ */
.video-wrapper {
margin-bottom: 0;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
}
.video-wrapper .page-image {
display: none;
}
#homepage-video {
display: block;
-webkit-animation-duration: 3s;
animation-duration: 3s;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media (max-width: 1000px) {
#homepage-video {
display: none;
}
.video-wrapper .page-image {
display: block;
}
#video-overlay #page-intro {
padding-left: 27px;
padding-right: 27px;
}
#video-overlay #page-intro h1 {
font-size: 44px;
line-height: 54px;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
#video-overlay #page-intro h1 {
max-width: 600px;
font-size: 40px;
line-height: 50px;
margin-left: 27px;
}
}
@media (max-width: 1024px) {
#homepage-video {
display: none;
}
.video-wrapper .page-image {
display: block;
}
}
/* ------------------------------------------------------ */
/* Home - Introduction
/* ------------------------------------------------------ */
.intro {
padding-top: 45px;
padding-bottom: 45px;
}
.home .intro {
background-image: url(images/cream-distress-left.png);
background-position: left top;
background-repeat: no-repeat;
color: #192857;
text-align: center;
}
.home .intro p {
font-size: 16px;
line-height: 26px;
letter-spacing: 8px;
text-transform: uppercase;
font-weight: 400;
font-family: "Oswald", sans-serif;
}
@media (min-width: 62em) {
.intro {
padding-top: 110px;
padding-bottom: 80px;
}
}
.bottom-optin {
background: #D2313A;
height: 130px;
padding: 20px 0;
display: none;
}
.bottom-optin h4 {
color: #FFFEF4;
font-size: 50px;
font-size: 3.125rem;
line-height: 50px;
line-height: 3.125rem;
font-weight: 300;
letter-spacing: 0;
}
.bottom-optin ul,
.bottom-optin ul li {
list-style: none;
margin: 0;
padding: 0;
}
.bottom-optin form {
display: flex;
padding-top: 25px;
}
.bottom-optin .gfield_label {
display: none;
}
.bottom-optin input[type=email] {
background: transparent;
color: #FFFEF4;
border: none;
font-size: 28px;
font-size: 1.75rem;
line-height: 40px;
line-height: 2.5rem;
padding: 10px;
font-weight: 300;
font-style: italic;
}
.bottom-optin input[type=email]::-webkit-input-placeholder {
color: #94262C !important;
}
.bottom-optin input[type=email]:-moz-placeholder {
color: #94262C !important;
}
.bottom-optin input[type=email]::-moz-placeholder {
color: #94262C !important;
}
.bottom-optin input[type=email]:-ms-input-placeholder {
color: #94262C !important;
}
.bottom-optin .gform_body {
width: 80%;
max-width: 410px;
}
.bottom-optin .gform_body input {
width: 100%;
outline: none;
}
.bottom-optin .gform_footer {
width: 20%;
}
.bottom-optin button {
background: url(images/red-arrow-button.png) top left no-repeat;
width: 35px;
height: 27px;
text-indent: -999em;
border: 0;
position: relative;
top: 18px;
}
.bottom-optin button:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(images/red-arrow-button.png) bottom left no-repeat;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.bottom-optin button:hover {
background-image: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.bottom-optin button:hover:after {
opacity: 1;
}
.bottom-optin .gform_confirmation_message {
color: #fff;
padding-top: 50px;
}
@media (min-width: 62em) {
.bottom-optin {
display: block;
}
.bottom-optin form {
justify-content: flex-end;
}
}
@media (min-width: 993px) and (max-width: 1024px) {
.bottom-optin .title-block {
width: 48%;
}
.bottom-optin .form-block {
width: 52%;
}
}
/* Teams
---------------------------------------- */
.team-row.row {
margin-bottom: 40px;
}
.team-row:first-child {
padding-top: 0;
}
.team-row .team-member {
}
.team-member:hover {
color: #E25B26;
}
.team-member .post-thumb {
overflow: hidden;
}
.team-member img {
float: left;
width: 100%;
height: auto;
transition: all .2s ease-in-out;
}
.team-member:hover img {
transform: scale(1.05);
}
.team-member .member-info {
display: none;
}
.team-member .more-info {
text-decoration: none !important;
margin-top: 30px;
margin-bottom: 30px;
display: block;
}
.team-member .more-info .img {
position: relative;
height: 178px;
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.team-member .more-info .img img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.team-member .more-info .img p {
position: absolute;
z-index: 2;
display: none;
margin: 0;
top: 45%;
left: 0;
width: 100%;
text-align:center;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.team-member .more-info .img:hover img {
opacity: 0.8;
}
.aboutbc .team-member .more-info .img:hover img {
opacity: 0.2;
}
.team-member .more-info .img:hover p {
display: block;
}
.team-member .more-info .bd {
padding-top: 20px;
text-align: center;
}
.team-member .more-info .bd h4,
.draft-only-details h4 {
color: #192857;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
letter-spacing: 2px;
font-weight: 400;
margin: 0;
}
.team-member .more-info .bd h5,
.draft-only-details h5 {
color: #192857;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
}
.draft-only-details * {
text-align: center;
}
.team-member .more-info .bd h5.availability {
color: #D2313A;
margin-top: 30px;
}
.summary.fullwidth {
position: relative;
background: #192857 url(images/black-distress-left.png) left bottom no-repeat;
display: none;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.summary.fullwidth {
padding-top: 80px;
padding-bottom: 80px;
}
}
.summary.fullwidth > p {
display: none;
}
.summary.fullwidth .close-container {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
}
.summary.fullwidth a.close {
background: url(images/close.png) top left no-repeat;
background-size: 40px 40px;
border: none;
width: auto;
margin: 0 auto;
height: 40px;
overflow: hidden;
-webkit-transition: none;
-moz-transition: none;
transition: none;
color: #0D76BB;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
padding-left: 50px;
text-decoration: none !important;
display: inline-block;
}
.member-info p {
color: #FFFEF4;
}
.member-info h4 {
font-family: "Oswald", sans-serif;
font-weight: 300;
margin: 0;
letter-spacing: normal;
color: #FFFEF4;
font-size: 62px;
font-size: 3.875rem;
line-height: 84px;
line-height: 5.25rem;
}
.member-info p.team-title {
font-size: 37px;
font-size: 2.3125rem;
line-height: 50px;
line-height: 3.125rem;
margin-top: 0;
}
.member-info p.team-location {
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
color: #FFCE00;
font-family: "Oswald", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
margin: 30px 0;
}
.member-info p.close {
display: none;
}
@media only screen and (max-width: 768px) {
.team-grid {
padding-bottom: 50px;
}
.team-row .team-member .member-info {
background: #192857;
position: relative;
padding: 20px;
}
}
/* ------------------------------------------------------ */
/* Site Pages
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Page - Default
/* ------------------------------------------------------ */
.post-box {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.post-box {
padding-top: 130px;
padding-bottom: 80px;
}
}
/* ------------------------------------------------------ */
/* Page - Home
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Home - Hero News Update
/* ------------------------------------------------------ */
.hero-news {
background: #EDAB20;
color: #FFFEF4;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
line-height: 14px;
line-height: 0.875rem;
font-family: "Oswald", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 400;
}
.hero-news a {
color: #FFFEF4;
text-decoration: none;
display: block;
padding: 10px;
}
@media (min-width: 62em) {
.hero-news {
display: none;
}
}
/* ------------------------------------------------------ */
/* Home - Main
/* ------------------------------------------------------ */
@media (min-width: 62em) {
.home .main-content {
background: url(images/stamp.png) right 272px no-repeat;
}
}
/* ------------------------------------------------------ */
/* Home - Optin
/* ------------------------------------------------------ */
.primary-optin {
background: #192857;
height: 95px;
display: none;
}
.primary-optin .left {
background: url(images/star-bg.png) right 34px repeat-x;
background-size: 28px 21px;
width: 25%;
height: 86px;
}
.primary-optin .middle {
width: 50%;
height: 86px;
text-align: center;
}
.primary-optin .middle p {
position: relative;
z-index: 7;
font-size: 14px;
font-size: 0.875rem;
line-height: 40px;
line-height: 2.5rem;
color: #ffffff;
margin: 0;
}
.primary-optin .right {
background: url(images/star-bg.png) left 34px repeat-x;
background-size: 28px 21px;
width: 25%;
height: 86px;
}
.primary-optin ul,
.primary-optin ul li {
list-style: none;
margin: 0;
padding: 0;
}
.primary-optin form {
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
}
.primary-optin .gfield_label {
display: none;
}
.primary-optin input[type=email] {
background: transparent;
color: #FFFEF4;
border: none;
font-size: 28px;
font-size: 1.75rem;
line-height: 40px;
line-height: 2.5rem;
padding: 0 20px 0 10px;
font-weight: 300;
font-style: italic;
}
.primary-optin .gform_body {
width: 80%;
max-width: 410px;
}
.primary-optin .gform_body input {
width: 100%;
outline: none;
}
.primary-optin::-webkit-input-placeholder {
color: #9EA8C9;
}
.primary-optin:-moz-placeholder {
/* Firefox 18- */
color: #9EA8C9;
}
.primary-optin::-moz-placeholder {
/* Firefox 19+ */
color: #9EA8C9;
}
.primary-optin:-ms-input-placeholder {
color: #9EA8C9;
}
.primary-optin .gform_footer {
width: 20%;
max-width: 35px;
}
.primary-optin button {
background: url(images/blue-arrow-button.png) top left no-repeat;
width: 35px;
height: 25px;
text-indent: -999em;
border: 0;
position: relative;
display: block;
}
.primary-optin button:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(images/blue-arrow-button.png) bottom left no-repeat;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.primary-optin button:hover {
background-image: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.primary-optin button:hover:after {
opacity: 1;
}
@media (min-width: 62em) {
.primary-optin {
display: flex;
}
}
/* ------------------------------------------------------ */
/* Home - Mobile Photo Grid
/* ------------------------------------------------------ */
.mobile-photo-grid {
margin-bottom: 32px;
}
.desktop.image-grid {
display: none;
}
.mobile-photo-grid .grid-item {
position: relative;
display: block;
background: #000;
overflow: hidden;
margin-bottom: 10px;
}
.mobile-photo-grid .grid-item img {
position: relative;
float: left;
width: 100%;
opacity: 0.7;
}
.mobile-photo-grid .grid-item h4 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
color: #FFFEF4;
font-size: 20px;
font-size: 1.25rem;
line-height: 25px;
line-height: 1.5625rem;
padding: 0 10px;
text-transform: uppercase;
letter-spacing: 2px;
margin: -10px 0 0;
}
@media (min-width: 62em) {
.mobile-photo-grid {
display: none;
}
.desktop.image-grid {
display: block;
margin-bottom: 50px;
}
.desktop.image-grid a {
display: block;
width: 100%;
height: 100%;
background: #000;
}
.desktop.image-grid a > img {
opacity: 1;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.desktop.image-grid .overlay {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
background: rgba(25, 40, 87, 0);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.desktop.image-grid .overlay h4 {
color: #FFFEF4;
letter-spacing: normal;
text-transform: uppercase;
text-align: center;
font-size: 20px;
letter-spacing: 0.1em;
opacity: 0;
}
.desktop.image-grid a:hover .overlay {
background: rgba(25, 40, 87, 0.65);
}
.desktop.image-grid a:hover img {
opacity: 0.8;
}
.desktop.image-grid a:hover .overlay h4 {
opacity: 1;
}
}
/* ------------------------------------------------------ */
/* Home - Beers
/* ------------------------------------------------------ */
.slideshow-container {
width: 100%;
position: relative;
overflow: hidden;
}
.beer-slider-wrapper {
position: relative;
}
.home .beer-slider {
overflow: visible !important;
overflow-x: visible !important;
width: 100%;
padding-bottom: 30px;
position: relative;
}
.beer-slider .beer {
padding: 0 8px;
position: relative;
text-align: center;
min-height: 500px;
}
.beer-slider img {
width: 100%;
max-width: 160px;
height: auto;
margin-bottom: 0 !important;
opacity: 1;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.beer-slider .beer:hover img {
opacity: 0.2;
}
.beers .cycle-prev,
.beers .cycle-next {
position: absolute;
width: 17px;
height: 25px;
margin-top: -12px;
background-image: url(images/arrow-left.png);
background-repeat: no-repeat;
opacity: 1;
cursor: pointer;
z-index: 111;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.beers .cycle-prev {
bottom: 336px;
left: 50px;
background-position: 0 0;
}
.beers .cycle-next {
background: url(images/arrow-right.png);
bottom: 336px;
right: 50px;
background-position: 0 0;
}
.beers .cycle-prev:hover,
.beers .cycle-next:hover {
opacity: 0.5;
}
.beers h3 {
color: #192857;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
font-style: normal;
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
margin: 0;
}
.beers h4 {
text-transform: uppercase;
color: #192857;
font-weight: 300;
letter-spacing: 2px;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
}
.beers .cycle-slide-active h3,
.beers .cycle-slide-active h4 {
display: block;
}
.home .beer a,
.home .beer a h3,
.home .beer a h4 {
text-decoration: none !important;
}
.beer .button-holder {
width: 100%;
height: 60px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
margin-top: -70px;
opacity: 1;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
display: none;
}
.beer .button-holder a {
width: 100%;
height: 60px;
}
.beer:hover .button-holder {
opacity: 1;
}
.all-beers {
display: none;
}
@media (min-width: 62em) {
.home .beers {
padding-bottom: 80px;
}
.home .beer-slider {
width: 33.333%; /* change width based on number of beers to display: 33% = 3; 25% = 4 */
}
.beer-slider img {
max-width: 182px;
}
.beers .cycle-prev {
bottom: auto;
top: 200px;
left: 0;
}
.beers .cycle-next {
bottom: auto;
top: 200px;
right: 0;
}
.home .beers .cycle-prev,
.home .beers .cycle-next {
display: none;
} /* Unhide this to enable the carousel */
.beer .button-holder {
left: 50%;
margin-left: -100px;
opacity: 0;
display: block;
}
.beer .button-holder,
.beer .button-holder a {
width: 200px;
}
.beers .cycle-prev,
.beers .cycle-next {
bottom: 50px;
}
.all-beers {
display: block;
}
}
/* ------------------------------------------------------ */
/* Carousel
/* ------------------------------------------------------ */
.carousel {
padding-top: 50px;
padding-bottom: 50px;
background: #F2F1E7 url(images/cream-distress-side.png) right top no-repeat;
}
@media (min-width: 62em) {
.carousel {
padding-top: 80px;
padding-bottom: 80px;
}
}
.custom.tparrows {
background: transparent;
}
.custom.tparrows:before {
color: #D8D8D8;
font-size: 30px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.custom.tparrows:hover {
background: transparent;
}
.custom.tparrows:hover:before {
color: #7C7C7C;
background: transparent;
}
/* ------------------------------------------------------ */
/* Page - About
/* ------------------------------------------------------ */
.navy {
color: #192857;
}
.aboutbc #history {
padding-top: 50px;
padding-bottom: 50px;
}
.aboutbc #history a.zoomin img {
transform: scale(1);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.aboutbc #history a.zoomin:hover img {
transform: scale(1.1);
}
.aboutbc #intro {
background: #F2F1E7 url(images/cream-distress-top.png) right top no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.aboutbc #intro {
padding-top: 80px;
padding-bottom: 80px;
}
.row.spacer {
padding-top: 50px;
padding-bottom: 50px;
}
}
.aboutbc #brewing {
background: #F2F1E7 url(images/cream-distress-side.png) left 15% no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
.aboutbc .badge img.stamp {
display: none;
}
@media (min-width: 62em) {
.aboutbc #brewing {
padding-top: 80px;
padding-bottom: 80px;
}
.aboutbc #history {
padding-top: 80px;
padding-bottom: 80px;
}
.aboutbc .badge {
position: relative;
overflow: visible;
}
.aboutbc .badge img.stamp {
display: block;
position: absolute;
top: 0;
right: -180px;
z-index: 2;
width: 376px;
height: 376px;
}
}
/* ------------------------------------------------------ */
/* Page - Visit
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Logo Band
/* ------------------------------------------------------ */
.logo-band {
padding-top: 50px;
padding-bottom: 50px;
background: #F2F1E7;
}
.logo-band .row .columns:first-child,
.logo-band .row .columns:nth-child(2) {
margin-bottom: 50px;
}
.logo-band a {
display: block;
text-align: center;
height: 196px;
display: flex;
align-items: center;
}
.logo-band a img {
transform: scale(1);
transition: all 0.2s ease-in-out;
margin: 0 auto;
display: block;
}
.logo-band a img:hover {
transform: scale(1.05);
}
@media (min-width: 62em) {
.logo-band {
padding-top: 100px;
padding-bottom: 100px;
}
.logo-band .row .columns:first-child,
.logo-band .row .columns:nth-child(2) {
margin-bottom: 0;
}
}
/* ------------------------------------------------------ */
/* Content Blocks
/* ------------------------------------------------------ */
.content-blocks {
overflow: hidden;
}
.content-block {
overflow: hidden;
}
.content-block:nth-child(even) {
background: #F2F1E7;
}
@media (max-width: 767px) {
.content-block {
height: auto;
}
.content-block .img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 400px;
}
}
.content-block .bd {
padding: 50px 0.875rem;
}
.content-block .bd img {
margin: 0 auto;
display: block;
}
.content-block:last-child {
padding-bottom: 40px;
}
@media (min-width: 62em) {
.content-block {
display: flex;
height: 700px;
}
.content-block .img {
display: block;
width: 50%;
max-width: 720px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.content-block .bd {
padding: 50px 0;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.content-block .bd img {
margin: 0;
display: inline-block;
}
.content-block .bd .entry {
padding: 0 5%;
max-width: 720px;
}
.content-block:last-child {
padding-bottom: 0;
}
}
/* ------------------------------------------------------ */
/* Page - Hopyard
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Content Column block
/* ------------------------------------------------------ */
.block-columns {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.block-columns {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* ------------------------------------------------------ */
/* Hopyard Menu
/* ------------------------------------------------------ */
.hopyard-menu {
padding-top: 50px;
padding-bottom: 50px;
background-image: url(images/cream-distress-left.png);
background-position: left top;
background-repeat: no-repeat;
}
.hopyard-menu .menu-link {
margin-top: 50px;
}
.menu-entry h4 {
color: #192857;
font-weight: 300;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
letter-spacing: 2px;
}
.menu-entry p + h4 {
margin-top: 40px;
}
.menu-entry p {
font-size: 16px;
font-size: 1rem;
line-height: 23px;
line-height: 1.4375rem;
}
@media (min-width: 62em) {
.hopyard-menu {
padding-top: 75px;
padding-bottom: 75px;
}
.menu-entry {
padding-left: 50px;
padding-right: 50px;
}
.menu-entry .columns {
padding-left: 50px;
padding-right: 50px;
}
}
/* ------------------------------------------------------ */
/* Image Grid
/* ------------------------------------------------------ */
.image-grid .columns {
height: 528px;
margin-bottom: 30px;
}
.image-grid img {
width: 100%;
height: auto;
height: 528px;
object-fit: cover;
}
/* ------------------------------------------------------ */
/* Page - Brewery
/* ------------------------------------------------------ */
.about-beers {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.about-beers {
padding-top: 30px;
padding-bottom: 75px;
}
}
.about-beers .grid-item {
display: block;
position: relative;
width: 100%;
overflow: hidden;
height: 170px;
background: #000;
margin-bottom: 28px;
}
@media (min-width: 62em) {
.about-beers .grid-item {
height: 275px;
margin-bottom: 0;
}
}
.about-beers .grid-item img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.8;
width: 100%;
height: auto;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.about-beers .grid-item:hover img {
opacity: 0.5;
}
.about-beers .grid-item .inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
text-align: center;
padding-top: 50px;
}
.about-beers .grid-item .inner * {
text-align: center;
width: 100%;
color: #FFFEF4;
}
.about-beers .grid-item h4 {
font-size: 30px;
font-size: 1.875rem;
line-height: 40px;
line-height: 2.5rem;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
}
@media (min-width: 62em) {
.about-beers .grid-item h4 {
font-size: 50px;
font-size: 3.125rem;
line-height: 100px;
line-height: 6.25rem;
}
}
.about-beers .grid-item p {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
letter-spacing: 2px;
font-weight: 400;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
margin: 0;
}
@media (min-width: 62em) {
.about-beers .grid-item p {
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
}
}
/* ------------------------------------------------------ */
/* Page - Beer
/* ------------------------------------------------------ */
.beerbc #flagships {
background-image: url(images/cream-distress-top.png);
background-position: right top;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.beerbc #flagships {
padding-top: 80px;
padding-bottom: 80px;
}
#flagships .team-row,
#seasonal .team-row {
margin-bottom: 0;
}
}
.beerbc #seasonal {
background-color: #F2F1E7;
background-image: url(images/cream-distress-bottom-left.png);
background-position: left bottom;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.beerbc #seasonal {
padding-top: 80px;
padding-bottom: 80px;
}
}
.beerbc #draft {
background-image: url(images/cream-distress-bottom-right.png);
background-position: right bottom;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 62em) {
.beerbc #draft {
padding-top: 80px;
padding-bottom: 80px;
}
}
#flagships .team-member .more-info .img img {
position: relative;
top: 0;
left: auto;
right: auto;
bottom: auto;
max-width: 100% !important;
max-height: 100% !important;
height: auto;
float: none;
width: auto;
}
#flagships .team-member .more-info .img:hover img {
opacity: 0.2;
}
#flagships .team-member .more-info .img:hover p {
display: block;
position: absolute;
z-index: 2;
}
#seasonal .team-member .more-info .img {
height: 350px;
}
#seasonal .team-member .more-info .img img {
position: relative;
top: 0;
left: auto;
right: auto;
bottom: auto;
max-width: 100% !important;
max-height: 100% !important;
height: auto;
float: none;
width: auto;
}
#seasonal .team-member .more-info .img:hover img {
opacity: 0.2;
}
#seasonal .team-member .more-info .img:hover p {
display: block;
position: absolute;
z-index: 2;
}
#draft .team-member .more-info .img {
height: 178px;
}
.beerbc .team-member.active {
background: url(images/active-arrow.png) center bottom -22px no-repeat;
}
.beerbc .member-info h2 {
font-size: 62px;
font-size: 3.875rem;
line-height: 64px;
line-height: 4rem;
color: #FFFEF4;
margin: 0 0 10px;
}
.beerbc .member-info h3 {
font-size: 37px;
font-size: 2.3125rem;
line-height: 50px;
line-height: 3.125rem;
color: #FFFEF4;
margin: 0 0 20px;
}
.beerbc .member-info h4 {
font-size: 20px;
font-size: 1.25rem;
line-height: 40px;
line-height: 2.5rem;
color: #FFCE00;
font-weight: 400;
letter-spacing: 2px;
margin: 0 0 20px;
}
.beerbc .member-info p {
color: #FFFEF4;
}
.beerbc .flagships .team-member .more-info .img,
.beerbc .seasonal .team-member .more-info .img {
height: 410px;
}
@media (max-width: 767px) {
.beerbc #seasonal,
.beerbc #flagships,
.beerbc #draft {
padding-bottom: 0;
}
.beerbc #seasonal .team-grid,
.beerbc #flagships .team-grid,
.beerbc #draft .team-grid {
padding-bottom: 0;
}
.beerbc #seasonal .team-row.row,
.beerbc #flagships .team-row.row,
.beerbc #draft .team-row.row {
margin-bottom: 0;
}
}
/* ------------------------------------------------------ */
/* Tempest Page Template
/* ------------------------------------------------------ */
.tempestbc {
background: #fff;
}
.tempestbc .intro {
background: url(images/tempest-hero-bg.png) right top no-repeat;
width: 100%;
padding-top: 100px;
}
.tempestbc .intro .entry {
text-align: center;
padding-left: 20px;
padding-right: 20px;
width: 100%;
margin: 0 auto;
position: relative;
}
.tempestbc .intro .entry h1,
.tempestbc .intro-2 .entry h2 {
color: #7C7C7C;
font-size: 87px;
line-height: 100px;
text-transform: uppercase;
letter-spacing: 12px;
font-weight: 300;
margin: 0 0 20px;
}
.tempestbc .intro .entry h2 {
font-size: 16px;
line-height: 40px;
color: #9B9B9B;
text-transform: uppercase;
letter-spacing: 8px;
font-weight: 400;
margin: 0 0 40px;
}
.tempestbc .intro .entry p,
.tempestbc .intro-2 .entry p {
font-size: 32px;
line-height: 60px;
font-weight: 400;
color: #7C7C7C;
font-family: "Cutive Mono", serif;
letter-spacing: -2px;
}
.tempestbc .intro .entry p.pulldown {
margin-top: 250px;
margin-bottom: 100px;
}
.tempestbc .labels {
overflow: hidden;
margin: 0 auto;
width: 100%;
/* height: 566px; */
}
.tempestbc .labels .label {
text-align: center;
position: relative;
cursor: pointer;
/* height: 566px; */
}
.tempestbc .labels .label a {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.tempestbc .labels .label:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
opacity: 1;
-webkit-transition: opacity ease-in-out 0.15s;
}
.tempestbc .labels .label-1:after {
background: #A3E9FB;
}
.tempestbc .labels .label-2:after {
background: #FFDA33;
}
.tempestbc .labels .label-3:after {
background: #ebb8e6;
}
.tempestbc .labels .label-4:after {
background: #bdd7db;
}
.tempestbc .labels .label-5:after {
background: #939090;
}
.tempestbc .labels .label:hover:after {
opacity: 1;
}
.tempestbc .labels a img {
float: left;
width: 100%;
height: auto;
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.tempestbc .labels a:hover img {
opacity: 0.8
}
.tempestbc .intro-2 {
width: 100%;
}
.tempestbc .intro-2 .entry {
text-align: center;
padding-left: 20px;
padding-right: 20px;
width: 100%;
margin: 0 auto;
position: relative;
}
.tempestbc .intro-2 .entry h2 {
font-size: 62px;
line-height: 100px;
letter-spacing: 8px;
}
.tempestbc .beertype {
overflow: hidden;
padding-top: 70px;
padding-bottom: 70px;
}
.tempestbc .beertype:first-child {
background: linear-gradient(to right bottom, #A3E9FB 50%, #fff 50%);
}
.tempestbc .beertype:nth-child(2n) {
background: linear-gradient(to right top, #fff 50%, #FFDA33 50%);
}
.tempestbc .beertype:nth-child(3n) {
background: linear-gradient(to right bottom, #ebb8e6 50%, #fff 50%);
}
.tempestbc .beertype:nth-child(4n) {
background: linear-gradient(to right top, #fff 50%, #bdd7db 50%);
}
.tempestbc .beertype:nth-child(5n) {
background: linear-gradient(to right bottom, #eeeded 50%, #fff 50%);
}
.tempestbc .beertype .container {
width: 100%;
padding-left: 40px;
padding-right: 40px;
max-width: 1500px;
margin: 0 auto;
}
.beertype dl {
max-width: 380px;
overflow: hidden;
}
.beertype dt,
.beertype dd {
margin: 10px 0;
padding: 0;
overflow: hidden;
}
.beertype dt {
clear: both;
float: left;
width: auto;
padding-right: 30px;
text-align: right;
font-family: "Oswald", sans-serif;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
}
.beertype dd {
float: right;
width: 50%;
}
.beertype dd span {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 6px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
}
.beertype dt {
color: #111;
}
.beertype dd span {
border-color: #00C2F3;
background-color: #fff;
}
.beertype:nth-child(2n) dd span {
border-color: #FFDA33;
}
.beertype dd span.yep {
background-color: #00C2F3;
}
.beertype:nth-child(2n) dd span.yep {
border-color: #FFDA33;
}
.beertype:nth-child(2n) dd span.yep {
background-color: #FFDA33;
}
.beertype:nth-child(3n) dd span {
border-color: #d470cc;
}
.beertype:nth-child(3n) dd span.yep {
border-color: #d470cc;
}
.beertype:nth-child(3n) dd span.yep {
background-color: #d470cc;
}
.beertype:nth-child(4n) dd span {
border-color: #7bb0b8;
}
.beertype:nth-child(4n) dd span.yep {
border-color: #7bb0b8;
}
.beertype:nth-child(4n) dd span.yep {
background-color: #7bb0b8;
}
.beertype:nth-child(5n) dd span {
border-color: #b7b6b6;
}
.beertype:nth-child(5n) dd span.yep {
border-color: #b7b6b6;
}
.beertype:nth-child(5n) dd span.yep {
background-color: #b7b6b6;
}
/*
.beertype:last-child dt {
color: #FFDA33;
}
*/
/*
.beertype:last-child dd span {
border-color: #FFDA33;
background-color: #fff;
}
.beertype:last-child dd span.yep {
background-color: #FFDA33;
}
*/
.beertype header {
padding-bottom: 49px;
margin-bottom: 31px;
border-bottom: 2px solid #fff;
}
.beertype header h2 {
font-family: "Oswald", sans-serif;
font-weight: 300;
letter-spacing: 8px;
font-size: 62px;
line-height: 100px;
margin: 0;
}
.beertype header h3 {
font-family: "Oswald", sans-serif;
font-weight: 400;
letter-spacing: 8px;
font-size: 16px;
line-height: 40px;
margin: 0;
font-style: normal;
}
.beertype .section h2 {
font-size: 18px;
line-height: 40px;
letter-spacing: 2px;
margin: 0;
}
.beertype .section p {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #111;
font-family: "Cutive Mono", serif;
letter-spacing: -2px;
}
.beertype .entry .section.last {
padding-bottom: 31px;
margin-bottom: 49px;
border-bottom: 2px solid #fff;
}
.beertype h2,
.beertype h3,
.beertype p {
color: #111;
}
/*
.beertype:last-child h2,
.beertype:last-child h3,
.beertype:last-child p {
color: #A3721B;
}
.beertype:last-child .section h2 {
color: #DFAD27;
}
*/
#the-baroness .img {
background: url(images/baroness-medal.png) right top no-repeat;
background-size: 180px 174px;
}
@media (max-width: 767px) {
#the-baroness .img {
background-size: 120px 116px;
}
#bronze-01 {
text-align: center;
padding: 20px 50px;
overflow: hidden;
}
#bronze-01 img {
float: none !important;
margin: 0 !important;
max-width: 120px;
}
}
@media (min-width: 62em) {
.tempestbc .intro {
padding-top: 370px;
}
.tempestbc .intro-2 {
padding-top: 240px;
padding-bottom: 200px;
}
.tempestbc .intro .entry,
.tempestbc .intro-2 .entry {
max-width: 790px;
}
.tempestbc .labels .label {
float: left;
width: 50%;
}
.tempestbc .labels .label-5 {
margin-left: 25%;
}
.tempestbc .beertype .container {
display: flex;
}
.tempestbc .beertype:first-child .container,
.tempestbc .beertype:nth-child(3n) .container,
.tempestbc .beertype:nth-child(5n) .container {
flex-direction: row-reverse;
}
.tempestbc .beertype .bd,
.tempestbc .beertype .img {
width: 50%;
}
.tempestbc .beertype:nth-child(odd) .img {
padding-left: 50px;
}
.tempestbc .beertype:nth-child(even) .img {
padding-right: 50px;
}
}
/* ------------------------------------------------------ */
/* Tempest Page header
/* ------------------------------------------------------ */
.tempestbc .page-header {
height: 50px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
display: flex;
justify-content: flex-end;
}
.tempestbc .site-branding {
width: 155px;
height: 155px;
display: inline-block;
margin: 27px 40px;
text-indent: -999em;
padding: 4px;
transition: all .2s ease-in-out;
display: none;
}
.tempestbc .site-branding a {
width: 155px;
height: 155px;
background: url(images/tempest-logo-top.png) 0 0 no-repeat;
background-size: 155px 155px;
display: block;
transition: all .2s ease-in-out;
}
.tempestbc.is-scrolling .site-branding {
width: 120px;
height: 120px;
padding: 0;
}
.tempestbc.is-scrolling .site-branding a {
width: 120px;
height: 120px;
background-size: 120px 120px;
}
@media (min-width: 62em) {
.tempestbc .site-branding {
display: block;
}
}
/* ------------------------------------------------------ */
/* Tempest Page Footer
/* ------------------------------------------------------ */
.tempestbc .page-footer h2 {
color: #9B9B9B;
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: 400;
margin: 160px 0 140px;
letter-spacing: 8px;
}
.tempestbc .page-footer .linkback {
text-decoration: none;
}
.tempestbc .page-footer .linkback img,
.tempestbc .page-footer .linkback span {
display: inline-block;
}
.tempestbc .page-footer .linkback span {
font-family: "Oswald", sans-serif;
font-weight: 300;
letter-spacing: 2px;
font-size: 18px;
line-height: 40px;
margin: 0;
color: #D9D9D9;
text-decoration: none;
position: relative;
bottom: 20px;
margin-left: 20px;
display: inline-block;
padding-top: 10px;
}
.tempestbc .page-footer .menu {
padding-top: 54px;
}
.tempestbc .page-footer .menu a {
color: #D9D9D9;
font-weight: 300;
}
.tempestbc .page-footer a,
.tempestbc .page-footer a span {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.tempestbc .page-footer a:hover,
.tempestbc .page-footer a:hover span,
.tempestbc .page-footer ul.menu li.custom a:hover {
color: #9B9B9B;
}
/* -------------------------------------------------------------------------------- */
/* Pre-launch mods
/* -------------------------------------------------------------------------------- */
@media (max-width: 767px) {
.site-header {
height: 60px;
padding-top: 5px;
padding-bottom: 5px;
}
.toggle {
top: 17px;
}
.hero-content h1 {
margin-top: 30px;
}
.hero-content p {
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.714rem;
}
.team-member .more-info .img:hover p {
width: 250px;
left: 50%;
margin-left: -125px;
top: 40%;
text-align: center;
}
.page-template-page-beer .team-member .more-info .img:hover p {
display: none;
}
.page-template-page-beer .team-member .more-info .img:hover img {
opacity: 1;
transform: scale(1);
}
.page-template-page-beer .team-member .member-info {
display: block;
}
.tempestbc .intro .entry h1 {
font-size: 70px;
line-height: 80px;
}
.tempestbc .intro-2 .entry h2 {
font-size: 60px;
line-height: 70px;
margin-top: 40px;
}
.beertype dt {
padding-right: 20px;
}
.tempestbc .labels {
height: auto;
}
.tempestbc .labels .label {
height: auto;
}
.tempestbc .labels .label a {
display: block;
}
.tempestbc .labels .label a img {
float: left;
width: 100%;
}
img.hero-shrink-mobile {
max-width: 200px;
height: auto;
}
.beerbc .member-info {
text-align: center;
}
.beerbc .member-info h2 {
margin-top: 40px;
}
}
.image-has-button {
position: relative;
}
.image-has-button a {
position: absolute;
bottom: 20%;
left: 50%;
margin-left: -97px;
}
#mobile-beers {
text-align: center;
margin: 40px auto;
display: none;
}
@media (max-width: 767px) {
.home .beer-slider-wrapper {
display: none;
}
#mobile-beers {
display: block;
}
.image-has-button {
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.image-has-button img,
.image-has-button p {
margin-bottom: 0;
}
.image-has-button a.button-square.gray {
position: relative;
width: 100%;
bottom: 0;
left: 0;
margin-left: 0;
display: block;
text-align: center;
}
.page-template-page-about .team-grid .img {
margin-top: 20px;
}
.page-template-page-about .team-grid .img img {
width: 100%;
height: auto;
}
}
#gforms_confirmation_message_1 {
color: #fff;
font-weight: 300;
font-style: italic;
font-size: 28px;
font-size: 1.75rem;
line-height: 40px;
line-height: 2.5rem;
padding-top: 40px;
}
@media (min-width: 992px) {
.page-id-17 h3 {
margin-top: -7px;
}
}
.page-id-17 .block-columns ul,
.page-id-17 .block-columns li,
.page-id-17 .block-columns p {
font-size: 18px;
line-height: 28px;
}
.page-id-17 .block-columns ul {
margin-left: 0;
padding-left: 0;
}
.page-id-17 .block-columns ul li {
margin-bottom: 7px;
}
.page-id-17 .image-grid img,
.page-id-17 .image-grid .columns {
height: 266px;
}
.page-id-17 .image-grid a img {
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
}
.page-id-17 .image-grid a:hover img {
opacity: 0.8;
}
.custom-button-layout-1 .button-image {
display: block;
text-align: center;
margin: 20px;
}
@media (min-width: 992px) {
.custom-button-layout-1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-button-layout-1 .button-image {
display: inline-block;
margin: 0;
}
}
/*--------------------------------------------------------------
# NSC Landing Page
--------------------------------------------------------------*/
.page-template-page-sc-landing .site-header,
.page-template-page-sc-landing .site-footer {
display: none;
}
.page-template-page-sc-landing {
background: #fff url(images/nsc/textured-bg.jpg) 0 0 no-repeat;
background-size: cover;
}
.page-template-page-sc-landing .main {
padding-top: 0;
}
.page-template-page-sc-landing .post-box {
padding-top: 40px;
}
.sc-header,
.sc-social,
.sc-footer {
width: 100%;
margin: 0 auto;
padding: 0 15px;
max-width: 1055px;
}
.sc-header__desktop {
align-items: center;
justify-content: space-between;
display: none;
text-align: center;
margin-bottom: 50px;
}
.sc-header__desktop .img {
flex: 0 0 50%;
padding: 0 20px;
}
.sc-header__desktop .img:first-child,
.sc-header__desktop .img:last-child {
flex: 0 0 25%;
}
.sc-header__mobile {
text-align: center;
margin-bottom: 40px;
}
.sc-header__mobile div {
display: flex;
align-items: center;
justify-content: center;
}
.sc-header__mobile div img {
width: auto;
max-height: 160px;
margin: 0 20px 20px;
}
@media (min-width: 992px) {
.sc-header__desktop {
display: flex;
}
.sc-header__mobile {
display: none;
}
}
.sc-main {
position: relative;
min-height: 428px;
}
.sc-main:before {
content: '';
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 200px;
background: url(images/nsc/repeating-yellow-bg.png) left top 40px repeat;
background-size: 37px 80px;
}
.sc-main:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 452px;
background: url(images/nsc/cans-5.png) center center no-repeat;
background-size: 1326px 452px;
}
@media (max-width: 991px) {
.sc-main:after {
display: none;
}
.opt-in-form {
position: relative;
}
.opt-in-form .toucans {
width: 100%;
height: 241px;
background: url(images/nsc/NSC-cans-mobile.png) center top no-repeat;
background-size: 500px 231px;
}
}
@media (min-width: 992px) and (max-width: 1225px) {
.sc-main .img-one {
background-position: left -180px top;
}
.sc-main .img-two {
background-position: right -180px top;
}
}
.sc-main .img-mobile {
display: none;
}
.sc-main .inner {
max-width: 370px;
display: flex;
align-items: center;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 3;
padding-top: 55px;
}
.sc-main .inner h2,
.sc-main .inner p {
font-family: Roboto, sans-serif;
color: #1f1646;
}
.sc-main .two-ways-mobile {
display: none;
}
.sc-main .two-ways-desktop {
margin-top: 20px;
}
.sc-main .inner p {
font-size: 18px;
line-height: 28px;
margin-bottom: 60px;
padding: 0 15px;
}
.sc-main .opt-in-form {
width: 100%;
}
.sc-main .opt-in-form label {
display: none;
}
.sc-main .opt-in-form ul,
.sc-main .opt-in-form li {
list-style: none;
margin: 0;
padding: 0;
}
.sc-main .opt-in-form input {
width: 100%;
max-width: 100%;
background: #cececc;
border: 2px solid #cececc;
outline: none;
padding: 15px;
text-align: center;
height: 50px;
}
.sc-main .opt-in-form input:focus {
background: #fff;
}
.sc-main .opt-in-form .gform_footer {
margin-top: 20px;
}
.sc-main .opt-in-form button {
width: 100%;
background: #e9e438;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
height: 50px;
border: none;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
color: #1f1646;
}
.sc-main .opt-in-form button:hover {
background: #1f1646;
color: #e9e438;
}
.sc-main .or {
text-align: center;
margin: 40px auto 30px;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
font-size: 36px;
line-height: 46px;
font-weight: bold;
color: #1f1646;
}
.sc-main .or:before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 4px;
background: #1f1646;
height: 25px;
margin-left: -2px;
}
.sc-main .or:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 4px;
background: #1f1646;
height: 25px;
margin-left: -2px;
}
.sc-main .or img {
max-width: 35px;
}
@media (max-width: 991px) {
.sc-main:before {
top: 0;
height: 250px;
}
.sc-main .inner {
padding-top: 0;
}
.sc-main .two-ways-mobile {
margin-top: 30px;
display: inline-block;
}
.sc-main .two-ways-desktop {
display: none;
}
.sc-main .opt-in-form form {
padding: 0 15px;
}
.sc-main .img-mobile {
display: block;
}
.sc-main .img-one,
.sc-main .img-two {
display: none;
}
}
.sc-social .inner {
max-width: 950px;
margin: 0 auto 90px;
text-align: center;
}
.sc-social .inner p {
font-size: 24px;
line-height: 36px;
color: #1f1646;
margin-top: 30px;
margin-bottom: 10px;
}
.sc-social .engage-mobile {
display: none;
}
@media (max-width: 991px) {
.sc-social .engage-mobile {
display: inline-block;
}
.sc-social .engage-desktop {
display: none;
}
}
.sc-social p a {
color: #1f1646;
font-weight: bold;
text-decoration: none;
}
.sc-social p a:hover {
color: #b9b51f;
}
.sc-social .social {
display: inline-block;
margin: 0 6px;
}
.sc-social .social svg .circle {
fill: #1F1646;
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.sc-social .social:hover .circle {
fill: #3b2c7e;
}
.sc-footer .inner {
max-width: 950px;
margin: 0 auto;
text-align: center;
}
.sc-footer .inner p {
font-size: 14px;
line-height: 24px;
color: #1f1646;
}
.sc-footer .inner a {
color: #1f1646;
font-weight: bold;
}
.sc-footer .inner a:hover {
text-decoration: none;
}