@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);
.venues-overview-block .boxes, .vacancies-block, .two-boxes-block .boxes, .swiper-block .wrapper h3, .swiper-team-block h3, .swiper-gallery-block h3, .steps-block .cont, .sponsors-list-block, .slider-block .slider .slick-dots, .slider-block .slider .slick-slide .content, .signup-block .cont, .prompts-block .wrapper .iblock, .professional-service-block, .product-title-block, .product-details-block, .nationwide-support-block .cont, .logos-block .logos, .latest-news-block .cont, .latest-developments-block .developments, .land-required-block .cont, .key-points-block, .intro-device-block .cont, .info-services-block .iblock, .info-scroller-block .wrapper .slider, .info-boxes-block .boxes, .icons-block .iblock, .icon-venue-block .iblock, .hero-block .content, .globe-block .intro, .gallery-block .cont, .enquiry-block .cont, .developments-block .developments, .day-trips-block .controls-cont, .day-trips-block .reports, .content-block-2-block .wrapper, .content-block-1-block .wrapper, .contact-block .content, .contact-boxes-block .boxes, .case-studies-block, .breadcrumbs-block #breadcrumbs, .boxes-block .boxes {
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.nationwide-support-block .cont .accord .item .text a.link, .contact-block .content form input[type=submit] {
background: var(--motor-orange);
border: 2px solid var(--motor-orange);
padding: 19px 20px;
display: inline-block;
border-radius: 5px;
color: White;
font-weight: 600;
transition: all 0.3s ease-in-out;
}
.nationwide-support-block .cont .accord .item .text a.link:hover, .contact-block .content form input[type=submit]:hover {
background-color: white;
color: var(--motor-orange);
cursor: pointer;
}
.welcome-block .wrapper .cont .col .btn, .vacancies-block .item .text > .link, .two-boxes-block .boxes .item a, .steps-block .cont .item a, .slider-block .slider .slick-slide .content a, .quote-button-block .btn, .prompts-block .wrapper .iblock .icon.button a, .product-title-block .cats .cat, .product-details-block > button, .nationwide-support-block .cont a.btn, .latest-news-block .cont .news .item .button, .info-boxes-block .boxes .block a, .explore-block .cont .trips .slick-list .slick-track .item .text .btn, .day-trips-block .controls-cont .controls button, .day-trips-block .reports .report .text .btn, .band-block .wrapper .cont .col .btn {
padding: 14px 30px;
display: inline-block;
margin: 0;
font-family: "Montserrat", "Verdana", serif;
border: 2px solid var(--motor-orange);
font-weight: 600;
color: black;
transition: all 0.3s ease-in-out;
position: relative;
border-radius: 40px;
text-decoration: none;
font-size: 24px;
}
.welcome-block .wrapper .cont .col .btn:hover, .vacancies-block .item .text > .link:hover, .two-boxes-block .boxes .item a:hover, .steps-block .cont .item a:hover, .slider-block .slider .slick-slide .content a:hover, .quote-button-block .btn:hover, .prompts-block .wrapper .iblock .icon.button a:hover, .product-title-block .cats .cat:hover, .product-details-block > button:hover, .nationwide-support-block .cont a.btn:hover, .latest-news-block .cont .news .item .button:hover, .info-boxes-block .boxes .block a:hover, .explore-block .cont .trips .slick-list .slick-track .item .text .btn:hover, .day-trips-block .controls-cont .controls button:hover, .day-trips-block .reports .report .text .btn:hover, .band-block .wrapper .cont .col .btn:hover {
background-color: var(--motor-orange);
color: white;
cursor: pointer;
}
:root {
--c-purple-light: #cdc9ec;
--c-yellow: #cb9e43;
--c-line: #645c9c;
--c-blue: #18284a;
--c-mediumgrey: #c5c5c5;
--c-grey: #696f6e;
--c-fgrey: #323232;
--c-lightgrey: #f1f1f1;
--c-darkred: #a70009;
--c-darkgrey: #303030;
--c-lred: #be7679;
--c-redwhite: #dfbbb6;
--c-red: #a51c3a;
--c-dred: #b9151d;
--c-black: black;
--c-teal: #006c6c;
--c-gold: #c2b69d;
--motor-purple: #482684;
--motor-grey: #eeeeee;
--motor-dgrey: #4a4a49;
--motor-orange: #ea4d1b;
--solace-navy: #273140;
--solace-header: #0A2433;
--solace-footer: #0A2433;
--solace-orange: #D5922B;
--solace-lgrey: #ABABAB;
--solace-llgrey: #E9EAEC;
--solace-maritime-green: #516C66;
--solace-royal-blue: #2990CC;
--solace-electric-blue: #1A4DFF;
--solace-imperial-blue: #195A80;
}
.has-heathside-purple-background-color {
background-color: var(--motor-purple);
}
.dev {
background-color: red;
color: white;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
padding: 10px 15px 7px;
font-size: 14px;
z-index: 110;
font-family: "Montserrat", "Verdana", serif;
font-weight: 600;
}
.band-block {
position: relative;
background-color: var(--motor-orange);
}
.band-block .wrapper {
background-size: cover;
background-position: center;
}
.band-block .wrapper .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 60px;
}
.band-block .wrapper .cont .col {
flex-basis: 100%;
padding: 40px 0;
box-sizing: border-box;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.band-block .wrapper .cont .col h2 {
position: relative;
color: white;
margin: 0;
padding: 0;
font-weight: 600;
text-align: center;
font-size: 30px;
}
.band-block .wrapper .cont .col h2.large {
font-size: 40px;
font-weight: 800;
}
.band-block .wrapper .cont .col h2:after {
content: "";
width: 100px;
height: 1px;
background-color: var(--heath-purple);
position: absolute;
left: 0;
bottom: 0;
}
.band-block .wrapper .cont .col .btn {
border-color: white !important;
color: white !important;
margin-top: 20px !important;
font-size: 20px !important;
padding: 5px 30px !important;
}
.band-block .wrapper .cont .col .btn:hover {
background-color: white !important;
color: var(--motor-orange) !important;
}
.band-block .wrapper .cont .col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 812px) {
.purple-band-block .wrapper .cont .col {
flex-basis: 100%;
padding: 40px 0;
}
.purple-band-block .wrapper .cont .col:last-child {
padding-top: 0;
}
}
[data-type="acf/boxes"] .boxes-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.boxes-block {
position: relative;
}
.boxes-block h2 {
text-align: center;
width: 100%;
font-size: 45px;
}
.boxes-block p {
max-width: 900px;
margin: 0 auto;
font-size: 22px;
text-align: center;
}
.boxes-block .boxes {
position: relative;
padding: 0 10px;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.boxes-block .boxes .block {
display: flex;
flex-wrap: wrap;
display: inline-block;
vertical-align: top;
justify-content: center;
align-items: center;
transition: all 0.3s ease-in-out;
text-decoration: none;
width: 24%;
margin-bottom: 1.3%;
position: relative;
overflow: hidden;
}
.boxes-block .boxes .block .img {
height: 260px;
width: 100%;
position: relative;
overflow: hidden;
}
.boxes-block .boxes .block .img .logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
width: 80%;
height: 80%;
object-fit: contain;
opacity: 0;
}
.boxes-block .boxes .block .img img {
width: 101%;
height: 101%;
object-fit: cover;
object-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
opacity: 1;
}
.boxes-block .boxes .block .img:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--motor-orange);
z-index: 2;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.boxes-block .boxes .block p {
width: auto;
padding: 10px 0 0;
box-sizing: border-box;
font-family: "Montserrat", "Verdana", serif;
font-weight: 800;
font-size: 22px;
z-index: 1;
text-align: left;
transition: all 0.3s ease-in-out;
}
.boxes-block .boxes .block span {
font-size: 14px;
color: var(--motor-orange);
font-weight: 400;
}
.boxes-block .boxes .block:hover {
cursor: pointer;
}
.boxes-block .boxes .block:hover .img .logo {
opacity: 1;
width: 80% !important;
height: 80% !important;
}
.boxes-block .boxes .block:hover .img img {
width: 105%;
height: 105%;
opacity: 1;
}
.boxes-block .boxes .block:hover .img:after {
opacity: 0.8;
}
.boxes-block .boxes .block:nth-child(4n-7) {
margin-left: 0;
}
.boxes-block .boxes .block:nth-child(4n) {
margin-right: 0;
}
.wp-block-columns .boxes-block {
padding: 0;
}
.wp-block-columns .boxes-block .boxes {
padding: 0;
}
@media screen and (max-width: 812px) {
.boxes-block {
margin: 15px 0;
padding: 20px 0 20px;
}
.boxes-block .boxes .block {
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 15px;
}
}  .venues-overview-block .boxes, .vacancies-block, .two-boxes-block .boxes, .swiper-block .wrapper h3, .swiper-team-block h3, .swiper-gallery-block h3, .steps-block .cont, .sponsors-list-block, .slider-block .slider .slick-dots, .slider-block .slider .slick-slide .content, .signup-block .cont, .prompts-block .wrapper .iblock, .professional-service-block, .product-title-block, .product-details-block, .nationwide-support-block .cont, .logos-block .logos, .latest-news-block .cont, .latest-developments-block .developments, .land-required-block .cont, .key-points-block, .intro-device-block .cont, .info-services-block .iblock, .info-scroller-block .wrapper .slider, .info-boxes-block .boxes, .icons-block .iblock, .icon-venue-block .iblock, .hero-block .content, .globe-block .intro, .gallery-block .cont, .enquiry-block .cont, .developments-block .developments, .day-trips-block .controls-cont, .day-trips-block .reports, .content-block-2-block .wrapper, .content-block-1-block .wrapper, .contact-block .content, .contact-boxes-block .boxes, .case-studies-block, .breadcrumbs-block #breadcrumbs, .boxes-block .boxes {
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.nationwide-support-block .cont .accord .item .text a.link, .contact-block .content form input[type=submit] {
background: var(--motor-orange);
border: 2px solid var(--motor-orange);
padding: 19px 20px;
display: inline-block;
border-radius: 5px;
color: White;
font-weight: 600;
transition: all 0.3s ease-in-out;
}
.nationwide-support-block .cont .accord .item .text a.link:hover, .contact-block .content form input[type=submit]:hover {
background-color: white;
color: var(--motor-orange);
cursor: pointer;
}
.welcome-block .wrapper .cont .col .btn, .vacancies-block .item .text > .link, .two-boxes-block .boxes .item a, .steps-block .cont .item a, .slider-block .slider .slick-slide .content a, .quote-button-block .btn, .prompts-block .wrapper .iblock .icon.button a, .product-title-block .cats .cat, .product-details-block > button, .nationwide-support-block .cont a.btn, .latest-news-block .cont .news .item .button, .info-boxes-block .boxes .block a, .explore-block .cont .trips .slick-list .slick-track .item .text .btn, .day-trips-block .controls-cont .controls button, .day-trips-block .reports .report .text .btn, .band-block .wrapper .cont .col .btn {
padding: 14px 30px;
display: inline-block;
margin: 0;
font-family: "Montserrat", "Verdana", serif;
border: 2px solid var(--motor-orange);
font-weight: 600;
color: black;
transition: all 0.3s ease-in-out;
position: relative;
border-radius: 40px;
text-decoration: none;
font-size: 24px;
}
.welcome-block .wrapper .cont .col .btn:hover, .vacancies-block .item .text > .link:hover, .two-boxes-block .boxes .item a:hover, .steps-block .cont .item a:hover, .slider-block .slider .slick-slide .content a:hover, .quote-button-block .btn:hover, .prompts-block .wrapper .iblock .icon.button a:hover, .product-title-block .cats .cat:hover, .product-details-block > button:hover, .nationwide-support-block .cont a.btn:hover, .latest-news-block .cont .news .item .button:hover, .info-boxes-block .boxes .block a:hover, .explore-block .cont .trips .slick-list .slick-track .item .text .btn:hover, .day-trips-block .controls-cont .controls button:hover, .day-trips-block .reports .report .text .btn:hover, .band-block .wrapper .cont .col .btn:hover {
background-color: var(--motor-orange);
color: white;
cursor: pointer;
}
[data-type="acf/breadcrumbs"] .admin-breadcrumbs {
background-color: var(--c-lgrey);
text-align: center;
padding: 20px;
box-sizing: border-box;
}
[data-type="acf/breadcrumbs"] .admin-breadcrumbs span {
font-size: 12px;
padding: 0;
margin: 0;
}
.breadcrumb-cont, .admin-breadcrumbs {
position: relative;
}
.breadcrumbs-block {
background-color: #fcfcfc;
border-bottom: 1px solid #f6f6f6;
}
.breadcrumbs-block #breadcrumbs {
position: relative;
font-size: 12px;
font-weight: 400;
padding: 10px 20px !important;
}
@media screen and (max-width: 812px) {
.breadcrumb-cont {
padding: 20px 0;
}
.breadcrumb-cont #breadcrumbs {
padding: 0px 20px !important;
}
}
.case-studies-block {
padding: 20px;
}
.case-studies-block .item {
position: relative;
display: flex;
flex-wrap: wrap;
text-decoration: none;
justify-content: space-between;
margin-bottom: 40px;
}
.case-studies-block .item.cyber .left .sector {
background-color: var(--solace-royal-blue);
}
.case-studies-block .item.cyber .left .sector:after {
background-color: var(--solace-royal-blue);
}
.case-studies-block .item.cyber .left .sector:before {
background-color: var(--solace-electric-blue);
}
.case-studies-block .item.off-shore .left .sector {
background-color: #59998B;
}
.case-studies-block .item.off-shore .left .sector:after {
background-color: #59998B;
}
.case-studies-block .item.off-shore .left .sector:before {
background-color: var(--solace-maritime-green);
}
.case-studies-block .item.risk .left .sector {
background-color: #F3B049;
}
.case-studies-block .item.risk .left .sector:after {
background-color: #F3B049;
}
.case-studies-block .item.risk .left .sector:before {
background-color: var(--solace-orange);
}
.case-studies-block .item .left {
width: 25%;
}
.case-studies-block .item .left .sector {
position: absolute;
color: white;
padding: 5px 10px 5px 20px;
box-sizing: border-box;
background-color: #cecece;
font-family: "Crimson Roman", "Verdana", serif;
z-index: 2;
top: -13px;
left: 0px;
}
.case-studies-block .item .left .sector:before {
content: "";
width: 20px;
height: 20px;
background-color: #9e9e9e;
transform: rotate(45deg);
position: absolute;
top: 4px;
left: -10px;
}
.case-studies-block .item .left .sector:after {
content: "";
width: 20px;
height: 20px;
background-color: #cecece;
transform: rotate(45deg);
position: absolute;
top: 4px;
right: -10px;
z-index: -1;
}
.case-studies-block .item .left > img {
object-fit: cover;
object-position: center;
height: 220px;
width: 100%;
}
.case-studies-block .item .date {
position: relative;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 12px;
margin-bottom: 5px;
text-transform: uppercase;
}
.case-studies-block .item .text {
width: 73%;
box-sizing: border-box;
padding: 0 20px 60px;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.case-studies-block .item .text.anim {
overflow: hidden;
}
.case-studies-block .item .text.anim .toggle {
background-color: var(--solace-orange);
}
.case-studies-block .item .text.anim .toggle:after {
transform: translate(-50%, -50%) rotate(0deg);
}
.case-studies-block .item .text.open {
overflow: visible;
}
.case-studies-block .item .text .toggle {
width: 18px;
height: 18px;
position: absolute;
top: 13px;
right: 0;
background-color: var(--solace-navy);
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.case-studies-block .item .text .toggle:before {
content: "";
width: 60%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%);
border-radius: 15px;
}
.case-studies-block .item .text .toggle:after {
content: "";
width: 60%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(90deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.case-studies-block .item .text .toggle:hover {
cursor: pointer;
background-color: var(--solace-orange);
}
.case-studies-block .item .text h4 {
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-navy);
font-size: 24px;
font-weight: 500;
margin-top: 0;
padding-top: 0;
}
.case-studies-block .item .text .wp-block-spacer {
display: none;
}
.case-studies-block .item .text .swiper-gallery-block {
padding-left: 0;
}
.case-studies-block .item .text .paragraph, .case-studies-block .item .text .wp-block-columns {
padding: 0;
}
.case-studies-block .item .text > .link {
text-decoration: none;
padding: 20px 0;
display: inline-block;
transition: color 0.3s ease-in-out;
font-family: "Crimson Roman", "Verdana", serif;
}
.case-studies-block .item .text > .link:hover {
color: black;
}
.coach-plan-block .cont .content {
display: flex;
flex-wrap: wrap;
}
.coach-plan-block .cont .content .col {
width: 60%;
display: flex;
align-items: center;
}
.coach-plan-block .cont .content .col img {
width: 100%;
height: auto;
margin: 10px 0;
display: inline-block;
}
.coach-plan-block .cont .content .col .icons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: space-around;
}
.coach-plan-block .cont .content .col .icons .icon {
max-width: 40%;
}
.coach-plan-block .cont .content .col .icons .icon img {
width: 100%;
height: auto;
display: inline-block;
}
.coach-plan-block .cont .content .col .icons .icon span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
}
.coach-plan-block .cont .content .col .icons .icon span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.coach-plan-block .cont .content .col .icons .icon p {
margin-top: 5px;
width: 100%;
display: inline-block;
font-size: 24px;
font-weight: 500;
}
.coach-plan-block .cont .content .col:nth-child(2) {
width: 30%;
margin-left: auto;
}
@media screen and (max-width: 812px) {
.coach-plan-block .cont .content .col {
width: 100% !important;
}
}
.contact-boxes-block {
position: relative;
}
.contact-boxes-block .boxes {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.contact-boxes-block .boxes .item {
border: 2px solid black;
border-radius: 30px;
padding: 30px 25px;
box-sizing: border-box;
width: 32%;
margin: 20px;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
text-decoration: none;
}
.contact-boxes-block .boxes .item img {
width: 100px;
max-height: 120px;
height: 100%;
object-fit: contain;
object-position: center;
}
.contact-boxes-block .boxes .item .title {
width: 100%;
display: inline-block;
color: var(--motor-orange);
font-family: "Montserrat", "Verdana", serif;
font-size: 23px;
font-weight: 600;
margin: 10px 0 0 0;
transition: all 0.3s ease-in-out;
}
.contact-boxes-block .boxes .item:hover {
border-color: var(--motor-orange);
background-color: var(--motor-orange);
cursor: pointer;
}
.contact-boxes-block .boxes .item:hover .title {
color: white;
}
.wp-block-columns .contact-boxes-block .boxes {
padding: 0;
}
.wp-block-columns .contact-boxes-block .boxes .item {
width: 100%;
margin: 20px 0;
}
@media screen and (max-width: 812px) {
.contact-boxes-block .boxes .item {
width: 100%;
}
}
[data-type="acf/contact"] .contact-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/contact"] .contact-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.contact-block {
position: relative;
}
.contact-block .content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
justify-content: space-between;
position: relative;
z-index: 10;
}
.contact-block .content > h2 {
padding: 0;
margin: 0;
}
.contact-block .content > h2:after {
display: none;
}
.contact-block .content p strong {
font-size: 18px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.contact-block .content .info {
display: none;
}
.contact-block .content .info.active {
display: block;
}
.contact-block .content select {
padding: 20px 0;
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #757575;
font-family: "Crimson Roman", "Verdana", serif;
font-weight: 500;
outline-width: 0;
}
.contact-block .content form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
padding: 0;
}
.contact-block .content form label {
width: 32%;
display: inline-block;
font-family: "Montserrat", "Verdana", serif;
font-weight: 600;
font-size: 15px;
color: var(--heath-purple);
padding: 0;
margin: 25px 0 0;
}
.contact-block .content form label span {
width: 100%;
display: inline-block;
margin-top: 10px;
}
.contact-block .content form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 5px;
background-color: white;
transition: background-color 0.3s ease-in-out;
}
.contact-block .content form label span input:focus {
background-color: #f6f6f6;
}
.contact-block .content form label span textarea {
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 5px;
}
.contact-block .content form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
position: absolute;
bottom: -25px;
left: 0;
}
.contact-block .content form label.full {
width: 100%;
}
.contact-block .content form input[type=submit] {
margin-top: auto;
width: 32%;
}
.contact-block .content form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 60px 0 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "Montserrat", "Verdana", serif;
color: var(--motor-orange);
}
.contact-block .content form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.contact-block .content form .section {
margin-bottom: 30px;
}
.contact-block .content form .section .cols {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-block .content form .section .cols .col {
width: 32%;
}
.contact-block .content form .section .cols .col label {
width: 100%;
}
.contact-block .content form .section .cols .col .wpcf7-radio {
margin-top: 0;
}
.contact-block .content form .section .cols .col .wpcf7-radio > span {
width: 50%;
margin: 0;
padding: 0;
}
.contact-block .content form .section .cols .col .wpcf7-radio > span > label {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.contact-block .content form .section .cols .col .wpcf7-radio > span > label > input {
width: 50%;
}
.contact-block .content form .section .cols .col .wpcf7-radio > span > label > span {
width: 50%;
margin-top: 0;
}
.contact-block .content form .center {
margin: 0 auto;
display: inline-block;
}
.contact-block .content form .center input[type=submit] {
padding: 14px 95px;
margin-top: 0;
}
.contact-block .content p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.contact-block .content .social {
margin: 20px 0;
}
.wp-block-columns .contact-block {
padding: 0;
}
.wp-block-columns .contact-block .content {
padding: 0 !important;
}
.wp-block-columns .contact-block .content form label {
width: 48%;
}
.wp-block-columns .contact-block .content form input[type=submit] {
width: 48%;
}
@media screen and (max-width: 812px) {
.contact-block {
padding: 0 0 40px 0;
}
.contact-block .content form input[type=submit] {
width: 100%;
margin-top: 20px;
}
.contact-block .content form input[type=submit] {
width: 100% !important;
}
.contact-block .content form label {
width: 100%;
}
.contact-block form {
display: inline-block;
}
.wp-block-columns .contact-block .content form label {
width: 100%;
}
}
.content-block-1-block {
position: relative;
}
.content-block-1-block .wrapper {
position: relative;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
z-index: 1;
}
.content-block-1-block .wrapper .content {
display: flex;
flex-wrap: wrap;
max-height: 600px;
}
.content-block-1-block .wrapper .content .col {
width: 60%;
position: relative;
}
.content-block-1-block .wrapper .content .col p {
color: white;
padding: 30px 0;
}
.content-block-1-block .wrapper .content .col h3 {
font-size: 40px;
font-weight: 400;
padding: 10px 0;
margin: 0;
max-width: 60%;
color: white;
}
.content-block-1-block .wrapper .content .col .details {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.content-block-1-block .wrapper .content .col .details span.pos {
color: white;
max-width: 40%;
font-weight: 800;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 14px;
padding-right: 40px;
padding-top: 3px;
}
.content-block-1-block .wrapper .content .col .details span.sector {
color: white;
width: 50%;
font-size: 14px;
line-height: 20px;
font-family: "Crimson Roman", "Verdana", serif;
color: #9C9C9C;
}
.content-block-1-block .wrapper .content .col .controls {
top: 82px;
right: -41px;
display: flex;
flex-wrap: wrap;
position: absolute;
}
.content-block-1-block .wrapper .content .col .controls .slick-arrow {
background-color: var(--solace-orange);
color: white;
padding: 20px;
box-sizing: border-box;
margin: 0 1px;
font-size: 0;
text-indent: -5000px;
position: relative;
transition: background-color 0.4s ease-in-out;
}
.content-block-1-block .wrapper .content .col .controls .slick-arrow:after {
content: "";
width: 100%;
height: 100%;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
background-position: center;
}
.content-block-1-block .wrapper .content .col .controls .slick-arrow.next:after {
transform: translate(-50%, -50%) rotate(270deg);
}
.content-block-1-block .wrapper .content .col .controls .slick-arrow:hover {
cursor: pointer;
background-color: #8a8a8a;
}
.content-block-1-block .wrapper .content .col .status {
background-color: var(--solace-orange);
color: white;
position: absolute;
bottom: -21px;
left: 0;
padding: 15px 20px 12px;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 14px;
box-sizing: border-box;
line-height: 14px;
}
.content-block-1-block .wrapper .content .col:first-child {
background-color: var(--solace-navy);
padding: 50px 150px 70px 0;
min-height: 480px;
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
z-index: 1;
}
.content-block-1-block .wrapper .content .col:first-child:before {
content: "";
position: absolute;
left: -50vw;
width: 50vw;
height: 100%;
background-color: var(--solace-navy);
top: 0;
}
.content-block-1-block .wrapper .content .col:last-child {
top: -400px;
right: -600px;
z-index: 0;
width: 60vw;
height: 480px;
}
.content-block-1-block .wrapper .content .col:last-child .slick-slider {
height: 100%;
}
.content-block-1-block .wrapper .content .col:last-child .slick-slider .slick-list {
height: 100%;
}
.content-block-1-block .wrapper .content .col:last-child .slick-slider .slick-list .slick-track {
height: 100%;
}
.content-block-1-block .wrapper .content .col:last-child .slick-slider .slick-list .slick-track img {
height: 100%;
object-fit: cover;
object-position: center;
}
.content-block-1-block .wrapper.right .content .col:first-child {
order: 2;
}
.content-block-1-block .wrapper.right .content .col:last-child {
order: 1;
}
.content-block-1-block #lines {
position: absolute;
top: -80px;
right: -20px;
z-index: -1;
width: 700px;
height: 700px;
transform: rotate(180deg);
top: -160px;
}
.content-block-1-block #lines svg g g:first-child {
opacity: 0.2;
}
.content-block-1-block #lines svg g g:last-child {
opacity: 0.1;
}
.content-block-1-block .bottom:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
background-color: white;
z-index: 0;
}
.content-block-1-block .has-solace-navy-background-color #lines svg path {
stroke: white;
}
.content-block-2-block {
position: relative;
}
.content-block-2-block .wrapper {
position: relative;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
}
.content-block-2-block .wrapper .content {
display: flex;
flex-wrap: wrap;
max-height: 500px;
}
.content-block-2-block .wrapper .content .col {
width: 100%;
position: relative;
}
.content-block-2-block .wrapper .content .col .text {
max-width: 40%;
}
.content-block-2-block .wrapper .content .col .text p {
color: white;
padding: 30px 0;
}
.content-block-2-block .wrapper .content .col .text h3 {
font-size: 40px;
font-weight: 400;
padding: 10px 0;
margin: 0;
max-width: 80%;
color: white;
}
.content-block-2-block .wrapper .content .col .controls {
top: 46px;
left: -43px;
display: flex;
flex-wrap: wrap;
position: absolute;
z-index: 10;
}
.content-block-2-block .wrapper .content .col .controls .slick-arrow {
background-color: var(--solace-orange);
color: white;
padding: 20px;
box-sizing: border-box;
margin: 0 1px;
font-size: 0;
text-indent: -5000px;
position: relative;
transition: background-color 0.4s ease-in-out;
}
.content-block-2-block .wrapper .content .col .controls .slick-arrow:after {
content: "";
width: 100%;
height: 100%;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
background-position: center;
}
.content-block-2-block .wrapper .content .col .controls .slick-arrow.next:after {
transform: translate(-50%, -50%) rotate(270deg);
}
.content-block-2-block .wrapper .content .col .controls .slick-arrow:hover {
cursor: pointer;
background-color: #8a8a8a;
}
.content-block-2-block .wrapper .content .col .status {
background-color: var(--solace-orange);
color: white;
position: absolute;
bottom: -21px;
left: 0;
padding: 15px 20px 12px;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 14px;
box-sizing: border-box;
line-height: 14px;
}
.content-block-2-block .wrapper .content .col:first-child {
background-color: var(--solace-navy);
padding: 50px 150px 70px 0;
min-height: 480px;
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
z-index: 1;
}
.content-block-2-block .wrapper .content .col:first-child:before {
content: "";
position: absolute;
left: -50vw;
width: 50vw;
height: 100%;
background-color: var(--solace-navy);
top: 0;
}
.content-block-2-block .wrapper .content .col:last-child {
top: -560px;
right: -600px;
z-index: 2;
width: 60vw;
height: 480px;
}
.content-block-2-block .wrapper .content .col:last-child .slick-slider {
height: 100%;
}
.content-block-2-block .wrapper .content .col:last-child .slick-slider .slick-list {
height: 100%;
}
.content-block-2-block .wrapper .content .col:last-child .slick-slider .slick-list .slick-track {
height: 100%;
}
.content-block-2-block .wrapper .content .col:last-child .slick-slider .slick-list .slick-track img {
height: 100%;
object-fit: cover;
object-position: center;
}
.content-block-2-block #lines {
position: absolute;
top: -80px;
right: -20px;
z-index: -1;
width: 700px;
height: 700px;
transform: rotate(180deg);
top: -160px;
}
.content-block-2-block #lines svg g g:first-child {
opacity: 0.2;
}
.content-block-2-block #lines svg g g:last-child {
opacity: 0.1;
}
.day-trips-block {
position: relative;
}
.day-trips-block .reports {
text-align: justify;
font-size: 53px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.day-trips-block .reports .report {
width: 560px;
min-height: 360px;
display: flex;
flex-wrap: wrap;
vertical-align: top;
position: relative;
margin-bottom: 15px;
font-size: 0;
overflow: hidden;
background-color: #eeeeee;
text-decoration: none;
justify-content: space-between;
}
.day-trips-block .reports .report .sectors {
z-index: 1;
position: absolute;
top: 18px;
right: 20px;
max-width: 280px;
}
.day-trips-block .reports .report .sectors .sector {
color: var(--heath-purple);
font-family: "Montserrat", "Verdana", serif;
display: inline-block;
font-size: 12px;
}
.day-trips-block .reports .report .sectors .sector:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
filter: blur(10px);
}
.day-trips-block .reports .report .text {
z-index: 1;
position: relative;
bottom: 0;
padding: 20px 20px 60px;
box-sizing: border-box;
text-align: left;
width: calc(60% - 20px);
}
.day-trips-block .reports .report .text h4 {
color: black;
font-family: "Montserrat", "Verdana", serif;
font-weight: 800;
font-size: 23px;
line-height: 25px;
margin: 0;
padding: 0 0 10px;
position: relative;
}
.day-trips-block .reports .report .text h4:after {
content: "";
width: 80px;
height: 2px;
background-color: var(--heath-purple);
position: absolute;
bottom: 0;
left: 0;
}
.day-trips-block .reports .report .text p {
color: black;
line-height: 20px;
font-size: 15px;
font-weight: 500;
margin: 10px 0;
}
.day-trips-block .reports .report .text p.vars span {
margin-right: 15px;
display: inline-block;
font-weight: 600;
}
.day-trips-block .reports .report .text .date {
color: var(--heath-purple);
font-size: 16px;
font-family: "Crimson Roman", "Verdana", serif;
}
.day-trips-block .reports .report .text .btn {
background-color: var(--heath-purple);
font-size: 16px;
color: white;
font-weight: 500;
text-transform: uppercase;
padding: 8px 25px 6px;
position: absolute;
bottom: 20px;
}
.day-trips-block .reports .report img {
width: 40%;
height: calc(100% - 40px);
position: relative;
top: 20px;
left: 20px;
}
.day-trips-block .reports .report:hover img {
transform: scale(1.05);
}
.day-trips-block .reports .report:hover .text .btn {
color: var(--heath-purple);
background-color: #c8beda;
}
.day-trips-block .reports .report:hover:after {
height: 300px;
}
.day-trips-block .reports.is-inview .report img {
transition: transform 0.4s ease-in-out;
}
.day-trips-block .controls-cont {
margin-top: 60px;
margin-bottom: 40px;
position: relative;
}
.day-trips-block .controls-cont .controls {
border-bottom: 1px solid var(--heath-purple);
padding: 0 0 15px;
box-sizing: border-box;
}
.day-trips-block .controls-cont .controls label {
font-family: "Crimson Roman", "Verdana", serif;
font-size: 12px;
margin: 5px 0;
display: inline-block;
font-weight: 600;
}
.day-trips-block .controls-cont .controls button {
border-color: var(--heath-purple);
font-size: 20px;
margin-right: 10px;
}
.day-trips-block .controls-cont .controls button.mixitup-control-active {
background-color: #c8beda;
border-color: #c8beda;
}
.day-trips-block .loadmore {
text-align: center;
}
.day-trips-block .loadmore #filters_load {
display: inline-block;
background: var(--solace-navy);
border: none;
border: 1px solid var(--solace-navy);
padding: 10px 25px 9px;
border-radius: 9px;
border-top: none;
margin: 10px;
color: white;
transition: all 0.3s ease-in-out;
font-size: 13px;
font-weight: 600;
opacity: 1;
}
.day-trips-block .loadmore #filters_load:hover {
padding: 10px 30px 9px;
cursor: pointer;
}
.day-trips-block .loadmore #filters_load.disabled {
opacity: 0;
visibility: hidden;
}
.custom-select {
position: relative;
font-family: Arial;
}
.custom-select select {
display: none; }
.select-selected {
background-color: #f5f5f5;
} .select-selected:after {
position: absolute;
content: "";
top: 19px;
right: 10px;
width: 10px;
height: 10px;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-position: center;
transform: translate(0%, -50%);
background-size: 10px;
mix-blend-mode: difference;
} .select-selected.select-arrow-active:after {
top: 12px;
transform: rotate(180deg);
} .select-items div, .select-selected {
color: #000;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease-in-out;
} .select-items {
position: absolute;
background-color: #f5f5f5;
top: 100%;
left: 0;
right: 0;
z-index: 99;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.05);
color: var(--solace-orange);
}
@media screen and (max-width: 812px) {
.day-trips-block .reports .report {
width: 100%;
}
.day-trips-block .reports .report img {
width: 100%;
height: 200px;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.day-trips-block .reports .report .text {
width: 100%;
}
}
.developments-block {
position: relative;
}
.developments-block h2 {
color: var(--c-red);
padding: 10px 0 10px;
text-align: center;
margin: 35px 0 30px;
}
.developments-block .developments {
display: flex;
justify-content: space-between;
padding: 0px 0 30px;
margin-bottom: 30px;
}
.developments-block .developments .item {
list-style: none;
color: var(--c-dgrey);
text-decoration: none;
display: inline-block;
width: 31.5%;
padding: 5px 0 30px 5px;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
position: relative;
}
.developments-block .developments .item .image {
width: 100%;
height: 250px;
margin-bottom: 10px;
overflow: hidden;
position: relative;
}
.developments-block .developments .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease-in-out;
}
.developments-block .developments .item h3 {
text-transform: uppercase;
margin: 0;
padding: 0;
}
.developments-block .developments .item p.loc {
text-transform: uppercase;
margin: 0;
padding: 3px 0;
}
.developments-block .developments .item p {
font-size: 15px;
padding: 10px 0;
line-height: 22px;
}
.developments-block .developments .item:hover .image img {
width: 110%;
}
@media screen and (max-width: 812px) {
.developments-block .developments {
display: inline-block;
}
.developments-block .developments .item {
width: 100%;
padding: 5px 5% 30px;
}
}
.double-image-block {
display: flex;
height: 100%;
position: relative;
}
.double-image-block .cont {
padding: 0 0 0 50px;
box-sizing: border-box;
position: relative;
height: 700px;
}
.double-image-block .cont .if {
position: absolute;
height: 100%;
width: auto;
width: 340px;
height: 500px;
z-index: 2;
top: 150px;
}
.double-image-block .cont .if img {
object-position: center;
object-fit: cover;
height: 100%;
width: 100%;
}
.double-image-block .cont .ib {
position: absolute;
height: 100%;
width: auto;
width: 340px;
height: 500px;
z-index: 1;
top: 0;
right: 0;
}
.double-image-block .cont .ib img {
object-position: center;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
}
.double-image-block .cont .ib:after {
content: "";
position: absolute;
width: 100%;
height: 90%;
bottom: -80px;
right: 102px;
background-color: #273141;
z-index: -1;
filter: blur(60px);
opacity: 0.5;
}
.double-image-block .cont .dots {
width: 105px;
height: 70px;
position: absolute;
top: calc(50% + 170px);
left: calc(50% + 132px);
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/dots.svg) no-repeat center center;
background-size: cover;
}
.double-image-block .cont.reverse {
padding: 0 50px 0 0;
}
.double-image-block .cont.reverse .if {
top: -80px;
z-index: 3;
}
.double-image-block .cont.reverse .ib {
top: 150px;
left: 150px;
right: auto;
z-index: 4;
}
.double-image-block .cont.reverse .ib:after {
bottom: 64px;
right: 10px;
}
.double-image-block .cont.reverse .dots {
top: calc(50% + 50px);
left: calc(50% - 246px);
z-index: 2;
}
.download-report-block {
background-color: var(--solace-llgrey);
position: relative;
}
.download-report-block > .cont {
padding: 50px 20px;
min-height: 430px;
transition: height 0.3s ease-in-out;
}
.download-report-block > .cont h3 {
display: inline-block;
padding: 0;
}
.download-report-block > .cont .wpcf7 {
transition: all 0.4s ease-in-out;
}
.download-report-block > .cont .wpcf7.hide {
opacity: 0;
visibility: hidden;
height: 0;
}
.download-report-block > .cont .wpcf7 form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
position: relative;
padding: 0 0 50px;
}
.download-report-block > .cont .wpcf7 form label {
width: 32%;
display: inline-block;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 16px;
color: #0A2433;
padding: 0;
margin: 20px 0 0;
}
.download-report-block > .cont .wpcf7 form label.full {
width: 100%;
}
.download-report-block > .cont .wpcf7 form label.half {
width: 49%;
}
.download-report-block > .cont .wpcf7 form label span {
width: 100%;
display: inline-block;
margin-top: 15px;
}
.download-report-block > .cont .wpcf7 form label span input, .download-report-block > .cont .wpcf7 form label span textarea {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #0A2433;
border-radius: 5px;
background-color: transparent;
transition: background-color 0.3s ease-in-out;
}
.download-report-block > .cont .wpcf7 form label span input:focus, .download-report-block > .cont .wpcf7 form label span textarea:focus {
background-color: #f6f6f6;
}
.download-report-block > .cont .wpcf7 form label .wpcf7-not-valid-tip {
position: absolute;
top: -46px;
right: 0;
width: auto;
font-size: 12px;
}
.download-report-block > .cont .wpcf7 form input[type=submit] {
width: 32%;
margin-top: 18px;
display: inline-block;
height: 61px;
border-radius: 5px;
background: #0A2433 url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-button.svg) no-repeat 80% center;
color: white;
text-transform: uppercase;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 12px;
font-weight: 600;
transition: all 0.3s ease-in-out;
border: none;
}
.download-report-block > .cont .wpcf7 form input[type=submit]:hover {
border-color: var(--solace-orange);
background-color: var(--solace-orange);
background-position: 85% center;
cursor: pointer;
}
.download-report-block > .cont .wpcf7 form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: absolute;
bottom: 0;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
}
.download-report-block > .cont .wpcf7 form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.download-report-block > .cont.solace-maritime form input[type=submit] {
background-color: var(--solace-maritime-green);
}
.download-report-block > .cont.solace-cyber form input[type=submit] {
background-color: var(--solace-electric-blue);
}
.download-report-block > .cont.solace-gold form input[type=submit] {
background-color: var(--solace-orange);
}
.download-report-block > .cont.solace-imperial-blue form input[type=submit] {
background-color: var(--solace-imperial-blue);
}
.download-report-block > .cont.solace-navy form input[type=submit] {
background-color: var(--solace-navy);
}
.download-report-block > .cont.solace-royal-blue form input[type=submit] {
background-color: var(--solace-royal-blue);
}
.download-report-block .downloads-block {
margin-top: 40px;
}
.download-report-block .downloads-block > .cont {
padding: 0;
}
.downloads-block {
position: relative;
}
.downloads-block .cont {
display: flex;
flex-wrap: wrap;
}
.downloads-block .cont a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
margin-right: 2%;
width: 400px;
}
.downloads-block .cont a .text {
width: 300px;
}
.downloads-block .cont a .text span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Inter", sans-serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
}
.downloads-block .cont a .text span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.downloads-block .cont a .text p {
transition: all 0.3s ease-in-out;
font-size: 19px;
font-weight: 500;
line-height: 22px;
margin-top: 7px;
}
.downloads-block .cont a .text p.download {
padding: 0;
margin: 0;
font-size: 10px;
text-transform: uppercase;
}
.downloads-block .cont a:before {
content: "";
height: 73px;
width: 70px;
background-color: #f5f5f5;
display: inline-block;
margin-right: 15px;
border-radius: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-top: -7px;
}
.downloads-block .cont a:hover p {
color: var(--solace-orange);
}
.downloads-block .cont [href$=".pdf"]:before {
background-image: url(//www.motorhome-heroes.com/wp-content/themes/motor/images/pdf.svg);
background-color: transparent;
}
.enquiry-block .cont {
box-sizing: border-box;
position: relative;
padding: 70px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.enquiry-block .cont h3 {
text-align: center;
font-size: 33px;
width: 100%;
}
.enquiry-block .cont h3 > a {
text-decoration: none;
color: black;
transition: all 0.3s ease-in-out;
}
.enquiry-block .cont h3 > a:hover {
color: var(--c-red);
}
.enquiry-block .cont > a {
background-color: black;
color: white;
font-size: 20px;
font-weight: 600;
padding: 10px 40px;
box-sizing: border-box;
text-decoration: none;
text-transform: uppercase;
margin-top: 10px;
transition: all 0.3s ease-in-out;
}
.enquiry-block .cont > a:hover {
background-color: var(--c-red);
}
.explore-block {
position: relative;
}
.explore-block .cont p.tag {
font-size: 28px;
margin: 0;
padding: 0;
opacity: 0.8;
color: var(--heath-purple);
}
.explore-block .cont .trips .slick-list {
margin: 0 -10px;
}
.explore-block .cont .trips .slick-list .slick-track .item {
background-color: var(--heath-grey);
margin: 0 10px;
display: flex;
flex-wrap: wrap;
padding: 25px;
box-sizing: border-box;
width: 45%;
}
.explore-block .cont .trips .slick-list .slick-track .item img {
width: 45%;
height: 230px;
object-position: center;
object-fit: cover;
}
.explore-block .cont .trips .slick-list .slick-track .item .text {
width: 55%;
padding: 20px 20px 20px 30px;
box-sizing: border-box;
height: auto;
position: relative;
}
.explore-block .cont .trips .slick-list .slick-track .item .text > h3 {
margin: 0;
padding: 0;
font-size: 24px;
}
.explore-block .cont .trips .slick-list .slick-track .item .text p {
font-size: 15px;
line-height: 18px;
}
.explore-block .cont .trips .slick-list .slick-track .item .text .btn {
position: absolute;
bottom: 10px;
font-size: 14px;
font-weight: 500;
color: white;
background-color: var(--heath-dgrey);
border-color: var(--heath-dgrey);
display: inline-block;
margin-top: auto;
}
.explore-block .cont .trips .slick-list .slick-track .item .text .btn:hover {
background-color: var(--heath-purple);
}
.explore-block .cont .trips .slick-arrow {
position: absolute;
top: -50px;
right: 0;
text-indent: -5000px;
width: 30px;
height: 30px;
}
.explore-block .cont .trips .slick-arrow.slick-prev {
right: 50px;
}
@media screen and (max-width: 812px) {
.explore-block .cont .trips .slick-list .slick-track .item img {
width: 100%;
height: 200px;
}
.explore-block .cont .trips .slick-list .slick-track .item .text {
width: 100%;
padding: 20px 20px 0;
}
.explore-block .cont .trips .slick-list .slick-track .item .text .btn {
position: relative;
margin-top: 10px;
padding: 5px 30px;
}
}
[data-type="acf/gallery"] .gallery-block .cont .images {
width: 33%;
position: relative;
}
[data-type="acf/gallery"] .gallery-block .cont .images img {
height: 350px;
object-fit: cover;
object-position: center;
width: 100%;
}
[data-type="acf/gallery"] .gallery-block .cont:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: red;
top: 0;
left: 0;
opacity: 0;
z-index: 101;
}
.gallery-block {
position: relative;
position: relative;
box-sizing: border-box;
padding: 0;
}
.gallery-block h2 {
text-align: center;
width: 100%;
}
.gallery-block .cont {
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: space-between;
position: relative;
box-sizing: border-box;
}
.gallery-block .cont .images p {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 7px 40px;
color: white;
z-index: 2;
text-transform: uppercase;
font-weight: 600;
opacity: 0;
font-size: 16px;
transition: all 0.4s ease-in-out;
transform: translate(-50%, -50%);
}
.gallery-block .cont .images:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #00000063;
opacity: 0;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.gallery-block .fancybox-caption {
padding: 24px max(44px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
.gallery-block .slick-slider .slick-arrow {
background-color: var(--motor-orange);
text-indent: -5000px;
}
.gallery-block .slick-slider .slick-list {
margin: 0 -50px;
}
.gallery-block .slick-slider .slick-track .slick-slide {
display: block;
width: 100%;
height: auto;
position: relative;
padding: 0 10px;
}
.gallery-block .slick-slider .slick-track .slick-slide img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
}
.gallery-block .slick-slider .slick-track .slick-slide:after {
content: "";
position: absolute;
top: 0;
left: 10px;
width: calc(100% - 20px);
height: 100%;
margin: 0;
padding: 0;
background-color: #00000063;
opacity: 0;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.gallery-block .slick-slider .slick-track .slick-slide:hover:after {
opacity: 1;
}
.gallery-block .slick-slider .slick-arrow {
z-index: 999;
border: none;
padding: 0px 15px;
border-radius: 30px;
width: auto;
height: 30px;
background: var(--motor-orange) url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-bullets.svg) no-repeat center;
position: absolute;
top: 50%;
background-size: 23px;
}
.gallery-block .slick-slider .slick-arrow.slick-prev {
transform: rotate(-180deg);
}
.gallery-block .slick-slider .slick-arrow.slick-next {
right: 0;
}
@media screen and (max-width: 812px) {
.gallery-block {
overflow: hidden;
padding: 0;
}
}
body.admin-bar .globe-block .info {
display: flex;
}
body.admin-bar .globe-block .ll {
display: inline-block;
}
.globe-block {
background-color: var(--solace-navy);
padding: 100px 0;
position: relative;
}
.globe-block .intro {
max-width: 800px;
text-align: center;
}
.globe-block .intro h1 {
color: white;
}
.globe-block .intro p {
color: white;
}
.globe-block .wrapper.load {
opacity: 1;
transform: scale(1);
}
.globe-block .wrapper .tooltips {
text-align: center;
}
.globe-block .wrapper .tooltips .item {
display: inline-block;
color: white;
font-family: "Crimson Roman", "Verdana", serif;
position: relative;
padding: 0 0 0 40px;
font-weight: 500;
margin: 0 20px;
}
.globe-block .wrapper .tooltips .item:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-color: red;
left: 10px;
transform: rotate(45deg);
top: -1px;
}
.globe-block .wrapper .tooltips .item.risk:before {
background-color: #D5922B;
}
.globe-block .wrapper .tooltips .item.offshore:before {
background-color: #59998B;
}
.globe-block .wrapper .tooltips .item.cyber:before {
background-color: #1A4DFF;
}
.globe-block .info {
position: absolute;
top: 200px;
left: 20px;
color: white;
display: none;
z-index: 101;
left: 5%;
width: 300px;
height: calc(100% - 200px);
flex-wrap: wrap;
align-items: center;
}
.globe-block .info .text {
padding: 0 0 100px;
}
.globe-block .info .text p {
color: white;
font-size: 13px;
line-height: 21px;
}
.globe-block .info .text p:first-of-type {
font-weight: 600;
font-size: 14px;
}
.globe-block .info .text a {
font-size: 13px;
}
.globe-block .ll {
position: absolute;
bottom: 20px;
right: 20px;
color: white;
max-width: 40%;
display: none;
z-index: 101;
font-family: "Crimson Roman", "Verdana", serif;
}
.globe-block .ll:after {
content: attr(tooltip);
width: 140px;
top: -30px;
left: -5px;
padding: 5px;
border-radius: 4px;
font-size: 12px;
font-family: "Crimson Roman", "Verdana", serif;
position: absolute;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.globe-block .ll.active:after {
opacity: 1;
}
.globe-block .title {
position: fixed;
top: 7px;
color: #ddd;
font-family: sans-serif;
width: 100%;
text-align: center;
opacity: 0;
}
.globe-block .canvas {
width: 100%;
height: 750px;
max-height: 750px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--solace-navy);
transform: scale(0.8);
opacity: 0;
}
.globe-block .canvas.load {
transition: all 1.4s ease-in-out;
opacity: 1;
transform: scale(1);
}
.globe-block .canvas .animation-wrapper:hover {
cursor: pointer;
}
.globe-block #globe-3d, .globe-block #globe-2d-overlay, .globe-block #globe-popup-overlay, .globe-block .globe-popup {
display: block;
position: absolute;
}
.globe-block #globe-2d-overlay, .globe-block #globe-popup-overlay {
pointer-events: none;
}
.globe-block .globe-popup-overlay {
width: 100%;
height: 100%;
opacity: 0;
}
.globe-block .globe-popup {
top: 0;
left: 0;
background-color: rgba(75, 192, 200, 0.9);
opacity: 0;
color: #111;
font-family: sans-serif;
font-weight: bold;
padding: 5px 10px;
font-size: 15px;
border-radius: 3px;
}
[data-type="acf/hero"] .icon-block-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.hero-block {
position: relative;
overflow: hidden;
}
.hero-block > span {
position: absolute;
width: 100%;
text-align: center;
top: calc(50% - 20px);
z-index: 2;
}
.hero-block .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.hero-block .content h1 {
max-width: 60%;
color: white;
}
.hero-block .content p {
color: white;
font-family: "Crimson Roman", "Verdana", serif;
font-weight: 400;
font-size: 30px;
}
.hero-block img {
width: 100%;
height: 435px;
object-fit: cover;
object-position: center;
display: block;
}
.hero-block .scroll {
position: absolute;
transition: bottom 0.3s ease-in-out;
transform: rotate(90deg);
left: calc(50% - 565px);
bottom: 10px;
z-index: 10;
}
.hero-block .scroll svg {
height: 41px;
width: auto;
}
.hero-block .scroll:hover {
bottom: 5px;
cursor: pointer;
}
.hero-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: black;
opacity: 0.4;
}
@media screen and (max-width: 812px) {
.hero-block .content h1 {
font-size: 40px;
line-height: 45px;
max-width: 100%;
}
}
[data-type="acf/icon-block"] .icon-block-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.icon-venue-block {
position: relative;
}
.icon-venue-block .iblock {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.icon-venue-block .iblock .block {
background-color: var(--c-gold);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: 135px;
transition: all 0.3s ease-in-out;
text-decoration: none;
width: 32.9%;
}
.icon-venue-block .iblock .block img {
width: 30%;
height: auto;
}
.icon-venue-block .iblock .block p {
width: 70%;
padding: 15px;
box-sizing: border-box;
color: white;
text-transform: uppercase;
font-size: 20px;
}
.icon-venue-block .iblock .block:hover {
background-color: var(--c-dred) !important;
cursor: pointer;
}
.icon-venue-block .iblock .block:nth-child(odd) {
background-color: var(--c-red);
}
.icon-venue-block .iblock .block:nth-child(2n) {
width: calc(33% - 15px);
}
.icon-venue-block .iblock .block:last-child {
margin-bottom: 0;
}
.wp-block-columns .iblock {
padding: 0;
}
.wp-block-columns .iblock .block {
width: 100% !important;
margin-bottom: 15px;
}
@media screen and (max-width: 812px) {
.icon-venue-block .iblock {
margin: 15px 0;
}
.icon-venue-block .iblock .block {
width: 100% !important;
margin: 7px 0;
}
}
[data-type="acf/icons"] .icons-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.icons-block {
position: relative;
}
.icons-block .iblock {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: space-around;
}
.icons-block .iblock .icon {
max-width: 20%;
}
.icons-block .iblock .icon img {
margin-bottom: 25px;
width: 100%;
height: 100%;
}
.icons-block .iblock .icon span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
}
.icons-block .iblock .icon span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.icons-block .iblock .icon p {
margin-top: 5px;
width: 100%;
display: inline-block;
font-size: 24px;
font-weight: 500;
}
.wp-block-columns .iblock {
padding: 0;
}
.wp-block-columns .iblock .block {
width: 100% !important;
margin-bottom: 15px !important;
margin-top: 0 !important;
}
@media screen and (max-width: 812px) {
.icons-block .iblock .icon {
max-width: 45%;
}
}
.info-boxes-block {
position: relative;
}
.info-boxes-block .boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: space-between;
}
.info-boxes-block .boxes .block {
width: 49%;
}
.info-boxes-block .boxes .block h3 {
padding: 20px 0 15px;
margin: 30px 0 10px;
position: relative;
}
.info-boxes-block .boxes .block h3:after {
content: "";
width: 200px;
height: 2px;
background-color: red;
position: absolute;
left: 0%;
bottom: 0;
transform: translate(0, 0);
}
.info-boxes-block .boxes .block a {
font-size: 18px;
padding: 8px 55px 7px;
margin-top: 10px;
font-size: 14px;
}
.info-boxes-block .boxes .block .img img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 812px) {
.info-boxes-block .boxes .block {
width: 100%;
margin: 10px 0;
}
}
.info-graphic-block {
position: relative;
}
.info-graphic-block h2 {
width: 100%;
}
.info-graphic-block .cont {
padding: 0px 20px;
box-sizing: border-box;
}
.info-graphic-block .cont .cols {
display: flex;
flex-wrap: wrap;
}
.info-graphic-block .cont .cols .col {
width: 55%;
display: flex;
align-items: center;
}
.info-graphic-block .cont .cols .col ol li {
border-bottom: 1px solid var(--motor-grey);
font-size: 17px;
line-height: 28px;
padding: 7px 0;
}
.info-graphic-block .cont .cols .col.normal ol {
list-style: none;
padding: 0;
}
.info-graphic-block .cont .cols .col:first-child {
width: 45%;
}
.info-graphic-block .cont .cols .col:first-child img {
width: 100%;
height: auto;
display: flex;
align-items: center;
}
.wp-block-columns .info-graphic-block .cont {
padding: 0;
}
.wp-block-columns .info-graphic-block .cont .cols .col {
width: 100%;
}
@media screen and (max-width: 812px) {
.info-graphic-block .cont .cols .col {
width: 100% !important;
}
.info-graphic-block .cont .cols .col img {
width: 100%;
margin-bottom: 10px;
}
}
.info-scroller-block {
position: relative;
background-color: var(--solace-navy);
}
.info-scroller-block .wrapper .slider .slick-list {
overflow: visible;
}
.info-scroller-block .wrapper .slider .slick-list .item p {
color: white;
font-size: 14px;
line-height: 22px;
}
.info-scroller-block .wrapper .slider .slick-list .item p.title {
font-size: 50px;
font-family: "Montserrat", "Verdana", serif;
margin-bottom: 10px;
}
.info-scroller-block .wrapper:before {
content: "";
position: absolute;
left: 0px;
top: 0;
height: 100%;
width: 30vw;
background: #273141;
background: linear-gradient(90deg, #273141 0%, rgba(39, 49, 65, 0) 100%);
z-index: 10;
}
.info-scroller-block .wrapper:after {
content: "";
position: absolute;
right: 0px;
top: 0;
height: 100%;
width: 30vw;
background: #273141;
background: linear-gradient(-90deg, #273141 0%, rgba(39, 49, 65, 0) 100%);
z-index: 10;
}
.info-scroller-block:after {
content: "";
position: absolute;
bottom: -10px;
height: 20px;
width: 100%;
background-color: var(--solace-navy);
}
.info-scroller-block:before {
content: "";
position: absolute;
top: -10px;
height: 20px;
width: 100%;
background-color: var(--solace-navy);
}
[data-type="acf/info-services"] .icons-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.info-services-block {
position: relative;
}
.info-services-block .iblock {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.info-services-block .iblock .icon {
max-width: 25%;
margin-right: 5%;
margin-bottom: 50px;
}
.info-services-block .iblock .icon span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
margin-bottom: 20px;
}
.info-services-block .iblock .icon span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.info-services-block .iblock .icon .cont {
display: flex;
align-items: center;
}
.info-services-block .iblock .icon .cont img {
display: block;
}
.info-services-block .iblock .icon .cont p {
margin-top: 5px;
display: inline-block;
font-size: 24px;
font-weight: 500;
padding: 0 0 0 20px;
box-sizing: border-box;
}
.wp-block-columns .info-services-block .iblock {
padding: 0;
}
.wp-block-columns .info-services-block .iblock .icon {
max-width: 100%;
}
@media screen and (max-width: 812px) {
.icon-block-block .iblock {
margin: 15px 0;
}
.icon-block-block .iblock .block {
width: 100% !important;
margin: 7px 0;
}
}
.intro-device-block {
background-color: #0A2433;
padding: 150px 0 80px;
position: relative;
}
.intro-device-block .cont {
max-width: 850px;
text-align: center;
z-index: 2;
position: relative;
}
.intro-device-block .cont span.tag {
color: white;
display: inline-block;
background-color: #1F3948;
padding: 10px 20px;
font-family: "Crimson Roman", "Verdana", serif;
border-radius: 10px;
margin: 0 auto;
margin-bottom: 20px;
text-transform: uppercase;
}
.intro-device-block .cont h1 {
color: white;
text-align: center;
padding: 0 100px;
}
.intro-device-block .cont .info {
margin: 20px 0;
padding: 0 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
color: white;
justify-content: space-between;
}
.intro-device-block .cont .info .item {
display: flex;
align-items: center;
color: white;
margin: 10px;
box-sizing: border-box;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 18px;
}
.intro-device-block .cont .info .item svg {
margin-right: 5px;
}
.intro-device-block .cont .devices {
position: relative;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.intro-device-block .cont .devices .tablet {
width: 733px;
height: 534px;
background-color: white;
border-radius: 25px;
box-shadow: 0px 0px 14px #00000029;
z-index: 2;
overflow: hidden;
}
.intro-device-block .cont .devices .tablet img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.intro-device-block .cont .devices .mobile {
width: 276px;
height: 496px;
background-color: white;
position: absolute;
right: 0;
border-radius: 25px;
bottom: -64px;
box-shadow: 0px 0px 14px #00000029;
z-index: 3;
overflow: hidden;
}
.intro-device-block .cont .devices .mobile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.intro-device-block:after {
content: "";
width: 100%;
position: absolute;
bottom: -10px;
height: 360px;
background-color: white;
z-index: 1;
}
.iso-block {
position: relative;
}
.iso-block .content {
display: table;
}
.iso-block .content img {
margin: 0 15px 25px;
}
.key-points-block {
position: relative;
}
.key-points-block .tags {
display: flex;
flex-wrap: wrap;
padding: 55px 0;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
}
.key-points-block .tags .tag {
border: 1px solid var(--solace-navy);
color: white;
border-radius: 5px;
color: var(--solace-navy);
font-family: "Crimson Roman", "Verdana", serif;
padding: 5px 10px;
box-sizing: border-box;
margin-right: 20px;
font-size: 14px;
align-self: center;
}
.key-points-block .tags .details {
display: flex;
align-items: center;
margin-left: auto;
}
.key-points-block .tags .details .date {
margin-left: auto;
margin-right: 20px;
}
.key-points-block .tags .details .share {
margin-left: auto;
}
.key-points-block .tags .details .share svg {
width: 23px;
height: 23px;
display: inline-block;
background-color: black;
padding: 8px;
border-radius: 20px;
}
.key-points-block .tags .details .share svg path, .key-points-block .tags .details .share svg polyline {
fill: var(--solace-orange);
}
.land-required-block {
min-height: 420px;
position: relative;
overflow: hidden;
}
.land-required-block .cont {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.land-required-block .cont h3 {
font-size: 45px;
line-height: 41px;
letter-spacing: 1px;
color: white;
text-transform: uppercase;
}
.land-required-block .cont a {
letter-spacing: 1px;
color: white;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
border: 1px solid white;
padding: 10px 50px;
box-sizing: border-box;
display: inline-block;
text-decoration: none;
margin-top: 30px;
transition: all 0.3s ease-in-out;
}
.land-required-block .cont a:hover {
background-color: white;
color: black;
}
.land-required-block img {
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
position: absolute;
object-fit: cover;
object-position: center;
z-index: 0;
}
.land-required-block:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media screen and (max-width: 812px) {
.land-required-block img {
height: 100%;
}
}
.latest-developments-block {
position: relative;
}
.latest-developments-block h2 {
color: var(--c-red);
padding: 10px 0 10px;
text-align: center;
margin: 35px 0 30px;
}
.latest-developments-block .developments {
display: flex;
justify-content: space-between;
padding: 0px 0 30px;
margin-bottom: 30px;
}
.latest-developments-block .developments .item {
list-style: none;
color: var(--c-dgrey);
text-decoration: none;
display: inline-block;
width: 31.5%;
padding: 5px 0 30px 5px;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
position: relative;
}
.latest-developments-block .developments .item img {
width: 100%;
height: 250px;
object-fit: cover;
object-position: center;
margin-bottom: 10px;
}
.latest-developments-block .developments .item h3 {
text-transform: uppercase;
margin: 0;
padding: 0;
}
.latest-developments-block .developments .item p.loc {
text-transform: uppercase;
margin: 0;
padding: 3px 0;
}
.latest-developments-block .developments .item p {
font-size: 15px;
padding: 10px 0;
line-height: 22px;
}
.latest-developments-block .developments .item a {
text-transform: uppercase;
color: var(--c-red);
text-decoration: none;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 600;
position: relative;
margin-top: 10px;
display: inline-block;
position: absolute;
bottom: 0;
}
.latest-developments-block .developments .item a:after {
content: "";
width: 0%;
height: 2px;
position: absolute;
bottom: -8px;
background-color: var(--c-red);
left: 50%;
transform: translate(-50%, 0);
transition: all 0.3s ease-in-out;
}
.latest-developments-block .developments .item a:hover {
color: var(--c-red);
}
.latest-developments-block .developments .item a:hover:after {
width: calc(100% - 0px);
}
@media screen and (max-width: 812px) {
.latest-developments-block .developments {
max-width: 100%;
display: inline-block;
}
.latest-developments-block .developments .item {
width: 100%;
padding: 0 0 30px 0;
}
.latest-developments-block .developments .item h3 {
padding: 0 5%;
}
.latest-developments-block .developments .item p {
padding: 10px 5%;
}
.latest-developments-block .developments .item p.loc {
padding: 10px 5%;
}
.latest-developments-block .developments .item a {
left: 5%;
bottom: 10px;
}
}
.latest-news-block {
background-color: #E9EAEC;
padding: 50px 0 140px;
position: relative;
}
.latest-news-block .cont {
max-width: 1050px;
}
.latest-news-block .cont .news {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.latest-news-block .cont .news .item {
width: 48%;
display: inline-block;
text-decoration: none;
vertical-align: top;
margin: 15px 0 25px;
}
.latest-news-block .cont .news .item .date {
font-family: "Crimson Roman", "Verdana", serif;
font-size: 12px;
color: black;
text-transform: uppercase;
color: var(--solace-lgrey);
margin: 5px 0;
}
.latest-news-block .cont .news .item .text .title {
font-size: 23px;
font-weight: 500;
margin-bottom: 10px;
}
.latest-news-block .cont .news .item .text p {
font-size: 16px;
padding: 0;
margin: 0;
}
.latest-news-block .cont .news .item .button {
margin-top: 20px;
border: 2px solid var(--solace-navy);
background-color: var(--solace-navy);
}
.latest-news-block .cont .news .item .button:hover {
border: 2px solid var(--solace-orange);
background-color: var(--solace-orange);
}
.latest-news-block .cont .news .item:nth-child(2n) {
margin-left: 3%;
}
.latest-news-block:before {
content: "";
width: 100%;
height: 30%;
position: absolute;
top: -30%;
z-index: -1;
background-color: #E9EAEC;
}
.logos-block {
position: relative;
}
.logos-block .logos {
display: flex;
flex-wrap: wrap;
}
.logos-block .logos .item {
border: 1px solid var(--c-lightgrey);
position: relative;
width: calc(20% - 14px);
height: 185px;
margin: 7px 15px 7px 0;
}
.logos-block .logos .item img {
position: absolute;
width: 90%;
height: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: contain;
object-position: center;
}
.logos-block .logos .item:nth-child(5n) {
margin-right: 0;
}
@media screen and (max-width: 812px) {
.logos-block .logos .item {
width: calc(50% - 10px);
}
.logos-block .logos .item:nth-child(2n) {
margin-right: 0;
}
.logos-block .logos .item:nth-child(5n) {
margin-right: auto;
}
}
.map-block {
position: relative;
}
.map-block #map {
width: 100%;
height: 435px;
}
.motorhomes-list-block {
position: relative;
padding: 40px 0;
}
.motorhomes-list-block .cont h2 {
width: 50%;
}
.motorhomes-list-block .cont .list {
display: flex;
flex-wrap: wrap;
}
.motorhomes-list-block .cont .list .col {
flex-basis: 20%;
}
.motorhomes-list-block .cont .list .col .item {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 5px 0;
font-weight: 600;
}
@media screen and (max-width: 812px) {
.motorhomes-list-block .cont h2 {
width: 100%;
}
.motorhomes-list-block .cont .list .col {
flex-basis: 50%;
}
}
.nationwide-support-block {
position: relative;
padding: 40px 0;
}
.nationwide-support-block .cont {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.nationwide-support-block .cont .content {
width: 38%;
padding: 0 20px 0 0;
border-right: 3px solid var(--motor-orange);
box-sizing: border-box;
}
.nationwide-support-block .cont .content h2 {
font-size: 45px;
font-weight: 800;
margin: 0;
padding: 0;
color: var(--motor-orange);
}
.nationwide-support-block .cont .content h2:after {
display: none;
}
.nationwide-support-block .cont .content p {
font-size: 27px;
line-height: 32px;
font-weight: 800;
margin-top: 10px;
}
.nationwide-support-block .cont .accord {
width: 62%;
padding: 0 0 0 40px;
box-sizing: border-box;
}
.nationwide-support-block .cont .accord .item {
border-bottom: 1px solid var(--c-lightgrey);
padding: 13px 0;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.nationwide-support-block .cont .accord .item span.title {
font-size: 19px;
font-family: "Montserrat", "Verdana", serif;
color: var(--solace-navy);
transition: color 0.4s ease-in-out;
}
.nationwide-support-block .cont .accord .item .text {
padding: 20px 0 0 0px;
box-sizing: border-box;
font-family: "Montserrat", "Verdana", serif;
font-size: 15px;
line-height: 21px;
}
.nationwide-support-block .cont .accord .item .text h2 {
font-size: 24px;
}
.nationwide-support-block .cont .accord .item .toggle {
width: 24px;
height: 24px;
position: absolute;
top: 12px;
right: 0;
background-color: var(--motor-orange);
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.nationwide-support-block .cont .accord .item .toggle:before {
content: "";
width: 8px;
position: absolute;
top: 10px;
left: 13px;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(40deg);
border-radius: 15px;
}
.nationwide-support-block .cont .accord .item .toggle:after {
content: "";
width: 8px;
position: absolute;
top: 14px;
left: 13px;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(-40deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.nationwide-support-block .cont .accord .item .toggle:hover {
cursor: pointer;
background-color: black;
}
.nationwide-support-block .cont .accord .item.open .toggle {
background-color: black;
transform: rotate(90deg);
}
.nationwide-support-block .cont .accord .item:hover {
cursor: pointer;
}
.nationwide-support-block .cont .accord .item:hover span.title {
color: var(--motor-orange);
}
.nationwide-support-block .cont .accord .item:first-child {
border-top: 1px solid var(--c-lightgrey);
}
.nationwide-support-block .cont a.btn {
margin: 0 auto;
margin-top: 40px;
padding: 14px 50px;
}
@media screen and (max-width: 812px) {
.nationwide-support-block .cont .content {
width: 100%;
padding: 0;
border-right: none;
}
.nationwide-support-block .cont .content p {
font-size: 21px;
line-height: 26px;
}
.nationwide-support-block .cont .accord {
width: 100%;
padding: 20px 0 0 0;
}
}
.notification-block {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.notification-block .cont {
max-width: 760px;
flex-wrap: wrap;
padding: 30px 20px;
box-sizing: border-box;
}
.notification-block .cont h1 {
width: 100%;
margin: 0;
padding: 0;
color: var(--c-grey);
}
.notification-block .cont p {
width: 100%;
}
.notification-block .cont .date {
border: 2px solid var(--c-red);
width: 100%;
box-sizing: border-box;
padding: 15px;
}
.notification-block .cont .date h2 {
color: var(--c-red);
font-size: 21px;
width: 100%;
display: inline-block;
margin-top: 0;
padding-top: 0;
font-weight: 600;
}
.notification-block .cont .date p {
color: var(--c-red);
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
line-height: 21px;
font-size: 16px;
}
.product-details-block {
margin-bottom: 60px;
position: relative;
}
.product-details-block #vars .item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-top: 1px solid #cecece;
padding: 10px 0;
box-sizing: border-box;
}
.product-details-block #vars .item label {
font-size: 20px;
margin-top: 4px;
}
.product-details-block #vars .item select {
padding: 10px 20px;
box-sizing: border-box;
}
.product-details-block #vars .item:last-child {
border-bottom: 1px solid #cecece;
}
.product-details-block > button {
background-color: var(--heath-purple);
color: white;
float: right;
font-size: 16px;
margin-top: 10px;
}
.product-details-block > button:hover {
background-color: black;
}
.wp-block-column > .product-details-block {
padding: 0;
}
@media screen and (max-width: 812px) {
.product-details-block #vars .item label {
width: auto;
}
.product-details-block #vars .item select {
margin-left: auto;
}
.product-details-block > button {
width: 100%;
}
}
.product-title-block {
position: relative;
}
.product-title-block h2 {
font-size: 22px;
margin: 0 0 20px;
padding: 5px 0 10px;
}
.product-title-block h2:after {
background-color: var(--heath-purple);
}
.product-title-block span.date {
color: var(--heath-purple);
}
.product-title-block .cats {
border-bottom: 1px solid var(--heath-purple);
margin-bottom: 50px;
}
.product-title-block .cats .cat {
background-color: #c8beda;
border-color: #c8beda;
font-size: 18px;
padding: 10px 40px;
margin: 0 20px 20px 0;
}
.professional-service-block {
padding: 0;
}
.professional-service-block h2 {
color: var(--c-yellow);
text-align: center;
width: 100%;
font-size: 45px;
font-family: "Crimson Roman", "Verdana", serif;
font-weight: 400;
font-size: 60px;
}
.professional-service-block p {
font-size: 33px;
text-align: center;
font-weight: 600;
}
.professional-service-block .content {
display: flex;
max-width: 950px;
margin: 0 auto;
margin-top: 40px;
}
.professional-service-block .content .col {
width: 60%;
padding: 0 30px 0 0;
box-sizing: border-box;
}
.professional-service-block .content .col p {
font-size: 16px;
font-weight: 300;
text-align: left;
}
.professional-service-block .content .col p strong {
font-size: 20px;
font-weight: 600;
}
.professional-service-block .content .col a {
color: white;
background-color: black;
padding: 12px 30px;
box-sizing: border-box;
font-size: 19px;
text-decoration: none;
font-weight: 800;
margin-top: 0px;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.professional-service-block .content .col a:hover {
background-color: var(--c-yellow);
}
.professional-service-block .content .col:nth-child(2) {
width: 40%;
padding: 0 30px;
border-left: 2px solid var(--c-yellow);
}
@media screen and (max-width: 812px) {
.professional-service-block h2 {
line-height: 50px;
}
.professional-service-block p {
max-width: 90%;
margin: 0 auto;
line-height: 35px;
}
.professional-service-block .content {
display: inline-block;
}
.professional-service-block .content .col {
width: 100% !important;
padding: 0 !important;
border-left: none !important;
}
}
[data-type="acf/icons"] .icons-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.prompts-block {
position: relative;
}
.prompts-block .wrapper {
padding: 80px 0;
}
.prompts-block .wrapper .iblock {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.prompts-block .wrapper .iblock .icon {
max-width: 25%;
text-align: center;
}
.prompts-block .wrapper .iblock .icon img {
margin-bottom: 25px;
}
.prompts-block .wrapper .iblock .icon span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
}
.prompts-block .wrapper .iblock .icon span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.prompts-block .wrapper .iblock .icon h4 {
font-family: "Crimson Roman", "Verdana", serif;
font-weight: 600;
margin: 0;
padding: 0;
}
.prompts-block .wrapper .iblock .icon h4.solace-maritime {
color: var(--solace-maritime-green);
}
.prompts-block .wrapper .iblock .icon h4.solace-cyber {
color: var(--solace-electric-blue);
}
.prompts-block .wrapper .iblock .icon h4.solace-gold {
color: var(--solace-orange);
}
.prompts-block .wrapper .iblock .icon h4.solace-imperial-blue {
color: var(--solace-imperial-blue);
}
.prompts-block .wrapper .iblock .icon h4.solace-navy {
color: var(--solace-navy);
}
.prompts-block .wrapper .iblock .icon h4.solace-royal-blue {
color: var(--solace-royal-blue);
}
.prompts-block .wrapper .iblock .icon p {
margin-top: 5px;
width: 100%;
display: inline-block;
font-size: 14px;
line-height: 20px;
}
.prompts-block .wrapper .iblock .icon a {
color: black;
font-family: "Crimson Roman", "Verdana", serif;
margin: 5px 0;
display: inline-block;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.prompts-block .wrapper .iblock .icon.button a {
background-color: var(--solace-navy);
border-color: var(--solace-navy);
margin-top: 10px;
}
.prompts-block .wrapper .iblock .icon.button a.solace-maritime {
background-color: var(--solace-maritime-green);
}
.prompts-block .wrapper .iblock .icon.button a.solace-cyber {
background-color: var(--solace-electric-blue);
}
.prompts-block .wrapper .iblock .icon.button a.solace-gold {
background-color: var(--solace-orange);
}
.prompts-block .wrapper .iblock .icon.button a.solace-imperial-blue {
background-color: var(--solace-imperial-blue);
}
.prompts-block .wrapper .iblock .icon.button a.solace-navy {
background-color: var(--solace-navy);
}
.prompts-block .wrapper .iblock .icon.button a.solace-royal-blue {
background-color: var(--solace-royal-blue);
}
.wp-block-columns .iblock {
padding: 0;
}
.wp-block-columns .iblock .block {
width: 100% !important;
margin-bottom: 15px !important;
margin-top: 0 !important;
}
@media screen and (max-width: 812px) {
.icon-block-block .iblock {
margin: 15px 0;
}
.icon-block-block .iblock .block {
width: 100% !important;
margin: 7px 0;
}
}
.quote-button-block {
position: relative;
}
.quote-button-block .btn {
background-color: var(--heath-purple);
color: white;
float: right;
}
.quote-button-block .btn:hover {
background-color: var(--heath-dgrey);
}
.quote-button-block .btn.left {
float: none;
}
@media screen and (max-width: 812px) {
.quote-button-block .btn {
float: none;
}
}
[data-type="acf/band-column"] {
overflow: hidden;
padding-bottom: 0px !important;
margin: 0 auto;
}
.quote-block {
padding: 0;
position: relative;
overflow: hidden;
width: 100%;
}
.quote-block h2 {
text-align: center;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--heath-purple);
font-size: 30px;
font-weight: 400;
margin: 0;
padding: 10px 0;
}
.quote-block h2:after {
display: none;
}
.quote-block > img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.quote-block .slick-track {
padding: 20px 0;
display: flex !important;
}
.quote-block .slick-track .quote {
box-shadow: 0px 0px 10px #bfbfbf;
padding: 40px;
box-sizing: border-box;
margin: 0 10px;
height: inherit !important;
text-align: center;
}
.quote-block .slick-track .quote p {
font-size: 18px;
line-height: 22px;
}
.quote-block .slick-track .quote p.name {
font-weight: 600;
font-family: "Montserrat", "Verdana", serif;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
}
.quote-block .slick-track .quote p.date {
font-weight: 300;
font-family: "Montserrat", "Verdana", serif;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
}
.quote-block .slick-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
text-indent: -5000px;
width: 24px;
height: 24px;
background-color: var(--motor-orange);
border-radius: 20px;
transition: all 0.3s ease-in-out;
border: none;
}
.quote-block .slick-arrow:before {
content: "";
width: 8px;
position: absolute;
top: 10px;
left: 13px;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(40deg);
border-radius: 15px;
}
.quote-block .slick-arrow:after {
content: "";
width: 8px;
position: absolute;
top: 14px;
left: 13px;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(-40deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.quote-block .slick-arrow:hover {
cursor: pointer;
background-color: black;
}
.quote-block .slick-arrow.slick-next {
right: -30px;
}
.quote-block .slick-arrow.slick-prev {
left: -30px;
transform: rotate(-180deg) translate(0, 50%);
}
@media screen and (max-width: 812px) {
.quote-block .cont {
padding: 0 45px;
}
}
.services-block {
background-color: var(--solace-maritime-green);
position: relative;
}
.services-block .wrapper {
padding: 50px 0 80px;
}
.services-block .wrapper .cont {
position: relative;
}
.services-block .wrapper .cont h3 {
color: white;
font-family: "Montserrat", "Verdana", serif;
}
.services-block .wrapper .cont .monitoring {
position: absolute;
top: 18px;
z-index: 2;
color: white;
right: 20px;
box-sizing: border-box;
text-transform: uppercase;
font-family: "Crimson Roman", "Verdana", serif;
display: flex;
align-items: center;
}
.services-block .wrapper .cont .monitoring p {
display: inline-block;
color: white;
margin: 0;
padding: 4px 0 0 0;
line-height: 16px;
font-size: 14px;
}
.services-block .wrapper .cont .monitoring span {
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/24-7.png) no-repeat center center;
display: inline-block;
width: 36px;
height: 36px;
margin: 0 10px;
}
.services-block .wrapper .cont .services {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.services-block .wrapper .cont .services .service {
width: 23%;
}
.services-block .wrapper .cont .services .service span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Crimson Roman", "Verdana", serif;
color: white;
font-size: 12px;
line-height: 0px;
margin-bottom: 20px;
margin-top: 25px;
}
.services-block .wrapper .cont .services .service span:before {
content: "";
width: 30px;
height: 1px;
background-color: white;
display: inline-block;
margin-right: 10px;
}
.services-block .wrapper .cont .services .service p.title {
font-size: 24px;
font-weight: 500;
color: white;
}
.services-block .wrapper .cont .services .service p {
color: white;
}
.services-block .wrapper .cont .services .service a {
color: white;
margin-top: 40px;
display: inline-block;
font-family: "Crimson Roman", "Verdana", serif;
}
.signup-block {
background-color: var(--solace-footer);
position: relative;
padding: 0 0 65px;
}
.signup-block > svg {
width: 100%;
height: auto;
position: absolute;
top: -100px;
}
.signup-block .cont {
flex-wrap: wrap;
display: flex;
position: relative;
height: 400px;
}
.signup-block .cont .col {
width: 50%;
}
.signup-block .cont .col .text h3 {
display: inline-block;
color: white;
}
.signup-block .cont .col .text > span {
color: #60717A;
font-size: 12px;
font-family: "Crimson Roman", "Verdana", serif;
line-height: 18px;
font-weight: 500;
margin: 20px 0;
display: inline-block;
}
.signup-block .cont .col .text form {
position: relative;
}
.signup-block .cont .col .text form > span {
width: 70%;
position: relative;
line-height: 18px;
font-weight: 500;
margin: 5px 0;
display: inline-block;
}
.signup-block .cont .col .text form input {
padding: 20px 20px;
border-radius: 10px;
border: none;
font-size: 16px;
width: 100%;
box-sizing: border-box;
}
.signup-block .cont .col .text form input[type=submit] {
background-color: var(--solace-orange);
color: white;
width: 28%;
margin-left: 1%;
font-family: "Crimson Roman", "Verdana", serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 19px;
transition: background-color 0.4s ease-in-out;
}
.signup-block .cont .col .text form input[type=submit]:hover {
background-color: #676767;
cursor: pointer;
}
.signup-block .cont .col .text form .wpcf7-spinner {
position: absolute;
top: 18px;
right: 12px;
width: 24px;
}
.signup-block .cont .col .text form .wpcf7-not-valid-tip {
position: absolute;
top: -23px;
left: 0;
color: white;
font-size: 12px;
font-family: "Crimson Roman", "Verdana", serif;
}
.signup-block .cont .col .text form .wpcf7-response-output {
border: none;
text-align: left;
padding: 0;
margin: 0;
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-orange);
margin-top: 15px;
}
.signup-block .cont .col img {
width: 100%;
height: auto;
display: block;
}
.signup-block .cont .col:nth-child(1) {
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 1;
}
.signup-block .cont .col:nth-child(2) {
position: absolute;
right: 0;
top: -120px;
}
.signup-block:after {
content: "";
position: absolute;
bottom: -10px;
width: 100%;
height: 20px;
background-color: var(--solace-footer);
z-index: -1;
}
[data-type="acf/slider"] .slider-block .slick-dots {
height: 20px;
}
[data-type="acf/slider"] .slider-block .slider .slick-slide .scroll {
display: none;
}
.slider.slick-initialized {
opacity: 1;
}
.slider-block {
position: relative;
background-color: var(--solace-navy);
}
.slider-block .slick-initialized {
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
transition-delay: 0.1s;
}
.slider-block .slider .slick-slide {
position: relative;
}
.slider-block .slider .slick-slide img {
width: 100%;
max-height: 400px;
min-height: 650px;
height: auto;
object-fit: cover;
object-position: center;
}
.slider-block .slider .slick-slide .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px 20px;
text-align: center;
z-index: 2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.slider-block .slider .slick-slide .content > p {
color: white;
text-align: left;
font-size: 20px;
line-height: 26px;
font-weight: 400;
position: relative;
opacity: 0;
padding: 0;
margin: 20px 0;
transition: opacity 0.8s ease-in-out;
transition-delay: 0.3s;
display: inline-block;
width: 100%;
font-family: "Montserrat", "Verdana", serif;
}
.slider-block .slider .slick-slide .content > p.tag {
font-family: "Montserrat", "Verdana", serif;
font-weight: 800;
font-size: 25px;
}
.slider-block .slider .slick-slide .content h1 {
padding: 0;
margin: 0;
color: white;
font-size: 45px;
line-height: 55px;
font-weight: 500;
letter-spacing: 0.5px;
transition: 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transform: translateY(115%) translateZ(0);
opacity: 0;
width: 100%;
text-align: left;
width: 550px;
}
.slider-block .slider .slick-slide .content a {
color: white;
margin-top: 20px;
margin-right: 50%;
}
.slider-block .slider .slick-slide.animation .content h1 {
transform: translateY(0) translateZ(0);
opacity: 1;
}
.slider-block .slider .slick-slide.animation .content > p {
transform: translateY(0) translateZ(0);
opacity: 1;
}
.slider-block .slider .slick-slide.animation .content > p:after {
right: -50px;
}
.slider-block .slider .slick-slide .scroll {
position: absolute;
transition: all 0.3s ease-in-out;
transform: rotate(90deg);
left: calc(50% - 565px);
bottom: 10px;
z-index: 10;
}
.slider-block .slider .slick-slide .scroll svg {
height: 41px;
width: auto;
}
.slider-block .slider .slick-slide .scroll svg path {
transition: transform 0.3s ease-in-out;
}
.slider-block .slider .slick-slide .scroll:hover {
cursor: pointer;
bottom: 5px;
}
.slider-block .slider .slick-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
background: transparent;
border: none;
text-indent: -5000px;
width: 80px;
height: 80px;
transition: all 0.3s ease-in-out;
left: 0;
}
.slider-block .slider .slick-arrow.slick-next {
right: 0;
left: auto;
}
.slider-block .slider .slick-arrow.slick-next:hover {
right: -3px;
left: auto;
}
.slider-block .slider .slick-arrow.slick-next:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.slider-block .slider .slick-arrow:before {
content: "";
background-image: url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-slider3.svg);
background-size: 80px;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg);
opacity: 1;
transition: all 0.3s ease-in-out;
opacity: 0.5;
}
.slider-block .slider .slick-arrow:hover {
left: -3px;
}
.slider-block .slider .slick-arrow:hover:before {
opacity: 1;
cursor: pointer;
}
.slider-block .slider .slick-dots {
position: absolute;
left: 50%;
bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0;
transform: translate(-50%, -50%);
}
.slider-block .slider .slick-dots li {
list-style: none;
margin: 6px 4px;
line-height: 0;
width: auto;
text-align: center;
}
.slider-block .slider .slick-dots li button {
border: none;
background-color: white;
text-indent: -5000px;
width: 15px;
height: 15px;
margin: 0;
padding: 0;
transition: all 0.3s ease-in-out;
border-radius: 0px;
opacity: 1;
position: relative;
border-radius: 10px;
}
.slider-block .slider .slick-dots li button:hover {
cursor: pointer;
}
.slider-block .slider .slick-dots li.slick-active button {
background-color: var(--motor-orange);
opacity: 1;
}
.slider-block .slider .slick-dots li.slick-active button:after {
opacity: 1;
}
.slider-block .large .slick-slide img {
max-height: 70vh;
}
.slider-block .fwidth .slick-slide .content h1 {
width: 100%;
}
.slider-block .fade .slick-slide:before {
content: "";
width: 100%;
height: 260px;
position: absolute;
bottom: 0;
left: 0;
background: #273141;
background: linear-gradient(0deg, #273141 0%, rgba(39, 49, 65, 0) 100%);
z-index: 2;
}
.slider-block .overlay .slick-slide:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.wp-block-columns .slider-block {
padding: 0;
}
.wp-block-columns .slider-block img {
height: 585px;
}
@keyframes example {
from {
background-color: red;
}
to {
background-color: yellow;
}
}
@media screen and (max-width: 812px) {
.slider-block {
padding: 0;
}
.slider-block img {
min-height: calc(100vh - 200px);
}
.slider-block .slider .slick-slide .content {
padding: 10px 30px;
top: 50%;
}
.slider-block .slider .slick-slide .content h1 {
font-size: 32px;
line-height: 40px;
margin: 10px 0;
}
.slider-block .slider .slick-slide .content p.tag {
font-size: 20px;
margin-bottom: 0;
}
.slider-block .slider .slick-slide .content p {
font-size: 22px;
line-height: 28px;
}
.slider-block .slider .slick-slide .content a {
margin-top: 30px;
}
.slider-block .slider .slick-slide .scroll {
display: none;
}
.slider-block .slider .slick-dots {
margin-left: 10px;
}
.slider-block .slider .slick-arrow {
display: none !important;
}
}
.sponsors-list-block {
position: relative;
}
.sponsors-list-block p {
font-weight: 600;
display: inline-block;
border-bottom: 1px solid var(--c-red);
width: 100%;
padding: 0;
margin: 5px 0;
}
.sponsors-list-block .dev {
left: auto;
right: 0;
}
.sponsors-list-block .lists {
display: flex;
flex-wrap: wrap;
}
.sponsors-list-block .lists .list {
flex: 1 0 33%;
}
.sponsors-list-block .lists .list .item {
width: 100%;
display: inline-block;
line-height: 23px;
}
@media screen and (max-width: 812px) {
.sponsors-list-block {
margin: 20px 0;
}
.sponsors-list-block .lists .list {
flex: 1 0 100%;
}
}
.steps-block .cont {
display: flex;
flex-wrap: wrap;
gap: 0 2.5%;
padding: 20px;
}
.steps-block .cont .item {
flex: 1 1 30%;
}
.steps-block .cont .item img {
width: auto;
height: 100px;
object-fit: contain;
object-position: bottom;
}
.steps-block .cont .item h3 {
width: 100%;
}
.steps-block .cont .item a {
font-size: 16px;
padding: 5px 30px;
margin-top: 10px;
}
@media screen and (max-width: 812px) {
.steps-block .cont .item {
flex: 1 1 100%;
}
}
.swiper-gallery-block {
padding: 0px 40px;
box-sizing: border-box;
position: relative;
}
.swiper-gallery-block h3 {
padding: 20px 20px 40px;
}
.swiper-gallery-block .swiper-gallery {
width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: visible;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper {
padding: 0px 0 40px;
box-sizing: border-box;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper:before {
content: "";
position: absolute;
left: -10px;
height: 20px;
width: 160px;
background: var(--solace-orange) url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
top: calc(50% - 20px);
transform: translate(-50%, -50%) rotate(270deg);
background-position: center;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide {
height: 500px;
width: auto;
background-color: var(--solace-navy);
overflow: hidden;
text-decoration: none;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide img {
display: block;
z-index: 1;
height: 100%;
width: auto;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide p {
font-size: 15px;
line-height: 23px;
color: white;
z-index: 2;
position: absolute;
padding: 30px 30px;
opacity: 1;
transition: all 0.5s ease-in-out;
bottom: 0;
left: 0;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide:hover:after {
height: 600px;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide:hover p {
opacity: 1;
}
.swiper-gallery-block .swiper-gallery .swiper-wrapper .swiper-slide:hover .link {
opacity: 1;
bottom: 38px;
}
.swiper-gallery-block .swiper-gallery .swiper-scrollbar {
left: 0 !important;
width: 100% !important;
height: 4px !important;
background-color: #FBF4EA;
}
.swiper-gallery-block .swiper-gallery .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--solace-orange);
}
.swiper-gallery-block .swiper-gallery:hover {
cursor: pointer;
}
.swiper-team-block {
padding: 0px 40px;
box-sizing: border-box;
position: relative;
}
.swiper-team-block h3 {
padding: 20px 20px 40px;
}
.swiper-team-block .swiper-team {
width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: visible;
position: relative;
}
.swiper-team-block .swiper-team .swiper-wrapper {
padding: 0px 0 40px;
box-sizing: border-box;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide {
height: 500px;
width: 370px;
text-decoration: none;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide img {
display: block;
z-index: 2;
height: 100%;
width: auto;
position: relative;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .text {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
box-sizing: border-box;
z-index: 3;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .text h4 {
margin: 0;
padding: 0;
color: white;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 22px;
font-weight: 500;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .text p {
font-size: 14px;
line-height: 23px;
color: white;
z-index: 2;
padding: 0;
margin: 0;
opacity: 1;
transition: all 0.5s ease-in-out;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .desc {
opacity: 0;
position: absolute;
right: 0;
width: 370px;
padding: 20px 40px;
box-sizing: border-box;
line-height: 23px;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 14px;
transition: all 0s ease-in-out;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .social {
position: absolute;
right: 0;
bottom: 0;
width: 370px;
padding: 20px 40px;
box-sizing: border-box;
z-index: 1;
opacity: 0;
transition: all 0s ease-in-out;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide .social a {
margin-right: 5px;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide:hover p {
opacity: 1;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide:hover .link {
opacity: 1;
bottom: 38px;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide.open {
width: 740px;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide.open .desc {
transition: all 0.8s ease-in-out;
opacity: 1;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide.open .social {
transition: all 1.2s ease-in-out;
opacity: 1;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide.open:after {
opacity: 1;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide:before {
content: "";
position: absolute;
width: 370px;
height: 140px;
background: black;
background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
left: 0;
z-index: 3;
}
.swiper-team-block .swiper-team .swiper-wrapper .swiper-slide:after {
content: "";
position: absolute;
width: 306px;
height: 450px;
bottom: 0px;
left: 50px;
background-color: #273141;
z-index: 1;
filter: blur(35px);
opacity: 0;
transition: all 0.6s ease-in-out;
}
.swiper-team-block .swiper-team .swiper-scrollbar {
left: 0 !important;
width: 100% !important;
height: 4px !important;
background-color: #FBF4EA;
}
.swiper-team-block .swiper-team .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--solace-orange);
}
.swiper-team-block .swiper-team:hover {
cursor: pointer;
}
.swiper-team-block .swiper-team .swiper-button-next {
left: -41px;
right: auto;
background-color: var(--solace-orange);
color: white;
padding: 20px;
box-sizing: border-box;
margin: 0 1px;
font-size: 0;
text-indent: -5000px;
transition: background-color 0.4s ease-in-out;
top: calc(50% - 44px);
transform: rotate(180deg);
}
.swiper-team-block .swiper-team .swiper-button-next:after {
content: "";
width: 100%;
height: 100%;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
background-position: center;
}
.swiper-team-block .swiper-team .swiper-button-prev {
left: -41px;
right: auto;
background-color: var(--solace-navy);
color: white;
padding: 20px;
box-sizing: border-box;
margin: 0 1px;
font-size: 0;
text-indent: -5000px;
transition: background-color 0.4s ease-in-out;
}
.swiper-team-block .swiper-team .swiper-button-prev:after {
content: "";
width: 100%;
height: 100%;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
background-position: center;
}
.swiper-block {
padding: 0px;
box-sizing: border-box;
position: relative;
}
.swiper-block .wrapper {
padding: 0 40px;
box-sizing: border-box;
}
.swiper-block .wrapper h3 {
padding: 20px 20px 40px;
text-align: center;
font-family: "Montserrat", "Verdana", serif;
}
.swiper-block .wrapper .swiper {
width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: visible;
}
.swiper-block .wrapper .swiper .swiper-wrapper {
padding: 0px 0 40px;
box-sizing: border-box;
}
.swiper-block .wrapper .swiper .swiper-wrapper:before {
content: "";
position: absolute;
left: -10px;
height: 20px;
width: 160px;
background: var(--solace-orange) url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
top: calc(50% - 20px);
transform: translate(-50%, -50%) rotate(270deg);
background-position: center;
display: none;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide {
width: 370px;
height: 500px;
background-color: var(--solace-navy);
overflow: hidden;
text-decoration: none;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide a {
background-image: url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-contact.svg);
background-size: 36px;
width: 36px;
height: 36px;
position: absolute;
bottom: 20px;
right: 20px;
transition: all 0.3s ease-in-out;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide a:hover {
right: 18px;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide p {
font-size: 15px;
line-height: 23px;
color: white;
z-index: 2;
position: relative;
padding: 30px 30px;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide h4 {
position: absolute;
bottom: 20px;
font-weight: 500;
font-size: 23px;
line-height: 30px;
z-index: 1;
color: white;
font-family: "Crimson Roman", "Verdana", serif;
padding: 10px 40px;
max-width: 70%;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide .link {
background-color: var(--solace-orange);
color: white;
padding: 20px;
box-sizing: border-box;
z-index: 1;
position: absolute;
right: 0;
bottom: -40px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide .link::after {
content: "";
width: 100%;
height: 100%;
background: transparent url(//www.motorhome-heroes.com/wp-content/themes/motor/images/arrow-nav.svg) no-repeat;
background-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(270deg);
background-position: center;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide:after {
content: "";
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
background: #273140;
background: linear-gradient(0deg, #273140 0%, rgba(39, 49, 64, 0) 100%);
transition: all 0.5s ease-in-out;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide:hover:after {
height: 600px;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide:hover p {
opacity: 1;
}
.swiper-block .wrapper .swiper .swiper-wrapper .swiper-slide:hover .link {
opacity: 1;
bottom: 38px;
}
.swiper-block .wrapper .swiper .swiper-scrollbar {
left: 0 !important;
width: 100% !important;
height: 4px !important;
background-color: #FBF4EA;
display: none;
z-index: 1;
}
.swiper-block .wrapper .swiper .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--solace-orange);
}
.swiper-block .wrapper .swiper:hover {
cursor: pointer;
}
.swiper-block .wrapper.left h3 {
text-align: left;
}
.swiper-block .wrapper.arrows .swiper .swiper-wrapper:before {
display: inline-block;
}
.swiper-block .wrapper.scroll .swiper .swiper-scrollbar {
display: inline-block;
}
.swiper-block:after {
content: "";
background-color: white;
width: 100%;
height: 350px;
position: absolute;
bottom: -10px;
z-index: 0;
}
.timeline-block {
position: relative;
}
.timeline-block .cont {
position: relative;
}
.timeline-block .cont .item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding: 100px 0;
}
.timeline-block .cont .item .year {
position: absolute;
left: calc(50% - 35px);
width: 70px;
height: 70px;
background-color: var(--solace-navy);
color: white;
font-family: "Crimson Roman", "Verdana", serif;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
font-weight: 600;
transition: background-color 1s ease-in-out;
transition-delay: 0.5s;
}
.timeline-block .cont .item .year.is-inview {
background-color: var(--solace-orange);
}
.timeline-block .cont .item .col {
width: 40%;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.timeline-block .cont .item .col .content strong {
font-size: 20px;
}
.timeline-block .cont .item .col img {
width: 400px;
height: 450px;
object-fit: cover;
object-position: center;
}
.timeline-block .cont .item .col.two img {
height: 391px;
width: 293px;
position: absolute;
left: 0;
bottom: -50px;
z-index: 2;
}
.timeline-block .cont .item .col.two img:nth-child(2) {
right: 0;
left: auto;
bottom: 50px;
z-index: 1;
}
.timeline-block .cont .item .col.two:after {
content: "";
position: absolute;
width: 306px;
height: 304px;
bottom: 40px;
left: 95px;
background-color: #273141;
filter: blur(35px);
opacity: 0.6;
transition: all 0.6s ease-in-out;
z-index: 0;
}
.timeline-block .cont .item .col:nth-child(2) {
justify-content: center;
}
.timeline-block .cont .item:nth-child(odd) .col:nth-child(1) {
order: 2;
}
.timeline-block .cont .item:nth-child(odd) .col:nth-child(2) {
order: 1;
}
.timeline-block .cont:after {
content: "";
width: 1px;
height: calc(100% - 200px);
background-color: #CCCCCC;
position: absolute;
left: calc(50% + 1px);
top: 100px;
}
[data-type="acf/two-boxes"] .boxes2-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.two-boxes-block {
position: relative;
}
.two-boxes-block .boxes {
max-width: 1600px;
display: flex;
flex-wrap: wrap;
}
.two-boxes-block .boxes .item {
width: 50%;
position: relative;
}
.two-boxes-block .boxes .item h3 {
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
text-align: center;
margin: 0;
padding: 0;
z-index: 3;
}
.two-boxes-block .boxes .item h3:after {
display: none;
}
.two-boxes-block .boxes .item img {
display: block;
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
z-index: 2;
}
.two-boxes-block .boxes .item a {
text-decoration: none;
}
.two-boxes-block .boxes .item:after {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(1, 0, 0, 0.25);
z-index: 1;
position: absolute;
}
@media screen and (max-width: 812px) {
.two-boxes-block {
padding: 0px 0;
}
.two-boxes-block .boxes .item {
width: 100%;
}
}
.vacancies-block {
padding: 20px;
}
.vacancies-block > span {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: "Inter", sans-serif;
color: var(--solace-orange);
font-size: 12px;
line-height: 0px;
text-transform: uppercase;
}
.vacancies-block > span:before {
content: "";
width: 30px;
height: 1px;
background-color: var(--solace-orange);
display: inline-block;
margin-right: 10px;
}
.vacancies-block > h3 {
margin-top: 0;
padding-top: 10px;
}
.vacancies-block .item {
position: relative;
display: flex;
flex-wrap: wrap;
text-decoration: none;
justify-content: space-between;
border-top: 1px solid #F5F5F5;
padding: 50px 0;
box-sizing: border-box;
}
.vacancies-block .item.cyber .left .sector {
background-color: var(--solace-royal-blue);
}
.vacancies-block .item.cyber .left .sector:after {
background-color: var(--solace-royal-blue);
}
.vacancies-block .item.cyber .left .sector:before {
background-color: var(--solace-electric-blue);
}
.vacancies-block .item.off-shore .left .sector {
background-color: #59998B;
}
.vacancies-block .item.off-shore .left .sector:after {
background-color: #59998B;
}
.vacancies-block .item.off-shore .left .sector:before {
background-color: var(--solace-maritime-green);
}
.vacancies-block .item.risk .left .sector {
background-color: #F3B049;
}
.vacancies-block .item.risk .left .sector:after {
background-color: #F3B049;
}
.vacancies-block .item.risk .left .sector:before {
background-color: var(--solace-orange);
}
.vacancies-block .item .date {
position: relative;
font-family: "Crimson Roman", "Verdana", serif;
font-size: 12px;
margin-bottom: 5px;
text-transform: uppercase;
}
.vacancies-block .item .text {
width: 85%;
box-sizing: border-box;
padding: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
overflow: hidden;
}
.vacancies-block .item .text.open .toggle {
background-color: var(--solace-orange);
}
.vacancies-block .item .text.open .toggle:after {
transform: translate(-50%, -50%) rotate(0deg);
}
.vacancies-block .item .text.open h4 {
color: var(--solace-orange);
}
.vacancies-block .item .text .toggle {
width: 18px;
height: 18px;
position: absolute;
top: 50px;
right: 0;
z-index: 10;
background-color: var(--solace-navy);
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.vacancies-block .item .text .toggle:before {
content: "";
width: 60%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%);
border-radius: 15px;
}
.vacancies-block .item .text .toggle:after {
content: "";
width: 60%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(90deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.vacancies-block .item .text .toggle:hover {
cursor: pointer;
background-color: var(--solace-orange);
}
.vacancies-block .item .text h2 {
font-size: 24px;
}
.vacancies-block .item .text h4 {
font-family: "Crimson Roman", "Verdana", serif;
color: var(--solace-navy);
font-size: 24px;
font-weight: 500;
margin-top: 0;
padding-top: 0;
transition: color 0.3s ease-in-out;
}
.vacancies-block .item .text .wp-block-spacer {
display: none;
}
.vacancies-block .item .text .swiper-gallery-block {
padding-left: 0;
}
.vacancies-block .item .text .paragraph, .vacancies-block .item .text .heading, .vacancies-block .item .text .wp-block-columns {
padding: 0;
}
.vacancies-block .item .text > .link {
text-decoration: none;
background-color: var(--solace-navy);
border: var(--solace-navy);
margin-top: 20px;
}
.vacancies-block .item .text > .link:hover {
background-color: var(--solace-orange);
border: var(--solace-orange);
}
.vacancies-block .item:last-child {
border-bottom: 1px solid #F5F5F5;
}
.venues-overview-block .boxes {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.venues-overview-block .boxes .block {
background-color: var(--c-gold);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0;
min-height: 135px;
transition: all 0.3s ease-in-out;
text-decoration: none;
width: 32.9%;
height: 360px;
position: relative;
overflow: hidden;
}
.venues-overview-block .boxes .block img {
width: 101%;
height: 101%;
object-fit: cover;
object-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
}
.venues-overview-block .boxes .block p {
width: auto;
padding: 10px 15px;
box-sizing: border-box;
color: white;
text-transform: uppercase;
font-size: 20px;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 1;
background-color: var(--c-red);
}
.venues-overview-block .boxes .block:hover {
background-color: var(--c-dred) !important;
cursor: pointer;
}
.venues-overview-block .boxes .block:hover img {
width: 105%;
height: 105%;
}
.venues-overview-block .boxes .block:nth-child(2n) {
background-color: var(--c-red);
width: calc(33% - 15px);
}
@media screen and (max-width: 812px) {
.venues-overview-block {
margin-bottom: 15px;
}
.venues-overview-block .boxes .block {
width: 100% !important;
margin: 7.5px 0;
}
}
.video-block {
z-index: 10;
position: relative;
}
.video-block .wrapper {
background-color: #cecece;
position: relative;
}
.video-block .wrapper .video {
max-width: 1280px;
min-height: 610px;
display: block;
width: 100%;
height: 40vh;
position: relative;
background: black;
margin: 0 auto;
padding: 0;
}
.video-block .wrapper .video iframe {
width: 100%;
height: 100%;
}
.video-block .wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
z-index: 1;
}
.welcome-block {
position: relative;
}
.welcome-block .wrapper {
background-size: cover;
background-position: center;
}
.welcome-block .wrapper .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.welcome-block .wrapper .cont .col {
flex-basis: 48%;
padding: 80px 0;
box-sizing: border-box;
}
.welcome-block .wrapper .cont .col p.tag {
color: white;
font-size: 28px;
margin: 0;
padding: 0;
opacity: 0.8;
}
.welcome-block .wrapper .cont .col h1, .welcome-block .wrapper .cont .col h2, .welcome-block .wrapper .cont .col h3, .welcome-block .wrapper .cont .col h4, .welcome-block .wrapper .cont .col h5 {
color: white;
position: relative;
margin-bottom: 20px;
}
.welcome-block .wrapper .cont .col h1:after, .welcome-block .wrapper .cont .col h2:after, .welcome-block .wrapper .cont .col h3:after, .welcome-block .wrapper .cont .col h4:after, .welcome-block .wrapper .cont .col h5:after {
content: "";
width: 100px;
height: 1px;
background-color: white;
position: absolute;
left: 0;
bottom: 0;
}
.welcome-block .wrapper .cont .col p {
color: white;
}
.welcome-block .wrapper .cont .col ul li, .welcome-block .wrapper .cont .col ol li {
color: white;
}
.welcome-block .wrapper .cont .col .btn {
margin-top: 20px;
}
.welcome-block .wrapper .cont .col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 812px) {
.welcome-block .wrapper .cont .col {
flex-basis: 100%;
}
.welcome-block .wrapper .cont .col:last-child {
padding-top: 0;
}
}
.what-we-do-block {
position: relative;
}
.what-we-do-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.what-we-do-block .cont .col {
flex-basis: 49%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.what-we-do-block .cont .col p.tag {
font-size: 28px;
margin: 0;
padding: 0;
opacity: 0.8;
color: var(--heath-purple);
}
.what-we-do-block .cont .col h2 {
width: 100%;
}
.what-we-do-block .cont .col .img {
position: relative;
text-decoration: none;
margin-top: auto;
width: 100%;
}
.what-we-do-block .cont .col .img img {
width: 100%;
height: 410px;
object-fit: cover;
object-position: center;
transition: all 0.3s ease-in-out;
}
.what-we-do-block .cont .col .img .btn {
position: absolute;
bottom: 20px;
left: 20px;
color: white;
font-family: "Montserrat", "Verdana", serif;
font-size: 20px;
font-weight: 600;
}
.what-we-do-block .cont .col .img:hover img {
transform: scale(1.05);
}
.what-we-do-block .cont .col .img.small {
margin-top: 2%;
width: 48%;
display: inline-block;
}
.what-we-do-block .cont .col .img.small img {
height: 260px;
}
@media screen and (max-width: 812px) {
.what-we-do-block .cont .col {
flex-basis: 100%;
}
.what-we-do-block .cont .col .img.small img {
height: 45vw;
}
}
[data-type="core/spacer"] .components-resizable-box__container {
background-color: #f7f7f7;
}