/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
:root {
--navy-blue: #102054;
--blue: #345D98;
--orange: #F29200;
--yellow: #D49533;
--sepia-skin: #9E4E3E;
/*--dark-vanilla: #CCBDA7;*/
--dark-vanilla: #ae9e8a;
--black-text: #525252;
--dark-text: #333;
--grey: #D5D8DC;
--light-grey: #E5E5E5;
--top-padding: 5.222rem;
--top-padding-fixed: 5rem;
}
@media (max-width: 991px) {
:root {
--top-padding: 5.4rem;
--top-padding-fixed: 5.4rem;
}
}
@media (max-width: 767px) {
:root {
--top-padding: 4rem;
--top-padding-fixed: 4rem;
}
}
html, body {
font-family:"freight-sans-pro";
font-size: 18px;
font-weight: 500;
color: var(--black-text);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
}
/*body.single-chapter {
font-family: "Poppins", serif;
font-size: 0.8889rem;
}*/
@media (max-width: 1599px) {
html, body {
font-size: 17px;
}
}
@media (max-width: 1199px) {
html, body {
font-size: 16px;
}
}
@media (max-width: 991px) {
html, body {
font-size: 15px;
}
}
@media (min-width: 1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1424px;
}
}
@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1544px;
}
}
ul, ol {
padding-left: 1.25rem;
}
a {
color: var(--navy-blue);
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a:hover {
color: var(--orange);
text-decoration: none;
}
a:focus {
outline: none;
}
a.white-link {
color: #fff;
}
a.white-link:hover {
color: var(--navy-blue);
}
strong, b {
font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--navy-blue);
font-weight: 700;
margin-bottom: 0.5rem;
}
.h1,
h1 {
font-size: calc(1.4rem + 1.5vw);
}
.h2,
h2 {
font-size: calc(1.275rem + .75vw);
}
.h3,
h3 {
font-size: calc(1.25rem + .3vw);
}
.h4,
h4 {
font-size: calc(1.125rem + .275vw);
}
.h5,
h5 {
font-size: 1.111rem;
font-weight: 600;
}
.h6,
h6 {
font-size: 1rem;
font-weight: 600;
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size: 2.6667rem;
}
h2,
.h2 {
font-size: 1.6667rem;
}
h3,
.h3 {
font-size: 1.333rem;
}
h4,
.h4 {
font-size: 1.16667rem;
}
.h5,
h5 {
font-size: 1.111rem;
line-height: 1.3;
}
.h6,
h6 {
font-size: 1rem;
line-height: 1.2;
}
}
a:focus, button:focus {
outline: none;
box-shadow: none;
}
a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"], button.wpcf7-submit {
font-size: 0.7778rem;
color: #fff;
font-weight: 700;
height: 2.444rem;
line-height: 2.444rem;
padding: 0 1.222rem;
background: var(--orange);
border: 1px solid var(--orange);
border-radius: 0.111rem;
white-space: nowrap;
}
a.btn:hover, a.wp-block-button__link:hover, .wpcf7-form input[type="submit"]:hover, button.wpcf7-submit:hover {
background: var(--navy-blue) !important;
border-color: var(--navy-blue) !important;
color: #fff !important;
box-shadow: 1px 1px 5px rgb(130 130 130 / 10%);
}
a.btn:focus, .wpcf7-form input[type="submit"]:focus, button.wpcf7-submit:focus {
outline: none;
box-shadow: none;
}
a.btn.btn-alt {
background: var(--navy-blue);
border-color: var(--navy-blue);
}
a.btn.btn-alt:hover,
a.btn.btn-alt:focus {
background: var(--orange) !important;
border-color: var(--orange) !important;
}
a.btn.btn-grey {
background: #F7F7F7;
border-color: #F7F7F7;
color: var(--navy-blue);
}
a.btn.btn-grey:hover,
a.btn.btn-grey:focus {
background: var(--navy-blue) !important;
border-color: var(--navy-blue) !important;
color: #fff;
}
@media (max-width: 767px) {
a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
padding: 0 1rem;
}
}
.text-white {
color: #fff;
}
.text-green {
color: var(--green);
}
.text-grey {
color: var(--grey);
}
.text-large {
font-size: 1.111rem;
}
.text-small {
font-size: 0.8889rem;
}
section.entry-content p {
margin-bottom: 1.25rem;
}
section.entry-content h1, section.entry-content h2, section.entry-content h3, section.entry-content h4, section.entry-content h5, section.entry-content h6 {
text-transform: uppercase;
margin-bottom: 0.75rem;
}
.entry-content-inner {
max-width: 52rem;
}
section.section {
margin: 5.333rem 0;
}
.page-header {
padding: 5.333rem 0;
max-width: 42.6667rem;
}
.page-header-wrapper-inner {
border-bottom: 1px solid var(--light-grey);
}
.page-header>:last-child {
margin-bottom: 0;
}
.section-padding {
padding: 5.333rem 0;
}
@media (max-width: 991px) {
section.entry-content {
margin-top: -4.6667rem;
padding-top: 4.6667rem;
margin-bottom: 4.6667rem;
}
section.section {
margin: 4.6667rem 0;
}
.section-padding {
padding: 4.6667rem 0;
}
.page-header {
padding: 4.6667rem 0;
}
}
@media (max-width: 767px) {
section.entry-content {
margin: 4.26667rem 0;
padding: 0;
}
section.section {
margin: 4.26667rem 0;
}
.section-padding {
padding: 4.26667rem 0;
}
.page-header {
padding: 4.26667rem 0;
}
}
.wp-block-embed {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-quote {
border-left: 3px solid var(--yellow);
padding: 0;
}
.wp-block-quote p {
color: var(--navy-blue);
font-size: 1.33333rem;
font-style: italic;
font-weight: 500;
margin-bottom: 1rem !important;
}
.wp-block-quote > * {
margin-left: 1.25rem;
}
.wp-block-quote cite {
font-size: 1rem;
text-transform: uppercase;
padding-top: 1rem;
display: block;
}
.wp-block-separator {
border-width: 2px;
border-color: var(--light-grey);
}
.wp-block-image {
position: relative;
}
.wp-block-image figcaption {
text-align: initial;
font-size: 0.7778rem;
color: #555;
}
.wp-block-image figcaption:before {
content: '\f0c1';
font-family: "Font Awesome 6 Free";
font-weight: 600;
margin-right: 0.333rem;
color: var(--grey);
}
/*.wp-block-gallery, .wp-block-image {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.wp-block-gallery .wp-block-image {
margin-top: 0 !important;
margin-bottom: 0 !important;
}*/
.slick-slide:focus {
outline: none;
}
ul.social-links {
list-style: none;
padding: 0;
margin: 0;
font-size: 1.3125rem;
display: flex;
}
ul.social-links li {
margin: 0 0.25rem;
}
ul.social-links li:first-of-type {
margin-left: 0;
}
ul.social-links li:last-of-type {
margin-right: 0;
}
ul.social-links li a {
color: var(--black-text);
}
ul.social-links li a:hover {
color: var(--orange);
}
/* Footer Styles */
.bottom-line-wrap-inner {
border-top: 1px solid var(--light-grey);
padding-top: 1.7778rem;
padding-bottom: 2.6667rem;
}
a.logo-link {
margin-left: 1.7778rem;
}
a.logo-link:hover svg path {
transition: all 0.3s ease-out;
}
a.logo-link:hover svg path,
a.logo-link:focus svg path {
fill: var(--orange);
}
.bottom-line-wrap-inner p {
font-size: 0.8889rem;
}
@media (max-width: 991px) {
.bottom-line-wrap-inner {
padding-bottom: 2rem;
padding-top: 1.333rem;
}
a.logo-link {
margin-left: 1.333rem;
}
}
.footer-logo img {
height: 7rem;
transition: all 0.3s ease-out;
}
.footer-logo:hover img,
.footer-logo:focus img {
opacity: 0.6;
}
.footer-logo {
margin-right: 0.5rem;
}
.footer-company-detail {
margin-bottom: 1.125rem;
}
h6.footer-title,
.company-detail-content p {
font-size: 0.8889rem;
color: var(--navy-blue);
}
.footer-secondary-logo img {
height: 8.05556rem;
transition: all 0.3s ease-out;
}
.footer-secondary-logo:hover img,
.footer-secondary-logo:focus img {
opacity: 0.6;
}
.footer-menu li.current-menu-item a {
color: var(--orange);
}
.footer-menu li {
list-style: none;
font-weight: 700;
font-size: 0.7778rem;
margin-bottom: 0.7778rem;
}
ul.footer-menu {
padding-left: 0;
}
.footer-body {
border-top: 1px solid var(--light-grey);
padding-top: 3.5556rem;
padding-bottom: 3rem;
}
.footer-social-wrapper {
margin-top: 1.5rem;
}
@media (max-width: 991px) {
/*.footer-logo {
margin-right: 1.333rem;
}*/
.footer-body {
padding: 3.2rem 0 2.2rem;
}
.footer-menu li {
margin-bottom: 0.5rem;
}
.footer-social-wrapper {
margin-top: 0.875rem;
}
.footer-secondary-logo img {
height: 6rem;
}
}
@media (max-width: 767px) {
.footer-social-wrapper {
margin-bottom: 1.5rem;
}
.footer-company-detail-wrapper {
display: flex;
justify-content: space-between;
}
.footer-logo {
margin-bottom: 1rem;
}
}
@media (max-width: 575px) {
.footer-company-detail-wrapper {
display: block;
}
}
h1.page-title {
text-transform: uppercase;
letter-spacing: -0.05333rem;
margin-bottom: 2.222rem;
}
.page-header p {
font-size: 1.111rem;
}
@media (max-width: 991px) {
h1.page-title {
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
h1.page-title {
margin-bottom: 1.6rem;
}
}
/* Blog */
body.blog .page-header-wrapper-inner {
border: 0;
}
.posts-grid {
display: flex;
flex-wrap: wrap;
margin-left: -0.8889rem;
margin-right: -0.8889rem;
}
.posts-grid-item {
width: 50%;
padding: 0 0.8889rem;
margin-bottom: 1.6667rem;
}
.post-categories,
.posts-grid {
padding-left: 0.27778rem;
padding-right: 0.27778rem;
}
.posts-container-inner {
margin-left: -0.27778rem;
margin-right: -0.27778rem;
}
.columns-4 .posts-grid-item {
width: 25%;
}
.posts-grid-item-inner {
position: relative;
}
a.post-grid-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
opacity: 0;
}
.post-grid-image {
position: relative;
overflow: hidden;
background: var(--blue);
}
.post-grid-image:before {
content: '';
display: block;
padding-bottom: 47.62%;
}
.collection-grid-image:before {
padding-bottom: 76%;
}
.post-grid-image img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1s ease-in-out;
}
.posts-grid-item-inner:hover .post-grid-image img {
transform: scale(1.1);
}
.blog-posts-grid .posts-grid-item:nth-of-type(1) {
width: 100%;
margin-bottom: 2.6667rem;
}
.blog-posts-grid .posts-grid-item:nth-of-type(1) .posts-grid-item-inner {
display: flex;
justify-content: space-between;
}
.blog-posts-grid .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-image {
width: 64.22%;
}
.blog-posts-grid .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-content {
width: 35.78%;
padding-left: 1.7778rem;
padding-top: 0;
}
.blog-posts-grid .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-image:before {
padding-bottom: 57.142%;
}
.post-cats {
color: var(--blue);
position: absolute;
right: 1.25rem;
top: 1.25rem;
z-index: 1;
}
.post-cats a {
font-size: 0.75rem;
background: var(--navy-blue);
color: #fff;
padding: 0.375rem 0.875rem;
border-radius: 0.3125rem;
margin-bottom: 0.5rem;
white-space: nowrap;
}
.post-cats a:hover {
background: var(--yellow);
}
.post-grid-content {
position: relative;
padding: 1.333rem 0 0;
}
.post-grid-content h5.h3 {
margin-bottom: 0.8889rem;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.posts-container .posts-grid-item:nth-of-type(1) .post-grid-content h5.h3 {
margin-bottom: 0.6667rem;
}
.posts-grid-item-inner:hover h5.h3 {
color: var(--orange);
}
.posts-grid-item-inner:hover a.btn {
background: var(--blue);
color: #fff;
}
.posts-grid-item-inner:hover a.btn svg {
color: #fff;
}
.post-date-author {
font-size: 1rem;
font-weight: 500;
padding: 0.25rem 0;
margin-bottom: 0.75rem;
color: var(--blue);
}
a.read-more-link {
color: var(--navy-blue);
white-space: nowrap;
}
a.read-more-link:hover {
color: var(--orange);
}
a.read-more-link.link-underlined {
position: relative;
overflow: hidden;
padding-bottom: 0;
display: inline-block;
}
a.read-more-link.link-underlined:before {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: 0;
height: 1px;
background-color: var(--green);
}
a.read-more-link.link-underlined:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
opacity: 0;
background-color: var(--blue);
-webkit-transition: opacity 300ms, transform 300ms;
-moz-transition: opacity 300ms, transform 300ms;
-ms-transition: opacity 300ms, transform 300ms;
-o-transition: opacity 300ms, transform 300ms;
transition: opacity 300ms, transform 300ms;
transform: translate3d(-100%, 0, 0);
overflow: hidden;
}
a.read-more-link.link-underlined:hover:after {
opacity: 1;
transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
.post-grid-content {
padding: 1rem 0 0;
}
.post-categories,
.posts-grid {
padding-left: 0;
padding-right: 0;
}
.posts-container-inner {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 575px) {
.posts-grid-item {
width: 100%;
}
.posts-container .posts-grid-item:nth-of-type(1) .posts-grid-item-inner {
display: block;
}
.posts-container .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-content {
width: 100%;
padding-left: 0;
padding-top: 1rem;
}
.posts-container .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-image {
width: 100%;
}
.posts-container .posts-grid-item:nth-of-type(1) .posts-grid-item-inner .post-grid-image:before,
.post-grid-image:before {
padding-bottom: 58.31%;
}
.posts-container .posts-grid-item:nth-of-type(1) .post-grid-content h5.h3 {
margin-bottom: 0.8889rem;
}
.posts-container .posts-grid-item:nth-of-type(1) {
margin-bottom: 1.6667rem;
}
}
.post-categories ul {
list-style: none;
padding: 0;
}
.post-categories ul li {
/* margin-bottom: 0.5rem; */
}
.post-categories ul li a {
display: block;
font-size: 0.8889rem;
font-weight: 600;
padding: 0.4rem 0.75rem;
color: var(--black-text);
}
.post-categories ul li a:hover,
.post-categories ul li.active a {
background: var(--light-grey);
color: #424242;
}
.pagination-section {
display: flex;
margin: 5rem 0 0;
}
span.page-count {
display: block;
height: 3rem;
line-height: 3rem;
padding: 0 1.25rem;
border-radius: 0.3125rem;
border: 1px solid var(--grey);
background: #fff;
margin-right: 2rem;
}
span.page-count i {
color: var(--green);
}
.pagination-container {
border-top: 1px solid var(--light-grey);
margin-top: 0.8889rem;
padding-top: 1.111rem;
}
.pagination {
margin: 0;
justify-content: center;
}
.pagination .page-link {
border: none;
border-radius: 0.44rem !important;
margin: 0 0.111rem;
color: #929497;
width: 2.22rem;
height: 2.22rem;
padding: initial;
text-align: center;
line-height: 2.22rem;
font-size: 0.7778rem;
font-weight: 500;
transition: all 0.3s ease-in-out;
}
.pagination .page-item.active .page-link,
.page-link:hover {
background: #FAFAFA;
border: none;
color: #292929;
}
.page-link:focus {
outline: none;
box-shadow: none;
}
.related .blocks-lg-wrapper {
padding-top: 5.333rem;
border-top: 1px solid var(--light-grey);
}
.related-heading p {
margin-bottom: 2.222rem;
}
.related-heading .section-heading {
margin-bottom: 1.111rem;
}
.related .post-grid-image:before {
padding-bottom: 59.52%;
}
@media (max-width: 991px) {
.related-heading p {
margin-bottom: 1.5rem;
}
.related .blocks-lg-wrapper {
padding-top: 4.6667rem;
}
}
@media (max-width: 767px) {
.related-heading {
margin-bottom: 2rem;
}
.related .blocks-lg-wrapper {
padding-top: 4.26667rem;
}
}
@media (max-width: 575px) {
.related .post-grid-image:before {
padding-bottom: 58.31%;
}
}
/* blog close */
/* hero banner */
.hero-banner {
position: relative;
overflow: hidden;
height: 38rem;
background: #333;
}
.hero-banner:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(0 0 0 / 25%);
z-index: 1;
}
.hero-banner video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-banner-image {
height: 100%;
}
.hero-banner-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-banner-content {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
font-size: 1.125rem;
color: #fff;
}
.hero-banner-content-inner {
max-width: 25rem;
}
.hero-banner-content-inner h1.title {
text-transform: uppercase;
letter-spacing: -0.05333rem;
margin-bottom: 1.333rem;
}
.hero-banner-content-inner a.read-more-link {
color: #fff;
font-size: 0.8889rem;
}
.hero-banner-content-inner a.read-more-link:hover,
.hero-banner-content-inner a.read-more-link:focus {
color: var(--orange);
}
.hero-banner-content-inner p {
margin-bottom: 2rem;
}
@media (max-width: 1699px) {
.hero-banner {
height: 34.5rem;
}
}
@media (max-width: 991px) {
.hero-banner {
height: 30rem;
}
.hero-banner-content {
padding: 0 0.5rem;
}
}
@media (max-width: 575px) {
.hero-banner {
height: 28.8rem;
}
}
/* Video background */
.videobg {
position: relative;
width: 100%; /* Set video container element width here */
height: 100%; /* Set video container element height here */
overflow: hidden;
background: #111; /* bg color, if video is not high enough */
}
.videobg-aspect {
/*position: absolute;*/
width: 100%;
height: 0;
top: -9999px;
bottom: -9999px;
margin: auto;
padding-bottom: 56.25%; /* 16:9 ratio */
overflow: hidden;
min-height: 33.333rem;
}
.videobg iframe {
box-sizing: border-box;
height: 56.25vw;
width: 177.77777778vh;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.videobg video {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Intro Section */
.intro-case-section-wrapper {
position: relative;
padding: 1px 0;
}
.intro-case-section-wrapper:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 70%;
height: 100%;
background: url('../images/intro-bg.jpg') no-repeat top right;
background-size: cover;
z-index: -1;
}
.intro-content p {
margin-bottom: 1.7778rem;
}
.intro-content-wrapper .section-heading,
.intro-content-wrapper .intro-content {
padding-left: 0.27778rem;
padding-right: 0.27778rem;
}
.intro-content-wrapper {
margin-left: -0.27778rem;
margin-right: -0.27778rem;
}
@media (max-width: 1199px) {
.intro-content-wrapper .section-heading,
.intro-content-wrapper .intro-content {
padding-left: 0;
padding-right: 0;
}
.intro-content-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 575px) {
.intro-case-section-wrapper:before {
content: none;
}
.intro-content-wrapper .section-heading {
margin-bottom: 1.5rem;
}
.intro-content p {
margin-bottom: 1rem;
}
.intro-content a.btn.btn-alt {
display: block;
}
}
/* Case studies Slider */
.case-studies-slider .slick-track {
display: flex;
}
.case-studies-slider .slide {
height: auto;
}
.case-study-block {
display: flex;
flex-direction: column;
height: 100%;
}
figure.case-study-img {
margin-bottom: 0;
position: relative;
overflow: hidden;
backdrop-filter: blur(12px);
}
figure.case-study-img:before {
content: '';
display: block;
padding-bottom: 52.083%;
}
figure.case-study-img a,
figure.case-study-img a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
figure.case-study-img a:hover img,
figure.case-study-img a:focus img {
transform: scale(1.1);
}
.case-study-content {
background: var(--blue);
color: #fff;
padding: 1.333rem 1.333rem 1.7778rem;
flex-grow: 1;
}
.case-study-block.dark-vanilla .case-study-content {
background: var(--dark-vanilla);
}
.case-study-block.sepia-skin .case-study-content {
background: var(--sepia-skin);
}
.case-study-block.yellow .case-study-content {
background: var(--yellow);
}
.case-study-block.orange .case-study-content {
background: var(--orange);
}
.case-study-content h3 {
color: #fff;
margin-bottom: 1.7778rem;
text-transform: uppercase;
}
.case-study-content a {
color: #fff;
}
.case-study-content a:hover,
.case-study-content a:focus {
color: var(--orange);
}
.case-study-block.yellow a.read-more-link:hover,
.case-study-block.yellow a.read-more-link:focus {
color: var(--blue);
}
.case-studies-slider .slide {
width: 24.81rem;
margin-right: 1.7778rem;
overflow: hidden;
height: auto;
}
.case-studies-slider .slick-list {
overflow: visible;
}
.case-studies-slider {
width: 100vw;
overflow: hidden;
}
.case-studies-slider-section {
overflow: hidden;
}
.case-studies-slider-arrows,
.blog-entry-slider-arrows,
.collection-carousel-slider-arrows,
.image-carousel-slider-arrows,
.event-image-carousel-slider-arrows {
margin-top: 1.7778rem;
}
.case-studies-slider-arrows .slick-prev,
.case-studies-slider-arrows .slick-next,
.blog-entry-slider-arrows .slick-prev,
.blog-entry-slider-arrows .slick-next,
.collection-carousel-slider-arrows .slick-prev,
.collection-carousel-slider-arrows .slick-next,
.image-carousel-slider-arrows .slick-prev,
.image-carousel-slider-arrows .slick-next,
.event-image-carousel-slider-arrows .slick-prev,
.event-image-carousel-slider-arrows .slick-next {
width: 3.111rem;
height: 3.111rem;
line-height: 3.111rem;
text-align: center;
font-size: 1.25rem;
display: inline-block;
border: 1px solid var(--light-grey);
border-radius: 50%;
color: #737373 !important;
}
.case-studies-slider-arrows .slick-prev,
.blog-entry-slider-arrows .slick-prev,
.collection-carousel-slider-arrows .slick-prev,
.image-carousel-slider-arrows .slick-prev,
.event-image-carousel-slider-arrows .slick-prev {
margin-right: 1.7778rem;
}
.case-studies-slider-arrows .slick-arrow:hover,
.case-studies-slider-arrows .slick-arrow:focus,
.blog-entry-slider-arrows .slick-arrow:hover,
.blog-entry-slider-arrows .slick-arrow:focus,
.collection-carousel-slider-arrows .slick-arrow:hover,
.collection-carousel-slider-arrows .slick-arrow:focus,
.image-carousel-slider-arrows .slick-arrow:hover,
.image-carousel-slider-arrows .slick-arrow:focus,
.event-image-carousel-slider-arrows .slick-arrow:hover,
.event-image-carousel-slider-arrows .slick-arrow:focus {
background: var(--navy-blue);
border-color: var(--navy-blue);
color: var(--light-grey) !important;
}
@media (max-width: 1599px) {
.case-studies-slider .slide {
width: 22rem;
}
}
@media (max-width: 1399px) {
.case-studies-slider .slide {
width: 19rem;
}
}
@media (max-width: 1199px) {
.case-studies-slider .slide {
width: 18rem;
}
}
@media (max-width: 991px) {
.case-studies-slider-section .main-heading {
margin-bottom: 4rem;
}
.course-block-content p,
.course-price h6 {
margin-bottom: 1.25rem;
}
.case-studies-slider-arrows .slick-prev, .case-studies-slider-arrows .slick-next,
.blog-entry-slider-arrows .slick-prev, .blog-entry-slider-arrows .slick-next {
width: 3rem;
height: 3rem;
line-height: 3rem;
}
.heading-wrapper {
padding-right: 0;
}
.btns-wrapper {
margin-top: 1.5rem;
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.case-studies-slider-section .main-heading {
margin-bottom: 3rem;
}
.case-studies-slider-arrows .slick-prev, .case-studies-slider-arrows .slick-next,
.blog-entry-slider-arrows .slick-prev, .blog-entry-slider-arrows .slick-next,
.collection-carousel-slider-arrows .slick-prev, .collection-carousel-slider-arrows .slick-next,
.image-carousel-slider-arrows .slick-prev, .image-carousel-slider-arrows .slick-next,
.event-image-carousel-slider-arrows .slick-prev, .event-image-carousel-slider-arrows .slick-next {
width: 2.875rem;
height: 2.875rem;
line-height: 2.875rem;
}
.case-studies-slider .slide {
width: 16rem;
}
}
.case-studies-slider-dots .slick-dots,
.blog-entry-slider-dots .slick-dots,
.collection-carousel-slider-dots .slick-dots,
.image-carousel-slider-dots .slick-dots,
.event-image-carousel-slider-dots .slick-dots {
display: flex;
justify-content: center;
padding-left: 0;
margin-bottom: 0;
width: 100%;
height: 8px;
margin-top: 1.7778rem;
background: var(--light-grey);
border-radius: 4px;
}
.case-studies-slider-dots .slick-dots li,
.blog-entry-slider-dots .slick-dots li,
.collection-carousel-slider-dots .slick-dots li,
.image-carousel-slider-dots .slick-dots li,
.event-image-carousel-slider-dots .slick-dots li {
list-style: none;
}
.case-studies-slider-dots .slick-dots li,
.blog-entry-slider-dots .slick-dots li,
.collection-carousel-slider-dots .slick-dots li,
.image-carousel-slider-dots .slick-dots li,
.event-image-carousel-slider-dots .slick-dots li {
line-height: 1;
height: 8px;
flex-grow: 1;
}
.case-studies-slider-dots .slick-dots li:last-child,
.blog-entry-slider-dots .slick-dots li:last-child,
.collection-carousel-slider-dots .slick-dots li:last-child,
.image-carousel-slider-dots .slick-dots li:last-child,
.event-image-carousel-slider-dots .slick-dots li:last-child {
margin-right: 0;
}
.case-studies-slider-dots .slick-dots li button,
.blog-entry-slider-dots .slick-dots li button,
.collection-carousel-slider-dots .slick-dots li button,
.image-carousel-slider-dots .slick-dots li button,
.event-image-carousel-slider-dots .slick-dots li button {
display: flex;
font-size: 0;
width: 100%;
height: 8px;
background: var(--navy-blue);
opacity: 0;
border: 0;
border-radius: 4px;
padding: 0;
transition: all 0.5s ease;
}
.case-studies-slider-dots .slick-dots li.slick-active button,
.case-studies-slider-dots .slick-dots li:hover button,
.blog-entry-slider-dots .slick-dots li.slick-active button,
.blog-entry-slider-dots .slick-dots li:hover button,
.collection-carousel-slider-dots .slick-dots li.slick-active button,
.collection-carousel-slider-dots .slick-dots li:hover button,
.image-carousel-slider-dots .slick-dots li.slick-active button,
.image-carousel-slider-dots .slick-dots li:hover button,
.event-image-carousel-slider-dots .slick-dots li.slick-active button,
.event-image-carousel-slider-dots .slick-dots li:hover button {
opacity: 1;
}
@media (max-width: 991px) {
.case-studies-slider-dots .slick-dots,
.case-studies-slider-dots .slick-dots li,
.case-studies-slider-dots .slick-dots li button,
.blog-entry-slider-dots .slick-dots,
.blog-entry-slider-dots .slick-dots li,
.blog-entry-slider-dots .slick-dots li button,
.collection-carousel-slider-dots .slick-dots,
.collection-carousel-slider-dots .slick-dots li,
.collection-carousel-slider-dots .slick-dots li button,
.image-carousel-slider-dots .slick-dots,
.image-carousel-slider-dots .slick-dots li,
.image-carousel-slider-dots .slick-dots li button,
.event-image-carousel-slider-dots .slick-dots,
.event-image-carousel-slider-dots .slick-dots li,
.event-image-carousel-slider-dots .slick-dots li button {
height: 4px;
}
}
@media (max-width: 767px) {
.case-studies-slider .slide {
margin-right: 1.6rem;
}
}
@media (max-width: 575px) {
.case-studies-slider-dots .slick-dots {
margin-top: 1.333rem;
}
.case-studies-slider .slide {
width: 17rem;
}
}
@media (max-width: 1199px) {
.two-blocks-content-block-inner {
padding: 4rem;
}
}
@media (max-width: 991px) {
.two-blocks-content-block-inner {
border-radius: 2rem;
padding: 3rem;
}
}
@media (max-width: 767px) {
.two-blocks-content-block-inner {
border-radius: 1.333rem;
padding: 3rem;
height: auto;
}
.two-blocks-content-block {
height: auto;
}
.two-blocks-content-wrapper .row .col-md-6:not(:last-child) .two-blocks-content-block {
margin-bottom: 2rem;
}
}
@media (max-width: 575px) {
.two-blocks-content-block-inner {
padding: 3rem 2rem;
}
}
/* Contact Styles */
.contact-info-wrapper {
padding-left: 0.138889rem;
padding-right: 0.138889rem;
}
.contact-info-wrap-outer {
margin-left: -0.138889rem;
margin-right: -0.138889rem;
}
.contact-info {
background: var(--blue);
color: #fff;
text-align: center;
padding: 1.5rem 1.333rem 1.75rem;
}
.contact-info.email-contact {
background: var(--sepia-skin);
}
.contact-info.location {
background: var(--dark-vanilla);
/*color: var(--dark-text);*/
}
p.contact-info-description {
font-size: 0.7778rem;
font-weight: 700;
line-height: 1.4;
}
p.contact-info-description a,
.contact-info h5 {
color: #fff;
font-weight: 700;
}
/*.contact-info.location h5 {
color: #141414;
}*/
p.contact-info-description a:hover,
p.contact-info-description a:focus {
color: var(--orange);
}
/*.contact-info.location p.contact-info-description a {
color: var(--dark-text);
}
.contact-info.location p.contact-info-description a:hover,
.contact-info.location p.contact-info-description a:focus {
color: var(--orange);
}*/
.contact-info-icon {
margin-bottom: 1.5rem;
}
.contact-info-icon a svg path {
transition: all 0.3s ease-out;
}
.contact-info-icon a:hover svg path,
.contact-info-icon a:focus svg path {
stroke: var(--orange);
}
.contact-info .text-small p {
margin-bottom: 1.25rem;
}
@media (max-width: 1399px) {
.contact-info-wrapper {
padding-left: 0;
padding-right: 0;
}
.contact-info-wrap-outer {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 991px) {
.contact-info,
.contact-info-wrapper {
height: 100%;
}
.contact-info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-info-icon {
margin-bottom: 1.25rem;
}
.contact-info .text-small p {
margin-bottom: 1.125rem;
}
}
@media (max-width: 767px) {
.contact-info-wrapper {
margin-top: 2rem;
height: auto;
}
.contact-info-wrap-outer {
margin-top: -2rem;
}
}
h1.title {
font-size: 2.6667rem;
}
.section-heading h2 {
font-size: 2rem;
letter-spacing: -0.04rem;
margin-bottom: 1.333rem;
text-transform: uppercase;
}
p.section-description {
font-size: 1.111rem;
margin-bottom: 0;
}
.section-heading-wrapper {
max-width: 42.6667rem;
}
.section-heading {
margin-bottom: 3.5556rem;
}
@media (max-width: 1199px) {
.section-heading h2 {
font-size: 1.75rem;
}
}
@media (max-width: 991px) {
.section-heading {
margin-bottom: 3rem;
}
.section-heading h2 {
font-size: 1.46667rem;
}
}
@media (max-width: 767px) {
.section-heading {
margin-bottom: 2.6667rem;
}
h1.title {
font-size: 2.4rem;
}
}
.wpcf7-spinner {
position: absolute;
left: 0;
top: 0;
}
.wpcf7-list-item {
margin: 0;
}
.form-element {
margin-bottom: 1.333rem;
}
.form-control {
height: 2.444rem;
border: 1px solid var(--grey);
border-radius: 0.111rem;
padding: 0 0.7778rem;
font-size: 0.8889rem;
}
.form-control:focus {
outline: none;
box-shadow: none;
border-color: var(--orange);
}
.form-element label {
display: block;
margin-bottom: 0.25rem;
color: #424242;
font-size: 0.7778rem;
font-weight: 500;
}
.wpcf7-list-item-label {
font-weight: 500;
}
.wpcf7-list-item label {
margin-bottom: 0;
color: #424242
}
.wpcf7-list-item-label span {
margin-left: 0.25rem;
}
textarea.form-control {
height: 7.444rem;
padding: 0.6667rem 0.7778rem;
}
select.form-control {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 15px center;
}
.wpcf7 form .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
border-width: 1px;
padding: 0.5rem 1rem;
}
.form-element input[type="checkbox"] {
width: 1.111rem;
height: 1.111rem;
vertical-align: middle;
border-radius: 0.3333rem;
border-color: var(--grey);
}
.form-element input[type="radio"] {
width: 1.111rem;
height: 1.111rem;
vertical-align: middle;
}
.form-element .wpcf7-list-item {
display: block;
margin-bottom: 0.625rem;
}
.wpcf7-list-item-label span a {
color: #737373;
}
.wpcf7-list-item-label span a:hover {
color: var(--orange);
}
.wpcf7-radio input[type="radio"], .wpcf7-acceptance input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -1;
}
.wpcf7-radio input[type="radio"] {
z-index: 0;
}
.wpcf7-radio .wpcf7-list-item-label, .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
}
.wpcf7-radio .wpcf7-list-item-label:before, .wpcf7-acceptance .wpcf7-list-item-label:before {
content: '';
background: #fff;
display: inline-block;
vertical-align: middle;
width: 1.5rem;
height: 1.5rem;
padding: 4px;
text-align: center;
margin-top: 1px;
}
.wpcf7-radio .wpcf7-list-item-label:before {
border-radius: 50%;
}
.wpcf7-acceptance .wpcf7-list-item-label:before {
border-radius: 0.3333rem;
border: 1px solid var(--grey);
width: 1.111rem;
height: 1.111rem;
margin-right: 0.5rem;
transition: all 0.3s ease-in;
}
.wpcf7-acceptance .wpcf7-list-item-label:after {
content: '';
position: absolute;
font-size: 20px;
left: 3px;
top: 2px;
color: #fff;
}
.wpcf7-acceptance input[type="checkbox"] + .wpcf7-list-item-label:after {
transition: all 0.3s ease-in;
}
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
content: "\f00c";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 0.7778rem;
vertical-align: middle;
color: var(--navy-blue);
line-height: 1.111rem;
}
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
border-color: var(--orange);
}
.wpcf7-acceptance {
display: block;
}
.wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7-list-item label {
font-family: inherit;
}
button.wpcf7-submit {
width: 100%;
}
.contact-map-heading .section-heading {
max-width: 42.6667rem;
}
.contact-map-wrapper {
position: relative;
padding-bottom: 56.25%;
}
.contact-map-wrapper iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
figure.cta-img {
width: 100%;
height: 100%;
margin-bottom: 0;
}
figure.cta-img > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-block-content {
background: var(--sepia-skin);
color: #fff;
padding: 6.16667rem 3.5556rem;
padding: 4.78rem 3.5556rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.cta-block-content a {
color: #fff;
}
.cta-block-content a:hover,
.cta-block-content a:focus {
color: var(--orange);
}
.cta-block-content h2 {
color: #fff;
}
.cta-block-content .section-heading {
margin-bottom: 2.222rem;
}
a.read-more-link {
font-weight: 700;
font-size: 0.7778rem;
}
a.read-more-link i.fa-solid {
font-size: 0.6667rem;
}
.cta-block-content.blue-block {
background: var(--blue);
}
.cta-block-content.yellow-block {
background: var(--yellow);
}
.cta-block-content.sepia-skin-block {
background: var(--sepia-skin);
}
.cta-block-content.dark-vanilla-block {
background: var(--dark-vanilla);
}
@media (max-width: 1199px) {
.cta-block-content {
padding: 5rem 3.125rem;
}
}
@media (max-width: 991px) {
.cta-block-content {
padding: 4rem 2.6667rem;
}
.cta-block-content .section-heading {
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
figure.cta-img {
max-height: 22rem;
}
.cta-block-content {
padding: 2.6667rem 2.6667rem 3.2rem;
}
.cta-block-content .section-heading {
margin-bottom: 1.75rem;
}
}
@media (max-width: 575px) {
figure.cta-img {
min-height: 16rem;
}
}
/* Support */
.support-box {
background: var(--blue);
color: #fff;
padding: 1.111rem 1.333rem;
text-align: center;
}
.support-box h5 {
color: #fff;
}
.support-box.dark-vanilla h5 {
color: #141414;
}
.support-box.sepia-skin {
background: var(--sepia-skin);
}
.support-box.dark-vanilla {
background: var(--dark-vanilla);
color: var(--dark-text);
}
.support-box.yellow {
background: var(--yellow);
}
a.grey-btn {
background: #F7F7F7;
border-radius: 0.111rem;
padding: 0 1rem;
height: 2.222rem;
line-height: 2.222rem;
display: inline-block;
}
a.grey-btn:hover,
a.grey-btn:focus {
background: var(--orange);
color: #F7F7F7;
}
.block {
padding-left: 0.138889rem;
padding-right: 0.138889rem;
}
.blocks-wrapper {
margin-left: -0.138889rem;
margin-right: -0.138889rem;
}
@media (max-width: 1399px) {
.block {
padding-left: 0;
padding-right: 0;
}
.blocks-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 991px) {
.support-box {
margin-bottom: 2rem;
}
}
/* Image Text Section */
.image-text-content {
margin-top: 5.333rem;
position: relative;
overflow: hidden;
}
.image-text-content.with-bg {
padding: 5.333rem 0;
background: url('../images/image-text-content-bg.jpg') no-repeat top center;
background-size: cover;
}
.image-text-content .row {
align-items: center;
}
.image-text-content.image-on-right .row {
flex-direction: row-reverse;
}
.image-text-content:first-of-type {
margin-top: 0;
}
.image-text-content:nth-of-type(2n) .row {
flex-direction: row-reverse;
}
.text-content .section-heading,
.text-content p {
margin-bottom: 2.6667rem;
}
.text-content.w-wide {
max-width: 36rem;
}
.image-text-content:nth-of-type(2n+1) .text-content {
/* margin-left: auto; */
}
.image-content img {
min-height: 31.111rem;
object-fit: cover;
}
.image-content,
.text-content,
.block-lg {
padding-left: 0.2778rem;
padding-right: 0.2778rem;
}
.image-text-wrapper,
.blocks-lg-wrapper {
margin-left: -0.2778rem;
margin-right: -0.2778rem;
}
.flip-direction .image-text-content .row {
flex-direction: row-reverse;
}
.flip-direction .image-text-content:nth-of-type(2n) .row {
flex-direction: row;
}
@media (max-width: 1399px) {
.image-content,
.text-content,
.block-lg {
padding-left: 0;
padding-right: 0;
}
.image-text-wrapper,
.blocks-lg-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 991px) {
.image-text-content {
margin-top: 4.6667rem;
}
.image-text-content.with-bg {
padding: 4.6667rem 0;
}
.text-content {
max-width: initial;
margin: 2rem 0 0;
}
.image-content img {
width: 100%;
height: 26.6667rem;
}
}
@media (max-width: 767px) {
.image-text-content {
margin-top: 4.26667rem;
}
.image-text-content.with-bg {
padding: 4.26667rem 0;
}
.image-content img {
min-height: 24rem;
}
}
@media (max-width: 575px) {
.image-text-content {
margin: 2.5rem auto 0;
}
.image-content img {
height: 21.333rem;
}
.text-content .section-heading, .text-content p {
margin-bottom: 1.75rem;
}
}
.blog-entry-slider .slick-list {
margin: 0 -0.8889rem;
}
.blog-entry-slider .post-grid-image:before {
padding-bottom: 71.43%;
}
.blog-entry-slider .posts-grid-item,
.blog-entry-slider .post-grid-content {
margin-bottom: 0;
}
.blog-entry-section {
background: url('../images/blog-entry-bg.jpg') no-repeat top center;
}
@media (max-width: 767px) {
.blog-entry-section .section-heading-wrapper {
padding-right: 1rem;
}
}
@media (max-width: 575px) {
.blog-entry-section .section-heading-wrapper {
padding-right: 0;
}
.blog-entry-section .section-heading-wrapper + a.read-more-link {
margin-bottom: 2rem;
display: inline-block;
}
}
.cta-grid {
border-top: 1px solid var(--light-grey);
padding-top: 5.333rem;
}
.cta-grid-block {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.cta-grid-block-img {
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.cta-grid-block-img:before {
content: '';
padding-bottom: 51.28%;
display: block;
}
.cta-grid-block-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.cta-grid-block:hover .cta-grid-block-img img {
transform: scale(1.1);
}
.cta-grid-block-content {
padding: 1.33rem 1.78rem 1.78rem;
background: #F7F7F7;
flex-grow: 1;
}
.cta-grid-block-content h3 {
margin-bottom: 0.89rem;
text-transform: uppercase;
}
.cta-grid-block-content p {
margin-bottom: 1.78rem;
}
@media (max-width: 991px) {
.cta-grid {
padding-top: 4.6667rem;
}
}
@media (max-width: 767px) {
.cta-grid {
padding-top: 4.26667rem;
}
.cta-grid-section .section-heading-wrapper {
padding-right: 1rem;
}
.cta-grid-block {
margin-bottom: 1.75rem;
display: block;
}
.cta-grid-blocks-wrapper {
margin-bottom: -1.75rem;
}
}
@media (max-width: 575px) {
.cta-grid-section .section-heading-wrapper {
padding-right: 0;
}
.cta-grid-section .section-heading-wrapper + a.read-more-link {
margin-bottom: 2rem;
display: inline-block;
}
}
.collection-block {
display: flex;
flex-direction: column;
height: 100%;
}
.collection-block-inner {
padding: 1.33rem 1.78rem 1.78rem;
background: #F7F7F7;
flex-grow: 1;
}
.collection-block h3 {
color: #B7BDBF;
margin-bottom: 1.7rem;
text-transform: uppercase;
}
.collection-block h3 a {
color: #B7BDBF;
}
.collection-block h3 a:hover {
color: var(--orange);
}
.collection-block-img {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.collection-block-img:before {
content: '';
padding-bottom: 69.54%;
display: block;
}
.collection-block-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.collection-carousel .slick-slide {
padding: 0 0.6667rem;
}
.collection-carousel .slick-list {
margin: 0 -0.6667rem;
}
.collection-block:hover .collection-block-img img {
transform: scale(1.1);
}
.collection-carousel .slick-track {
display: flex;
}
.collection-carousel .slide {
height: auto;
}
@media (max-width: 767px) {
.collection-carousel-section .section-heading-wrapper {
padding-right: 1rem;
}
}
@media (max-width: 575px) {
.collection-carousel-section .section-heading-wrapper {
padding-right: 0;
}
.collection-carousel-section .section-heading-wrapper + a.read-more-link {
margin-bottom: 2rem;
display: inline-block;
}
}
/* History Timeline Styles */
.timeline {
position: relative;
width: 100%;
}
.timeline .timeline-container {
position: relative;
width: 100%;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
position: relative;
width: 100%;
text-align: center;
z-index: 1;
}
.timeline .timeline-end:after {
content: '';
position: absolute;
top: -3rem;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 2rem;
background: var(--taupe-mink);
}
.timeline .timeline-end .title,
.timeline .timeline-start .title,
.timeline .timeline-year .title {
text-transform: uppercase;
}
.timeline .timeline-end .title span:first-child,
.timeline .timeline-start .title span:first-child,
.timeline .timeline-year .title span:first-child {
text-align: right;
padding-right: 1rem;
margin-left: -27px;
width: 50%;
display: inline-block;
}
.timeline .timeline-year {
margin: 5.33rem 0 2.5rem;
}
.timeline .timeline-year:first-child {
margin-top: 0;
}
.timeline .timeline-continue {
position: relative;
width: 100%;
}
.timeline-continue .row + .row {
margin-top: -3.8889rem;
}
.timeline .row.timeline-right {
justify-content: flex-end;
}
.timeline .row {
position: relative;
}
.timeline .timeline-box {
position: relative;
display: flex;
flex-direction: row-reverse;
margin-right: 3.56rem;
}
.row.timeline-right .timeline-box {
flex-direction: row-reverse;
margin-left: 3.56rem;
margin-right: 0;
}
.timeline-content {
width: 50%;
padding: 1.33rem 1.78rem 1.78rem;
background: #F7F7F7;
flex-grow: 1;
}
.timeline .timeline-box figure {
width: 50%;
flex-grow: 1;
}
.timeline .timeline-box figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.timeline .timeline-box .timeline-text {
position: relative;
}
.timeline .timeline-text .title h2 {
font-size: 1.333rem;
font-weight: 700;
margin-bottom: 0.8889rem;
text-transform: uppercase;
}
.timeline-heading-description {
max-width: 42.6667rem;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 9;
margin-bottom: 5.333rem;
overflow: hidden;
}
.timeline-heading-description p {
margin-bottom: 0;
}
.timeline .timeline-start .timeline-heading-description + .row {
top: 0;
}
.timeline .timeline-start .timeline-content {
text-align: left;
}
figure.title-img,
.timeline-year .section-heading {
margin-bottom: 1.333rem;
}
figure.title-img img {
width: 5.9444rem;
height: 5.9444rem;
}
@media (max-width: 1199px) {
.timeline .timeline-box figure {
flex-grow: 1;
}
.timeline .timeline-box figure img {
height: 100%;
object-fit: cover;
}
}
@media (max-width: 991px) {
.timeline .timeline-box {
display: block;
margin-right: 2rem;
}
.timeline .timeline-box figure,
.timeline-content {
width: 100%;
}
.row.timeline-right .timeline-box {
margin-left: 2rem;
}
.timeline .timeline-box figure img {
height: 20rem;
width: 100%;
}
.timeline-continue .row + .row {
margin-top: -10rem;
}
}
@media (max-width: 767px) {
.timeline-continue .row + .row {
margin-top: 2rem;
}
.timeline .timeline-box figure {
margin-bottom: 0;
}
.timeline .timeline-box figure {
flex-grow: initial;
}
.timeline .row.timeline-right {
overflow: hidden;
}
}
/* Custome Scrollbar */
.timeline-continue {
height: 43.8889rem;
overflow-y: auto;
overflow-x: hidden;
}
.ssb_down {
background-color: var(--navy-blue);
bottom:0;
cursor:pointer;
position:absolute;
right: calc(50% - 4px);
border-radius: 0.222rem;
display: none;
height: 0;
}
.ssb_sb {
background-color: var(--navy-blue);
cursor:pointer;
position:absolute;
right: calc(50% - 4px);
border-radius: 0.222rem;
margin-top: -8px;
margin-bottom: -8px;
}
.ssb_sb_down {
background-color: var(--navy-blue);
}
.ssb_sb_over {
background-color: var(--navy-blue);
}
.ssb_st {
background-color: #dedede;
cursor:pointer;
height: calc(100% - 16px);
position:absolute;
right: calc(50% - 4px);
top:0;
border-radius: 0.222rem;
}
.ssb_up {
background-color: var(--navy-blue);
cursor:pointer;
position:absolute;
right: calc(50% - 4px);
top:0;
border-radius: 0.222rem;
display: none;
height: 0;
}
.timeline-continue-wrapper {
height:100%;
position:relative;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.timeline-continue::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.timeline-continue {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
@media (max-width: 767px) {
.timeline .timeline-box {
margin-right: 0;
}
.row.timeline-right .timeline-box {
margin-left: 0;
}
.ssb_sb,
.ssb_st,
.ssb_up,
.ssb_down {
display: none;
}
.timeline-continue {
overflow: visible !important;
position: initial !important;
height: auto !important;
}
}
.detail-block {
background: #F7F7F7;
height: 100%;
padding: 1.333rem 1.7778rem;
}
.detail-block-inner-wrap {
display: none;
}
.detail-block-inner-wrap.active {
display: block;
}
figure.detail-img {
margin-bottom: 1.333rem;
}
.detail-block-content h5 {
margin-bottom: 0.8889rem;
text-transform: uppercase;
}
.detail-block-content p {
margin-bottom: 1.333rem;
}
/* Room Floorplan styles */
#floor-plan {
width: 76%;
padding-top: 120%;
position:relative;
margin: 0 auto 1.333rem;
background-image: url('../images/icon-map.svg');
background-size: cover;
}
#floor-plan span, #floor-plan a {
position: absolute;
text-decoration: none;
}
#floor-plan a:before {
content:"";
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#floor-plan a:after,
#floor-plan a span:after {
left: -0.222rem;
top: -0.222rem;
width: calc(100% + 0.444rem);
height: calc(100% + 0.444rem);
}
.toilets {
left: 17%;
top: 0;
width: 32%;
height: 6.5%;
}
.carr-maritime-galery {
left: 17%;
top: 6%;
width: 32%;
height: 28.5%;
}
.ringdal {
left: 32%;
top: 40%;
width: 17%;
height: 13%;
}
.strand {
left: 48%;
top: 40%;
width: 23%;
height: 7%;
}
.larsen {
left: 16%;
top: 40%;
width: 17.5%;
height: 13%;
}
.forge {
left: 60%;
top: 46%;
width: 11%;
height: 7%;
}
.fullerton {
left: 16%;
top: 52%;
width: 24.5%;
height: 15%;
}
.allardyce {
left: 40%;
top: 52.5%;
width: 30%;
height: 14%;
}
.main-entrance {
left: 10%;
top: 67%;
width: 7%;
height: 7%;
}
.bonner {
left: 16%;
top: 66%;
width: 31%;
height: 11%;
}
.prince {
left: 16%;
top: 76%;
width: 26%;
height: 10%;
}
.jarvice {
left: 16%;
top: 85%;
width: 18%;
height: 9.5%;
}
.safe {
left: 16%;
top: 94%;
width: 18%;
height: 6%;
border-radius: 0 0 2.6667rem 2.6667rem;
overflow: hidden;
}
.shop {
left: 53.5%;
top: 80%;
width: 11%;
height: 3%;
}
span.d1 {
left: -31%;
top: 97%;
right: 0;
height: 102%;
width: 179%;
}
span.d2 {
left: -183%;
top: 200%;
right: -55%;
height: 290%;
}
#floor-plan a:hover, #floor-plan a:hover span, #floor-plan a:hover:before, #floor-plan a:hover span:before,
#floor-plan a.active, #floor-plan a.active span, #floor-plan a.active:before, #floor-plan a.active span:before {
background:rgba(242,146,0, 0.4);
background:rgba(0,0,0,0.4);
}
#floor-plan a.shop:hover:before,
#floor-plan a.shop.active:before {
background: transparent;
}
#floor-plan b {
position: absolute;
left: -999em;
opacity: 0;
transition: opacity .3s ease;
position: initial;
font-size: 0;
}
#floor-plan a:hover b,
#floor-plan a.active b {
opacity:1;
left:1em;
top:1em;
white-space:nowrap;
padding:5px 10px;
color:#000;
background:rgba(255,255,255,0.8);
font-weight: 300;
padding: 0;
}
#floor-plan a.shop:hover b {
top:200%;
left:-240%;
}
.clickable-floorplan-section .row {
flex-direction: row-reverse;
}
@media (max-width: 1399px) {
span.d2 {
top: 199%;
}
}
@media (max-width: 767px) {
.detail-block {
height: auto;
margin-top: 2rem;
}
#floor-plan {
width: 90%;
padding-top: 142.5%;
}
.safe {
top: 94%;
}
.jarvice {
top: 85%;
}
.main-entrance {
top: 67%;
}
.shop {
top: 80%;
}
#floor-plan a.shop:hover, #floor-plan a.shop.active {
top: 80%;
}
}
@media (max-width: 575px) {
span.d2 {
right: -55%;
}
}
.collection-carousel-section.with-popup .modal,
.three-blocks-wrapper-section .modal,
.modal.image-modal {
background: rgba(52, 64, 84, 0.70);
backdrop-filter: blur(8px);
}
.collection-carousel-section.with-popup .modal-content,
.modal.image-modal .modal-content {
border-radius: 0.6667rem;
padding: 3.111rem;
}
.collection-carousel-section.with-popup .modal-header,
.collection-carousel-section.with-popup .modal-body,
.three-blocks-wrapper-section .modal-header,
.three-blocks-wrapper-section .modal-body,
.modal.image-modal .modal-header,
.modal.image-modal .modal-body {
border: 0;
padding: 0;
}
.modal.image-modal .modal-header {
position: absolute;
right: 1.5rem;
top: 1.5rem;
}
.collection-carousel-section.with-popup .modal-header .btn-close:focus,
.three-blocks-wrapper-section .modal-header .btn-close:focus,
.modal.image-modal .modal-header .btn-close:focus {
box-shadow: none;
}
.modal-header-wrapper {
max-width: 42.6667rem;
margin-bottom: 3.5556rem;
}
.modal.image-modal .modal-body img {
display: block;
margin: 0 auto;
}
@media (max-width: 1399px) {
.collection-carousel-section.with-popup .modal-content,
.modal.image-modal .modal-content {
padding: 2.352rem;
}
.modal.image-modal .modal-header {
position: absolute;
right: 1rem;
top: 1rem;
}
}
@media (max-width: 991px) {
.collection-carousel-section.with-popup .modal-content,
.modal.image-modal .modal-content {
padding: 2rem;
}
.modal-header-wrapper {
margin-bottom: 2.6667rem;
}
.modal.image-modal .modal-header {
position: absolute;
right: 0.75rem;
top: 0.75rem;
}
}
@media (max-width: 767px) {
.modal.image-modal .modal-header {
position: absolute;
right: 0.5rem;
top: 0.5rem;
}
}
@media (max-width: 575px) {
.collection-carousel-section.with-popup .modal-dialog {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.modal-header-wrapper {
margin-bottom: 2rem;
}
}
.team-block-wrapper {
padding-top: 1.7778rem;
margin-top: 5.333rem;
border-top: 1px solid var(--light-grey);
}
.team-block,
.partner-block {
margin-top: 3.5556rem;
}
.team-block h5,
.partner-block h5 {
text-transform: uppercase;
}
.team-block .row {
align-items: center;
}
figure.team-mem-img,
figure.partner-img {
position: relative;
overflow: hidden;
}
figure.team-mem-img:before,
figure.partner-img:before {
content: '';
display: block;
padding-bottom: 100%;
}
figure.partner-img:before {
padding-bottom: 94.6%;
}
figure.team-mem-img > img,
figure.partner-img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.team-block-wrapper {
margin-top: 4.6667rem;
}
.team-block,
.partner-block {
margin-top: 3rem;
}
}
@media (max-width: 767px) {
.team-block-wrapper {
margin-top: 4.26667rem;
padding-top: 2.5333rem;
}
.team-block,
.partner-block {
margin-top: 1.8rem;
}
}
.page-not-found-banner figure {
position: relative;
overflow: hidden;
}
.page-not-found-banner figure:before {
content: '';
display: block;
padding-bottom: 92.5%;
}
.page-not-found-banner figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-not-found-banner .row {
align-items: center;
}
.page-not-found-banner h6 {
color: var(--orange);
font-size: 0.88889rem;
font-weight: 600;
line-height: 1.333rem;
}
.page-not-found-banner h1 {
font-size: 3.333rem;;
font-weight: 600;
letter-spacing: -0.06667rem;
}
.page-not-found-banner p {
max-width: 23rem;
}
.page-not-found-banner a.btn + a.btn {
margin-left: 0.67rem;
}
@media (max-width: 991px) {
.page-not-found-banner h1 {
font-size: 2.5rem;
}
}
@media (max-width: 767px) {
.page-not-found-banner h1 {
font-size: 2rem;
}
.page-not-found-banner figure {
margin-top: 2rem;
}
}
@media (max-width: 575px) {
.page-not-found-banner a.btn {
display: block;
}
.page-not-found-banner a.btn + a.btn {
margin-left: 0;
margin-top: 0.67rem;
}
}
.quote-section {
background: url('../images/quote-bg.jpg') no-repeat top center;
background-size: cover;
}
.quote-section .text-small p {
line-height: 1.3;
}
.quote-section h3.h3 {
margin-bottom: 1.7778rem;
font-weight: 600;
}
.quote-section h5 {
text-transform: uppercase;
font-weight: 700;
}
.quote-detail,
.quote-main,
.collection-donate-block {
padding-left: 0.2778rem;
padding-right: 0.2778rem;
}
.quote-wrapper,
.collection-donate-blocks {
margin-left: -0.2778rem;
margin-right: -0.2778rem;
}
@media (max-width: 991px) {
.quote-detail,
.quote-main,
.collection-donate-block {
padding-left: 0;
padding-right: 0;
}
.quote-wrapper,
.collection-donate-blocks {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.quote-detail {
margin-bottom: 2rem;
}
.quote-section h3.h3 {
margin-bottom: 1.5rem;
}
}
.collection-dontae-section {
background: url('../images/collection-donate-section-bg.jpg') no-repeat top center;
background-size: cover;
}
.collection-donate-block {
position: relative;
}
.collection-dontate-img {
position: relative;
overflow: hidden;
}
.collection-dontate-img:before {
content: '';
display: block;
padding-bottom: 78.125%;
}
.collection-dontate-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.donate-content {
position: absolute;
right: 0;
bottom: 0;
width: 52.0833%;
/* height: 65.777%; */
background: #fff;
padding: 1.33rem 1.78rem 1.78rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.donate-content h3 {
margin-bottom: 0.89rem;
text-transform: uppercase;
}
.donate-content p {
margin-bottom: 1.78rem;
}
@media (max-width: 991px) {
.donate-content {
padding: 1rem 1.333rem 1.33rem;
width: 62%;
}
.donate-content p {
margin-bottom: 1rem;
}
}
@media (max-width: 767px) {
.donate-content {
position: initial;
width: 100%;
display: block;
padding: 1.5rem;
}
.collection-dontate-img {
margin-bottom: 0;
}
.collection-donate-block {
margin-bottom: 2rem;
}
.collection-dontate-img:before {
padding-bottom: 58.30%;
}
}
.image-carousel .slick-slide {
padding: 0 0.6667rem;
}
.image-carousel .slick-list {
margin: 0 -0.6667rem;
}
.carousel-thumb {
position: relative;
overflow: hidden;
}
.carousel-thumb:before {
content: '';
display: block;
padding-bottom: 92.31%;
}
.carousel-thumb > a,
.carousel-thumb > a > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.carousel-thumb > a:hover > img {
transform: scale(1.1);
}
.video-container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-bottom: 56.25%;
height: 0;
background: var(--navy-blue);
}
.video-container > img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-container:hover {
cursor: pointer;
}
.embed-responsive {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
}
.embed-responsive iframe {
display: block;
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
}
.play-button {
position: absolute;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
border: none;
color: #fff;
transition: all 0.3s ease-in-out;
width: 14%;
}
.video-container:hover .play-button {
color: #fff;
}
.play-button svg {
width: 100%;
height: auto;
}
.yt-lazyload-playbtn, .vi-lazyload-playbtn {
background-image: url('data:image/svg+xml,');
background-size: calc(2px + 8%);
transition: all 0.3s ease-in;
}
.yt-lazyload-playbtn:hover, .vi-lazyload-playbtn:hover {
background-image: url('data:image/svg+xml,');
background-size: calc(2px + 8%);
}
.yt-lazyload-content, .vi-lazyload-content {
background-color: initial;
}
img.video-cover-image {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-content video {
width: 100%;
height: auto;
display: block;
}
.three-blocks-wrapper .col {
width: 25%;
flex: 0 0 auto;
}
/*.three-blocks-wrapper .col:nth-of-type(6n+3), .three-blocks-wrapper .col:nth-of-type(8n+4),
.three-blocks-wrapper .col:nth-of-type(9n+9), .three-blocks-wrapper .col:nth-of-type(10n+10) {
width: 50%;
}*/
.three-blocks-wrapper .col:nth-of-type(6n+3), .three-blocks-wrapper .col:nth-of-type(6n+4) {
width: 50%;
}
/*.three-blocks-wrapper .row:nth-of-type(2n) {
flex-direction: row-reverse;
}*/
p.additional-info {
font-size: 0.7778rem;
}
figure.three-blocks-img {
margin-bottom: 0;
}
figure.three-blocks-img {
display: block;
position: relative;
width: 100%;
height: 20rem;
}
figure.three-blocks-img a img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.three-blocks-block {
display: flex;
height: 20rem;
}
.quote-entry-wrapper {
background: var(--navy-blue);
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 2rem;
width: 100%;
height: 100%;
}
.quote-entry-wrapper h3,
.quote-entry-wrapper h5,
.quote-entry-wrapper h5 a {
color: #fff;
}
.quote-entry-wrapper h5 a {
text-transform: uppercase;
}
.quote-entry-wrapper h5 a:hover,
.quote-entry-wrapper h5 a:focus {
color: var(--orange);
}
.wrap-modal-slider {
opacity: 0;
transition: all 0.3s;
}
.wrap-modal-slider.open {
opacity: 1;
}
.slide-img {
position: relative;
overflow: hidden;
}
.slide-img:before {
content: '';
display: block;
padding-bottom: 90.90%;
}
.slider-for .slide-img:before {
padding-bottom: 48.6111%;
}
.slide-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.slider-for .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.444rem;
height: 2.444rem;
line-height: 2.444rem;
text-align: center;
background: #fff;
color: var(--navy-blue);
z-index: 1;
}
.slider-for .slick-arrow:hover,
.slider-for .slick-arrow:focus {
background: var(--navy-blue);
color: #fff;
}
.slider-for .slick-arrow.slick-prev {
left: 1.111rem;
}
.slider-for .slick-arrow.slick-next {
right: 1.111rem;
}
.three-blocks-wrapper-section .modal-content {
border-radius: 0.6667rem;
padding: 1.333rem;
}
.slider-nav figure.slide-img {
margin-bottom: 0;
}
.slider-nav .slide {
padding: 0 0.555rem;
}
.slider-nav .slick-list {
margin: 0 -0.555rem;
}
.slider-nav .slide.slick-current.slick-active figure.slide-img {
border: 0.27778rem solid var(--yellow);
background: #fff;
}
.slider-nav .slide.slick-active figure.slide-img img {
transition: all 0.3s ease-in;
}
.slider-nav .slide.slick-current.slick-active figure.slide-img img {
width: calc(100% - 1.111rem);
height: calc(100% - 1.111rem);
left: 0.5556rem;
top: 0.5556rem;
}
@media (max-width: 1399px) {
.quote-entry-wrapper {
padding: 1.111rem;
}
.three-blocks-block, figure.three-blocks-img {
height: 16rem;
}
}
@media (max-width: 991px) {
.three-blocks-wrapper .col {
width: 50% !important;
}
.slider-nav .slide.slick-current.slick-active figure.slide-img img {
width: calc(100% - 0.4rem);
height: calc(100% - 0.4rem);
left: 0.2rem;
top: 0.2rem;
}
}
@media (max-width: 767px) {
.three-blocks-block {
display: block;
}
}
@media (max-width: 575px) {
.three-blocks-wrapper .col {
width: 100% !important;
}
}
.modal-quote {
background: var(--sepia-skin);
color: #fff;
padding: 3rem 0;
}
.modal-quote-inner-wrap {
max-width: 52.8889rem;
margin-left: auto;
margin-right: auto;
}
.modal-quote h2 {
color: #fff;
font-size: 2rem;
font-weight: 600;
letter-spacing: -0.04rem;
}
.modal-quote h5 {
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.quote-entry-wrapper.dark-vanilla {
background: var(--dark-vanilla);
}
@media (max-width: 1199px) {
.modal-quote {
padding: 2rem 1.5rem;
}
}
@media (max-width: 767px) {
.modal-quote {
padding: 1.11rem;
}
.modal-quote h2 {
font-size: 1.75rem;
}
}
.location-infos-wrapper,
.location-map-wrapper {
padding-left: 0.5556rem;
padding-right: 0.5556rem;
}
.location-info-map-wrapper {
margin-left: -0.5556rem;
margin-right: -0.5556rem;
}
.location-info-map-wrapper .row {
flex-direction: row-reverse;
}
.location-map-wrapper {
position: sticky;
top: 6.5rem;
}
.location-info {
padding: 1.78rem;
background: #F7F7F7;
backdrop-filter: blur(12px);
}
.location-info h3 {
margin-bottom: 0.8889rem;
text-transform: uppercase;
}
.location-info p {
margin-bottom: 1.78rem;
}
.location-info-img,
.location-map-img {
position: relative;
overflow: hidden;
}
.location-info-img:before,
.location-map-img:before {
content: '';
display: block;
padding-bottom: 69.25%;
}
.location-map-img:before {
padding-bottom: 146.29%;
}
.location-info-img > img,
.location-map-img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/*.location-infos-wrapper-inner .location-info-wrapper:not(:last-child) {
margin-bottom: 10.2777rem;
}*/
.location-info-wrapper {
margin-bottom: 100vh;
}
.location-infos-main-wrapper {
height: 100%;
position: relative;
}
/*.location-infos-wrapper-inner {
-ms-overflow-style: none;
scrollbar-width: none;
height: 43.8889rem;
overflow-y: auto;
overflow-x: hidden;
}*/
/*.location-infos-wrapper-inner .ssb_sb,
.location-infos-wrapper-inner .ssb_st {
right: -2.222rem;
}
.location-infos-wrapper-inner .ssb_st {
height: 58.6667rem !important;
}*/
.location-map {
position: relative;
}
.location-map a.map-point {
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background: #FA5833;
}
.location-map a.map-point:hover,
.location-map a.map-point.visible {
background: var(--navy-blue);
}
a.map-point-1 {
right: 21.5%;
top: 20.25%;
}
a.map-point-2 {
right: 28.5%;
top: 19%;
}
a.map-point-3 {
right: 24%;
top: 20.5%;
}
a.map-point-4 {
right: 71.5%;
top: 87%;
}
a.map-point-5 {
right: 51%;
top: 89%;
}
@media (max-width: 991px) {
.location-infos-wrapper,
.location-map-wrapper {
padding-left: 0;
padding-right: 0;
}
.location-info-map-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.location-infos-wrapper-inner .location-info-wrapper:not(:last-child),
.location-map-wrapper {
margin-bottom: 3rem;
}
.location-infos-wrapper-inner {
height: auto;
overflow: visible !important;
position: static !important;
}
}
/* single event styles */
figure.event-hero-img {
position: relative;
height: 100vh;
overflow: hidden;
}
figure.event-hero-img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1199px) {
figure.event-hero-img {
height: auto;
}
figure.event-hero-img:before {
content: '';
display: block;
padding-bottom: 56.25%;
}
}
.event-hero-content-section h1.h2 {
color: var(--event-color);
}
.section-heading h1.h2 {
font-size: 2rem;
letter-spacing: -0.04rem;
margin-bottom: 1.333rem;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.event-hero-content-section h1.h2 {
font-size: calc(1.275rem + .75vw);
}
}
.event-hero-content-section {
background: url('../images/event-intro-section-bg.jpg') no-repeat top center;
font-size: 1.2rem;
}
.event-hero-content-section .image-caption p {
margin-bottom: 0;
font-weight: 700;
}
.event-main-image,
.event-location-map-img {
position: relative;
overflow: hidden;
}
.event-main-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.event-main-image:before,
.event-location-map-img:before {
content: '';
display: block;
padding-bottom: 56.25%;
}
.event-location-map-img:before {
padding-bottom: 70.86%;
}
section.event-image-section {
overflow-x: hidden;
}
.event-main-image > img,
.event-location-map-img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.event-main-image-wrapper {
position: relative;
}
.text-overlay-wrapper {
position: absolute;
bottom: 2.222rem;
width: 100%;
}
.text-overlay {
background: var(--event-color);
color: #fff;
padding: 4rem;
border-radius: 0.6667rem;
}
.text-overlay h3 {
color: #fff;
text-transform: uppercase;
}
.text-overlay p {
margin-bottom: 2.222rem;
}
.text-overlay a.read-more-link {
color: #fff;
}
.text-overlay a.read-more-link:hover,
.text-overlay a.read-more-link:focus {
color: var(--navy-blue);
}
.event-main-image-wrapper figcaption p {
margin-bottom: 0;
}
.caption-wrapper {
position: absolute;
width: 100%;
bottom: 2.222rem;
}
.event-main-image-wrapper figcaption {
background: var(--event-color);
color: #fff;
border-radius: 0.66667rem;
overflow: hidden;
padding: 1.78rem;
position: relative;
z-index: 1;
}
.event-location-map-section,
.image-column-section,
.page-nagivation-section {
background: url('../images/event-intro-section-bg.jpg') no-repeat top center var(--event-color);
background-blend-mode: multiply;
}
.event-location-map-img {
border-radius: 0.66667rem;
overflow: hidden;
}
.event-location-list-wrapper {
height: 100%;
}
.event-location-list {
background: #fff;
border-radius: 0.66667rem;
padding: 1.333rem;
list-style: none;
height: 100%;
max-height: 33.4738889rem;
overflow: auto;
}
.event-location-list > li {
border-bottom: 1px solid var(--light-grey);
padding-bottom: 0.6667rem;
margin-bottom: 0.6667rem;
padding-left: 2.444rem;
position: relative;
}
.event-location-list > li:last-of-type {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.event-location-list li span.list-num {
border-radius: 50%;
width: 1.5556rem;
height: 1.5556rem;
line-height: 1.5556rem;
background: var(--event-color);
color: #fff;
text-align: center;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
font-size: 0.7778rem;
}
.event-location-list > li ol {
margin-top: 1rem;
}
.event-location-list > li ol li {
list-style-type: lower-alpha;
}
@media (max-width: 1599px) {
.event-location-list {
max-height: 35.4505rem;
}
}
@media (max-width: 1399px) {
.event-location-list {
max-height: 31rem;
}
}
@media (max-width: 1199px) {
.event-location-list {
max-height: 28rem;
}
}
@media (max-width: 991px) {
.text-overlay p {
margin-bottom: 1.5rem;
}
.event-main-image-wrapper figcaption,
.event-location-list {
padding: 1.5rem;
}
.event-location-list {
max-height: 23rem;
}
.text-overlay {
padding: 3rem;
}
}
@media (max-width: 767px) {
.text-overlay-wrapper {
position: initial;
max-width: initial;
margin: 2rem 0;
}
.text-overlay {
padding: 2rem;
}
.text-overlay p {
margin-bottom: 1.5rem;
}
.event-main-image-wrapper figcaption,
.text-overlay {
padding: 1.25rem;
border-radius: 0.5rem;
}
.event-location-map-img,
.event-location-list {
border-radius: 0.5rem;
}
.event-location-list {
padding: 1.25rem;
}
.event-location-list-wrapper {
height: auto;
}
.event-location-list {
max-height: initial;
}
}
.big-quote-wraper {
background: url('../images/event-intro-section-bg.jpg') no-repeat top center;
border-radius: 0.6667rem;
}
.big-quote-wraper blockquote {
color: var(--event-color);
}
.big-quote-wraper blockquote p {
color: var(--event-color);
/*font-size: 1.7778rem;*/
font-size: 1rem;
font-weight: 400;
}
.big-quote-wraper .wp-block-quote {
border-left: 2px solid var(--event-color);
margin: 1rem 0;
}
.big-quote-wraper .wp-block-quote cite {
text-transform: none;
font-size: 0.8889rem;
padding-top: 0.7778rem;
}
span.qoute-author {
font-weight: 600;
}
@media (max-width: 1199px) {
.big-quote-wraper {
padding-left: 2rem;
padding-right: 2rem;
}
.big-quote-wraper blockquote p {
font-size: 1.333rem;
}
}
@media (max-width: 991px) {
.big-quote-wraper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (max-width: 767px) {
.big-quote-wraper {
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.5rem;
}
}
.small-quote-wraper {
background: url('../images/event-intro-section-bg.jpg') no-repeat top center;
background-blend-mode: multiply;
color: #fff;
border-radius: 0.6667rem;
padding-left: 1.78rem;
padding-right: 1.78rem;
position: relative;
overflow: hidden;
}
.small-quote-wraper:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, var(--event-color) 0%, var(--event-color) 100%);
opacity: 0.7;
}
.small-quote-wraper .wp-block-quote,
.small-quote-wraper .wp-block-quote cite {
border: 0;
margin: 0;
position: relative;
}
.small-quote-wraper .wp-block-quote cite {
font-size: 0.77778rem;
padding: 0;
text-transform: none;
}
.small-quote-wraper .wp-block-quote p {
color: #fff;
margin-left: 0;
font-size: 1rem;
font-weight: 400;
}
.event-location-detail-section {
background: var(--event-color);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: none;
}
.event-location-detail-section.active {
display: block;
}
.event-location-detail-section-inner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.event-location-detail-section-inner-inner {
padding-top: 5rem;
flex-grow: 1;
}
.event-location-detail-wrapper {
border-radius: 0.6667rem;
position: relative;
overflow: hidden;
}
a.event-location-close {
position: absolute;
right: 1rem;
top: 0.75rem;
z-index: 1;
font-size: 1rem;
}
ul.event-location-detail-list li p.img-description {
margin-bottom: 2.6667rem;
}
ul.event-location-detail-list li p.img-description span {
font-size: 0.7778rem;
font-weight: 700;
margin-bottom: 1rem;
}
ul.event-location-detail-list {
padding-left: 0;
}
ul.event-location-detail-list li {
list-style: none;
margin-bottom: 2rem;
}
ul.event-location-detail-list li:last-child {
margin-bottom: 0;
}
ul.event-location-detail-list li .section-heading h2 {
color: var(--event-color);
}
ul.event-location-detail-list li figure {
position: relative;
overflow: hidden;
}
ul.event-location-detail-list li figure > a {
display: block;
}
ul.event-location-detail-list li figure > a > img {
transition: all 0.3s ease-out;
}
ul.event-location-detail-list li figure > a:hover > img {
opacity: 0.75;
}
ul.event-location-detail-list li figure figcaption {
margin-top: 0.8889rem;
font-size: 0.7778rem;
font-weight: 700;
}
figure.event-location-detail-main-img {
overflow: hidden;
position: sticky;
top: 0;
transform: translate(0);
margin: 0;
position: relative;
padding-bottom: 72%;
}
figure.event-location-detail-main-img img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}
.event-location-detail-container {
position: relative;
height: 100%;
}
.event-location-detail {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
overflow: auto;
background: #fff;
padding: 3rem;
}
.event-location-detail .wp-caption {
width: 100% !important;
}
@media (max-width: 1399px) {
.event-location-detail {
padding: 2.3529rem;
}
}
@media (max-width: 991px) {
.event-location-detail {
padding: 2rem;
}
ul.event-location-detail-list li p.img-description {
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
.event-location-detail-wrapper {
height: 80vh;
overflow: auto;
}
.event-location-detail {
position: static;
padding: 1.5rem;
}
}
.event-text-heading h2.h1,
.event-text-heading h2 {
text-transform: uppercase;
color: var(--event-color);
}
.event-text-section {
background: var(--event-color);
color: #fff;
}
.event-text-section a.btn {
background: #fff;
color: var(--event-color);
}
.event-text-section a.btn:hover,
.event-text-section a.btn:focus {
background: var(--navy-blue) !important;
border-color: var(--navy-blue) !important;
color: #fff !important;
}
.resource-wrapper {
border-radius: 0.6667rem;
padding: 1.78rem;
background: #F5F5F5;
margin-top: 2.667rem;
}
.resource-section .section-heading h2,
.resource-section h6,
.bibliography-section .section-heading h2,
.bibliography-section h6 {
color: var(--event-color);
text-transform: uppercase;
}
.resource-section h6,
.bibliography-section h6 {
margin-bottom: 1.333rem;
}
ul.resources-list {
border-radius: 0;
font-weight: 400;
font-size: 0.7778rem;
}
ul.resources-list li {
padding: 1.06rem 0.78rem;
border-color: var(--light-grey);
}
ul.resources-list li a.read-more-link,
.sources-table table a.read-more-link {
font-weight: 400;
color: var(--event-color);
}
ul.resources-list li a.read-more-link:hover,
ul.resources-list li a.read-more-link:focus,
.sources-table table a.read-more-link:hover,
.sources-table table a.read-more-link:focus {
color: var(--navy-blue);
}
@media (max-width: 767px) {
.resource-wrapper {
border-radius: 0.5rem;
margin-top: 2rem;
}
}
@media (max-width: 575px) {
ul.resources-list li a.read-more-link {
padding-left: 1rem;
}
}
.bibliography-content {
margin-bottom: 2.6667rem;
}
.sources-table table {
font-size: 0.7778rem;
font-weight: 400;
}
.sources-table table thead tr th {
color: #B5B5B5;
}
.sources-table table tr td:not(:last-child) {
width: 28.913%;
}
.sources-table table a.read-more-link {
font-weight: 400;
}
.sources-table .table>:not(caption)>*>* {
padding: 0.8889rem 0.8889rem 0.8889rem 0;
border-color: var(--light-grey);
}
.sources-table .table>tbody>tr>td:last-of-type {
padding-right: 0;
width: 6.8333%;
}
.sources-table-wrapper + .sources-table-wrapper {
margin-top: 2.6667rem;
}
@media (max-width: 575px) {
.bibliography-content {
margin-bottom: 1.75rem;
}
.sources-table-wrapper + .sources-table-wrapper {
margin-top: 1.75rem;
}
}
.image-column-wrapper {
margin-left: -0.6667rem;
margin-right: -0.6667rem;
display: flex;
}
.image-column {
flex-grow: 1;
width: 100%;
padding-left: 0.6667rem;
padding-right: 0.6667rem;
}
.image-column figure {
margin-bottom: 0.5rem;
position: relative;
overflow: hidden;
height: 34rem;
}
.image-column figure > a,
.image-column figure > a > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.image-column figure > a:hover > img {
transform: scale(1.1);
}
.image-column-section {
color: #fff;
}
.image-column h6 {
margin-bottom: 0;
color: #fff;
font-size: 0.90rem;
font-weight: 500;
line-height: 1.2rem;
}
@media (max-width: 1399px) {
.image-column figure {
height: 32rem;
}
}
@media (max-width: 1199px) {
.image-column figure {
height: 28rem;
}
}
@media (max-width: 991px) {
.image-column figure {
height: 26rem;
}
}
@media (max-width: 767px) {
.image-column figure {
height: 22rem;
}
}
@media (max-width: 575px) {
.image-column-wrapper {
display: block;
}
.image-column,
.image-column-wrapper.two-columned .image-column {
width: 100%;
}
.image-column + .image-column {
margin-top: 1.333rem;
}
.image-column figure {
height: auto;
}
.image-column figure img {
position: static;
width: 100%;
height: auto;
object-fit: initial;
}
}
.page-navigation-wrap {
border-radius: 3.333rem;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding: 1.333rem;
display: flex;
justify-content: space-between;
}
nav.post-navigation {
width: 100%;
}
.nav-links {
display: flex;
justify-content: space-between;
}
.page-navigation-wrap a {
color: var(--event-color);
font-size: .8rem;
font-weight: 700;
}
.page-navigation-wrap a > i {
font-size: 0.625rem;
}
.page-navigation-wrap a:hover,
.page-navigation-wrap a:focus {
color: var(--navy-blue);
}
.post-top-thumb {
background: var(--grey);
}
.post-top-thumb img {
display: block;
margin: 0 auto;
}
.post-top-content {
margin: 1.5rem 0 0;
}
.post-top-info {
display: inline-block;
margin-right: 3rem;
color: #141414;
}
.post-top-info:last-of-type {
margin-right: 0;
}
.post-top-info h6 {
font-size: 0.7778rem;
color: var(--yellow);
margin-bottom: 0.125rem;
}
.post-top-info p {
margin: 0;
}
@media (max-width: 575px) {
.post-top-info p {
margin-bottom: 1rem;
}
}
ul.social-share {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-end;
align-items: center;
}
ul.social-share li {
margin-left: 0.5rem;
}
ul.social-share li a {
display: flex;
align-items: center;
justify-content: center;
width: 2.222rem;
height: 2.222rem;
padding: 0.666rem;
border-radius: 0.111rem;
background: #f7f7f7;
font-size: 1.111rem;
color: #B7BDBF;
}
ul.social-share li a:hover {
color: var(--navy-blue);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
ul.social-share li a:hover i {
color: #141414;
}
ul.social-share li a.copy-link {
width: auto;
}
ul.social-share li a.copy-link span {
font-size: 0.6667rem;
font-weight: 800;
}
.posts-grid-top {
margin-bottom: 2rem;
}
.posts-grid-filter-container {
display: flex;
justify-content: flex-end;
}
.posts-grid-filter {
display: flex;
width: 100%;
max-width: 30rem;
}
.posts-grid-filter select {
margin-bottom: 1rem;
}
.posts-grid-filter select + select {
margin-left: 1rem;
}
.collection-grid {
margin-left: -0.875rem;
margin-right: -0.875rem;
}
.collection-grid .posts-grid-item {
width: 33.3333%;
padding: 0 0.875rem;
margin-bottom: 1.5rem;
}
@media (max-width: 1399px) {
.collection-grid {
margin-left: -0.666rem;
margin-right: -0.666rem;
}
.collection-grid .posts-grid-item {
padding: 0 0.666rem;
margin-bottom: 1.25rem;
}
}
@media (max-width: 767px) {
.collection-grid .posts-grid-item {
width: 50%;
}
}
@media (max-width: 479px) {
.collection-grid {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.collection-grid .posts-grid-item {
padding: 0 0.5rem;
margin-bottom: 1rem;
}
}
.collection-content h2.h2 {
font-size: 2rem;
}
.collection-content h6.h6 {
font-size: 1.333rem;
text-transform: initial;
}
.collection-content h5.h5 {
text-transform: initial;
}
@media (max-width: 767px) {
.collection-content {
margin-top: 1.5rem;
}
}
nav.event-nav {
position: fixed;
left: 0;
right: 0;
top: 3rem;
z-index: 111;
font-size: 0.77778rem;
font-weight: 400;
}
.event-nav-inner {
display: flex;
justify-content: space-between;
align-items: center;
background: rgb(255 255 255 / 75%);
padding: 0.444rem;
border-radius: 5rem;
}
a.event-nav-btn {
background: #fff;
font-size: 0.875rem;
font-weight: 700;
height: 2.875rem;
line-height: 2.875rem;
padding: 0 1.5rem;
border-radius: 3rem;
white-space: nowrap;
color: var(--event-color);
}
a.event-nav-btn:hover {
background: var(--event-color);
color: #fff;
}
a.event-back-btn {
margin: 0 1.25rem;
white-space: nowrap;
color: var(--event-color);
font-size: .8rem;
font-weight: 700;
}
a.event-back-btn:hover {
color: var(--black-text);
}
.event-nav-title {
max-width: 32rem;
text-align: center;
line-height: 1.2;
padding: 0 0.5rem;
color: var(--event-color);
font-weight: 700;
font-size: 1rem;
}
.event-nav-menu-container {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(0 0 0 / 50%);
z-index: 111;
transform: translateX(100%);
transition: all 0.2s ease-in-out;
}
.event-nav-menu {
position: fixed;
right: 0;
top: 0;
bottom: 0;
background: #fff;
padding: 1rem 1.5rem;
width: 16rem;
transform: translateX(100%);
transition: all 0.4s ease-in-out;
}
body.event-nav-open .event-nav-menu-container {
transform: translateX(0);
}
body.event-nav-open .event-nav-menu {
transform: translateX(0);
}
body.admin-bar .event-nav-menu {
top: 32px;
}
.event-nav-menu-close {
display: flex;
justify-content: flex-end;
margin-bottom: 1rem;
}
.event-nav-menu-close a {
color: var(--black-text);
}
.event-nav-menu-close a:hover {
color: var(--event-color);
}
.event-nav-menu ul {
list-style: none;
padding: 0;
}
.event-nav-menu ul li {
margin-bottom: 2px;
}
.event-nav-menu ul li a {
display: block;
padding: 0.3125rem 0.75rem;
border-radius: 0.25rem;
color: var(--black-text);
}
.event-nav-menu ul li a:hover,
.event-nav-menu ul li.active a {
background: #eee;
}
@media (max-width: 767px) {
nav.event-nav {
top: 2rem;
}
a.event-back-btn {
margin: 0 0.5rem;
}
}
.event-image-text .row {
flex-direction: row-reverse;
align-items: center;
}
.event-text-content {
padding-right: 1rem;
max-width: 38rem;
}
.event-image-text h2.h2 {
font-size: 1.7778rem;
color: var(--event-color);
text-transform: uppercase;
margin-bottom: 0;
}
.event-image-text a.btn {
width: 100%;
background: var(--event-color);
border-color: var(--event-color);
}
.event-image-text a.btn:hover {
background: var(--black-text) !important;
border-color: var(--black-text) !important;
}
.event-image-text.flip-direction .row {
flex-direction: row;
}
.event-image-text.flip-direction .event-text-content {
padding-right: 0;
padding-left: 1rem;
margin-left: auto;
}
@media (max-width: 767px) {
.event-image-text {
max-width: 38rem;
margin: 0 auto;
}
.event-text-content {
padding: 0.5rem 0 0 !important;
}
}
figure.event-image-content {
position: relative;
overflow: hidden;
}
figure.event-image-content > a {
display: block;
width: 100%;
height: 100%;
}
/*figure.event-image-content > a > img {
transition: all 0.3s ease-out;
}
figure.event-image-content > a:hover > img {
transform: scale(1.1);
}*/
.animation-element {
/*transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0);*/
transition: all 0.5s ease-out 0.5s;
}
.animation-element+.animation-element {
transition: all 0.5s ease-out 0.75s;
}
.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1s;
}
.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.25s;
}
.animation-element+.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.375s;
}
.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.5s;
}
.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.625s;
}
.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.75s;
}
.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element+.animation-element {
transition: all 0.5s ease-out 1.875s;
}
.animation-element.slide-up-text {
opacity: 0;
transform: translateY(50px);
}
.animation-element.in-view.slide-up-text {
opacity: 1;
/*transform: matrix(1, 0, 0, 1, 0, 0);*/
transform: translateY(0);
}
.animation-element.move-right-underline:after {
width: 5px;
transition: all 1s ease-out 0.5s;
}
.animation-element.in-view.move-right-underline:after {
width: 70%;
}
.animation-05s-pause {
transition: all 0.5s ease-out 0.5s;
}
.animation-1s-pause {
transition: all 0.5s ease-out 1s;
}
.animation-15s-pause {
transition: all 0.5s ease-out 1.5s;
}
.animation-2s-pause {
transition: all 0.5s ease-out 2s;
}
.animation-25s-pause {
transition: all 0.5s ease-out 2.5s;
}
.animation-3s-pause {
transition: all 0.5s ease-out 3s;
}
.animation-35s-pause {
transition: all 0.5s ease-out 3.5s;
}
.event-image-carousel-section .section-heading h2 {
color: var(--event-color);
}
.event-image-carousel {
overflow: hidden;
}
.event-image-carousel .slick-list {
margin: 0 -0.6667rem;
}
.event-image-carousel .slick-slide {
padding: 0 0.6667rem;
}
.event-image-carousel-thumb img {
height: 22rem;
width: auto;
}
.event-image-carousel-slider-dots .slick-dots li button {
background: var(--event-color);
}
.event-image-carousel-slider-arrows .slick-arrow:hover, .event-image-carousel-slider-arrows .slick-arrow:focus {
background: var(--event-color);
border-color: var(--event-color);
}
@media (max-width: 991px) {
.event-image-carousel-thumb img {
height: 20rem;
}
}
@media (max-width: 767px) {
.event-image-carousel .slick-list {
margin: 0 -0.5rem;
}
.event-image-carousel .slick-slide {
padding: 0 0.5rem;
}
.event-image-carousel-thumb img {
height: 15rem;
}
}
@media (max-width: 575px) {
.event-image-carousel-thumb img {
height: 12rem;
}
}
#map-panel, #data-panel {
height: auto !important;
border: none !important;
border-radius: initial !important;
margin: initial !important;
padding: initial !important;
}
#map-panel {
padding-right: 2rem !important;
width: 65% !important;
flex-grow: 1 !important;
}
#map-panel svg {
width: 100%;
height: auto;
}
#data-panel {
flex: initial !important;
width: 35% !important;
flex-grow: 1 !important;
}
#data-panel h1 {
font-size: 1.75rem;
}
@media (max-width: 767px) {
#container {
flex-direction: column;
}
#map-panel, #data-panel {
width: 100% !important;
}
#map-panel {
padding: 0 !important;
}
}