@font-face {
	font-family: 'Frutiger';
  font-weight: normal;
	src: url("/sites/catalina/themes/catalina_conservancy/cssAssets/FrutigerLTStd-Light.otf");
}

@font-face {
	font-family: 'Frutiger LT Std 47 Light Cn';
	src: url("/sites/catalina/themes/catalina_conservancy/cssAssets/FrutigerLTStd-LightCn.otf");
}
@font-face {
	font-family: 'Frutiger LT Std 45 Light';
  font-weight: bold;
	src: url("/sites/catalina/themes/catalina_conservancy/cssAssets/FrutigerLTStd-Roman.otf");
}

@font-face {
	font-family: 'Frutiger LT Std 45 Light';
  font-weight: light;
	src: url("/sites/catalina/themes/catalina_conservancy/cssAssets/FrutigerLTStd LightItalic.otf");
}
@font-face {
	font-family: 'Frutiger';
  font-weight: bold;
	src: url("/sites/catalina/themes/catalina_conservancy/cssAssets/FrutigerLTStd-Bold.otf");
}

#full-height {
    display: none
}

body,html {
    height: 100%
}

body {
    color: #060F22;
    font-size: 18px;
    font-family: "Frutiger"
}

body.nav-menu-open {
    position: fixed;
    overflow: hidden;
    left: 0px;
    right: 0px
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    zoom:1;max-width: 1200px;
    min-width: 0px;
    width: 100%
}

.container.small-container {
    max-width: 960px
}

.container.xsmall-container {
    max-width: 720px
}

.container.xlarge-container {
    max-width: 1340px
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    zoom:1;width: 100%;
    max-width: 2000px;
    min-width: 320px
}

.wrap {
    position: relative;
    margin: 0 auto -90px;
    min-height: 100%;
    height: auto !important;
    height: 100%
}

.push {
    height: 90px;
    background: transparent
}

.padding {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.nomargin {
    margin-left: 0px !important;
    margin-right: 0px !important
}

::-moz-selection {
    color: white;
    background: #77a942
}

::selection {
    color: white;
    background: #77a942
}

:focus {
    outline: 0px none transparent
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

::-webkit-input-placeholder {
    color: #060F22;
}

:-moz-placeholder {
    color: #060F22;
    opacity: 1
}

::-moz-placeholder {
    color: #060F22;
    opacity: 1
}

:-ms-input-placeholder {
    color: #060F22;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0px;
    margin-bottom: 0px
}

input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="submit"],textarea,select {
    -webkit-appearance: none;
    border-radius: 0px
}

#preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}

a,input[type="submit"] {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

a:hover,input[type="submit"]:hover {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

img {
    max-width: 100%
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img {
    max-width: 100%;
    height: auto !important
}

img:not([src]) {
    visibility: hidden
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 100%
}

.wp-caption p {
    margin-top: 20px
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    img.alignright,img.alignleft {
        float:none;
        display: block;
        margin: 0 auto 30px
    }

    .alignright,.alignleft {
        float: none;
        margin: 0 auto 30px
    }
}

[class^="icon-"],[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.animsition-loading {
    border: none;
    -webkit-animation-iteration-count: none;
    animation-iteration-count: none;
    -webkit-animation-timing-function: none;
    animation-timing-function: none;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-name: none;
    animation-name: none;
    width: 60px
}

@media screen and (max-width: 767px) {
    .animatedParent .animated {
        -webkit-transition-property:none !important;
        transition-property: none !important;
        -webkit-animation: none !important;
        animation: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1
    }
}

#alert-bar-container {
    background: #c1604b;
    padding: 15px 20px;
    text-align: center
}

#alert-bar-container>* {
    color: #ffffff
}

#alert-bar-container p,#alert-bar-container a {
    font-size: 16px
}

#alert-bar-container a {
    color: #ffffff;
    text-decoration: underline
}

#nws-app {
}

#nws-app .nws-alert-bar {
    background-color: #c1604b;
    color: #fff;
    top: 0;
    z-index: 1000;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    max-width: 2000px;
    left: 0;
    right: 0
}

#nws-app .nws-alert-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1200px
}

#nws-app .icon {
    font-size: 1em;
    vertical-align: middle;
    margin-right: 0.5em
}

#nws-app .alert-text {
    margin: 0;
    margin-right: 10px;
    font-size: 16px
}

#nws-app .alert-link {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin-right: 6px
}

#nws-app .alert-link:hover {
    text-decoration: underline
}

#nws-app .date-span {
    font-weight: normal
}

#nws-app .nws-alert-close {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer
}

#nws-app .nws-alert-close:hover {
    color: #ddd
}

#nws-app .alert-icon {
    width: 1.2em;
    height: auto;
    vertical-align: middle;
    margin-right: 0.5em
}

#header-container {
    padding: 10px 0;
    position: fixed;
    z-index: 10000;
    background: #ffffff;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#header-container>div {
    position: unset
}

#header-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#header-container>div>div>div:first-child {
    width: 265px;
    border-right: 1px solid rgba(26, 43, 58, 0.2)
}

#header-container>div>div>div:last-child {
    padding-left: 20px;
    width: calc(100% - 265px);
    text-align: right
}

#header-container>div>div>div:last-child>div {
    display: inline-block;
    vertical-align: middle
}

#header-container>div>div>div:last-child ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#header-container>div>div>div:last-child ul li {
    display: inline-block;
    vertical-align: middle
}

#header-container>div>div>div:last-child ul li:not(:last-of-type) {
    margin-right: 14px
}

#header-container>div>div>div:last-child ul li:not(.blue-button):hover>a:before,#header-container>div>div>div:last-child ul li:not(.green-button):hover>a:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

#header-container>div>div>div:last-child ul li:not(.blue-button):hover .sub-menu,#header-container>div>div>div:last-child ul li:not(.blue-button):hover .mega-menu,#header-container>div>div>div:last-child ul li:not(.green-button):hover .sub-menu,#header-container>div>div>div:last-child ul li:not(.green-button):hover .mega-menu {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#header-container>div>div>div:last-child ul li.blue-button {
    margin-right: 5px;
    margin-left: 8px
}

#header-container>div>div>div:last-child ul li.blue-button>a {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    min-width: 120px;
    text-align: center;
    padding: 20px 15px 15px;
    font-size: 15px;
    font-family: "Frutiger"
}

#header-container>div>div>div:last-child ul li.blue-button>a:hover {
    background: #5C2F27;
}

#header-container>div>div>div:last-child ul li.blue-button>a:before {
    display: none
}

#header-container>div>div>div:last-child ul li.green-button>a {
    display: inline-block;
    text-decoration: none;
    background: #77a942;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    min-width: 120px;
    text-align: center;
    padding: 20px 15px 15px;
    font-family: "Frutiger";
    font-size: 15px
}

#header-container>div>div>div:last-child ul li.green-button>a:hover {
    background: #415840
}

#header-container>div>div>div:last-child ul li.green-button>a:before {
    display: none
}

#header-container>div>div>div:last-child ul li>a,#header-container>div>div>div:last-child ul li>span {
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #060F22;
    font-size: 17px;
    text-decoration: none;
    position: relative;
    padding-bottom: 30px
}

#header-container>div>div>div:last-child ul li>a:hover:before,#header-container>div>div>div:last-child ul li>span:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

#header-container>div>div>div:last-child ul li>a:before,#header-container>div>div>div:last-child ul li>span:before {
    background: #351310;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    content: "";
    position: absolute;
    bottom: calc(100% - 53px);
    left: 0;
    width: 100%;
    height: 5px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

#header-container>div>div>div:last-child ul li .mega-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #ffffff;
    width: 100%;
    left: 0;
    top: 100%;
    padding: 60px 120px;
    text-align: left
}

#header-container>div>div>div:last-child ul li .mega-menu>div {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div {
    width: 50%;
    padding-right: 80px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div h1 {
    font-size: 38px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div h2 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div h5 {
    font-family: "Bebas Neue";
    text-transform: uppercase;
    color: #351310;
    letter-spacing: 1px;
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 15px
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.667
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #060F22;
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div a:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div a .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#header-container>div>div>div:last-child ul li .mega-menu>div>div a .icon-arrow:before {
    content: ""
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    text-align: left;
    align-self: baseline
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 15px;
    display: block
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul li:nth-of-type(2n) {
    margin-right: 4%
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul li a {
    font-family: #351310;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    color: #351310;
    font-family: "Frutiger"
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul li a:before {
    display: none
}

#header-container>div>div>div:last-child ul li .mega-menu>div ul li a:hover {
    text-decoration: underline
}

#header-container .search-toggle {
    display: inline-block;
    color: #060F22;
    text-decoration: none;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 18px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    opacity: 1
}

#header-container .search-toggle.mobile {
    display: none;
    position: absolute;
    top: 22px;
    right: 80px;
    font-size: 24px
}

#header-container .search-toggle:hover {
    opacity: 0.7
}

#header-container .search-toggle.active span.icon-search {
    opacity: 0
}

#header-container .search-toggle.active span.icon-close {
    opacity: 1
}

#header-container .search-toggle span {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#header-container .search-toggle span.icon-search {
    opacity: 1
}

#header-container .search-toggle span.icon-search:before {
    content: ""
}

#header-container .search-toggle span.icon-close {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
}

#header-container .search-toggle span.icon-close:before {
    content: ""
}

#header-container #mobile-menu-icon {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 20px;
    text-decoration: none
}

#header-container #mobile-menu-icon.active span {
    background: transparent
}

#header-container #mobile-menu-icon.active span:before {
    top: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#header-container #mobile-menu-icon.active span:after {
    top: 0px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg)
}

#header-container #mobile-menu-icon span {
    height: 3px;
    width: 35px;
    background: #351310;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 250ms ease-in-out
}

#header-container #mobile-menu-icon span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 35px;
    background: #351310;
    position: absolute;
    display: block;
    content: "";
    top: -9px;
    transition: all 250ms ease-in-out
}

#header-container #mobile-menu-icon span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 35px;
    background: #351310;
    position: absolute;
    display: block;
    content: "";
    top: 9px;
    transition: all 250ms ease-in-out
}

#search-overlay-container {
    display: none;
    background: #ffffff;
    position: relative !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 1px solid rgba(26, 43, 58, 0.2);
    padding: 80px 0;
    margin-top: 20px
}

#search-overlay-container form {
    width: 100%
}

#search-overlay-container label,#search-overlay-container legend {
    border: none;
    font-weight: bold;
    font-size: 18px;
    color: #060F22;
}

#search-overlay-container label span,#search-overlay-container legend span {
    color: #060F22;
}

#search-overlay-container input[type="text"] {
    width: 100%;
    padding-left: 15px;
    border-radius: 4px;
    border: 1px solid #060F22;
    color: #060F22;
    height: 50px;
    font-size: 16px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#search-overlay-container input[type="text"]:focus {
    color: #351310;
    border: 1px solid #351310;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#search-overlay-container input[type="text"]:focus::-webkit-input-placeholder {
    color: #351310
}

#search-overlay-container input[type="text"]:focus:-moz-placeholder {
    color: #351310;
    opacity: 1
}

#search-overlay-container input[type="text"]:focus::-moz-placeholder {
    color: #351310;
    opacity: 1
}

#search-overlay-container input[type="text"]:focus:-ms-input-placeholder {
    color: #351310
}

#search-overlay-container #search-form-wrapper {
    position: relative
}

#search-overlay-container #search-form-wrapper .icon-search {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px
}

#search-overlay-container #search-form-wrapper .icon-search:before {
    content: ""
}

#mobile-menu {
    display: block;
    position: fixed;
    left: 0;
    top: 69px;
    height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition-property: transform;
    transition-duration: 0.6s;
    z-index: 100000;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 40px 20px 240px
}

#mobile-menu.is-visible {
    transform: translateX(0%);
    -webkit-transform: translateX(0%)
}

#mobile-menu ul {
    padding: 0;
    list-style: none;
    margin: 0
}

#mobile-menu ul li {
    margin-bottom: 15px
}

#mobile-menu ul li:not(.green-button):not(.menu-item-has-children) .toggle-arrow,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow):not(.menu-item-has-children) .toggle-arrow {
    display: none
}

#mobile-menu ul li:not(.green-button).menu-item-has-children,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow).menu-item-has-children {
    position: relative
}

#mobile-menu ul li:not(.green-button).active a.toggle-arrow,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow).active a.toggle-arrow {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#mobile-menu ul li:not(.green-button)>a,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow)>a {
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #060F22;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    text-decoration: none
}

#mobile-menu ul li:not(.green-button)>a.toggle-arrow,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow)>a.toggle-arrow {
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 100;
    color: #060F22;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#mobile-menu ul li:not(.green-button)>a.toggle-arrow .icon-plus:before,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow)>a.toggle-arrow .icon-plus:before {
    content: ""
}

#mobile-menu ul li:not(.green-button) .sub-menu,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow) .sub-menu {
    display: none;
    padding: 10px 0 0
}

#mobile-menu ul li:not(.green-button) .sub-menu li,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow) .sub-menu li {
    width: 100%;
    margin: 0 0 5px
}

#mobile-menu ul li:not(.green-button) .sub-menu li a,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow) .sub-menu li a {
    font-family: "Frutiger";
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    color: #351310
}

#mobile-menu ul li:not(.green-button) .sub-menu li a.toggle-arrow,#mobile-menu ul li:not(.blue-button):not(.toggle-arrow) .sub-menu li a.toggle-arrow {
    display: none
}

#mobile-menu ul li.green-button>a {
    display: inline-block;
    text-decoration: none;
    background: #77a942;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    text-align: center;
    color: #ffffff !important;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block
}

#mobile-menu ul li.green-button>a:hover {
    background: #415840
}

#mobile-menu ul li.green-button>a.toggle-arrow {
    display: none !important
}

#mobile-menu ul li.blue-button {
    margin-top: 50px
}

#mobile-menu ul li.blue-button>a {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block
}

#mobile-menu ul li.blue-button>a:hover {
    background: #1a2b3a
}

#mobile-menu ul li.blue-button>a.toggle-arrow {
    display: none !important
}

#interior-header-container {
    background: #1a2b3a;
    height: 240px;
    margin-top: 80px
}

#interior-header-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block
}

#interior-header-container>div {
    display: table;
    width: 100%;
    height: 100%
}

#interior-header-container>div>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

#interior-header-container>div>div h1,#interior-header-container>div>div h5 {
    color: #ffffff
}

#interior-header-container>div>div h1 {
    font-size: 38px;
    font-weight: bold
}

#interior-header-container>div>div h5 {
    font-size: 20px;
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    margin-bottom: 15px
}

@media screen and (max-width: 1380px) {
    #header-container {
        padding:10px 20px
    }

    #header-container>div>div>div:last-child ul li .mega-menu {
        width: calc(100% + 40px);
        left: -20px
    }

    #search-overlay-container {
        width: calc(100% + 40px);
        left: -20px
    }
}

@media screen and (max-width: 1280px) {
    #header-container>div>div>div:last-child ul li:not(:last-of-type) {
        margin-right:7px
    }
}

@media screen and (max-width: 1240px) {
    #header-container {
        padding:20px
    }

    #header-container>div>div>div:first-child {
        width: 170px;
        padding-right: 20px
    }

    #header-container>div>div>div:last-child {
        width: calc(100% - 170px);
        padding-left: 15px
    }

    #interior-header-container {
        padding: 0 20px
    }
}

@media screen and (max-width: 1140px) {
    #header-container {
        padding:10px 20px;
        position: relative;
        top: 0 !important
    }

    #header-container>div>div>div:first-child {
        width: 230px;
        border-right: 0
    }

    #header-container>div>div>div:last-child {
        display: none
    }

    #header-container #mobile-menu-icon {
        display: block
    }

    #header-container .search-toggle.mobile {
        display: inline-block
    }

    #interior-header-container {
        margin-top: 0
    }

    #search-overlay-container {
        display: none
    }
}

@media screen and (max-width: 767px) {
    #header-container>div>div>div:first-child {
        width:200px
    }

    #search-overlay-container {
        padding: 50px 20px
    }

    #search-overlay-container label,#search-overlay-container legend {
        font-size: 16px
    }

    #search-overlay-container input[type="text"] {
        font-size: 16px
    }

    #interior-header-container>div>div>div h5 {
        font-size: 18px
    }

    #interior-header-container>div>div>div h1 {
        font-size: 30px
    }
}

body.page-template-template-membership #content ul {
    padding: 0;
    list-style: none;
    margin: 0
}

body.page-template-template-membership #content ul li {
    padding: 0 0 0 30px;
    position: relative;
    margin-bottom: 10px
}

body.page-template-template-membership #content ul li:before {
    position: absolute;
    content: "";
    left: 0;
    font-family: "icomoon";
    color: #77a942;
    font-size: 20px;
    top: -3px
}

#content #error-container {
    padding: 100px 20px;
    text-align: center
}

#content h1 {
    font-size: 38px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px
}

#content h2 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px
}

#content h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px
}

#content h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px
}

#content h5 {
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #351310
}

#content p {
    margin-bottom: 30px;
    line-height: 1.667
}

#content a:not(.button):not(.custom-link):not(.page-numbers):not(.accordion-header):not(.tribe-events-c-nav__prev):not(.tribe-events-c-nav__next) {
    color: #351310
}

#content a.button.blue {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center
}

#content a.button.blue:hover {
    background: #1a2b3a
}

#content a.button.green {
    display: inline-block;
    text-decoration: none;
    background: #77a942;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center
}

#content a.button.green:hover {
    background: #415840
}

#content a.button.arrow {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content a.button.arrow:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content a.button.arrow .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content a.button.arrow .icon-arrow:before {
    content: ""
}

#content ul {
    padding: 0;
    list-style: none;
    margin: 0
}

#content ul li {
    padding: 0 0 0 20px;
    position: relative;
    margin-bottom: 10px
}

#content ul li:before {
    position: absolute;
    content: "•";
    left: 0;
    color: #351310;
    font-size: 20px;
    top: 0px
}

#content ol {
    list-style-position: outside;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    counter-reset: section
}

#content ol>li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px
}

#content ol>li:before {
    position: absolute;
    left: 0;
    top: 0px;
    counter-increment: section;
    content: counter(section) ". ";
    color: #351310
}

#content label,#content legend {
    border: none;
    font-weight: bold;
    font-size: 18px;
    color: #1a2b3a
}

#content label span,#content legend span {
    color: #1a2b3a
}

#content input[type="text"],#content input[type="tel"],#content input[type="email"] {
    width: 100%;
    padding-left: 15px;
    border-radius: 4px;
    border: 1px solid #1a2b3a;
    color: #1a2b3a;
    height: 50px;
    font-size: 16px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="text"]:focus,#content input[type="tel"]:focus,#content input[type="email"]:focus {
    color: #351310;
    border: 1px solid #351310;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="text"]:focus::-webkit-input-placeholder,#content input[type="tel"]:focus::-webkit-input-placeholder,#content input[type="email"]:focus::-webkit-input-placeholder {
    color: #351310
}

#content input[type="text"]:focus:-moz-placeholder,#content input[type="tel"]:focus:-moz-placeholder,#content input[type="email"]:focus:-moz-placeholder {
    color: #351310;
    opacity: 1
}

#content input[type="text"]:focus::-moz-placeholder,#content input[type="tel"]:focus::-moz-placeholder,#content input[type="email"]:focus::-moz-placeholder {
    color: #351310;
    opacity: 1
}

#content input[type="text"]:focus:-ms-input-placeholder,#content input[type="tel"]:focus:-ms-input-placeholder,#content input[type="email"]:focus:-ms-input-placeholder {
    color: #351310
}

#content textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #1a2b3a;
    color: #1a2b3a;
    height: 250px;
    resize: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content textarea:focus {
    color: #351310;
    border: 1px solid #351310;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content textarea:focus::-webkit-input-placeholder {
    color: #351310
}

#content textarea:focus:-moz-placeholder {
    color: #351310;
    opacity: 1
}

#content textarea:focus::-moz-placeholder {
    color: #351310;
    opacity: 1
}

#content textarea:focus:-ms-input-placeholder {
    color: #351310
}

#content input[type="checkbox"] {
    display: none
}

#content input[type="checkbox"]:checked+label:before {
    border: 1px solid #351310
}

#content input[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="checkbox"]+label {
    font-size: 16px;
    color: #1a2b3a;
    text-transform: none;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    cursor: pointer
}

#content input[type="checkbox"]+label:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #1a2b3a;
    left: 0;
    top: 0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="checkbox"]+label:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    background: #351310;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="radio"] {
    display: none
}

#content input[type="radio"]:checked+label:before {
    border: 1px solid #351310
}

#content input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="radio"]+label {
    font-size: 16px;
    color: #1a2b3a;
    text-transform: none;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    cursor: pointer
}

#content input[type="radio"]+label:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #1a2b3a;
    left: 0;
    top: 0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="radio"]+label:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    background: #351310;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .selectric-wrapper {
    width: 100%;
    background: transparent
}

#content .selectric-wrapper.selectric-open .selectric {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#content .selectric-wrapper.selectric-open .selectric-items {
    top: calc(100% - 1px)
}

#content .selectric-wrapper .selectric {
    border: none;
    border: 1px solid #1a2b3a;
    border-radius: 4px;
    background: transparent;
    height: 50px;
    padding: 0 80px 0 12px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .selectric-wrapper .selectric .button {
    width: 50px;
    height: 50px;
    background: transparent;
    border-top-color: transparent
}

#content .selectric-wrapper .selectric .button:after {
    content: "";
    color: #351310;
    font-family: "icomoon";
    border: none;
    font-size: 14px;
    right: 20px
}

#content .selectric-wrapper .selectric .label {
    line-height: 50px;
    color: #1a2b3a;
    font-size: 16px;
    height: 50px;
    margin: 0;
    text-align: left;
    font-weight: normal;
    padding: 0
}

#content .selectric-wrapper .selectric-items {
    border: none;
    background: transparent;
    top: 40px;
    width: 100% !important;
    border-left: 1px solid #1a2b3a;
    border-right: 1px solid #1a2b3a;
    border-bottom: 1px solid #1a2b3a;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#content .selectric-wrapper .selectric-items ul {
    padding: 0;
    margin-bottom: 0 !important
}

#content .selectric-wrapper .selectric-items ul li {
    border: none;
    background: #ffffff;
    color: #1a2b3a;
    font-size: 16px;
    padding: 7px 12px !important;
    margin-bottom: 0 !important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .selectric-wrapper .selectric-items ul li:before {
    display: none
}

#content .selectric-wrapper .selectric-items ul li:hover,#content .selectric-wrapper .selectric-items ul li.selected {
    background: #351310;
    color: #ffffff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    border: none
}

#content input[type="submit"]:hover {
    background: #1a2b3a
}

#content .gform_validation_errors {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-top: 2px solid #c1604b;
    border-bottom: 2px solid #c1604b;
    background: transparent;
    color: #c1604b;
    font-size: 20px;
    padding: 20px 0;
    margin-bottom: 20px
}

#content .gform_validation_errors span {
    display: none
}

#content .gform_validation_errors h2 {
    font-size: 24px;
    margin-bottom: 0 !important;
    color: #c1604b !important
}

#content .gform_validation_errors h2:before {
    display: none
}

#content .validation_message {
    font-weight: normal;
    padding: 7px 0 0;
    margin: 0;
    font-size: 14px;
    color: #c1604b;
    border: none;
    background: transparent
}

#content .gform_confirmation_message {
    font-size: 20px;
    text-align: center;
    padding: 40px 0
}

#content .gform_wrapper {
    width: 100%;
    margin: 0 auto
}

#content .gform_wrapper .gform_fields {
    padding: 0
}

#content .gform_wrapper .gform_fields .gfield {
    margin-bottom: 10px
}

#content .gform_wrapper .gform_fields .gfield ul {
    padding: 0
}

#content .gform_wrapper .gform_fields .gfield.gfield_error {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 0 !important;
    margin-bottom: 10px !important
}

#content .gform_wrapper .gform_fields .gfield.gfield_error input[type="text"],#content .gform_wrapper .gform_fields .gfield.gfield_error input[type="email"],#content .gform_wrapper .gform_fields .gfield.gfield_error input[type="tel"] {
    border: 1px solid #c1604b
}

#content .gform_wrapper .gform_fields .gfield.gfield_error textarea {
    border: 1px solid #c1604b
}

#content .gform_wrapper .gform_fields .gfield .gfield_checkbox {
    margin-top: 10px
}

#content .gform_wrapper .gform_fields .gfield .gfield_checkbox>div {
    margin-bottom: 5px
}

#content .gform_wrapper .gform_fields .gfield .gfield_radio>div {
    margin-bottom: 5px
}

#content .gform_wrapper .gform_fields .gfield .gfield_radio>div:not(:last-of-type) {
    margin-right: 15px
}

#content .gform_wrapper .gform_footer {
    padding: 40px 0 0;
    display: block
}

#content .gform_wrapper img.gform_ajax_spinner {
    margin: 30px auto;
    display: block;
    width: 60px
}

#content blockquote {
    border: none
}

#content .accordion {
    border-bottom: 1px solid rgba(227, 221, 210, 0.5)
}

#content .accordion .accordion-header {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #1a2b3a;
    padding: 20px 50px 20px 0;
    position: relative
}

#content .accordion .accordion-header:before {
    position: absolute;
    content: "";
    font-family: "icomoon";
    top: 26px;
    right: 0;
    color: #1a2b3a;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .accordion .accordion-header.active {
    color: #351310
}

#content .accordion .accordion-header.active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .accordion .accordion-header h3 {
    margin-bottom: 0
}

#content .accordion .accordion-content {
    display: none;
    padding: 5px 0 20px
}

#content .accordion .accordion-content>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#content .accordion .accordion-content>div>div:first-child {
    width: 35%
}

#content .accordion .accordion-content>div>div:last-child {
    width: 65%;
    padding-left: 50px
}

#content .image-photo-credit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 7px
}

#content .image-photo-credit>div:first-child {
    width: 20px
}

#content .image-photo-credit>div:first-child .icon-camera {
    font-size: 16px;
    color: #351310;
    position: relative;
    top: 1px
}

#content .image-photo-credit>div:first-child .icon-camera:before {
    content: ""
}

#content .image-photo-credit>div:last-child {
    width: calc(100% - 20px);
    padding-left: 5px
}

#content .image-photo-credit>div p {
    margin-bottom: 0;
    font-size: 14px
}

#content .ci-content-block {
    border-top: 1px solid #e3ddd2;
    border-bottom: 1px solid #e3ddd2;
    margin: 50px auto;
    width: 100%;
    max-width: 960px
}

#content .ci-content-block>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    padding: 45px 0
}

#content .ci-content-block>div>div:first-child {
    width: 40%
}

#content .ci-content-block>div>div:last-child {
    width: 60%;
    padding-left: 50px
}

#content .pdfemb-wantmobile-fsarea {
    display: inline-block;
    text-decoration: none;
    background: #77a942;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    display: block;
    max-height: 200px;
    box-shadow: none;
    line-height: 1.5;
    border: none
}

#content .pdfemb-wantmobile-fsarea:hover {
    background: #415840
}

@media screen and (max-width: 1000px) {
    #content .ci-content-block {
        max-width:calc(100% - 40px)
    }
}

@media screen and (max-width: 767px) {
    #content #error-container {
        padding:50px 20px
    }

    #content h1 {
        font-size: 30px
    }

    #content h2 {
        font-size: 25px
    }

    #content h3 {
        font-size: 21px
    }

    #content h4 {
        font-size: 18px
    }

    #content h5 {
        font-size: 18px
    }

    #content p {
        font-size: 16px
    }

    #content a.button {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        display: block
    }

    #content ul li {
        font-size: 16px
    }

    #content ul li:before {
        font-size: 18px
    }

    #content ol li {
        font-size: 16px
    }

    #content input[type="submit"] {
        line-height: 1.3
    }

    #content .accordion .accordion-header:before {
        top: 20px
    }

    #content .accordion .accordion-content>div>div:first-child {
        width: 100%
    }

    #content .accordion .accordion-content>div>div:last-child {
        width: 100%;
        padding: 30px 0 0
    }

    #content .ci-content-block>div {
        padding: 30px 0
    }

    #content .ci-content-block>div>div:first-child,#content .ci-content-block>div>div:last-child {
        width: 100%
    }

    #content .ci-content-block>div>div:last-child {
        padding: 30px 0 0
    }

    #content .ci-content-block>div>div:last-child h1,#content .ci-content-block>div>div:last-child h2,#content .ci-content-block>div>div:last-child h3,#content .ci-content-block>div>div:last-child h4,#content .ci-content-block>div>div:last-child h5,#content .ci-content-block>div>div:last-child h6,#content .ci-content-block>div>div:last-child p {
        max-width: 100%
    }
}

#hero-container {
    height: 720px;
    background-size: cover;
    background-position: 50%;
    margin-top: 80px;
    overflow: hidden
}

#hero-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block;
    z-index: 100
}

#hero-container:after {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, rgba(26, 43, 58, 0.9), rgba(26, 43, 58, 0) 100%);
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    left: 0
}

#hero-container video {
    background-size: cover;
    display: block;
    height: 100%;
    left: 50%;
    max-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    width: auto;
    transform: translate(-50%, -50%)
}

#hero-container #hero-content {
    display: table;
    width: 100%;
    height: 100%
}

#hero-container #hero-content>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

#hero-container #hero-content>div>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 100
}

#hero-container #hero-content>div>div>div>div {
    display: flex;
    flex-direction: column;
    width: 50%
}

#hero-container #hero-content>div>div>div>div:first-child>* {
    color: #ffffff
}

#hero-container #hero-content>div>div>div>div:first-child h1 {
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: "Bebas Neue";
    line-height: 1.2
}

#hero-container #hero-content>div>div>div>div:first-child .button {
    align-self: flex-start;
    padding: 22px 30px;
    min-width: 255px
}

#hero-container #hero-content>div>div>div>div:last-child {
    text-align: right
}

#hero-container #hero-content>div>div>div>div:last-child a {
    margin-top: auto;
    text-decoration: none;
    opacity: 1;
    position: relative;
    top: 40px
}

#hero-container #hero-content>div>div>div>div:last-child a:hover {
    opacity: 0.7
}

#hero-container #hero-content>div>div>div>div:last-child a img {
    width: 120px
}

#home-introduction-container {
    padding: 100px 0
}

#home-introduction-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#home-introduction-container>div>div:first-child {
    width: 40%
}

#home-introduction-container>div>div:first-child .image-wrapper {
    position: relative
}

#home-introduction-container>div>div:first-child .image-wrapper>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    z-index: 100;
    width: 50%;
    right: -80px
}

#home-introduction-container>div>div:first-child .image-wrapper>div img:first-child {
    margin-bottom: 20px
}

#home-introduction-container>div>div:last-child {
    width: 60%;
    padding-left: 180px
}

#home-introduction-container>div>div:last-child h1 strong {
    color: #351310
}

#home-recreation-container {
    background-size: cover;
    background-position: 50%;
    padding: 0 0 200px;
    overflow: hidden
}

#home-recreation-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0) 50%);
    display: inline-block
}

#home-recreation-container:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block;
    z-index: 100
}

#home-recreation-container #home-recreation-content {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: auto
}

#home-recreation-container #home-recreation-content>div {
    background: #ffffff;
    border-radius: 8px;
    padding: 60px;
    width: 460px;
    margin: 0 auto 0 0;
    position: relative;
    left: -60px
}

#home-recreation-container #home-recreation-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#home-recreation-container #home-recreation-wrapper>div {
    position: relative
}

#home-recreation-container #home-recreation-wrapper>div:first-child {
    width: 40%
}

#home-recreation-container #home-recreation-wrapper>div:last-child {
    width: 60%;
    padding-left: 30px;
    position: relative
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation {
    float: left;
    width: 1100px;
    overflow: visible;
    clip-path: inset(-100vw -100vw -100vw 0vw)
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide {
    height: auto
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a {
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 10px 30px 0 rgba(26, 43, 58, 0.2);
    display: inline-block;
    width: 100%;
    color: #351310;
    overflow: hidden;
    position: relative
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a:hover>div>div:last-child .icon-arrow {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    right: -5px
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .video-wrapper {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 300px;
    position: relative
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .video-wrapper video {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: auto
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 300px !important;
    width: 100%;
    object-fit: cover
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper {
    display: table;
    width: 100%;
    height: 90px;
    position: relative;
    background: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    padding: 15px 20px;
    background: #ffffff;
    position: relative;
    z-index: 1000
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div>div:first-child {
    width: 80%
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div>div:first-child h3 {
    margin-bottom: 0;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 1.25
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div>div:last-child {
    width: 20%;
    text-align: right
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div>div:last-child .icon-arrow {
    position: relative;
    top: 3px;
    right: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div>div>div:last-child .icon-arrow:before {
    content: ""
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    z-index: 100;
    text-align: center
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div:first-child {
    left: 0
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div:first-child a .icon-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div:last-child {
    right: 0
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div a {
    width: 60px;
    height: 60px;
    outline: none;
    display: inline-block;
    position: relative;
    opacity: 1;
    top: 40%;
    transform: translateY(-40%);
    color: #ffffff;
    background: #1a2b3a;
    line-height: 67px;
    font-size: 22px
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div a:hover {
    opacity: 0.7
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div a .icon-arrow {
    display: inline-block
}

#home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div a .icon-arrow:before {
    content: ""
}

#home-content-rows {
    padding: 100px 0
}

#home-content-rows>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#home-content-rows>div:nth-of-type(odd)>div:nth-of-type(2n) {
    padding-left: 60px
}

#home-content-rows>div:nth-of-type(even)>div:nth-of-type(2n-1) {
    padding-right: 60px
}

#home-content-rows>div:not(:last-of-type) {
    margin-bottom: 60px
}

#home-content-rows>div>div {
    width: 50%
}

#home-get-involved-container {
    background-size: cover;
    background-position: center top;
    padding: 60px 0 180px
}

#home-get-involved-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block;
    z-index: 100
}

#home-get-involved-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#home-get-involved-container>div>div>div:first-child {
    width: 60%
}

#home-get-involved-container>div>div>div:last-child {
    width: 40%
}

#home-help-container {
    padding: 0 0 80px;
    top: -60px;
    z-index: 100;
    margin-bottom: -60px
}

#home-help-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.01) 76%);
    display: inline-block;
    display: none
}

#home-help-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    padding-top: 100px
}

#home-help-container>div>div {
    width: 31%;
    text-align: center
}

#home-help-container>div>div:nth-of-type(3n-1) {
    margin-left: 3.333%;
    margin-right: 3.333%
}

#home-help-container>div>div .help-icon-wrapper {
    background: #351310;
    border-radius: 8px;
    padding: 50px 30px;
    text-align: center
}

#home-help-container>div>div .help-icon-wrapper img {
    width: 90px;
    height: 90px !important
}

#home-help-container>div>div .help-content {
    background: #ffffff;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#home-help-container>div>div h3 {
    margin-bottom: 10px
}

#home-help-container>div>div p {
    font-size: 16px
}

#home-story-container {
    overflow: hidden;
    padding: 0 100px 80px
}

#home-story-container #home-stories {
    overflow: visible
}

#home-story-container .swiper-slide>div {
    background-size: cover;
    background-position: 50%;
    height: 640px;
    position: relative
}

#home-story-container .swiper-slide>div:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    background-image: linear-gradient(43deg, rgba(26, 43, 58, 0.9) 0%, rgba(26, 43, 58, 0) 68%)
}

#home-story-container .swiper-slide>div>div {
    width: 100%;
    max-width: 600px;
    position: absolute;
    bottom: 60px;
    left: 60px
}

#home-story-container .swiper-slide>div>* {
    color: #ffffff
}

#home-story-container .swiper-slide>div h5 {
    color: #ffffff
}

#home-story-container #home-stories-navigation>div {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    z-index: 100;
    text-align: center
}

#home-story-container #home-stories-navigation>div:first-child {
    left: 50px
}

#home-story-container #home-stories-navigation>div:first-child a .icon-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#home-story-container #home-stories-navigation>div:last-child {
    right: 80px
}

#home-story-container #home-stories-navigation>div a {
    width: 60px;
    height: 60px;
    outline: none;
    display: inline-block;
    position: relative;
    opacity: 1;
    top: 40%;
    transform: translateY(-40%);
    color: #ffffff;
    background: #1a2b3a;
    line-height: 60px;
    font-size: 22px
}

#home-story-container #home-stories-navigation>div a:hover {
    opacity: 0.7
}

#home-story-container #home-stories-navigation>div a .icon-arrow {
    display: inline-block
}

#home-story-container #home-stories-navigation>div a .icon-arrow:before {
    content: ""
}

#home-upcoming-events-container {
    padding: 20px 0 80px
}

#home-upcoming-events-container #home-upcoming-events-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #e3ddd2;
    padding: 0 0 20px;
    margin-bottom: 40px
}

#home-upcoming-events-container #home-upcoming-events-header>div:first-child {
    width: 70%
}

#home-upcoming-events-container #home-upcoming-events-header>div:first-child h1 {
    margin-bottom: 0
}

#home-upcoming-events-container #home-upcoming-events-header>div:last-child {
    width: 30%;
    text-align: right
}

#home-upcoming-events-container #home-upcoming-events {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#home-upcoming-events-container #home-upcoming-events>div {
    width: 50%
}

#home-upcoming-events-container #home-upcoming-events>div:last-child {
    padding-left: 80px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:first-child {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #e3ddd2;
    text-align: center;
    background: #ffffff
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:first-child .day {
    display: block;
    font-size: 16px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px;
    color: #351310
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:first-child .date {
    display: block;
    font-size: 26px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -3px;
    color: #351310
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child {
    width: calc(100% - 80px);
    padding-left: 40px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child h4 {
    color: #1a2b3a;
    font-weight: bold;
    margin-bottom: 5px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .date {
    color: rgba(26, 43, 58, 0.6);
    font-size: 14px;
    margin-bottom: 10px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0 0
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .event-location>div:first-child {
    width: 30px
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .event-location>div:first-child .icon-location:before {
    content: ""
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .event-location>div:last-child {
    width: calc(100% - 30px)
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 14px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .button {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#home-upcoming-events-container #home-upcoming-events>div:last-child .home-event-item>div:last-child .button .icon-arrow:before {
    content: ""
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:first-child {
    margin-bottom: 30px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:first-child {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #e3ddd2;
    text-align: center;
    background: #ffffff
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:first-child .day {
    display: block;
    font-size: 16px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px;
    color: #351310
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:first-child .date {
    display: block;
    font-size: 26px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -3px;
    color: #351310
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child {
    width: calc(100% - 80px);
    padding-left: 40px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child a {
    text-decoration: none
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child h2 {
    color: #1a2b3a;
    font-weight: bold;
    margin-bottom: 5px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .date {
    color: rgba(26, 43, 58, 0.6);
    font-size: 14px;
    margin-bottom: 10px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0 0
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location>div:first-child {
    width: 30px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location>div:first-child .icon-location {
    color: #351310;
    position: relative;
    top: 1px
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location>div:first-child .icon-location:before {
    content: ""
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location>div:last-child {
    width: calc(100% - 30px)
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 14px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .button {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div:last-child>div>div:last-child .button .icon-arrow:before {
    content: ""
}

#home-upcoming-events-container #home-upcoming-events>div #featured-event-container>div #mobile-event-details {
    display: none
}

@media screen and (max-width: 2000px) {
    #home-recreation-container #home-recreation-content>div {
        width:470px
    }
}

@media screen and (max-width: 1900px) {
    #home-recreation-container #home-recreation-content>div {
        width:480px
    }
}

@media screen and (max-width: 1800px) {
    #home-recreation-container #home-recreation-content>div {
        width:490px
    }
}

@media screen and (max-width: 1700px) {
    #home-recreation-container #home-recreation-content>div {
        width:500px
    }
}

@media screen and (max-width: 1600px) {
    #home-recreation-container #home-recreation-content>div {
        width:510px
    }
}

@media screen and (max-width: 1500px) {
    #home-recreation-container #home-recreation-content>div {
        width:520px
    }
}

@media screen and (max-width: 1400px) {
    #home-recreation-container #home-recreation-content>div {
        width:520px
    }
}

@media screen and (max-width: 1350px) {
    #home-recreation-container #home-recreation-content>div {
        left:0;
        width: 470px
    }
}

@media screen and (max-width: 1280px) {
    #home-recreation-container {
        padding:0 20px 200px
    }

    #home-recreation-container #home-recreation-content>div {
        left: 20px;
        width: 445px
    }
}

@media screen and (max-width: 1240px) {
    #hero-container {
        padding:0 20px
    }

    #home-introduction-container {
        padding: 100px 20px
    }

    #home-story-container {
        padding: 0 40px 80px
    }

    #home-story-container #home-stories-navigation>div:first-child {
        left: 0
    }

    #home-story-container #home-stories-navigation>div:last-child {
        right: 0
    }

    #home-upcoming-events-container {
        padding: 20px 20px 80px
    }
}

@media screen and (max-width: 1140px) {
    #hero-container {
        margin-top:0
    }

    #home-recreation-container {
        padding: 0 0 280px
    }

    #home-recreation-container #home-recreation-content {
        position: relative
    }

    #home-recreation-container #home-recreation-content>div {
        left: 0;
        width: 100%;
        border-radius: 0
    }

    #home-recreation-container #home-recreation-wrapper>div:first-child,#home-recreation-container #home-recreation-wrapper>div:last-child {
        width: 100%
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child {
        padding: 80px 20px 0
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation {
        width: 100%;
        float: none
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation-navigation>div a {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1000px) {
    #home-content-rows {
        padding:100px 20px
    }

    #home-get-involved-container {
        padding: 60px 20px 180px
    }

    #home-help-container {
        padding: 0 20px 60px
    }
}

@media screen and (max-width: 950px) {
    #hero-container #hero-content>div>div>div>div:first-child {
        width:60%
    }

    #hero-container #hero-content>div>div>div>div:last-child {
        width: 40%
    }

    #home-upcoming-events-container #home-upcoming-events>div:last-child {
        padding-left: 30px
    }
}

@media screen and (max-width: 900px) {
    #home-introduction-container {
        padding:100px 0
    }

    #home-introduction-container>div {
        flex-direction: column-reverse
    }

    #home-introduction-container>div>div:first-child,#home-introduction-container>div>div:last-child {
        width: 100%
    }

    #home-introduction-container>div>div:first-child .image-wrapper {
        padding-right: 60px
    }

    #home-introduction-container>div>div:first-child .image-wrapper>div {
        right: 0px
    }

    #home-introduction-container>div>div:first-child .image-photo-credit {
        padding: 0 20px
    }

    #home-introduction-container>div>div:last-child {
        padding: 0 20px 40px
    }

    #home-get-involved-container>div>div>div:first-child {
        width: 40%
    }

    #home-get-involved-container>div>div>div:last-child {
        width: 60%
    }
}

@media screen and (max-width: 767px) {
    #hero-container {
        height:auto;
        padding: 80px 20px 120px
    }

    #hero-container #hero-content>div>div>div>div:first-child,#hero-container #hero-content>div>div>div>div:last-child {
        width: 100%
    }

    #hero-container #hero-content>div>div>div>div:first-child h1 {
        font-size: 50px
    }

    #hero-container #hero-content>div>div>div>div:last-child {
        text-align: center
    }

    #hero-container #hero-content>div>div>div>div:last-child a img {
        width: 80px
    }

    #home-introduction-container {
        padding: 50px 0
    }

    #home-recreation-container {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding: 0 0 200px
    }

    #home-recreation-container #home-recreation-content>div {
        padding: 0 40px 30px
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child {
        padding: 50px 20px 0 40px
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a img {
        height: 400px !important
    }

    #home-recreation-container #home-recreation-wrapper>div:last-child #home-recreation .swiper-slide a .content-wrapper>div:first-child h3 {
        font-size: 20px;
        line-height: 1
    }

    #home-content-rows {
        padding: 60px 20px
    }

    #home-content-rows>div:nth-of-type(odd)>div:last-child {
        padding: 30px 0 0
    }

    #home-content-rows>div:nth-of-type(even) {
        flex-direction: column-reverse
    }

    #home-content-rows>div:nth-of-type(even)>div:first-child {
        padding: 0
    }

    #home-content-rows>div:nth-of-type(even)>div:last-child {
        padding: 0 0 30px
    }

    #home-content-rows>div>div:first-child,#home-content-rows>div>div:last-child {
        width: 100%
    }

    #home-content-rows>div>div:last-child {
        margin-left: 0
    }

    #home-get-involved-container {
        background: none !important;
        padding: 0 0 80px;
        z-index: 1000
    }

    #home-get-involved-container:before {
        display: none
    }

    #home-get-involved-container>div>div>div:first-child,#home-get-involved-container>div>div>div:last-child {
        width: 100%
    }

    #home-get-involved-container>div>div>div:last-child {
        padding: 0 20px 60px
    }

    #home-help-container {
        padding: 0 20px 80px
    }

    #home-help-container>div {
        padding-top: 0
    }

    #home-help-container>div>div {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    #home-help-container>div>div:nth-of-type(3n-1) {
        margin: 30px auto
    }

    #home-help-container>div>div .help-icon-wrapper {
        border-radius: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    #home-story-container {
        padding: 0 0 50px
    }

    #home-story-container .swiper-slide>div {
        height: 400px
    }

    #home-story-container .swiper-slide>div>div {
        left: 0;
        bottom: 0;
        padding: 0 20px 40px
    }

    #home-story-container #home-stories-navigation {
        position: absolute;
        top: 0;
        right: 0;
        display: flex
    }

    #home-story-container #home-stories-navigation>div {
        height: 60px;
        position: relative
    }

    #home-upcoming-events-container {
        padding: 20px 20px 60px
    }

    #home-upcoming-events-container #home-upcoming-events-header>div:first-child {
        width: 50%
    }

    #home-upcoming-events-container #home-upcoming-events-header>div:last-child {
        width: 50%
    }

    #home-upcoming-events-container #home-upcoming-events>div:first-child {
        width: 100%
    }

    #home-upcoming-events-container #home-upcoming-events>div:last-child {
        width: 100%;
        padding: 30px 0 0
    }
}

.tooltipster-base .tooltipster-content h3,.tooltipster-base .tooltipster-content p,.tooltipster-base .tooltipster-content time {
    font-family: "Frutiger"
}

#content .tribe-events-c-subscribe-dropdown__container {
    display: none
}

#content #tribe-events-pg-template {
    max-width: 100%
}

#content .tribe-events-meta-group {
    width: 100%
}

#content .tribe-events-header__events-bar input[type="text"] {
    border: none;
    padding-left: 40px;
    font-family: "Frutiger"
}

#content .tribe-events-header__events-bar input[type="text"]:focus {
    outline: none
}

#content .tribe-events-header__events-bar .tribe-events-c-view-selector__content ul {
    padding: 0;
    margin: 0
}

#content .tribe-events-header__events-bar .tribe-events-c-view-selector__content ul>li {
    padding: 0 12px
}

#content .tribe-events-header__events-bar .tribe-events-c-view-selector__content ul>li:before {
    display: none
}

#content .tribe-events-header__events-bar .tribe-events-c-view-selector__content ul>li a span {
    font-family: "Frutiger"
}

#content .tribe-events-header__events-bar .tribe-common-c-btn.tribe-events-c-search__button {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    padding: 15px 20px
}

#content .tribe-events-header__events-bar .tribe-common-c-btn.tribe-events-c-search__button:hover {
    background: #1a2b3a
}

#content .tribe-events-c-top-bar__nav ul>li {
    padding: 0 15px 0 0;
    margin: 0
}

#content .tribe-events-c-top-bar__nav ul>li:before {
    display: none
}

#content .tribe-events-c-top-bar__today-button {
    font-family: "Frutiger"
}

#content .tribe-events-c-top-bar__datepicker-time span {
    font-family: "Frutiger"
}

#content .tribe-events-c-messages__message--notice ul>li {
    padding: 0;
    margin: 0;
    font-family: "Frutiger"
}

#content .tribe-events-c-messages__message--notice ul>li:before {
    display: none
}

#content .tribe-filter-bar .tribe-filter-bar__form-heading {
    display: none
}

#content .tribe-filter-bar .tribe-filter-bar-c-filter__toggle:focus {
    outline: none
}

#content .tribe-filter-bar .tribe-filter-bar__selected-filters-label,#content .tribe-filter-bar .tribe-filter-bar-c-clear-button {
    font-family: "Frutiger"
}

#content .tribe-filter-bar .tribe-filter-bar-c-pill__pill {
    font-family: "Frutiger"
}

#content .tribe-filter-bar .tribe-filter-bar-c-pill__pill>span {
    font-family: "Frutiger"
}

#content .tribe-filter-bar .tribe-filter-bar-c-filter__toggle-text {
    font-family: "Frutiger"
}

#content .tribe-filter-bar .select2-selection__rendered {
    font-family: "Frutiger";
    padding: 8px 11px 8px 12px
}

#content .tribe-filter-bar .select2-selection__rendered>span {
    font-family: "Frutiger"
}

#content .tribe-filter-bar .dropdown-wrapper li {
    padding: 0;
    margin: 0 0 10px;
    font-family: "Frutiger"
}

#content .tribe-filter-bar .dropdown-wrapper li:before {
    display: none
}

#content .tribe-filter-bar .dropdown-wrapper li:focus {
    outline: none
}

#content .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
    text-align: center
}

#content .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column h3 {
    font-family: "Frutiger";
    letter-spacing: 1px;
    font-size: 16px
}

#content .tribe-events-calendar-month__week .tribe-events-calendar-month__day--past {
    opacity: 0.5
}

#content .tribe-events-calendar-month__week time {
    font-family: "Frutiger";
    font-size: 16px;
    color: #351310
}

#content .tribe-events-calendar-month__week .tribe-events-calendar-month__multiday-event-bar-title {
    font-size: 14px;
    margin-bottom: 0;
    font-family: "Frutiger"
}

#content .tribe-events-calendar-month__week .tribe-events-calendar-month__calendar-event-title {
    font-size: 16px
}

#content .tribe-events-calendar-list__month-separator,#content .tribe-events-calendar-day__time-separator {
    width: 100%;
    position: relative
}

#content .tribe-events-calendar-list__month-separator:before,#content .tribe-events-calendar-day__time-separator:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #e3ddd2;
    top: 0;
    bottom: 0;
    margin: auto
}

#content .tribe-events-calendar-list__month-separator p,#content .tribe-events-calendar-day__time-separator p {
    margin-bottom: 0;
    padding: 10px 20px 10px 10px;
    background: #ffffff;
    position: relative;
    font-family: "Frutiger";
    position: relative;
    z-index: 100
}

#content .tribe-events-calendar-day__event-content>div a {
    text-decoration: none
}

#content .tribe-events-calendar-day__event-content>div h3 {
    margin-bottom: 0;
    color: #1a2b3a;
    text-decoration: none;
    font-family: "Frutiger"
}

#content .tribe-events-calendar-day__event-content>div time {
    font-family: "Frutiger"
}

#content .tribe-events-calendar-day__event-content>div p {
    margin: 10px 0 0;
    font-family: "Frutiger"
}

#content .tribe-events-calendar-day__event-content>div .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0
}

#content .tribe-events-calendar-day__event-content>div .event-location>div:first-child {
    width: 30px
}

#content .tribe-events-calendar-day__event-content>div .event-location>div:first-child .icon-location {
    color: #351310;
    position: relative;
    top: 14px
}

#content .tribe-events-calendar-day__event-content>div .event-location>div:first-child .icon-location:before {
    content: ""
}

#content .tribe-events-calendar-day__event-content>div .event-location>div:last-child {
    width: calc(100% - 30px)
}

#content .tribe-events-calendar-day__event-content>div .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#content .tribe-events-calendar-list__event-row>div:first-child time {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #e3ddd2;
    text-align: center;
    background: #ffffff
}

#content .tribe-events-calendar-list__event-row>div:first-child time span:first-child {
    display: block;
    font-size: 16px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px;
    color: #351310
}

#content .tribe-events-calendar-list__event-row>div:first-child time span:last-child {
    display: block;
    font-size: 26px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -3px;
    color: #351310
}

#content .tribe-events-calendar-list__event-row>div a {
    text-decoration: none
}

#content .tribe-events-calendar-list__event-row>div h3 {
    margin-bottom: 0;
    color: #1a2b3a;
    text-decoration: none;
    font-family: "Frutiger"
}

#content .tribe-events-calendar-list__event-row>div time {
    font-family: "Frutiger"
}

#content .tribe-events-calendar-list__event-row>div p {
    margin: 10px 0 0;
    font-family: "Frutiger"
}

#content .tribe-events-calendar-list__event-row>div .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0
}

#content .tribe-events-calendar-list__event-row>div .event-location>div:first-child {
    width: 30px
}

#content .tribe-events-calendar-list__event-row>div .event-location>div:first-child .icon-location {
    color: #351310;
    position: relative;
    top: 14px
}

#content .tribe-events-calendar-list__event-row>div .event-location>div:first-child .icon-location:before {
    content: ""
}

#content .tribe-events-calendar-list__event-row>div .event-location>div:last-child {
    width: calc(100% - 30px)
}

#content .tribe-events-calendar-list__event-row>div .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li {
    padding: 0
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:before {
    display: none
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) {
    width: 100%
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) a,#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) button {
    background: transparent;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) a:hover .icon-arrow,#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow,#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow:before,#content .tribe-events-calendar-day-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow:before {
    content: ""
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li {
    padding: 0
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:before {
    display: none
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) a,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) button {
    background: transparent;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) a:hover .icon-arrow,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) button:hover .icon-arrow {
    left: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-right: 7px;
    left: 0;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow:before,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow:before {
    content: ""
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(2) {
    display: none
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) a,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) button {
    background: transparent;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) a:hover .icon-arrow,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) a .icon-arrow,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) a .icon-arrow:before,#content .tribe-events-calendar-list-nav .tribe-events-c-nav__list li:nth-child(3) button .icon-arrow:before {
    content: ""
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li {
    padding: 0
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:before {
    display: none
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) a,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) button {
    background: transparent;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) a:hover .icon-arrow,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) button:hover .icon-arrow {
    left: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-right: 7px;
    left: 0;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) a .icon-arrow:before,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(1) button .icon-arrow:before {
    content: ""
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(2) {
    display: none
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) a,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) button {
    background: transparent;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #1a2b3a
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) a:hover .icon-arrow,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) a .icon-arrow,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) a .icon-arrow:before,#content .tribe-events-calendar-month-nav .tribe-events-c-nav__list li:nth-child(3) button .icon-arrow:before {
    content: ""
}

#content .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #351310
}

#content .tribe-events-single>.tribe_events {
    display: block
}

#content .tribe-events-event-image {
    width: 100%;
    max-width: 720px;
    margin: 0 auto 40px
}

#content .tribe-events-event-image img {
    height: auto !important
}

#content .tribe-events-content {
    width: 100%;
    max-width: 720px;
    margin: 0 auto
}

#content .tribe-events-content .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0
}

#content .tribe-events-content .event-location>div:first-child {
    width: 30px
}

#content .tribe-events-content .event-location>div:first-child .icon-location {
    color: #351310;
    position: relative;
    top: 3px
}

#content .tribe-events-content .event-location>div:first-child .icon-location:before {
    content: ""
}

#content .tribe-events-content .event-location>div:last-child {
    width: calc(100% - 30px)
}

#content .tribe-events-content .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#content .tribe-events-event-meta {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#content .tribe-events-event-meta>div {
    width: 50%;
    margin: 0;
    padding: 0
}

#content .tribe-events-event-meta>div:first-child {
    display: flex;
    flex-direction: column
}

#content .tribe-events-event-meta>div:last-child {
    background: rgba(227, 221, 210, 0.5);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px
}

#content .tribe-events-event-meta>div:last-child .tribe-events-meta-group {
    margin: 0;
    padding: 0
}

#content .tribe-events-event-meta>div:last-child .tribe-events-meta-group h4 {
    margin-bottom: 0
}

#content .tribe-events-event-meta>div:last-child abbr[data-original-title],#content .tribe-events-event-meta>div:last-child abbr[title] {
    border: none !important;
    cursor: default
}

#content .tribe-events-event-meta>div:last-child .icon-calendar {
    color: #351310;
    position: relative;
    top: 1px;
    font-size: 18px;
    margin-right: 5px
}

#content .tribe-events-event-meta>div:last-child .icon-calendar:before {
    content: ""
}

#content .tribe-events-event-meta>div .tribe-events-venue-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin: 0;
    min-height: 100%
}

#content .tribe-events-event-meta>div .tribe-events-venue-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

#content #tribe-events-footer {
    display: none
}

#content .tribe-events-calendar-list-nav {
    border-top: 1px solid #e3ddd2
}

#events-header-container {
    padding: 60px 0 140px;
    margin-top: 80px;
    background: #1a2b3a
}

#events-header-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block
}

#events-header-container h1 {
    font-size: 70px;
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    color: #ffffff
}

#events-header-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    margin-top: 50px
}

#events-header-container>div>div>div:first-child {
    width: 45%
}

#events-header-container>div>div>div:last-child {
    width: 55%;
    padding-left: 80px
}

#events-header-container>div>div>div:last-child>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#events-header-container>div>div>div:last-child>div>div:first-child {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #e3ddd2;
    text-align: center;
    background: #ffffff
}

#events-header-container>div>div>div:last-child>div>div:first-child .day {
    display: block;
    font-size: 16px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px;
    color: #351310
}

#events-header-container>div>div>div:last-child>div>div:first-child .date {
    display: block;
    font-size: 26px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -3px;
    color: #351310
}

#events-header-container>div>div>div:last-child>div>div:last-child {
    width: calc(100% - 80px);
    padding-left: 40px
}

#events-header-container>div>div>div:last-child>div>div:last-child h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 5px
}

#events-header-container>div>div>div:last-child>div>div:last-child .date {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 10px
}

#events-header-container>div>div>div:last-child>div>div:last-child p {
    color: #ffffff;
    line-height: 1.67
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location>div:first-child {
    width: 30px
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location>div:first-child .icon-location {
    color: #351310;
    position: relative;
    top: 4px
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location>div:first-child .icon-location:before {
    content: ""
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location>div:last-child {
    width: calc(100% - 30px)
}

#events-header-container>div>div>div:last-child>div>div:last-child .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#events-header-container>div>div>div:last-child>div>div:last-child .button {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff
}

#events-header-container>div>div>div:last-child>div>div:last-child .button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-header-container>div>div>div:last-child>div>div:last-child .button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-header-container>div>div>div:last-child>div>div:last-child .button .icon-arrow:before {
    content: ""
}

#events-header-container #mobile-event-details {
    display: none;
    margin-top: 20px
}

#events-header-container #mobile-event-details p {
    color: #ffffff;
    line-height: 1.67;
    font-size: 16px
}

#events-header-container #mobile-event-details .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0
}

#events-header-container #mobile-event-details .event-location>div:first-child {
    width: 30px
}

#events-header-container #mobile-event-details .event-location>div:first-child .icon-location:before {
    content: ""
}

#events-header-container #mobile-event-details .event-location>div:last-child {
    width: calc(100% - 30px)
}

#events-header-container #mobile-event-details .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    color: #351310;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#events-header-container #mobile-event-details .button {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff
}

#events-header-container #mobile-event-details .button:hover .icon-arrow {
    right: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-header-container #mobile-event-details .button .icon-arrow {
    color: #351310;
    font-size: 14px;
    margin-left: 7px;
    right: 0;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-header-container #mobile-event-details .button .icon-arrow:before {
    content: ""
}

#events-filter-container {
    padding: 80px 0 0
}

#events-filter-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

#events-filter-container>div>div>div {
    padding: 0 12px
}

#events-filter-container>div>div>div a {
    color: #1a2b3a
}

#events-filter-container>div>div>div a.active {
    color: #351310;
    text-decoration: underline
}

#events-mobile-filter-container {
    display: none;
    padding: 60px 20px
}

#events-mobile-filter-container label {
    font-weight: normal;
    display: block
}

#events-mobile-filter-container .selectric-wrapper {
    width: 100%;
    background: transparent
}

#events-mobile-filter-container .selectric-wrapper.selectric-open .selectric {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#events-mobile-filter-container .selectric-wrapper.selectric-open .selectric-items {
    top: calc(100% - 1px)
}

#events-mobile-filter-container .selectric-wrapper .selectric {
    border: none;
    border: 1px solid #1a2b3a;
    border-radius: 4px;
    background: transparent;
    height: 60px;
    padding: 0 60px 0 15px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-mobile-filter-container .selectric-wrapper .selectric .button {
    width: 40px;
    height: 60px;
    background: transparent;
    border-top-color: transparent
}

#events-mobile-filter-container .selectric-wrapper .selectric .button:after {
    content: "";
    color: #351310;
    font-family: "icomoon";
    border: none;
    font-size: 14px;
    right: 20px
}

#events-mobile-filter-container .selectric-wrapper .selectric .label {
    line-height: 60px;
    color: #1a2b3a;
    font-size: 18px;
    height: 60px;
    margin: 0;
    text-align: left;
    font-weight: normal;
    padding: 0
}

#events-mobile-filter-container .selectric-wrapper .selectric-items {
    border: none;
    background: transparent;
    top: 40px;
    width: 100% !important;
    border-left: 1px solid #1a2b3a;
    border-right: 1px solid #1a2b3a;
    border-bottom: 1px solid #1a2b3a;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#events-mobile-filter-container .selectric-wrapper .selectric-items ul {
    padding: 0;
    margin-bottom: 0
}

#events-mobile-filter-container .selectric-wrapper .selectric-items ul li {
    border: none;
    background: #ffffff;
    color: #1a2b3a;
    font-size: 18px;
    padding: 10px 15px;
    margin-bottom: 0 !important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#events-mobile-filter-container .selectric-wrapper .selectric-items ul li:before {
    display: none
}

#events-mobile-filter-container .selectric-wrapper .selectric-items ul li:hover,#events-mobile-filter-container .selectric-wrapper .selectric-items ul li.selected {
    background: #1a2b3a;
    color: #ffffff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#single-events-header-container {
    margin-top: 45px;
    padding: 30px 0 0;
    border-top: 1px solid rgba(26, 43, 58, 0.2)
}

#single-events-header-container .button {
    position: absolute;
    left: 0;
    top: 40px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a2b3a;
    text-decoration: none
}

#single-events-header-container .button:hover {
    color: #351310
}

#single-events-header-container .button:hover .icon-arrow {
    left: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#single-events-header-container .button .icon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 14px;
    position: relative;
    margin-right: 5px;
    color: #351310;
    left: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#single-events-header-container .button .icon-arrow:before {
    content: ""
}

#single-events-header-container>div>div h1 {
    margin-bottom: 10px
}

#single-events-header-container>div>div p {
    margin-bottom: 0
}

#single-events-header-container>div>div a {
    margin-bottom: 20px;
    display: inline-block
}

@media screen and (max-width: 1240px) {
    #events-header-container {
        padding:60px 20px 140px
    }

    #single-events-header-container {
        margin-top: 57px
    }
}

@media screen and (max-width: 1140px) {
    #events-header-container {
        margin-top:0
    }

    #single-events-header-container {
        margin-top: 0;
        border-top: none;
        padding: 0
    }

    #single-events-header-container .button {
        top: 5px
    }
}

@media screen and (max-width: 1000px) {
    #events-filter-container {
        padding:80px 20px 60px
    }

    #single-events-header-container {
        padding: 0 0 10px
    }

    #single-events-header-container .button {
        position: relative;
        margin-bottom: 30px;
        display: inline-block;
        top: 0
    }

    #single-events-header-container>div {
        max-width: 960px
    }

    .tribe-common--breakpoint-medium .tribe-filter-bar--vertical.tribe-filter-bar {
        width: 100% !important
    }

    .tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container .tribe-filter-bar--open~.tribe-events-calendar-list {
        width: 100%;
        padding: 40px 0 0
    }

    .tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container .tribe-filter-bar--open~.tribe-events-calendar-month {
        width: 100%;
        padding: 40px 0 0
    }
}

@media screen and (max-width: 900px) {
    #events-header-container>div>div>div:first-child,#events-header-container>div>div>div:last-child {
        width:100%
    }

    #events-header-container>div>div>div:last-child {
        padding: 30px 0 0;
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    #content .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image-wrapper {
        display:none
    }

    #content .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag {
        width: 100px
    }

    #content .tribe-events-calendar-list__event-row>div .event-location {
        margin: 5px 0 0
    }

    #content .tribe-events-c-nav__list-item--today {
        display: none
    }

    #content .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column h3 {
        font-size: 12px
    }

    #content .tribe-events-calendar-month__week time {
        font-size: 12px
    }

    #events-header-container>div>div>div:last-child>div>div:last-child {
        padding-left: 15px
    }

    #events-header-container>div>div>div:last-child>div>div:last-child h2 {
        font-size: 22px
    }

    #events-header-container>div>div>div:last-child>div>div:last-child p {
        margin-bottom: 0
    }

    #events-header-container>div>div>div:last-child>div>div:last-child p:not(.date) {
        display: none
    }

    #events-header-container>div>div>div:last-child>div>div:last-child .event-location,#events-header-container>div>div>div:last-child>div>div:last-child .button {
        display: none
    }

    #events-header-container #mobile-event-details {
        display: block
    }

    #events-filter-container {
        display: none
    }

    #events-mobile-filter-container {
        display: block
    }

    #events-mobile-filter-container label {
        font-size: 16px
    }

    #single-events-header-container a.button {
        margin: 0 auto 0 0;
        padding: 0 0 50px
    }

    #content .tribe-events-event-meta>div:last-child {
        width: 100%
    }
}

#leadership-executive-team-container {
    padding: 80px 0 30px
}

#leadership-executive-team-container h1 {
    margin-bottom: 30px
}

#leadership-executive-team-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#leadership-executive-team-container>div>div {
    margin-bottom: 30px
}

#leadership-executive-team-container>div>div img {
    margin-bottom: 10px
}

#leadership-executive-team-container>div>div h3 {
    margin-bottom: 0
}

#leadership-executive-team-container>div>div h5 {
    margin-bottom: 0
}

#leadership-board-container {
    padding: 0 0 60px
}

@media screen and (max-width: 1000px) {
    #leadership-executive-team-container {
        padding:80px 20px 30px
    }

    #leadership-board-container {
        padding: 0 20px 60px
    }
}

@media screen and (min-width: 901px) {
    #leadership-executive-team-container>div>div {
        width:31%
    }

    #leadership-executive-team-container>div>div:nth-of-type(3n-1) {
        margin-left: 3.333%;
        margin-right: 3.333%
    }
}

@media screen and (min-width: 361px) and (max-width:900px) {
    #leadership-executive-team-container>div>div {
        width:48%
    }

    #leadership-executive-team-container>div>div:nth-of-type(2n) {
        margin-left: 4%
    }
}

#membership-introduction-container {
    text-align: center;
    padding: 100px 0
}

#membership-introduction-container #membership-introduction-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    margin-top: 30px;
    justify-content: center
}

#membership-introduction-container #membership-introduction-buttons>div:not(:last-of-type) {
    margin-right: 30px
}

#membership-benefits-container {
    padding: 80px 0;
    background: #e3ddd2
}

#membership-benefits-container>div h1 {
    text-align: center;
    margin-bottom: 40px
}

#membership-benefits-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#membership-benefits-container>div>div>div {
    text-align: center
}

#membership-benefits-container>div>div>div img {
    border-radius: 8px;
    margin-bottom: 10px
}

#membership-benefits-container>div>div>div h3 {
    margin-bottom: 5px
}

#membership-benefits-container>div>div>div p {
    font-size: 16px;
    margin-bottom: 20px
}

#membership-levels-container {
    padding: 60px 0
}

#membership-levels-container h1 {
    margin-bottom: 30px
}

#membership-call-to-action-container {
    margin: 50px auto;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    text-align: center
}

#membership-call-to-action-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 70px;
    background-size: cover;
    background-position: center bottom;
    top: 0;
    left: 0;
    background: url("../images/white-top-edge.png");
    display: inline-block;
    z-index: 100
}

#membership-call-to-action-container:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block;
    z-index: 100
}

#membership-call-to-action-container #membership-call-to-action-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(26, 43, 58, 0.6);
    z-index: 10
}

#membership-call-to-action-container #membership-call-to-action-content {
    z-index: 101
}

#membership-call-to-action-container #membership-call-to-action-content>* {
    color: #ffffff
}

#membership-circle-container {
    padding: 60px 0
}

#membership-circle-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#membership-circle-container>div>div:first-child {
    width: 30%
}

#membership-circle-container>div>div:last-child {
    width: 70%;
    padding-left: 50px
}

#membership-support-groups-container {
    padding: 80px 0
}

#membership-support-groups-container h1 {
    text-align: center;
    margin-bottom: 40px
}

#membership-support-groups-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#membership-support-groups-container>div>div {
    text-align: center
}

#membership-support-groups-container>div>div img {
    border-radius: 8px;
    margin-bottom: 10px
}

#membership-support-groups-container>div>div h3 {
    margin-bottom: 5px
}

#membership-support-groups-container>div>div p {
    font-size: 16px;
    margin-bottom: 20px
}

@media screen and (max-width: 1240px) {
    #membership-benefits-container {
        padding:80px 20px
    }
}

@media screen and (min-width: 1001px) {
    #membership-benefits-container>div>div>div {
        width:22.5%
    }

    #membership-benefits-container>div>div>div:nth-of-type(4n),#membership-benefits-container>div>div>div:nth-of-type(4n-1),#membership-benefits-container>div>div>div:nth-of-type(4n-2) {
        margin-left: 3.333%
    }

    #membership-support-groups-container>div>div {
        width: 31%
    }

    #membership-support-groups-container>div>div:nth-of-type(3n-1) {
        margin-left: 3.333%;
        margin-right: 3.333%
    }
}

@media screen and (min-width: 601px) and (max-width:1001px) {
    #membership-benefits-container {
        padding:80px 20px 50px
    }

    #membership-benefits-container>div>div>div {
        width: 48%;
        margin-bottom: 30px
    }

    #membership-benefits-container>div>div>div:nth-of-type(2n) {
        margin-left: 4%
    }
}

@media screen and (max-width: 1000px) {
    #membership-introduction-container {
        padding:100px 20px
    }

    #membership-levels-container {
        padding: 60px 20px
    }

    #membership-circle-container {
        padding: 60px 20px
    }

    #membership-support-groups-container {
        padding: 80px 20px
    }

    #membership-support-groups-container>div>div {
        width: 100%;
        max-width: 600px;
        margin: 0 auto
    }

    #membership-support-groups-container>div>div:nth-of-type(3n-1) {
        margin: 30px auto
    }
}

@media screen and (max-width: 767px) {
    #membership-introduction-container {
        padding:60px 20px
    }

    #membership-introduction-container #membership-introduction-buttons>div {
        width: 100%
    }

    #membership-introduction-container #membership-introduction-buttons>div:not(:last-of-type) {
        margin: 0 0 30px
    }

    #membership-benefits-container {
        padding: 60px 20px 30px
    }

    #membership-benefits-container>div h1 {
        margin-bottom: 30px
    }

    #membership-levels-container {
        padding: 40px 20px
    }

    #membership-call-to-action-container {
        padding: 100px 20px
    }

    #membership-circle-container>div>div:first-child,#membership-circle-container>div>div:last-child {
        width: 100%
    }

    #membership-circle-container>div>div:first-child img {
        width: 100%
    }

    #membership-circle-container>div>div:last-child {
        padding: 30px 0 0
    }
}

@media screen and (max-width: 600px) {
    #membership-benefits-container>div>div>div {
        width:100%;
        margin-bottom: 30px
    }
}

#page-builder-container {
    margin-top: 80px
}

#page-builder-container .content-row.accordions-type {
    padding: 50px 0
}

#page-builder-container .content-row.card-callout-type {
    padding: 50px 0 30px
}

#page-builder-container .content-row.card-callout-type.blue-background>div {
    border: 1px solid #351310
}

#page-builder-container .content-row.card-callout-type.blue-background>div .card-callout-header {
    background: #351310
}

#page-builder-container .content-row.card-callout-type.red-background>div {
    border: 1px solid #c1604b
}

#page-builder-container .content-row.card-callout-type.red-background>div .card-callout-header {
    background: #c1604b
}

#page-builder-container .content-row.card-callout-type .card-callout-header {
    padding: 15px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#page-builder-container .content-row.card-callout-type .card-callout-header img {
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px
}

#page-builder-container .content-row.card-callout-type .card-callout-header h4 {
    margin-bottom: 0;
    margin-left: 10px;
    color: #ffffff
}

#page-builder-container .content-row.card-callout-type .card-callout-content {
    padding: 30px
}

#page-builder-container .content-row.call-to-action-type {
    margin: 50px auto;
    padding: 150px 0;
    text-align: center;
    position: relative
}

#page-builder-container .content-row.call-to-action-type.dark-blue-background {
    background: #1a2b3a
}

#page-builder-container .content-row.call-to-action-type.lazy {
    background-size: cover;
    background-position: 50%
}

#page-builder-container .content-row.call-to-action-type:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center bottom;
    top: 0;
    left: 0;
    background-image: url("../images/cta-top-edge.svg");
    display: inline-block;
    z-index: 100
}

#page-builder-container .content-row.call-to-action-type:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0;
    left: 0;
    background-image: url("../images/cta-bottom-edge.svg");
    display: inline-block;
    z-index: 100
}

#page-builder-container .content-row.call-to-action-type .call-to-action-image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(26, 43, 58, 0.6);
    z-index: 10
}

#page-builder-container .content-row.call-to-action-type .call-to-action-content {
    z-index: 101
}

#page-builder-container .content-row.call-to-action-type .call-to-action-content>* {
    color: #ffffff
}

#page-builder-container .content-row.content-type {
    padding: 40px 0
}

#page-builder-container .content-row.content-type a:not(.button):not(.custom-link):not(.page-numbers) {
    color: #351310;
    text-decoration: underline
}

#page-builder-container .content-row.content-type a:not(.button):not(.custom-link):not(.page-numbers):visited {
    color: #1a2b3a
}

#page-builder-container .content-row.content-type ul {
    padding: 0 0 0 30px;
    margin-bottom: 30px
}

#page-builder-container .content-row.content-type ul li {
    padding: 0 0 0 20px
}

#page-builder-container .content-row.content-type ul li:before {
    content: "•";
    font-family: "Frutiger";
    color: #351310;
    font-size: 22px;
    top: -2px
}

#page-builder-container .content-row.content-type ol {
    margin-bottom: 30px;
    list-style-position: outside;
    margin: 10px 0;
    padding: 0 0 0 30px
}

#page-builder-container .content-row.content-type ol>li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
    line-height: 1.8
}

#page-builder-container .content-row.featured-event-type {
    margin: 50px auto
}

#page-builder-container .content-row.featured-event-type a {
    border: 1px solid #e3ddd2;
    width: 100%;
    display: inline-block;
    text-decoration: none
}

#page-builder-container .content-row.featured-event-type a>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.featured-event-type a>div>div:first-child {
    width: 44%;
    background-size: cover;
    background-position: 50%
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child {
    width: 56%;
    padding: 50px 60px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #e3ddd2;
    text-align: center
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child .day {
    display: block;
    font-size: 16px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 11px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child .date {
    display: block;
    font-size: 26px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -3px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child {
    width: calc(100% - 80px);
    padding-left: 40px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child h2 {
    color: #1a2b3a;
    margin-bottom: 5px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .date {
    color: rgba(26, 43, 58, 0.6);
    font-size: 14px;
    margin-bottom: 10px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:first-child {
    width: 30px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:first-child .icon-location {
    position: relative;
    top: 3.5px
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:first-child .icon-location:before {
    content: ""
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:last-child {
    width: calc(100% - 30px)
}

#page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:last-child p {
    font-family: "Bebas Neue";
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

#page-builder-container .content-row.featured-resource-type {
    padding: 10px 0 50px
}

#page-builder-container .content-row.featured-resource-type>div {
    border-radius: 8px;
    padding: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#page-builder-container .content-row.featured-resource-type>div.white-background {
    border: 1px solid #e3ddd2
}

#page-builder-container .content-row.featured-resource-type>div.tan-background {
    background: rgba(227, 221, 210, 0.5)
}

#page-builder-container .content-row.featured-resource-type>div.dark-blue-background {
    background: #1a2b3a
}

#page-builder-container .content-row.featured-resource-type>div.dark-blue-background>* {
    color: #ffffff
}

#page-builder-container .content-row.featured-resource-type>div>div:first-child {
    width: 70%;
    padding-right: 30px
}

#page-builder-container .content-row.featured-resource-type>div>div:first-child p:last-of-type {
    margin-bottom: 0
}

#page-builder-container .content-row.featured-resource-type>div>div:last-child {
    width: 30%;
    text-align: right
}

#page-builder-container .content-row.full-callout-type {
    padding: 50px 0;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 80px
}

#page-builder-container .content-row.full-callout-type .full-callout-mobile-image {
    display: none;
    width: 100%
}

#page-builder-container .content-row.full-callout-type>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.full-callout-type>div>div>div:first-child {
    width: 40%;
    background: #ffffff;
    padding: 60px;
    border-radius: 8px
}

#page-builder-container .content-row.header-type {
    position: relative;
    padding: 60px 0;
    margin-bottom: 50px
}

#page-builder-container .content-row.header-type.dark-blue-background {
    background: #1a2b3a
}

#page-builder-container .content-row.header-type.blue-background {
    background: #351310
}

#page-builder-container .content-row.header-type:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block
}

#page-builder-container .content-row.header-type h1,#page-builder-container .content-row.header-type h2,#page-builder-container .content-row.header-type h3,#page-builder-container .content-row.header-type h4,#page-builder-container .content-row.header-type h5,#page-builder-container .content-row.header-type h6,#page-builder-container .content-row.header-type p {
    color: #ffffff
}

#page-builder-container .content-row.header-type h5 {
    margin-bottom: 0
}

#page-builder-container .content-row.image-header-type {
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 60px 0;
    margin-bottom: 50px
}

#page-builder-container .content-row.image-header-type.tall-header {
    padding: 185px 0
}

#page-builder-container .content-row.image-header-type.tall-header h1 {
    font-size: 38px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 0px;
padding-top: 20px;
}

#page-builder-container .content-row.image-header-type:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: none !important;
    display: inline-block;
    z-index: 100
}

#page-builder-container .content-row.image-header-type:after {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, rgba(26, 43, 58, 0.9), rgba(26, 43, 58, 0) 100%);
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    left: 0
}

#page-builder-container .content-row.image-header-type h1,#page-builder-container .content-row.image-header-type h2,#page-builder-container .content-row.image-header-type h3,#page-builder-container .content-row.image-header-type h4,#page-builder-container .content-row.image-header-type h5,#page-builder-container .content-row.image-header-type h6,#page-builder-container .content-row.image-header-type p {
    color: #ffffff;
    position: relative;
    z-index: 101
}

#page-builder-container .content-row.left-image-right-content-type {
    padding: 30px 0
}

#page-builder-container .content-row.left-image-right-content-type.small-images>div>div:first-child {
    width: 35%
}

#page-builder-container .content-row.left-image-right-content-type.small-images>div>div:last-child {
    width: 61%
}

#page-builder-container .content-row.left-image-right-content-type>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#page-builder-container .content-row.left-image-right-content-type>div>div {
    width: 50%
}

#page-builder-container .content-row.left-image-right-content-type>div>div:nth-of-type(2n) {
    padding-left: 60px
}

#page-builder-container .content-row.right-image-left-content-type {
    padding: 30px 0
}

#page-builder-container .content-row.right-image-left-content-type.small-images>div>div:first-child {
    width: 61%
}

#page-builder-container .content-row.right-image-left-content-type.small-images>div>div:last-child {
    width: 35%
}

#page-builder-container .content-row.right-image-left-content-type>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#page-builder-container .content-row.right-image-left-content-type>div>div {
    width: 50%
}

#page-builder-container .content-row.right-image-left-content-type>div>div:nth-of-type(2n-1) {
    padding-right: 60px
}

#page-builder-container .content-row.split-content-type {
    padding: 30px 0
}

#page-builder-container .content-row.split-content-type>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.split-content-type>div>div {
    width: 48%
}

#page-builder-container .content-row.split-content-type>div>div:nth-of-type(2n) {
    margin-left: 4%
}

#page-builder-container .content-row.table-type {
    padding: 40px 0
}

#page-builder-container .content-row.table-type .table-data .table-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.table-type .table-data .table-header>div {
    width: 50%;
    padding: 10px 20px
}

#page-builder-container .content-row.table-type .table-data .table-header>div p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 20px
}

#page-builder-container .content-row.table-type .table-data .table-content>div {
    padding: 10px 20px
}

#page-builder-container .content-row.table-type .table-data .table-content>div:nth-of-type(odd) {
    background: rgba(227, 221, 210, 0.5)
}

#page-builder-container .content-row.table-type .table-data .table-content>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.table-type .table-data .table-content>div>div>div {
    width: 50%
}

#page-builder-container .content-row.table-type .table-data .table-content>div>div>div:last-child {
    padding-left: 20px
}

#page-builder-container .content-row.table-type .table-data .table-content>div>div>div p {
    margin-bottom: 0
}

#page-builder-container .content-row.three-widgets-type {
    padding: 50px 0
}

#page-builder-container .content-row.three-widgets-type h1 {
    text-align: center;
    margin-bottom: 50px
}

#page-builder-container .content-row.three-widgets-type>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.three-widgets-type>div>div {
    text-align: center
}

#page-builder-container .content-row.three-widgets-type>div>div img {
    border-radius: 8px;
    margin-bottom: 20px
}

#page-builder-container .content-row.three-widgets-type>div>div h3 {
    margin-bottom: 5px
}

#page-builder-container .content-row.three-widgets-type>div>div p {
    font-size: 16px
}

#page-builder-container .content-row.two-widgets-type {
    padding: 50px 0
}

#page-builder-container .content-row.two-widgets-type h1 {
    text-align: center;
    margin-bottom: 50px
}

#page-builder-container .content-row.two-widgets-type>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#page-builder-container .content-row.two-widgets-type>div>div {
    width: 48%;
    text-align: center
}

#page-builder-container .content-row.two-widgets-type>div>div:nth-of-type(2n) {
    margin-left: 4%
}

#page-builder-container .content-row.two-widgets-type>div>div img {
    border-radius: 8px;
    margin-bottom: 20px
}

#page-builder-container .content-row.two-widgets-type>div>div h3 {
    margin-bottom: 5px
}

#page-builder-container .content-row.two-widgets-type>div>div p {
    font-size: 16px
}

@media screen and (max-width: 1240px) {
    #page-builder-container .content-row.full-callout-type {
        padding:50px 20px
    }

    #page-builder-container .content-row.image-header-type {
        padding: 60px 20px
    }

    #page-builder-container .content-row.image-header-type.tall-header {
        padding: 180px 20px
    }

    #page-builder-container .content-row.header-type {
        padding: 60px 20px
    }
}

@media screen and (max-width: 1140px) {
    #page-builder-container {
        margin-top:0
    }
}

@media screen and (max-width: 1000px) {
    #page-builder-container .content-row.accordions-type {
        padding:50px 20px
    }

    #page-builder-container .content-row.card-callout-type {
        padding: 50px 20px 30px
    }

    #page-builder-container .content-row.content-type {
        padding: 40px 20px
    }

    #page-builder-container .content-row.featured-event-type {
        padding: 0 20px
    }

    #page-builder-container .content-row.featured-resource-type {
        padding: 10px 20px 50px
    }

    #page-builder-container .content-row.full-callout-type>div>div>div:first-child {
        width: 60%
    }

    #page-builder-container .content-row.left-image-right-content-type {
        padding: 30px 20px
    }

    #page-builder-container .content-row.right-image-left-content-type {
        padding: 30px 20px
    }

    #page-builder-container .content-row.split-content-type {
        padding: 30px 20px
    }

    #page-builder-container .content-row.table-type {
        padding: 40px 20px
    }

    #page-builder-container .content-row.three-widgets-type {
        padding: 50px 20px
    }

    #page-builder-container .content-row.two-widgets-type {
        padding: 50px 20px
    }
}

@media screen and (min-width: 901px) {
    #page-builder-container .content-row.three-widgets-type>div>div {
        width:31%
    }

    #page-builder-container .content-row.three-widgets-type>div>div:nth-of-type(3n-1) {
        margin-left: 3.333%;
        margin-right: 3.333%
    }
}

@media screen and (max-width: 900px) {
    #page-builder-container .content-row.three-widgets-type>div>div {
        width:100%;
        display: block;
        max-width: 500px;
        margin: 0 auto
    }

    #page-builder-container .content-row.three-widgets-type>div>div:nth-of-type(3n-1) {
        margin: 40px auto
    }
}

@media screen and (max-width: 767px) {
    #page-builder-container .content-row.call-to-action-type {
        padding:120px 20px 100px
    }

    #page-builder-container .content-row.card-callout-type .card-callout-header {
        padding: 15px 20px
    }

    #page-builder-container .content-row.card-callout-type .card-callout-content {
        padding: 30px 20px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:first-child,#page-builder-container .content-row.featured-event-type a>div>div:last-child {
        width: 100%
    }

    #page-builder-container .content-row.featured-event-type a>div>div:first-child {
        height: 300px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child {
        padding: 40px 20px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child {
        width: 60px;
        height: 60px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child .day {
        margin-top: 7px;
        font-size: 14px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:first-child .date {
        font-size: 21px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child {
        padding-left: 20px
    }

    #page-builder-container .content-row.featured-event-type a>div>div:last-child>div>div:last-child .event-location>div:last-child p {
        font-size: 14px
    }

    #page-builder-container .content-row.featured-resource-type {
        padding: 10px 20px 30px
    }

    #page-builder-container .content-row.featured-resource-type>div {
        padding: 40px 20px
    }

    #page-builder-container .content-row.featured-resource-type>div>div:first-child,#page-builder-container .content-row.featured-resource-type>div>div:last-child {
        width: 100%;
        text-align: center;
        padding: 0
    }

    #page-builder-container .content-row.full-callout-type {
        background: none !important;
        padding: 0;
        margin-bottom: 40px
    }

    #page-builder-container .content-row.full-callout-type .full-callout-mobile-image {
        display: block
    }

    #page-builder-container .content-row.full-callout-type>div>div>div:first-child {
        width: 100%;
        border-radius: 0;
        padding: 30px 20px
    }

    #page-builder-container .content-row.image-header-type.tall-header {
        padding: 100px 20px
    }

    #page-builder-container .content-row.image-header-type.tall-header h1 {
        font-size: 50px
    }

    #page-builder-container .content-row.left-image-right-content-type.small-images>div>div:first-child,#page-builder-container .content-row.left-image-right-content-type.small-images>div>div:last-child {
        width: 100%
    }

    #page-builder-container .content-row.left-image-right-content-type.small-images>div>div:last-child {
        padding: 30px 0 0;
        margin-left: 0
    }

    #page-builder-container .content-row.left-image-right-content-type>div>div:first-child,#page-builder-container .content-row.left-image-right-content-type>div>div:last-child {
        width: 100%
    }

    #page-builder-container .content-row.left-image-right-content-type>div>div:last-child {
        padding: 30px 0 0;
        margin-left: 0
    }

    #page-builder-container .content-row.right-image-left-content-type.small-images>div {
        flex-direction: column-reverse
    }

    #page-builder-container .content-row.right-image-left-content-type.small-images>div>div:first-child,#page-builder-container .content-row.right-image-left-content-type.small-images>div>div:last-child {
        width: 100%
    }

    #page-builder-container .content-row.right-image-left-content-type.small-images>div>div:first-child {
        padding: 30px 0 0
    }

    #page-builder-container .content-row.right-image-left-content-type.small-images>div>div:last-child {
        margin-left: 0
    }

    #page-builder-container .content-row.right-image-left-content-type>div {
        flex-direction: column-reverse
    }

    #page-builder-container .content-row.right-image-left-content-type>div>div:first-child,#page-builder-container .content-row.right-image-left-content-type>div>div:last-child {
        width: 100%
    }

    #page-builder-container .content-row.right-image-left-content-type>div>div:first-child {
        padding: 30px 0 0
    }

    #page-builder-container .content-row.right-image-left-content-type>div>div:last-child {
        margin-left: 0
    }

    #page-builder-container .content-row.split-content-type>div>div {
        width: 100%
    }

    #page-builder-container .content-row.split-content-type>div>div:nth-of-type(2n) {
        margin-left: 0
    }

    #page-builder-container .content-row.table-type .table-data .table-header>div {
        padding: 5px 10px
    }

    #page-builder-container .content-row.table-type .table-data .table-header>div p {
        font-size: 18px
    }

    #page-builder-container .content-row.table-type .table-data .table-content>div {
        padding: 10px
    }

    #page-builder-container .content-row.table-type .table-data .table-content>div>div>div:last-child {
        padding-left: 10px
    }

    #page-builder-container .content-row.two-widgets-type {
        padding: 40px 20px
    }

    #page-builder-container .content-row.two-widgets-type h1 {
        margin-bottom: 20px
    }

    #page-builder-container .content-row.two-widgets-type>div>div {
        width: 100%
    }

    #page-builder-container .content-row.two-widgets-type>div>div:nth-of-type(2n) {
        margin: 30px 0 0 0
    }

    #page-builder-container .content-row.three-widgets-type {
        padding: 40px 20px
    }

    #page-builder-container .content-row.three-widgets-type h1 {
        margin-bottom: 20px
    }
}

#recreation-header-container {
    height: 480px;
    background-size: cover;
    background-position: 50%;
    margin-top: 80px
}

#recreation-header-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block;
    z-index: 100
}

#recreation-header-container:after {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, rgba(26, 43, 58, 0.9), rgba(26, 43, 58, 0) 100%);
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    left: 0
}

#recreation-header-container>div {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 101
}

#recreation-header-container>div>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

#recreation-header-container>div>div h1 {
    color: #ffffff;
    font-family: "Bebas Neue";
    font-size: 70px;
    letter-spacing: 1px;
    text-transform: uppercase
}

#recreation-introduction-container {
    padding: 80px 0
}

#recreation-introduction-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#recreation-introduction-container>div>div {
    width: 48%
}

#recreation-introduction-container>div>div:nth-of-type(2n) {
    margin-left: 4%
}

#recreation-tiles-container {
    padding: 0 0 60px
}

#recreation-tiles-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#recreation-tiles-container>div>div {
    margin-bottom: 20px
}

#recreation-tiles-container>div>div a {
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 10px 30px 0 rgba(26, 43, 58, 0.2);
    display: inline-block;
    width: 100%;
    color: #351310;
    overflow: hidden;
    position: relative
}

#recreation-tiles-container>div>div a:hover>div>div:last-child .icon-arrow {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    right: -5px
}

#recreation-tiles-container>div>div a .video-wrapper {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 300px
}

#recreation-tiles-container>div>div a .video-wrapper video {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-size: cover;
    display: block;
    width: 100%;
    height: calc(100% - 60px);
    max-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: auto
}

#recreation-tiles-container>div>div a img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 300px !important;
    width: 100%;
    object-fit: cover
}

#recreation-tiles-container>div>div a .content-wrapper {
    display: table;
    width: 100%;
    height: 90px;
    position: relative;
    background: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#recreation-tiles-container>div>div a .content-wrapper>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

#recreation-tiles-container>div>div a .content-wrapper>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    padding: 15px 20px;
    background: #ffffff;
    position: relative;
    z-index: 1000
}

#recreation-tiles-container>div>div a .content-wrapper>div>div>div:first-child {
    width: 80%
}

#recreation-tiles-container>div>div a .content-wrapper>div>div>div:first-child h3 {
    margin-bottom: 0;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 1.25
}

#recreation-tiles-container>div>div a .content-wrapper>div>div>div:last-child {
    width: 20%;
    text-align: right
}

#recreation-tiles-container>div>div a .content-wrapper>div>div>div:last-child .icon-arrow {
    position: relative;
    top: 3px;
    right: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#recreation-tiles-container>div>div a .content-wrapper>div>div>div:last-child .icon-arrow:before {
    content: ""
}

@media screen and (max-width: 1240px) {
    #recreation-header-container {
        padding:0 20px
    }

    #recreation-tiles-container {
        padding: 0 20px 60px
    }
}

@media screen and (min-width: 1201px) {
    #recreation-tiles-container>div>div {
        width:24%
    }

    #recreation-tiles-container>div>div:nth-of-type(4n),#recreation-tiles-container>div>div:nth-of-type(4n-1),#recreation-tiles-container>div>div:nth-of-type(4n-2) {
        margin-left: 1%
    }
}

@media screen and (min-width: 601px) and (max-width:1200px) {
    #recreation-tiles-container>div>div {
        width:49%
    }

    #recreation-tiles-container>div>div:nth-of-type(2n) {
        margin-left: 2%
    }

    #recreation-tiles-container>div>div a .video-wrapper {
        height: 400px
    }

    #recreation-tiles-container>div>div a .video-wrapper video {
        height: 400px
    }

    #recreation-tiles-container>div>div a img {
        height: 400px !important;
        object-fit: cover;
        width: 100%
    }
}

@media screen and (max-width: 1140px) {
    #recreation-header-container {
        margin-top:0
    }
}

@media screen and (max-width: 1000px) {
    #recreation-introduction-container {
        padding:80px 20px
    }
}

@media screen and (max-width: 767px) {
    #recreation-header-container {
        height:300px
    }

    #recreation-header-container>div>div>div h1 {
        font-size: 45px
    }

    #recreation-introduction-container {
        padding: 60px 20px
    }

    #recreation-introduction-container>div>div:first-child,#recreation-introduction-container>div>div:last-child {
        width: 100%
    }

    #recreation-introduction-container>div>div:last-child {
        padding: 10px 0 0
    }

    #recreation-introduction-container>div>div:nth-child(2n) {
        margin: 0
    }

    #recreation-tiles-container>div>div a a .content-wrapper>div:first-child h3 {
        font-size: 20px;
        line-height: 1
    }
}

@media screen and (max-width: 600px) {
    #recreation-tiles-container>div>div {
        width:100%;
        max-width: 300px;
        display: block;
        margin: 0 auto 30px
    }
}

#search-wrapper {
    padding: 80px 0
}

#search-wrapper #search-wrapper-title {
    border-bottom: 1px solid #e3ddd2
}

#search-wrapper #search-results-wrapper {
    padding: 20px 0
}

#search-wrapper #search-results-wrapper #search-filter-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#search-wrapper #search-results-wrapper #search-filter-container>div>div>div:not(:last-of-type) {
    margin-right: 25px
}

#search-wrapper #search-results-wrapper #search-filter-container>div>div a {
    color: #1a2b3a
}

#search-wrapper #search-results-wrapper #search-filter-container>div>div a.active,#search-wrapper #search-results-wrapper #search-filter-container>div>div a:hover {
    color: #351310;
    text-decoration: underline
}

#search-wrapper #search-results-wrapper #search-results {
    padding: 50px 0 80px
}

#search-wrapper #search-results-wrapper #search-results .search-result-block {
    margin-bottom: 40px
}

#search-wrapper #search-results-wrapper #search-results .search-result-block .search-result-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #e3ddd2
}

#search-wrapper #search-results-wrapper #search-results .search-result-block .search-result-header h5 {
    margin-bottom: 15px
}

#search-wrapper #search-results-wrapper #search-results .search-result-block .search-result a {
    color: #1a2b3a;
    text-decoration: none
}

#search-wrapper #search-results-wrapper #search-results .search-result-block .search-result a:hover {
    color: #351310
}

@media screen and (max-width: 1000px) {
    #search-wrapper {
        padding:80px 20px
    }
}

@media screen and (max-width: 767px) {
    #search-wrapper {
        padding:60px 20px
    }
}

#content .story-list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#content .story-list-item>div {
    width: 48%
}

#content .story-list-item>div:last-of-type {
    margin-left: 4%
}

#content .story-list-item>div .title-link {
    color: #1a2b3a;
    text-decoration: none
}

#content .story-list-item>div h2 {
    margin-bottom: 10px
}

#stories-featured-container {
    padding: 60px 0 140px;
    margin-top: 80px;
    background: #1a2b3a
}

#stories-featured-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block
}

#stories-featured-container h1 {
    font-size: 70px;
    font-family: "Bebas Neue";
    letter-spacing: 1px;
    color: #ffffff
}

#stories-featured-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#stories-featured-container>div>div>div:first-child {
    width: 55%;
    padding-right: 50px
}

#stories-featured-container>div>div>div:first-child a {
    text-decoration: none
}

#stories-featured-container>div>div>div:first-child a img {
    margin-bottom: 15px
}

#stories-featured-container>div>div>div:first-child a h2 {
    color: #ffffff;
    margin-bottom: 5px
}

#stories-featured-container>div>div>div:first-child a p {
    color: #ffffff;
    margin-bottom: 0
}

#stories-featured-container>div>div>div:first-child a {
    color: #ffffff;
    text-decoration: none
}

#stories-featured-container>div>div>div:last-child {
    width: 45%
}

#stories-featured-container>div>div>div:last-child .stories-featured-item:not(:last-of-type) {
    margin-bottom: 23px
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    text-decoration: none
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:first-child {
    width: 180px
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child {
    width: calc(100% - 180px);
    padding-left: 30px
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child>* {
    color: #ffffff
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child h2,#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child p {
    color: #ffffff
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child h2 {
    margin-bottom: 10px
}

#stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child p {
    margin-bottom: 0;
    display: inline-block
}

#stories-filter-container {
    padding: 80px 0 60px
}

#stories-filter-container>div>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

#stories-filter-container>div>div>div {
    padding: 0 12px
}

#stories-filter-container>div>div>div a {
    color: #1a2b3a
}

#stories-filter-container>div>div>div a.active {
    color: #351310;
    text-decoration: underline
}

#stories-mobile-filter-container {
    display: none;
    padding: 60px 20px
}

#stories-mobile-filter-container label {
    font-weight: normal;
    display: block
}

#stories-mobile-filter-container .selectric-wrapper {
    width: 100%;
    background: transparent
}

#stories-mobile-filter-container .selectric-wrapper.selectric-open .selectric {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#stories-mobile-filter-container .selectric-wrapper.selectric-open .selectric-items {
    top: calc(100% - 1px)
}

#stories-mobile-filter-container .selectric-wrapper .selectric {
    border: none;
    border: 1px solid #1a2b3a;
    border-radius: 4px;
    background: transparent;
    height: 60px;
    padding: 0 60px 0 15px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#stories-mobile-filter-container .selectric-wrapper .selectric .button {
    width: 40px;
    height: 60px;
    background: transparent;
    border-top-color: transparent
}

#stories-mobile-filter-container .selectric-wrapper .selectric .button:after {
    content: "";
    color: #351310;
    font-family: "icomoon";
    border: none;
    font-size: 14px;
    right: 20px
}

#stories-mobile-filter-container .selectric-wrapper .selectric .label {
    line-height: 60px;
    color: #1a2b3a;
    font-size: 18px;
    height: 60px;
    margin: 0;
    text-align: left;
    font-weight: normal;
    padding: 0
}

#stories-mobile-filter-container .selectric-wrapper .selectric-items {
    border: none;
    background: transparent;
    top: 40px;
    width: 100% !important;
    border-left: 1px solid #1a2b3a;
    border-right: 1px solid #1a2b3a;
    border-bottom: 1px solid #1a2b3a;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#stories-mobile-filter-container .selectric-wrapper .selectric-items ul {
    padding: 0;
    margin-bottom: 0
}

#stories-mobile-filter-container .selectric-wrapper .selectric-items ul li {
    border: none;
    background: #ffffff;
    color: #1a2b3a;
    font-size: 18px;
    padding: 10px 15px;
    margin-bottom: 0 !important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#stories-mobile-filter-container .selectric-wrapper .selectric-items ul li:before {
    display: none
}

#stories-mobile-filter-container .selectric-wrapper .selectric-items ul li:hover,#stories-mobile-filter-container .selectric-wrapper .selectric-items ul li.selected {
    background: #1a2b3a;
    color: #ffffff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#story-list-container .story-list-item {
    margin-bottom: 60px
}

#pagination-container {
    padding: 60px 20px 80px;
    text-align: center
}

#pagination-container .page-numbers {
    color: #1a2b3a;
    margin: 0 8px
}

#pagination-container .page-numbers:hover {
    color: #351310
}

#pagination-container .page-numbers.current {
    color: #351310;
    text-decoration: underline
}

#single-stories-header-container {
    margin-top: 80px;
    border-top: 1px solid rgba(26, 43, 58, 0.2);
    padding: 60px 0
}

#single-stories-header-container #single-stories-back {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a2b3a;
    text-decoration: none
}

#single-stories-header-container #single-stories-back:hover {
    color: #351310
}

#single-stories-header-container #single-stories-back:hover .icon-arrow {
    left: -5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#single-stories-header-container #single-stories-back .icon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 14px;
    position: relative;
    margin-right: 5px;
    color: #351310;
    left: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#single-stories-header-container #single-stories-back .icon-arrow:before {
    content: ""
}

#single-stories-header-container>div>div h1 {
    margin-bottom: 10px
}

#single-stories-header-container>div>div a {
    margin-bottom: 20px;
    display: inline-block
}

#single-stories-featured-image {
    width: 100%;
    max-width: 1600px;
    padding: 0 0 40px
}

#single-stories-featured-image img {
    margin: 0 auto;
    display: block
}

#single-stories-content h1,#single-stories-content h2,#single-stories-content h3,#single-stories-content h4,#single-stories-content h5,#single-stories-content h6,#single-stories-content p,#single-stories-content ol,#single-stories-content ul {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

#single-stories-content a.button {
    display: table !important;
    margin: 0 auto
}

#single-stories-content ol,#single-stories-content ul {
    margin: 20px auto
}

#single-stories-content p>img {
    width: 100%
}

#single-stories-content .image-photo-credit {
    width: 100%;
    max-width: 720px;
    margin: -10px auto 30px
}

#single-stories-content .image-photo-credit>div:first-child .icon-camera {
    top: -2px
}

#single-stories-content .image-photo-credit>div:last-child {
    font-size: 14px
}

#single-stories-content blockquote {
    background: #351310;
    padding: 120px 0;
    margin: 60px auto;
    position: relative
}

#single-stories-content blockquote:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center bottom;
    top: 0;
    left: 0;
    background: url("../images/blockquote-top-edge.svg");
    display: inline-block;
    z-index: 100
}

#single-stories-content blockquote:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0;
    left: 0;
    background: url("../images/blockquote-bottom-edge.svg");
    display: inline-block;
    z-index: 100
}

#single-stories-content blockquote h1,#single-stories-content blockquote h2,#single-stories-content blockquote h3,#single-stories-content blockquote h4,#single-stories-content blockquote h5,#single-stories-content blockquote h6,#single-stories-content blockquote p {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0;
    width: 100%;
    max-width: 960px
}

#single-stories-related-container {
    padding: 60px 0 80px;
    border-top: 1px solid #e3ddd2
}

#single-stories-related-container h1 {
    text-align: center;
    margin-bottom: 40px
}

#single-stories-related-container h1 span {
    color: #351310
}

@media screen and (max-width: 1380px) {
    #single-stories-header-container {
        padding:60px 20px
    }
}

@media screen and (max-width: 1240px) {
    #stories-featured-container {
        padding:60px 20px 140px
    }
}

@media screen and (max-width: 1140px) {
    #stories-featured-container {
        margin-top:0
    }

    #single-stories-header-container {
        margin-top: 0
    }
}

@media screen and (max-width: 1000px) {
    #stories-filter-container {
        padding:80px 20px 60px
    }

    #story-list-container {
        padding: 0 20px
    }

    #single-stories-header-container {
        padding: 50px 20px
    }

    #single-stories-header-container #single-stories-back {
        position: relative;
        margin-bottom: 30px;
        display: inline-block
    }

    #single-stories-header-container>div>div {
        max-width: 960px
    }

    #single-stories-content blockquote {
        padding: 120px 20px
    }

    #single-stories-related-container {
        padding: 60px 20px 80px
    }
}

@media screen and (max-width: 900px) {
    #stories-featured-container>div>div>div:first-child,#stories-featured-container>div>div>div:last-child {
        width:100%
    }

    #stories-featured-container>div>div>div:first-child {
        padding: 0 0 40px;
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    #content .story-list-item>div:first-child {
        width:120px
    }

    #content .story-list-item>div:last-child {
        width: calc(100% - 120px);
        padding-left: 15px;
        margin-left: 0
    }

    #content .story-list-item>div:last-child p {
        display: none
    }

    #content .story-list-item>div:last-child .button {
        display: none
    }

    #stories-featured-container {
        padding: 50px 20px 120px
    }

    #stories-featured-container h1 {
        font-size: 50px
    }

    #stories-featured-container>div>div>div:last-child .stories-featured-item a>div:first-child {
        width: 120px
    }

    #stories-featured-container>div>div>div:last-child .stories-featured-item a>div:last-child {
        width: calc(100% - 120px);
        padding-left: 15px
    }

    #stories-filter-container {
        display: none
    }

    #stories-mobile-filter-container {
        display: block
    }

    #stories-mobile-filter-container label {
        font-size: 16px
    }

    #story-list-container .story-list-item {
        margin-bottom: 30px
    }

    #pagination-container {
        padding: 30px 20px 50px
    }

    #pagination-container .page-numbers {
        font-size: 16px;
        margin: 0 5px
    }

    #single-stories-header-container {
        padding: 40px 20px
    }

    #single-stories-featured-image {
        padding: 0 0 20px
    }

    #single-stories-featured-image>div {
        padding: 0 20px
    }

    #single-stories-content h1,#single-stories-content h2,#single-stories-content h3,#single-stories-content h4,#single-stories-content h5,#single-stories-content h6,#single-stories-content p,#single-stories-content ol,#single-stories-content ul {
        max-width: calc(100% - 40px)
    }

    #single-stories-content .image-photo-credit {
        padding: 0 20px
    }

    #single-stories-content blockquote {
        padding: 90px 20px
    }

    #single-stories-content blockquote h1,#single-stories-content blockquote h2,#single-stories-content blockquote h3,#single-stories-content blockquote h4,#single-stories-content blockquote h5,#single-stories-content blockquote h6,#single-stories-content blockquote p {
        font-size: 24px
    }

    #single-stories-related-container {
        padding: 30px 20px
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #DDD;
    background: #F8F8F8;
    position: relative
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    color: #BBB;
    text-align: center;
    font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #BBB;
    border-bottom: none
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    top: 100%
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    max-height: 200px;
    width: 100%;
    overflow-y: scroll;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #EFEFEF;
    color: #444
}

.selectric-items li:hover {
    background: #F0F0F0;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

#shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(17, 17, 17, 0.8);
    width: 100%;
    height: 100%;
    display: inline-block;
    max-width: 2000px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#shadow.is-visible {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#translate-modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
    width: 100%;
    width: 600px;
    height: 600px;
    overflow: scroll;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: fixed;
    padding: 60px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#translate-modal.is-visible {
    z-index: 10001;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#translate-modal #close-translate-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none;
    color: #1a2b3a;
    opacity: 1
}

#translate-modal #close-translate-modal:hover {
    opacity: 0.7
}

#translate-modal #close-translate-modal .icon-close {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#translate-modal #close-translate-modal .icon-close:before {
    content: ""
}

#translate-modal ul {
    list-style: none;
    padding: 0px;
    margin: 0
}

#translate-modal ul li a {
    display: none
}

#translate-modal ul li ul li {
    margin-bottom: 10px
}

#translate-modal ul li ul li a {
    display: inline-block;
    color: #77a942;
    font-size: 16px;
    position: relative;
    padding-bottom: 0px;
    text-decoration: none
}

#translate-modal ul li ul li a:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#translate-modal ul li ul li a:before {
    background-color: #77a942;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

#newsletter-signup-container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
    width: 100%;
    width: 600px;
    height: 600px;
    overflow: scroll;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: fixed;
    padding: 60px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#newsletter-signup-container.is-visible {
    z-index: 10001;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#newsletter-signup-container #newsletter-signup-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none;
    color: #1a2b3a;
    opacity: 1
}

#newsletter-signup-container #newsletter-signup-modal-close:hover {
    opacity: 0.7
}

#newsletter-signup-container #newsletter-signup-modal-close .icon-close {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#newsletter-signup-container #newsletter-signup-modal-close .icon-close:before {
    content: ""
}

#newsletter-signup-container .gform_required_legend {
    display: none
}

#newsletter-signup-container .gform_validation_errors {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-top: 2px solid #c1604b;
    border-bottom: 2px solid #c1604b;
    background: transparent;
    color: #c1604b;
    font-size: 20px;
    padding: 20px 0;
    margin-bottom: 20px
}

#newsletter-signup-container .gform_validation_errors span {
    display: none
}

#newsletter-signup-container .gform_validation_errors h2 {
    font-size: 24px;
    margin-bottom: 0 !important;
    color: #c1604b !important
}

#newsletter-signup-container .gform_validation_errors h2:before {
    display: none
}

#newsletter-signup-container .validation_message {
    font-weight: normal;
    padding: 7px 0 0;
    margin: 0;
    font-size: 14px;
    color: #c1604b;
    border: none;
    background: transparent
}

#newsletter-signup-container .gform_confirmation_message {
    font-size: 20px;
    text-align: center;
    padding: 40px 0
}

#newsletter-signup-container .gform_wrapper {
    width: 100%;
    margin: 0 auto
}

#newsletter-signup-container .gform_wrapper .gform_fields {
    padding: 0
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield {
    margin-bottom: 10px
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield ul {
    padding: 0
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 0 !important;
    margin-bottom: 10px !important
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error input[type="text"],#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error input[type="email"],#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error input[type="tel"] {
    border: 1px solid #c1604b
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error textarea {
    border: 1px solid #c1604b
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error label {
    color: #c1604b
}

#newsletter-signup-container .gform_wrapper .gform_fields .gfield.gfield_error label span {
    color: #c1604b
}

#newsletter-signup-container .gform_wrapper .gform_footer {
    display: block
}

#newsletter-signup-container .gform_wrapper img.gform_ajax_spinner {
    margin: 30px auto;
    display: block;
    width: 60px
}

#newsletter-signup-container label {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0
}

#newsletter-signup-container label span {
    color: #1a2b3a
}

#newsletter-signup-container h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 20px
}

#newsletter-signup-container p {
    font-size: 12px;
    line-height: 1.6
}

#newsletter-signup-container input[type="text"],#newsletter-signup-container input[type="email"],#newsletter-signup-container input[type="tel"] {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding-left: 15px;
    font-size: 18px;
    border: 1px solid #1a2b3a
}

#newsletter-signup-container input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    border: none
}

#newsletter-signup-container input[type="submit"]:hover {
    background: #1a2b3a
}

#footer-image-container {
    height: 400px;
    background-size: cover;
    background-position: 50%
}

#footer-image-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0) 50%);
    display: inline-block
}

#footer-container {
    position: relative
}

#footer-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    top: -50px;
    left: 0;
    background: url("../images/white-bottom-edge.png");
    display: inline-block
}

#footer-container #top-footer-container {
    padding: 60px 0 30px
}

#footer-container #top-footer-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#footer-container #top-footer-container>div>div:first-child {
    width: 55%
}

#footer-container #top-footer-container>div>div:first-child>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    margin-bottom: 40px
}

#footer-container #top-footer-container>div>div:first-child>div>div:first-child {
    width: 140px
}

#footer-container #top-footer-container>div>div:first-child>div>div:last-child {
    width: calc(100% - 140px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 50px
}

#footer-container #top-footer-container>div>div:first-child>div>div:last-child>div:not(:last-of-type) {
    margin-right: 50px
}

#footer-container #top-footer-container>div>div:first-child>div>div:last-child>div h5 {
    color: #351310;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px
}

#footer-container #top-footer-container>div>div:first-child>div>div:last-child>div a {
    color: #351310
}

#footer-container #top-footer-container>div>div:first-child p {
    font-size: 16px;
    line-height: 1.667
}

#footer-container #top-footer-container>div>div:last-child {
    width: 45%;
    text-align: right
}

#footer-container #top-footer-container>div>div:last-child #footer-contact-toggle {
    display: inline-block;
    background: #1a2b3a;
    padding: 40px;
    text-align: center;
    border-radius: 8px;
    width: 100%;
    max-width: 360px;
    position: relative;
    top: -120px;
    margin-bottom: -120px
}

#footer-container #top-footer-container>div>div:last-child #footer-contact-toggle h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px
}

#footer-container #top-footer-container>div>div:last-child #footer-contact-toggle a {
    display: inline-block;
    text-decoration: none;
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    width: 100%;
    max-width: 300px
}

#footer-container #top-footer-container>div>div:last-child #footer-contact-toggle a:hover {
    border: 1px solid #351310;
    background: #351310
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links {
    display: inline-block;
    text-align: center;
    width: 100%;
    max-width: 360px;
    position: relative;
    top: -15px;
    margin-bottom: -10px
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(26, 43, 58, 0.2);
    width: 50px;
    height: 50px;
    line-height: 55px;
    font-size: 16px;
    text-decoration: none;
    color: #1a2b3a
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a:hover {
    border: 1px solid rgba(26, 43, 58, 0.7)
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a:not(:last-of-type) {
    margin-right: 10px
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-facebook:before {
    content: ""
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-twitter {
    font-size: 14px
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-twitter:before {
    content: ""
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-linkedin:before {
    content: ""
}

#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-instagram:before {
    content: ""
}

#footer-container #bottom-footer-container {
    border-top: 1px solid rgba(26, 43, 58, 0.2);
    padding: 30px 0
}

#footer-container #bottom-footer-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center
}

#footer-container #bottom-footer-container>div>div:first-child {
    width: 70%
}

#footer-container #bottom-footer-container>div>div:first-child p {
    font-size: 16px;
    display: inline-block;
    line-height: 1.667
}

#footer-container #bottom-footer-container>div>div:first-child>div {
    display: inline-block;
    margin-left: 10px
}

#footer-container #bottom-footer-container>div>div:first-child>div ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#footer-container #bottom-footer-container>div>div:first-child>div ul li {
    display: inline-block
}

#footer-container #bottom-footer-container>div>div:first-child>div ul li:not(:last-of-type) {
    margin-right: 10px
}

#footer-container #bottom-footer-container>div>div:first-child>div ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #351310
}

#footer-container #bottom-footer-container>div>div:first-child>div ul li a:hover {
    text-decoration: underline
}

#footer-container #bottom-footer-container>div>div:last-child {
    width: 30%;
    text-align: right
}

#footer-container #bottom-footer-container>div>div:last-child a {
    font-size: 16px;
    color: #1a2b3a;
    text-decoration: none
}

#footer-container #bottom-footer-container>div>div:last-child a:hover {
    color: #351310
}

#footer-container #bottom-footer-container>div>div:last-child a .icon-cacpro {
    font-size: 18px;
    margin-left: 1px;
    position: relative;
    top: 2px
}

#footer-container #bottom-footer-container>div>div:last-child a .icon-cacpro:before {
    content: ""
}

#footer-container #mobile-bottom-footer-container {
    border-top: 1px solid rgba(26, 43, 58, 0.2);
    padding: 20px 0;
    max-width: calc(100% - 40px);
    text-align: center;
    display: none
}

#footer-container #mobile-bottom-footer-container p {
    font-size: 16px
}

#footer-container #mobile-bottom-footer-container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    align-content: center;
    margin-top: 10px
}

#footer-container #mobile-bottom-footer-container>div>div {
    width: 50%
}

#footer-container #mobile-bottom-footer-container>div>div:first-child {
    text-align: left;
    margin-left: 0
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div {
    display: inline-block
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div ul li {
    display: inline-block
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div ul li:not(:last-of-type) {
    margin-right: 10px
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #351310;
    text-decoration: none;
    opacity: 1
}

#footer-container #mobile-bottom-footer-container>div>div:first-child>div ul li a:hover {
    opacity: 0.7
}

#footer-container #mobile-bottom-footer-container>div>div:last-child {
    text-align: right
}

#footer-container #mobile-bottom-footer-container>div>div:last-child a {
    font-size: 16px;
    color: #1a2b3a
}

#footer-container #mobile-bottom-footer-container>div>div:last-child a .icon-cacpro {
    font-size: 20px;
    margin-left: 3px;
    position: relative;
    top: 1.5px
}

#footer-container #mobile-bottom-footer-container>div>div:last-child a .icon-cacpro:before {
    content: ""
}

@media screen and (max-width: 1240px) {
    #footer-container {
        padding:0 20px
    }

    #footer-container #top-footer-container>div>div:first-child {
        width: 60%
    }

    #footer-container #top-footer-container>div>div:last-child {
        width: 40%
    }
}

@media screen and (max-width: 1000px) {
    #footer-container #top-footer-container>div {
        flex-direction:column-reverse
    }

    #footer-container #top-footer-container>div>div:first-child,#footer-container #top-footer-container>div>div:last-child {
        width: 100%
    }

    #footer-container #top-footer-container>div>div:first-child>div {
        justify-content: center
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child {
        width: auto
    }

    #footer-container #top-footer-container>div>div:last-child {
        padding: 0 0 40px;
        text-align: center
    }

    #footer-container #top-footer-container>div>div:last-child #footer-contact-toggle {
        margin: 0 auto -70px;
        display: block;
        max-width: 600px
    }

    #footer-container #top-footer-container>div>div:last-child #footer-social-links {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    #translate-modal {
        max-width:calc(100% - 40px)
    }

    #footer-container {
        padding: 0
    }

    #footer-container #top-footer-container>div {
        flex-direction: column-reverse
    }

    #footer-container #top-footer-container>div>div:first-child,#footer-container #top-footer-container>div>div:last-child {
        width: 100%
    }

    #footer-container #top-footer-container>div>div:first-child {
        padding: 0 20px
    }

    #footer-container #top-footer-container>div>div:first-child>div {
        margin-bottom: 30px
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:first-child {
        display: none
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child {
        width: 100%;
        padding: 0
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child>div {
        width: 48%
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child>div:not(:last-of-type) {
        margin-right: 0
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child>div:nth-of-type(2n) {
        margin-left: 4%
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child>div h5 {
        font-size: 18px
    }

    #footer-container #top-footer-container>div>div:first-child>div>div:last-child>div p {
        font-size: 14px
    }

    #footer-container #top-footer-container>div>div:last-child {
        padding: 0 0 40px;
        text-align: center
    }

    #footer-container #top-footer-container>div>div:last-child #footer-contact-toggle {
        width: 100%;
        border-radius: 0;
        max-width: 100%;
        padding: 50px 20px
    }

    #footer-container #top-footer-container>div>div:last-child #footer-social-links {
        text-align: center
    }

    #footer-container #bottom-footer-container {
        display: none
    }

    #footer-container #mobile-bottom-footer-container {
        display: block
    }
}

@media screen and (max-width: 640px) {
    #newsletter-signup-container {
        max-width:calc(100% - 40px);
        padding: 60px 20px
    }

    #newsletter-signup-container h2 {
        font-size: 22px
    }

    #newsletter-signup-container input[type="submit"] {
        line-height: 1.4
    }
}
#page-builder-container .content-row.image-header-type:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position: center top;
    bottom: 0px;
    left: 0;
    background: url(https://catalinaconservancy.org/wp-content/themes/catalinaisland/images/white-bottom-edge.png);
    display: inline-block;
    z-index: 100;
}
#page-builder-container .content-row.image-header-type.tall-header {
    padding: 0;
}
.block-pgc-slideshow-block .pgc-banner {
    margin-bottom: 0;
    display: flex
;
    max-height: 450px;
    align-items: center;
    overflow: hidden;
}
@media screen and (min-width:1200px) {
  #block-catalina-conservancy-page-title, #block-catalina-conservancy-breadcrumbs {
        position: absolute;
    top: 40%;
    left: calc(50vw - (1200px / 2));
  }
#block-catalina-conservancy-breadcrumbs {
top: 20% !important;
z-index: 1000;
}
}
@media screen and (max-width:1199px) {
   #block-catalina-conservancy-page-title, #block-catalina-conservancy-breadcrumbs {
        position: absolute;
    top: 40% !important;
    left: 10vw;
margin-bottom: 10px;
  }
#block-catalina-conservancy-breadcrumbs {
top: 20% !important;
z-index: 1000;
}
}
#pgc-region-main {
    float: left;
    width: 100%;
}
.pg-content-body .pgc-flexbox .child-page .details {
    flex: 1 0 40%;
    padding-left: 0 !Important;
    margin-right: 5%;
  margin-left: 5%
}
.pg-content-body .pgc-flexbox .child-page .thumbnail {
    float: none;
    flex: 1 0 50%;
    margin-right: 0;
}
.pg-content-body .pgc-flexbox .child-page:nth-child(odd) {
  flex-direction: row-reverse;
}
.image-header-type {
      min-height: 280px;
    background: #1a2b3a;
    align-items: center;
overflow: hidden;
}
h1 {
      font-size: 38px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
  font-family: 'Frutiger', sans-serif !important;
  text-transform: none !important;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}
.breadcrumb .pg-breadcrumb-links {
    clear: both;
    width: 100%;
    padding: 10px 0;
    margin: 20px 0 0;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
}
.breadcrumb .pg-breadcrumb-links a {
    clear: both;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
    color: #fff !important;
font-family: 'Bebas Neue';
}
body {
    color: #1a2b3a;
    font-size: 18px;
    font-family: "Frutiger" !important;
}
.if-js-enabled {display:none;}
.breadcrumb {
      font-family: bebas neue;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.pg-gift-details .accordion-header-text .header-text-collapsed:after {
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;
    font-family: 'Font Awesome';
    speak: none;
    font-style: normal;
    content: "\2b";
}
.pg-gift-details .accordion-header-text .header-text-expanded:after {
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;
    font-family: 'Font Awesome';
    transform: rotate(45deg);
    speak: none;
    font-style: normal;
    content: "\2b";
}
.pg-wrap li {
    margin-bottom: 10px;
    line-height: 1.667;
}
@media screen and (max-width: 939px) {
  #block-catalina-conservancy-main-menu {display:none;}
    #block-catalina-conservancy-page-title, #block-catalina-conservancy-breadcrumbs {
        position: absolute;
        top: 20% !important;
        left: 10vw;
        margin-bottom: 10px;
    }
  .block-pgc-slideshow-block .pgc-banner {
    margin-bottom: 0;
    display: flex
;
    max-height: 1000%;
    align-items: center;
    overflow: hidden;
    min-width: 110%;
}
  #block-pgc-contact-block-pgc-contact-block {max-width: 100%;}
}
.pg-mobilemenu .header-mobile {
    position: relative;
    background-color: rgba(0, 44, 89, 0.8);
    width: 100%;
    padding: 10px;
    height: 60px;
    background: #1a2b3a;
    border-radius: 8px;
    line-height: 2.5;
}
.subnav-mobile-mask #main-menu {
    display: block;
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 30px;
    }
}
  @media screen and (max-width: 767px) {
    #page-builder-container .content-row.image-header-type.tall-header h1 {
        font-size: 30px;
    }
}

element.style {
}
@media screen and (max-width: 939px) {
    #block-catalina-conservancy-page-title {
        position: absolute;
        top: 35% !important;
        left: 10vw;
        margin-bottom: 10px;
    }
  .pg-wrap {padding: 0 15px;}
}
.pg-gift-details.ui-widget {
    font-family: inherit;
    margin-top: 50px;
}
.pgc-body-content.homepage {
    border-bottom: 0;
    margin: 25px 0;
}
.autocomplete {width: 100% !important; margin-bottom: 20px;}
.form-submit {
      display: inline-block;
    text-decoration: none;
    background: #351310 !important;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px !important;
    padding: 20px 40px !important;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
    min-width: 120px;
    text-align: center;
      border: 0;
    font-size: 15px;
    font-family: "Frutiger";
  box-shadow: none !important;
}
.form-submit:hover {background: #1a2b3a !important;}
.pgc-qcd-search, .pgc-charity-search {border-top: 1px solid #ddd; padding-top: 30px;}
.pg-wrap h1, .pg-wrap h2, .pg-wrap h3, .pg-wrap h4, h5, h6 {
    margin-top: 30px;
}
.ui-widget-content a {
    color: #337ab7 !important;
}
.child-page .link a, .pg-featured-link p a {
      display: inline-block;
    text-decoration: none;
    background: #351310;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 20px 40px;
    min-width: 165px;
    font-family: "Frutiger";
    text-align: center;
margin-top: 20px;
}
.child-page .link a:hover, .pg-featured-link p a:hover  {
      background: #5C2F27;
}
#block-pgc-contact-block-pgc-contact-block .title {
    margin-bottom: 10px;
    margin-top: 0;
}
#block-catalina-conservancy-contentfield-2 {
  text-align: left;
    margin-bottom: 60px;
}
#header-container .search-toggle span.icon-search:before, #search-overlay-container #search-form-wrapper .icon-search:before {
    content: "\f002";
    font-family: 'FontAwesome';
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'FontAwesome' !important;
}
#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-facebook:before {
    content: "\f09a";
}
#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-instagram:before {
    content: "\f16d";
}
#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-twitter:before {
    content: "\f099";
}
#footer-container #top-footer-container>div>div:last-child #footer-social-links a .icon-linkedin:before {
    content: "\f08c";
}
.icon-twitter, .icon-linkedin, .icon-instagram {
    font-size: 20px !important;
}
#bottom-footer-container > div > div:last-child {display:none !important;}
#header-container .search-toggle span.icon-close:before {
    content: "\f00d";
    transform: rotate(-45deg) !important;
}
#header-container .search-toggle span.icon-close{
    transform: rotate(90deg) !important;
}
@media screen and (min-width: 768px) {
  
.pg-featured-links {

    display: block;
}
.pg-featured-link {
  display: flex;
  border: 0 !important;
        align-items: center;
        padding: 40px 0;
}
.pg-featured-link .image {
      float: none;
    flex: 1 0 50%;

  }
  .pg-featured-link .detail {
        flex: 1 0 45%;
    padding-left: 0 !Important;
margin-right: 5%;
        margin-left: 5%;
  }
  .pg-featured-link:nth-child(odd) {
    flex-direction: row-reverse;
}
}
.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
#header-container>div>div>div:last-child ul li .mega-menu>div>div a .icon-arrow:before {
    content: "\f105";
}
@media screen and (max-width: 767px) {
#pgc-contact-block {
    margin-top: 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
}
}
.block-pgc-resource-block {
    align-items: center;
    display: flex
;
    flex-direction: column;
}
.pg-featured-links .pg-featured-link:nth-child(-n+3) {
    border-bottom: 0;
    padding-bottom: 25px;
}
h1, .pg-wrap  h2, .pg-wrap  h3, .pg-wrap  h4, .pg-wrap  h5, .pg-wrap  h6, .pg-wrap  p, .pg-wrap li, h1 span,  .pg-wrap  {
 
    font-family: 'Larken', serif !important;
}
#header-container>div>div>div:first-child {
    width: 265px;
    border-right: 1px solid rgba(26, 43, 58, 0.2);
    padding-right: 10px;
}
a {
    color: #001D44;
    text-decoration: none;
}
a {
    color: #001D44;
    text-decoration: none;
}
.wrap {
 
    background: rgba(255, 249, 239, 1);
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #E5DDD4 !important;
}
@media screen and (min-width:940px) and (max-width:1200px) {
.pg-content-body, .pg-content-top {padding: 0 20px !important;}
}
#page-builder-container .content-row.image-header-type.tall-header {
background-image: none !important;
min-height: 0;
}
.views-row {
display: flex
;
    max-height: 450px;
    overflow: hidden;
    align-items: center;
}
a {
    color: #016699;
    text-decoration: none;
}