@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@font-face {
font-family: 'FontAwesome';
src: url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0);
src: url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"), url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/fonts/fontawesome-webfont.woff?v=4.2.0) format("woff"), url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0) format("truetype"), url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg"); } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:bottom}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:60%;line-height: initial;}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body.logged-in #nav-trigger,
body.logged-in #mobile-nav.mnav-open {
margin-top: 32px; } html { font-size: 62.5%; overflow-x: hidden; scroll-behavior: smooth;}
body {
font-size: 16px;
font-size: 1.6rem;
background: #ffffff;
color: #000000;
font-family: 'Roboto', sans-serif;
-webkit-font-smoothing: antialiased;
width: 100%;
overflow-x: hidden;
}
body.no-scroll {
position: fixed;
width: 100%;
overflow: hidden;
}
::selection,
::-moz-selection {
background: #000;
color: #fff;
}
.row {
max-width: 1440px;
width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
*zoom: 1;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.row:before { 
content: normal; 
display: table; 
}
.row:after { 
content: normal; 
display: table; 
clear: both; 
}
.row.full { 
max-width: 100% !important; 
padding: 0;
}
.row.full.inset {
padding: 0 40px;
}
@media screen and (max-width: 1040px) {
.row.full.inset {
padding: 0 15px;
}
}
img {
width: 100%;
height: auto;
}
.middle {
align-self: center;
}
.padding-top {
padding-top: 0px;
}
.padding-top-small {
padding-top: 20px !important;
}
.padding-top-medium {
padding-top: 60px !important;
}
.padding-top-large {
padding-top: 80px !important;
}
.padding-bottom {
padding-bottom: 0px;
}
.padding-bottom-small {
padding-bottom: 20px !important;
}
.padding-bottom-medium {
padding-bottom: 60px !important;
}
.padding-bottom-large {
padding-bottom: 80px !important;
}
.grade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0) 51%, rgba(0, 0, 0, .7) 75%, rgba(0, 0, 0, .9) 100%);
}
.mobile {
display: none;
visibility: hidden;
}
@media screen and (max-width: 880px) {
.desktop {
display: none;
visibility: hidden;
}
.mobile {
display: revert;
visibility: revert;
}
} h1 {
font-size: 44px;
font-size: 4.4rem;
line-height: 46px;
font-weight: 900;
color: #051D56;
font-family: "Kumbh Sans", sans-serif;
margin: 10px 0;
word-break: keep-all;
text-transform: uppercase;
}
h2 {
font-size: 40px;
font-size: 4.0rem;
line-height: 42px;
font-weight: 600;
color: #051D56;
font-family: "Kumbh Sans", sans-serif;
margin: 10px 0;
word-break: keep-all;
}
h3 {
font-size: 34px;
font-size: 3.4rem;
line-height: 36px;
font-weight: 400;
color: #051D56;
font-family: "Kumbh Sans", sans-serif;
margin: 10px 0;
}
h4 {
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
color: #051D56;
font-family: "Kumbh Sans", sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
h5 {
font-size: 20px;
font-size: 2.0rem;
line-height: 24px;
color: #051D56;
font-family: "Kumbh Sans", sans-serif;
}
p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin-bottom: 20px;
}
a {
color: #051D56;
text-decoration: none;
transition: all 1s;
}
a:hover {
color: #051D56;
text-decoration: underline;
}
em, i {
font-weight: 300;
font-style: italic;
}
strong, b {
font-weight: 600;
}
@media screen and (max-width: 760px) {
h1 {
font-size: 32px;
font-size: 3.2rem;
line-height: 34px;
}
h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
}
h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 24px;
}
h5 {
font-size: 19px;
font-size: 1.9rem;
line-height: 21px;
}
} @keyframes fade-in {
from {
background-color: rgba(4, 59, 92, 1);
opacity: 0;
transform: translateY(10vh);
}
to {
background-color: rgba(4, 59, 92, 0);
opacity: 1;     
transform: translateY(0);
}
}
@keyframes slideright {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
} header#site-header {
top: 0;
left: 0;
z-index: 2;
transition: all 0.5s;
background-color: #ffffff;
}
.alert-panel {
background-color: #00a7b1;
z-index: 1111;
padding: 40px;
color: #ffffff;
}
.alert-panel > .row {
flex-direction: column;
text-align: center;
margin: 10px;
}
.alert-panel > .row p {
margin: 0;
color: #ffffff;
}
.alert-panel > .row a {
color: #ffffff;
text-decoration: underline;
}
.logo-wrap {
background-color: rgba(5, 29, 86);
clip-path: polygon(100% 100%, 0% 100%, 30px 0%, 100% 0%, 30px 0%, 100% 0%);
width: 360px;
position: absolute;
right: 0;
top: 0;
transition: right 1s ease, max-width 0.3s ease;
}
.subpage-logo img {
max-width: 300px;
padding: 20px 20px 20px 60px;
transition: max-width 0.3s ease, padding 0.3s ease;
}
.logo-wrap.slide-out {
right: -360px; 
transition: right 1s ease;
}
@media screen and (max-width: 1040px) {
.subpage-logo img {
max-width: 150px;
padding: 15px 15px 15px 50px;
transition: max-width 0.3s ease, padding 0.3s ease;
}
.logo-wrap {
width: 240px;
}
header#site-header {
position: relative !important;
background-color: #051D56;
min-height: unset;
}
header#site-header #logo {
max-width: 200px;
position: relative;
transition: linear 0.3s;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(103%) contrast(102%);
}
#ghost-header {
display: none;
}
}
@media screen and (max-width: 760px) {
.logo-wrap {
width: 100%;
clip-path: revert;
}
} #nav-trigger {
position: fixed;
top: 0;
right: 0;
cursor: pointer;
padding: 0;
width: 120px; 
height: 50px;
z-index: 10000;
transition: right 2s ease, background-color 0.5s ease;
background-color: transparent; 
clip-path: polygon(100% 100%, 0% 100%, 30px 0%, 100% 0%, 30px 0%, 100% 0%);
}
#nav-trigger.scrolled {
background-color: rgba(5, 29, 86, 0.76);
}
#nav-trigger.triggered {
right: 0;
background-color: rgba(5, 29, 86, 0.76);
width: 400px;
clip-path: none;
}
#nav-trigger #hamburger-top,
#nav-trigger #hamburger-mid,
#nav-trigger #hamburger-btm {
height: 3px;
background-color: #ffffff;
width: 28px;
display: block;
position: absolute;
border-radius: 3px;
right: 40px;
transition: all 0.3s;
}
#nav-trigger #hamburger-top {
top: 15px;
}
#nav-trigger #hamburger-mid {
top: 23px;
}
#nav-trigger #hamburger-btm {
top: 31px;
}
#nav-trigger.triggered #hamburger-top,
#nav-trigger.triggered #hamburger-mid,
#nav-trigger.triggered #hamburger-btm {
background-color: #ffffff;
}
html.csstransforms #nav-trigger.triggered #hamburger-top {
transform: rotate(45deg);
top: 22px;
}
html.csstransforms #nav-trigger.triggered #hamburger-btm {
transform: rotate(-45deg);
top: 22px;
}
html.csstransforms #nav-trigger.triggered #hamburger-mid {
opacity: 0;
}
#mobile-nav {
position: fixed;
top: 50px;
right: -400px;
bottom: 0;
z-index: 1000;
width: 400px;
max-width: 100%;
background-color: #ffffff;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
transition: right 0.5s ease;
}
#mobile-nav.mnav-open {
right: 0;
}
#mobile-nav nav {
display: block;
position: relative;
width: 100%;
height: auto;
overflow: visible;
background-color: #ffffff;
}
#mobile-nav a {
font-size: 19px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
display: block;
color: #051D56;
padding: 9px 40px;
text-decoration: none;
position: relative;
margin-bottom: 0;
transition: all 0.3s;
}
#mobile-nav a:hover {
background-color: #2BAAD8;
color: #ffffff;
}
#mobile-nav ul,
#mobile-nav ol {
margin: 0;
}
#mobile-nav nav ul ul.sub-menu a {
font-size: 15px;
transition: all 0.3s;
}
#mobile-nav nav ul ul.sub-menu a::before {
content: "\f054";
font-family: 'FontAwesome';
margin-right: 5px;
font-size: 12px;
color: #2BAAD8;
}
#mobile-nav nav ul ul.sub-menu a:hover {
color: #ffffff;
}
#mobile-nav nav ul ul.sub-menu a:hover::before {
color: #ffffff;
} #search-box {
padding: 20px 40px;
position: relative; }
#search-box form {
width: 100%;
}
.search-form {
display: flex;
align-items: left;
width: 100%;
}
form.search-form {
margin: 50px 0 20px 0;
width: 100%;
}
form.search-form label {
width: 80%;
margin-right: 20px;
}
input.search-field {
border: none;
padding: 10px 10px;
height: 50px;
border: 1px solid #eeeeee !important;
width: 100%;
border-radius: 5px;
}
button.search-submit {
background: transparent;
border: none;
font-size: 20px; 
color: #051D56; 
margin-left: -40px;
cursor: pointer;
position: absolute;
}
button.search-submit i {
font-size: 17px;
font-size: 1.7rem;
position: absolute;
top: 16px;
color: #051D56; 
}
button.search-submit i:hover {
color: #05AFED;
} .fancybox-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
a.fancybox-item.fancybox-close {
position: absolute;
top: -45px;
right: -15px;
width: 40px;
height: 40px;
background-image: url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/images/icon_modal-close.svg);
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(276deg) brightness(100%) contrast(104%);
} .narrow {
max-width: 1140px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
text-align: center;
}
.narrower {
max-width: 1040px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.row.full.trim-top {
padding-top: 20px !important;
}
.row.full.trim-bottom {
padding-bottom: 20px !important;
}
.row.full.bgcolor-white {
background-color: #ffffff;
}
.row.full.bgcolor-gray {
background-color: #eeeeee;
}
.row.full.bgcolor-blue {
background-color: #051D56;
} .home-hero-panel.row.full {
background-color: #238DC1;
height: 800px;
position: relative;
}
.home-hero-wrap {
position: absolute;
flex-direction: column;
text-align: left;
max-width: 800px;
z-index: 1;
padding: 0;
border-radius: 8px;
bottom: 0;
left: 0;
}
.home-hero-text {
flex-direction: column;
text-align: left;
z-index: 1;
padding: 20px;
border-radius: 8px;
}
.home-hero-logo {
display: flex;
background-color: rgba(5,29,86,0.76);
padding: 20px 60px 20px 40px;
max-width: fit-content;
clip-path: polygon(0% 100%, 100% 100%, calc(100% - 30px) 0%, 0% 0%, calc(100% - 30px) 0%, 0% 0%);
}
.home-hero-logo img {
max-width: 390px;
}
.home-hero-text h1 {
z-index: 1;
color: #ffffff;
text-shadow: 0px 0px 3px rgba(0,0,0,0.76);
margin-bottom: 20px;
}
.hero-video-wrap {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.hero-video-wrap video {
position: absolute;
top: 0;
z-index: 0;
opacity: 1;
max-width: 100%;
}
.home-hero-img {
position: absolute;
background-size: cover;
min-width: 100%;
min-height: 100%;
opacity: 1;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
z-index: -2;
}
@media screen and (max-width: 1600px) {
.home-hero-panel.row.full {
height: 650px;
}
}
@media screen and (max-width: 1400px) {
.home-hero-panel.row.full {
height: 575px;
}
}
@media screen and (max-width: 1040px) {
.home-hero-panel.row.full {
height: 450px;
}
.home-hero-logo img {
max-width: 290px;
}
.home-hero-text h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 43px;
}
}
@media screen and (max-width: 820px) {
.home-hero-panel.row.full {
height: 330px;
}
}
@media screen and (max-width: 750px) {
.home-hero-panel.row.full {
height: 330px;
}
.home-hero-wrap {
max-width: unset;
width: 100%;
}
.hero-video-wrap video {
max-width: unset;
min-height: 430px;
max-height: 430px;
}
.home-hero-logo img {
max-width: 170px;
}
.home-hero-text h1 {
font-size: 28px;
font-size: 2.8rem;
line-height: 28px;
}
.home-hero-text {
padding: 10px 20px;
}
}	
@media screen and (max-width: 600px) {
.hero-video-wrap video {
min-height: 330px;
max-height: 330px;
}
} .hero-panel.row.full {
background-color: #238DC1;
height: 400px;
position: relative;
}
.hero-wrap {
position: absolute;
flex-direction: column;
text-align: left;
max-width: 800px;
z-index: 1;
padding: 0;
border-radius: 8px;
bottom: 0;
left: 0;
}
.hero-text {
flex-direction: column;
text-align: left;
z-index: 1;
padding: 20px;
border-radius: 8px;
}
.hero-logo img {
max-width: 390px;
}
.hero-text h1 {
z-index: 1;
color: #ffffff;
text-shadow: 0px 0px 3px rgba(0,0,0,0.76);
margin: 0 0 20px 0;
}
.hero-text pre {
font-size: 24px;
font-size: 2.4rem;
line-height: 26px;
font-weight: 900;
font-family: "Kumbh Sans", sans-serif;
color: #05AFED;
text-transform: uppercase;
z-index: 1;
}
.hero-img {
position: absolute;
background-size: cover;
min-width: 100%;
min-height: 100%;
opacity: 1;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1040px) {
.hero-panel.row.full {
height: 400px;
}
.hero-text h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 46px;
}
}
@media screen and (max-width: 760px) {
.hero-panel.row.full {
height: 330px;
}
.hero-text h1 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
} .hero-video-panel.row.full {
background-color: #000000;
height: 600px;
padding: 80px 40px;
overflow: hidden;
}
.hero-video h1 {
z-index: 1;
color: #ffffff;
text-shadow: 0px 0px 3px rgba(0,0,0,0.76);
margin-bottom: 20px;
border-bottom: 2px solid #fbc120;
}
.hero-video-panel video {
position: absolute;
top: 0;
left: 50%;
margin-left: -975px;
z-index: 1;
min-width: 1950px;
height: auto;
opacity: 1;
}
.controls {
z-index: 1;
}
.hero-video-panel .controls {
position: absolute;
z-index: 1;
bottom: 1em;
right: 1em; }
.hero-video-panel .controls .playpause {
padding: 1rem;
border: none;
background: rgba(0, 0, 0, 0.15);
color: white;
font-size: .65em;
min-width: inherit;
width: auto; }
.feature-banner-intro-copy {
font-weight: 300;
font-size: 1.25em; }
@media screen and (max-width: 1040px) {
.hero-video-panel.row.full {
height: 400px;
}
.hero-video-panel h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 46px;
}
}
@media screen and (max-width: 760px) {
.hero-video-panel.row.full {
height: 250px;
}
.hero-video-panel h1 {
font-size: 33px;
font-size: 3.3rem;
line-height: 36px;
}
.hero-video-panel .controls {
bottom: 2rem;
left: 2rem;
right: auto; }
.hero-video-panel .controls .playpause {
padding: .75rem;
font-size: .5em; } 
} .intro-panel-wrap.row.full {
background-color: #ffffff;
text-align: center;
padding: 0 40px;
}
.intro-panel {
flex-direction: column;
text-align: center;
}
.intro-panel h2 {
text-transform: uppercase;
}
.accent-mark {
display: block;
text-indent: -9999px;
width: 120px;
height: 32px;
background:  url(//visitpetersburgva.org/wp-content/themes/Petersburg%20Tourism/images/accent-mark.svg);
background-size: 120px 32px;
margin: 0 auto 10px auto;
color: #555555;
}
@media screen and (max-width: 1040px) {
.intro-panel-wrap.row.full {
padding: 20px 15px;
}
} .twocol-content.row.full {
padding: 0 40px;
}
.twocol-content-wrap {
margin-bottom: 50px;
display: flex;
flex-direction: row;
gap: 50px;
}
.align-left {
flex-direction: row-reverse;
}
.twocol-content {
flex: 1;
}
.twocol-content-img {
flex: 1;
position: relative;
margin-top: -40px;
}
.twocol-content-img img.align-left {
right: unset;
}
.twocol-content p {
font-size: 18px;
font-size: 1.8rem;
line-height: 20px;
color: #2F2F2F;
font-weight: 300;
margin-bottom: 20px;
}
.twocol-content ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
margin-left: 50px;
margin-bottom: 20px;
}
.twocol-content li {
text-align: left;
}
.twocol-content.bg_color {
background-color:#051D56
}
.twocol-content.bg_color h2,
.twocol-content.bg_color h3,
.twocol-content.bg_color p,
.twocol-content.bg_color ul {
color: #ffffff;
}
.twocol-content.bg_color .btn {
background-color:#ffffff;
color: #9D2528;
}
@media screen and (max-width: 1024px) {
.twocol-content.row.full {
padding: 20px 15px;
}
.twocol-content-wrap.align-left,
.twocol-content-wrap.align-right  {
display: revert;
}
.twocol-content {
max-width: 100%;
}	
.twocol-content-img {
max-width: 100%;
margin-top: 20px;
}	
} .full-width-panel.row.full {
height: 700px;
padding: 80px 40px;
background-color: #051D56;
height: 600px;
}
.background-img {
position: absolute;
background-size: cover;
min-width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.photo-cta {
text-align: center;
position: relative;
z-index: 1;
padding: 0 40px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.photo-cta h2 {
font-size: 42px;
font-size: 4.2rem;
line-height: 45px;
color: #ffffff;
font-family: "Kumbh Sans", sans-serif;
font-weight: 900;
text-transform: uppercase;
margin: 0 auto;
letter-spacing: 4px;
}
.photo-cta h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 26px;
color: #ffffff;
font-weight: 300;
margin: 20px 0;
}
.photo-cta p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.photo-cta img {
max-width: 280px;
margin-bottom: 30px;
}
@media screen and (max-width: 1040px) {
.full-width-panel.row.full {
padding: 20px 15px;
height: 500px;
}
}
@media screen and (max-width: 760px) {
.full-width-panel.row.full {
height: 400px;
}
} .inset-panel.row.full {
text-align: center;
background-color: #FFFFFF;
padding: 80px 40px;
}
.inset-photo {
border-radius: 25px;
}
@media screen and (max-width: 1040px) {
.inset-panel.row.full {
padding: 20px 15px;
}
} .spacer-panel.row.full {
background-color: #ffffff;
z-index: -1;
}
.spacer-panel.row.full.bg_color {
background-color:#ECF9FC
}
.spacer-panel.row.full .row.small {
padding: 20px 40px;
}
.spacer-panel.row.full .row.medium {
padding: 40px 40px;
}
.spacer-panel.row.full .row.large {
padding: 60px 40px;
}
.spacer-panel.row.full .row.xlarge {
padding: 80px 40px;
}
@media screen and (max-width: 1040px) {
.spacer-panel.row.full {
padding: 20px 15px;
}
} .icon-panel.row.full {
text-align: center;
padding: 80px 40px;
}
.row.icon-wrap {
display: flex;
gap: 90px;
padding: 20px;
}
.icon-intro h2 {
font-family: "Kumbh Sans", sans-serif;
font-weight: 900;
color: #051D56;	
text-transform: uppercase;
}
.icon-intro h2.bgcolor-blue,
.icon-item h3.bgcolor-blue,
.icon-item p.bgcolor-blue {
color: #ffffff;
}
article.icon-item {
flex: 1;
max-width: 32%;
}
.icon-img img {
max-width: fit-content;
margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
.icon-panel.row.full {
padding: 20px 15px;
}
} .card-panel.row.full {
text-align: center;
padding: 80px 40px;
}
.row.card-wrap {
display: flex;
gap: 20px;
padding: 40px 0;
}
article.card-item {
flex: 1;
max-width: 32%;
min-width: 32%;
background-color: #ffffff;
box-shadow: 0px 0px 13px rgba(0,0,0,0.36);
}
.card-img {
max-width: fit-content;
margin: auto;
}
.card-img img {
max-width: fit-content;
}
.card-container {
margin: 20px;
}
.card-intro h2 {
font-family: "Kumbh Sans", sans-serif;
font-weight: 900;
color: #051D56;	
text-transform: uppercase;
}
.card-intro h2.bg-blue,
.card-intro .bg-blue p {
color: #ffffff;
}
@media screen and (max-width: 1040px) {
.card-panel.row.full {
padding: 20px 15px;
}
}
@media screen and (max-width: 840px) {
.card-wrap {
flex-direction: column;
}
article.card-item {
max-width: 100%;
background-color: #ffffff;
}
} .accordion-panel.row.full {
background-color: #ffffff;
padding: 80px 40px;
}
ul.accordion-list {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
list-style: none;
}
ul.accordion-list li {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 20px 20px 20px 0 ;
margin: 0 auto 15px auto;
cursor: pointer;
border-bottom: 1px solid #333;
}
ul.accordion-list li h4 {
font-weight: 800;
position: relative;
display: block;
width: 100%;
height: auto;
padding: 0 0 10px 0;
margin: 0;
letter-spacing: 0.01em;
cursor: pointer;
}
div.answer {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
}
div.answer  p {
position: relative;
display: block;
font-weight: 300;
padding: 10px 0 0 0;
cursor: pointer;
margin: 0 0 15px 0;
}
ul.accordion-list .answer ol,
ul.accordion-list .answer ul {
padding-left: 20px;
}
ul.accordion-list .answer ol li {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-weight: 300;
padding: 0;
border-bottom: none;
list-style-type: auto;
display: list-item;
}
ul.accordion-list .answer ul li {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-weight: 300;
padding: 0;
border-bottom: none;
list-style-type: circle;
display: list-item;
}
ul.accordion-list li h4:after {
content: '\02795';
font-size: 13px;
color: #333;
float: right;
margin-left: 5px;
}
ul.accordion-list li.active h4::after {
content: "\2796";
}
@media screen and (max-width: 1040px) {
.accordion-panel.row.full {
padding: 20px 15px;
}
}
@media screen and (max-width: 760px) {
ul.accordion-list li h3 {	
font-size: 18px;
font-size: 1.8rem;
}
} .tabs__tabcontent:focus {
outline: 1px dotted; 
}
[aria-disabled="true"], [aria-disabled="true"]:hover{
background-color: #ddd;
color: #666;
pointer-events: none;
cursor: not-allowed;
} [role="tablist"].tabs__list {
padding-left: 0;
margin-bottom: 0;
margin-left: 0px !important;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
border-bottom: 2px solid #62844D;
}
[role="tablist"] .tabs__item {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
position: relative;
display: block;
flex-grow: 0;
width: auto;
text-align: center;
margin: 0 40px;
}
[role="tablist"] .tabs__item a {
line-height: 1.1;
display: inline-block;
position: relative;
width: auto;
padding: 15px 20px;
border-bottom: 0;
color: #114881;
font-weight: 600;
text-transform: uppercase;
}
[role="tablist"] .tabs__item a:focus,
[role="tablist"] .tabs__item a:hover,
[role="tablist"] .tabs__item a:active,
[role="tablist"] .tabs__item a[aria-selected="true"] {
border-bottom:  2px solid #62844D;
color: #62844D;
}
[role="tablist"] .tabs__item a:hover {
cursor: pointer;
}
[role="tablist"] .tabs__item a:focus {
outline: 1px dotted;
}
[role="tabpanel"].tabs__content {
padding: 60px 0;
}
.tabs__content[aria-hidden="true"] {
display: none;
}
.tabs__content .invisible {
display: none;
} .video-panel.row.full {
text-align: center;
background-color: #eeeeee;
padding: 80px 40px;
}
.video-wrap {
flex-direction: column;
text-align: center;
}
.video-gallery h2 {
margin-bottom: 30px;
text-align: center;
}
.video-gallery h3 {
font-size: 15px;
font-size: 1.5rem;
}
.flex-video {
position: relative;
overflow: hidden;
}
.video-thumbnail {
position: relative;
width: 100%;
height: 500px;
background-size: cover;
background-position: center;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.video-thumbnail .watchvideo {
position: absolute;
width: 100%;
top: 40%;
color: #fff;
transition: 0.2s background-color ease-in-out 0s;
min-width: fit-content;
font-size: 38px;
font-size: 3.8rem;
}
.video-thumbnail:hover .watchvideo {
opacity: rgba(0,0,0,0.5);
}
.watchvideo h3 {
font-size: 38px;
font-size: 3.8rem;
line-height: 42px;
color: #fff;
} .video-modal {
padding: 0px;
gap: 40px;
}
.video-modal .img-wrap {
max-width: 370px;
}
@media screen and (max-width: 1040px) {
.video-panel.row.full {
padding: 20px 15px;
}
} .team-panel.row.full {
text-align: center;
background-color: #eeeeee;
padding: 80px 40px;
}
.row.button-group.filters-button-group {
margin-bottom: 30px;
}
button.button {
background: #fff;
color: #242424;
padding: 15px 55px;
text-transform: uppercase;
border: none;
margin: 0 5px;
}
button.button.is-checked {
background: #242424;
color: #fff;
padding: 15px 55px;
margin: 0 5px;
}
.grid {
margin-bottom: 80px;
gap:30px;
}
.team-tile {
flex-basis: calc(32.33% - 31px);
max-width: calc(32.33% - 31px);
width: calc(32.33% - 31px);
text-align: left;
margin: 20px;
min-height: 545px;
background-color: #ffffff;
}
.team-tile a {
opacity: 1;
transition: 0.3s;
}
.team-tile a:hover {
opacity: .7;
transition: 0.3s;
}
@media screen and (max-width: 1040px) {
.team-tile {	
flex-basis: calc(48% - 31px);
max-width: calc(48% - 31px);
width: calc(48% - 31px);
}
.row.team-head {
margin: 40px 25px 0 25px;
}
}
@media screen and (max-width: 760px) {
.team-tile {	
flex-basis: calc(100% - 31px);
max-width: calc(100% - 31px);
width: calc(100% - 31px);
}
.row.team-head {
margin: 20px 0 0 0;
flex-direction: column;
}
}
.team-photo {
height: 400px;
width: 100%;
background-color: #242424; 
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all 1s;
}
.team-photo:hover {
opacity: 1;
transition: 0.3s;
}    
.team-tile-wrap {
padding: 15px 25px 25px 25px;
background-color: #fff;
min-height: 160px;
position: relative;
}
a.fancybox-modal.team-arrow {
font-size: 45px;
color: #E81C2C;
position: absolute;
right: 35px;
bottom: 25px;
transition: all .5s;
}
a.fancybox-modal.team-arrow:hover {
color: #242424;
bottom: 35px;
}
.team-tile-wrap h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 26px;
font-weight: 300;
margin-bottom: 5px;
}
.leadership-modal-bio h3 {
font-size: 45px;
font-size: 4.5rem;
line-height: 42px;
font-weight: 300;
margin-bottom: 5px;
}
.team-title {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
font-weight: 300;
font-style: italic;
color: #051D56;
}
.team-email a, 
.team-phone a {
font-size: 17px;
font-size: 1.7rem;
line-height: 22px;
font-weight: 300;
text-decoration: none;
color: #E81C2C;
}
.team-icons a {
color: #E81C2C;
margin: 10px 12px 10px 0;
font-size: 19px;
font-size: 1.9rem;
text-decoration: none;
}
.team-email a:hover, 
.team-phone a:hover,
.team-icons a:hover {
color: #238DC1;
}
.team-text {
margin-top: 20px;
}
.team-quote {
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
font-weight: 300;
color: #051D56;
margin: 10px 0;
}
.team-text ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
margin-left: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
.team-panel.row.full {
padding: 20px 15px;
}
} .leadership-modal {
display: flex;
padding: 20px;
gap: 40px;
}
.leadership-modal-bio {
flex: 1;
}
.leadership-modal .img-wrap {
flex: 1;
max-width: 370px;
} .quicklinks-panel.row.full {
background-color: #ffffff;
text-align: center;
padding: 80px 40px;
}
.quicklinks-container {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.quicklinks-container a {
display: flex;
align-items: center;
justify-content: space-between; 
padding: 20px;
background-color: #eee;
text-decoration: none;
color: #051D56;
transition: background-color 0.5s, color 0.5s;
}
.quicklinks-container a:hover {
background-color: #051D56;
color: #eee;
}
.quicklinks-container a i {
margin-left: 20px;
font-size: 35px;
font-size: 3.5rem;
transition: all .5s;
}
.quicklinks-container a i:hover {
transform: translateX(5px);
color: #fff;
}
@media screen and (max-width: 1040px) {
.quicklinks-panel.row.full {
padding: 20px 15px;
}
}
@media screen and (max-width: 760px) {
.quicklinks-container {
grid-template-columns: repeat(1, 1fr);
}	
} .contact-panel.row.full {
background-color: #ffffff;
text-align: center;
padding: 80px 40px;
}
.contact-header {
flex-direction: column;
text-align: left;
}
.contact-header h1 {
text-transform: uppercase;
max-width: 60%;
}
.contact-header h2 {
margin-bottom: 25px;
text-transform: uppercase;
}
.contact-wrap {
gap: 50px;
align-items: flex-start;
}
.contact-form {
flex: 1;
min-width: 100%;
text-align: left;
}
.contacts {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
}
.contact-details {
font-size: 14px;
font-size: 1.4rem;
line-height: 17px;
color: #051D56;
flex: 1;
margin-left: 10px;
margin-bottom: 20px;
font-family: "Kumbh Sans", sans-serif;
font-weight: 500;
}
.fa-envelope,
.fa-phone,
.fa-location-dot {
color: #4AC0E0;
} .gfield_radio {
display: flex;
}
.gchoice {
flex: 1;
color: #444;
}
p.gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme .gfield_required {
color: #444 !important;
font-size: 12px !important;
font-size: 1.2rem !important;
font-weight: 300;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
border: 0;
background-color: #eeeeee;
font-family: "Kumbh Sans", sans-serif;
}
.gform_wrapper.gravity-theme .gfield_label {
font-size: 14px;
font-size: 1.4rem;
line-height: 17px;
color: #444444;
}
@media screen and (max-width: 1040px) {
.contact-panel.row.full {
padding: 20px 15px;
}
.gfield_radio {
display: unset;
}
} .blocks-panel.row.full {
background-color: #ECF9FC;
text-align: center;
padding: 80px 40px;
}
.blocks-panel h3 {
color: #238DC1;
}
.block-wrap {
display: grid; 
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
margin-bottom: 80px;
}
.block-img {
opacity: 1;
background-size: cover;
border-radius: 40px;
min-height: 300px;
}
.block-img img {
width: 100%;
height: auto; 
display: block;
object-fit: cover; 
}
@media screen and (max-width: 1040px) {
.blocks-panel.row.full {
padding: 20px 15px;
}
.block-wrap {
display: grid;
grid-template-columns: 1fr 1fr; 
margin-bottom: 40px; 
}
}
@media screen and (max-width: 760px) {
.block-wrap {
grid-template-columns: 1fr;
}		
} .attractions-panel h2 {
text-transform: uppercase;
margin-bottom: 40px;
}
.attractions-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.attractions-item {
flex: 1;
}
.attractions-wrap li {
min-height: 320px;
}
a.attractions-item:hover {
text-decoration: none;
}
.attractions-item:hover .attractions-thumbnail {
transform: scale(1.03);
}
.attractions-thumbnail {
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
transition: all .5s;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
transition: transform 0.3s ease; 
}
.attractions-item h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28px;
font-weight: 400;
}
@media screen and (max-width: 1040px) {
.attractions-panel.row.full {
padding: 20px 15px;
}
.attractions-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 840px) {
.attractions-wrap {
grid-template-columns: 1fr ;
}
} .row.full.cpt-feed-panel {
background-color: #13A0D3;
padding: 60px 40px;
margin-top: 60px;
}
.row.cpt-feed-header {
justify-content: left;
}
.cpt-feed-panel h2 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 40px;
}
.cpt-feed-wrap {
display: grid;
grid-template-columns: 1fr 1fr; 
grid-gap: 40px; 
list-style: none; 
padding: 0;
margin: 0;
flex: 1;
}
.cpt-item {
text-decoration: none; 
}
.cpt-feed-wrap li {
width: 100%;
height: 360px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
list-style: none; 
border-radius: 4px;
}
.attraction-title {
padding: 10px;
text-align: left;
}
.attraction-title h3 {
margin: 0;
color: #333; }
a.cpt-item {
flex: 1;
text-decoration: none;
transition: all .5s;
}
a.cpt-item:hover {
transform: scale(1.03);
}
.cpt-item .attraction-title h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 30px;
color: #ffffff;
}
@media screen and (max-width: 1040px) {
.row.full.cpt-feed-panel {
padding: 40px 15px;
}
.cpt-feed-wrap {
grid-template-columns: 1fr 1fr;
}
.calendar-header {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 840px) {
.cpt-feed-wrap {
grid-template-columns: 1fr;
}
} .postfeedslider-panel.row.full {
text-align: center;
margin: 0 0 60px 0;
padding: 0 40px;
}
.slider-head {
flex-direction: column;
text-align: center;
}
.slider-head h2 {
text-transform: uppercase;
margin: 60px 0 20px 0;
} .container {
width: 90%;
max-width: 1100px;
margin: 0 auto;
padding-bottom: 0;
}
.flexslider,
.flexslider:hover {
margin: 0 !important;
background: unset !important;
border: unset !important;
}
li.slide-item {
transition: all .5s;
}
li.slide-item:hover {
transform: scale(1.03);
}
a.attractions-item-slider {
flex: 1;
text-decoration: none;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}
.attractions-slider-image {
display: flex;
align-items: center;
justify-content: center;
height: 220px; 
text-align: center;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
transition: all .5s;
border-radius: 8px;
}
.attractions-item-slider h3 {
font-size: 22px;
font-size: 2.2rem;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
} .flex-direction-nav .flex-next {
opacity: 1!important;
right: -40px;
z-index: 1;
line-height: 40px;
}
.flex-direction-nav .flex-prev {
opacity: 1!important;
left: -40px;
line-height: 40px;
z-index: 1;
}
.flex-direction-nav a:before {
font-family: "FontAwesome";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.flex-direction-nav a.flex-next::before {
font: var(--fa-font-solid);
content: "\f0a9";
font-size: 30px;
color: #13A0D3;
}
.flex-direction-nav a.flex-prev::before {
font: var(--fa-font-solid);
content: "\f0a8";
font-size: 30px;
color: #13A0D3;
}
.container:hover .flex-next:hover,
.container:hover .flex-prev:hover { 
opacity: 1; 
}
.container .flex-direction-nav .flex-disabled { 
opacity: 0!important; filter:alpha(opacity=0); cursor: default; 
}
.flexslider:hover .flex-direction-nav .flex-next {
right: -45px !important;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: -45px !important;
}
@media screen and (max-width: 1040px) {
.postfeedslider-panel.row.full {
padding: 20px 25px;
}
.slider-head h2 {
margin: 30px 0 20px 0;
}
}
@media screen and (max-width: 760px) {
.flex-direction-nav a.flex-next::before,
.flex-direction-nav a.flex-prev::before {
font-size: 20px;
}
.flex-prev,
.flex-next {
font-size: 0;
}
.postfeedslider-panel.row.full {
margin-bottom: 40px;
}
} .calendar-feed-panel.row.full {
text-align: center;
padding: 60px 40px 80px 40px;
background-color: #EEEEEE;
}
.calendar-header {
justify-content: left;	
margin-bottom: 40px;
}
.calendar-header h2 {
text-transform: uppercase;
margin-bottom: 2px;
text-decoration: none;
text-align: left;
}
.calendar-header h2 a:hover {
color: #2BAAD8;
text-decoration: none;
transition: all .5s;
}
.calendar-header h3 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 2px;
text-decoration: none;
}
.calendar-header h3 a:hover {
color: #2BAAD8;
text-decoration: none;
transition: all .5s;
}
.calendar-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
a.calendar-item {
text-decoration: none;
min-height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
background-color: #fff;
padding: 20px;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
transition: all .5s;
}
a.calendar-item:hover {
opacity: .7;
margin-top: -10px;
}
.calendar-wrap li {
display: block;
}
a.calendar-item img {
border-radius: 4px;
}
.event-date {
padding: 5px 0 15px;
width: 100%;
display: flex;
}
.event-date .month,
.event-date .day {
font-size: 22px;
font-size: 2.2rem;
line-height: 20px;
font-weight: 700;
color: #2BAAD8;
text-transform: uppercase;
text-align: left;
flex: 1;
}
.time {
flex: 1;
font-size: 15px;
font-size: 1.5rem;
line-height: 16px;
text-align: right;
}
.event-title {
text-decoration: none;
z-index: 25;
text-align: left;
color: #9D2528;
padding: 0;
}
.event-title h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28px;
font-weight: 500;
color: #9D2528;
}
i.fa-thin.fa-clock {
margin-right: 5px;
}
@media screen and (max-width: 1040px) {
.calendar-feed-panel.row.full {
padding: 40px 20px;
}
.calendar-wrap {
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
}
@media screen and (max-width: 880px) {
.calendar-wrap {
grid-template-columns: 1fr;
grid-gap: 40px;
}
} .content.row.full {
background-color: #ffffff;
text-align: left;
padding: 80px 40px;
}
.content-wrap {
flex-direction: column;
}
.content-wrap ul {
list-style-type: disc;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
.content-wrap ol {
list-style-type: revert;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
.content.row.full {
padding: 20px 15px;
}
} .lander-archive {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 400px;
background-color: #238DC1;
}
.row.event-header {
padding: 0 40px;
align-self: flex-end;	
}
.events-archive.row.full {
background-color: #eeeeee;
text-align: left;
padding: 80px 40px;
}
.row.event-header h1 {
flex: 1;
color: #ffffff;
}
@media screen and (max-width: 1040px) {
.events-archive.row.full {
padding: 20px 15px;
}
}
@media screen and (max-width: 760px) {
.lander-archive {
height: 330px;
}
} .row.event-single-header {
text-align: left;
}
.event-single-header-wrap {
flex: 1;
justify-content: left;
padding: 0 40px;
height: 90px;
}
.event-single-header-wrap h1 a:hover {
text-decoration: none;
color: #2BAAD8;
}
.row.full.event-banner {
height: 500px;
background-color: #238DC1;
}
.row.full.events-single {
padding: 60px 40px;
}
.event-back {
align-items: flex-end;
display: flex;
flex: 1;
justify-content: right;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 4px;
}
.events-single h2 {
flex: 1;
font-size: 36px;
font-size: 3.6rem;
line-height: 38px;    
font-weight: 700;
text-transform: uppercase;
flex: 1;
}
.event-details-wrap {
margin: 20px 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
.event-details {
display: flex; 
font-size: 15px;
font-size: 1.5rem;
line-height: 17px;
font-weight: 500;
margin-bottom: 8px;
}
.event-details i {
color: #13A0D3;
width: 25px;
margin: 0 !important;
padding-top: 3px;
}
.event-details span {
display: block;
}
.event-single-photo {
height: 100%;
width: 100%;
min-height: 500px;
}
.event-description {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
width: 100%;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #051D56;
margin-bottom: 40px;
}
.row.event-video {
margin-top: 30px;
}
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.event-description ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
margin-left: 30px;
margin-bottom: 20px;
}
.event-description ol {
list-style-type: revert;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 20px;
margin-bottom: 20px;
}
.event-description img {
width: unset;
}
.event-description a {
word-break: break-all;
}
@media screen and (max-width: 1140px) {
.row.full.events-single {
text-align: left;
padding: 40px 20px 40px 20px;
}
}
@media screen and (max-width: 1040px) {
.event-description {
grid-template-columns: 1fr;
}
.row.full.event-banner {
height: 400px;
}
}
@media screen and (max-width: 940px) {
.row.full.events-single {
padding: 20px 15px;
}
.event-single-header {
grid-template-columns: 1fr;
}
.event-description .gravity-theme {
padding: 15px 25px;
}
.calendar-header {
flex-direction: column;
align-items: flex-start;
}
.event-back {
align-items: flex-start;
margin-top: 20px;
}
}
@media screen and (max-width: 760px) {
.event-single-header-wrap {
padding-top: 60px;
height: 60px;
}
.row.full.event-banner {
height: 200px;
}
.event-details-wrap {
grid-template-columns: 1fr;
}
} .attraction-head {
justify-content: left;
height: 90px;
align-items: center;
}
.attraction-head h2 a:hover {
text-decoration: none;
color: #2BAAD8;
}
.attraction-hero {
background-color: #238DC1;
}
#loading {
display: flex;
justify-content: center; 
align-items: center; 
height: 600px; 
}
.loading {
display: block;
margin: auto;
}
.flexslider.attraction-slider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
margin: 0 !important;
}
.flexslider.attraction-slider .slides {
margin: 0;
padding: 0;
list-style: none;
height: 600px; 
}
.flexslider.attraction-slider .slides li {
position: relative;
width: 100%;
height: 600px;
display: flex; 
justify-content: center;
align-items: center;
}
.flexslider.attraction-slider .slides .slide {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.flexslider.attraction-slider ul.flex-direction-nav {
position: absolute;
right: 100px;
bottom: 50px;
color: #fff;
padding: 5px;
}
.flexslider.attraction-slider .flex-direction-nav a.flex-next::before {
font: var(--fa-font-solid);
content: "\f0a9";
font-size: 40px;
color: #ffffff;
}
.flexslider.attraction-slider .flex-direction-nav a.flex-prev::before {
font: var(--fa-font-solid);
content: "\f0a8";
font-size: 40px;
color: #ffffff;
}
.attraction-header-wrap {
position: relative;
}
#attraction .attraction-header {
position: absolute;
bottom: 0;
left:  0;
z-index: 1;
background-color: rgba(5, 29, 86, .7);
color: #fff;
border-radius: 5px 5px 0 0 ; 
width: 400px;
}
#attraction .attraction-categories {
margin: 40px 40px 0 40px;
}
#attraction .attraction-categories a {
font-size: 20px;
font-size: 2rem;
line-height: 22px;
font-weight: 700;
color: #05AFED;
text-transform: uppercase;
transition: all 1s;
}
#attraction .attraction-categories a:hover {
color: #ffffff;
text-decoration: none;
}
#attraction .attraction-header h1 {
font-size: 38px;
font-size: 3.8rem;
line-height: 40px;
font-weight: 700;
color: #ffffff;
margin: 10px 40px 40px 40px;
text-transform: uppercase;
white-space: pre-wrap;
}
.attraction-content {
gap: 50px
}
.attraction-text {
flex: 1;
margin: 40px 0;
}
.attraction-text a {
word-wrap: break-word;
white-space: normal;
word-break: break-all;
}
.attraction-aside-wrap {
flex: 1;
max-width: 400px;
height: fit-content;
}
.row.attraction-aside-notes {
flex-direction: column;
flex: 1;
margin: 0;
}
.attraction-aside {
display: flex;
flex-direction: column;
background-color: #051D56;
color: #ffffff;
padding: 40px;
margin-bottom: 40px;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.attraction-aside-text,
.attraction-aside a,
.attraction-aside-text p  {
margin-bottom: 8px;
color: #ffffff;
font-weight: 300;
line-height: 22px;
max-width: 100%;
}
.attraction-aside-notes p a {
word-break: break-all;
}
.attraction-aside-notes h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 20px;
font-weight: 700;
}
.attraction-social-list {
display: flex;
margin: 20px 0;
}
.attraction-social-link {
display: block;
position: relative;
margin-right: 10px;
width: 34px;
height: 34px;
padding: 3px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
background-color: none;
border: 1px solid #ffffff;
border-radius: 50%;
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
}
.attraction-social-link:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: .8;
}
.attraction-social-link .icon {
display: block;
position: relative;
width: 100%;
height: 100%;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(215deg) brightness(111%) contrast(114%);
}
.attraction-video {
margin-bottom: 20px;
}
.attraction-video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.attraction-video-container iframe, 
.attraction-video-container object, 
.attraction-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@media screen and (max-width: 1040px) {
.flexslider.attraction-slider .slides,
.flexslider.attraction-slider .slides li,
#loading {
height: 400px;
}
.attraction-content {
gap: 0;
flex-direction: column;
}
#attraction .attraction-header {
width: 350px;
}
.attraction-aside-wrap {
max-width: unset;
gap: 30px;
}
.attraction-aside {
max-width: 350px;
min-width: 350px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 760px) {
.sidebar-wrapper {
background-color: #fff;
}
.flexslider.attraction-slider .slides,
.flexslider.attraction-slider .slides li,
#loading {
height: 330px; 
}
.attraction-head {
padding-top: 60px;
height: 120px;
}
.flexslider.attraction-slider ul.flex-direction-nav {
right: 70px;
bottom: unset;
top: 40px;
padding: 2px;
}
.flexslider.attraction-slider .flex-direction-nav a.flex-next::before,
.flexslider.attraction-slider .flex-direction-nav a.flex-prev::before {
font-size: 33px;
}
#attraction .attraction-categories {
margin: 20px 20px 20px 20px;
}
#attraction .attraction-header {
width: 100%;
position: unset;
margin-top: 20px;
background-color: #051D56;
}
#attraction .attraction-header h1 {
font-size: 30px;
font-size: 3rem;
line-height: 32px;
margin: 10px 20px 10px 20px;
}
.attraction-aside-wrap {
max-width: unset;
gap: 10px;
flex-direction: column;
}
.attraction-aside {
max-width: 100%;
min-width: 100%;
padding: 20px 20px 20px 20px;
}
} #blog-pagination.row.narrow {
margin: 0px auto;
padding: 0px 60px;
text-align: center;
}
#blog-pagination.row.narrow a,
#blog-pagination.row.narrow span {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
margin: 0px 6px;
padding: 10px 5px;
background: #051D56;
text-decoration: none;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 18px;
-webkit-transition: color .25s ease-in-out, background .25s ease-in-out;
-o-transition: color .25s ease-in-out, background .25s ease-in-out;
transition: color .25s ease-in-out, background .25s ease-in-out;
}
#blog-pagination.row.narrow a:hover,
#blog-pagination.row.narrow a.next:hover {
background: #444;
color: #fff;
}
#blog-pagination.row.narrow a.next {
background: #051D56;
color: #fff;
}
#blog-pagination.row.narrow span.current {
color: #051D56;
background: #fff;
} #single-map {
min-height: 450px;
} .search-header {
flex: 1;
justify-content: left;
padding: 0 40px;
height: 90px;
}
.search-results.row.full {
padding: 0 40px 80px 40px;
background-color: #EEEEEE;
}
.search-wrappper {
display: flex;
flex-direction: column;
gap: 20px;
flex-wrap: wrap;
text-align: left;
}
a.search-wrap {
flex: 1;
text-decoration: none;
background-color: #ffffff;
padding: 40px;
}
a.search-wrap h2 {
color: #051D56;
transition: 1s all ease;
}
a.search-wrap:hover h2 {
color: #2BAAD8;
}
.post-content .category {
color: #2BAAD8;
text-transform: uppercase;
font-weight: 500;
}
@media screen and (max-width: 1040px) {
.search-results.row.full {
padding: 0 15px 40px 15px;
}
}
@media screen and (max-width: 760px) {
.search-wrappper {
gap: 20px;
}
a.search-wrap {	
max-width: revert;
min-width: 100%;
padding: 20px;
}
.search-panel.row.full {
padding: 0 20px 80px 20px;
}
} #site-footer {
background-color: #051D56;
padding: 50px 40px 40px 40px;
}
.footer  {
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.footer-lower {
display: flex;
flex-direction: row;
}
.footer-left {
flex: 1;
}
.footer-right {
flex: 1;
max-width: fit-content;
}
.footer-nav {
justify-content: left;
}
.footer-nav ul {
list-style: none; 
padding: 0; 
margin: 0; 
display: flex;
}
.footer-nav li {
margin-right: 15px;
}
.footer-nav .sub-menu {
display: none;
}
.footer p {
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #ffffff;
}
.footer a, .footer a:visited {
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #ffffff;
}
.footer a:hover {
color: #238DC1;
text-decoration: none;
}
.footer-logo {
max-width: 200px;
padding: 0 10px 20px 10px;
}
.footer-logo-va {
max-width: 125px;
padding: 0 10px 20px 10px;
}
.copyright {
margin-top: 20px;
text-align: left;
width: 100%;
}
.social-list {
display: flex;
width: 100%;
justify-content: left;
margin-bottom: 20px;
}
.li.social-link,
.tw.social-link,
.ig.social-link,
.yt.social-link,
.fb.social-link {
display: block;
position: relative;
margin: 0 20px 0 0;
width: 34px;
height: 34px;
padding: 3px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
background-color: #051D56;
border: 1px solid #ffffff;
border-radius: 50%;
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
}
.social-link:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: .8;
}
.social-link .icon {
display: block;
position: relative;
width: 100%;
height: 100%;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(52deg) brightness(104%) contrast(101%);
}
@media screen and (max-width: 860px) {
#site-footer {
padding: 40px 20px;
}
.footer-lower {
display: flex;
flex-direction: column;
}
.footer-nav {
justify-content: center;
margin-top: 15px;
}
.copyright {
flex: revert;
min-width: 100%;
width: 100%;
text-align: center;
justify-content: center;
margin-bottom: 20px;
}
.footer-logo {
margin: auto;
}
#social-nav {
position: revert;
width: 100%;
display: block;
}
.social-list {
right: revert;
left: 0;
margin: auto;
justify-content: center;
}
.fb.social-link,
.tw.social-link,
.li.social-link,
.ig.social-link {
margin: 0 10px;
}
}
@media screen and (max-width: 600px) {
.footer-logo {
max-width: 220px;
}
.footer-nav ul {
flex-direction: column;
text-align: center;
}
.footer-right {
flex-direction: column;
}
footer-logo, 
.footer-logo-va {
margin: auto;
}
} .btn a,
.btn {
text-transform: uppercase;
font-size: 16px;
font-size: 1.6rem;
font-family: "Roboto", sans-serif;
font-weight: 800;
padding: 15px 40px;
display: inline-block;
color: #ffffff;
background-color: #051D56;
text-decoration: none;
display: inline-block;
transition: all .5s;
line-height: 18px;
border-radius: 8px;
border: none;
margin: 0;
}
.btn a:hover,
a.btn:hover {
color: #ffffff;
background-color: #3ebbfb;
border: none;
text-decoration: none;
}
a.btn.ghost,
input[type='submit'] {
text-transform: uppercase;
font-size: 16px;
font-size: 1.6rem;
font-family: "Roboto", sans-serif;
font-weight: 800;
padding: 15px 40px;
display: inline-block;
color: #051D56;
background-color: #ffffff;
text-decoration: none;
display: inline-block;
transition: all .5s;
line-height: 18px;
border-radius: 30px;
border: 1px solid #051D56;
margin: 0;
}
a.btn.ghost:hover,
input[type='submit']:hover {
color: #ffffff;
background-color: #051D56;
border: 1px solid #051D56;
text-decoration: none;
} .cli-bar-btn_container {
display: flex;
align-items: center;
justify-content: center;
}
button.cli-ccpa-button-confirm {
background-color: #051D56 !important;
color: #ffffff;
}
.cli-alert-dialog-buttons button {
border: 2px solid #051D56 !important;
}
button.cli-ccpa-button-cancel {
color:  #051D56 !important;
}
.cli-tab-footer .cli-btn {
background-color: #051D56 !important;
}
.cli-wrapper {
max-width: 99%;
padding: 10px;
}
.cli-tab-container p, .cli-privacy-content-text {
margin-bottom: 10px;
}
#cookie-law-info-bar a {
text-decoration: underline;
color: #ffffff;
}
.cli-tab-container h4 {
display: none !important;
visibility: hidden !important;
}
.cli_action_button {
text-decoration: none !important;
}
.wt-cli-sr-only {
font-size: 13px !important;
}
#wt-cli-settings-btn {
border-bottom: none !important;
}
.cli-plugin-button {
padding: 0 0 11px 0;
} .print-only, .print-only, .hide, .hidden { display: none !important; visibility: hidden; }
body img.gform_ajax_spinner { display: none !important; } @media print {
#site-header {display: none;}
.print-only { display: block!important; visibility: visible;}
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.related-events-section {
padding: 60px 0;
}
.related-events-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.related-event-card {
padding: 24px;
border: 1px solid #ddd;
background: #fff;
}
.related-event-card h3 {
margin-top: 0;
}
.event-date {
font-weight: 600;
margin-bottom: 12px;
}
@media (max-width: 900px) {
.related-events-grid {
grid-template-columns: 1fr;
}
}