@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://use.typekit.net/yuw5jit.css");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

img {
    max-width: 100%
}

* {
    box-sizing: border-box
}

.clearfix,
.group {
    zoom: 1
}

.clearfix:before,
.clearfix:after,
.group:before,
.group:after {
    content: "";
    display: table
}

.clearfix,
.clearfix:before,
.clearfix:after,
.group,
.group:before,
.group:after {
    clear: both
}

.buttons {
    padding: 15px 0
}

.btn,
button,
input[type=submit],
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer button {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    opacity: 1;
    border: 0;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 20px;
    transition: opacity 400ms ease-in-out;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #666;
    color: white;
    -webkit-appearance: none;
    border-radius: 22px;
    border: 0 !important
}

.btn:hover,
button:hover,
input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=button]:hover,
.gform_wrapper .gform_footer input[type=reset]:hover,
.gform_wrapper .gform_footer button:hover {
    text-decoration: none;
    opacity: .8;
    border-bottom: none
}

.btn.red,
button.red,
input.red[type=submit],
.gform_wrapper .gform_footer input.red[type=submit],
.gform_wrapper .gform_footer input.red[type=button],
.gform_wrapper .gform_footer input.red[type=reset],
.gform_wrapper .gform_footer button.red {
    background-color: #a10833;
    color: white
}

.btn.blue,
button.blue,
input.blue[type=submit],
.gform_wrapper .gform_footer input.blue[type=submit],
.gform_wrapper .gform_footer input.blue[type=button],
.gform_wrapper .gform_footer input.blue[type=reset],
.gform_wrapper .gform_footer button.blue {
    background-color: #233f6c;
    color: white
}

.btn.tan,
button.tan,
input.tan[type=submit],
.gform_wrapper .gform_footer input.tan[type=submit],
.gform_wrapper .gform_footer input.tan[type=button],
.gform_wrapper .gform_footer input.tan[type=reset],
.gform_wrapper .gform_footer button.tan {
    background-color: #eeeae3;
    color: black
}

.btn.white,
button.white,
input.white[type=submit],
.gform_wrapper .gform_footer input.white[type=submit],
.gform_wrapper .gform_footer input.white[type=button],
.gform_wrapper .gform_footer input.white[type=reset],
.gform_wrapper .gform_footer button.white {
    background-color: white;
    color: black
}

.btn.large,
button.large,
input.large[type=submit],
.gform_wrapper .gform_footer input.large[type=submit],
.gform_wrapper .gform_footer input.large[type=button],
.gform_wrapper .gform_footer input.large[type=reset],
.gform_wrapper .gform_footer button.large {
    font-size: 22px;
    line-height: 30px
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 0;
    color: #444;
    background: white;
    font-size: 14px;
    line-height: 100%
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 16px;
        line-height: 100%
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 1.5em
}

h1,
h2,
h3,
h4 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3em;
    text-transform: uppercase
}

h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

h1 {
    font-size: 2em;
    line-height: 1em;
    color: #233f6c
}

h1 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 2.6em
    }
}

@media only screen and (min-width: 1150px) {
    h1 {
        font-size: 2.9em
    }
}

h2 {
    font-size: 1.8em
}

@media only screen and (min-width: 768px) {
    h2 {
        font-size: 2.1em
    }
}

h3 {
    font-size: 1.6em;
    text-transform: none;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    h3 {
        font-size: 1.8em
    }
}

h4 {
    font-size: 1.4em;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    h4 {
        font-size: 1.45em
    }
}

@media only screen and (min-width: 1024px) {
    h4 {
        font-size: 1.5em
    }
}

h5 {
    font-size: 1.3em
}

p {
    padding: 8px 0
}

@media only screen and (min-width: 768px) {
    p {
        padding: 12px 0
    }
}

strong {
    font-weight: bold
}

em,
i {
    font-style: italic
}

a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: black;
    text-decoration: none
}

a:hover {
    border-bottom: 1px solid black
}

img.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 10px 15px 15px 0
}

img.alignright,
.wp-caption.alignright {
    float: right;
    margin: 15px 0 15px 15px
}

img.aligncenter,
.wp-caption.aligncenter {
    display: block;
    margin: 0 auto
}

img.size-thumbnail,
.wp-caption.size-thumbnail {
    max-width: 150px
}

img.size-medium,
.wp-caption.size-medium {
    max-width: 300px
}

img.rounded,
.wp-caption.rounded {
    border-radius: 6px
}

code,
pre {
    font-family: monospace;
    background-color: #eee;
    padding: 5px 10px;
    font-size: 1.1em;
    line-height: 1.4em
}

pre {
    max-width: 100%;
    overflow: auto;
    margin: 15px 0;
    font-size: 1em;
    min-height: 35px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.paginate {
    border-top: 1px solid #b3b3b3;
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    background: #bfbfbf;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .paginate {
        padding: 40px 0
    }
}

.paginate a {
    padding: 7px 12px;
    background: #666;
    color: white;
    text-decoration: none;
    display: inline-block
}

.paginate a:hover {
    background: #737373
}

.paginate .current {
    padding: 7px 12px;
    display: inline-block;
    background: #737373
}

.text-field,
input[type=text],
input[type=search],
select,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    display: inline-block;
    padding: 6px 8px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5em;
    border: 3px solid #ddd
}

.gform_wrapper .short-form .gfield {
    margin: 10px 0 !important
}

.gform_wrapper .short-form .gfield .ginput_container {
    margin-top: 5px !important
}

.gform_wrapper .short-form .gfield .gfield_description {
    padding-top: 0
}

.gform_wrapper .short-form .gfield ::-moz-placeholder {
    color: #ddd
}

.gform_wrapper .short-form .gfield :-ms-input-placeholder {
    color: #ddd
}

.gform_wrapper .short-form .gfield ::placeholder {
    color: #ddd
}

.gform_wrapper .short-form .gfield.field_description_below.gsection {
    margin: 50px 0 10px !important
}

@media only screen and (min-width: 768px) {
    .gform_wrapper .short-form .gfield.field_description_below.gsection {
        margin: 80px 0 15px !important
    }
}

.gform_wrapper .short-form .gfield.field_description_below.gsection:first-child {
    margin: 0 0 15px !important
}

@media only screen and (min-width: 768px) {
    .gform_wrapper .short-form .gfield.field_description_below.gsection:first-child {
        margin: 0 0 15px !important
    }
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper textarea:focus {
    border: 3px solid #38914a;
    outline: none
}

.gform_wrapper .gsection_description {
    font-size: .9em
}

.gform_wrapper span.ginput_total {
    font-size: 1.5em;
    font-weight: bold;
    color: #38914a
}

.gform_wrapper .gfield.inline-radio .gfield_radio,
.gform_wrapper .gfield.donate-amount .gfield_radio {
    width: auto !important
}

.gform_wrapper .gfield.inline-radio .gfield_radio li,
.gform_wrapper .gfield.donate-amount .gfield_radio li {
    background: #e6e6e6;
    padding: 7px 13px 10px !important;
    margin-right: 5px;
    border-radius: 5px
}

@media only screen and (min-width: 768px) {

    .gform_wrapper .gfield.inline-radio .gfield_radio li,
    .gform_wrapper .gfield.donate-amount .gfield_radio li {
        float: left
    }
}

.gform_wrapper .gfield.conditional-note {
    font-size: .8em;
    margin-top: -20px !important;
    margin-bottom: 20px !important
}

.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer button {
    background-color: #38914a;
    color: white
}

header {
    position: relative
}

@media only screen and (min-width: 850px) {
    header .wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    header .wrap .logo {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        text-align: center
    }

    header .wrap .header-inner {
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (min-width: 850px) {
    header .header-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    header .header-inner nav {
        -ms-flex: 1;
        flex: 1
    }

    header .header-inner .search {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
    }
}

header .logo {
    background: #a10833;
    padding: 15px;
    height: 100px
}

header .logo img {
    max-width: 100%;
    max-height: 100%
}

header .logo a:hover {
    border: none
}

header nav {
    display: none
}

@media only screen and (min-width: 850px) {
    header nav {
        display: block
    }
}

header nav>ul {
    z-index: 1000
}

@media only screen and (min-width: 850px) {
    header nav>ul {
        display: block;
        zoom: 1;
        padding-left: 30px
    }

    header nav>ul:before,
    header nav>ul:after {
        content: "";
        display: table
    }

    header nav>ul,
    header nav>ul:before,
    header nav>ul:after {
        clear: both
    }
}

@media only screen and (min-width: 850px) {
    header nav>ul>li {
        box-shadow: none;
        display: inline-block
    }
}

header nav>ul>li>a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    display: block;
    padding: 10px 5px;
    color: black;
    text-decoration: none;
    width: 100%;
    height: 100%;
    transition: 400ms all ease-in-out;
    text-align: center;
    font-size: 1em;
    white-space: nowrap
}

header nav>ul>li>a:hover {
    opacity: .7;
    border: none
}

@media only screen and (min-width: 850px) {
    header nav>ul>li>a {
        display: inline-block;
        text-align: left;
        padding: 40px 10px;
        line-height: 20px;
        text-align: center;
        text-transform: inherit;
        font-size: .9em
    }
}

@media only screen and (min-width: 1024px) {
    header nav>ul>li>a {
        padding: 40px 20px
    }
}

@media only screen and (min-width: 1150px) {
    header nav>ul>li>a {
        padding: 40px 30px
    }
}

header nav>ul>li .submenu {
    display: none;
    background: rgba(238, 234, 227, 0.6);
    padding: 20px
}

@media only screen and (min-width: 768px) {
    header nav>ul>li .submenu {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    header nav>ul>li .submenu {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    header nav>ul>li .submenu {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    header nav>ul>li .submenu {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    header nav>ul>li .submenu {
        padding: 45px 7%
    }
}

@media only screen and (min-width: 850px) {
    header nav>ul>li .submenu {
        background: white;
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        z-index: 1001
    }

    header nav>ul>li .submenu .submenu-col {
        -ms-flex: 1;
        flex: 1;
        padding: 0 20px 0 0
    }
}

header nav>ul>li .submenu h5 {
    padding-top: 10px;
    text-transform: uppercase;
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .8em;
    color: #999
}

header nav>ul>li .submenu p {
    padding: 5px 0 12px 0
}

header nav>ul>li .submenu ul {
    padding: 0 0 5px 0
}

header nav>ul>li .submenu ul li a {
    display: block;
    padding: 1px 0;
    line-height: 1.4em;
    border-bottom: 1px solid transparent;
    font-size: 1.1em
}

@media only screen and (min-width: 850px) {
    header nav>ul>li .submenu ul li a {
        display: inline-block
    }

    header nav>ul>li .submenu ul li a:hover {
        border-bottom: 1px solid black
    }
}

header nav>ul>li.open .submenu {
    display: block
}

@media only screen and (min-width: 768px) {

    header nav>ul>li:hover .submenu,
    header nav>ul>li:focus .submenu,
    header nav>ul>li.open .submenu {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 100px
    }
}

header .search {
    display: none;
    margin: 10px 20px 20px
}

@media only screen and (min-width: 850px) {
    header .search {
        display: block;
        position: relative;
        margin: 0
    }
}

header .search input[type=text] {
    all: unset;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    border: 1px solid black;
    border-radius: 20px;
    background: white;
    width: 100%;
    height: 40px;
    padding: 0;
    text-align: center;
    font-size: .85em
}

@media only screen and (min-width: 850px) {
    header .search input[type=text] {
        width: 100px;
        transition: all 400ms ease-in-out;
        position: absolute;
        right: 30px;
        top: -20px;
        z-index: 1001
    }

    header .search input[type=text]:focus {
        width: 200px
    }
}

header .search input[type=text]::-moz-placeholder {
    color: #999
}

header .search input[type=text]:-ms-input-placeholder {
    color: #999
}

header .search input[type=text]::placeholder {
    color: #999
}

header .search input[type=image] {
    display: none
}

header .menu-toggle {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 50px;
    height: 50px;
    border: 0;
    padding: 10px;
    overflow: hidden;
    text-indent: 1000px;
    cursor: pointer
}

@media only screen and (min-width: 850px) {
    header .menu-toggle {
        display: none
    }
}

header .menu-toggle img.mobile-only {
    display: block
}

@media only screen and (min-width: 850px) {
    header .menu-toggle img.mobile-only {
        display: none
    }
}

.skip-to-content {
    position: absolute;
    top: 0;
    left: 0;
    color: transparent
}

.content-style ol,
.content-wide ol,
.content-one ol,
.content-two-container .content-two ol,
.content-three-container .content-three ol,
.bio .bio-content ol,
.articles .entry ol,
.facts-container .facts .data-points ol,
.event-cards-container .event-cards ol,
.event-cards-container .event-cards .event-card ol,
.guides ol,
.instagram-container .instagram-posts .insta-post .insta-post-caption ol,
.content-style ul,
.content-wide ul,
.content-one ul,
.content-two-container .content-two ul,
.content-three-container .content-three ul,
.bio .bio-content ul,
.articles .entry ul,
.facts-container .facts .data-points ul,
.event-cards-container .event-cards ul,
.event-cards-container .event-cards .event-card ul,
.guides ul,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul {
    padding: 5px 0 5px 35px
}

.content-style ol li,
.content-wide ol li,
.content-one ol li,
.content-two-container .content-two ol li,
.content-three-container .content-three ol li,
.bio .bio-content ol li,
.articles .entry ol li,
.facts-container .facts .data-points ol li,
.event-cards-container .event-cards ol li,
.event-cards-container .event-cards .event-card ol li,
.guides ol li,
.instagram-container .instagram-posts .insta-post .insta-post-caption ol li,
.content-style ul li,
.content-wide ul li,
.content-one ul li,
.content-two-container .content-two ul li,
.content-three-container .content-three ul li,
.bio .bio-content ul li,
.articles .entry ul li,
.facts-container .facts .data-points ul li,
.event-cards-container .event-cards ul li,
.event-cards-container .event-cards .event-card ul li,
.guides ul li,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul li {
    padding: 3px 0;
    line-height: 1.5em
}

.content-style ul,
.content-wide ul,
.content-one ul,
.content-two-container .content-two ul,
.content-three-container .content-three ul,
.bio .bio-content ul,
.articles .entry ul,
.facts-container .facts .data-points ul,
.event-cards-container .event-cards ul,
.event-cards-container .event-cards .event-card ul,
.guides ul,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul {
    list-style-type: disc
}

.content-style ol,
.content-wide ol,
.content-one ol,
.content-two-container .content-two ol,
.content-three-container .content-three ol,
.bio .bio-content ol,
.articles .entry ol,
.facts-container .facts .data-points ol,
.event-cards-container .event-cards ol,
.event-cards-container .event-cards .event-card ol,
.guides ol,
.instagram-container .instagram-posts .insta-post .insta-post-caption ol {
    list-style-type: decimal
}

.content-style blockquote,
.content-wide blockquote,
.content-one blockquote,
.content-two-container .content-two blockquote,
.content-three-container .content-three blockquote,
.bio .bio-content blockquote,
.articles .entry blockquote,
.facts-container .facts .data-points blockquote,
.event-cards-container .event-cards blockquote,
.event-cards-container .event-cards .event-card blockquote,
.guides blockquote,
.instagram-container .instagram-posts .insta-post .insta-post-caption blockquote {
    padding: 0 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #666;
    border-left: 3px solid #e6e6e6;
    margin: 10px 0 10px 20px
}

.content-style hr,
.content-wide hr,
.content-one hr,
.content-two-container .content-two hr,
.content-three-container .content-three hr,
.bio .bio-content hr,
.articles .entry hr,
.facts-container .facts .data-points hr,
.event-cards-container .event-cards hr,
.event-cards-container .event-cards .event-card hr,
.guides hr,
.instagram-container .instagram-posts .insta-post .insta-post-caption hr {
    border: 0;
    border-bottom: 5px solid #eeeae3;
    padding: 0;
    margin: 10px 0
}

@media only screen and (min-width: 600px) {

    .content-style hr,
    .content-wide hr,
    .content-one hr,
    .content-two-container .content-two hr,
    .content-three-container .content-three hr,
    .bio .bio-content hr,
    .articles .entry hr,
    .facts-container .facts .data-points hr,
    .event-cards-container .event-cards hr,
    .event-cards-container .event-cards .event-card hr,
    .guides hr,
    .instagram-container .instagram-posts .insta-post .insta-post-caption hr {
        margin: 15px 0
    }
}

@media only screen and (min-width: 1024px) {

    .content-style hr,
    .content-wide hr,
    .content-one hr,
    .content-two-container .content-two hr,
    .content-three-container .content-three hr,
    .bio .bio-content hr,
    .articles .entry hr,
    .facts-container .facts .data-points hr,
    .event-cards-container .event-cards hr,
    .event-cards-container .event-cards .event-card hr,
    .guides hr,
    .instagram-container .instagram-posts .insta-post .insta-post-caption hr {
        margin: 20px 0
    }
}

.content-style hr.red,
.content-wide hr.red,
.content-one hr.red,
.content-two-container .content-two hr.red,
.content-three-container .content-three hr.red,
.bio .bio-content hr.red,
.articles .entry hr.red,
.facts-container .facts .data-points hr.red,
.event-cards-container .event-cards hr.red,
.guides hr.red,
.instagram-container .instagram-posts .insta-post .insta-post-caption hr.red {
    border-bottom: 5px solid #a10833
}

.content-style a:not(.btn):not(button):not(input[type=submit]),
.content-wide a:not(.btn):not(button):not(input[type=submit]),
.content-one a:not(.btn):not(button):not(input[type=submit]),
.content-two-container .content-two a:not(.btn):not(button):not(input[type=submit]),
.content-three-container .content-three a:not(.btn):not(button):not(input[type=submit]),
.bio .bio-content a:not(.btn):not(button):not(input[type=submit]),
.articles .entry a:not(.btn):not(button):not(input[type=submit]),
.facts-container .facts .data-points a:not(.btn):not(button):not(input[type=submit]),
.event-cards-container .event-cards a:not(.btn):not(button):not(input[type=submit]),
.guides a:not(.btn):not(button):not(input[type=submit]),
.instagram-container .instagram-posts .insta-post .insta-post-caption a:not(.btn):not(button):not(input[type=submit]) {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: black;
    border-bottom: 1px dotted black;
    text-decoration: none
}

.content-style a:not(.btn):not(button):not(input[type=submit]):hover,
.content-wide a:not(.btn):not(button):not(input[type=submit]):hover,
.content-one a:not(.btn):not(button):not(input[type=submit]):hover,
.content-two-container .content-two a:not(.btn):not(button):not(input[type=submit]):hover,
.content-three-container .content-three a:not(.btn):not(button):not(input[type=submit]):hover,
.bio .bio-content a:not(.btn):not(button):not(input[type=submit]):hover,
.articles .entry a:not(.btn):not(button):not(input[type=submit]):hover,
.facts-container .facts .data-points a:not(.btn):not(button):not(input[type=submit]):hover,
.event-cards-container .event-cards a:not(.btn):not(button):not(input[type=submit]):hover,
.guides a:not(.btn):not(button):not(input[type=submit]):hover,
.instagram-container .instagram-posts .insta-post .insta-post-caption a:not(.btn):not(button):not(input[type=submit]):hover {
    border-bottom: 1px solid black
}

.content-style .postmeta,
.content-wide .postmeta,
.content-one .postmeta,
.content-two-container .content-two .postmeta,
.content-three-container .content-three .postmeta,
.bio .bio-content .postmeta,
.articles .entry .postmeta,
.facts-container .facts .data-points .postmeta,
.event-cards-container .event-cards .postmeta,
.guides .postmeta,
.instagram-container .instagram-posts .insta-post .insta-post-caption .postmeta {
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid #ccc
}

.content-style .quiet,
.content-wide .quiet,
.content-one .quiet,
.content-two-container .content-two .quiet,
.content-three-container .content-three .quiet,
.bio .bio-content .quiet,
.articles .entry .quiet,
.facts-container .facts .data-points .quiet,
.event-cards-container .event-cards .quiet,
.guides .quiet,
.instagram-container .instagram-posts .insta-post .insta-post-caption .quiet {
    color: #999;
    font-style: italic
}

.content-style .quiet a,
.content-wide .quiet a,
.content-one .quiet a,
.content-two-container .content-two .quiet a,
.content-three-container .content-three .quiet a,
.bio .bio-content .quiet a,
.articles .entry .quiet a,
.facts-container .facts .data-points .quiet a,
.event-cards-container .event-cards .quiet a,
.guides .quiet a,
.instagram-container .instagram-posts .insta-post .insta-post-caption .quiet a {
    color: #777
}

.content-style .table,
.content-wide .table,
.content-one .table,
.content-two-container .content-two .table,
.content-three-container .content-three .table,
.bio .bio-content .table,
.articles .entry .table,
.facts-container .facts .data-points .table,
.event-cards-container .event-cards .table,
.guides .table,
.instagram-container .instagram-posts .insta-post .insta-post-caption .table {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    overflow: hidden;
    margin: 10px 0 25px;
    overflow-x: auto
}

.content-style table,
.content-wide table,
.content-one table,
.content-two-container .content-two table,
.content-three-container .content-three table,
.bio .bio-content table,
.articles .entry table,
.facts-container .facts .data-points table,
.event-cards-container .event-cards table,
.event-cards-container .event-cards .event-card table,
.guides table,
.instagram-container .instagram-posts .insta-post .insta-post-caption table {
    width: 100%
}

.content-style table th,
.content-wide table th,
.content-one table th,
.content-two-container .content-two table th,
.content-three-container .content-three table th,
.bio .bio-content table th,
.articles .entry table th,
.facts-container .facts .data-points table th,
.event-cards-container .event-cards table th,
.event-cards-container .event-cards .event-card table th,
.guides table th,
.instagram-container .instagram-posts .insta-post .insta-post-caption table th {
    background: #a10833;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.content-style table tr th,
.content-wide table tr th,
.content-one table tr th,
.content-two-container .content-two table tr th,
.content-three-container .content-three table tr th,
.bio .bio-content table tr th,
.articles .entry table tr th,
.facts-container .facts .data-points table tr th,
.event-cards-container .event-cards table tr th,
.event-cards-container .event-cards .event-card table tr th,
.guides table tr th,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr th,
.content-style table tr td,
.content-wide table tr td,
.content-one table tr td,
.content-two-container .content-two table tr td,
.content-three-container .content-three table tr td,
.bio .bio-content table tr td,
.articles .entry table tr td,
.facts-container .facts .data-points table tr td,
.event-cards-container .event-cards table tr td,
.event-cards-container .event-cards .event-card table tr td,
.guides table tr td,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr td {
    vertical-align: top;
    padding: 15px 30px 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 0;
    border-top: 0;
    line-height: 1.4em
}

.content-style table tr th.label,
.content-wide table tr th.label,
.content-one table tr th.label,
.content-two-container .content-two table tr th.label,
.content-three-container .content-three table tr th.label,
.bio .bio-content table tr th.label,
.articles .entry table tr th.label,
.facts-container .facts .data-points table tr th.label,
.event-cards-container .event-cards table tr th.label,
.guides table tr th.label,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr th.label,
.content-style table tr td.label,
.content-wide table tr td.label,
.content-one table tr td.label,
.content-two-container .content-two table tr td.label,
.content-three-container .content-three table tr td.label,
.bio .bio-content table tr td.label,
.articles .entry table tr td.label,
.facts-container .facts .data-points table tr td.label,
.event-cards-container .event-cards table tr td.label,
.guides table tr td.label,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr td.label {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border-left: 0
}

.content-style table tr th,
.content-wide table tr th,
.content-one table tr th,
.content-two-container .content-two table tr th,
.content-three-container .content-three table tr th,
.bio .bio-content table tr th,
.articles .entry table tr th,
.facts-container .facts .data-points table tr th,
.event-cards-container .event-cards table tr th,
.event-cards-container .event-cards .event-card table tr th,
.guides table tr th,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr th {
    border-left: 0;
    padding: 15px 20px
}

.content-style table tr:last-child td,
.content-wide table tr:last-child td,
.content-one table tr:last-child td,
.content-two-container .content-two table tr:last-child td,
.content-three-container .content-three table tr:last-child td,
.bio .bio-content table tr:last-child td,
.articles .entry table tr:last-child td,
.facts-container .facts .data-points table tr:last-child td,
.event-cards-container .event-cards table tr:last-child td,
.guides table tr:last-child td,
.instagram-container .instagram-posts .insta-post .insta-post-caption table tr:last-child td {
    border-bottom: none
}

.content-style ul.page-menu,
.content-wide ul.page-menu,
.content-one ul.page-menu,
.content-two-container .content-two ul.page-menu,
.content-three-container .content-three ul.page-menu,
.bio .bio-content ul.page-menu,
.articles .entry ul.page-menu,
.facts-container .facts .data-points ul.page-menu,
.event-cards-container .event-cards ul.page-menu,
.guides ul.page-menu,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu {
    list-style-type: none;
    padding: 0
}

.content-style ul.page-menu li a,
.content-wide ul.page-menu li a,
.content-one ul.page-menu li a,
.content-two-container .content-two ul.page-menu li a,
.content-three-container .content-three ul.page-menu li a,
.bio .bio-content ul.page-menu li a,
.articles .entry ul.page-menu li a,
.facts-container .facts .data-points ul.page-menu li a,
.event-cards-container .event-cards ul.page-menu li a,
.guides ul.page-menu li a,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a {
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: block;
    color: #233f6c;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-size: .85em;
    position: relative;
    transition: all 200ms ease-in-out;
    text-decoration: underline
}

@media only screen and (min-width: 768px) {

    .content-style ul.page-menu li a,
    .content-wide ul.page-menu li a,
    .content-one ul.page-menu li a,
    .content-two-container .content-two ul.page-menu li a,
    .content-three-container .content-three ul.page-menu li a,
    .bio .bio-content ul.page-menu li a,
    .articles .entry ul.page-menu li a,
    .facts-container .facts .data-points ul.page-menu li a,
    .event-cards-container .event-cards ul.page-menu li a,
    .guides ul.page-menu li a,
    .instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a {
        padding: 15px 0
    }
}

@media only screen and (min-width: 1024px) {

    .content-style ul.page-menu li a,
    .content-wide ul.page-menu li a,
    .content-one ul.page-menu li a,
    .content-two-container .content-two ul.page-menu li a,
    .content-three-container .content-three ul.page-menu li a,
    .bio .bio-content ul.page-menu li a,
    .articles .entry ul.page-menu li a,
    .facts-container .facts .data-points ul.page-menu li a,
    .event-cards-container .event-cards ul.page-menu li a,
    .guides ul.page-menu li a,
    .instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a {
        padding: 20px 0
    }
}

.content-style ul.page-menu li a:after,
.content-wide ul.page-menu li a:after,
.content-one ul.page-menu li a:after,
.content-two-container .content-two ul.page-menu li a:after,
.content-three-container .content-three ul.page-menu li a:after,
.bio .bio-content ul.page-menu li a:after,
.articles .entry ul.page-menu li a:after,
.facts-container .facts .data-points ul.page-menu li a:after,
.event-cards-container .event-cards ul.page-menu li a:after,
.guides ul.page-menu li a:after,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    content: "\279C";
    line-height: 20px;
    font-size: 19px;
    transition: all 200ms ease-in-out
}

.content-style ul.page-menu li a:hover,
.content-wide ul.page-menu li a:hover,
.content-one ul.page-menu li a:hover,
.content-two-container .content-two ul.page-menu li a:hover,
.content-three-container .content-three ul.page-menu li a:hover,
.bio .bio-content ul.page-menu li a:hover,
.articles .entry ul.page-menu li a:hover,
.facts-container .facts .data-points ul.page-menu li a:hover,
.event-cards-container .event-cards ul.page-menu li a:hover,
.guides ul.page-menu li a:hover,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}

.content-style ul.page-menu li a:hover:after,
.content-wide ul.page-menu li a:hover:after,
.content-one ul.page-menu li a:hover:after,
.content-two-container .content-two ul.page-menu li a:hover:after,
.content-three-container .content-three ul.page-menu li a:hover:after,
.bio .bio-content ul.page-menu li a:hover:after,
.articles .entry ul.page-menu li a:hover:after,
.facts-container .facts .data-points ul.page-menu li a:hover:after,
.event-cards-container .event-cards ul.page-menu li a:hover:after,
.guides ul.page-menu li a:hover:after,
.instagram-container .instagram-posts .insta-post .insta-post-caption ul.page-menu li a:hover:after {
    right: 0
}

.white-links a,
.content-one.red a,
.content-two-container.red a,
.content-three-container.red a {
    color: white;
    border-bottom: 1px dotted white
}

.white-links a:hover,
.content-one.red a:hover,
.content-two-container.red a:hover,
.content-three-container.red a:hover {
    border-bottom: 1px solid white
}

.container {
    min-width: 320px;
    max-width: 1920px;
    margin: 0 auto;
    background: white
}

@media only screen and (min-width: 1921px) {
    .container {
        border-left: 1px solid rgba(153, 153, 153, 0.5);
        border-right: 1px solid rgba(153, 153, 153, 0.5);
        box-shadow: 0 0 50px rgba(153, 153, 153, 0.3)
    }
}

.wrap {
    max-width: 1920px;
    margin: 0 auto
}

.content-wide {
    zoom: 1;
    padding: 20px
}

.content-wide:before,
.content-wide:after {
    content: "";
    display: table
}

.content-wide,
.content-wide:before,
.content-wide:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    .content-wide {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-wide {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-wide {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-wide {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-wide {
        padding: 45px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-wide {
        padding-top: 40px;
        padding-bottom: 60px
    }
}

.content-wide .quarter,
.content-wide .three-quarter {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .content-wide .quarter {
        width: 23%;
        margin: 0 2% 0 0
    }

    .content-wide .three-quarter {
        width: 75%;
        margin: 0
    }
}

.mobile-only {
    display: block
}

@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none
    }
}

.no-mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    .no-mobile {
        display: block
    }
}

.has-link {
    cursor: pointer
}

.pagination {
    padding: 10px 50px 30px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    display: block
}

.pagination ul li {
    display: inline-block
}

.pagination ul li .page-numbers {
    padding: 10px 10px;
    text-decoration: none;
    color: white;
    background: #999;
    display: inline-block;
    margin: 0 4px
}

.pagination ul li .page-numbers.current {
    background: #a10833
}

.pagination ul li .page-numbers:hover {
    border: 0
}

@media only screen and (min-width: 768px) {
    .quarter.sidebar {
        padding-top: 20px;
        margin-right: 3%;
        width: 21%
    }
}

.quarter.sidebar .widget-title {
    font-size: 1em;
    line-height: 1em;
    padding: 3px;
    border-bottom: 3px solid #ddd
}

.quarter.sidebar .widget_nav_menu {
    padding-bottom: 25px
}

.quarter.sidebar .widget_nav_menu ul {
    list-style: none;
    padding: 0
}

.quarter.sidebar .widget_nav_menu ul li {
    padding: 0
}

.quarter.sidebar .widget_nav_menu ul li a {
    display: block;
    padding: 4px;
    border-bottom: 3px solid #eee;
    color: #666;
    transition: color 400ms ease-in-out
}

.quarter.sidebar .widget_nav_menu ul li a:hover {
    text-decoration: none;
    color: #38914a
}

footer {
    zoom: 1;
    padding: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    background: url(../images/bg-footer.png) bottom right no-repeat;
    background-size: contain;
    font-size: .9em;
    line-height: 2em
}

footer:before,
footer:after {
    content: "";
    display: table
}

footer,
footer:before,
footer:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    footer {
        padding: 30px 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    footer {
        padding: 30px 7% 0
    }
}

@media only screen and (min-width: 1150px) {
    footer {
        padding: 30px 7% 0
    }
}

@media only screen and (min-width: 1450px) {
    footer {
        padding: 30px 7% 0
    }
}

@media only screen and (min-width: 1680px) {
    footer {
        padding: 30px 7% 0
    }
}

footer a {
    color: black
}

@media only screen and (min-width: 768px) {
    footer .footer-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

footer .footer-main .column {
    padding: 10px 0
}

@media only screen and (min-width: 768px) {
    footer .footer-main .column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 1150px) {
    footer .footer-main .column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 1450px) {
    footer .footer-main .column {
        -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
        margin-right: 2%
    }
}

@media only screen and (min-width: 1680px) {
    footer .footer-main .column {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        margin-right: 2%
    }
}

footer .footer-main .column h3 {
    color: black
}

footer .footer-main .column ul.nav-menu {
    padding: 10px 0
}

footer .footer-main .column.brand {
    text-align: center
}

footer .footer-main .column.brand .footer-logo {
    max-width: 150px
}

@media only screen and (min-width: 1150px) {
    footer .footer-main .column.brand {
        text-align: left
    }
}

@media only screen and (min-width: 1450px) {
    footer .footer-main .column.brand {
        -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
        display: -ms-flexbox;
        display: flex
    }

    footer .footer-main .column.brand .sub-column {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        margin-right: 5%;
        text-align: left
    }

    footer .footer-main .column.brand .sub-column:first-child {
        text-align: center;
        padding-top: 20px
    }
}

@media only screen and (min-width: 1680px) {
    footer .footer-main .column.brand {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%
    }
}

footer .colophon {
    margin-top: 25px;
    border-top: 1px solid black
}

@media only screen and (min-width: 1024px) {
    footer .colophon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    footer .colophon .column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

footer .colophon .column.copyright {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    footer .colophon .column.copyright {
        text-align: left;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

footer .colophon .column.copyright p {
    font-size: .85em
}

footer .colophon .column.social {
    padding: 20px 40px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    footer .colophon .column.social {
        border-left: 1px solid black
    }
}

@media only screen and (min-width: 1450px) {
    footer .colophon .column.social {
        padding: 20px 0;
        text-align: right
    }
}

footer .colophon .column.social a {
    display: inline-block;
    border: 1px solid black;
    border-radius: 50%;
    padding: 12px;
    margin-left: 4%
}

footer .colophon .column.social a img {
    width: 22px;
    display: block
}

footer .colophon .column.social a:hover {
    opacity: .6
}

@media only screen and (min-width: 600px) {
    .event .event-header {
        display: -ms-flexbox;
        display: flex
    }
}

.event .event-header .event-thumbnail {
    background: url(../images/bg-page-header.webp) center center no-repeat;
    background-size: cover;
    min-height: 150px
}

@media only screen and (min-width: 600px) {
    .event .event-header .event-thumbnail {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media only screen and (min-width: 768px) {
    .event .event-header .event-thumbnail {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        min-height: 250px
    }
}

.event .event-header .event-info {
    background: #999;
    padding: 20px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 600px) {
    .event .event-header .event-info {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

@media only screen and (min-width: 600px) {
    .event .event-header .event-info {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }
}

.event-list {
    padding: 20px 0
}

.event-list .event {
    position: relative;
    padding-left: 100px;
    padding-bottom: 30px;
    min-height: 120px
}

.event-list .event .event-date-month {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

.event-list .event .event-date-day {
    position: absolute;
    left: 0;
    top: 25px;
    width: 80px;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;
    line-height: 50px;
    text-align: center
}

.event-list .event .event-date-year {
    position: absolute;
    left: 0;
    top: 80px;
    width: 80px;
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

.event-list .event h3 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0
}

.event-list .event .event-location {
    opacity: .7;
    padding: 4px 0
}

.event-list .event .event-excerpt {
    font-size: .9em
}

.event-list .event .event-excerpt .btn,
.event-list .event .event-excerpt button,
.event-list .event .event-excerpt input[type=submit],
.event-list .event .event-excerpt .gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer .event-list .event .event-excerpt input[type=button],
.event-list .event .event-excerpt .gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer .event-list .event .event-excerpt input[type=reset],
.event-list .event .event-excerpt .gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .event-list .event .event-excerpt button {
    margin-top: 7px
}

.calendar-container {
    zoom: 1
}

.calendar-container:before,
.calendar-container:after {
    content: "";
    display: table
}

.calendar-container,
.calendar-container:before,
.calendar-container:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    .calendar-container {
        display: -ms-flexbox;
        display: flex
    }
}

.calendar-container .calendar-grid {
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-grid {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        padding-right: 6%
    }
}

.calendar-container .calendar-grid h4 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center
}

.calendar-container .calendar-grid .month-nav {
    padding: 8px 10px 12px;
    color: #2b2b2b;
    text-decoration: none;
    float: left;
    cursor: pointer;
    border-bottom: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 400ms ease-in-out;
    font-size: .7em
}

@media only screen and (min-width: 1024px) {
    .calendar-container .calendar-grid .month-nav {
        font-size: .8em
    }
}

.calendar-container .calendar-grid .month-nav.next {
    float: right
}

.calendar-container .calendar-grid .month-nav:hover {
    color: #233f6c
}

.calendar-container .calendar-grid .event-category-switcher-container {
    padding: 20px 0 10px
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-grid .event-category-switcher-container {
        padding: 40px 0
    }
}

.calendar-container .calendar-grid .event-category-switcher-container label {
    display: block;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center
}

.calendar-container .calendar-grid .event-category-switcher-container select {
    display: block;
    width: 100%;
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-grid .event-category-switcher-container select {
        margin: 20px 0 10px
    }
}

.calendar-container .calendar-grid .event-category-switcher-container .clear-category-filter {
    display: block;
    border-bottom: 0;
    padding: 5px 0 5px;
    text-align: center;
    color: #a10833
}

.calendar-container .calendar-grid .event-category-switcher-container .clear-category-filter:hover {
    border-bottom: 0
}

.calendar-container .calendar-grid .calendar {
    border-top: 1px solid rgba(102, 102, 102, 0.2) !important;
    border-left: 1px solid rgba(102, 102, 102, 0.2) !important;
    width: 100%
}

.calendar-container .calendar-grid .calendar td {
    width: 14.58%;
    padding: 12px 4px;
    text-align: center;
    border-right: 1px solid rgba(102, 102, 102, 0.2) !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2) !important;
    color: #233f6c;
    font-size: .8em;
    line-height: 1em;
    cursor: inherit
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-grid .calendar td {
        padding: 18px 12px
    }
}

@media only screen and (min-width: 1024px) {
    .calendar-container .calendar-grid .calendar td {
        font-size: .9em;
        padding: 20px 12px
    }
}

.calendar-container .calendar-grid .calendar td.calendar-day-head {
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #233f6c;
    color: white;
    text-transform: uppercase;
    font-size: .7em
}

.calendar-container .calendar-grid .calendar td.has-events {
    cursor: pointer;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal
}

.calendar-container .calendar-grid .calendar td.calendar-day:hover {
    background: #eee
}

.calendar-container .calendar-grid .calendar td.calendar-day.current-day {
    background: #f5f5f5
}

.calendar-container .calendar-grid .calendar td.calendar-day.current-day:hover {
    background: #eee
}

.calendar-container .calendar-event-list {
    padding-top: 20px
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-event-list {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 66.6666%;
        flex-basis: 66.6666%;
        padding-top: 0
    }
}

.calendar-container .calendar-event-list .calendar-event-list-title {
    padding: 0 0 10px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.2);
    margin-bottom: 10px
}

.calendar-container .calendar-event-list .calendar-event-list-title h4 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #233f6c
}

.calendar-container .calendar-event-list .clear-filter {
    display: none;
    color: #a10833 !important;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 15px;
    cursor: pointer
}

.calendar-container .calendar-event-list .event {
    padding-bottom: 20px;
    line-height: 1.4em
}

.calendar-container .calendar-event-list .event.hide {
    display: none
}

.calendar-container .calendar-event-list .event .event-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #233f6c
}

.calendar-container .calendar-event-list .event .event-time {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: .8em;
    color: #444
}

.calendar-container .calendar-event-list .event .event-description {
    font-size: .8em;
    line-height: 1.3em
}

@media only screen and (min-width: 768px) {
    .calendar-container .calendar-event-list .event .event-title {
        font-size: 1.2em;
        line-height: 1.5em
    }
}

.single-post .content-two,
.single-event .content-two {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {

    .single-post .content-two .column.one,
    .single-event .content-two .column.one {
        -ms-flex-preferred-size: 65% !important;
        flex-basis: 65% !important;
        margin-right: 6% !important
    }
}

.single-post .content-two .sidebar .box,
.single-event .content-two .sidebar .box {
    background: #eeeae3;
    margin-bottom: 30px
}

.single-post .content-two .sidebar .box .box-header,
.single-event .content-two .sidebar .box .box-header {
    background: #233f6c;
    padding: 17px 20px 15px;
    color: white
}

.single-post .content-two .sidebar .box .box-header.red,
.single-event .content-two .sidebar .box .box-header.red {
    background: #a10833
}

.single-post .content-two .sidebar .box .box-header h4,
.single-event .content-two .sidebar .box .box-header h4 {
    text-transform: uppercase;
    font-size: 1.2em
}

.single-post .content-two .sidebar .box .box-content,
.single-event .content-two .sidebar .box .box-content {
    padding: 15px 20px
}

.single-post .content-two .sidebar .box .box-content .date,
.single-event .content-two .sidebar .box .box-content .date {
    padding: 4px 0 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: .9em;
    opacity: .5
}

@media only screen and (min-width: 600px) {

    .single-post img.alignright,
    .single-post .post-thumbnail,
    .single-post .wp-caption.alignright,
    .single-event img.alignright,
    .single-event .post-thumbnail,
    .single-event .wp-caption.alignright {
        float: right;
        max-width: 50%;
        margin: 15px 0 35px 35px
    }
}

.single-post .wp-caption-text,
.single-event .wp-caption-text {
    font-size: .8em
}

.search-pane {
    position: fixed;
    z-index: 10001;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 26%;
    min-width: 300px;
    transition: all 300ms ease-in-out;
    background: white;
    overflow: auto;
    padding: 85px 20px 20px 20px
}

.search-pane.open {
    right: 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4)
}

.search-pane .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    color: transparent;
    background: url(../images/icon-close-black.webp) right center no-repeat;
    background-size: contain;
    opacity: .5;
    border: 0;
    transition: color 400ms ease-in-out, padding-right 400ms ease-in-out, width 400ms ease-in-out;
    text-align: right;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer
}

.search-pane .close:hover {
    opacity: .7
}

@media only screen and (min-width: 768px) {
    .search-pane .close {
        font-family: "Montserrat", sans-serif;
        font-weight: 400
    }

    .search-pane .close:hover {
        width: 130px;
        padding-right: 50px;
        color: rgba(0, 0, 0, 0.8)
    }
}

.admin-bar .search-pane {
    top: 32px
}

.search-pane input[type=text] {
    width: 100%;
    padding: 10px 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    border: 2px solid #888
}

.search-pane input[type=text]:focus {
    border: 2px solid #a10833
}

.search-pane ::-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.search-pane :-ms-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.search-pane ::placeholder {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

.search-pane button[type=submit] {
    display: none
}

.search-pane h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .9em;
    letter-spacing: 1px;
    padding: 40px 10px 10px 10px;
    color: #8c8c8c
}

.search-pane .popular-searches a {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 5px 10px
}

.search-list .searchform label {
    display: block;
    padding: 3px 0
}

@media only screen and (min-width: 768px) {
    .search-list .searchform label {
        display: inline-block;
        padding: 0;
        margin: 0 5px
    }
}

.search-list .searchform input[type=submit] {
    margin: 5px 0 0
}

@media only screen and (min-width: 768px) {
    .search-list .searchform input[type=submit] {
        margin: 0 0 0 10px
    }
}

.search-list .entries {
    margin: 20px 0 0 0
}

@media only screen and (min-width: 1024px) {
    .search-list .entries {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }
}

.search-list .entry {
    border: 3px solid #999;
    padding: 20px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .search-list .entry {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin: 0 3% 3% 0
    }
}

@media only screen and (min-width: 1220px) {
    .search-list .entry {
        -ms-flex-preferred-size: 30.3333%;
        flex-basis: 30.3333%;
        margin: 0 3% 3% 0
    }
}

.search-list .entry:before {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #999;
    padding: 6px 12px;
    font-size: .8em;
    line-height: 1em;
    opacity: .8
}

.search-list .entry.post:before {
    content: 'ARTICLE'
}

.search-list .entry.page:before {
    content: 'PAGE'
}

.search-list .entry.event:before {
    content: 'EVENT'
}

.search-list .entry.people:before {
    content: 'PERSON'
}

.search-list .entry.guide:before {
    content: 'RESEARCH GUIDE'
}

.search-list .post-category {
    display: inline-block;
    background: #999;
    padding: 5px 8px;
    font-size: .9em
}

.alumni-container {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .alumni-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .alumni-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .alumni-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .alumni-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .alumni-container {
        padding: 45px 7%
    }
}

@media only screen and (min-width: 1024px) {
    .class-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .class-header .class-header-column {
        -ms-flex: 1;
        flex: 1
    }

    .class-header .alum-buttons {
        text-align: right
    }
}

.class-information {
    clear: both;
    position: relative;
    padding: 5px 0 15px
}

.class-information .alum-facebook {
    position: absolute;
    top: 10px;
    right: 0
}

@media only screen and (min-width: 768px) {
    .class-information {
        display: -ms-flexbox;
        display: flex;
        margin-right: -2%
    }

    .class-information .column {
        -ms-flex: 1;
        flex: 1;
        margin-right: 2%
    }
}

.class-information .class-photo {
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.class-information .reunion-photo {
    float: left;
    width: 90%;
    padding-left: 40px;
    position: relative;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .class-information .reunion-photo {
        margin: 25px 0
    }
}

.class-information .reunion-photo a {
    color: #a10833;
    text-decoration: none
}

.class-information .class-facebook {
    padding: 12px 0
}

.class-information .class-facebook a {
    zoom: 1;
    opacity: .6
}

.class-information .class-facebook a:before,
.class-information .class-facebook a:after {
    content: "";
    display: table
}

.class-information .class-facebook a,
.class-information .class-facebook a:before,
.class-information .class-facebook a:after {
    clear: both
}

.class-information .class-facebook a:hover {
    opacity: .9
}

.class-information .class-facebook a img {
    float: left;
    padding-left: 7px
}

.class-information .class-facebook a span {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    padding: 10px 8px;
    color: #666;
    text-transform: uppercase;
    font-size: .9em
}

.class-information .class-memory-book {
    float: left;
    width: 90%;
    padding-left: 40px;
    position: relative;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .class-information .class-memory-book {
        margin: 25px 0
    }
}

.class-information .class-memory-book a {
    color: #a10833;
    text-decoration: none
}

.class-information .class-memory-book span {
    display: block;
    color: gray;
    font-size: .8em;
    line-height: 1em
}

.class-information .class-green-list {
    float: left;
    width: 90%;
    padding-left: 40px;
    position: relative;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .class-information .class-green-list {
        margin: 25px 0
    }
}

.class-information .class-green-list a {
    color: #a10833;
    text-decoration: none
}

.class-information .class-green-list span {
    display: block;
    color: gray;
    font-size: .8em;
    line-height: 1em
}

.alum-listing a {
    text-decoration: none
}

.alum-listing a:hover .alum .alum-category {
    opacity: 1
}

@media only screen and (min-width: 600px) {
    .alum-listing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }
}

.alum-listing .alum {
    border: 1px solid #888;
    background: white;
    position: relative;
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .alum-listing .alum {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        float: left;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin: 0 3% 3% 0;
        min-height: 450px
    }
}

@media only screen and (min-width: 768px) {
    .alum-listing .alum {
        -ms-flex-preferred-size: 30.3333%;
        flex-basis: 30.3333%
    }
}

@media only screen and (min-width: 1150px) {
    .alum-listing .alum {
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%
    }
}

@media only screen and (min-width: 1450px) {
    .alum-listing .alum {
        -ms-flex-preferred-size: 17%;
        flex-basis: 17%
    }
}

.alum-listing .alum .photo {
    padding: 0 0 10px 0
}

.alum-listing .alum .info {
    font-size: .85em;
    line-height: 1.4em;
    padding: 10px 10px 50px 10px
}

.alum-listing .alum .info h5 {
    line-height: 1.4em;
    font-weight: 700;
    color: #a10833;
    padding: 0
}

.alum-listing .alum .info .quiet {
    padding: 6px 0
}

.alum-listing .alum .info .alum-year {
    float: left;
    width: 48%;
    padding-left: 20px;
    position: relative;
    margin: 5px 0 5px 2%
}

.alum-listing .alum .info .alum-location {
    float: left;
    width: 48%;
    padding-left: 20px;
    position: relative;
    margin: 5px 2% 5px 0
}

.alum-listing .alum .alum-category {
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #a6a6a6;
    color: #666;
    padding: 10px 0 10px 35px;
    font-weight: 700;
    margin-top: 5px;
    opacity: .7;
    transition: opacity 400ms ease-in-out;
    border-top: 1px solid #666
}

.alum-details {
    position: relative;
    background: white;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 40px auto
}

.alum-details h3 {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

@media only screen and (min-width: 500px) {
    .alum-details h5 {
        float: left;
        width: 60%;
        padding: 22px 0 15px 5px
    }
}

@media only screen and (min-width: 500px) {
    .alum-details .details-photo {
        float: left;
        width: 35%;
        margin: 0 15px 10px 0
    }
}

.alum-details .alum-year {
    float: left;
    width: 60%;
    padding-left: 20px;
    position: relative;
    margin: 5px 0
}

@media only screen and (min-width: 500px) {
    .alum-details .alum-year {
        margin: 10px 0;
        padding-left: 30px
    }
}

.alum-details .alum-location {
    float: left;
    width: 60%;
    padding-left: 20px;
    position: relative;
    margin: 5px 0
}

@media only screen and (min-width: 500px) {
    .alum-details .alum-location {
        margin: 10px 0;
        padding-left: 30px
    }
}

.alum-details .alum-category {
    float: left;
    width: 60%;
    padding-left: 20px;
    position: relative;
    margin: 5px 0
}

@media only screen and (min-width: 500px) {
    .alum-details .alum-category {
        margin: 10px 0;
        padding-left: 30px
    }
}

.alum-details .details-content {
    clear: both;
    border-top: 1px solid #eee
}

.alum-filter {
    padding: 15px;
    background-color: #eee;
    margin: 15px 0;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold
}

@media only screen and (min-width: 1024px) {
    .alum-filter {
        padding: 15px 30px
    }
}

.alum-filter input[type=text],
.alum-filter select {
    font-size: 15px;
    line-height: 17px;
    padding: 10px 15px;
    display: block;
    border: 2px solid rgba(0, 0, 0, 0.15);
    margin: 0 0 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 1024px) {

    .alum-filter input[type=text],
    .alum-filter select {
        display: inline;
        margin: 0 20px 0 5px
    }
}

.alum-filter input[type=text] {
    padding: 12px 15px
}

.alum-filter input[type=submit] {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 15px
}

.year-more-details {
    display: none
}

.class-title {
    color: #a10833;
    font-weight: 700;
    opacity: 1
}

.class-title {
    display: block
}

@media only screen and (min-width: 600px) {
    .class-title {
        display: inline
    }
}

.alum-banner-container {
    position: relative
}

.alum-banner-container p {
    padding: 0
}

.alum-banner-container .alum-banner-content {
    position: absolute;
    top: 5%;
    left: 25%;
    right: 25%;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .alum-banner-container .alum-banner-content {
        top: 15%
    }
}

@media only screen and (min-width: 960px) {
    .alum-banner-container .alum-banner-content {
        top: 20%
    }
}

.alum-banner-container h1 {
    font-weight: 700;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: white;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    text-transform: uppercase
}

@media only screen and (min-width: 600px) {
    .alum-banner-container h1 {
        font-size: 15px;
        line-height: 18px
    }
}

@media only screen and (min-width: 768px) {
    .alum-banner-container h1 {
        font-size: 26px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .alum-banner-container h1 {
        font-size: 38px;
        line-height: 45px
    }
}

.alum-banner-container img {
    width: 100%
}

.alum-banner-container img.alum-banner {
    display: none
}

@media only screen and (min-width: 768px) {
    .alum-banner-container img.alum-banner {
        display: block
    }

    .alum-banner-container img.alum-banner-small {
        display: none
    }
}

.alum-banner-container .alum-banner-button {
    padding: 3px 7px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid white;
    color: white;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width: 600px) {
    .alum-banner-container .alum-banner-button {
        font-size: 15px;
        padding: 5px 10px
    }
}

@media only screen and (min-width: 768px) {
    .alum-banner-container .alum-banner-button {
        font-size: 18px;
        padding: 6px 12px 7px;
        margin-top: 15px;
        font-weight: 400
    }
}

@media only screen and (min-width: 1024px) {
    .alum-banner-container .alum-banner-button {
        font-size: 22px
    }
}

.alum-banner-container a:hover .alum-banner-button {
    background: #233f6c
}

.slides-container {
    position: relative;
    z-index: 1
}

.slides-container .slides {
    zoom: 1;
    position: relative;
    transition: height 300ms ease-in-out;
    background: #eee;
    z-index: 2;
    height: 400px
}

.slides-container .slides:before,
.slides-container .slides:after {
    content: "";
    display: table
}

.slides-container .slides,
.slides-container .slides:before,
.slides-container .slides:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    .slides-container .slides {
        height: 500px
    }
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides {
        height: 650px
    }
}

@media only screen and (min-width: 1220px) {
    .slides-container .slides {
        height: 800px
    }
}

.slides-container .slides .slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 400ms ease-in-out, padding 400ms ease-in-out;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
    z-index: 3;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .slides-container .slides .slide {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides .slide {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .slides-container .slides .slide {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .slides-container .slides .slide {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .slides-container .slides .slide {
        padding: 45px 7%
    }
}

.slides-container .slides .slide.has-link {
    cursor: pointer
}

.slides-container .slides .slide video {
    display: none
}

@media only screen and (min-width: 1025px) {
    .slides-container .slides .slide video {
        position: absolute;
        z-index: 5;
        display: block;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        overflow: hidden
    }
}

.slides-container .slides .slide.visible {
    opacity: 1;
    z-index: 4
}

.slides-container .slides .slide .slide-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none
}

.slides-container .slides .slide .slide-content {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    color: white;
    pointer-events: none;
    z-index: 6;
    text-align: center;
    padding: 20px 40px
}

@media only screen and (min-width: 768px) {
    .slides-container .slides .slide .slide-content {
        padding: 25px 30% 40px 30px;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides .slide .slide-content {
        padding: 25px 30% 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .slides-container .slides .slide .slide-content {
        padding: 30px 30% 50px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .slides-container .slides .slide .slide-content {
        padding: 35px 35% 50px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .slides-container .slides .slide .slide-content {
        padding: 45px 40% 70px 7%
    }
}

.slides-container .slides .slide .slide-content .wrap {
    min-width: auto
}

@media only screen and (min-width: 768px) {
    .slides-container .slides .slide .slide-content {
        position: absolute;
        bottom: 0
    }
}

.slides-container .slides .slide .slide-content h1 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    padding: 0;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 30px
}

@media only screen and (min-width: 500px) {
    .slides-container .slides .slide .slide-content h1 {
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (min-width: 768px) {
    .slides-container .slides .slide .slide-content h1 {
        font-size: 40px;
        line-height: 50px
    }
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides .slide .slide-content h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media only screen and (min-width: 1150px) {
    .slides-container .slides .slide .slide-content h1 {
        font-size: 60px;
        line-height: 70px
    }
}

@media only screen and (min-width: 1450px) {
    .slides-container .slides .slide .slide-content h1 {
        font-size: 70px;
        line-height: 80px
    }
}

.slides-container .slides .slide .slide-content p {
    color: white;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4)
}

.slides-container .slides .slides-nav {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: auto;
    height: 46px;
    margin-left: -44px;
    padding: 2px;
    z-index: 7;
    text-align: center;
    border: 1px solid white;
    border-radius: 24px
}

@media only screen and (min-width: 768px) {
    .slides-container .slides .slides-nav {
        left: auto;
        right: 100px;
        border-radius: 24px;
        height: 48px
    }
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides .slides-nav {
        bottom: 50px
    }
}

.slides-container .slides .slides-nav a {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-indent: -300px;
    overflow: hidden;
    color: black;
    z-index: 1001
}

@media only screen and (min-width: 1024px) {
    .slides-container .slides .slides-nav a {
        width: 42px;
        height: 42px
    }
}

.slides-container .slides .slides-nav a:hover {
    border: none
}

.slides-container .slides .slides-nav a.previous {
    left: 0;
    background: url(../images/icon-arrow-left.png) center center no-repeat;
    background-size: contain
}

.slides-container .slides .slides-nav a.previous:hover {
    background-image: url(../images/icon-arrow-left-hover.png)
}

.slides-container .slides .slides-nav a.next {
    right: 0;
    background: url(../images/icon-arrow-right.png) center center no-repeat;
    background-size: contain
}

.slides-container .slides .slides-nav a.next:hover {
    background-image: url(../images/icon-arrow-right-hover.png)
}

.hero-photo {
    background-color: black
}

.hero-photo,
.photo {
    position: relative
}

.hero-photo img,
.photo img {
    display: block
}

.hero-photo.with-content,
.photo.with-content {
    background: center center no-repeat;
    background-size: cover
}

.hero-photo.with-content .hero-photo,
.photo.with-content .hero-photo {
    display: none
}

.hero-photo.with-content:before,
.photo.with-content:before {
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none
}

.hero-photo.with-content .hero-content-container,
.photo.with-content .hero-content-container {
    position: relative;
    z-index: 10;
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end
}

.hero-photo.with-content .hero-content-container .hero-content,
.photo.with-content .hero-content-container .hero-content {
    -ms-flex: 1;
    flex: 1;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 20px
}

@media only screen and (min-width: 768px) {

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding: 45px 7%
    }
}

@media only screen and (min-width: 1024px) {

    .hero-photo.with-content .hero-photo,
    .photo.with-content .hero-photo {
        display: block
    }

    .hero-photo.with-content .hero-content-container,
    .photo.with-content .hero-content-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-height: 0
    }

    .hero-photo.with-content .hero-content-container .hero-content,
    .photo.with-content .hero-content-container .hero-content {
        padding-right: 40%
    }
}

.photo {
    padding: 12px 0
}

.accordions {
    padding: 15px 0
}

.accordions .accordion {
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.5)
}

.accordions .accordion .accordion-handle {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    position: relative;
    background-color: #666;
    color: white;
    padding: 15px 10px 15px 20px;
    cursor: pointer;
    font-size: 1.1em
}

.accordions .accordion .accordion-handle:hover {
    color: white;
    cursor: pointer
}

.accordions .accordion .accordion-handle:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    content: "\279C";
    transform: rotate(90deg);
    font-size: 20px;
    line-height: 1em;
    pointer-events: none;
    text-align: center;
    vertical-align: middle;
    color: white;
    transition: transform 300ms ease-in-out
}

.accordions .accordion .accordion-content {
    display: none
}

.accordions .accordion.red .accordion-handle {
    background-color: #a10833
}

.accordions .accordion.blue .accordion-handle {
    background-color: #233f6c
}

.accordions .accordion.tan .accordion-handle {
    background-color: #eeeae3
}

.accordions .accordion.open .accordion-handle:after {
    transform: rotate(270deg)
}

.accordions .accordion.open .accordion-content {
    display: block;
    padding: 10px 20px
}

@media only screen and (min-width: 480px) {
    .accordions .accordion.open .accordion-content {
        padding: 10px 20px 20px 20px
    }
}

.title-container {
    background: #a10833
}

.title-container h1,
.title-container h2,
.title-container h3,
.title-container h4,
.title-container h5 {
    font-size: 2em;
    line-height: 1em;
    color: #233f6c;
    color: white;
    text-transform: uppercase
}

.title-container h1 span,
.title-container h2 span,
.title-container h3 span,
.title-container h4 span,
.title-container h5 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {

    .title-container h1,
    .title-container h2,
    .title-container h3,
    .title-container h4,
    .title-container h5 {
        font-size: 2.6em
    }
}

@media only screen and (min-width: 1150px) {

    .title-container h1,
    .title-container h2,
    .title-container h3,
    .title-container h4,
    .title-container h5 {
        font-size: 2.9em
    }
}

.title-container h1 span,
.title-container h2 span,
.title-container h3 span,
.title-container h4 span,
.title-container h5 span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    opacity: .5
}

.title-container.large .title,
.title-container.large-menu .title {
    padding: 20px
}

@media only screen and (min-width: 768px) {

    .title-container.large .title,
    .title-container.large-menu .title {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {

    .title-container.large .title,
    .title-container.large-menu .title {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {

    .title-container.large .title,
    .title-container.large-menu .title {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {

    .title-container.large .title,
    .title-container.large-menu .title {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {

    .title-container.large .title,
    .title-container.large-menu .title {
        padding: 80px 7%
    }
}

.title-container.tan {
    background: #eeeae3
}

.title-container.tan h1,
.title-container.tan h2,
.title-container.tan h3,
.title-container.tan h4,
.title-container.tan h5 {
    color: #233f6c
}

@media only screen and (min-width: 1150px) {
    .title-container.columns .title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .title-container.columns .title h1,
    .title-container.columns .title .section-nav {
        -ms-flex: 1;
        flex: 1
    }

    .title-container.columns .title h1 {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        padding-right: 3%
    }

    .title-container.columns .title .section-nav {
        margin-top: 0;
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%
    }

    .title-container.columns .title .section-nav ul li {
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 768px) {
    .title-container.count-1 .title .section-nav ul {
        display: block
    }
}

@media only screen and (min-width: 1150px) {

    .title-container.count-1 .title h1,
    .title-container.count-1 .title .section-nav {
        -ms-flex: 1;
        flex: 1
    }

    .title-container.count-1 .title h1 {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        padding-right: 3%
    }

    .title-container.count-1 .title .section-nav {
        margin-top: 0;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }

    .title-container.count-1 .title .section-nav ul {
        display: block
    }

    .title-container.count-1 .title .section-nav ul li {
        margin-right: 0
    }
}

.title-container .title {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .title-container .title {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .title-container .title {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .title-container .title {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .title-container .title {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .title-container .title {
        padding: 45px 7%
    }
}

.title-container .title .section-nav {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .title-container .title .section-nav {
        border-top: none;
        margin-top: 15px
    }
}

@media only screen and (min-width: 768px) {
    .title-container .title .section-nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }
}

@media only screen and (min-width: 768px) {
    .title-container .title .section-nav ul li {
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 1024px) {
    .title-container .title .section-nav ul li {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        margin-right: 3.3333%
    }
}

.title-container .title .section-nav ul li a {
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: block;
    color: white;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: .85em;
    position: relative;
    transition: all 200ms ease-in-out
}

@media only screen and (min-width: 768px) {
    .title-container .title .section-nav ul li a {
        padding: 15px 0
    }
}

@media only screen and (min-width: 1024px) {
    .title-container .title .section-nav ul li a {
        padding: 20px 0
    }
}

.title-container .title .section-nav ul li a:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    content: "\279C";
    line-height: 20px;
    font-size: 19px;
    transition: all 200ms ease-in-out
}

.title-container .title .section-nav ul li a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}

.title-container .title .section-nav ul li a:hover:after {
    right: 0
}

.section-title-container {
    padding: 20px;
    background: white
}

@media only screen and (min-width: 768px) {
    .section-title-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .section-title-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .section-title-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .section-title-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .section-title-container {
        padding: 45px 7%
    }
}

.section-title-container.tan {
    background: #eeeae3
}

.section-title-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .section-title-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .section-title-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .section-title-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .section-title-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .section-title-container.pad-tall {
        padding: 80px 7%
    }
}

.section-title-container.pad-no-bottom {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .section-title-container.pad-no-bottom {
        padding: 40px 30px 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .section-title-container.pad-no-bottom {
        padding: 50px 7% 0 7%
    }
}

@media only screen and (min-width: 1150px) {
    .section-title-container.pad-no-bottom {
        padding: 60px 7% 0 7%
    }
}

@media only screen and (min-width: 1450px) {
    .section-title-container.pad-no-bottom {
        padding: 70px 7% 0 7%
    }
}

@media only screen and (min-width: 1680px) {
    .section-title-container.pad-no-bottom {
        padding: 80px 7% 0 7%
    }
}

@media only screen and (min-width: 768px) {
    .section-title-container {
        display: -ms-flexbox;
        display: flex
    }
}

.section-title-container .section-title h2,
.section-title-container .section-title h3,
.section-title-container .section-title h4,
.section-title-container .section-title h5,
.section-title-container .section-title h6 {
    font-size: 2em;
    line-height: 1em;
    color: #233f6c;
    text-transform: uppercase
}

.section-title-container .section-title h2 span,
.section-title-container .section-title h3 span,
.section-title-container .section-title h4 span,
.section-title-container .section-title h5 span,
.section-title-container .section-title h6 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {

    .section-title-container .section-title h2,
    .section-title-container .section-title h3,
    .section-title-container .section-title h4,
    .section-title-container .section-title h5,
    .section-title-container .section-title h6 {
        font-size: 2.6em
    }
}

@media only screen and (min-width: 1150px) {

    .section-title-container .section-title h2,
    .section-title-container .section-title h3,
    .section-title-container .section-title h4,
    .section-title-container .section-title h5,
    .section-title-container .section-title h6 {
        font-size: 2.9em
    }
}

@media only screen and (min-width: 768px) {

    .section-title-container .section-title,
    .section-title-container .section-intro {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-right: 9%
    }

    .section-title-container .section-title:last-child,
    .section-title-container .section-intro:last-child {
        margin-right: 0
    }
}

.section-title-container .section-title p.supertitle,
.section-title-container .section-intro p.supertitle {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    padding: 0;
    color: #233f6c;
    border-bottom: 1px solid black;
    display: inline-block;
    margin-bottom: 15px
}

.content-area {
    padding: 12px 0
}

.content-one {
    padding: 20px;
    background: white;
    color: black
}

@media only screen and (min-width: 768px) {
    .content-one {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-one {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-one {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-one {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-one {
        padding: 45px 7%
    }
}

.content-one.pad-none {
    padding: 0 !important
}

.content-one.pad-side {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-one.pad-side {
        padding: 0 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    .content-one.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1150px) {
    .content-one.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1450px) {
    .content-one.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1680px) {
    .content-one.pad-side {
        padding: 0 7% 0
    }
}

.content-one.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-one.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-one.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-one.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-one.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-one.pad-tall {
        padding: 80px 7%
    }
}

.content-one.pad-no-bottom {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-one.pad-no-bottom {
        padding: 40px 30px 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-one.pad-no-bottom {
        padding: 50px 7% 0 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-one.pad-no-bottom {
        padding: 60px 7% 0 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-one.pad-no-bottom {
        padding: 70px 7% 0 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-one.pad-no-bottom {
        padding: 80px 7% 0 7%
    }
}

.content-one.red {
    background: #a10833;
    color: white
}

.content-one.tan {
    background: #eeeae3
}

.content-one.narrow .content-one-inner {
    max-width: 1024px;
    margin: 0 auto
}

.content-two-container {
    background: white;
    color: black;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-two-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-two-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-two-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-two-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-two-container {
        padding: 45px 7%
    }
}

.content-two-container.pad-none {
    padding: 0 !important
}

.content-two-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-two-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-two-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-two-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-two-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-two-container.pad-tall {
        padding: 80px 7%
    }
}

.content-two-container.pad-side {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-two-container.pad-side {
        padding: 0 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    .content-two-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1150px) {
    .content-two-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1450px) {
    .content-two-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1680px) {
    .content-two-container.pad-side {
        padding: 0 7% 0
    }
}

.content-two-container.red {
    background: #a10833;
    color: white
}

.content-two-container.tan {
    background: #eeeae3
}

.content-two-container .content-two.vcenter {
    -ms-flex-align: center;
    align-items: center
}

.content-two-container .content-two .column {
    padding: 15px 0
}

@media only screen and (min-width: 768px) {
    .content-two-container .content-two .column {
        padding: 0
    }
}

.content-two-container .content-two.border .column {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    padding: 25px;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .content-two-container .content-two {
        display: -ms-flexbox;
        display: flex
    }

    .content-two-container .content-two .column {
        -ms-flex: 1;
        flex: 1
    }

    .content-two-container .content-two.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .content-two-container .content-two.reverse.equal .column.one {
        margin-right: 0;
        margin-left: 10%
    }

    .content-two-container .content-two.equal .column.one {
        margin-right: 9%
    }

    .content-two-container .content-two.narrow {
        max-width: 1220px;
        margin: 0 auto
    }

    .content-two-container .content-two.right .column:first-child {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
        margin-right: 9%
    }

    .content-two-container .content-two.right .column:nth-child(2) {
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%
    }

    .content-two-container .content-two.left .column:first-child {
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
        margin-right: 9%
    }

    .content-two-container .content-two.left .column:nth-child(2) {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }

    .content-two-container .content-two.border .column:first-child {
        margin-right: 5%
    }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
    .content-two-container .content-two.border .column {
        padding: 35px
    }
}

.content-three-container {
    padding: 20px;
    background: white
}

@media only screen and (min-width: 768px) {
    .content-three-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-three-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-three-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-three-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-three-container {
        padding: 45px 7%
    }
}

.content-three-container.pad-none {
    padding: 0 !important
}

.content-three-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-three-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .content-three-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .content-three-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .content-three-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .content-three-container.pad-tall {
        padding: 80px 7%
    }
}

.content-three-container.pad-side {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .content-three-container.pad-side {
        padding: 0 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    .content-three-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1150px) {
    .content-three-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1450px) {
    .content-three-container.pad-side {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1680px) {
    .content-three-container.pad-side {
        padding: 0 7% 0
    }
}

.content-three-container.red {
    background: #a10833;
    color: white
}

.content-three-container.tan {
    background: #eeeae3
}

@media only screen and (min-width: 1150px) {
    .content-three-container .content-three {
        display: -ms-flexbox;
        display: flex
    }
}

.content-three-container .content-three.red {
    background: #a10833;
    color: white
}

.content-three-container .content-three .column {
    margin-bottom: 10px
}

@media only screen and (min-width: 1150px) {
    .content-three-container .content-three .column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 28.3333%;
        flex-basis: 28.3333%;
        margin-right: 5%
    }

    .content-three-container .content-three .column:last-child {
        margin-right: 0
    }
}

.content-three-container .content-three.border .column {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    padding: 25px
}

@media only screen and (min-width: 1150px) {
    .content-three-container .content-three.border .column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 30.3333%;
        flex-basis: 30.3333%;
        margin-right: 3%;
        padding: 35px
    }

    .content-three-container .content-three.border .column:last-child {
        margin-right: 0
    }
}

.stats-container {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .stats-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .stats-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .stats-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .stats-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .stats-container {
        padding: 45px 7%
    }
}

.stats-container.tan {
    background: #eeeae3
}

.stats-container .statistics {
    padding-top: 30px
}

@media only screen and (min-width: 768px) {
    .stats-container .statistics {
        display: -ms-flexbox;
        display: flex
    }

    .stats-container .statistics .stat {
        -ms-flex: 1;
        flex: 1;
        padding: 20px
    }
}

.stats-container .statistics .stat {
    text-align: center
}

.stats-container .statistics .stat .stat-icon {
    max-width: 150px;
    padding: 30px;
    margin: 0 auto;
    border-radius: 50%;
    background: #eeeae3
}

.stats-container .statistics .stat .stat-icon img {
    display: block
}

.stats-container .statistics .stat h3 {
    padding-top: 20px;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1em;
    color: #233f6c;
    text-decoration: none
}

.stats-container .statistics .stat h3 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {
    .stats-container .statistics .stat h3 {
        font-size: 2em
    }
}

.quick-links-container {
    background: white
}

.quick-links-container.tan {
    background: #eeeae3
}

.quick-links-container.tan .quick-links a .row {
    background: white
}

.quick-links-container .quick-links.pad-normal {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links.pad-normal {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-normal {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .quick-links-container .quick-links.pad-normal {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .quick-links-container .quick-links.pad-normal {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .quick-links-container .quick-links.pad-normal {
        padding: 45px 7%
    }
}

.quick-links-container .quick-links.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .quick-links-container .quick-links.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .quick-links-container .quick-links.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .quick-links-container .quick-links.pad-tall {
        padding: 80px 7%
    }
}

.quick-links-container .quick-links.pad-side {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links.pad-side {
        padding: 20px 30px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1150px) {
    .quick-links-container .quick-links.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1450px) {
    .quick-links-container .quick-links.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1680px) {
    .quick-links-container .quick-links.pad-side {
        padding: 20px 7% 20px
    }
}

.quick-links-container .quick-links .quick-links-title h2,
.quick-links-container .quick-links .quick-links-title h3,
.quick-links-container .quick-links .quick-links-title h4,
.quick-links-container .quick-links .quick-links-title h5,
.quick-links-container .quick-links .quick-links-title h6 {
    font-size: 2em;
    line-height: 1em;
    color: #233f6c;
    text-transform: uppercase;
    padding-bottom: 30px
}

.quick-links-container .quick-links .quick-links-title h2 span,
.quick-links-container .quick-links .quick-links-title h3 span,
.quick-links-container .quick-links .quick-links-title h4 span,
.quick-links-container .quick-links .quick-links-title h5 span,
.quick-links-container .quick-links .quick-links-title h6 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {

    .quick-links-container .quick-links .quick-links-title h2,
    .quick-links-container .quick-links .quick-links-title h3,
    .quick-links-container .quick-links .quick-links-title h4,
    .quick-links-container .quick-links .quick-links-title h5,
    .quick-links-container .quick-links .quick-links-title h6 {
        font-size: 2.6em
    }
}

@media only screen and (min-width: 1150px) {

    .quick-links-container .quick-links .quick-links-title h2,
    .quick-links-container .quick-links .quick-links-title h3,
    .quick-links-container .quick-links .quick-links-title h4,
    .quick-links-container .quick-links .quick-links-title h5,
    .quick-links-container .quick-links .quick-links-title h6 {
        font-size: 2.9em
    }
}

.quick-links-container .quick-links a .row {
    background: #eeeae3
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links a .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .quick-links-container .quick-links a .row.even {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.quick-links-container .quick-links a .row .column.photo {
    min-height: 180px;
    background: center center no-repeat;
    background-size: cover;
    transition: all 400ms ease-in-out
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links a .row .column.photo {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        min-height: auto;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

.quick-links-container .quick-links a .row .column.content {
    padding: 30px 20px;
    transition: all 400ms ease-in-out
}

.quick-links-container .quick-links a .row .column.content .cta {
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.quick-links-container .quick-links a .row .column.content h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links a .row .column.content {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 4%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links a .row .column.content {
        padding: 40px 7% 40px 7%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links a .row.odd .column.content {
        padding: 40px 4%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links a .row.even .column.content {
        padding: 40px 4%
    }
}

.quick-links-container .quick-links a:hover .row .column.photo {
    min-height: 200px
}

.quick-links-container .quick-links a:hover .row .column.content {
    padding: 20px;
    background: #a10833;
    color: white
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links a:hover .row.odd .photo {
        -ms-flex-preferred-size: 56%;
        flex-basis: 56%
    }

    .quick-links-container .quick-links a:hover .row.odd .content {
        -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
        padding: 30px 4% 30px 3%
    }

    .quick-links-container .quick-links a:hover .row.even .photo {
        -ms-flex-preferred-size: 56%;
        flex-basis: 56%
    }

    .quick-links-container .quick-links a:hover .row.even .content {
        -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
        padding: 30px 3% 30px 4%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links a:hover .row.odd .content {
        padding: 40px 4% 40px 3%
    }

    .quick-links-container .quick-links a:hover .row.even .content {
        padding: 40px 3% 40px 4%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-none a .row.odd .column.content {
        padding: 40px 7% 40px 4%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-none a .row.even .column.content {
        padding: 40px 4% 40px 7%
    }
}

@media only screen and (min-width: 768px) {
    .quick-links-container .quick-links.pad-none a:hover .row.odd .content {
        padding: 30px 7% 30px 3%
    }

    .quick-links-container .quick-links.pad-none a:hover .row.even .content {
        padding: 30px 3% 30px 7%
    }
}

@media only screen and (min-width: 1024px) {
    .quick-links-container .quick-links.pad-none a:hover .row.odd .content {
        padding: 40px 7% 40px 3%
    }

    .quick-links-container .quick-links.pad-none a:hover .row.even .content {
        padding: 40px 3% 40px 7%
    }
}

.quotes-container {
    background: #eeeae3
}

.quotes-container.white {
    background: white
}

.quotes-container.white .quotes .quotes-inner .quote .quote-bubble {
    background: #eeeae3
}

.quotes-container.white .quotes .quotes-inner .quote .quote-bubble:after {
    border-left: 50px solid #eeeae3
}

.quotes-container .quotes {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .quotes-container .quotes {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .quotes-container .quotes {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .quotes-container .quotes {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .quotes-container .quotes {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .quotes-container .quotes {
        padding: 80px 7%
    }
}

.quotes-container .quotes .quotes-title {
    border-top: 1px solid black;
    padding-bottom: 10px;
    padding-top: 30px
}

.quotes-container .quotes .quotes-title p.supertitle {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .75em;
    padding: 0;
    color: #233f6c;
    border-bottom: 1px solid black;
    display: inline-block
}

.quotes-container .quotes .quotes-title h2 {
    font-size: 2em;
    line-height: 1em;
    color: #233f6c;
    padding: 10px 0 30px
}

.quotes-container .quotes .quotes-title h2 span {
    opacity: .7
}

@media only screen and (min-width: 768px) {
    .quotes-container .quotes .quotes-title h2 {
        font-size: 2.6em
    }
}

@media only screen and (min-width: 1150px) {
    .quotes-container .quotes .quotes-title h2 {
        font-size: 2.9em
    }
}

@media only screen and (min-width: 768px) {
    .quotes-container .quotes .quotes-inner {
        display: -ms-flexbox;
        display: flex
    }
}

.quotes-container .quotes .quotes-inner .quote {
    padding-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .quotes-container .quotes .quotes-inner .quote {
        -ms-flex: 1;
        flex: 1;
        margin-right: 9%
    }

    .quotes-container .quotes .quotes-inner .quote:last-child {
        margin-right: 0
    }
}

.quotes-container .quotes .quotes-inner .quote .quote-bubble {
    position: relative;
    background: white;
    font-size: .9em;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 35px;
    margin-top: 50px
}

@media only screen and (min-width: 1024px) {
    .quotes-container .quotes .quotes-inner .quote .quote-bubble {
        padding: 30px 40px
    }
}

.quotes-container .quotes .quotes-inner .quote .quote-bubble p {
    font-family: "Montserrat", sans-serif;
    font-weight: 600
}

.quotes-container .quotes .quotes-inner .quote .quote-bubble:before {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    content: '\201C  \201D';
    font-size: 50px;
    color: #233f6c;
    top: -25px;
    left: 0
}

.quotes-container .quotes .quotes-inner .quote .quote-bubble:after {
    position: absolute;
    content: '';
    bottom: -25px;
    left: 50px;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-left: 50px solid white
}

.quotes-container .quotes .quotes-inner .quote h4 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #233f6c;
    display: inline-block;
    padding: 10px 25px 10px 0;
    border-right: 1px solid black;
    font-size: 1.2em
}

.quotes-container .quotes .quotes-inner .quote .subtitle {
    border-top: 1px solid black;
    font-size: .9em
}

.quote-large-container.tan {
    background: #eeeae3
}

.quote-large-container .quote-large {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .quote-large-container .quote-large {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .quote-large-container .quote-large {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .quote-large-container .quote-large {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .quote-large-container .quote-large {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .quote-large-container .quote-large {
        padding: 80px 7%
    }
}

@media only screen and (min-width: 1024px) {
    .quote-large-container .quote-large {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.quote-large-container .quote-large .quote-photo {
    text-align: center
}

.quote-large-container .quote-large .quote-photo img {
    border-radius: 6px
}

@media only screen and (min-width: 1024px) {
    .quote-large-container .quote-large .quote-photo {
        -ms-flex: 1;
        flex: 1;
        margin-right: 6%
    }
}

@media only screen and (min-width: 1150px) {
    .quote-large-container .quote-large .quote-photo {
        margin-right: 9%
    }
}

@media only screen and (min-width: 1024px) {
    .quote-large-container .quote-large .quote-content {
        -ms-flex: 1;
        flex: 1
    }
}

.quote-large-container .quote-large .quote-content .quote-content-inner {
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px
}

.quote-large-container .quote-large .quote-content .quote-content-inner p {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.6em
}

.quote-large-container .quote-large .quote-content .quote-content-inner:before {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    content: '\201C  \201D';
    font-size: 50px;
    color: #233f6c;
    top: -20px;
    left: 0
}

.quote-large-container .quote-large .quote-content .quote-content-inner.no-quotes {
    margin-top: 0
}

.quote-large-container .quote-large .quote-content .quote-content-inner.no-quotes:before {
    content: ''
}

.quote-large-container .quote-large .quote-content h4 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #233f6c;
    display: inline-block;
    padding: 10px 25px 10px 0;
    border-right: 1px solid black;
    font-size: 1.2em
}

.quote-large-container .quote-large .quote-content .subtitle {
    border-top: 1px solid black;
    font-size: .9em
}

@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0
}

@property --c {
    initial-value: #a10833
}

@keyframes p {
    from {
        --p: 0
    }
}

.pie {
    --p: 20;
    --b: 20px;
    --c: $red;
    --w: 200px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 0 0 20px 0;
    place-content: center
}

@media only screen and (min-width: 768px) {
    .pie {
        --b: 35px;
        --w: 300px
    }
}

@media only screen and (min-width: 1024px) {
    .pie {
        --b: 45px;
        --w: 375px
    }
}

.pie h2 {
    color: #233f6c;
    padding: 0;
    line-height: 1.1em
}

@media only screen and (min-width: 1024px) {
    .pie h2 {
        font-size: 3em
    }
}

.pie h5 {
    font-size: .9em;
    padding: 0
}

.pie:before,
.pie:after {
    content: "";
    position: absolute;
    border-radius: 50%
}

.pie:before {
    inset: 0;
    background: radial-gradient(farthest-side, #a10833 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
    background-size: 0 0, auto
}

.pie:after {
    inset: calc(50% - var(--b)/2);
    background: #a10833;
    transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
    content: none
}

.pie.animate {
    animation: p 600ms ease-in-out
}

.goals-container {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .goals-container {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .goals-container {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .goals-container {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .goals-container {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .goals-container {
        padding: 80px 7%
    }
}

.goals-container.tan {
    background: #eeeae3
}

@media only screen and (min-width: 768px) {
    .goals-container .goals {
        display: -ms-flexbox;
        display: flex
    }

    .goals-container .goals .goal-main {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-right: 9%
    }

    .goals-container .goals .goals-minor {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-top: 0px
    }
}

.goals-container .goals .goal-main {
    text-align: center
}

.goals-container .goals .goals-minor {
    padding-top: 25px
}

.goals-container .goals .goals-minor .goal {
    padding-bottom: 25px
}

.goals-container .goals .goals-minor .goal .bar-container {
    position: relative;
    border: 1px solid black;
    padding: 2px;
    background: white;
    border-radius: 19px;
    margin-top: 10px;
    width: 85%
}

@media only screen and (min-width: 600px) {
    .goals-container .goals .goals-minor .goal .bar-container {
        width: 95%
    }
}

.goals-container .goals .goals-minor .goal .bar-container .bar {
    background: #233f6c;
    height: 34px;
    border-radius: 17px
}

.goals-container .goals .goals-minor .goal .bar-container .number {
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -9px;
    font-size: 14px;
    font-weight: bold
}

.cta-container {
    position: relative;
    padding: 20px;
    background: white;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .cta-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .cta-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .cta-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .cta-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .cta-container {
        padding: 45px 7%
    }
}

.cta-container.tan {
    background: #eeeae3
}

.cta-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .cta-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .cta-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .cta-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .cta-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .cta-container.pad-tall {
        padding: 80px 7%
    }
}

.cta-container.background-photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cta-container.background-photo .cta {
    -ms-flex: 1;
    flex: 1;
    max-width: 800px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .cta-container.image-box {
        padding-right: 0
    }
}

.cta-container.image-box .cta {
    background: #a10833;
    color: white;
    max-width: 800px;
    margin: 40px auto;
    padding: 30px 4%
}

@media only screen and (min-width: 768px) {
    .cta-container.image-box .cta {
        max-width: 65%;
        padding: 30px 7% 30px 4%;
        margin: 40px 0 40px auto;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .cta-container.image-box .cta {
        padding: 40px 7% 40px 4%
    }
}

.cta-container.text-white:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 0
}

.cta-container.text-white.no-overlay:after {
    display: none
}

.cta-container.text-white .cta {
    position: relative;
    z-index: 1
}

.cta-container.text-white h1,
.cta-container.text-white h2,
.cta-container.text-white h3,
.cta-container.text-white h4,
.cta-container.text-white h5,
.cta-container.text-white h6,
.cta-container.text-white p,
.cta-container.text-white li,
.cta-container.text-white a {
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.cta-container.text-white .btn.white,
.cta-container.text-white button.white,
.cta-container.text-white input.white[type=submit],
.cta-container.text-white .gform_wrapper .gform_footer input.white[type=button],
.gform_wrapper .gform_footer .cta-container.text-white input.white[type=button],
.cta-container.text-white .gform_wrapper .gform_footer input.white[type=reset],
.gform_wrapper .gform_footer .cta-container.text-white input.white[type=reset],
.cta-container.text-white .gform_wrapper .gform_footer button.white,
.gform_wrapper .gform_footer .cta-container.text-white button.white,
.cta-container.text-white .btn.tan,
.cta-container.text-white button.tan,
.cta-container.text-white input.tan[type=submit],
.cta-container.text-white .gform_wrapper .gform_footer input.tan[type=button],
.gform_wrapper .gform_footer .cta-container.text-white input.tan[type=button],
.cta-container.text-white .gform_wrapper .gform_footer input.tan[type=reset],
.gform_wrapper .gform_footer .cta-container.text-white input.tan[type=reset],
.cta-container.text-white .gform_wrapper .gform_footer button.tan,
.gform_wrapper .gform_footer .cta-container.text-white button.tan {
    color: black
}

.cta-container.text-black:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(255, 255, 255, 0.5);
    z-index: 0
}

.cta-container.text-black.no-overlay:after {
    display: none
}

.cta-container.text-black .cta {
    position: relative;
    z-index: 1
}

.cta-container.text-black h1,
.cta-container.text-black h2,
.cta-container.text-black h3,
.cta-container.text-black h4,
.cta-container.text-black h5,
.cta-container.text-black h6,
.cta-container.text-black p,
.cta-container.text-black li {
    color: black;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5)
}

.cta-container.red {
    background: #a10833
}

.cta-container.red .btn,
.cta-container.red button,
.cta-container.red input[type=submit],
.cta-container.red .gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer .cta-container.red input[type=button],
.cta-container.red .gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer .cta-container.red input[type=reset],
.cta-container.red .gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .cta-container.red button {
    background: none
}

.cta-container.red .cta-buttons {
    padding: 1px;
    border: 1px solid white;
    border-radius: 22px;
    display: block
}

@media only screen and (min-width: 768px) {
    .cta-container.red .cta-buttons {
        display: inline-block;
        width: auto
    }
}

.cta-container.red .cta-buttons:hover .btn:first-child,
.cta-container.red .cta-buttons:hover button:first-child,
.cta-container.red .cta-buttons:hover input[type=submit]:first-child,
.cta-container.red .cta-buttons:hover .gform_wrapper .gform_footer input[type=button]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons:hover input[type=button]:first-child,
.cta-container.red .cta-buttons:hover .gform_wrapper .gform_footer input[type=reset]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons:hover input[type=reset]:first-child,
.cta-container.red .cta-buttons:hover .gform_wrapper .gform_footer button:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons:hover button:first-child {
    background: none !important;
    color: white !important
}

.cta-container.red .cta-buttons .btn,
.cta-container.red .cta-buttons button,
.cta-container.red .cta-buttons input[type=submit],
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button],
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset],
.cta-container.red .cta-buttons .gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons button {
    margin: 0;
    background: none !important;
    color: white !important;
    transition: all 400ms ease-in-out;
    margin-left: 2px;
    display: block
}

@media only screen and (min-width: 768px) {

    .cta-container.red .cta-buttons .btn,
    .cta-container.red .cta-buttons button,
    .cta-container.red .cta-buttons input[type=submit],
    .cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button],
    .gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button],
    .cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset],
    .gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset],
    .cta-container.red .cta-buttons .gform_wrapper .gform_footer button,
    .gform_wrapper .gform_footer .cta-container.red .cta-buttons button {
        display: inline-block;
        min-width: 200px
    }
}

.cta-container.red .cta-buttons .btn:first-child,
.cta-container.red .cta-buttons button:first-child,
.cta-container.red .cta-buttons input[type=submit]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer button:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons button:first-child {
    margin-left: 0
}

.cta-container.red .cta-buttons .btn:first-child:hover,
.cta-container.red .cta-buttons button:first-child:hover,
.cta-container.red .cta-buttons input[type=submit]:first-child:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button]:first-child:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button]:first-child:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset]:first-child:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset]:first-child:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer button:first-child:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons button:first-child:hover,
.cta-container.red .cta-buttons .btn:first-child,
.cta-container.red .cta-buttons button:first-child,
.cta-container.red .cta-buttons input[type=submit]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset]:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset]:first-child,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer button:first-child,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons button:first-child,
.cta-container.red .cta-buttons .btn:hover,
.cta-container.red .cta-buttons button:hover,
.cta-container.red .cta-buttons input[type=submit]:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=button]:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=button]:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer input[type=reset]:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons input[type=reset]:hover,
.cta-container.red .cta-buttons .gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_footer .cta-container.red .cta-buttons button:hover {
    background: white !important;
    color: black !important;
    opacity: 1
}

.cta-buttons {
    padding: 12px 0
}

.cta-buttons.center {
    text-align: center
}

.cta-buttons .btn,
.cta-buttons button,
.cta-buttons input[type=submit],
.cta-buttons .gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer .cta-buttons input[type=submit],
.cta-buttons .gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer .cta-buttons input[type=button],
.cta-buttons .gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer .cta-buttons input[type=reset],
.cta-buttons .gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .cta-buttons button {
    margin: 4px 6px
}

@media only screen and (min-width: 768px) {

    .cta-buttons .btn,
    .cta-buttons button,
    .cta-buttons input[type=submit],
    .cta-buttons .gform_wrapper .gform_footer input[type=submit],
    .gform_wrapper .gform_footer .cta-buttons input[type=submit],
    .cta-buttons .gform_wrapper .gform_footer input[type=button],
    .gform_wrapper .gform_footer .cta-buttons input[type=button],
    .cta-buttons .gform_wrapper .gform_footer input[type=reset],
    .gform_wrapper .gform_footer .cta-buttons input[type=reset],
    .cta-buttons .gform_wrapper .gform_footer button,
    .gform_wrapper .gform_footer .cta-buttons button {
        margin: 0 6px;
        margin-bottom: 8px
    }
}

.people-container {
    padding: 20px;
    background: white;
    color: black
}

@media only screen and (min-width: 768px) {
    .people-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .people-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .people-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .people-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .people-container {
        padding: 45px 7%
    }
}

.people-container.padding-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .people-container.padding-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .people-container.padding-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .people-container.padding-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .people-container.padding-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .people-container.padding-tall {
        padding: 80px 7%
    }
}

.people-container.tan {
    background: #eeeae3
}

.content-two .people-container {
    background: none !important;
    padding: 15px 0 !important
}

.people-search {
    padding: 10px;
    border: 3px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 2%;
    background: white
}

.people-search input[type=text] {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 0 0 0 40px;
    border: 0;
    background: url(../images/icon-search.webp) left center no-repeat;
    background-size: contain;
    font-size: 1.1em
}

.people-search input[type=text]:focus {
    outline: 0
}

.person-entry,
.people-listing .person-entry {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    background: white
}

.person-entry .person-photo {
    -ms-flex: 1 1 35%;
    flex: 1 1 35%
}

.person-entry .person-photo img {
    display: block;
    width: 100%
}

.person-entry .person-info {
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    padding-left: 15px
}

@media only screen and (min-width: 500px) {
    .person-entry .person-info {
        padding: 15px 0 0 0;
        margin-top: 10px;
        border-top: 10px solid #a10833
    }
}

.person-entry .person-info h4 {
    padding-bottom: 0;
    font-size: 1.2em
}

.person-entry .person-info .person-title {
    padding: 3px 0;
    font-size: 0.8em
}

.person-entry .person-info .person-email {
    padding: 5px 0 0
}

.person-entry .person-info .person-email a {
    display: block;
    font-size: 0.8em;
    padding: 12px 0;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #233f6c;
    border-bottom: 1px solid #233f6c
}

.person-entry .person-info .person-email a:after {
    font-size: 19px;
    padding-left: 10px;
    content: "\279C"
}

@media only screen and (min-width: 500px) {
    .people-listing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -2%
    }
}

@media only screen and (min-width: 900px) {
    .people-listing {
        margin-right: -1.333%
    }
}

@media only screen and (min-width: 1220px) {
    .people-listing {
        margin-right: -2%
    }
}

.people-listing .person-entry {
    display: none;
    padding: 20px 20px 80px 20px;
    position: relative
}

.people-listing .visible.person-entry {
    display: -ms-flexbox;
    display: flex
}

.people-listing .person-entry .person-link {
    position: absolute;
    padding: 0;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.people-listing .person-entry .person-link a {
    display: block;
    font-size: 0.8em;
    padding: 12px 0;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #233f6c;
    border-bottom: 1px solid #233f6c
}

.people-listing .person-entry .person-link a:after {
    font-size: 19px;
    padding-left: 10px;
    content: "\279C"
}

@media only screen and (min-width: 500px) {
    .people-listing .person-entry {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin: 0 2% 2% 0;
        padding: 25px 25px 80px 25px
    }

    .people-listing .visible.person-entry {
        display: block
    }

    .people-listing .person-entry .person-link {
        position: absolute;
        bottom: 25px;
        left: 25px;
        right: 25px
    }
}

@media only screen and (min-width: 900px) {
    .people-listing .person-entry {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-right: 1.3333%
    }
}

@media only screen and (min-width: 1150px) {
    .people-listing .person-entry {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        margin-right: 2%
    }
}

@media only screen and (min-width: 1450px) {
    .people-listing .person-entry {
        /* -ms-flex-preferred-size: 18%;
        flex-basis: 18%; COMMENTED OUT BY PENTERA */
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        margin-right: 2%
    }
}

@media only screen and (min-width: 500px) {
    .content-two .column .people-listing .person-entry {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 900px) {
    .content-two .column .people-listing .person-entry {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 1150px) {
    .content-two .column .people-listing .person-entry {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 1450px) {
    .content-two .column .people-listing .person-entry {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 900px) {

    .content-two.right .column.two .people-listing .person-entry,
    .content-two.left .column.one .people-listing .person-entry {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-right: 1.3333%
    }
}

@media only screen and (min-width: 1150px) {

    .content-two.right .column.two .people-listing .person-entry,
    .content-two.left .column.one .people-listing .person-entry {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-right: 1.3333%
    }
}

@media only screen and (min-width: 1450px) {

    .content-two.right .column.two .people-listing .person-entry,
    .content-two.left .column.one .people-listing .person-entry {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-right: 1.3333%
    }
}

.bio .sidebar {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.bio .sidebar img {
    width: 100%;
    display: block
}

.bio .sidebar .person-info {
    padding: 20px
}

.bio .sidebar .person-info h2,
.bio .sidebar .person-info h4 {
    color: white
}

.bio .sidebar .person-info h5 {
    padding-bottom: 3px
}

.bio .sidebar .person-info a {
    color: #999
}

.bio .sidebar .person-info p {
    padding: 3px 0;
    color: white
}

.bio .sidebar .person-info .btn,
.bio .sidebar .person-info button,
.bio .sidebar .person-info input[type=submit],
.bio .sidebar .person-info .gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer .bio .sidebar .person-info input[type=button],
.bio .sidebar .person-info .gform_wrapper .gform_footer input[type=reset],
.gform_wrapper .gform_footer .bio .sidebar .person-info input[type=reset],
.bio .sidebar .person-info .gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .bio .sidebar .person-info button {
    margin-top: 20px;
    padding: 10px 20px
}

.single-people .contact-items {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    padding: 15px 25px;
    margin: 20px 0 10px
}

@media only screen and (min-width: 768px) {
    .single-people .contact-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.single-people .contact-items .contact-item {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 10px 0
}

.area-filters {
    padding: 10px 0;
    text-align: center
}

.area-filters a.btn {
    background: #999
}

.area-filters a.btn.current {
    background: #a10833
}

.areas-container {
    padding: 20px;
    background: white;
    color: black
}

@media only screen and (min-width: 768px) {
    .areas-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .areas-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .areas-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .areas-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .areas-container {
        padding: 45px 7%
    }
}

.areas-container.padding-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .areas-container.padding-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .areas-container.padding-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .areas-container.padding-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .areas-container.padding-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .areas-container.padding-tall {
        padding: 80px 7%
    }
}

.areas-container.tan {
    background: #eeeae3
}

@media only screen and (min-width: 600px) {
    .areas-container .area-listing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -2%
    }
}

.areas-container .area-listing a {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 400ms ease-in-out;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.areas-container .area-listing a:hover {
    border: none;
    opacity: .9
}

.areas-container .area-listing a.hidden {
    display: none
}

@media only screen and (min-width: 600px) {
    .areas-container .area-listing a {
        -ms-flex: 0 1 48%;
        flex: 0 1 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 768px) {
    .areas-container .area-listing a {
        -ms-flex: 0 1 31.3333%;
        flex: 0 1 31.3333%
    }
}

@media only screen and (min-width: 1150px) {
    .areas-container .area-listing a {
        -ms-flex: 0 1 23%;
        flex: 0 1 23%
    }
}

@media only screen and (min-width: 1450px) {
    .areas-container .area-listing a {
        -ms-flex: 0 1 18%;
        flex: 0 1 18%
    }
}

.areas-container .area-listing a .area-entry {
    background-color: black;
    background-position: center center;
    background-size: cover;
    position: relative;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 0 20px
}

@media only screen and (min-width: 600px) {
    .areas-container .area-listing a .area-entry {
        height: 120px;
        padding: 0 35px
    }
}

@media only screen and (min-width: 768px) {
    .areas-container .area-listing a .area-entry {
        height: 160px;
        padding: 0 35px
    }
}

.areas-container .area-listing a .area-entry:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5)
}

.areas-container .area-listing a .area-entry .area-name {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 1;
    color: white;
    font-size: 1.2em;
    line-height: 1.5em;
    text-shadow: 0 0 30px black
}

.page-menu {
    padding: 12px 0
}

.post-list-title {
    padding: 20px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .post-list-title {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .post-list-title {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .post-list-title {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .post-list-title {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .post-list-title {
        padding: 45px 7%
    }
}

.post-list-title h2 {
    font-size: 3.2em;
    text-align: center
}

.post-list-container {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .post-list-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .post-list-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .post-list-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .post-list-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .post-list-container {
        padding: 45px 7%
    }
}

.post-list-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .post-list-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .post-list-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .post-list-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .post-list-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .post-list-container.pad-tall {
        padding: 80px 7%
    }
}

.post-list-container.pad-sides {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .post-list-container.pad-sides {
        padding: 0 30px 0
    }
}

@media only screen and (min-width: 1024px) {
    .post-list-container.pad-sides {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1150px) {
    .post-list-container.pad-sides {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1450px) {
    .post-list-container.pad-sides {
        padding: 0 7% 0
    }
}

@media only screen and (min-width: 1680px) {
    .post-list-container.pad-sides {
        padding: 0 7% 0
    }
}

.post-list-container.tan {
    background-color: #eeeae3
}

@media only screen and (min-width: 600px) {
    .articles.card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }
}

@media only screen and (min-width: 600px) {
    .articles.card {
        margin-right: -5%
    }
}

@media only screen and (min-width: 600px) {
    .articles.card .entry {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0 3% 3% 0
    }
}

@media only screen and (min-width: 768px) {
    .articles.card .entry {
        -ms-flex: 0 0 28.3333%;
        flex: 0 0 28.3333%;
        margin: 0 5% 5% 0
    }
}

.articles.list .entry hr {
    display: none
}

@media only screen and (min-width: 768px) {
    .articles.list .entry {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .articles.list .entry .entry-thumbnail {
        -ms-flex: 1 1 35%;
        flex: 1 1 35%
    }

    .articles.list .entry .entry-thumbnail img {
        margin-bottom: 0
    }

    .articles.list .entry .entry-inner {
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        padding-left: 5%
    }

    .articles.list .entry .entry-inner p {
        display: none
    }
}

.articles .entry {
    background: white;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 25px;
    margin-bottom: 25px
}

.articles .entry .thumbnail {
    position: relative
}

.articles .entry .thumbnail img {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.articles .entry h3 {
    font-size: 1.2em
}

.articles .entry p {
    font-size: .9em
}

.articles .entry .post-date {
    padding: 0;
    opacity: .7;
    font-size: .85em
}

.single-post section.content {
    border-top: 15px solid rgba(102, 102, 102, 0.2)
}

.tabs-container .tab-handles {
    border-bottom: 1px solid black
}

.tabs-container .tab-handles .handle {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 25px;
    border: 1px solid black;
    border-left: 0;
    background: white;
    margin-bottom: -1px
}

@media only screen and (min-width: 768px) {
    .tabs-container .tab-handles .handle {
        padding: 25px 35px;
        min-width: 20%;
        text-align: center
    }
}

@media only screen and (min-width: 1150px) {
    .tabs-container .tab-handles .handle {
        padding: 30px 40px;
        min-width: 15%;
        text-align: center
    }
}

.tabs-container .tab-handles .handle.active {
    background: #eeeae3;
    border-bottom: 1px solid #eeeae3
}

.tabs-container .tab-contents .content {
    display: none
}

.tabs-container .tab-contents .content.active {
    display: block
}

.photo-grid-container.tan {
    background: #eeeae3
}

.photo-grid-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .photo-grid-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .photo-grid-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .photo-grid-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .photo-grid-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .photo-grid-container.pad-tall {
        padding: 80px 7%
    }
}

.photo-grid-container.pad-normal {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .photo-grid-container.pad-normal {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .photo-grid-container.pad-normal {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .photo-grid-container.pad-normal {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .photo-grid-container.pad-normal {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .photo-grid-container.pad-normal {
        padding: 45px 7%
    }
}

.photo-grid-container.pad-side {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .photo-grid-container.pad-side {
        padding: 20px 30px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .photo-grid-container.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1150px) {
    .photo-grid-container.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1450px) {
    .photo-grid-container.pad-side {
        padding: 20px 7% 20px
    }
}

@media only screen and (min-width: 1680px) {
    .photo-grid-container.pad-side {
        padding: 20px 7% 20px
    }
}

.photo-grid-container .photo-grid a {
    display: block;
    margin-bottom: 20px
}

.photo-grid-container .photo-grid a .photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.3em;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    padding: 20px;
    height: 350px
}

@media only screen and (min-width: 1024px) {
    .photo-grid-container .photo-grid a .photo {
        font-size: 1.3em
    }
}

@media only screen and (min-width: 1450px) {
    .photo-grid-container .photo-grid a .photo {
        font-size: 1.4em
    }
}

.photo-grid-container .photo-grid a .photo span {
    -ms-flex: 1;
    flex: 1
}

.photo-grid-container .photo-grid a:hover {
    border: 0
}

@media only screen and (min-width: 600px) {
    .photo-grid-container .photo-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }

    .photo-grid-container .photo-grid a {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin-right: 3%
    }
}

@media only screen and (min-width: 768px) {
    .photo-grid-container .photo-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .photo-grid-container .photo-grid a {
        -ms-flex-preferred-size: 30.3333%;
        flex-basis: 30.3333%
    }

    .photo-grid-container .photo-grid a .photo {
        height: auto;
        aspect-ratio: 3 / 4
    }
}

@media only screen and (min-width: 600px) {
    .photo-grid-container .photo-grid.minimal {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -2%
    }
}

.photo-grid-container .photo-grid.minimal a {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 400ms ease-in-out;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.photo-grid-container .photo-grid.minimal a .photo {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: .9em
}

.photo-grid-container .photo-grid.minimal a:hover {
    border: none;
    opacity: .9
}

@media only screen and (min-width: 600px) {
    .photo-grid-container .photo-grid.minimal a {
        -ms-flex: 0 1 48%;
        flex: 0 1 48%;
        margin: 0 2% 2% 0
    }
}

@media only screen and (min-width: 768px) {
    .photo-grid-container .photo-grid.minimal a {
        -ms-flex: 0 1 31.3333%;
        flex: 0 1 31.3333%
    }

    .photo-grid-container .photo-grid.minimal a .photo {
        aspect-ratio: inherit
    }
}

@media only screen and (min-width: 1150px) {
    .photo-grid-container .photo-grid.minimal a {
        -ms-flex: 0 1 23%;
        flex: 0 1 23%
    }
}

@media only screen and (min-width: 1450px) {
    .photo-grid-container .photo-grid.minimal a {
        -ms-flex: 0 1 18%;
        flex: 0 1 18%
    }
}

.photo-grid-container .photo-grid.minimal a .photo {
    background-color: black;
    background-position: center center;
    background-size: cover;
    position: relative;
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 0 20px
}

@media only screen and (min-width: 600px) {
    .photo-grid-container .photo-grid.minimal a .photo {
        height: 120px;
        padding: 0 35px
    }
}

@media only screen and (min-width: 768px) {
    .photo-grid-container .photo-grid.minimal a .photo {
        height: 160px;
        padding: 0 35px
    }
}

.photo-grid-container .photo-grid.minimal a .photo:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5)
}

.photo-grid-container .photo-grid.minimal a .photo span {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 1;
    color: white;
    font-size: 1.2em;
    line-height: 1.5em;
    text-shadow: 0 0 30px black
}

.photo-grid-container .photo-grid.whats-new a .photo span {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #233f6c;
    padding: 20px 8%;
    font-size: 18px
}

@media only screen and (min-width: 1150px) {
    .photo-grid-container .photo-grid.whats-new a .photo span {
        padding: 20px 40px;
        font-size: 1.2em
    }
}

.photo-grid-container .photo-grid.whats-new a .photo span .photo-cta {
    display: block;
    text-decoration: underline;
    color: white;
    opacity: 1;
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .6em
}

.facts-container .facts {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .facts-container .facts {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .facts-container .facts {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .facts-container .facts {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .facts-container .facts {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .facts-container .facts {
        padding: 45px 7%
    }
}

.facts-container .facts.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .facts-container .facts.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .facts-container .facts.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .facts-container .facts.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .facts-container .facts.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .facts-container .facts.pad-tall {
        padding: 80px 7%
    }
}

.facts-container .facts.tan {
    background: #eeeae3
}

@media only screen and (min-width: 600px) {
    .facts-container .facts .facts-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .facts-container .facts .facts-inner .fact {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 2% 5%
    }
}

@media only screen and (min-width: 1024px) {
    .facts-container .facts .facts-inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .facts-container .facts .facts-inner .fact {
        -ms-flex: 1;
        flex: 1
    }
}

.facts-container .facts .facts-inner .fact {
    text-align: center;
    margin-bottom: 30px
}

.facts-container .facts .facts-inner .fact h3 {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    padding-bottom: 10px
}

.facts-container .facts .facts-inner .fact h3 span {
    display: block;
    color: #a10833
}

.facts-container .facts .facts-inner .fact p {
    border-bottom: 1px solid black;
    padding-bottom: 30px
}

@media only screen and (min-width: 600px) {
    .facts-container .facts .data-points {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .facts-container .facts .data-points .points {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 0 2% 3%
    }
}

@media only screen and (min-width: 1024px) {
    .facts-container .facts .data-points {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .facts-container .facts .data-points .points {
        -ms-flex: 1;
        flex: 1
    }
}

.event-cards-container {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .event-cards-container {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .event-cards-container {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .event-cards-container {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .event-cards-container {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .event-cards-container {
        padding: 45px 7%
    }
}

.event-cards-container.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .event-cards-container.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .event-cards-container.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .event-cards-container.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .event-cards-container.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .event-cards-container.pad-tall {
        padding: 80px 7%
    }
}

.event-cards-container.tan {
    background: #eeeae3
}

@media only screen and (min-width: 600px) {
    .event-cards-container .event-cards {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3%
    }
}

@media only screen and (min-width: 600px) {
    .event-cards-container .event-cards {
        margin-right: -5%
    }
}

.event-cards-container .event-cards .event-card {
    background: white;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 25px;
    margin-bottom: 25px
}

@media only screen and (min-width: 600px) {
    .event-cards-container .event-cards .event-card {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0 3% 3% 0
    }
}

@media only screen and (min-width: 768px) {
    .event-cards-container .event-cards .event-card {
        -ms-flex: 0 0 28.3333%;
        flex: 0 0 28.3333%;
        margin: 0 5% 5% 0
    }
}

.event-cards-container .event-cards .event-card .card-date {
    display: -ms-flexbox;
    display: flex;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #233f6c;
    padding: 15px 0
}

.event-cards-container .event-cards .event-card .card-date div {
    -ms-flex: 1;
    flex: 1
}

.event-cards-container .event-cards .event-card .card-date div.day {
    text-align: center;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5em
}

.event-cards-container .event-cards .event-card .card-date div.year {
    text-align: right
}

@media only screen and (min-width: 768px) {
    .hours-contact-container {
        display: -ms-flexbox;
        display: flex
    }

    .hours-contact-container .hours-container {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-right: 4.5%
    }

    .hours-contact-container .contact-container {
        -ms-flex: 1 1 44.5%;
        flex: 1 1 44.5%;
        margin-left: 4.5%
    }

    .hours-contact-container .hours-container {
        border-right: 1px solid rgba(0, 0, 0, 0.5)
    }
}

@media only screen and (min-width: 1024px) {

    .hours-contact-container .hours-container,
    .hours-contact-container .contact-inner {
        display: -ms-flexbox;
        display: flex
    }

    .hours-contact-container .hours-container .hours-title,
    .hours-contact-container .hours-container .contact-title,
    .hours-contact-container .contact-inner .hours-title,
    .hours-contact-container .contact-inner .contact-title {
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin-right: 5%;
        padding-top: 15px
    }

    .hours-contact-container .hours-container .hours,
    .hours-contact-container .hours-container .contacts,
    .hours-contact-container .contact-inner .hours,
    .hours-contact-container .contact-inner .contacts {
        -ms-flex: 1 1 55%;
        flex: 1 1 55%
    }
}

.hours-contact-container .contact-social a {
    display: inline-block;
    border: 1px solid black !important;
    border-radius: 50%;
    padding: 12px;
    margin-right: 4%
}

.hours-contact-container .contact-social a img {
    width: 22px;
    display: block
}

.hours-contact-container .contact-social a:hover {
    opacity: .6
}

.icon-container {
    display: -ms-flexbox;
    display: flex
}

.icon-container>div {
    -ms-flex: 1;
    flex: 1
}

.icon-container .icon {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    padding: 20px 20px 0 0;
    text-align: center
}

.icon-container .icon-content {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}

.emergency-container {
    position: relative;
    display: none
}

.emergency-container.show {
    display: block
}

.emergency-container.red .emergency {
    background: #a10833;
    color: white
}

.emergency-container.red .close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NUJFQjVERkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4NUJFQjVFRkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg1QkVCNUJGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg1QkVCNUNGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5v4z5DAAAEVUlEQVR42uydvWsUQRiH9zYaYmMQRERFCEFEbET/ALVQRLjYKEICNin0xEoLYylC7spUiShYBD8KRUFRERWJjZ0RbFRE8StRsFQTopf1N2YPJuNl7/ZuPt75eOEXSLGTvedhdjNzM7uFJEmiUOYqDgjoCtiOjCDPka/IG+QuchRZEdDVrTXIOWQSmUGSlN11pFj3CHYJEtKNXEuyaxrpq3OszzmG/GjAbQJZzx8nNrIKeZk0X6UA/l/KOZh95CWIDd1K8pfvEiotMJuoJ2BX0nqVAvzcVWRt8DfhwTZuPqNIybMbbgU53cbxR9iPAjcO+IKsa/OkjiNjAX5T9Q1ZywuoShoXuC5BBvxaFXjgfyQ16vLlSCb8WXEg9k7iibooQSb8KB3YLhJwX/IJuyRBNnxWd8SbcA/yGlku+Q/Zfk9QAf8nsgmZ5nvAe6Ss4APY3BNUwGc1xODXmwtiPeJyoqZKHg2ysqqSNRfE0oFc8VyCFvhLCfBdgjb4WQJ8lTCsE34jAb5JGNINvxkBvkgwAr9ZAa5LMAY/jwBXJRiFn1eAaxKMw29FgCsSSMBvVYDtEsjAb0eArRJIwW9XgG0SyMGXIcAWCSThyxJAXQJZ+DIFUJVAGr5sAdQkkIevQgAVCargj6VfWpEWoFrCgCvwVQpQKaGaIcEq+KoF6JZgHXwdAnRJsBI+C78uSGV1IONIv+R259PtP4cVnPP5dE2TUkC6BKiUENkKv9EmPdlVTdfEXw3wzQiwQYJW+CYEUJagHb4pARQlGIFvUgAlCcbgmxZAQYJR+BQEmJRgHL7ucUAz44SbSJ8v8Kn0AL4nHIrSrTs+wKfWA2rVibxAtiho+zGyhwp8aj2gVicVwWe1OyI2FUJNANs7VVb8edl81EAQoB8+SQmxZ/DJSYg9hE9KQuwpfDISYo/hk5AQew7fuIQ4wDcrIQ7wzUqIHYD/wWYJseXw2cTa5kj+BJ4+CRZviOMXTXUitzUvg7RiZZzOFWtWSnAFvrUSXIJvpQQV8E8RWChrjQTZ8EuEVilbIcFV+NZIcBm+FRJch09egg/wSUvwBT5ZCT7BJynBN/jkJPgIn5QEX+GTkeAzfBISfIdvXIIp+BcIwTcqwQR89tiCDmLwdUjozyPAR/iqJcwldV6AGuAbliDukNmH3EMKkr/7Zxvw2Ea8amRPsZ06N6Kl3gPcev1GdiLP2C+8gGXIK6Q3wFcugW3B2oHM8+uCDgT4/9UcclDBuqNt6dVm0cKs/QG+VglFUUBPgK9VQq8ooCvA1yphpSjgU4CvVcKUKOBJgK9VwlPx39DVyFukO8BX/i/qbHoPmOJ7wHdkOMDX0hNGapcgcQgeJ/me8Tlu0fQClWmLR+kxmS/zPIvMZDTyCzlDcErZpIRRZL4B/ItIV9Lkg1s3IIPRwtNFNkYLTxhh24EeIJei2vtwQ/G1FTmB7E2ZsfqMPIwWXmo9KR5A8XE1XtVfAQYAV4Csdohp7bcAAAAASUVORK5CYII=)
}

.emergency-container.blue .emergency {
    background: #233f6c;
    color: white
}

.emergency-container.blue .close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NUJFQjVERkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4NUJFQjVFRkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg1QkVCNUJGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg1QkVCNUNGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5v4z5DAAAEVUlEQVR42uydvWsUQRiH9zYaYmMQRERFCEFEbET/ALVQRLjYKEICNin0xEoLYylC7spUiShYBD8KRUFRERWJjZ0RbFRE8StRsFQTopf1N2YPJuNl7/ZuPt75eOEXSLGTvedhdjNzM7uFJEmiUOYqDgjoCtiOjCDPka/IG+QuchRZEdDVrTXIOWQSmUGSlN11pFj3CHYJEtKNXEuyaxrpq3OszzmG/GjAbQJZzx8nNrIKeZk0X6UA/l/KOZh95CWIDd1K8pfvEiotMJuoJ2BX0nqVAvzcVWRt8DfhwTZuPqNIybMbbgU53cbxR9iPAjcO+IKsa/OkjiNjAX5T9Q1ZywuoShoXuC5BBvxaFXjgfyQ16vLlSCb8WXEg9k7iibooQSb8KB3YLhJwX/IJuyRBNnxWd8SbcA/yGlku+Q/Zfk9QAf8nsgmZ5nvAe6Ss4APY3BNUwGc1xODXmwtiPeJyoqZKHg2ysqqSNRfE0oFc8VyCFvhLCfBdgjb4WQJ8lTCsE34jAb5JGNINvxkBvkgwAr9ZAa5LMAY/jwBXJRiFn1eAaxKMw29FgCsSSMBvVYDtEsjAb0eArRJIwW9XgG0SyMGXIcAWCSThyxJAXQJZ+DIFUJVAGr5sAdQkkIevQgAVCargj6VfWpEWoFrCgCvwVQpQKaGaIcEq+KoF6JZgHXwdAnRJsBI+C78uSGV1IONIv+R259PtP4cVnPP5dE2TUkC6BKiUENkKv9EmPdlVTdfEXw3wzQiwQYJW+CYEUJagHb4pARQlGIFvUgAlCcbgmxZAQYJR+BQEmJRgHL7ucUAz44SbSJ8v8Kn0AL4nHIrSrTs+wKfWA2rVibxAtiho+zGyhwp8aj2gVicVwWe1OyI2FUJNANs7VVb8edl81EAQoB8+SQmxZ/DJSYg9hE9KQuwpfDISYo/hk5AQew7fuIQ4wDcrIQ7wzUqIHYD/wWYJseXw2cTa5kj+BJ4+CRZviOMXTXUitzUvg7RiZZzOFWtWSnAFvrUSXIJvpQQV8E8RWChrjQTZ8EuEVilbIcFV+NZIcBm+FRJch09egg/wSUvwBT5ZCT7BJynBN/jkJPgIn5QEX+GTkeAzfBISfIdvXIIp+BcIwTcqwQR89tiCDmLwdUjozyPAR/iqJcwldV6AGuAbliDukNmH3EMKkr/7Zxvw2Ea8amRPsZ06N6Kl3gPcev1GdiLP2C+8gGXIK6Q3wFcugW3B2oHM8+uCDgT4/9UcclDBuqNt6dVm0cKs/QG+VglFUUBPgK9VQq8ooCvA1yphpSjgU4CvVcKUKOBJgK9VwlPx39DVyFukO8BX/i/qbHoPmOJ7wHdkOMDX0hNGapcgcQgeJ/me8Tlu0fQClWmLR+kxmS/zPIvMZDTyCzlDcErZpIRRZL4B/ItIV9Lkg1s3IIPRwtNFNkYLTxhh24EeIJei2vtwQ/G1FTmB7E2ZsfqMPIwWXmo9KR5A8XE1XtVfAQYAV4Csdohp7bcAAAAASUVORK5CYII=)
}

.emergency-container.tan .emergency {
    background: #eeeae3;
    color: black
}

.emergency-container.tan .close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGNDY1NEMzRkZCNjExRUY5NTQ0QUQ4MUUxN0YwQUMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGNDY1NEM0RkZCNjExRUY5NTQ0QUQ4MUUxN0YwQUMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEY0NjU0QzFGRkI2MTFFRjk1NDRBRDgxRTE3RjBBQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEY0NjU0QzJGRkI2MTFFRjk1NDRBRDgxRTE3RjBBQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hdKHjAAADNUlEQVR42uydPWsUURSGr4lErUQQwY/G2ko7O0sRTGOnP8AsWAiCRCwkKGYqsTKg2JiISsCgYCNBiIhYKSIoiKIGxJQWYlCJ8Yw7RbzO7OzH3HvPx3vgLfc98Dy7LHtnd8c5DAZTPvsolynPKUuUt5QHlOOUTcBTOtso5ykvKMuU1YLdLOVwtyWbKbeKB1flC2UUvP+ZMcq3Gm4LlJ2dSrZQXtWUrE0L3P/OZA/MFjtJmOuhCBLak/XBbKGs6EAfRdYlZAMw++89YXqAMosSsgF5zfqFnwcstCQha4DVkl+60kCpBQlZQ5xW/eIfDRa3AL82y375mwbLNUrIGubz0l9wqeEFmiRkAdhc8JfspvyEhCjw80/M28uWTQRYJllCFojHiaqF6ygzkBAUfla3eJhy07iEZPAhgQF8yxIucoFvUcI4N/iWJLCFb0ECe/iaJYiBr1GCOPiaJIiFr0GCePiSJaiBL1GCOviSJKiFL0GCevicJZiBz1GCOficJISCP+XaF62cZQnHAD+thJUOEgA/oQTATygB8BNKuA346d+YAV+RBLXwJUhQD5+zBDPwOUowB5+TBLPwOUgwDz+lBMAvkXAP8NPOCOU+4KeX8DoQ/HnAr5/xgM/+TkfZmMDwIYEBfEhgAB8SGMCHBAbwzUvgAN+sBE7wzUngCN+MBM7w1UsIBf8jJKSDnx+sbQh0gKdGQowvTY1AQjr4DhLSw4cEBvAhoZhTLv2VLLMSWo7PZURzEjjBNyeBI3wzEjjDVy9BAny1EiTBVydBInw1EiTDFy9BA3yxEjTBFydBI3wxEjTDZy8hFPyrjt+3lNlJCAU//yXMMNPDxJASjgJ+Wgn57WFGAZ+5hIOU38bhx5Cwv2zheso7wI8iIb/h85C/7AjgR5VwyF90HfCjSpjylzwC/KgSHvoLngJ+VAnP/PI7gB9Vwl2/eAzwo0o46ZdupXwF/CgS8nsJ7ygrPQ34USRMVhUOud7+NuaGYfj9SpgvHlM5OdCJ4mVSVfKdcsbhjy/WSrjSxTHONcrGbkt3Uc5RnlAWKZ8ojylnXcXNiDFuT/EB6z3lV5EPrn39Yy/wMJw/AgwA4pnP7USuPYEAAAAASUVORK5CYII=)
}

.emergency-container.yellow .emergency {
    background: #F8C630;
    color: black
}

.emergency-container.yellow .close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGNDY1NEMzRkZCNjExRUY5NTQ0QUQ4MUUxN0YwQUMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGNDY1NEM0RkZCNjExRUY5NTQ0QUQ4MUUxN0YwQUMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEY0NjU0QzFGRkI2MTFFRjk1NDRBRDgxRTE3RjBBQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEY0NjU0QzJGRkI2MTFFRjk1NDRBRDgxRTE3RjBBQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hdKHjAAADNUlEQVR42uydPWsUURSGr4lErUQQwY/G2ko7O0sRTGOnP8AsWAiCRCwkKGYqsTKg2JiISsCgYCNBiIhYKSIoiKIGxJQWYlCJ8Yw7RbzO7OzH3HvPx3vgLfc98Dy7LHtnd8c5DAZTPvsolynPKUuUt5QHlOOUTcBTOtso5ykvKMuU1YLdLOVwtyWbKbeKB1flC2UUvP+ZMcq3Gm4LlJ2dSrZQXtWUrE0L3P/OZA/MFjtJmOuhCBLak/XBbKGs6EAfRdYlZAMw++89YXqAMosSsgF5zfqFnwcstCQha4DVkl+60kCpBQlZQ5xW/eIfDRa3AL82y375mwbLNUrIGubz0l9wqeEFmiRkAdhc8JfspvyEhCjw80/M28uWTQRYJllCFojHiaqF6ygzkBAUfla3eJhy07iEZPAhgQF8yxIucoFvUcI4N/iWJLCFb0ECe/iaJYiBr1GCOPiaJIiFr0GCePiSJaiBL1GCOviSJKiFL0GCevicJZiBz1GCOficJISCP+XaF62cZQnHAD+thJUOEgA/oQTATygB8BNKuA346d+YAV+RBLXwJUhQD5+zBDPwOUowB5+TBLPwOUgwDz+lBMAvkXAP8NPOCOU+4KeX8DoQ/HnAr5/xgM/+TkfZmMDwIYEBfEhgAB8SGMCHBAbwzUvgAN+sBE7wzUngCN+MBM7w1UsIBf8jJKSDnx+sbQh0gKdGQowvTY1AQjr4DhLSw4cEBvAhoZhTLv2VLLMSWo7PZURzEjjBNyeBI3wzEjjDVy9BAny1EiTBVydBInw1EiTDFy9BA3yxEjTBFydBI3wxEjTDZy8hFPyrjt+3lNlJCAU//yXMMNPDxJASjgJ+Wgn57WFGAZ+5hIOU38bhx5Cwv2zheso7wI8iIb/h85C/7AjgR5VwyF90HfCjSpjylzwC/KgSHvoLngJ+VAnP/PI7gB9Vwl2/eAzwo0o46ZdupXwF/CgS8nsJ7ygrPQ34USRMVhUOud7+NuaGYfj9SpgvHlM5OdCJ4mVSVfKdcsbhjy/WSrjSxTHONcrGbkt3Uc5RnlAWKZ8ojylnXcXNiDFuT/EB6z3lV5EPrn39Yy/wMJw/AgwA4pnP7USuPYEAAAAASUVORK5CYII=)
}

.emergency-container.teal .emergency {
    background: #3E92CC;
    color: white
}

.emergency-container.teal .close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NUJFQjVERkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4NUJFQjVFRkZCNjExRUY5MjVCQ0NGM0IyODZEMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg1QkVCNUJGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg1QkVCNUNGRkI2MTFFRjkyNUJDQ0YzQjI4NkQyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5v4z5DAAAEVUlEQVR42uydvWsUQRiH9zYaYmMQRERFCEFEbET/ALVQRLjYKEICNin0xEoLYylC7spUiShYBD8KRUFRERWJjZ0RbFRE8StRsFQTopf1N2YPJuNl7/ZuPt75eOEXSLGTvedhdjNzM7uFJEmiUOYqDgjoCtiOjCDPka/IG+QuchRZEdDVrTXIOWQSmUGSlN11pFj3CHYJEtKNXEuyaxrpq3OszzmG/GjAbQJZzx8nNrIKeZk0X6UA/l/KOZh95CWIDd1K8pfvEiotMJuoJ2BX0nqVAvzcVWRt8DfhwTZuPqNIybMbbgU53cbxR9iPAjcO+IKsa/OkjiNjAX5T9Q1ZywuoShoXuC5BBvxaFXjgfyQ16vLlSCb8WXEg9k7iibooQSb8KB3YLhJwX/IJuyRBNnxWd8SbcA/yGlku+Q/Zfk9QAf8nsgmZ5nvAe6Ss4APY3BNUwGc1xODXmwtiPeJyoqZKHg2ysqqSNRfE0oFc8VyCFvhLCfBdgjb4WQJ8lTCsE34jAb5JGNINvxkBvkgwAr9ZAa5LMAY/jwBXJRiFn1eAaxKMw29FgCsSSMBvVYDtEsjAb0eArRJIwW9XgG0SyMGXIcAWCSThyxJAXQJZ+DIFUJVAGr5sAdQkkIevQgAVCargj6VfWpEWoFrCgCvwVQpQKaGaIcEq+KoF6JZgHXwdAnRJsBI+C78uSGV1IONIv+R259PtP4cVnPP5dE2TUkC6BKiUENkKv9EmPdlVTdfEXw3wzQiwQYJW+CYEUJagHb4pARQlGIFvUgAlCcbgmxZAQYJR+BQEmJRgHL7ucUAz44SbSJ8v8Kn0AL4nHIrSrTs+wKfWA2rVibxAtiho+zGyhwp8aj2gVicVwWe1OyI2FUJNANs7VVb8edl81EAQoB8+SQmxZ/DJSYg9hE9KQuwpfDISYo/hk5AQew7fuIQ4wDcrIQ7wzUqIHYD/wWYJseXw2cTa5kj+BJ4+CRZviOMXTXUitzUvg7RiZZzOFWtWSnAFvrUSXIJvpQQV8E8RWChrjQTZ8EuEVilbIcFV+NZIcBm+FRJch09egg/wSUvwBT5ZCT7BJynBN/jkJPgIn5QEX+GTkeAzfBISfIdvXIIp+BcIwTcqwQR89tiCDmLwdUjozyPAR/iqJcwldV6AGuAbliDukNmH3EMKkr/7Zxvw2Ea8amRPsZ06N6Kl3gPcev1GdiLP2C+8gGXIK6Q3wFcugW3B2oHM8+uCDgT4/9UcclDBuqNt6dVm0cKs/QG+VglFUUBPgK9VQq8ooCvA1yphpSjgU4CvVcKUKOBJgK9VwlPx39DVyFukO8BX/i/qbHoPmOJ7wHdkOMDX0hNGapcgcQgeJ/me8Tlu0fQClWmLR+kxmS/zPIvMZDTyCzlDcErZpIRRZL4B/ItIV9Lkg1s3IIPRwtNFNkYLTxhh24EeIJei2vtwQ/G1FTmB7E2ZsfqMPIwWXmo9KR5A8XE1XtVfAQYAV4Csdohp7bcAAAAASUVORK5CYII=)
}

.emergency-container .close {
    text-indent: 1000px;
    color: transparent;
    overflow: hidden;
    background: center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 10px
}

.emergency-container .close:hover {
    border: 0
}

.emergency-container .emergency {
    padding: 5px 60px 5px 20px
}

.number-cards {
    position: relative;
    background-position: center center;
    background-size: cover
}

.number-cards:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    content: ''
}

.number-cards .number-cards-inner {
    position: relative;
    z-index: 1;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .number-cards .number-cards-inner {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .number-cards .number-cards-inner {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .number-cards .number-cards-inner {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .number-cards .number-cards-inner {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .number-cards .number-cards-inner {
        padding: 80px 7%
    }
}

@media only screen and (min-width: 768px) {
    .number-cards .number-cards-inner {
        display: -ms-flexbox;
        display: flex
    }

    .number-cards .number-cards-inner .column {
        -ms-flex: 1;
        flex: 1
    }

    .number-cards .number-cards-inner .column:first-child {
        margin-right: 4%
    }
}

.number-cards .number-cards-inner .column {
    color: white;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.5)
}

.number-cards .number-cards-inner .column .intro {
    padding-bottom: 40px
}

.number-cards .number-cards-inner .column .card {
    background: white;
    margin: 0 0 30px;
    color: black;
    border-radius: 6px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex
}

.number-cards .number-cards-inner .column .card .card-cutout {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.number-cards .number-cards-inner .column .card .card-cutout img {
    display: block
}

.number-cards .number-cards-inner .column .card .card-content {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 20px
}

.number-cards .number-cards-inner .column .card .card-content .number {
    color: #a10833;
    font-size: 4em;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal
}

.number-cards .number-cards-inner .column .card .card-content .title {
    font-size: 1.3em
}

.number-cards .number-cards-inner .column .card .card-content .button-block {
    text-align: right
}

@media only screen and (min-width: 1150px) {
    .number-cards .number-cards-inner .column .card .card-content {
        padding: 30px
    }
}

.guides {
    padding: 20px;
    background: white;
    color: black
}

@media only screen and (min-width: 768px) {
    .guides {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .guides {
        padding: 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .guides {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .guides {
        padding: 35px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .guides {
        padding: 45px 7%
    }
}

.guides.pad-tall {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .guides.pad-tall {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .guides.pad-tall {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .guides.pad-tall {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .guides.pad-tall {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .guides.pad-tall {
        padding: 80px 7%
    }
}

.guides.tan {
    background: #eeeae3
}

@media only screen and (min-width: 768px) {
    .guides {
        display: -ms-flexbox;
        display: flex
    }
}

.guides .guide-column {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-right: 3%
}

@media only screen and (min-width: 768px) {
    .guides-container {
        display: -ms-flexbox;
        display: flex
    }

    .guides-container .guide-menu {
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }

    .guides-container .guide-content {
        -ms-flex: 1 1 75%;
        flex: 1 1 75%
    }
}

.guides-container .guide-menu {
    padding-top: 20px
}

.guides-container .guide-menu h6 {
    text-transform: uppercase;
    font-size: .8em;
    opacity: .5;
    padding-left: 9px
}

.guides-container .guide-menu ul {
    list-style: none;
    padding: 0;
    border-left: 1px solid #ccc
}

.guides-container .guide-menu ul li {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #ccc;
    padding: 5px 9px;
    cursor: pointer
}

.guides-container .guide-menu ul li.current {
    background: #a10833;
    color: white
}

.guides-container .guide-content {
    padding: 4%;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3)
}

.guides-container .guide-content .guide-entry {
    display: none
}

.guides-container .guide-content .guide-entry.visible {
    display: block
}

.timeline {
    background: white center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .timeline {
        padding: 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .timeline {
        padding: 30px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .timeline {
        padding: 40px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .timeline {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .timeline {
        padding: 60px 7%
    }
}

.timeline.tan {
    background: #eeeae3
}

.timeline.fore-white {
    color: white
}

.timeline.fore-white:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0
}

.timeline.fore-white .timeline-line {
    border-color: white !important
}

.timeline.fore-white .timeline-line:before {
    background: white
}

.timeline.fore-black {
    color: black
}

.timeline.fore-black:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 0
}

.timeline.fore-black .timeline-line {
    border-color: black !important
}

.timeline .timeline-line {
    position: absolute;
    z-index: 1;
    left: 9%;
    bottom: 0;
    top: 0;
    border-left: 1px solid
}

.timeline .timeline-line:before {
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -10px;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: black
}

@media only screen and (min-width: 768px) {
    .timeline .timeline-line {
        left: 50%
    }
}

.timeline.begin .timeline-line {
    position: absolute;
    top: 50%
}

.timeline.begin .timeline-line:before {
    top: -10px
}

.timeline.end .timeline-line {
    position: absolute;
    top: 0;
    bottom: 50%
}

.timeline.end .timeline-line:before {
    top: auto;
    bottom: -10px
}

.timeline .timeline-inner {
    position: relative;
    z-index: 1;
    padding-left: 15%
}

@media only screen and (min-width: 768px) {
    .timeline .timeline-inner {
        padding-left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .timeline .timeline-inner .timeline-photo {
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        margin-right: 4%
    }

    .timeline .timeline-inner .timeline-content {
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        margin-left: 4%
    }

    .timeline.left .timeline-inner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .timeline.left .timeline-inner .timeline-photo {
        margin-right: 0;
        margin-left: 4%
    }

    .timeline.left .timeline-inner .timeline-content {
        margin-left: 0;
        margin-right: 4%
    }
}

.content .before-after,
.content-two .before-after {
    border-radius: 6px;
    overflow: hidden
}

.before-after-carousel {
    position: relative;
    z-index: 0
}

.before-after-carousel .before-after-carousel-slides .before-after {
    position: relative;
    z-index: 1;
    display: none
}

.before-after-carousel .before-after-carousel-slides .before-after.visible {
    display: block
}

.before-after-carousel a.prev {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 20px;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    color: transparent !important;
    background: url(../images/icon-arrow-left.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    text-indent: 1000px;
    overflow: hidden
}

.before-after-carousel a.next {
    position: absolute;
    z-index: 20;
    top: 50%;
    right: 20px;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    color: transparent !important;
    background: url(../images/icon-arrow-right.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    text-indent: 1000px;
    overflow: hidden
}

.before-after-carousel a:hover {
    border: 0 !important
}

@media only screen and (min-width: 768px) {

    .content-two-container .before-after-carousel a.prev,
    .content-one .before-after-carousel a.prev {
        left: -50px;
        height: 40px;
        width: 40px;
        margin-top: -20px;
        border: none !important;
        background: url(../images/icon-arrow-black-left.png) center center no-repeat;
        background-size: contain
    }

    .content-two-container .before-after-carousel a.next,
    .content-one .before-after-carousel a.next {
        right: -50px;
        height: 40px;
        width: 40px;
        margin-top: -20px;
        border: none !important;
        background: url(../images/icon-arrow-black-right.png) center center no-repeat;
        background-size: contain
    }
}

.stories-container {
    padding: 20px 0 20px 20px
}

@media only screen and (min-width: 768px) {
    .stories-container {
        padding: 25px 0 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .stories-container {
        padding: 25px 0 25px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .stories-container {
        padding: 35px 0 35px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .stories-container {
        padding: 45px 0 45px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .stories-container {
        padding: 55px 0 55px 7%
    }
}

.stories-container.tan {
    background: #eeeae3
}

.stories-container.tan .story-content {
    background: white
}

.stories-container .story-content {
    background: #eeeae3
}

@media only screen and (min-width: 768px) {
    .stories-container .stories-intro {
        padding-right: 17%;
        position: relative
    }
}

.stories-container .stories-intro .nav-prev {
    width: 40px;
    height: 40px;
    background: url(../images/icon-arrow-black-left.png) center center no-repeat;
    background-size: contain;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .stories-container .stories-intro .nav-prev {
        position: absolute;
        bottom: 30px;
        right: 11%
    }
}

.stories-container .stories-intro .nav-prev.disable {
    opacity: .3
}

.stories-container .stories-intro .nav-next {
    width: 40px;
    height: 40px;
    background: url(../images/icon-arrow-black-right.png) center center no-repeat;
    background-size: contain;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .stories-container .stories-intro .nav-next {
        position: absolute;
        bottom: 30px;
        right: 6%
    }
}

.stories-container .stories-intro .nav-next.disable {
    opacity: .3
}

.stories-container .stories-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 10px 0;
    transition: 100ms margin-left ease-in-out
}

.stories-container .stories-inner .story {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 400px;
    margin-right: 30px;
    border-radius: 6px;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .stories-container .stories-inner .story {
        -ms-flex-preferred-size: 375px;
        flex-basis: 375px
    }
}

@media only screen and (min-width: 1150px) {
    .stories-container .stories-inner .story {
        -ms-flex-preferred-size: 500px;
        flex-basis: 500px
    }
}

.stories-container .stories-inner .story img {
    display: block;
    width: 100%;
    border-bottom: 12px solid #a10833
}

.stories-container .stories-inner .story .story-content {
    padding: 15px 20px
}

.stories-container .stories-inner .story .story-content h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.1em
}

.stories-container .stories-inner .story .story-content p {
    font-size: .9em
}

.instagram-container {
    padding: 20px;
    background: #a10833 url(../images/bg-175.png) bottom right no-repeat;
    background-size: contain
}

@media only screen and (min-width: 768px) {
    .instagram-container {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .instagram-container {
        padding: 50px 7%
    }
}

@media only screen and (min-width: 1150px) {
    .instagram-container {
        padding: 60px 7%
    }
}

@media only screen and (min-width: 1450px) {
    .instagram-container {
        padding: 70px 7%
    }
}

@media only screen and (min-width: 1680px) {
    .instagram-container {
        padding: 80px 7%
    }
}

.instagram-container .intro {
    color: white;
    text-align: center;
    padding: 0 0 60px
}

@media only screen and (min-width: 600px) {
    .instagram-container .instagram-posts {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5%;
        overflow: hidden;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.instagram-container .instagram-posts .insta-post {
    background: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4)
}

@media only screen and (min-width: 600px) {
    .instagram-container .instagram-posts .insta-post {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        margin: 0 5% 5% 0
    }
}

@media only screen and (min-width: 1024px) {
    .instagram-container .instagram-posts .insta-post {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        margin: 0 3% 3% 0
    }
}

.instagram-container .instagram-posts .insta-post .insta-post-attribution {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.instagram-container .instagram-posts .insta-post .insta-post-attribution .insta-post-attribution-photo {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin: 0 10px 0 10px;
    border-radius: 50%;
    overflow: hidden
}

.instagram-container .instagram-posts .insta-post .insta-post-attribution .insta-post-attribution-photo img {
    display: block
}

.instagram-container .instagram-posts .insta-post .insta-post-attribution .insta-post-attribution-name {
    -ms-flex: 1;
    flex: 1
}

.instagram-container .instagram-posts .insta-post .insta-post-content img,
.instagram-container .instagram-posts .insta-post .insta-post-content video {
    max-width: 100%
}

.instagram-container .instagram-posts .insta-post .insta-post-caption {
    padding: 15px 20px 20px;
    font-size: .85em
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1100px;
    height: 65%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-content .lightbox-theme {
    display: block;
    max-width: 900px;
    background: white;
    padding: 10px 30px;
    margin: 0 auto;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    .mfp-content .lightbox-theme {
        padding: 20px 40px
    }
}

.lightbox-theme {
    display: none;
    position: relative
}

.lightbox-theme .mfp-close {
    color: rgba(0, 0, 0, 0.4) !important;
    font-size: 50px;
    top: 10px;
    right: 10px
}

.lightbox-theme h2,
.lightbox-theme h3,
.lightbox-theme h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0
}

.lightbox-theme p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px
}

.lightbox-theme .lightbox-logo {
    margin-bottom: 10px
}