.pod-thumbnail{
position: absolute;
top: 0;
width: 1000px;
transition: all 0.5s ease;
}
.volume-button{
position: absolute;
bottom: 0px;
left: 50%;
z-index: 999999;
padding: 10px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.volume-button i{
position: absolute;
color: #1EA8FE;
z-index: 10;
}
.thumbnail-container{
transition: all 0.5s ease;
}
#pod-carousel iframe{
border-radius: 10px;
box-shadow: 5px 5px 25px -10px rgb(107, 107, 107);
z-index: 9;
}
@media only screen and (max-width: 767px) {
#pod-carousel .so-slide > .row > div, #pod-carousel .so-slide iframe {
width: 100%;
}
.volume-button{
display: none;
}
}
#pod-carousel .so-slide{
padding-bottom: 3em;
}
.head-bg-row .video-full-width{
min-width: 100% !important;
min-height: 100% !important;
margin: 0;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 9 !important;
}
.head-bg-row .wp-video{
z-index: 9 !important;
height: 100% !important;
}
.pod-button{
position: absolute;
top: 50%;
left: 45%;
transition: all 0.5s ease;
transform: translateY(-50%);
z-index: 9;
background-color: #0095ff;
padding: 2em 4em;
border-radius: 10px;
box-shadow: 10px 10px 20px -10px black;
}
.pod-button i{
color: white;
}
.hidden{
display: none !important;
}
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.bg-bg-color {
background-color: #f2f1f1;
}
.bg-bg-light-color {
background-color: #ffffff;
}
.bg-main-color {
background-color: #33aaff;
}
.bg-red-color {
background-color: #dd3333;
}
.bg-main-ccolor {
background-color: #ffffff;
}
.bg-main-tcolor {
background-color: #333333;
}
.bg-sec-tcolor {
background-color: #666666;
}
.bg-white-color,
.bg-white {
background-color: #ffffff;
}
.color-main-color,
.c-main-c,
.color-main-color h1,
.c-main-c h1,
.color-main-color .h1,
.c-main-c .h1,
.color-main-color h2,
.c-main-c h2,
.color-main-color .h2,
.c-main-c .h2,
.color-main-color h3,
.c-main-c h3,
.color-main-color .h3,
.c-main-c .h3 {
color: #33aaff;
}
.color-main-ccolor,
.color-main-ccolor h1,
.color-main-ccolor .h1,
.color-main-ccolor h2,
.color-main-ccolor .h2,
.color-main-ccolor h3,
.color-main-ccolor .h3 {
color: #ffffff;
}
.white-text,
.c-white {
color: #ffffff !important;
}
.white-text h1,
.c-white h1,
.white-text .h1,
.c-white .h1,
.white-text h2,
.c-white h2,
.white-text .h2,
.c-white .h2,
.white-text h3,
.c-white h3,
.white-text .h3,
.c-white .h3,
.white-text h4,
.c-white h4,
.white-text .h4,
.c-white .h4,
.white-text h5,
.c-white h5,
.white-text .h5,
.c-white .h5,
.white-text h6,
.c-white h6,
.white-text .h6,
.c-white .h6 {
color: #ffffff !important;
}
.white-text h1 a:hover,
.c-white h1 a:hover,
.white-text .h1 a:hover,
.c-white .h1 a:hover,
.white-text h2 a:hover,
.c-white h2 a:hover,
.white-text .h2 a:hover,
.c-white .h2 a:hover,
.white-text h3 a:hover,
.c-white h3 a:hover,
.white-text .h3 a:hover,
.c-white .h3 a:hover,
.white-text h4 a:hover,
.c-white h4 a:hover,
.white-text .h4 a:hover,
.c-white .h4 a:hover,
.white-text h5 a:hover,
.c-white h5 a:hover,
.white-text .h5 a:hover,
.c-white .h5 a:hover,
.white-text h6 a:hover,
.c-white h6 a:hover,
.white-text .h6 a:hover,
.c-white .h6 a:hover {
color: #ffffff !important;
}
.white-text a,
.c-white a,
.white-text.a,
.c-white.a,
.white-text a:visited,
.c-white a:visited,
.white-text:visited,
.c-white:visited {
color: #ffffff !important;
}
.white-text a:hover,
.c-white a:hover,
.white-text.a:hover,
.c-white.a:hover,
.white-text a:visited:hover,
.c-white a:visited:hover,
.white-text:visited:hover,
.c-white:visited:hover {
color: #333333 !important;
}
.white-text button,
.c-white button,
.white-text .button,
.c-white .button,
.white-text .button-a a,
.c-white .button-a a,
.white-text input[type="button"],
.c-white input[type="button"],
.white-text input[type="submit"],
.c-white input[type="submit"],
.white-text a.button,
.c-white a.button {
color: #ffffff !important;
}
.white-text button:hover,
.c-white button:hover,
.white-text .button:hover,
.c-white .button:hover,
.white-text .button-a a:hover,
.c-white .button-a a:hover,
.white-text input[type="button"]:hover,
.c-white input[type="button"]:hover,
.white-text input[type="submit"]:hover,
.c-white input[type="submit"]:hover,
.white-text a.button:hover,
.c-white a.button:hover {
color: #ffffff !important;
}
.text-color {
color: #333333 !important;
}
.text-color h1,
.text-color .h1,
.text-color h2,
.text-color .h2,
.text-color h3,
.text-color .h3,
.text-color h4,
.text-color .h4,
.text-color h5,
.text-color .h5,
.text-color h6,
.text-color .h6 {
color: #333333;
}
.text-color h1 a:hover,
.text-color .h1 a:hover,
.text-color h2 a:hover,
.text-color .h2 a:hover,
.text-color h3 a:hover,
.text-color .h3 a:hover,
.text-color h4 a:hover,
.text-color .h4 a:hover,
.text-color h5 a:hover,
.text-color .h5 a:hover,
.text-color h6 a:hover,
.text-color .h6 a:hover {
color: #333333;
}
.text-color a,
.text-color.a {
color: #333333;
}
.text-color a:hover,
.text-color.a:hover {
color: #333333;
}
.grey-image {
filter: url(“data:image/svg+xml;utf8,#grayscale”);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.preload {
opacity: 0 !important;
transition: opacity 0.5s;
}
.loaded {
opacity: 1 !important;
transition: opacity 0.5s;
}
.fix.fixed {
position: fixed;
}
.no-scroll body {
position: fixed;
width: 100%;
height: 100%;
}
.block {
display: block;
}
.full-width {
width: 100%;
}
.icon-link i {
margin-left: 1em;
transform: translateX(-0.25em);
transition: transform 0.3s;
}
.icon-link:hover i {
transform: translateX(0.25em);
}
.flex {
flex: 1;
display: flex;
}
.x2 {
font-size: 200% !important;
}
.x1-75 {
font-size: 150% !important;
}
.x1-5 {
font-size: 150% !important;
}
.x1-25 {
font-size: 125% !important;
}
.x1 {
font-size: 100% !important;
}
.x0-90 {
font-size: 90% !important;
}
.x0-80 {
font-size: 80% !important;
}
.x0-75 {
font-size: 75% !important;
}
.sm-top {
margin-top: 0.5em !important;
}
.sm-left {
margin-left: 0.5em !important;
}
.sm-right {
margin-right: 0.5em !important;
}
.sm-bot {
margin-bottom: 0.5em !important;
}
.sm {
margin: 0.5em !important;
}
.m-top {
margin-top: 1em !important;
}
.m-left {
margin-left: 1em !important;
}
.m-right {
margin-right: 1em !important;
}
.m-bot {
margin-bottom: 1em !important;
}
.m {
margin: 1em !important;
}
.lm-top {
margin-top: 2em !important;
}
.lm-left {
margin-left: 2em !important;
}
.lm-right {
margin-right: 2em !important;
}
.lm-bot {
margin-bottom: 2em !important;
}
.lm {
margin: 2em !important;
}
.xlm-top {
margin-top: 3em !important;
}
.xlm-left {
margin-left: 3em !important;
}
.xlm-right {
margin-right: 3em !important;
}
.xlm-bot {
margin-bottom: 3em !important;
}
.xlm {
margin: 3em !important;
}
.nom-top {
margin-top: 0 !important;
}
.nom-left {
margin-left: 0 !important;
}
.nom-right {
margin-right: 0 !important;
}
.nom-bot {
word-break: break-word;
margin-bottom: 0 !important;
}
.nom {
margin: 0 !important;
}
.push-right {
margin-left: auto !important;
}
.push-left {
margin-right: auto !important;
}
.sp-top {
padding-top: 0.5em !important;
}
.sp-left {
padding-left: 0.5em !important;
}
.sp-right {
padding-right: 0.5em !important;
}
.sp-bot {
padding-bottom: 0.5em !important;
}
.sp {
padding: 0.5em !important;
}
.p-top {
padding-top: 1em !important;
}
.p-left {
padding-left: 1em !important;
}
.p-right {
padding-right: 1em !important;
}
.p-bot {
padding-bottom: 1em !important;
}
.p {
padding: 1em !important;
}
.lp-top {
padding-top: 2em !important;
}
.lp-left {
padding-left: 2em !important;
}
.lp-right {
padding-right: 2em !important;
}
.lp-bot {
padding-bottom: 2em !important;
}
.lp {
padding: 2em !important;
}
.xlp-top {
padding-top: 3em !important;
}
.xlp-left {
padding-left: 3em !important;
}
.xlp-right {
padding-right: 3em !important;
}
.xlp-bot {
padding-bottom: 3em !important;
}
.xlp {
padding: 3em !important;
}
.nop-top {
padding-top: 0 !important;
}
.nop-left {
padding-left: 0 !important;
}
.nop-right {
padding-right: 0 !important;
}
.nop-bot {
padding-bottom: 0 !important;
}
.nop {
padding: 0 !important;
}
.caps {
text-transform: uppercase;
}
.t-align-left {
text-align: left !important;
}
.t-align-center {
text-align: center !important;
}
.t-align-right {
text-align: right !important;
}
.align-center,
.aligncenter {
margin-left: auto;
margin-right: auto;
}
.clean-list {
list-style: none;
padding: 0;
}
.text-shadow {
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 768px) {
.sm-md-top {
margin-top: 0.5em !important;
}
.sm-md-left {
margin-left: 0.5em !important;
}
.sm-md-right {
margin-right: 0.5em !important;
}
.sm-md-bot {
margin-bottom: 0.5em !important;
}
.sm-md {
margin: 0.5em !important;
}
.m-md-top {
margin-top: 1em !important;
}
.m-md-left {
margin-left: 1em !important;
}
.m-md-right {
margin-right: 1em !important;
}
.m-md-bot {
margin-bottom: 1em !important;
}
.m-md {
margin: 1em !important;
}
.lm-md-top {
margin-top: 2em !important;
}
.lm-md-left {
margin-left: 2em !important;
}
.lm-md-right {
margin-right: 2em !important;
}
.lm-md-bot {
margin-bottom: 2em !important;
}
.lm-md {
margin: 2em !important;
}
.xlm-md-top {
margin-top: 4em !important;
}
.xlm-md-left {
margin-left: 4em !important;
}
.xlm-md-right {
margin-right: 4em !important;
}
.xlm-md-bot {
margin-bottom: 4em !important;
}
.xlm-md {
margin: 4em !important;
}
.nom-md-top {
margin-top: 0 !important;
}
.nom-md-left {
margin-left: 0 !important;
}
.nom-md-right {
margin-right: 0 !important;
}
.nom-md-bot {
margin-bottom: 0 !important;
}
.nom-md {
margin: 0 !important;
}
.sp-md-top {
padding-top: 0.5em !important;
}
.sp-md-left {
padding-left: 0.5em !important;
}
.sp-md-right {
padding-right: 0.5em !important;
}
.sp-md-bot {
padding-bottom: 0.5em !important;
}
.sp-md {
padding: 0.5em !important;
}
.p-md-top {
padding-top: 1em !important;
}
.p-md-left {
padding-left: 1em !important;
}
.p-md-right {
padding-right: 1em !important;
}
.p-md-bot {
padding-bottom: 1em !important;
}
.p-md {
padding: 1em !important;
}
.lp-md-top {
padding-top: 2em !important;
}
.lp-md-left {
padding-left: 2em !important;
}
.lp-md-right {
padding-right: 2em !important;
}
.lp-md-bot {
padding-bottom: 2em !important;
}
.lp-md {
padding: 2em !important;
}
.xlp-md-top {
padding-top: 4em !important;
}
.xlp-md-left {
padding-left: 4em !important;
}
.xlp-md-right {
padding-right: 4em !important;
}
.xlp-md-bot {
padding-bottom: 4em !important;
}
.xlp-md {
padding: 4em !important;
}
.nop-md-top {
padding-top: 0 !important;
}
.nop-md-left {
padding-left: 0 !important;
}
.nop-md-right {
padding-right: 0 !important;
}
.nop-md-bot {
padding-bottom: 0 !important;
}
.nop-md {
padding: 0 !important;
}
.t-align-md-left {
text-align: left !important;
}
.t-align-md-center {
text-align: center !important;
}
.t-align-md-right {
text-align: right !important;
}
.order-md-2 {
order: 2;
}
.x2-md {
font-size: 200% !important;
}
.x1-75-md {
font-size: 175% !important;
}
.x1-5-md {
font-size: 150% !important;
}
.x1-25-md {
font-size: 125% !important;
}
.x1-md {
font-size: 100% !important;
}
.x0-90-md {
font-size: 90% !important;
}
.x0-80-md {
font-size: 80% !important;
}
.x0-75-md {
font-size: 75% !important;
}
}
@media only screen and (min-width: 1200px) {
.push-right-lg {
margin-left: auto !important;
}
.push-left-lg {
margin-right: auto !important;
}
.t-align-lg-left {
text-align: left !important;
}
.t-align-lg-center {
text-align: center !important;
}
.t-align-lg-right {
text-align: right !important;
}
}
@media only screen and (min-width: 1600px) {
.sm-xlg-top {
margin-top: 0.5em !important;
}
.sm-xlg-left {
margin-left: 0.5em !important;
}
.sm-xlg-right {
margin-right: 0.5em !important;
}
.sm-xlg-bot {
margin-bottom: 0.5em !important;
}
.sm-xlg {
margin: 0.5em !important;
}
.m-xlg-top {
margin-top: 1em !important;
}
.m-xlg-left {
margin-left: 1em !important;
}
.m-xlg-right {
margin-right: 1em !important;
}
.m-xlg-bot {
margin-bottom: 1em !important;
}
.m-xlg {
margin: 1em !important;
}
.lm-xlg-top {
margin-top: 2em !important;
}
.lm-xlg-left {
margin-left: 2em !important;
}
.lm-xlg-right {
margin-right: 2em !important;
}
.lm-xlg-bot {
margin-bottom: 2em !important;
}
.lm-xlg {
margin: 2em !important;
}
.xlm-xlg-top {
margin-top: 4em !important;
}
.xlm-xlg-left {
margin-left: 4em !important;
}
.xlm-xlg-right {
margin-right: 4em !important;
}
.xlm-xlg-bot {
margin-bottom: 4em !important;
}
.xlm-xlg {
margin: 4em !important;
}
.nom-xlg-top {
margin-top: 0 !important;
}
.nom-xlg-left {
margin-left: 0 !important;
}
.nom-xlg-right {
margin-right: 0 !important;
}
.nom-xlg-bot {
margin-bottom: 0 !important;
}
.nom-xlg {
margin: 0 !important;
}
.sp-xlg-top {
padding-top: 0.5em !important;
}
.sp-xlg-left {
padding-left: 0.5em !important;
}
.sp-xlg-right {
padding-right: 0.5em !important;
}
.sp-xlg-bot {
padding-bottom: 0.5em !important;
}
.sp-xlg {
padding: 0.5em !important;
}
.p-xlg-top {
padding-top: 1em !important;
}
.p-xlg-left {
padding-left: 1em !important;
}
.p-xlg-right {
padding-right: 1em !important;
}
.p-xlg-bot {
padding-bottom: 1em !important;
}
.p-xlg {
padding: 1em !important;
}
.lp-xlg-top {
padding-top: 2em !important;
}
.lp-xlg-left {
padding-left: 2em !important;
}
.lp-xlg-right {
padding-right: 2em !important;
}
.lp-xlg-bot {
padding-bottom: 2em !important;
}
.lp-xlg {
padding: 2em !important;
}
.xlp-xlg-top {
padding-top: 4em !important;
}
.xlp-xlg-left {
padding-left: 4em !important;
}
.xlp-xlg-right {
padding-right: 4em !important;
}
.xlp-xlg-bot {
padding-bottom: 4em !important;
}
.xlp-xlg {
padding: 4em !important;
}
.nop-xlg-top {
padding-top: 0 !important;
}
.nop-xlg-left {
padding-left: 0 !important;
}
.nop-xlg-right {
padding-right: 0 !important;
}
.nop-xlg-bot {
padding-bottom: 0 !important;
}
.nop-xlg {
padding: 0 !important;
}
.t-align-xlg-left {
text-align: left !important;
}
.t-align-xlg-center {
text-align: center !important;
}
.t-align-xlg-right {
text-align: right !important;
}
}
@media only screen and (min-width: 1200px){
.wrap{
padding: 0 !important;
}
}
.wrap,
.wrap-wide,
.wrap-small {
padding: 0 1.5rem;
margin: auto;
width: 100%;
box-sizing: border-box;
}
.wrap {
max-width: 576px;
}
.wrap .wrap {
padding: 0;
}
.wrap-wide {
max-width: 100%;
}
.wrap-left {
left: 0 !important;
}
.wrap-left.vce-row--col-gap-30 {
left: -30px !important;
}
.row {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mrow {
margin: 0 -0.5rem;
}
.mcol {
padding: 0 0.5rem;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-xs,
.col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shrink {
flex-shrink: 1;
flex-grow: 0;
flex-basis: auto;
}
.grow {
flex-grow: 1;
flex-shrink: 0;
}
@media only screen and (max-width: 575.999px) {
.hide-xs {
display: none !important;
}
}
@media only screen and (max-width: 767.999px) {
.hide-sm {
display: none !important;
}
}
@media only screen and (max-width: 1199.999px) {
.hide-md {
display: none !important;
}
}
@media only screen and (max-width: 1599.999px) {
.hide-lg {
display: none !important;
}
}
@media only screen and (min-width: 576px) {
.wrap {
max-width: 90%;
}
.show-xs {
display: none !important;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-6.block {
width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shrink-sm {
flex-shrink: 1;
flex-grow: 0;
flex-basis: auto;
}
.grow-sm {
flex-grow: 1;
flex-shrink: 0;
}
}
@media only screen and (min-width: 768px) {
.wrap {
max-width: 90%;
}
.show-sm {
display: none !important;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-4.block {
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shrink-md {
flex-shrink: 1;
flex-grow: 0;
flex-basis: auto;
}
.grow-md {
flex-grow: 1;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1200px) {
.wrap {
max-width: 80vw;
}
.wrap-wide {
max-width: 100%;
}
.wrap-small {
max-width: 80%;
}
.show-md {
display: none !important;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shrink-lg {
flex-shrink: 1;
flex-grow: 0;
flex-basis: auto;
}
.grow-lg {
flex-grow: 1;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1600px) {
.mrow {
margin: 0 -15px;
}
.mcol {
padding: 0 15px;
}
.wrap {
max-width: 1600px;
}
.wrap-wide {
max-width: 100%;
}
.col-xlg,
.col-xlg-1,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12,
.col-xlg-offset-0,
.col-xlg-offset-1,
.col-xlg-offset-2,
.col-xlg-offset-3,
.col-xlg-offset-4,
.col-xlg-offset-5,
.col-xlg-offset-6,
.col-xlg-offset-7,
.col-xlg-offset-8,
.col-xlg-offset-9,
.col-xlg-offset-10,
.col-xlg-offset-11,
.col-xlg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-xlg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xlg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xlg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xlg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xlg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xlg-4.block {
width: 33.33333333%;
}
.col-xlg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xlg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xlg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xlg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xlg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xlg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xlg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xlg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xlg-offset-0 {
margin-left: 0;
}
.col-xlg-offset-1 {
margin-left: 8.33333333%;
}
.col-xlg-offset-2 {
margin-left: 16.66666667%;
}
.col-xlg-offset-3 {
margin-left: 25%;
}
.col-xlg-offset-4 {
margin-left: 33.33333333%;
}
.col-xlg-offset-5 {
margin-left: 41.66666667%;
}
.col-xlg-offset-6 {
margin-left: 50%;
}
.col-xlg-offset-7 {
margin-left: 58.33333333%;
}
.col-xlg-offset-8 {
margin-left: 66.66666667%;
}
.col-xlg-offset-9 {
margin-left: 75%;
}
.col-xlg-offset-10 {
margin-left: 83.33333333%;
}
.col-xlg-offset-11 {
margin-left: 91.66666667%;
}
.start-xlg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xlg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xlg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xlg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xlg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xlg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xlg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xlg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xlg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xlg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.shrink-xlg {
flex-shrink: 1;
flex-grow: 0;
flex-basis: auto;
}
.grow-xlg {
flex-grow: 1;
flex-shrink: 0;
}
}
.overlay-container {
position: relative;
overflow: hidden;
}
.overlay {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
align-content: center;
justify-content: center;
}
.lineup {
margin-top: 2em;
max-width: 715px;
}
.lineup .lineup-day .lineup-date {
position: relative;
z-index: 2;
margin-top: -1em;
margin-bottom: -1em;
transform: rotate(-2deg);
}
.lineup .lineup-day .lineup-date h2,
.lineup .lineup-day .lineup-date .h2,
.lineup .lineup-day .lineup-date h3,
.lineup .lineup-day .lineup-date .h3 {
background-color: #f5e163;
display: inline-block;
padding: 0.3em 0.6em;
color: #333333;
text-transform: none;
}
.lineup .lineup-day .simple-event-card-content {
cursor: default;
}
.lineup .lineup-day .simple-event-card-content:nth-child(even) {
margin-left: -1em;
transform: rotate(0.5deg);
}
.lineup .lineup-day .simple-event-card-content:nth-child(odd) {
margin-right: -1em;
margin-top: -0.5em;
transform: rotate(-0.5deg);
}
.lineup .lineup-day h2,
.lineup .lineup-day .h2,
.lineup .lineup-day h3,
.lineup .lineup-day .h3 {
color: #333333;
}
.lineup.small-lineup {
font-size: 90%;
}
.lineup.small-lineup .simple-event-card {
padding: 1em;
}
.lineup.small-lineup h4,
.lineup.small-lineup .h4 {
font-size: 1.2rem;
}
.lineup.small-lineup .lineup-date h2,
.lineup.small-lineup .lineup-date .h2,
.lineup.small-lineup .lineup-date h3,
.lineup.small-lineup .lineup-date .h3 {
font-size: 150%;
}
.lineup.lineup-hidden .lineup-hidden {
display: none;
}
.lineup.lineup-hidden.lineup-reveal .lineup-hidden {
display: block !important;
}
.type-events .head-content-row {
background-color: rgba(221, 51, 51, 0.8);
color: #ffffff;
}
.type-events .head-content-row h1,
.type-events .head-content-row .h1 {
color: #ffffff;
}
.type-events .head-content-row h3,
.type-events .head-content-row .h3 {
color: rgba(255, 255, 255, 0.9);
}
.type-events .addeventatc {
font-family: 'Nunito Sans', sans-serif;
padding: 0.65em 1em;
background-color: #33aaff;
border: 2px solid #33aaff;
display: inline-block;
cursor: pointer;
line-height: 1.1;
font-weight: normal;
transition: color 0.2s, background-color 0.2s, border 0.2s;
color: #ffffff;
user-select: none;
border-radius: 4px;
text-align: left;
border: none;
}
.type-events .addeventatc i {
color: #ffffff;
}
.type-events .addeventatc:visited {
color: #ffffff;
}
.type-events .addeventatc:hover {
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
.type-events .addeventatc.full-width {
text-align: center;
}
.type-events .addeventatc.button-icon i {
margin-left: 1.25em;
transform: translateX(-0.25em);
transition: transform 0.3s;
color: #ffffff;
}
.type-events .addeventatc.button-icon:hover i {
transform: translateX(0.25em);
}
.type-events .addeventatc.secondary-button {
background-color: #dd3333;
border-color: #dd3333;
color: #ffffff;
}
.type-events .addeventatc.secondary-button i {
color: #ffffff;
}
.type-events .addeventatc.secondary-button:hover {
color: #ffffff;
background-color: #7c1515;
border-color: #7c1515;
}
.type-events .addeventatc.red-button {
background-color: #dd3333;
border-color: #dd3333;
color: #ffffff;
}
.type-events .addeventatc.red-button:hover {
color: #ffffff;
background-color: #7c1515;
border-color: #7c1515;
}
.type-events .addeventatc.button-outline {
background-color: transparent;
}
.type-events .addeventatc.button-outline,
.type-events .addeventatc.button-outline:visited {
color: #333333;
}
.type-events .addeventatc.button-outline:hover {
background-color: #0068b3;
color: #ffffff;
}
.type-events .addeventatc .addeventatc_icon {
display: none;
}
.type-events .addeventatc br {
display: inherit;
}
.type-events .addeventatc:hover,
.type-events .addeventatc:focus,
.type-events .addeventatc:active {
border: none;
}
.type-events .addeventatc .addeventatc_dropdown.addeventatc-selected {
top: unset !important;
bottom: 100%;
}
.type-events .addeventatc .copyx {
display: none;
}
.type-events .event-type {
opacity: 0.8;
}
.type-events .event-details h3,
.type-events .event-details .h3 {
color: #dd3333;
}
.type-events .event-details h4,
.type-events .event-details .h4 {
color: #666666;
}
.type-events .event-details .event-details-col .h3 {
color: #333333;
}
.type-events .event-head-buttons {
margin-left: -1em;
font-size: 70%;
}
.type-events .event-head-buttons button,
.type-events .event-head-buttons .button {
margin-left: 1em;
border: none;
font-size: 15px;
}
.type-events .event-head-buttons button.icon-button i,
.type-events .event-head-buttons .button.icon-button i {
margin-right: 0.25em;
border-right: none;
}
.type-events .event-head-buttons button.icon-button.x2line i,
.type-events .event-head-buttons .button.icon-button.x2line i {
font-size: 1.6em;
}
.type-events h2,
.type-events .h2,
.type-events h3,
.type-events .h3,
.type-events h4,
.type-events .h4 {
color: #333333;
}
.type-events .event-speakers .event-speaker {
position: relative;
}
.type-events .event-speakers .event-speaker .speaker-details-col {
padding-left: 1em;
}
.type-events .event-speakers .event-speaker .speaker-photo {
max-width: 200px;
width: 100%;
border-radius: 100%;
margin: auto;
overflow: hidden;
position: relative;
}
.type-events .event-speakers .event-speaker .speaker-photo .speaker-photo-pad {
padding-top: 100%;
}
.type-events .event-speakers .event-speaker .speaker-photo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-width: unset;
height: 100%;
}
.type-events .event-speakers .event-speaker .speaker-name {
color: #dd3333;
font-weight: bold;
}
.type-events .event-speakers .event-speaker .speaker-job {
font-size: 90%;
}
.type-events .event-speakers.no-photos .event-speaker {
text-align: left;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.type-events .head-content-row {
background-color: transparent;
color: inherit;
}
.type-events .head-content-row h1,
.type-events .head-content-row .h1 {
color: inherit;
}
.type-events .head-content-row h3,
.type-events .head-content-row .h3 {
color: inherit;
}
.type-events .image-header,
.type-events .big-header-content {
background-color: #dd3333;
}
.type-events .event-head-buttons {
font-size: 90%;
}
.type-events .event-head-buttons button.icon-button.x2line i,
.type-events .event-head-buttons .button.icon-button.x2line i {
font-size: 1.8em;
}
.type-events .event-speakers .event-speaker {
padding-left: 2em;
padding-right: 2em;
text-align: center;
}
.type-events .event-speakers .event-speaker .speaker-details-col {
padding-left: 0;
}
.type-events .event-speakers .event-speaker .speaker-job {
font-size: 100%;
}
}
@media only screen and (min-width: 1200px) {
.type-events .entry-content > h2:first-child,
.type-events .entry-content > .h2:first-child {
margin-top: 0;
}
}
@media only screen and (max-width: 1199.999px) {
.type-events .event-details-col {
display: flex;
justify-content: space-between;
}
}
@media only screen and (min-width: 576px) {
h1,
.h1 {
font-size: 2.3rem;
}
h2,
.h2 {
font-size: 2rem;
}
#primary-header {
height: 500px;
}
}
button,
.button,
.button-a a,
input[type="button"],
input[type="submit"],
a.button,
button.vce-button--style-basic.vce-button--style-basic--size-medium,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon {
font-family: 'Nunito Sans', sans-serif;
padding: 0.65em 1em;
border: none;
background-color: #33aaff;
border: 2px solid #33aaff;
display: inline-block;
cursor: pointer;
line-height: 1.1;
font-weight: normal;
transition: color 0.2s, background-color 0.2s, border 0.2s;
color: #ffffff;
user-select: none;
border-radius: 4px;
}
button i,
.button i,
.button-a a i,
input[type="button"] i,
input[type="submit"] i,
a.button i,
button.vce-button--style-basic.vce-button--style-basic--size-medium i,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button i,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon i {
color: #ffffff;
}
button:visited,
.button:visited,
.button-a a:visited,
input[type="button"]:visited,
input[type="submit"]:visited,
a.button:visited,
button.vce-button--style-basic.vce-button--style-basic--size-medium:visited,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button:visited,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon:visited {
color: #ffffff;
}
button:hover,
.button:hover,
.button-a a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover,
button.vce-button--style-basic.vce-button--style-basic--size-medium:hover,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button:hover,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon:hover {
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
button.full-width,
.button.full-width,
.button-a a.full-width,
input[type="button"].full-width,
input[type="submit"].full-width,
a.button.full-width,
button.vce-button--style-basic.vce-button--style-basic--size-medium.full-width,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.full-width,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.full-width {
text-align: center;
}
button.button-icon i,
.button.button-icon i,
.button-a a.button-icon i,
input[type="button"].button-icon i,
input[type="submit"].button-icon i,
a.button.button-icon i,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-icon i,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-icon i,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-icon i {
margin-left: 1.25em;
transform: translateX(-0.25em);
transition: transform 0.3s;
color: #ffffff;
}
button.button-icon:hover i,
.button.button-icon:hover i,
.button-a a.button-icon:hover i,
input[type="button"].button-icon:hover i,
input[type="submit"].button-icon:hover i,
a.button.button-icon:hover i,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-icon:hover i,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-icon:hover i,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-icon:hover i {
transform: translateX(0.25em);
}
button.secondary-button,
.button.secondary-button,
.button-a a.secondary-button,
input[type="button"].secondary-button,
input[type="submit"].secondary-button,
a.button.secondary-button,
button.vce-button--style-basic.vce-button--style-basic--size-medium.secondary-button,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.secondary-button,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.secondary-button {
background-color: #dd3333;
border-color: #dd3333;
color: #ffffff;
}
button.secondary-button i,
.button.secondary-button i,
.button-a a.secondary-button i,
input[type="button"].secondary-button i,
input[type="submit"].secondary-button i,
a.button.secondary-button i,
button.vce-button--style-basic.vce-button--style-basic--size-medium.secondary-button i,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.secondary-button i,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.secondary-button i {
color: #ffffff;
}
button.secondary-button:hover,
.button.secondary-button:hover,
.button-a a.secondary-button:hover,
input[type="button"].secondary-button:hover,
input[type="submit"].secondary-button:hover,
a.button.secondary-button:hover,
button.vce-button--style-basic.vce-button--style-basic--size-medium.secondary-button:hover,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.secondary-button:hover,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.secondary-button:hover {
color: #ffffff;
background-color: #7c1515;
border-color: #7c1515;
}
button.red-button,
.button.red-button,
.button-a a.red-button,
input[type="button"].red-button,
input[type="submit"].red-button,
a.button.red-button,
button.vce-button--style-basic.vce-button--style-basic--size-medium.red-button,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.red-button,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.red-button {
background-color: #dd3333;
border-color: #dd3333;
color: #ffffff;
}
button.red-button:hover,
.button.red-button:hover,
.button-a a.red-button:hover,
input[type="button"].red-button:hover,
input[type="submit"].red-button:hover,
a.button.red-button:hover,
button.vce-button--style-basic.vce-button--style-basic--size-medium.red-button:hover,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.red-button:hover,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.red-button:hover {
color: #ffffff;
background-color: #7c1515;
border-color: #7c1515;
}
button.button-outline,
.button.button-outline,
.button-a a.button-outline,
input[type="button"].button-outline,
input[type="submit"].button-outline,
a.button.button-outline,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-outline,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-outline,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-outline {
background-color: transparent;
}
button.button-outline,
.button.button-outline,
.button-a a.button-outline,
input[type="button"].button-outline,
input[type="submit"].button-outline,
a.button.button-outline,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-outline,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-outline,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-outline,
button.button-outline:visited,
.button.button-outline:visited,
.button-a a.button-outline:visited,
input[type="button"].button-outline:visited,
input[type="submit"].button-outline:visited,
a.button.button-outline:visited,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-outline:visited,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-outline:visited,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-outline:visited {
color: #333333;
}
button.button-outline:hover,
.button.button-outline:hover,
.button-a a.button-outline:hover,
input[type="button"].button-outline:hover,
input[type="submit"].button-outline:hover,
a.button.button-outline:hover,
button.vce-button--style-basic.vce-button--style-basic--size-medium.button-outline:hover,
.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button.button-outline:hover,
.vce-button--style-basic-icon-container .vce-button--style-basic-icon.button-outline:hover {
background-color: #0068b3;
color: #ffffff;
}
.secondary-button button.vce-button--style-basic.vce-button--style-basic--size-medium,
.secondary-button.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button,
.secondary-button.vce-button--style-basic-icon-container .vce-button--style-basic-icon {
background-color: #dd3333;
border-color: #dd3333;
color: #ffffff;
}
.secondary-button button.vce-button--style-basic.vce-button--style-basic--size-medium:hover,
.secondary-button.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button:hover,
.secondary-button.vce-button--style-basic-icon-container .vce-button--style-basic-icon:hover {
color: #ffffff;
background-color: #7c1515;
border-color: #7c1515;
}
.button-white,
.button-white button.vce-button--style-basic.vce-button--style-basic--size-medium,
.button-white.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button,
.button-white.vce-button--style-basic-icon-container .vce-button--style-basic-icon {
background-color: #fff;
border-color: #fff;
color: #333333;
}
.button-white i,
.button-white button.vce-button--style-basic.vce-button--style-basic--size-medium i,
.button-white.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button i,
.button-white.vce-button--style-basic-icon-container .vce-button--style-basic-icon i {
color: #333333;
}
.button-white:hover,
.button-white button.vce-button--style-basic.vce-button--style-basic--size-medium:hover,
.button-white.vce-slideout-grid-container.vce-posts-grid-container .vce-post-link button:hover,
.button-white.vce-button--style-basic-icon-container .vce-button--style-basic-icon:hover {
color: #333333;
background-color: #bfbfbf;
border-color: #bfbfbf;
}
.button-clear,
.button-clear:hover {
border: none;
background: transparent;
padding: 0.25em;
}
.expand-button {
position: absolute;
z-index: 2;
top: 1rem;
left: 1rem;
opacity: 0.5;
font-size: 2rem;
display: flex;
align-items: center;
}
.expand-button:hover {
opacity: 1;
}
.expand-button .expand-button-text {
color: #33aaff;
font-size: 1rem;
margin-left: 0.5em;
}
.vce-button--style-basic-icon .vce-button--style-basic-icon-inner {
margin: 0;
}
.vce-button--style-basic-icon .vce-button--style-basic-icon-inner .vce-button--style-basic-icon-text {
position: static;
}
.vce-button--style-basic-icon .vce-button--style-basic-icon-inner .vce-button--style-basic-icon-icon {
position: static;
opacity: 1;
margin-left: 1.25em;
left: 0;
transform: translateX(-0.25em);
transition: transform 0.3s;
}
.vce-button--style-basic-icon:hover .vce-button--style-basic-icon-inner .vce-button--style-basic-icon-text {
left: 0;
}
.vce-button--style-basic-icon:hover .vce-button--style-basic-icon-inner .vce-button--style-basic-icon-icon {
transform: translateX(0.25em);
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
input,
textarea,
select {
display: block;
border: 2px solid #dbdbdb;
padding: 0.5em;
margin: 0.5em auto;
width: 100%;
}
input:focus,
textarea:focus,
select:focus {
outline: none !important;
border: 2px solid #33aaff;
}
input,
textarea,
select {
margin: 0.85em auto;
padding: 0.75em;
background-color: #f5f5f5;
}
input[type=checkbox] {
width: auto;
display: inline-block;
}
textarea {
height: 3em;
}
.confirmation-checkbox {
margin: 0.85em auto 1.7em;
}
.confirmation-checkbox .frm_opt_container {
display: flex;
flex-direction: row;
align-items: center;
}
.confirmation-checkbox .frm_opt_container .frm_checkbox label input {
opacity: 0;
display: none;
}
.confirmation-checkbox .frm_opt_container .checkmark {
display: block;
width: 30px;
height: 30px;
border: 2px solid #33aaff;
border-radius: 5px;
margin: 0 1em;
flex-shrink: 0;
position: relative;
background-color: #33aaff;
}
.confirmation-checkbox .frm_opt_container .checkmark:after {
content: "";
position: absolute;
display: block;
left: 10px;
top: 5px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.confirmation-checkbox.frm_blank_field .checkmark {
background-color: transparent;
}
.confirmation-checkbox.frm_blank_field .checkmark:after {
display: none;
}
.frm_error {
color: #33aaff;
}
#masthead {
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
}
#menu-bar {
position: relative;
z-index: 999;
transition: background-color 0.5s;
background-color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
align-items: center;
display: flex;
transition: background-color 0.3s, height 0.3s, box-shadow 0.3s;
font-size: 1.1rem;
}
#menu-bar > .button {
padding: 0.4em 1em 0.5em;
margin: 0 0.45em;
font-size: 1em;
}
#menu-bar > .button.dropdown-toggle {
margin: 0;
}
#menu-bar > .button.dropdown-toggle img {
height: 1.1rem;
width: auto;
}
#menu-bar .menu {
flex: 1;
}
#menu-bar .menu > .button {
padding: 0;
margin: 0 0.45em;
align-self: center;
}
#menu-bar .menu > .button a,
#menu-bar .menu > .button > span {
color: #ffffff;
padding: 0.4em 1em 0.5em;
}
#menu-bar .menu > .button a:hover,
#menu-bar .menu > .button > span:hover,
#menu-bar .menu > .button a:focus,
#menu-bar .menu > .button > span:focus {
color: #ffffff;
}
#menu-bar .menu > .button i {
color: #ffffff;
}
#menu-bar .menu > .button:hover,
#menu-bar .menu > .button:focus {
background-color: #0086e5;
}
#menu-bar .menu > .button.button-outline a {
color: #333333;
}
#menu-bar .menu > .button.button-outline a:hover,
#menu-bar .menu > .button.button-outline a:focus {
color: #ffffff;
}
#menu-bar-inner {
margin: 0;
position: relative;
justify-content: space-between;
}
.menu-bar-item {
flex: 0 0 auto;
margin: 0;
}
#branding {
order: 1;
flex: 1;
margin-right: 1em;
}
#branding #logo {
display: flex;
height: 80px;
transition: height 0.3s, padding 0.3s;
padding: 5px;
}
#branding #logo a {
display: block;
width: 100%;
height: 100%;
}
#branding #logo img,
#branding #logo svg {
padding: 0.55em 0;
display: block;
max-height: 100%;
height: 100%;
width: auto;
max-width: 300px;
}
#header-nav {
display: flex;
flex: 1;
}
#header-nav ul li {
display: flex;
}
#header-nav ul li a,
#header-nav ul li > span,
#header-nav ul li a:visited {
display: flex;
flex: 1;
align-items: center;
color: #333333;
}
#header-nav ul li a:hover,
#header-nav ul li > span:hover,
#header-nav ul li a:visited:hover,
#header-nav ul li a:focus,
#header-nav ul li > span:focus,
#header-nav ul li a:visited:focus {
color: #33aaff;
}
#header-nav ul.menu {
display: flex;
align-items: stretch;
position: relative;
}
#header-nav ul.menu > li {
margin: 0;
}
#header-nav ul.menu > li:last-child.button,
#header-nav ul.menu > li:last-child a {
margin-right: 0;
}
#header-nav ul.menu > li.menu-item-has-children > a,
#header-nav ul.menu > li.menu-item-has-children > span {
cursor: pointer;
}
#header-nav ul.menu > li > ul.sub-menu {
display: flex;
flex-wrap: wrap;
position: absolute;
top: 100%;
text-align: left;
min-width: 500px;
background-color: #f2f1f1;
padding: 1vw;
border-top: 1px solid #e6e6e6;
flex-direction: row;
left: 0;
right: 0;
box-sizing: border-box;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
transform: translateX(100vw);
background-color: #fafafa;
opacity: 0;
}
#header-nav ul.menu > li > ul.sub-menu > li,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li {
margin: 0;
padding: 0;
display: block;
width: 100%;
}
#header-nav ul.menu > li > ul.sub-menu > li a,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li a,
#header-nav ul.menu > li > ul.sub-menu > li > span,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li > span {
display: inline-block;
padding: 0.1em 0;
}
#header-nav ul.menu > li > ul.sub-menu > li a,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li a {
font-weight: 300;
}
#header-nav ul.menu > li > ul.sub-menu > li.navi-heading,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li.navi-heading {
font-weight: 600;
}
#header-nav ul.menu > li > ul.sub-menu > li.navi-heading:hover span,
#header-nav ul.menu > li > ul.sub-menu > .navi-col > li.navi-heading:hover span {
color: #333333;
}
#header-nav ul.menu > li > ul.sub-menu .navi-col {
margin-left: 2.5vw;
min-width: 300px;
}
#header-nav ul.menu > li > ul.sub-menu .navi-col.navi-col-expand {
width: auto;
flex-grow: 1;
}
#header-nav ul.menu > li > ul.sub-menu .navi-col:first-child {
margin-left: 0;
}
#header-nav ul.menu > li > ul.sub-menu .navi-col ul {
display: flex;
flex-direction: column;
}
#header-nav ul.menu > li > ul.sub-menu .navi-content *:first-child {
margin-top: 0;
}
#header-nav ul.menu > li:hover,
#header-nav ul.menu > li:focus,
#header-nav ul.menu > li:active {
background-color: #f2f2f2;
}
#header-nav ul.menu > li.sub-menu-open {
}
#header-nav ul.menu > li.sub-menu-open.button {
background-color: #0068b3;
border-color: #0068b3;
}
#header-nav ul.menu > li.sub-menu-open.button.secondary-button {
background-color: #7c1515;
border-color: #7c1515;
}
#header-nav ul.menu > li.sub-menu-open > ul.sub-menu {
display: flex;
transform: translateX(0);
opacity: 1;
transition: opacity 0.3s;
}
#header-nav ul.menu > li.custom-icon i {
margin-left: 0.5em;
font-size: 0.8em;
font-weight: 900;
}
#header-nav ul.menu > li.custom-icon.icon-before i {
margin-left: inherit;
margin-right: 0.5em;
}
.menu,
.menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: 'Nunito Sans', sans-serif;
}
.menu li,
.menu ul li {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
.menu li a,
.menu ul li a {
display: block;
}
.menu li.custom-icon.icon-before i,
.menu ul li.custom-icon.icon-before i {
margin-right: 0.5em;
}
.menu li.custom-icon.icon-after i,
.menu ul li.custom-icon.icon-after i {
margin-left: 0.5em;
}
.menu li.custom-icon i,
.menu ul li.custom-icon i {
width: 1em;
}
#main-drop-menu {
display: flex;
justify-content: flex-end;
align-items: stretch;
align-content: center;
margin-left: auto;
order: 2;
}
#mobile-nav-trigger {
text-align: right;
order: 3;
display: flex;
}
.drop-menu {
display: block;
position: fixed;
padding-top: 80px;
padding-bottom: 2em;
width: 100%;
transform: translate(0, -100%);
top: 0;
z-index: 98;
background-color: #ffffff;
transition: transform 0.5s;
overflow-y: auto;
-webkit-box-shadow: 0px 4px 40px -9px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0px 4px 40px -9px rgba(0, 0, 0, 0.22);
box-shadow: 0px 4px 40px -9px rgba(0, 0, 0, 0.22);
max-height: 100%;
text-align: right;
font-size: 20px;
line-height: 1.1;
}
.drop-menu .wrap {
display: flex;
flex-grow: 1;
flex-direction: column;
min-height: 100%;
}
.drop-menu ul.menu li {
margin: 0;
display: block;
color: #33aaff;
}
.drop-menu ul.menu > li.menu-item-has-children {
display: block;
}
.drop-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
width: 100%;
}
.drop-menu ul.menu a,
.drop-menu ul.menu .link,
.drop-menu ul.menu .current-menu-item,
.drop-menu ul.menu .no-link,
.drop-menu ul.menu .sub-link-span {
padding: 8px 0;
display: block;
}
.drop-menu ul.menu a:hover,
.drop-menu ul.menu .link:hover,
.drop-menu ul.menu .current-menu-item:hover,
.drop-menu ul.menu .no-link:hover,
.drop-menu ul.menu .sub-link-span:hover,
.drop-menu ul.menu a:focus,
.drop-menu ul.menu .link:focus,
.drop-menu ul.menu .current-menu-item:focus,
.drop-menu ul.menu .no-link:focus,
.drop-menu ul.menu .sub-link-span:focus {
color: #333333;
}
.drop-menu ul.menu .current-menu-item,
.drop-menu ul.menu .navi-heading {
color: #333333;
}
.drop-menu ul.menu .current-menu-item span:hover,
.drop-menu ul.menu .navi-heading span:hover {
color: #333333;
}
.drop-menu ul.menu > li > .sub-menu {
display: none;
background-color: #edecec;
padding: 0.5em;
border-top: 2px solid #33aaff;
}
.drop-menu ul.menu > li > .sub-menu li {
margin: 0.1em 0;
}
.drop-menu ul.menu > li > .sub-menu li a,
.drop-menu ul.menu > li > .sub-menu li .current-menu-item,
.drop-menu ul.menu > li > .sub-menu li > span {
display: block;
padding: 4px 2px;
text-transform: none;
}
.drop-menu ul.menu > li > .sub-menu .navi-col {
margin-bottom: 0.5em;
}
.drop-menu ul.menu > li.sub-menu-open > .sub-menu {
display: block;
}
#menu-helper {
background-color: rgba(0, 0, 0, 0);
transition: background 0.3s;
}
.no-scroll #menu-helper {
position: fixed;
height: 100%;
width: 100%;
top: 0;
z-index: 98;
background-color: rgba(0, 0, 0, 0.4);
}
.hamburger {
display: flex;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
text-transform: none;
background-color: transparent !important;
border: 0;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
align-items: center;
width: auto;
font-family: 'Nunito Sans', sans-serif;
}
.hamburger:focus {
outline: 0;
}
.hamburger .burger-text {
margin-right: 0.5em;
color: #333333;
}
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
background-color: #0095ff !important;
}
.hamburger-box {
width: 36px;
height: 24px;
display: flex;
position: relative;
}
.hamburger-label {
margin-left: 1em;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 36px;
height: 3px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
background-color: #33aaff !important;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.drop-menu-open .hamburger--squeeze .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drop-menu-open .hamburger--squeeze .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.drop-menu-open .hamburger--squeeze .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.body-pad {
padding-top: 66px;
transition: padding-top 0.3s;
}
body.admin-bar #masthead {
top: 32px;
}
body.admin-bar .drop-menu {
margin-top: 32px;
}
body.clear-header #menu-bar {
background-color: transparent;
box-shadow: none;
}
body.clear-header.body-pad,
body.clear-header.header-fixed.body-pad {
padding-top: 0;
}
body.clear-header.header-fixed #menu-bar {
background-color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
body.no-scroll .admin-bar {
margin-top: 32px !important;
}
body.menu-open {
overflow: hidden;
}
body.main-menu-open #main-drop-menu {
transform: translate(0, 0);
}
body.header-fixed #branding #logo {
height: 72px;
}
@media only screen and (min-width: 768px) {
.no-scroll body,
.no-scroll #masthead,
.no-scroll .drop-menu {
padding-right: 17px;
}
.body-pad {
padding-top: 80px;
}
.drop-menu {
font-size: 1.1rem;
}
#menu-bar #branding {
order: 1;
flex-grow: 0;
display: flex;
justify-content: center;
}
#menu-bar #mobile-nav-trigger {
order: 2;
margin: 0 1em;
}
#menu-bar #header-nav {
margin-left: auto;
margin-right: 0;
justify-content: flex-start;
order: 2;
}
#menu-bar #header-nav ul.menu > li > a,
#menu-bar #header-nav ul.menu > li > span {
padding-left: 1vw;
padding-right: 1vw;
}
.drop-menu {
padding-top: 92px;
}
#branding #logo {
height: 92px;
}
body.header-fixed #branding #logo {
height: 82.8px;
}
}
.simple-image.image-header .header-bg {
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repat: no-repeat;
}
.simple-image.image-header .wrap,
.simple-image.image-header .wide-wrap {
height: 100%;
position: relative;
}
.simple-image.image-header .image-header-title {
color: #ffffff !important;
position: absolute;
width: 100%;
bottom: 3em;
left: 0;
}
.simple-image.image-header .image-header-title h1,
.simple-image.image-header .image-header-title .h1,
.simple-image.image-header .image-header-title h2,
.simple-image.image-header .image-header-title .h2,
.simple-image.image-header .image-header-title h3,
.simple-image.image-header .image-header-title .h3,
.simple-image.image-header .image-header-title h4,
.simple-image.image-header .image-header-title .h4,
.simple-image.image-header .image-header-title h5,
.simple-image.image-header .image-header-title .h5,
.simple-image.image-header .image-header-title h6,
.simple-image.image-header .image-header-title .h6 {
color: #ffffff !important;
}
.simple-image.image-header .image-header-title h1 a:hover,
.simple-image.image-header .image-header-title .h1 a:hover,
.simple-image.image-header .image-header-title h2 a:hover,
.simple-image.image-header .image-header-title .h2 a:hover,
.simple-image.image-header .image-header-title h3 a:hover,
.simple-image.image-header .image-header-title .h3 a:hover,
.simple-image.image-header .image-header-title h4 a:hover,
.simple-image.image-header .image-header-title .h4 a:hover,
.simple-image.image-header .image-header-title h5 a:hover,
.simple-image.image-header .image-header-title .h5 a:hover,
.simple-image.image-header .image-header-title h6 a:hover,
.simple-image.image-header .image-header-title .h6 a:hover {
color: #ffffff !important;
}
.simple-image.image-header .image-header-title a,
.simple-image.image-header .image-header-title.a,
.simple-image.image-header .image-header-title a:visited,
.simple-image.image-header .image-header-title:visited {
color: #ffffff !important;
}
.simple-image.image-header .image-header-title a:hover,
.simple-image.image-header .image-header-title.a:hover,
.simple-image.image-header .image-header-title a:visited:hover,
.simple-image.image-header .image-header-title:visited:hover {
color: #333333 !important;
}
.simple-image.image-header .image-header-title button,
.simple-image.image-header .image-header-title .button,
.simple-image.image-header .image-header-title .button-a a,
.simple-image.image-header .image-header-title input[type="button"],
.simple-image.image-header .image-header-title input[type="submit"],
.simple-image.image-header .image-header-title a.button {
color: #ffffff !important;
}
.simple-image.image-header .image-header-title button:hover,
.simple-image.image-header .image-header-title .button:hover,
.simple-image.image-header .image-header-title .button-a a:hover,
.simple-image.image-header .image-header-title input[type="button"]:hover,
.simple-image.image-header .image-header-title input[type="submit"]:hover,
.simple-image.image-header .image-header-title a.button:hover {
color: #ffffff !important;
}
.simple-image.image-header .image-header-title.v-center {
bottom: unset;
top: 50%;
transform: translate(0, -50%);
}
.simple-image.big-header-content .header-bg {
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.simple-image.big-header-content .header-bg {
min-height: 8em;
}
.simple-image.big-header-content .image-header-title {
color: #ffffff !important;
padding-top: 3em !important;
padding-bottom: 3em !important;
}
.simple-image.big-header-content .image-header-title h1,
.simple-image.big-header-content .image-header-title .h1,
.simple-image.big-header-content .image-header-title h2,
.simple-image.big-header-content .image-header-title .h2,
.simple-image.big-header-content .image-header-title h3,
.simple-image.big-header-content .image-header-title .h3,
.simple-image.big-header-content .image-header-title h4,
.simple-image.big-header-content .image-header-title .h4,
.simple-image.big-header-content .image-header-title h5,
.simple-image.big-header-content .image-header-title .h5,
.simple-image.big-header-content .image-header-title h6,
.simple-image.big-header-content .image-header-title .h6 {
color: #ffffff !important;
}
.simple-image.big-header-content .image-header-title h1 a:hover,
.simple-image.big-header-content .image-header-title .h1 a:hover,
.simple-image.big-header-content .image-header-title h2 a:hover,
.simple-image.big-header-content .image-header-title .h2 a:hover,
.simple-image.big-header-content .image-header-title h3 a:hover,
.simple-image.big-header-content .image-header-title .h3 a:hover,
.simple-image.big-header-content .image-header-title h4 a:hover,
.simple-image.big-header-content .image-header-title .h4 a:hover,
.simple-image.big-header-content .image-header-title h5 a:hover,
.simple-image.big-header-content .image-header-title .h5 a:hover,
.simple-image.big-header-content .image-header-title h6 a:hover,
.simple-image.big-header-content .image-header-title .h6 a:hover {
color: #ffffff !important;
}
.simple-image.big-header-content .image-header-title a,
.simple-image.big-header-content .image-header-title.a,
.simple-image.big-header-content .image-header-title a:visited,
.simple-image.big-header-content .image-header-title:visited {
color: #ffffff !important;
}
.simple-image.big-header-content .image-header-title a:hover,
.simple-image.big-header-content .image-header-title.a:hover,
.simple-image.big-header-content .image-header-title a:visited:hover,
.simple-image.big-header-content .image-header-title:visited:hover {
color: #333333 !important;
}
.simple-image.big-header-content .image-header-title button,
.simple-image.big-header-content .image-header-title .button,
.simple-image.big-header-content .image-header-title .button-a a,
.simple-image.big-header-content .image-header-title input[type="button"],
.simple-image.big-header-content .image-header-title input[type="submit"],
.simple-image.big-header-content .image-header-title a.button {
color: #ffffff !important;
}
.simple-image.big-header-content .image-header-title button:hover,
.simple-image.big-header-content .image-header-title .button:hover,
.simple-image.big-header-content .image-header-title .button-a a:hover,
.simple-image.big-header-content .image-header-title input[type="button"]:hover,
.simple-image.big-header-content .image-header-title input[type="submit"]:hover,
.simple-image.big-header-content .image-header-title a.button:hover {
color: #ffffff !important;
}
#primary-header.simple-image.big-header-content {
height: auto;
}
.simple-image-copy {
font-size: 1.1rem;
}
.simple-image-copy .primary-header-inner {
position: relative;
width: 100%;
height: 100%;
}
.simple-image-copy .head-content-row {
position: relative;
height: 100%;
width: 100%;
z-index: 3;
}
.simple-image-copy .head-bg-row {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.simple-image-copy .header-bg {
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.simple-image-copy .header-bg-color {
position: relative;
opacity: 0.8;
z-index: 2;
height: 100%;
}
.simple-image-copy.big-header {
height: auto;
}
.simple-image-copy.big-header .header-bg {
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.simple-image-copy .image-header-title {
padding-top: 12px;
}
.simple-image-copy.image-header p,
.simple-image-copy.big-header p {
margin-bottom: 0;
}
.simple-image-copy.no-bg,
#primary-header.simple-image-copy.no-bg {
height: auto;
max-height: none;
min-height: auto;
}
.simple-image-copy.no-bg .head-content-row,
#primary-header.simple-image-copy.no-bg .head-content-row {
position: relative;
padding-top: 1rem;
padding-bottom: 1rem;
}
#primary-header.simple-image-copy.content-height {
height: auto;
max-height: none;
}
#primary-header.simple-image-copy.content-height .image-header-title {
padding-bottom: 3rem;
padding-top: 3rem;
}
@media only screen and (min-width: 768px) {
.simple-image-copy .header-bg-color {
opacity: 1;
}
.simple-image-copy .header-bg {
position: relative;
}
.simple-image-copy .image-header-title {
padding-right: 4vw;
}
.simple-image-copy.no-bg .head-content-row,
#primary-header.simple-image-copy.no-bg .head-content-row {
padding-top: 3rem;
}
#primary-header.simple-image-copy.content-height .image-header-title {
padding-bottom: 4rem;
padding-top: 4rem;
}
}
.slider .slide {
width: 100%;
height: 500px;
min-height: 500px;
position: relative;
overflow: hidden;
}
.slider .slide p {
margin-bottom: 0;
}
.vce-row-container {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 576px - 0.001) {
.slide .vce-row {
left: 0 !important;
}
}
#footer-default {
background-color: #f2f2f2;
text-align: center;
}
#footer-default #footer-bot {
background-color: #e5e5e5;
}
#footer-default #footer-bot #footer-bot-container {
max-width: 768px;
}
#footer-bot-container p{
font-size: 1em !important;
}
#footer-default #footer-bot p:first-child {
margin-top: 0;
}
#footer-default #footer-logo {
padding: 1rem;
}
#footer-default #footer-logo a {
display: block;
}
#footer-default #footer-logo img {
max-height: 100px;
width: auto;
margin: 0 auto;
}
#footer-default .textwidget p:first-child {
margin-top: 0;
}
#footer-default h3 {
margin-bottom: 0.25em;
}
#footer-default .menu li {
display: block;
}
#footer-default .menu li:first-child:before {
content: "";
}
#footer-default .menu li a {
color: #333333;
}
#footer-default .menu li a:hover {
color: #33aaff;
}
#footer-default #footer-1 {
text-align: center;
order: 1;
}
#footer-default #footer-2 {
text-align: center;
order: 3;
}
#footer-default #footer-3 {
text-align: center;
order: 2;
}
#footer-default #footer-4 {
text-align: center;
order: 4;
}
@media only screen and (min-width: 576px) {
#footer-1 {
text-align: center;
}
#footer-2 {
text-align: left;
}
#footer-3 {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
#footer-default {
text-align: left;
}
#footer-default .menu {
column-count: 3;
}
#footer-default #footer-logo {
padding: 0;
padding-bottom: 1rem;
}
#footer-default #footer-logo a img {
margin-left: 0;
}
#footer-default #footer-1 {
text-align: left;
order: 1;
}
#footer-default #footer-2 {
text-align: left;
order: 2;
}
#footer-default #footer-3 {
text-align: left;
order: 3;
}
#footer-default #footer-4 {
text-align: right;
order: 4;
}
}
@media only screen and (min-width: 1200px) {
#footer-default h3:first-child {
margin: 0;
margin-top: 74px;
margin-top: calc(100px - 1em * 1.25);
margin-bottom: 1rem;
}
#footer-default #footer-3 {
text-align: left;
order: 3;
padding: 0 2rem;
}
#footer-default #footer-2 {
text-align: left;
order: 2;
padding: 0 2rem;
}
#footer-default #footer-1 {
order: 1;
padding-right: 2rem;
padding-top: 0;
}
#footer-default #footer-4 {
order: 4;
}
}
.watermark-container {
text-align: right;
position: relative;
}
.watermark-container .watermark {
display: block;
position: absolute;
bottom: 1em;
left: 1em;
} .faq-section-wrapper .faq-boxes {
width: 70%;
}
.faq-title {
cursor: pointer;
display: flex;
justify-content: space-between;
transition: all 0.5s ease;
padding: 2rem;
}
.faq-title i {
color: #0087C7;
}
.faq-title h3 {
max-width: 90%;
font-weight: 500;
margin: 0;
}
.faq-open-button {
width: 10%;
text-align: center;
font-size: 1.5em;
}
.faq-box { box-shadow: 0px 7px 15px -13px #949494;
border-radius: 10px;
margin: 1em 0em;
background-color: white;
transition: all 0.5s ease;
}
.faq-box:nth-child(odd) {
background-color: #f6f6f6;
}
.faq-box:hover {
transform: scale(1.05);
}
.faq-title:hover span {
color: #0087C7;
} .faq-box-grid {
display: grid;
grid-template-rows: 0fr;
transition: all 0.5s ease;
opacity: 0;
}
.faq-box-grid div {
overflow: hidden;
border-left: 5px solid #0087C7;
padding-left: 1.5rem;
font-size: 1.1em;
}
.faq-box.open .faq-box-grid {
opacity: 1;
grid-template-rows: 1fr;
padding: 0em 1.5rem 1.5rem 1.5rem;
} .faq-set {
transition: all 0.2s ease;
width: 100%;
}
.faq-set .faq-load {
display: none;
}
.faq-set.active .faq-box {
display: block;
}
.faq-sets {
position: relative;
min-height: 400px;
}
.faq-loader {
transition: all 0.2s ease;
position: absolute;
top: 50%;
left: 50%;
margin-top: 200px;
margin: auto;
visibility: visible;
transform: translate(-50%, -50%);
height: 50px;
width: 50px;
border-radius: 50%;
border: 5px solid #ccc;
border-top-color: #730F1A;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 1200px) {
.faq-section-wrapper {
flex-direction: column;
}
.faq-section-wrapper section {
width: 100% !important;
}
.faq-set {
width: 100%;
}
} .bordered-box{
box-shadow: 0px 5px 17px -12px rgb(107, 107, 107);
padding: 2em;
background-color: white !important;
border-radius: 10px;
margin: 2em 0em;
transition: all 2s ease;
width: auto !important;
left: auto !important;
}
.bordered-box .vce-row-content{
padding: 0em 2em !important;
}
.bordered-box h2{
margin-top: 1em !important;
} .faq .faq-question {
display: flex;
flex-direction: row;
align-items: middle;
cursor: pointer;
}
.faq .faq-toggle-icon {
width: 2em;
height: 2em;
padding: 0;
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
}
.faq .faq-toggle-icon .fas:before {
content: "\f067";
}
.faq.faq-open .faq-toggle-icon .fas:before {
content: "\f068";
}
.social-links {
padding: 0;
margin: 0;
}
.social-links li {
display: inline-block;
}
.social-links li a {
display: inline-block;
margin: 0 0.2em;
padding: 0.4em 0;
line-height: 1;
width: 1.8em;
height: 1.8em;
text-align: center;
}
.social-links li a,
.social-links li a i {
color: #ffffff;
}
.social-links li a img {
transition: all 0.5s ease;
transform: translateY(0);
margin: 0 auto;
display: block;
}
.social-links li a {
padding: 5px;
border-radius: 2px;
}
.social-links li a:hover img {
transform: translateY(-0.25em);
}
.social-links li a:hover i {
transform: translateY(-0.25em);
}
.social-links li:first-child a {
margin-left: 0em;
}
#footer-bottom-nav .menu,
#footer-bottom-nav .menu ul {
list-style: disc;
}
#footer-bottom-nav .menu li,
#footer-bottom-nav .menu ul li {
list-style: disc;
color: #808080;
}
#footer-bottom-nav .menu li a,
#footer-bottom-nav .menu ul li a,
#footer-bottom-nav .menu li a:visited,
#footer-bottom-nav .menu ul li a:visited {
color: #808080;
}
#footer-bottom-nav .menu li a:hover,
#footer-bottom-nav .menu ul li a:hover,
#footer-bottom-nav .menu li a:visited:hover,
#footer-bottom-nav .menu ul li a:visited:hover {
color: #33aaff;
}
#footer-bottom-nav .menu li:before,
#footer-bottom-nav .menu ul li:before {
content: '\2022';
font-size: 1.5em;
line-height: 0;
width: 0.5em;
display: inline-block;
transform: translateY(0.125em);
text-align: left;
}
#footer-bottom-nav .menu li:first-child:before,
#footer-bottom-nav .menu ul li:first-child:before {
display: none;
}
.tax-hor-min {
border-bottom: 1px solid #33aaff;
}
.tax-hor-min ul {
display: flex;
flex-direction: row;
}
.tax-hor-min ul li {
margin: 0 auto;
}
.tax-hor-min ul li:first-child {
margin-left: 0;
}
.tax-hor-min ul li:last-child {
margin-right: 0;
}
.tax-hor-min-trigger ul {
font-size: 1.1em;
}
.tax-hor-min-trigger ul i {
margin-right: 0.5em;
width: 40px;
text-align: center;
}
.tax-hor-min-trigger ul li {
margin-left: 0.75em;
}
.tax-hor-min-trigger ul li:first-child {
margin-left: 0;
}
body.tax-menu-open #tax-menu {
transform: translate(0, 0);
}
.simple-thumb-s1 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: stretch;
border-bottom: 1px solid #808080;
}
.simple-thumb-s1 .thumb {
overflow: hidden;
}
#home-news .thumb-tlink img{
height: 250px;
object-fit: cover;
transition: all 0.5s ease;
}
#home-news .thumb-tlink img:hover{
transform: scale(1.05);
}
#so-carousel .slick-slide{
background-color: white;
padding: 2em;
box-shadow: 5px 5px 22px -10px rgb(167, 167, 167);
border-radius: 15px;
} 
#so-carousel .slick-track{
padding: 1.5em 0em;
}
.simple-thumb-s1 .thumb .thumb-tlink {
display: block;
position: relative;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.simple-thumb-s1 .content {
display: flex;
flex-direction: column;
flex-grow: 1;
-webkit-flex-grow: 1;
-webkit-flex-direction: column;
justify-content: stretch;
}
.simple-thumb-s1 .content .more-link {
display: block;
}
.simple-thumb-s1 .content .more-link i {
margin-left: 2em;
}
.simple-thumb-s1 .content .tags {
text-transform: uppercase;
}
.simple-thumb-s1 .content .tags a,
.simple-thumb-s1 .content .tags a:visited {
color: #808080;
}
.simple-thumb-s1 .content .tags a:before,
.simple-thumb-s1 .content .tags a:visited:before {
content: "#";
}
.simple-thumb-s1 .content .tags a:hover,
.simple-thumb-s1 .content .tags a:visited:hover {
color: #33aaff;
}
.simple-thumb-s1 .content footer {
margin-top: auto;
}
.simple-thumb-s1.simple-thumb-s1-no-foot {
border-bottom: none;
}
.simple-thumb-s1.simple-thumb-s1-horizontal .thumb {
height: 100%;
background-color: #ffffff;
}
.simple-thumb-s1.simple-thumb-s1-horizontal .thumb .thumb-tlink {
height: 100%;
display: block;
position: relative;
margin: 0;
padding: 1.5em;
}
@media only screen and (min-width: 576px) {
.simple-thumb-s1 .thumb .thumb-tlink {
margin-left: 0;
margin-right: 0;
}
.simple-thumb-s1.simple-thumb-s1-horizontal .thumb .thumb-tlink {
padding: 1em 1.5em;
}
.simple-thumb-s1.simple-thumb-s1-horizontal .thumb .thumb-tlink img {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.simple-thumb-s2 {
background-color: #ffffff;
}
.simple-thumb-s2 .thumb a {
display: block;
min-height: 300px;
background-size: cover;
background-position: 50% 50%;
}
.simple-thumb-s2 .content .more-link {
display: block;
}
.simple-thumb-s2 .content .more-link i {
margin-left: 2em;
}
@media only screen and (min-width: 576px) {
.simple-thumb-s2 .simple-thumb-s2-row {
align-items: center;
}
.simple-thumb-s2 .thumb-col {
align-self: stretch;
}
.simple-thumb-s2 .thumb-col .thumb,
.simple-thumb-s2 .thumb-col .thumb a {
height: 100%;
}
.simple-thumb-s2:nth-child(1) > row {
flex-direction: row-reverse;
}
.simple-thumb-s2-container:nth-child(even) .simple-thumb-s2-row {
flex-direction: row-reverse;
}
.simple-thumb-s2-container:nth-child(even) .content {
text-align: right;
}
}
.simple-thumb-hero-square {
display: flex;
flex-direction: column;
height: 100%;
}
.simple-thumb-hero-square .head {
display: flex;
flex-grow: 1;
margin: 1.5rem;
}
.simple-thumb-hero-square .thumb {
overflow: hidden;
}
.simple-thumb-hero-square .thumb .thumb-link {
display: block;
position: relative;
}
.simple-thumb-hero-square .thumb img {
margin: auto;
width: 100%;
}
.simple-thumb-hero-square .watermark-container .watermark {
bottom: 1.5rem;
left: 1.5rem;
color: #ffffff;
}
.simple-thumb-hero-square:hover .watermark-container .watermark {
color: #33aaff;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .thumb .thumb-link {
padding: 0 1.5rem;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .thumb .thumb-link img {
padding: 0 0 2.5rem;
width: 100%;
position: relative;
z-index: 2;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .thumb .provider-premium-text {
padding: 0 1.5rem 1.5rem;
z-index: 2;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .thumb .provider-premium-text h3 i,
.simple-thumb-hero-square-content .simple-thumb-hero-square .thumb .provider-premium-text .h3 i {
color: #FDD400;
margin: -0.2em 0 0 0.3em;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .head {
position: relative;
z-index: 2;
border-bottom: 1px solid #666666;
transition: border-color 0.3s ease;
padding-bottom: 1.5rem;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a {
display: flex;
flex-direction: column;
flex: 1;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a:visited,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a h2,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a .h3 {
color: #333333;
transition: color 0.3s ease;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a:hover,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a:visited:hover,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a h2:hover,
.simple-thumb-hero-square-content .simple-thumb-hero-square .head a .h3:hover {
color: #ffffff;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square .watermark {
display: none;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container .overlay {
transform: translate(-50%, 50%);
transition: transform 0.3s ease;
background-color: rgba(51, 170, 255, 0.75);
color: #ffffff;
font-weight: bold;
z-index: 1;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .overlay {
transform: translate(-50%, -50%);
}
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .thumb .provider-premium-text button,
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .thumb .provider-premium-text .button {
background-color: #ffffff;
color: #333333;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .head {
border-bottom: 1px solid #ffffff;
}
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .head a,
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .head a:visited,
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .head a h2,
.simple-thumb-hero-square-content .simple-thumb-hero-square.overlay-container:hover .head a .h3 {
color: #ffffff;
}
.overlay-thumb {
display: block;
position: relative;
}
.overlay-thumb .content {
position: absolute;
bottom: 0;
left: 0;
}
.simple-event-card {
display: flex;
flex-direction: row;
height: 100%;
padding: 2rem;
}
.simple-event-card img {
image-rendering: crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: auto;
}
.simple-event-card .row {
flex: 1;
}
.simple-event-card .head {
display: flex;
flex-grow: 1;
position: relative;
z-index: 2;
transition: border-color 0.3s ease;
}
.simple-event-card .head .event-header {
font-weight: 800;
}
.simple-event-card .head .event-description {
font-size: 80%;
}
.simple-event-card .head .event-footer {
font-size: 80%;
}
.simple-event-card .head .event-footer .provider {
border-left: 1px solid #333333;
}
.simple-event-card .head a,
.simple-event-card .head a:visited,
.simple-event-card .head a h2,
.simple-event-card .head a .h3 {
color: #333333;
transition: color 0.3s ease;
}
.simple-event-card .head a:hover,
.simple-event-card .head a:visited:hover,
.simple-event-card .head a h2:hover,
.simple-event-card .head a .h3:hover {
color: #ffffff;
}
.simple-event-card .details {
position: relative;
z-index: 2;
margin-bottom: 1em;
}
.simple-event-card .details h4,
.simple-event-card .details .h4 {
font-weight: bold;
}
.simple-event-card.webinar-card {
background-color: #dd3333;
}
.simple-event-card.webinar-card .head {
color: #ffffff;
border-color: #ffffff;
}
.simple-event-card.webinar-card .head .event-footer .provider {
border-color: #ffffff;
}
.simple-event-card.webinar-card .details {
color: #ffffff;
}
.simple-event-card.webinar-card a,
.simple-event-card.webinar-card a:visited,
.simple-event-card.webinar-card h2,
.simple-event-card.webinar-card .h2,
.simple-event-card.webinar-card h3,
.simple-event-card.webinar-card .h3,
.simple-event-card.webinar-card h4,
.simple-event-card.webinar-card .h4 {
color: #ffffff;
}
.simple-event-card.article-card .head {
color: #333333;
border-color: #333333;
}
.simple-event-card.article-card .head .event-footer .provider {
border-color: #333333;
}
.simple-event-card.article-card .details {
color: #333333;
}
.simple-event-card.article-card a,
.simple-event-card.article-card a:visited,
.simple-event-card.article-card h2,
.simple-event-card.article-card .h2,
.simple-event-card.article-card h3,
.simple-event-card.article-card .h3,
.simple-event-card.article-card h4,
.simple-event-card.article-card .h4 {
color: #333333;
}
.simple-event-card.overlay-container .overlay {
transform: translate(-50%, 50%);
transition: transform 0.3s ease;
background-color: #014675;
color: #ffffff;
font-weight: bold;
z-index: 1;
}
.simple-event-card.overlay-container:hover .overlay {
transform: translate(-50%, -50%);
}
.simple-event-card.overlay-container:hover .head,
.simple-event-card.overlay-container:hover .details {
color: #ffffff;
}
.simple-event-card.overlay-container:hover .head a,
.simple-event-card.overlay-container:hover .details a,
.simple-event-card.overlay-container:hover .head a:visited,
.simple-event-card.overlay-container:hover .details a:visited,
.simple-event-card.overlay-container:hover .head h2,
.simple-event-card.overlay-container:hover .details h2,
.simple-event-card.overlay-container:hover .head .h2,
.simple-event-card.overlay-container:hover .details .h2,
.simple-event-card.overlay-container:hover .head h3,
.simple-event-card.overlay-container:hover .details h3,
.simple-event-card.overlay-container:hover .head .h3,
.simple-event-card.overlay-container:hover .details .h3,
.simple-event-card.overlay-container:hover .head h4,
.simple-event-card.overlay-container:hover .details h4,
.simple-event-card.overlay-container:hover .head .h4,
.simple-event-card.overlay-container:hover .details .h4 {
color: #ffffff;
}
.simple-event-card.overlay-container:hover .head {
border-color: #ffffff;
}
.simple-event-card.overlay-container:hover .head .event-footer .provider {
border-color: #ffffff;
}
@media only screen and (min-width: 576px) {
.simple-event-card .head {
border-left: 1px solid #666666;
padding-left: 2em;
}
.simple-event-card .details {
text-align: center;
margin-bottom: 0;
padding-right: 1.5em;
}
.simple-event-card .details i {
font-size: 180%;
margin-bottom: 0.3em;
}
}
.carousel {
position: relative;
min-height: 300px;
}
.carousel .thin-row-gallery {
margin: 0 -10px;
padding: 0;
opacity: 0;
transition: opacity 0.5s;
}
.carousel .thin-row-gallery li {
display: inline-block;
padding: 0 10px;
}
.carousel .thin-row-gallery li a {
display: block;
}
.carousel .thin-row-gallery li a img {
display: none;
}
.carousel .thin-row-gallery.loaded {
opacity: 1;
}
.carousel .thin-row-gallery.loaded li a img {
display: block;
}
.carousel .slick-slide {
display: none;
margin: 0 27px;
height: inherit !important;
}
.carousel .slick-list {
margin: 0 -27px;
}
.carousel .slick-track {
display: flex !important;
}
.carousel .slick-prev,
.carousel .slick-next {
position: absolute;
top: 50%;
z-index: 2;
}
.carousel .slick-prev {
left: 0;
transform: translate(-50%, -50%);
}
.carousel .slick-next {
right: 0;
transform: translate(50%, -50%);
}
.carousel .slick-dots li button {
background-color: #999;
}
.carousel .slick-dots li button:hover,
.carousel .slick-dots li button:focus,
.carousel .slick-dots li.slick-active button {
background-color: #33aaff;
}
@media only screen and (min-width: 768px) {
.carousel .slick-prev,
.carousel .slick-next {
display: block;
}
.carousel.carousel-buttons-out .slick-prev {
left: -1.3vw;
transform: translate(-100%, -50%);
}
.carousel.carousel-buttons-out .slick-next {
right: -1.3vw;
transform: translate(100%, -50%);
}
}
.modal {
display: none;
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
z-index: 99;
}
.modal .modal-container {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: scroll;
top: 0;
left: 0;
}
.modal .modal-container .modal-helper {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.modal .modal-container .modal-close {
text-align: right;
font-size: 2em;
line-height: 0;
}
.modal .modal-container .modal-frame {
background-color: #f2f1f1;
position: relative;
}
.modal .modal-container .modal-embed iframe {
width: 100%;
min-height: 450px;
}
.modal .modal-container .modal-embed .wp-audio-shortcode {
min-width: 100%;
}
.modal.open {
display: block;
}
.insta-post a {
width: 100%;
padding-top: 100%;
position: relative;
display: block;
overflow: hidden;
opacity: 1;
transition: opacity 0.3s;
}
.insta-post a img {
position: absolute;
height: 100%;
width: auto;
top: 0;
max-width: unset;
left: 50%;
transform: translate(-50%, 0);
}
.insta-post a:hover {
opacity: 0.8;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown .dropdown-toggle {
padding: 0.5em;
background-color: #ffffff;
color: #333333;
border: none;
margin: 0;
outline: 0;
}
.dropdown .dropdown-toggle i {
margin-left: 0.25em;
}
.dropdown .dropdown-menu {
display: none;
position: absolute;
right: 0;
list-style: none;
margin: 0;
padding: 0;
background-color: #ffffff;
min-width: 100%;
}
.dropdown .dropdown-menu .dropdown-item a,
.dropdown .dropdown-menu .dropdown-item span {
padding: 0.5em;
color: #33aaff;
display: block;
justify-content: flex-end;
border-bottom: 1px solid #ededed;
cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item a:hover,
.dropdown .dropdown-menu .dropdown-item span:hover {
background-color: #ededed;
}
.dropdown .dropdown-menu .dropdown-item:last-child a,
.dropdown .dropdown-menu .dropdown-item:last-child span {
border-bottom: none;
}
.dropdown .dropdown-menu .dropdown-item.active a,
.dropdown .dropdown-menu .dropdown-item.active span {
color: #333333;
cursor: default;
}
.dropdown .dropdown-menu .dropdown-item.active a:hover,
.dropdown .dropdown-menu .dropdown-item.active span:hover {
background-color: #ffffff;
}
.dropdown:focus .dropdown-toggle,
.dropdown:hover .dropdown-toggle,
.dropdown.show .dropdown-toggle {
border: none;
background-color: #ededed;
}
.dropdown:focus .dropdown-toggle i,
.dropdown:hover .dropdown-toggle i,
.dropdown.show .dropdown-toggle i {
color: #33aaff;
}
.dropdown.show .dropdown-menu {
display: block;
}
.image-dropdown .dropdown-toggle {
display: flex;
align-items: center;
}
.image-dropdown .dropdown-menu .dropdown-item a,
.image-dropdown .dropdown-menu .dropdown-item span {
display: flex;
white-space: nowrap;
align-items: center;
padding-left: 1.4em;
padding-right: 1.4em;
justify-content: space-between;
}
.image-dropdown .dropdown-menu .dropdown-item a img,
.image-dropdown .dropdown-menu .dropdown-item span img {
margin-left: 0.5em;
}
.image-dropdown img {
display: inline-block;
height: 27px;
width: 36px;
max-width: unset;
}
* {
box-sizing: border-box;
}
html {
font-size: 14px;
-webkit-overflow-scrolling: touch;
}
.preload {
opacity: 0 !important;
transition: opacity 0.5s;
}
.loaded {
opacity: 1 !important;
transition: opacity 0.5s;
}
img {
max-width: 100%;
display: block;
height: auto;
image-rendering: -webkit-optimize-contrast;
}
figure {
margin: 0;
padding: 0;
}
figure iframe {
max-width: 100%;
}
.image-container,
.image-container a {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.image-container img {
max-width: unset;
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
.image-container.portrait img {
max-height: 100%;
height: 100%;
width: auto;
}
a,
.link {
color: #33aaff;
text-decoration: none;
cursor: pointer;
}
a i,
.link i {
font-size: 0.85em;
transition: transform 0.2s;
}
a:visited,
.link:visited {
color: #33aaff;
}
a:hover,
.link:hover {
color: #333333;
}
.inverted-link,
.inverted-link:visited,
.inverted-link:hover {
color: #ffffff;
}
.inverted-link h1,
.inverted-link:visited h1,
.inverted-link:hover h1,
.inverted-link .h1,
.inverted-link:visited .h1,
.inverted-link:hover .h1,
.inverted-link h2,
.inverted-link:visited h2,
.inverted-link:hover h2,
.inverted-link .h2,
.inverted-link:visited .h2,
.inverted-link:hover .h2,
.inverted-link h3,
.inverted-link:visited h3,
.inverted-link:hover h3,
.inverted-link .h3,
.inverted-link:visited .h3,
.inverted-link:hover .h3,
.inverted-link h4,
.inverted-link:visited h4,
.inverted-link:hover h4,
.inverted-link .h4,
.inverted-link:visited .h4,
.inverted-link:hover .h4,
.inverted-link h5,
.inverted-link:visited h5,
.inverted-link:hover h5,
.inverted-link .h5,
.inverted-link:visited .h5,
.inverted-link:hover .h5,
.inverted-link a,
.inverted-link:visited a,
.inverted-link:hover a,
.inverted-link i,
.inverted-link:visited i,
.inverted-link:hover i,
.inverted-link a:visited,
.inverted-link:visited a:visited,
.inverted-link:hover a:visited,
.inverted-link i:visited,
.inverted-link:visited i:visited,
.inverted-link:hover i:visited,
.inverted-link a:hover,
.inverted-link:visited a:hover,
.inverted-link:hover a:hover,
.inverted-link i:hover,
.inverted-link:visited i:hover,
.inverted-link:hover i:hover {
color: #ffffff;
}
.inactive:hover {
color: #333333;
cursor: default;
}
hr {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
blockquote {
font-style: italic;
}
address {
font-style: normal;
}
.fix.fixed {
position: fixed;
}
.full-width {
width: 100%;
}
.no-scroll body {
position: fixed;
width: 100%;
height: 100%;
}
.more-link {
font-weight: bold;
text-transform: uppercase;
}
.post-date {
display: inline-block;
}
body {
font-family: 'Nunito Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333333;
}
body,
body button,
body input,
body optgroup,
body select,
body textarea {
line-height: 1.4;
}
#site-footer {
font-size: 12px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: 'Nunito Sans', sans-serif;
color: #333333;
font-weight: normal;
line-height: 1.1;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a,
h1 a:visited,
.h1 a:visited,
h2 a:visited,
.h2 a:visited,
h3 a:visited,
.h3 a:visited,
h4 a:visited,
.h4 a:visited,
h5 a:visited,
.h5 a:visited,
h6 a:visited,
.h6 a:visited {
color: #333333;
}
h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover,
h1 a:visited:hover,
.h1 a:visited:hover,
h2 a:visited:hover,
.h2 a:visited:hover,
h3 a:visited:hover,
.h3 a:visited:hover,
h4 a:visited:hover,
.h4 a:visited:hover,
h5 a:visited:hover,
.h5 a:visited:hover,
h6 a:visited:hover,
.h6 a:visited:hover {
color: #33aaff;
}
a h1,
a .h1,
a h2,
a .h2,
a h3,
a .h3,
a h4,
a .h4,
a h5,
a .h5,
a h6,
a .h6 {
color: #333333;
}
a h1:visited,
a .h1:visited,
a h2:visited,
a .h2:visited,
a h3:visited,
a .h3:visited,
a h4:visited,
a .h4:visited,
a h5:visited,
a .h5:visited,
a h6:visited,
a .h6:visited {
color: #333333;
}
a h1:hover,
a .h1:hover,
a h2:hover,
a .h2:hover,
a h3:hover,
a .h3:hover,
a h4:hover,
a .h4:hover,
a h5:hover,
a .h5:hover,
a h6:hover,
a .h6:hover {
color: #33aaff;
}
h1,
.h1 {
font-size: 2rem;
margin: 0;
color: #333333;
font-weight: 800;
}
h2,
.h2 {
font-size: 1.76rem;
margin-top: 1em;
margin-bottom: 0.4em;
font-weight: 800;
}
h3,
.h3 {
font-size: 1.6rem;
margin: 0.5em 0;
font-weight: 800;
}
h4,
.h4 {
font-size: 1.4rem;
margin: 0.5em 0;
text-transform: uppercase;
}
.x2 {
font-size: 200%;
}
.x2 h2,
.x2 .h2 {
font-size: 6rem;
}
.x2 h3,
.x2 .h3 {
font-size: 4rem;
}
.x2 h4,
.x2 .h4 {
font-size: 3rem;
}
.x1-5 {
font-size: 150%;
}
.x1-5 h2,
.x1-5 .h2 {
font-size: 4rem;
}
.x1-5 h3,
.x1-5 .h3 {
font-size: 3rem;
}
.x1-5 h4,
.x1-5 .h4 {
font-size: 2rem;
}
p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.menu,
.menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: 'Nunito Sans', sans-serif;
}
.menu li,
.menu ul li {
display: inline-block;
text-decoration: none;
}
#menu-bar {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
transition: background-color 0.3s, height 0.3s, box-shadow 0.3s;
}
#menu-bar #menus {
font-size: 18px;
}
#menu-bar #menus #header-nav ul li {
text-transform: uppercase;
}
#menu-bar #menus #header-nav ul li a {
padding: 1.4em 0.4em;
}
#menu-bar #menus #header-nav ul li:last-child {
padding-right: 0;
margin-right: 0;
}
#menu-bar #menus #header-nav ul li:first-child {
padding-left: 0;
margin-left: 0;
}
#menu-bar #menus #header-nav .button-a a {
padding: 0.45em 1em;
margin: 0 0.4em;
}
#menu-country-dropdown {
align-self: center;
}
#menu-country-dropdown .dropdown-toggle img {
margin-left: 0.5em;
}
.drop-menu-open #menu-bar {
box-shadow: none;
}
.tax-hor-min,
.tax-hor-min-trigger {
text-transform: uppercase;
}
.venue-filter-mob {
border-bottom: 2px solid #33aaff;
}
body {
margin: 0;
position: relative;
background-color: #f2f1f1;
}
#primary-header {
position: relative;
z-index: 3;
overflow: hidden;
height: 500px;
max-height: 100vh;
}
.post-thumb-icon {
position: absolute;
left: 0;
bottom: 0;
}
.simple-thumb-s1 .thumb-tlink:hover .button {
background-color: #0095ff;
}
.simple-thumb-s1 .thumb-tlink .tag-icon {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.wp-block-audio {
margin: 1em 0;
}
#home-news {
background-color: #ffffff;
}
.frame-caption {
font-size: 0.8em;
opacity: 0.8;
text-align: center;
}
#site-footer .social-links {
font-size: 1.2em;
}
table {
width: 100%;
}
table th,
table td {
padding: 0.4em;
text-align: right;
padding-right: 0.5em;
}
table th:first-child,
table td:first-child {
text-align: left;
padding-left: 0.5em;
}
table th {
border-bottom: 1px solid #333333;
}
table.alternate-rows tr:nth-child(even) {
background-color: #f3faff;
}
body.register-mob-open #register-form-mob {
transform: translate(0, 0);
z-index: 100;
}
body.register-mob-open #register-form-mob input,
body.register-mob-open #register-form-mob textarea,
body.register-mob-open #register-form-mob .frm_checkbox {
font-size: 14px;
margin: 0.25em;
}
body.register-mob-open #register-form-mob .frm_checkbox {
text-align: left;
}
#register-button {
position: fixed;
z-index: 99;
bottom: 0;
}
.vc_images_carousel img {
max-width: 100%;
height: auto;
}
.vc_carousel-control {
color: #fff !important;
}
.vc_images_carousel .vc_carousel-indicators li {
background-color: #fff !important;
}
.vc_images_carousel .vc_carousel-indicators .vc_active {
background-color: transparent !important;
}
.mc-modal {
width: 510px !important;
}
@media screen and (max-width: 48rem) {
.vc_parallax {
padding-left: 2em !important;
padding-right: 2em !important;
}
}
.blocks-gallery-item .blocks-gallery-item__caption {
background: transparent !important;
padding: 0;
margin: 0 !important;
height: 100%;
}
.blocks-gallery-item .blocks-gallery-item__caption a {
height: 100%;
width: 100%;
font-size: 0;
display: block;
overflow: hidden;
}
@media only screen and (min-width: 576px) {
#menu-bar #country-dropdown {
margin-left: 1em;
}
.sticky-header-content .sticky-header-icon {
margin-left: 0;
}
.sticky-header-content .cta-button {
margin-bottom: 2em !important;
}
.simple-thumb-s1 .thumb-tlink .tag-icon {
margin-left: 0;
margin-right: 0;
}
#venue-hero-bar {
padding: 0.75em 0;
}
#venue-hero-bar .row {
align-items: center;
}
#venue-hero-bar h1 {
font-size: 2.17rem;
}
#venue-hero-bar .cta-col a,
#venue-hero-bar .cta-col .button {
width: 100%;
border: 1px solid #f2f1f1;
}
.venue-map {
position: relative;
}
.venue-map address {
position: absolute;
z-index: 2;
top: 2em;
right: 2em;
width: 260px;
}
.news-download-col {
text-align: center;
}
.news-download-col p {
margin: 1em !important;
margin-top: 2em !important;
margin-bottom: 2em !important;
}
}
@media only screen and (min-width: 768px) {
html {
font-size: 14px;
}
#site-footer {
font-size: 16px;
}
h1,
.h1 {
font-size: 3rem;
}
h2,
.h2 {
font-size: 2.6rem;
}
h3,
.h3 {
font-size: 1.7rem;
}
h4,
.h4 {
font-size: 1.5rem;
}
#primary-header {
height: 400px;
}
#primary-header.big-header {
height: 25vw;
min-height: 500px;
max-height: 640px;
}
#primary-header.big-header-content {
max-height: none;
height: auto;
min-height: auto;
}
.tag-icon .button {
height: 60px;
width: 60px;
}
.tag-icon i {
font-size: 1.8em;
}
#site-footer .social-links {
font-size: 1em;
}
}
@media only screen and (min-width: 1200px) {
html {
font-size: 14px;
}
#menu-bar #country-dropdown {
margin-left: 0;
}
}
@media only screen and (min-width: 1600px) {
html {
font-size: 18px;
}
}
#home-partners-carousel .slick-slide {
margin: 0 15px;
}
#home-partners-carousel .slick-list {
margin: 0 -15px;
}
#logo svg .st1,
#logo svg .st0 {
transition: fill 0.3s;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) #logo svg .st1,
body.clear-header:not(.header-fixed):not(.drop-menu-open) #logo svg .st0 {
fill: #fff;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger {
color: #fff;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger.hover {
color: #fff;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger.hover .burger-label {
opacity: 0.8;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger-inner,
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger-inner:before,
body.clear-header:not(.header-fixed):not(.drop-menu-open) .hamburger-inner:after {
background-color: #fff !important;
}
body.clear-header:not(.header-fixed):not(.drop-menu-open) .button-a a {
background-color: #fff;
color: #33aaff !important;
}
.hamburger {
display: flex;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:visited {
color: #333333;
}
.hamburger-box {
display: block;
}
.burger-label {
margin-right: 0.5em;
}
.overlay-thumb .content {
padding: 1em !important;
}
.overlay-thumb .content header {
overflow: hidden;
}
.overlay-thumb .content header a {
padding: 0.35em 1em;
margin: 0 0.5em;
min-width: 9.25em;
margin-left: -0.46em;
}
@media only screen and (max-width: 768px) {
#primary-header .slider .wrap {
padding: 0;
height: 100%;
}
}
body.home .simple-image-content.image-header {
background: #4da1dc;
background: linear-gradient(#4da1dc 0%, #bbecfd 100%);
}
body.home .simple-image-content.image-header .header-bg {
background-size: contain;
}
body.home .image-header-title {
z-index: 2;
}
body.home .image-header-title > .row {
height: 100%;
}
body.home .image-header-title > .row > .col-xs-12 {
display: flex;
flex-direction: column;
}
.video-and-title {
position: relative;
}
.video-full-width {
max-width: 100%;
height: auto;
}
.videoTitle {
transition: all 0.3s ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
cursor: pointer;
}
.title-and-button {
display: flex;
justify-content: center;
gap: 1em;
align-items: center;
flex-direction: column;
}
.videoTitle h2 {
text-align: center;
z-index: 210;
max-width: 800px;
margin: 0;
font-size: 1em;
color: white;
}
.play-button {
position: relative;
margin: 0;
width: 50%;
z-index: 1;
transition: transform ease-in-out 0.3s;
}
.videoTitle:hover .play-button {
transform: scale(1.1);
}
.background-blur {
transition: all 0.3s ease;
width: 100%;
height: 100%;
background-color: #45A3D9;
opacity: 0.95;
position: absolute;
z-index: 1;
}
.play-button i {
font-size: 1.5em;
color: white;
}
.home .simple-image-copy .header-bg-color {
opacity: 1;
}
@media only screen and (min-width: 576px) {
.video-and-title {
position: relative;
}
.video-full-width {
max-width: 100%;
height: auto;
}
.videoTitle {
transition: all 0.3s ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
}
.title-and-button {
display: flex;
justify-content: center;
gap: 2em;
align-items: center;
flex-direction: column;
}
.videoTitle h2 {
text-align: center;
z-index: 210;
margin: 0;
font-size: 1.2em;
color: white;
}
.play-button {
position: relative;
margin: 0;
width: 50%;
z-index: 1;
}
.background-blur {
transition: all 0.3s ease;
width: 100%;
height: 100%;
background-color: #45A3D9;
opacity: 0.95;
position: absolute;
z-index: 1;
}
.play-button i {
font-size: 3em;
}
}
@media only screen and (min-width: 768px) {
.video-and-title {
position: relative;
}
.video-full-width {
max-width: 100%;
height: auto;
}
.videoTitle {
transition: all 0.3s ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
}
.title-and-button {
display: flex;
justify-content: center;
gap: 2em;
align-items: center;
flex-direction: column;
}
.videoTitle h2 {
text-align: center;
z-index: 210;
margin: 0;
font-size: 1.7em;
color: white;
}
.play-button {
position: relative;
margin: 0;
width: 50%;
z-index: 1;
}
.background-blur {
transition: all 0.3s ease;
width: 100%;
height: 100%;
background-color: #45A3D9;
opacity: 0.95;
position: absolute;
z-index: 1;
}
.play-button i {
font-size: 3em;
}
}
@media only screen and (min-width: 1200px) {
.video-and-title {
position: relative;
}
.video-full-width {
max-width: 100%;
height: auto;
}
.videoTitle {
transition: all 0.3s ease;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px;
}
.title-and-button {
display: flex;
justify-content: center;
gap: 2em;
align-items: center;
flex-direction: column;
}
.videoTitle h2 {
text-align: center;
z-index: 210;
margin: 0;
font-size: 2em;
color: white;
}
.play-button {
position: relative;
margin: 0;
width: 50%;
z-index: 1;
}
.background-blur {
transition: all 0.3s ease;
width: 100%;
height: 100%;
background-color: #45A3D9;
opacity: 0.95;
position: absolute;
z-index: 1;
}
.play-button i {
font-size: 5em;
}
}