/* -------------------------------------------- -------------------------------------------- COLOURS -------------------------------------------- -------------------------------------------- darkblue: #144598; blue: #0F6EBC; yellow: #F3AF18; cyan: #0EE2DC; skyblue: #47B8D3; magenta: #D33777; green: #19D108; sustainability: #759865; pale skyblue: #A6DDEA; pale yellow: #F8CC69; pale cyan: #5CD9D5; pale magenta:#E36F9E; pale green: #72D96A; pale purple: #AC91C6; grey: #6F6f6F; darkgrey: #1A1A1A; */ /* -------------------------------------------- -------------------------------------------- PRINCIPAL BREAKPOINTS -------------------------------------------- -------------------------------------------- 320px 575px (Elementor) 768px (Elementor) 992px 1024px 1280px 1400px (Elementor) */ /* -------------------------------------------- -------------------------------------------- FONTS -------------------------------------------- -------------------------------------------- */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com */ @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=34b0fc80-6343-428d-9993-454bdd5e614e&fontids=1564505,1564511,1564517,1564523"); @font-face { font-family: "VAG Rounded Thin"; src: url("/wp-content/uploads/753751e3-a547-4d30-b947-3b273c85eed3.woff2") format("woff2"), url("/wp-content/uploads/c95f2739-000f-435b-9f69-b15e08684fbf.woff") format("woff"); } @font-face { font-family: "VAG Rounded Light"; src: url("/wp-content/uploads/882d2ff7-f20c-4a57-9eef-762dc3771395.woff2") format("woff2"), url("/wp-content/uploads/8db590ec-51e3-4b26-bd16-e6e2a54b86bd.woff") format("woff"); } @font-face { font-family: "VAG Rounded Bold"; src: url("/wp-content/uploads/1932cf6d-7af4-4bca-8c5d-21dbdb848b41.woff2") format("woff2"), url("/wp-content/uploads/a0ae295c-02a9-4bcd-ab23-4a32452e53c5.woff") format("woff"); } @font-face { font-family: "VAG Rounded Black"; src: url("/wp-content/uploads/74623a02-2313-4f8b-9478-901e6cbd694b.woff2") format("woff2"), url("/wp-content/uploads/a420c994-dc3d-43df-b2e2-5cc5c4abcdee.woff") format("woff"); } /* -------------------------------------------- -------------------------------------------- RESETS -------------------------------------------- -------------------------------------------- */ body { background-color: #fff; } body>.page>.elementor-inner>.elementor-section-wrap>.elementor-section>.elementor-container>.elementor-element { padding-top: 0; padding-bottom: 0; } section { padding: 0; } .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding-left: 15px; padding-right: 15px; } .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input { display: inline-block; } button { text-transform: none; } button:focus, button:hover { text-decoration: none; } /* -------------------------------------------- -------------------------------------------- STRUCTURE -------------------------------------------- -------------------------------------------- */ /* Max screen size */ .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1000px; } @media only screen and (min-width: 1281px) { .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1400px; } } .elementor.elementor-location-single.page { overflow: hidden; } /* ----------------------------- */ /* Header */ /* ----------------------------- */ #vm-header-logo.elementor-widget-image { text-align: left; } #vm-header-logo a { display: block; } #vm-header-logo img { width: 100%; max-width: 227px; height: auto; } @media only screen and (min-width: 769px) { #vm-header-logo img { margin-left: 12px; } } /* ----------------------------- */ /* Header nav */ /* ----------------------------- */ #vm-header { background-color: transparent; } #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 20px; font-family: 'VAG Rounded Light', sans-serif; font-weight: normal; } @media only screen and (min-width: 769px) { #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 14px; } #vm-header .elementor-nav-menu--main .elementor-nav-menu a { padding-left: 7px; padding-right: 0; } #vm-header-logo img { max-width: 160px; } } @media only screen and (min-width: 896px) { #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 16px; } #vm-header .elementor-nav-menu--main .elementor-nav-menu a { padding-left: 12px; padding-right: 0; } } @media only screen and (min-width: 1024px) { #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 18px; } #vm-header .elementor-nav-menu--main .elementor-nav-menu a { padding-left: 10px; padding-right: 10px; } #vm-header-logo img { max-width: 195px; } } @media only screen and (min-width: 1296px) { #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item { font-size: 20px; } #vm-header .elementor-nav-menu--main .elementor-nav-menu a { padding-left: 20px; padding-right: 20px; } #vm-header-logo img { max-width: 227px; } } #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item.elementor-item-active, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item.highlighted, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item:focus { color: #fff; } @media only screen and (min-width: 769px) { #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item.elementor-item-active, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item.highlighted, #vm-header .elementor-widget-nav-menu .elementor-nav-menu .elementor-item:focus { color: #0F6EBC; } } #vm-header .elementor-element .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after { background-color: #0F6EBC; height: 3px; } #vm-header .elementor-element .elementor-nav-menu--main:not(.e--pointer-framed) li.menu-item-has-children .elementor-item::after { background-color: transparent; } /* Desktop */ #vm-header .elementor-nav-menu--dropdown { background-color: rgba(15, 110, 188, 0.95); color: #fff; } @media only screen and (min-width: 769px) { #vm-header .elementor-nav-menu--dropdown { margin-top: -3px !important; border-top: solid 3px #0F6EBC; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: rgba(15, 110, 188, 0.85); overflow: hidden; } #vm-header .elementor-nav-menu--dropdown a { padding-right: 14px !important; padding-left: 14px !important; border-left: 0; } } #vm-header .elementor-nav-menu--dropdown a { color: #fff; } #vm-header .elementor-nav-menu--dropdown a.elementor-item-active, #vm-header .elementor-nav-menu--dropdown a.highlighted, #vm-header .elementor-nav-menu--dropdown a:hover { background-color: #144598; } #vm-header nav a.elementor-item.has-submenu { cursor: pointer; } /* Mobile */ #vm-header div.elementor-menu-toggle { color: #0F6EBC; font-size: 3.6rem; } @media only screen and (max-width: 576px) { #vm-header .sub-menu.elementor-nav-menu--dropdown a { padding-top: 12px; padding-bottom: 12px; } } /* ----------------------------- */ /* Footer */ /* ----------------------------- */ #vm-footer { background-color: #1A1A1A; color: #fff; padding-top: 60px; padding-bottom: 60px; } @media only screen and (min-width: 1400px) { #vm-footer{ padding-top: 145px; padding-bottom: 110px; } #vm-footer .elementor-container { border-top: 3px solid #fff; padding-top: 60px; padding-bottom: 60px; } } @media only screen and (max-width: 768px) { #vm-footer .elementor-container .elementor-column .elementor-column-wrap .elementor-widget-wrap { justify-content: center; } /* #vm-footer .elementor-column.elementor-col-33 { width:33%; } */ } #vm-footer, #vm-footer .elementor-widget-text-editor, #vm-footer .elementor-widget-text-editor p {} @media only screen and (min-width: 769px) and (max-width: 1280px) { #vm-footer .elementor-widget-text-editor p { font-size: 1.6rem; } } #vm-footer-logo { width: 100%; height: auto; max-width: 200px; } @media only screen and (min-width: 1281px) { #vm-footer-logo { max-width: 314px; } } #vm-footer a.elementor-social-icon { font-size: 36px; } @media only screen and (min-width: 768px) { #vm-footer a.elementor-social-icon { font-size: 24px; } } @media only screen and (min-width: 1281px) { #vm-footer a.elementor-social-icon { font-size: 36px; } } #vm-footer a.elementor-social-icon i { color: #fff; } #vm-footer a.elementor-social-icon i:hover { color: #F3AF18; } #vm-footer a { color: #fff; font-size: 20px; } #vm-footer a:hover { color: #F3AF18; } #vm-footer-links { min-height: 36px; display: flex; justify-content: center; align-items: center; } #vm-footer-links a { display: block; text-align: center; margin: 10px 0 30px 0; font-family: 'VAG Rounded Bold', sans-serif; } #vm-footer-links a:hover { text-decoration: none; } @media only screen and (min-width: 769px) { #vm-footer-links { justify-content: flex-end; } #vm-footer-links a { margin: 0 0 0 10px; display: inline; font-size: 16px; text-align: left; } /* #vm-footer-links a#vm-tel-link { display:block; } */ } /* @media only screen and (min-width: 880px) { #vm-footer-links a { font-size:19px; } } */ /* @media only screen and (min-width: 1184px) { #vm-footer-links a#vm-tel-link { display:inline; } } */ @media only screen and (min-width: 1281px) { #vm-footer-links a { font-size: 20px; } } /* -------------------------------------------- -------------------------------------------- TEXT STYLES -------------------------------------------- -------------------------------------------- */ body, p, main li, .elementor-text-editor, .elementor-widget-container, .elementor-widget-theme-post-content, .elementor-widget-nav-menu .elementor-nav-menu .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item, .elementor-widget-call-to-action .elementor-cta__title, .elementor-widget-call-to-action .elementor-cta__description, .elementor-widget-call-to-action .elementor-cta__button, .elementor-widget-testimonial-carousel .elementor-testimonial__text, .elementor-widget-testimonial-carousel .elementor-testimonial__name, .elementor-widget-testimonial-carousel .elementor-testimonial__title, .elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title, .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description, .elementor-widget-flip-box .elementor-flip-box__button, .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title, .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description, .elementor-widget-form .elementor-field-group>label, .elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label, .elementor-widget-form .elementor-button, .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a, .elementor-posts .elementor-post__card .elementor-post__badge, .elementor-posts .elementor-post__card .elementor-post__read-more, .elementor-widget-posts .elementor-post__meta-data, .elementor-widget-posts .elementor-pagination, .elementor-widget-search-form input[type="search"].elementor-search-form__input, input { font-family: 'VAG Rounded Light', sans-serif; font-weight: normal; font-size: 1.6rem; letter-spacing: 0; line-height: 1.15em; color: #000; } .elementor-text-editor, .elementor-widget-container, .elementor-widget-container p, .elementor-text-editor p { line-height: 1.25em; } @media only screen and (min-width: 768px) { .elementor-text-editor, .elementor-widget-container, .elementor-widget-container p , .elementor-text-editor p { font-size: 1.8rem; } } @media only screen and (min-width: 1281px) { .elementor-text-editor, .elementor-widget-container, .elementor-widget-container p , .elementor-text-editor p { font-size: 2rem; } } h1, h2, h3, h4, h5, h6, .faux-heading { font-feature-settings: "lnum" 0; font-variant-numeric: lining-nums; } h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title { font-family: 'VAG Rounded Bold', sans-serif; font-weight: normal; color: #0F6EBC; letter-spacing: 0; line-height: 1.15em; font-feature-settings: normal; /* for IE 11 */ } h1, h2, h3, h4, h5, h6, p, main li { margin-top: 0 !important; } h1, .elementor-widget-heading h1.elementor-heading-title, .style-as-h1 h2, .style-as-h1 h3, .style-as-h1 h4 { font-size: 4.5rem; line-height: 1.1em; color: #0F6EBC; } @media only screen and (min-width: 768px) { h1, .elementor-widget-heading h1.elementor-heading-title, .style-as-h1 h2, .style-as-h1 h3, .style-as-h1 h4 { font-size: 5rem; } } @media only screen and (min-width: 1281px) { h1, .elementor-widget-heading h1.elementor-heading-title, .style-as-h1 h2, .style-as-h1 h3, .style-as-h1 h4 { font-size: 6rem; } } h2 { font-size: 4rem; } @media only screen and (min-width: 768px) { h2 { font-size: 4.5rem; } } @media only screen and (min-width: 1281px) { h2 { font-size: 5rem; } } .H2-light.elementor-widget-heading .elementor-heading-title { font-family: 'VAG Rounded Light', sans-serif; color: #6F6F6F; } h3 { font-size: 3rem; } @media only screen and (min-width: 768px) { h3 { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { h3 { font-size: 4rem; } } .H3-light.elementor-widget-heading .elementor-heading-title { font-family: 'VAG Rounded Light', sans-serif; color: #0F6EBC; } h4 { font-size: 2rem; } @media only screen and (min-width: 768px) { h4 { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { h4 { font-size: 3rem; } } h5 { font-size: 1.6rem; } @media only screen and (min-width: 768px) { h5 { font-size: 1.8rem; } } @media only screen and (min-width: 1281px) { h5 { font-size: 2rem; } } h6 { font-size: 1.4rem; } @media only screen and (min-width: 768px) { h6 { font-size: 1.6rem; } } @media only screen and (min-width: 1281px) { h6 { font-size: 1.8rem; } } .text-intro.elementor-widget-text-editor .elementor-widget-container , .text-intro.elementor-widget-text-editor .elementor-text-editor { font-size: 3rem; /* line-height:1em; */ text-align: center; color: #0F6EBC; padding-left: 12.5%; padding-right: 12.5%; } @media only screen and (min-width: 768px) { .text-intro.elementor-widget-text-editor .elementor-widget-container , .text-intro.elementor-widget-text-editor .elementor-text-editor { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { .text-intro.elementor-widget-text-editor .elementor-widget-container , .text-intro.elementor-widget-text-editor .elementor-text-editor { font-size: 4rem; } } p:last-child, main li:last-child, ul:last-child { margin-bottom: 0; } strong { font-family: 'VAG Rounded Bold', sans-serif !important; font-weight: normal !important; } /* ----------------------------- */ /* Section Heading */ /* ----------------------------- */ .section-heading { margin-bottom: 160px; } .section-heading .elementor-widget-heading .elementor-heading-title { color: #0F6EBC; font-weight: normal; font-family: 'VAG Rounded Bold', sans-serif; font-size: 4rem; text-align: center; } @media only screen and (min-width: 768px) { .section-heading .elementor-widget-heading .elementor-heading-title { font-size: 5rem; } } @media only screen and (min-width: 1200px) { .section-heading .elementor-widget-heading .elementor-heading-title { font-size: 6rem; } } /* ----------------------------- */ /* Pill Titles */ /* ----------------------------- */ h1.vm-title-pill, .vm-title-pill h1 { display: inline-block; margin-bottom: 0.2em !important; color: #fff !important; background-color: #0F6EBC; font-size: 4.5rem; font-family: 'VAG Rounded Bold'; padding: 24px 36px !important; border-radius: 60px !important; } @media only screen and (min-width: 768px) { h1.vm-title-pill, .vm-title-pill h1 { font-size: 5rem; padding: 30px 45px !important; border-radius: 66px !important; } } @media only screen and (min-width: 1200px) { h1.vm-title-pill, .vm-title-pill h1 { font-size: 6rem; padding: 23px 54px !important; border-radius: 72px !important; } } /* ----------------------------- */ /* Text helpers */ /* ----------------------------- */ .text-bold { font-family: 'VAG Rounded Bold', sans-serif !important; } .text-light { font-family: 'VAG Rounded Light', sans-serif !important; } .text-thin { font-family: 'VAG Rounded Thin', sans-serif !important; } .text-large { font-size: 2.4rem !important; line-height: 1.25em !important; } @media only screen and (min-width: 768px) { .text-large { font-size: 2.7rem !important; } } @media only screen and (min-width: 1281px) { .text-large { font-size: 3rem !important; } } .text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue h5, .text-blue h6, .text-blue span, .text-blue p { color: #0F6EBC !important; } .text-yellow, .text-yellow h1, .text-yellow h2, .text-yellow h3, .text-yellow h4, .text-yellow h5, .text-yellow h6, .text-yellow span, .text-yellow p { color: #F3AF18 !important; } .text-cyan, .text-cyan h1, .text-cyan h2, .text-cyan h3, .text-cyan h4, .text-cyan h5, .text-cyan h6, .text-cyan span, .text-cyan p { color: #0EE2DC !important; } .text-skyblue, .text-skyblue h1, .text-skyblue h2, .text-skyblue h3, .text-skyblue h4, .text-skyblue h5, .text-skyblue h6, .text-skyblue span, .text-skyblue p { color: #47B8D3 !important; } .text-magenta, .text-magenta h1, .text-magenta h2, .text-magenta h3, .text-magenta h4, .text-magenta h5, .text-magenta h6, .text-magenta span, .text-magenta p { color: #D33777 !important; } .text-green, .text-green h1, .text-green h2, .text-green h3, .text-green h4, .text-green h5, .text-green h6, .text-green span, .text-green p { color: #19D108 !important; } .text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5, .text-grey h6, .text-grey span, .text-grey p { color: #6F6F6F !important; } .text-darkgrey, .text-darkgrey h1, .text-darkgrey h2, .text-darkgrey h3, .text-darkgrey h4, .text-darkgrey h5, .text-darkgrey h6, .text-darkgrey span, .text-darkgrey p { color: #1A1A1A !important; } .text-black, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6, .text-black span, .text-black p { color: #000 !important; } .text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white span, .text-white p { color: #FFF !important; } .text-olivegreen, .text-olivegreen h1, .text-yeolivegreenllow h2, .text-olivegreen h3, .text-olivegreen h4, .text-olivegreen h5, .text-olivegreen h6, .text-olivegreen span, .text-olivegreen p { color: #759865 !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } /* -------------------------------------------- -------------------------------------------- HTML ELEMENTS -------------------------------------------- -------------------------------------------- */ /* ----------------------------- */ /* Links */ /* ----------------------------- */ .elementor-widget-container a, .elementor-text-editor a { color: #0F6EBC; text-decoration: none; font-family: inherit; } .elementor-widget-container a:hover, .elementor-text-editor a:hover { /* color: #0F6EBC; text-decoration: underline; */ } /* Button links */ .elementor-widget-button a.elementor-button, .elementor-cta__button-wrapper a.elementor-button { background-color: #0F6EBC; padding: 11px 17px; border-radius: 24px; transition: background-color 0.5s; } @media only screen and (min-width: 1281px) { .elementor-widget-button a.elementor-button, .elementor-cta__button-wrapper a.elementor-button { padding: 14px 22px; } } .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text, .elementor-cta__button-wrapper a.elementor-button { color: #fff; font-size: 1.6rem; font-family: 'VAG Rounded Bold', sans-serif; } @media only screen and (min-width: 1281px) { .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text, .elementor-cta__button-wrapper a.elementor-button { font-size: 2rem; } } .elementor-widget-button a.elementor-button:hover, .elementor-cta__button-wrapper a.elementor-button:hover { background-color: #F3AF18; } .elementor-cta__button-wrapper a.elementor-button { color: #fff !important; border: none; } /* ----------------------------- */ /* Buttons */ /* ----------------------------- */ /* Form buttons */ .elementor-widget-form .elementor-button { background-color: #0F6EBC; padding: 22px 35px; border-radius: 29px; transition: background-color 0.5s; } .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; font-size: 3rem; font-family: 'VAG Rounded Bold', sans-serif; } .elementor-widget-form .elementor-button:hover { background-color: #F3AF18; } .elementor-button-align-stretch .elementor-field-type-submit button { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .elementor-button span:hover { text-decoration: none; } /* Magenta button */ .button-magenta.elementor-widget-button a.elementor-button { background-color: #D33777; } .button-magenta.elementor-widget-button a.elementor-button:hover { background-color: #0F6EBC; } /* -------------------------------------------- -------------------------------------------- PAGE STYLES -------------------------------------------- -------------------------------------------- */ /* ----------------------------- */ /* General page styles */ /* ----------------------------- */ /*.elementor-location-single.page { margin-bottom:250px; }*/ /* ----------------------------- */ /* Homepage */ /* ----------------------------- */ body.home { background-image: url("/wp-content/uploads/bgrnd-zigzag-1-414.svg"); background-position: center -100px; background-repeat: no-repeat; background-size: 1080px; } @media only screen and (min-width: 576px) { body.home { background-image: url("/wp-content/uploads/bgrnd-zigzag-1-768.svg"); background-position: center -187px; background-size: 1907px; } } @media only screen and (min-width: 1024px) { body.home { background-image: url("/wp-content/uploads/bgrnd-zigzag-1-1200.svg"); background-position: center -455px; background-size: 2573px; } } @media only screen and (min-width: 1281px) { body.home { background-position: center -386px; } } @media only screen and (min-width: 1400px) { body.home { background-image: url("/wp-content/uploads/bgrnd-zigzag-1-1400.svg"); background-position: center -526px; background-size: 3706px; } } body.home .elementor-location-single.page { margin-bottom: 0; } /* ----------------------------- */ /* Our values page */ /* ----------------------------- */ body.page-id-76 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-414.svg"); background-position: center 1360px; background-repeat: no-repeat; background-size: 719px; } @media only screen and (min-width: 576px) { body.page-id-76 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-768.svg"); background-position: center 1104px; background-size: 3633px; } } @media only screen and (min-width: 992px) { body.page-id-76 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1200.svg"); background-position: center 793px; background-size: 3633px; } } @media only screen and (min-width: 1281px) { body.page-id-76 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1400.svg"); background-position: center 1104px; background-size: 3633px; } } body.page-id-76 .elementor-location-single.page { margin-bottom: 250px; } /* ----------------------------- */ /* About us page */ /* ----------------------------- */ body.page-id-79 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-79 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-79 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-79 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* Services - Resourcing page */ /* ----------------------------- */ @media only screen and (min-width: 576px) and (max-width: 768px) { body.page-id-13 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-768.svg"); background-position: center -193px; background-repeat: no-repeat; background-size: 3185px; } } @media only screen and (min-width: 1024px) { body.page-id-13 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-1200.svg"); background-position: center -100px; background-repeat: no-repeat; background-size: 1998px; } } @media only screen and (min-width: 1400px) { body.page-id-13 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-1400.svg"); background-position: center -690px; background-repeat: no-repeat; background-size: 3185px; } } body.page-id-13 #vm-service-boxes #valuematch-services-col-2, body.page-id-13 #vm-service-boxes #valuematch-services-col-3, body.page-id-13 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } /* ----------------------------- */ /* Services - Bid Management page */ /* ----------------------------- */ @media only screen and (min-width: 576px) and (max-width: 768px) { body.page-id-217 { background-image: url("/wp-content/uploads/bgrnd-zigzag-12-768.svg"); background-position: center -165px; background-repeat: no-repeat; background-size: 3956px; } } @media only screen and (min-width: 1024px) { body.page-id-217 { background-image: url("/wp-content/uploads/bgrnd-zigzag-12-1200.svg"); background-position: center -406px; background-repeat: no-repeat; background-size: 2433px; } } @media only screen and (min-width: 1281px) { body.page-id-217 { background-size: 2960px; background-position: 47% -406px; } } @media only screen and (min-width: 1400px) { body.page-id-217 { background-image: url("/wp-content/uploads/bgrnd-zigzag-12-1400.svg"); background-position: center -406px; background-size: 5448px; } } body.page-id-217 #vm-service-boxes #valuematch-services-col-1, body.page-id-217 #vm-service-boxes #valuematch-services-col-2, body.page-id-217 #vm-service-boxes #valuematch-services-col-3 { opacity: 0.25; } /* ----------------------------- */ /* Services - Consultancy page */ /* ----------------------------- */ body.page-id-219 { background-image: url("/wp-content/uploads/bgrnd-zigzag-13-414.svg"); background-position: center 22px; background-repeat: no-repeat; background-size: 915px; } @media only screen and (min-width: 576px) { body.page-id-219 { background-image: url("/wp-content/uploads/bgrnd-zigzag-13-768.svg"); background-position: center -100px; background-size: 2101px; } } @media only screen and (min-width: 1024px) { body.page-id-219 { background-image: url("/wp-content/uploads/bgrnd-zigzag-13-1200.svg"); background-position: center -66px; background-size: 1934px; } } @media only screen and (min-width: 1400px) { body.page-id-219 { background-image: url("/wp-content/uploads/bgrnd-zigzag-13-1400.svg"); background-position: center -340px; background-size: 3332px; } } body.page-id-219 #vm-service-boxes #valuematch-services-col-1, body.page-id-219 #vm-service-boxes #valuematch-services-col-3, body.page-id-219 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } body.page-id-219 .elementor-text-editor, body.page-id-219 .elementor-widget-container p , body.page-id-219 .elementor-text-editor p { color: #47B8D3; } /* ----------------------------- */ /* Services - Training page */ /* ----------------------------- */ @media only screen and (min-width: 576px) { body.page-id-215 { background-image: url("/wp-content/uploads/bgrnd-zigzag-15-768.svg"); background-position: center -50px; background-repeat: no-repeat; background-size: 2255px; } } @media only screen and (min-width: 1024px) { body.page-id-215 { background-image: url("/wp-content/uploads/bgrnd-zigzag-15-1200.svg"); background-position: center 58px; background-size: 2590px; } } @media only screen and (min-width: 1400px) { body.page-id-215 { background-image: url("/wp-content/uploads/bgrnd-zigzag-15-1400.svg"); background-position: center -180px; background-size: 3110px; } } body.page-id-215 #vm-service-boxes #valuematch-services-col-1, body.page-id-215 #vm-service-boxes #valuematch-services-col-2, body.page-id-215 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } /* ----------------------------- */ /* Library page */ /* ----------------------------- */ body.page-id-82 { background-image: url("/wp-content/uploads/bgrnd-zigzag-23-2-768.svg"); background-position: 48.5% -505px; background-repeat: no-repeat; background-size: 2142px; } @media only screen and (min-width: 769px) { body.page-id-82 { background-image: url("/wp-content/uploads/bgrnd-zigzag-23-2.svg"); background-position: center -435px; background-size: 2142px; } } @media only screen and (min-width: 1024px) { body.page-id-82 { background-position: center -495px; } } @media only screen and (min-width: 1281px) { body.page-id-82 { background-position: center -450px; } } /* ----------------------------- */ /* Library item pages */ /* ----------------------------- */ body.single-library, body.single-post { background-image: url("/wp-content/uploads/bgrnd-zigzag-25-768.svg"); background-position: center bottom 305px; background-repeat: no-repeat; background-size: 2067px; } @media only screen and (min-width: 769px) { body.single-library, body.single-post { background-image: url("/wp-content/uploads/bgrnd-zigzag-25-1200.svg"); background-position: center bottom 80px; background-size: 2067px; } } @media only screen and (min-width: 1281px) { body.single-library, body.single-post { background-image: url("/wp-content/uploads/bgrnd-zigzag-25-1400.svg"); background-position: center bottom 250px; background-size: 2067px; } } body.single-library .elementor-location-single, body.single-post .elementor-location-single { margin-bottom: 250px; } @media only screen and (max-width: 575px) { body.single-library #vm-library-item-content .elementor-widget-theme-post-content>.elementor-widget-container>.elementor>.elementor-inner>.elementor-section-wrap>.elementor-section>.elementor-container, body.single-post #vm-news-item-content .elementor-widget-theme-post-content>.elementor-widget-container>.elementor>.elementor-inner>.elementor-section-wrap>.elementor-section>.elementor-container { flex-direction: column-reverse; } } body.single-library #vm-library-item-content section .elementor-container .elementor-column:nth-child(1) .elementor-widget-wrap, body.single-post #vm-news-item-content section .elementor-container .elementor-column:nth-child(1) .elementor-widget-wrap { flex-direction: column; } body.single-library #vm-library-item-content .elementor-widget-theme-post-featured-image.elementor-widget-image img, body.single-post #vm-news-item-content .elementor-widget-theme-post-featured-image.elementor-widget-image img { width: 100%; height: auto; max-width: 100%; } body.single-post #vm-news-item-content .elementor-text-editor, body.single-post #vm-news-item-content .elementor-widget-container p, body.single-post #vm-news-item-content .elementor-text-editor p, body.single-library #vm-library-item-content .elementor-text-editor, body.single-library #vm-library-item-content .elementor-widget-container p , body.single-library #vm-library-item-content .elementor-text-editor p { line-height: 1.5em; } @media only screen and (min-width: 576px) { body.single-library #vm-library-item-content section .elementor-container .elementor-column:nth-child(1), body.single-post #vm-news-item-content section .elementor-container .elementor-column:nth-child(1) { width: 33.333%; } body.single-library #vm-library-item-content section .elementor-container .elementor-column:nth-child(2), body.single-post #vm-news-item-content section .elementor-container .elementor-column:nth-child(2) { width: 66.666%; } } @media only screen and (min-width: 1200px) { body.single-library #vm-library-item-content section .elementor-container .elementor-column:nth-child(1), body.single-post #vm-news-item-content section .elementor-container .elementor-column:nth-child(1) { /* padding-right: 20%; */ } body.single-library #vm-library-item-content section .elementor-container .elementor-column:nth-child(2), body.single-post #vm-news-item-content section .elementor-container .elementor-column:nth-child(2) { padding-left: 8%; } } /* Featured image */ .elementor-widget.elementor-widget-theme-post-featured-image { margin-bottom: 5rem; } .elementor-widget.elementor-widget-theme-post-featured-image { border: solid 1px rgba(0, 0, 0, 0.1); margin-top: 3px; } /* Categories box */ .elementor-widget.elementor-widget-wp-widget-categories { margin-bottom: 5rem; } .elementor-widget-wp-widget-categories ul { list-style: none; margin-left: 0; } .elementor-widget-wp-widget-categories ul li { margin-left: 0; margin-top: 0; } .elementor-widget-wp-widget-categories ul li a { color: #000; font-size: 1.6rem; } .elementor-widget-wp-widget-categories ul li a:hover { text-decoration: underline; } .elementor-widget-wp-widget-categories h5 { margin-bottom: 1.6rem; } /* ----------------------------- */ /* News items (Posts) */ /* ----------------------------- */ .elementor-widget-post-info { margin-top: 40px; } .elementor-widget-post-info .elementor-icon-list-text { color: #000; font-size: 1.6rem; } .elementor-widget-post-info .elementor-post-info__item-prefix { font-family: 'VAG Rounded Bold', sans-serif; } /* ----------------------------- */ /* Contact page */ /* ----------------------------- */ body.page-id-90 .elementor-location-single.page { margin-bottom: 250px; } body.page-id-90 { background-image: url("/wp-content/uploads/bgrnd-zigzag-22-414.svg"); background-position: center -100px; background-repeat: no-repeat; background-size: 1060px; } @media only screen and (min-width: 576px) { body.page-id-90 { background-image: url("/wp-content/uploads/bgrnd-zigzag-22-768.svg"); background-position: center -200px; background-size: 2661px; } } @media only screen and (min-width: 1024px) { body.page-id-90 { background-image: url("/wp-content/uploads/bgrnd-zigzag-22-1200.svg"); background-position: center -180px; background-size: 2858px; } } @media only screen and (min-width: 1400px) { body.page-id-90 { background-image: url("/wp-content/uploads/bgrnd-zigzag-22-1400.svg"); background-position: center -395px; background-size: 4001px; } } /* ----------------------------- */ /* Search page */ /* ----------------------------- */ #vm-header .elementor-search-form__toggle { color: #0F6EBC; } #vm-header .elementor-search-form__toggle i { font-size: 48px; width: 48px; height: 48px; } @media only screen and (min-width: 768px) { #vm-header .elementor-search-form__toggle i { font-size: 40px; width: 40px; height: 40px; } } /* -------------------------------------------- -------------------------------------------- SECTION STYLES -------------------------------------------- -------------------------------------------- */ /* ----------------------------- */ /* Mission Statement section */ /* ----------------------------- */ #vm-mission-box { text-align: center; padding: 200px 0; } /*@media only screen and (min-width: 768px) { #vm-mission-box { padding:175px 0; } }*/ @media only screen and (min-width: 1024px) { #vm-mission-box { padding: 85px 0; } } @media only screen and (min-width: 1281px) { #vm-mission-box { padding: 155px 0; } } #vm-mission-box .elementor-widget-heading h1.elementor-heading-title { font-size: 4.5rem; } @media only screen and (min-width: 768px) { #vm-mission-box .elementor-widget-heading h1.elementor-heading-title { font-size: 5rem; } } @media only screen and (min-width: 1281px) { #vm-mission-box .elementor-widget-heading h1.elementor-heading-title { font-size: 6rem; } } /* ----------------------------- */ /* Intro section */ /* ----------------------------- */ #vm-intro-box { background-image: url("/wp-content/uploads/bgrnd-zigzag-2.svg"); /* background-position: left -375px bottom 300px; */ background-position: left -375px bottom 131px; background-repeat: no-repeat; /* padding-bottom: 510px; */ padding-bottom: 350px; background-size: 583px; } #vm-intro-box .text-intro.elementor-widget-text-editor .elementor-widget-container , #vm-intro-box .text-intro.elementor-widget-text-editor .elementor-text-editor { font-size: 3rem; } @media only screen and (min-width: 769px) { #vm-intro-box { background-position: left -375px bottom 0; background-size: 729px; padding-bottom: 230px; } } /*@media only screen and (min-width: 992px) { #vm-intro-box { background-position: left -375px bottom 195px; background-size:875px; } } @media only screen and (min-width: 1024px) { #vm-intro-box { background-position: left -475px bottom 143px; background-size:1020px; margin-bottom:120px; } } @media only screen and (min-width: 1200px) { #vm-intro-box { background-position: left -475px bottom 90px; background-size:1166px; } }*/ @media only screen and (min-width: 1184px) { #vm-intro-box { background-position: left -365px bottom 0px; background-size: 832px; } } @media only screen and (min-width: 1281px) { #vm-intro-box { background-position: left -475px bottom 90px; background-size: 1166px; padding-bottom: 510px; margin-bottom: 150px; } #vm-intro-box .text-intro.elementor-widget-text-editor .elementor-widget-container , #vm-intro-box .text-intro.elementor-widget-text-editor .elementor-text-editor { font-size: 4rem; } } /* ----------------------------- */ /* Header Title section */ /* ----------------------------- */ #vm-header-title-box { min-height: 530px; display: flex; justify-content: center; align-items: center; text-align: center; } @media only screen and (min-width: 1281px) { #vm-header-title-box { min-height: 640px; } } #vm-header-title-box .elementor-widget-heading h1.elementor-heading-title { font-size: 4.5rem; font-family: 'VAG Rounded Bold', sans-serif; color: #000; } @media only screen and (min-width: 768px) { #vm-header-title-box .elementor-widget-heading h1.elementor-heading-title { font-size: 5.25rem; } } @media only screen and (min-width: 1281px) { #vm-header-title-box .elementor-widget-heading h1.elementor-heading-title { font-size: 6rem; } } #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 2rem; color: #0F6EBC; } @media only screen and (min-width: 768px) { #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 3rem; } } @media only screen and (min-width: 1281px) { #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 4rem; } } /* ----------------------------- */ /* Service boxes section */ /* ----------------------------- */ #vm-service-boxes { padding-bottom: 160px; } @media only screen and (min-width: 769px) { #vm-service-boxes { padding-bottom: 110px; } } @media only screen and (min-width: 1281px) { #vm-service-boxes { padding-bottom: 340px; } } #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img { width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: center; } @media only screen and (min-width: 768px) { #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img { justify-content: left; } } @media only screen and (min-width: 1281px) { #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img { margin-bottom: 40px; } } #vm-service-boxes .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding-bottom: 40px; } #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img a, #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img a img { width: 100%; height: auto; } @media only screen and (min-width: 1200px) { #vm-service-boxes .elementor-image-box-wrapper .elementor-image-box-img a img { max-width: 292px; max-height: 292px; } } #vm-service-boxes h2, #vm-service-boxes h3, #vm-service-boxes h4 { font-family: 'VAG Rounded Black', sans-serif; font-weight: normal; margin-bottom: 0; } #vm-service-boxes .elementor-image-box-content { text-align: left; } #vm-service-boxes .elementor-image-box-title a { font-weight: normal; } #vm-service-boxes .elementor-image-box-title, #vm-service-boxes .elementor-image-box-description { font-size: 3rem; line-height: 1.25em; } @media only screen and (min-width: 768px) { #vm-service-boxes .elementor-image-box-title { font-size: 2.5rem; } #vm-service-boxes .elementor-image-box-description { font-size: 2rem; } } /*@media only screen and (min-width: 992px) { #vm-service-boxes .elementor-image-box-title, #vm-service-boxes .elementor-image-box-description { font-size:2.4rem; } }*/ @media only screen and (min-width: 1281px) { #vm-service-boxes .elementor-image-box-title, #vm-service-boxes .elementor-image-box-description { font-size: 3rem; } } #vm-service-boxes .elementor-image-box-description { margin-bottom: 20px; } @media only screen and (min-width: 992px) { #vm-service-boxes .elementor-image-box-description { margin-bottom: 0; } } #vm-service-boxes .elementor-text-editor, #vm-service-boxes .elementor-widget-container p , #vm-service-boxes .elementor-text-editor p { color: #000; } /* ----------------------------- */ /* Foundation Box section */ /* ----------------------------- */ #vm-foundation-box { padding-top: 0; padding-bottom: 125px; } @media only screen and (min-width: 768px) { #vm-foundation-box { padding-bottom: 140px; } } @media only screen and (min-width: 1281px) { #vm-foundation-box { padding-bottom: 360px; } } #vm-foundation-box .elementor-text-editor, #vm-foundation-box .elementor-widget-container p , #vm-foundation-box .elementor-text-editor p { font-size: 1.6rem; line-height: 1.25em; color: #0F6EBC; } @media only screen and (min-width: 1281px) { #vm-foundation-box .elementor-text-editor, #vm-foundation-box .elementor-widget-container p , #vm-foundation-box .elementor-text-editor p { font-size: 2rem; } } #vm-foundation-box>.elementor-container>.elementor-column { width: 100%; } #vm-foundation-box .vm-foundation-box-text { position: relative; margin-bottom: 85px; } #vm-foundation-box .vm-foundation-box-text:before { content: ''; position: absolute; left: -500px; top: 45px; width: 449px; height: 318px; background: url("/wp-content/uploads/bgrnd-zigzag-3.svg"); background-position: center; background-repeat: no-repeat; } @media only screen and (min-width: 1281px) { #vm-foundation-box .vm-foundation-box-text:before { left: -775px; top: 0; width: 605px; height: 423px; } } #vm-foundation-box .vm-foundation-box-image { /*min-height:500px;*/ position: relative; } #vm-foundation-box .vm-foundation-box-image .elementor-column-wrap { /*background-image: url("https://www.value-match.co.uk/wp-content/uploads/Value-Match-Foundation-Home@2x-3-1-1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: contain;*/ } #vm-foundation-box .vm-foundation-box-image::after { content: ''; position: absolute; top: -170px; right: -95px; width: 300px; height: 423px; background: url("/wp-content/uploads/bgrnd-zigzag-3.svg"); background-position: center; background-repeat: no-repeat; } #vm-foundation-box .vm-foundation-box-text { text-align: center; } @media only screen and (min-width: 769px) { #vm-foundation-box .vm-foundation-box-text { padding-right: 7%; margin-bottom: 0; text-align: left; } #vm-foundation-box .vm-foundation-box-image::after { right: -330px; top: -215px; width: 400px; } } @media only screen and (min-width: 1281px) { #vm-foundation-box .vm-foundation-box-image::after { top: -170px; width: 605px; } } .vm-foundation-box-spacer.elementor-element .elementor-spacer-inner { height: 100px !important; } @media only screen and (min-width: 769px) and (max-width: 1281px) { .vm-foundation-box-spacer.elementor-element .elementor-spacer-inner { height: 40px !important; } } /* ----------------------------- */ /* Link Box section */ /* ----------------------------- */ /* Common styles */ .vm-link-box { background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 170px; } @media only screen and (min-width: 1281px) { .vm-link-box { margin-bottom: 250px; } } .vm-link-box .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 80px 5%; } @media only screen and (min-width: 1281px) { .vm-link-box .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 140px 5%; } } .vm-link-box .elementor-widget-heading .elementor-heading-title { font-family: 'VAG Rounded Light', sans-serif; font-size: 4rem; color: #fff; margin-bottom: 30px; } @media only screen and (min-width: 1281px) { .vm-link-box .elementor-widget-heading .elementor-heading-title { font-size: 5rem; margin-bottom: 45px; } } .vm-link-box .elementor-widget-button a.elementor-button { background-color: #fff; transition: background-color 0.5s; padding: 22px 35px; border-radius: 55px; } @media only screen and (min-width: 1281px) { .vm-link-box .elementor-widget-button a.elementor-button { padding: 35px 50px; } } .vm-link-box .elementor-widget-button a.elementor-button:hover { background-color: #0F6EBC; } .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { font-family: 'VAG Rounded Bold', sans-serif; font-size: 3rem; color: #0F6EBC; } @media only screen and (min-width: 1281px) { .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { font-size: 4rem; } } .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #fff; } /* Yellow box */ .page-id-13 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Yellow@2x.png"); } .page-id-13 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #F3AF18; } .page-id-13 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Green box */ .page-id-217 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Green@2x.png"); } .page-id-217 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #19D108; } .page-id-217 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Magenta box */ .page-id-215 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Magenta@2x.png"); } .page-id-215 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #D33777; } .page-id-215 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Skyblue box */ .page-id-219 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Cyan@2x.png"); } .page-id-219 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #47B8D3; } .page-id-219 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Olive Green box */ .page-id-12052 .vm-link-box { background-image: url("/wp-content/uploads/sustainability-box-darkgreen.png"); } .page-id-12052 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #759865; } .page-id-12052 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } @media only screen and (min-width: 576px) {} @media only screen and (min-width: 768px) {} @media only screen and (min-width: 992px) {} @media only screen and (min-width: 1200px) {} @media only screen and (min-width: 1400px) {} /* ----------------------------- */ /* Story Box section */ /* ----------------------------- */ #vm-story-box { padding-bottom: 100px; margin-bottom: 150px; background-color: #3384c6; /* 85% #0F6EBC; */ background-image: url("/wp-content/uploads/bgrnd-block.svg"); background-size: 1000px; background-position: top center; background-repeat: no-repeat; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid { overflow: visible; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder { border: none; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-footer { display: none; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner { display: flex; align-items: center; flex-direction: column; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media { width: 90%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper { width: 50%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Community stories'; font-family: 'VAG Rounded Bold', sans-serif; font-size: 3rem; line-height: 1.1em; color: #fff; margin-bottom: 1em; display: block; } @media only screen and (min-width: 1281px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { font-size: 4rem; } } #vm-story-box .elementor-widget-container .eael-post-grid-container .eael-post-carousel.eael-post-grid .swiper-wrapper { height: 100%; } #vm-story-box .elementor-widget-container .eael-post-grid-container .eael-post-carousel.eael-post-grid .swiper-wrapper .swiper-slide { overflow: visible; visibility: hidden; } #vm-story-box .elementor-widget-container .eael-post-grid-container .eael-post-carousel.eael-post-grid .swiper-wrapper .swiper-slide.swiper-slide-active { visibility: visible; } #vm-story-box .elementor-widget-container .eael-post-grid-container .eael-post-carousel.eael-post-grid .swiper-wrapper .swiper-slide .eael-post-grid-column .eael-grid-post-holder { background-color: transparent; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media { padding-bottom: 90%; height: 0; overflow: visible; margin-bottom: 50px; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media .eael-entry-thumbnail { height: 100%; position: absolute; left: 0; top: 0; width: 100%; border-radius: 50%; overflow: hidden; border: solid 1px rgba(0, 0, 0, 0.1); } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { content: ''; position: absolute; bottom: 0; right: 0; /*width:300px; height:102px;*/ width: 510px; height: 173px; background: url("/wp-content/uploads/bgrnd-zigzag-5.svg"); background-position: center; background-repeat: no-repeat; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper { /* background-color:#3270bb; */ padding: 15px 10%; width: 100%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header .eael-entry-title { margin-bottom: 1em; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header .eael-entry-title a { font-size: 2.6rem; color: #fff; line-height: 1.1em; } @media only screen and (min-width: 1281px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header .eael-entry-title a { font-size: 3rem; } } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt, #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt p { font-family: 'VAG Rounded Light', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.25em; color: #fff; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt p { margin-bottom: 1em; } /* Button */ #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { font-family: 'VAG Rounded Bold', sans-serif; font-size: 1.6rem; color: #0F6EBC; display: inline-block; padding: 15px 30px 15px; background-color: #fff; transition: background-color 0.5s; border-radius: 24px; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { background-color: #F3AF18; } /* Bullets */ #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination { position: absolute; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: -5%; left: auto; right: 0; width: 100%; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet { border: solid 1px #fff; background: transparent; margin: 0 14px; height: 12px; width: 12px; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet:hover { border: solid 1px #F3AF18; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active:hover { background-color: #F3AF18; } @media only screen and (min-width: 576px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media { width: 66%; padding-bottom: 66%; /* margin-bottom:50px; */ } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { margin-bottom: 0.5em; } } @media only screen and (min-width: 768px) { #vm-story-box { background-image: none; padding-bottom: 0px; padding-top: 30px; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner { flex-direction: row; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media { width: 50%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { text-align: left; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media { padding-bottom: 50%; margin-bottom: 0; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { width: 510px; height: 173px; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper { width: 50%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header .eael-entry-title { text-align: left; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt, #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt p { text-align: left; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 14%; width: 50%; padding: 0 10%; text-align: left; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination-bullet:first-child { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper { padding: 15px 3% 15px 3%; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { padding: 0 3%; } } @media only screen and (min-width: 992px) { #vm-story-box { background-color: transparent; background-size: 3500px; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2.svg"); background-position: right 60% bottom 92%; background-repeat: no-repeat; padding-bottom: 170px; margin-bottom: 0; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { padding: 10px 70px 10px; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 24%; } } @media only screen and (min-width: 1024px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { width: 680px; height: 231px; } } @media only screen and (min-width: 1200px) { #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { width: 797px; height: 271px; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 20%; } } @media only screen and (min-width: 1281px) { #vm-story-box { background-size: 4000px; background-position: right 60% bottom 30%; padding-bottom: 250px; margin-bottom: 110px; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt, #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt p { font-size: 2rem; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { font-size: 2rem; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { padding: 15px 80px 15px; } } @media only screen and (min-width: 1300px) { #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 23%; } } @media only screen and (min-width: 1400px) { #vm-story-box { background-size: 4920px; background-position: right 60% bottom 67%; } #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { width: 930px; height: 316px; } #vm-story-box .eael-logo-carousel-wrap.swiper-container-wrap .swiper-pagination { bottom: 18%; } } /* Story Box section - yellow #F3AF18; */ .page-id-13 #vm-story-box { background-color: rgba(243, 175, 24, 0.85); /* 85% #F3AF18 */ } .page-id-13 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-5-yellow.svg"); } .page-id-13 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #F3AF18; } .page-id-13 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #0F6EBC; } @media only screen and (min-width: 992px) { .page-id-13 #vm-story-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2-yellow.svg"); } .page-id-13 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* Story Box section - green #19D10B; */ .page-id-217 #vm-story-box { background-color: rgba(25, 209, 11, 0.85); /* 85% #19D10B */ } .page-id-217 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-5-green.svg"); } .page-id-217 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #19D10B; } .page-id-217 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #0F6EBC; } @media only screen and (min-width: 992px) { .page-id-217 #vm-story-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2-green.svg"); } .page-id-217 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* Story Box section - skyblue #47B8D3; */ .page-id-219 #vm-story-box { background-color: rgba(71, 184, 211, 0.85); /* 85% #47B8D3 */ } .page-id-219 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-5-skyblue.svg"); } .page-id-219 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #47B8D3; } .page-id-219 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #0F6EBC; } @media only screen and (min-width: 992px) { .page-id-219 #vm-story-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2-skyblue.svg"); } .page-id-219 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* Story Box section - magenta #D33777; */ .page-id-215 #vm-story-box { background-color: rgba(211, 55, 119, 0.85); /* 85% #D33777 */ } .page-id-215 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-5-magenta.svg"); } .page-id-215 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #D33777; } .page-id-215 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #0F6EBC; } @media only screen and (min-width: 992px) { .page-id-215 #vm-story-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2-magenta.svg"); } .page-id-215 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* ----------------------------- */ /* News section */ /* ----------------------------- */ #vm-news-grid { padding-bottom: 250px; } /* ----------------------------- */ /* Resources section */ /* ----------------------------- */ #vm-resource-grid { padding-bottom: 250px; } /* ----------------------------- */ /* Download box section */ /* ----------------------------- */ .vm-download-box { margin-top: auto; } .vm-download-box .elementor-cta .elementor-cta__bg-wrapper { padding-top: 100%; } .vm-download-box .elementor-cta .elementor-cta__content { padding: 0; background-color: transparent; } .vm-download-box .elementor-cta .elementor-cta__title, .vm-download-box .elementor-cta .elementor-cta__description { background-color: #0F6EBC; color: #fff; margin-bottom: 0; } .vm-download-box .elementor-cta .elementor-cta__title { padding: 30px 15px; font-size: 25px; } .vm-download-box .elementor-cta .elementor-cta__description { font-size: 2rem; padding: 0 15px 30px 15px; margin-top: -20px; } .vm-download-box .elementor-cta .elementor-cta__button-wrapper { margin-top: 25px; display: flex; justify-content: center; } /* .vm-download-box .elementor-cta .elementor-cta__button-wrapper:before { content: ''; width: 51px; height: 51px; border-radius: 50%; background-color: #0F6EBC; display: inline-block; line-height: 51px; background: url("/wp-content/uploads/button-download.svg"); background-position: center; background-repeat: no-repeat; background-size:cover; margin-right:20px; } */ .vm-download-box .elementor-cta .elementor-cta__button-wrapper a.elementor-cta__button.elementor-button { margin: 0; } /* ----------------------------- */ /* Contact Form section */ /* ----------------------------- */ #vm-contact-box { padding-bottom: 170px; max-width: 768px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1281px) { #vm-contact-box { padding-bottom: 250px; } } #vm-contact-box .elementor-form { margin-top: 50px; } #vm-contact-box>.elementor-container>.elementor-element { padding: 0; } /* Form sections */ #vm-contact-box .elementor-form .elementor-field-type-text, #vm-contact-box .elementor-form .elementor-field-type-email, #vm-contact-box .elementor-form .elementor-field-type-tel, #vm-contact-box .elementor-form .elementor-field-type-checkbox, #vm-contact-box .elementor-form .elementor-field-type-textarea, #vm-contact-box .elementor-form .elementor-field-type-acceptance { margin-bottom: 65px; } /* Form labels */ #vm-contact-box .elementor-widget-form .elementor-field-group>label { font-family: 'VAG Rounded Light', sans-serif; font-size: 2rem; /* = 20px */ margin-bottom: 1rem; } /* Form fields */ /* - text */ #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field { border-radius: 25px; } /* - textarea */ #vm-contact-box .elementor-form .elementor-field-type-textarea { border-radius: 25px; } #vm-contact-box .elementor-form .elementor-field-type-textarea .elementor-field-textual { padding: 1.5rem 1.8rem; } /* Checkboxes */ #vm-contact-box input[type="checkbox"]+label { margin-left: 0; } #vm-contact-box input[type="checkbox"] { border: solid 1px #999; border-radius: 50%; width: 2em; height: 2em; vertical-align: middle; margin-bottom: 1rem; } input[type="checkbox"]:checked::before { margin: 0 0 0 -0.25rem; height: 3rem; width: 3rem; } /* - yellow checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-0 { border-color: #F3AF18; } /* - skyblue checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-1 { border-color: #47B8D3; } /* - magenta checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-2 { border-color: #D33777; } /* - green checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-3 { border-color: #19D108; } /* - blue checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-4 { border-color: #0F6EBC; } /* - sustainability checkbox */ #vm-contact-box input[type="checkbox"]#form-field-field_0d06e92-4 { border-color: #759865; } #vm-contact-box .elementor-field-subgroup .elementor-field-option { margin-right: 16px; } #vm-contact-box .elementor-widget-form .elementor-message { font-family: 'VAG Rounded Light', sans-serif; font-weight: 400; font-size: 2.5rem; margin-top: 1em; } /* Submit button */ #vm-contact-box .elementor-widget-form .elementor-button {} /* Required mark */ #vm-contact-box .elementor-mark-required, #vm-contact-box .elementor-mark-required .elementor-field-label::after { color: red; } /* Yellow page */ .page-id-13 #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field, .page-id-13 #vm-contact-box .elementor-form .elementor-field-type-textarea { border-color: #F3AF18; } /* - yellow button */ .page-id-13 .elementor-widget-form .elementor-button { background-color: #F3AF18; } .page-id-13 .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; } .page-id-13 .elementor-widget-form .elementor-button:hover { background-color: #0F6EBC; } /* Skyblue page */ .page-id-219 #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field, .page-id-219 #vm-contact-box .elementor-form .elementor-field-type-textarea { border-color: #47B8D3; } /* - skyblue button */ .page-id-219 .elementor-widget-form .elementor-button { background-color: #47B8D3; } .page-id-219 .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; } .page-id-219 .elementor-widget-form .elementor-button:hover { background-color: #0F6EBC; } /* Magenta page */ .page-id-215 #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field, .page-id-215 #vm-contact-box .elementor-form .elementor-field-type-textarea { border-color: #D33777; } /* - magenta button */ .page-id-215 .elementor-widget-form .elementor-button { background-color: #D33777; } .page-id-215 .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; } .page-id-215 .elementor-widget-form .elementor-button:hover { background-color: #0F6EBC; } /* Green page */ .page-id-217 #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field, .page-id-217 #vm-contact-box .elementor-form .elementor-field-type-textarea { border-color: #19D10B; } /* - green button */ .page-id-217 .elementor-widget-form .elementor-button { background-color: #19D10B; } .page-id-217 .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; } .page-id-217 .elementor-widget-form .elementor-button:hover { background-color: #0F6EBC; } /* ----------------------------- */ /* Values Box section */ /* ----------------------------- */ #vm-values-box { padding-bottom: 125px; } #vm-values-box>.elementor-container>.elementor-column { display: block; } #vm-values-box>.elementor-container>.elementor-column .elementor-column, #vm-values-box p { font-family: 'VAG Rounded Light', sans-serif; font-weight: normal; color: #fff; font-size: 2rem; } #vm-values-box>.elementor-container>.elementor-column .elementor-column { padding: 45px 5%; background-repeat: no-repeat; margin-bottom: 2px; width: 100%; } #vm-values-box .elementor-image-box-content .elementor-image-box-title { /* margin-bottom:0; */ padding-left: 20%; cursor: pointer; } #vm-values-box #vm-values-box-3 .elementor-image-box-content .elementor-image-box-title { padding-left: 24%; } #vm-values-box .elementor-column:nth-child(2) .elementor-image-box-content .elementor-image-box-title { /* margin-bottom:0; */ padding-left: 0; padding-right: 20%; } #vm-values-box .elementor-image-box-content p.elementor-image-box-description:before { content: ''; display: block; height: 4rem; } #vm-values-box .elementor-image-box-content .elementor-image-box-description { display: none; background-color: transparent; font-size: 1.6rem; line-height: 1.25em; } #vm-values-box h2, #vm-values-box h3, #vm-values-box h4 { font-size: 3rem; font-family: 'VAG Rounded Bold', sans-serif; line-height: 1em; color: #fff; margin-bottom: 0; } #vm-values-box-1 { /* background-size:100px 135px; */ background-image: url("/wp-content/uploads/bgrnd-people.svg"); background-size: 53px; background-position: left 29% top 51px; background-color: #F8CC69; } #vm-values-box-2 { /* background-size:186px 145px; */ background-image: url("/wp-content/uploads/bgrnd-heart.svg"); background-size: 67px; background-position: right 15% top 59px; background-color: #72D96A; } #vm-values-box-3 { /* background-size:168px 89px; */ background-image: url("/wp-content/uploads/bgrnd-circles.svg"); background-size: 76px; background-position: left 15% top 46px; background-color: #E36F9E; } #vm-values-box-4 { /* background-size:145px; */ background-image: url("/wp-content/uploads/bgrnd-sun.svg"); background-size: 65px; background-position: right 16% top 50px; background-color: #5CD9D5; } @media only screen and (min-width: 475px) { #vm-values-box-1 { background-position: left 38% top 51px; } #vm-values-box-2 { background-position: right 25% top 59px; } #vm-values-box-3 { background-position: left 25% top 46px; } #vm-values-box-4 { background-position: right 25% top 50px; } } @media only screen and (min-width: 600px) { #vm-values-box-1 { background-position: left 42% top 51px; } #vm-values-box-2 { background-position: right 34% top 59px; } #vm-values-box-3 { background-position: left 34% top 46px; } #vm-values-box-4 { background-position: right 34% top 50px; } } @media only screen and (min-width: 725px) { #vm-values-box-1 { background-position: left 45% top 51px; } #vm-values-box-2 { background-position: right 39% top 59px; } #vm-values-box-3 { background-position: left 39% top 46px; } #vm-values-box-4 { background-position: right 39% top 50px; } } @media only screen and (min-width: 768px) { #vm-values-box { padding-bottom: 170px; } } @media only screen and (min-width: 992px) { #vm-values-box .elementor-image-box-content .elementor-image-box-title { padding-left: 0 !important; } #vm-values-box .elementor-column:nth-child(2) .elementor-image-box-content .elementor-image-box-title { padding-right: 0 !important; } #vm-values-box h2, #vm-values-box h3, #vm-values-box h4 { font-size: 4.5rem; } #vm-values-box>.elementor-container>.elementor-column .elementor-column:last-child { margin-right: 0; margin-bottom: 2px; } #vm-values-box>.elementor-container>.elementor-column .elementor-column { width: calc(50% - 2px); margin-right: 2px; float: left; } #vm-values-box>.elementor-container>.elementor-column .elementor-column { /* padding: 5% 3% 5% 17%; */ padding: 5% 1% 5% 15%; background-position: left 15% top 60px; } #vm-values-box>.elementor-container>.elementor-column .elementor-column:nth-child(2) { /* padding: 5% 17% 5% 3%; */ padding: 5% 15% 5% 1%; background-position: right 15% top 60px; } #vm-values-box .elementor-image-box-content .elementor-image-box-description { font-size: 2rem; } #vm-values-box-1 { background-size: 14.5%; transition: border-radius 0.5s, background-color 0.5s; } #vm-values-box-2 { background-size: 26.3%; transition: border-radius 0.5s, background-color 0.5s; } #vm-values-box-3 { background-size: 20%; background-position: left 15% top 62px !important; transition: border-radius 0.5s, background-color 0.5s; } #vm-values-box-4 { background-size: 20.67%; transition: border-radius 0.5s, background-color 0.5s; } #vm-values-box-1.open, #vm-values-box-2.open, #vm-values-box-3.open, #vm-values-box-4.open { border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; background-color: #47B8D3; } } @media only screen and (min-width: 1281px) { #vm-values-box { padding-bottom: 260px; } #vm-values-box h2, #vm-values-box h3, #vm-values-box h4 { font-size: 6rem; } #vm-values-box-3 { background-position: left 15% top 62px !important; } } /* ----------------------------- */ /* Flip cards section */ /* ----------------------------- */ #vm-flip-box { margin-bottom: 170px; } @media only screen and (min-width: 1281px) { #vm-flip-box { margin-bottom: 250px; } } .elementor-flip-box { height: 0; padding-top: 100%; } #vm-contact-box>.elementor-container>.elementor-element { padding: 0; } .elementor-flip-box .elementor-flip-box__front, .elementor-flip-box .elementor-flip-box__back { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* Front */ .elementor-flip-box .elementor-flip-box__front { background-color: #dbe9f5 !important; background-image: url("/wp-content/uploads/bgrnd-zigzag-17.svg"); background-size: cover; } #vm-flip-box section:nth-child(2n-1) .elementor-container .elementor-column:nth-child(2n-1) .elementor-flip-box__front { background-image: url("/wp-content/uploads/bgrnd-zigzag-17.svg"); } #vm-flip-box section:nth-child(2n-1) .elementor-container .elementor-column:nth-child(2n-2) .elementor-flip-box__front { background-image: url("/wp-content/uploads/bgrnd-zigzag-18.svg"); } #vm-flip-box section:nth-child(2n-2) .elementor-container .elementor-column:nth-child(2n-1) .elementor-flip-box__front { background-image: url("/wp-content/uploads/bgrnd-zigzag-19.svg"); } #vm-flip-box section:nth-child(2n-2) .elementor-container .elementor-column:nth-child(2n-2) .elementor-flip-box__front { background-image: url("/wp-content/uploads/bgrnd-zigzag-20.svg"); } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay {} .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner { position: relative; width: 100%; height: 100%; } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__image { position: absolute; margin-bottom: 0; width: 45%; bottom: 0; right: 0; display: block; } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__image img { width: 100%; height: auto; } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { color: #0F6EBC !important; position: absolute; left: 55%; top: 15%; text-align: left; } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { font-size: 2rem !important; } @media only screen and (min-width: 320px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { font-size: calc(20px + (40 - 20)*(100vw - 320px)/(768 - 320)) !important; } } @media only screen and (min-width: 768px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { font-size: calc(20px + (28 - 20)*(100vw - 768px)/(1280 - 768)) !important; } } @media only screen and (min-width: 1281px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { font-size: calc(28px + (40 - 28)*(100vw - 1281px)/(1399 - 1281)) !important; } } @media only screen and (min-width: 1400px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { font-size: 4rem !important; } } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { display: inline-block; line-height: 1.15em; } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { font-size: 1.2rem; } @media only screen and (min-width: 320px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { font-size: calc(12px + (28 - 12)*(100vw - 320px)/(768 - 320)) } } @media only screen and (min-width: 768px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { font-size: calc(12px + (18 - 12)*(100vw - 768px)/(1280 - 768)) } } @media only screen and (min-width: 1281px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { font-size: calc(18px + (28 - 18)*(100vw - 1281px)/(1399 - 1281)) } } @media only screen and (min-width: 1400px) { .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span, .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { font-size: 2.8rem; } } .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: 2rem !important; text-align: left; color: #0F6EBC !important; position: absolute; left: 55%; top: 0; } /* Back */ .elementor-flip-box .elementor-flip-box__back { background-color: #0F6EBC !important; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay {} .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner {} .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title { color: #FFF !important; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__title span { display: inline-block; line-height: 1.15em; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: 1rem !important; line-height: 1.25em; color: #FFF !important; } @media only screen and (min-width: 320px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: calc(10px + (20 - 10)*(100vw - 320px)/(768 - 320)) !important; } } @media only screen and (min-width: 768px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: calc(10px + (15 - 10)*(100vw - 768px)/(1280 - 768)) !important; } } @media only screen and (min-width: 1281px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: calc(15px + (20 - 15)*(100vw - 1281px)/(1399 - 1281)) !important; } } @media only screen and (min-width: 1400px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner .elementor-flip-box__layer__description { font-size: 2rem !important; } } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button.elementor-button { border: none; padding: 0; -webkit-border-radius: 0; border-radius: 0; display: inline-block; width: 25px; height: 25px; overflow: hidden; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button:before { content: ''; content: "\f08c"; font-family: 'Font Awesome 5 Brands'; color: #fff; font-size: 2.5rem; font-weight: normal; line-height: 1em; transition: color 0.5s; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button:hover:before { color: #F3AF18; } @media only screen and (min-width: 576px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button.elementor-button { width: 50px; height: 50px; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button:before { font-size: 5rem; } } @media only screen and (min-width: 769px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button.elementor-button { width: 25px; height: 25px; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button:before { font-size: 2.5rem; } } @media only screen and (min-width: 1200px) { .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button.elementor-button { width: 50px; height: 50px; } .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay .elementor-flip-box__layer__inner a.elementor-flip-box__button:before { font-size: 5rem; } } /* ----------------------------- */ /* Flip cards section - Values */ /* ----------------------------- */ .vm-flip-box-values .elementor-widget-eael-flip-box { width: 100%; padding-bottom: 85%; position: relative; } .vm-flip-box-values .elementor-widget-eael-flip-box .elementor-widget-container { width: 100%; height: 100%; position: absolute; } .vm-flip-box-values .elementor-widget-eael-flip-box .elementor-widget-container .eael-elements-flip-box-container { width: 100%; height: 100%; } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #47B8D3; } /* Front */ .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image { width: 100%; margin-bottom: 5%; } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image img.eael-flipbox-image-as-icon { height: 10%; width: auto; display: inline-block; max-height: 100px; } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-heading { font-size: 4rem; margin-bottom: 0 !important; } @media only screen and (min-width: 576px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-heading { font-size: 4.5rem; } } @media only screen and (min-width: 769px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-heading { font-size: calc(20px + (32 - 20)*(100vw - 769px)/(1280 - 769)); } } @media only screen and (min-width: 1281px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-heading { font-size: calc(32px + (50 - 32)*(100vw - 1281px)/(1399 - 1281)) } } @media only screen and (min-width: 1400px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-heading { font-size: 5rem; } } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-content { display: none; } /* Back */ .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content { overflow: hidden; } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p:first-child { display: none; } .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { color: #fff; font-size: 2.25rem; line-height: 1.25em; } @media only screen and (min-width: 576px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { font-size: 2.8rem; } } @media only screen and (min-width: 769px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { font-size: calc(16px + (21 - 16)*(100vw - 769px)/(1280 - 769)); } } @media only screen and (min-width: 1281px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { font-size: calc(21px + (28 - 21)*(100vw - 1281px)/(1399 - 1281)) } } @media only screen and (min-width: 1400px) { .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content, .vm-flip-box-values .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p { font-size: 2.8rem; } } .vm-flip-box-values #flip-card-1 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #A6DDEA; } .vm-flip-box-values #flip-card-2 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #F8CC69; } .vm-flip-box-values #flip-card-3 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #72D96A; } .vm-flip-box-values #flip-card-4 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #E36F9E; } .vm-flip-box-values #flip-card-5 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #5CD9D5; } .vm-flip-box-values #flip-card-6 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-rear-container { background-color: #AC91C6; } .vm-flip-box-values #flip-card-2 .eael-elements-flip-box-container .eael-elements-flip-box-flip-card .eael-elements-flip-box-front-container .eael-elements-flip-box-padding { width: 75%; margin-left: auto; margin-right: auto; } /* ----------------------------- */ /* Two columns - text and image section */ /* ----------------------------- */ .vm-two-col-text-image-1, .vm-two-col-text-image-2 { margin-bottom: 50px; } .vm-two-col-text-image-1:last-child, .vm-two-col-text-image-2:last-child { margin-bottom: 0; } .vm-two-col-text-image-2>.elementor-container { flex-direction: row-reverse; } .vm-two-col-text-image-1>.elementor-container>.elementor-column, .vm-two-col-text-image-2>.elementor-container>.elementor-column { width: 100%; } .vm-two-col-text-image-1 .elementor-widget-image .elementor-widget-container, .vm-two-col-text-image-2 .elementor-widget-image .elementor-widget-container { padding: 0 !important; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor, .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-widget-container p, .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor p, .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor, .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-widget-container p , .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor p { color: #0F6EBC; font-size: 1.6rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.25em; } @media only screen and (min-width: 768px) { .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(1), .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(1) { width: 40%; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2), .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) { width: 60%; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(1), .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(1) .elementor-widget-container, .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(1), .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(1) .elementor-widget-container { padding: 0; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(1) { padding-left: 15px; } .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(1) { padding-right: 15px; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2), .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) { padding: 0 8%; } .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor, .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-widget-container p, .vm-two-col-text-image-1>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor p, .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor, .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-widget-container p , .vm-two-col-text-image-2>.elementor-container>.elementor-column:nth-child(2) .elementor-text-editor p { font-size: 2rem; } } /* ----------------------------- */ /* One column - text section */ /* ----------------------------- */ .vm-one-col>.elementor-container { max-width: 800px !important; } /* ----------------------------- */ /* Office addresses section */ /* ----------------------------- */ #vm-address-box { padding-bottom: 170px; } @media only screen and (min-width: 1281px) { #vm-address-box { padding-bottom: 250px; } } /* ----------------------------- */ /* Standard section */ /* ----------------------------- */ .vm-box { padding-bottom: 170px; } @media only screen and (min-width: 1281px) { .vm-box { padding-bottom: 260px; } } .vm-box .elementor-heading-title { text-align: center; margin-bottom: 50px; } body.page-id-219 .vm-box h2, body.page-id-219 .vm-box h3, body.page-id-219 .vm-box h4, body.page-id-219 .vm-box h5, body.page-id-219 .vm-box h6 { color: #47B8D3; } /* ----------------------------- */ /* Keypoints section */ /* ----------------------------- */ .vm-keypoints-box { padding-bottom: 100px; } @media only screen and (min-width: 768px) { .vm-keypoints-box { padding-bottom: 170px; } } @media only screen and (min-width: 1281px) { .vm-keypoints-box { padding-bottom: 260px; } } .vm-keypoints-box .elementor-heading-title { text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 1281px) { .vm-keypoints-box .elementor-heading-title { margin-bottom: 50px; } } .vm-keypoints-box .elementor-image-box-wrapper .elementor-image-box-img { padding-bottom: 25px; } .vm-keypoints-box .elementor-image-box-wrapper .elementor-image-box-img img { margin-left: auto; margin-right: auto; } .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { font-size: 2rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.33em; padding-left: 2.5%; padding-right: 2.5%; } @media only screen and (min-width: 1281px) { .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { font-size: 3rem; } } /* Yellow */ .page-id-13 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-13 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #F3AF18; } /* Skyblue */ .page-id-219 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-219 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #47B8D3; } /* Magenta */ .page-id-215 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-215 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #D33777; } /* Green */ .page-id-217 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-217 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #19D10B; } /* Sustainability */ .page-id-12052 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-12052 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #759865; } /* ----------------------------- */ /* Callout Text Box section */ /* ----------------------------- */ .vm-callout-box { padding: 40px 0 120px 0; display: flex; flex-direction: column; justify-content: center; align-content: center; } .vm-callout-box .elementor-widget-container , .vm-callout-box .elementor-text-editor { text-align: center; width: 90%; margin: 0 auto 0 auto; } .vm-callout-box .elementor-text-editor, .vm-callout-box .elementor-widget-container, .vm-callout-box .elementor-widget-container p , .vm-callout-box .elementor-text-editor p { font-family: 'VAG Rounded Light', sans-serif; color: #0F6EBC; font-size: 3rem; line-height: 1.25em; } @media only screen and (min-width: 768px) { .vm-callout-box .elementor-text-editor, .vm-callout-box .elementor-widget-container, .vm-callout-box .elementor-widget-container p , .vm-callout-box .elementor-text-editor p { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { .vm-callout-box { padding: 160px 0 250px 0; } .vm-callout-box .elementor-text-editor, .vm-callout-box .elementor-widget-container, .vm-callout-box .elementor-widget-container p , .vm-callout-box .elementor-text-editor p { font-size: 4rem; } } /* ----------------------------- */ /* Standard content grid section */ /* ----------------------------- */ .vm-content-grid-box { margin-bottom: 170px; } @media only screen and (min-width: 1281px) { .vm-content-grid-box { margin-bottom: 250px; } } .vm-content-grid-box>.elementor-container>.elementor-element { padding: 0; } /* ----------------------------- */ /* Library grid section */ /* ----------------------------- */ /* Library grid global styles */ .vm-library-grid .elementor-widget-eael-post-grid .eael-post-grid-container .eael-post-grid article.eael-grid-post .eael-grid-post-holder { border: none; } .vm-library-grid .eael-grid-post .eael-entry-footer, .vm-library-grid .eael-grid-post .eael-entry-wrapper { padding: 40px 0 0 0; } .vm-library-grid .eael-grid-post .eael-entry-wrapper .eael-entry-header .eael-entry-title { font-size: 2rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.15em; } @media only screen and (min-width: 768px) { .vm-library-grid .eael-grid-post .eael-entry-wrapper .eael-entry-header .eael-entry-title { font-size: 2.5rem; } } @media only screen and (min-width: 1200px) { .vm-library-grid .eael-grid-post .eael-entry-wrapper .eael-entry-header .eael-entry-title { font-size: 3rem; } } .vm-library-grid .eael-grid-post .eael-entry-wrapper .eael-entry-header .eael-entry-title a { color: #000; } .vm-library-grid .eael-grid-post .eael-entry-wrapper .eael-entry-header .eael-entry-title a:hover { text-decoration: underline; } .vm-library-grid .eael-grid-post .eael-entry-footer .eael-entry-meta { padding-left: 0; } .vm-library-grid .eael-grid-post .eael-entry-footer .eael-entry-meta>div { font-size: 1.6rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.15em; } @media only screen and (min-width: 768px) { .vm-library-grid .eael-grid-post .eael-entry-footer .eael-entry-meta>div { font-size: 1.8rem; } } @media only screen and (min-width: 1200px) { .vm-library-grid .eael-grid-post .eael-entry-footer .eael-entry-meta>div { font-size: 2rem; } } article.eael-grid-post .eael-grid-post-holder .eael-grid-post-holder-inner { margin-bottom: 40px; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__badge { background-color: #0F6EBC; color: #fff; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__thumbnail__link { border: solid 1px rgba(0, 0, 0, 0.1); } /* Library News */ #vm-library-grid-news eael-post-grid .eael-grid-post .eael-grid-post-holder .eael-grid-post-holder-inner .eael-entry-media .eael-entry-thumbnail { border: solid 1px rgba(0, 0, 0, 0.1); } /* Library Search */ #vm-library-search-box>.elementor-container>.elementor-column>.elementor-widget-wrap { margin: 140px 0; border-top: solid 1px #000; border-bottom: solid 1px #000; padding-top: 45px; padding-bottom: 45px; } #vm-library-search-box h5, #vm-library-search-box h5 label { font-family: 'VAG Rounded Light', sans-serif; font-size: 3rem; margin-bottom: 1em; color: #000; } #vm-library-search-category { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } /* #vm-library-search-tag { } */ #vm-library-search-category select /*, #vm-library-search-tag select*/ { font-family: 'VAG Rounded Light', sans-serif; font-size: 1.6rem; padding: 0.25em; width: 100%; margin-bottom: 20px; } /* Library Resources */ #vm-library-grid-resources { margin-bottom: 170px; } @media only screen and (min-width: 1281px) { #vm-library-grid-resources { margin-bottom: 250px; } } /* - Elementor post grid */ #vm-library-grid-resources nav.elementor-pagination { margin-top: 50px; } #vm-library-grid-resources nav.elementor-pagination .page-numbers { display: inline-block; font-size: 3rem; line-height: 6rem; width: 6rem; height: 6rem; background-color: #0F6EBC; border-radius: 50%; } #vm-library-grid-resources nav.elementor-pagination a.page-numbers, #vm-library-grid-resources nav.elementor-pagination a.page-numbers:hover, #vm-library-grid-resources nav.elementor-pagination a.page-numbers:active, #vm-library-grid-resources nav.elementor-pagination a.page-numbers:visited { color: #fff; } #vm-library-grid-resources nav.elementor-pagination .page-numbers:hover { background-color: #F3AF18; } #vm-library-grid-resources nav.elementor-pagination .page-numbers.current { background-color: #F3AF18; color: #fff; } /* ----------------------------- */ /* Tooltip */ /* ----------------------------- */ .elementor-widget-eael-tooltip .eael-tooltip { padding: 0; } .vm-keypoints-box .elementor-widget-wrap .elementor-widget-wrap { margin-bottom: 150px; } @media only screen and (min-width: 768px) { .vm-keypoints-box .elementor-widget-wrap .elementor-widget-wrap { margin-bottom: 0; } } .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text { width: 100% !important; max-width: 320px !important; background-color: #47B8D3 !important; padding: 20px; border-radius: 10px; margin-top: 80px; } .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text, .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text p { font-size: 1.6rem; color: #fff !important; line-height: 1.25em; } @media only screen and (min-width: 1281px) { .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text, .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text p { font-size: 1.8rem; } } @media only screen and (min-width: 1400px) { .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text, .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text p { font-size: 2rem; } } .elementor-widget-eael-tooltip .eael-tooltip .eael-tooltip-text::after { border-bottom-color: #47B8D3 !important; border-width: 20px !important; left: calc(50% - 20px) !important; } /* -------------------------------------------- -------------------------------------------- SEARCH -------------------------------------------- -------------------------------------------- */ /* Search lightbox */ #vm-search-lightbox .elementor-search-form__input { text-align: left !important; } #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input { color: #fff; font-size: 2rem; } #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen .elementor-search-form__container { padding: 0 5%; } @media only screen and (min-width: 576px) { #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input { font-size: 2.4rem; } } @media only screen and (min-width: 768px) { #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input { font-size: 3rem; } #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen .elementor-search-form__container { padding: 0 10%; } } @media only screen and (min-width: 1024px) { #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input { font-size: 3.6rem; } #vm-search-lightbox.elementor-widget-search-form.elementor-search-form--skin-full_screen .elementor-search-form__container { padding: 0 15%; } } #vm-search-lightbox .elementor-lightbox .dialog-lightbox-close-button { top: 30px; right: 30px; } #vm-search-lightbox .elementor-lightbox .dialog-lightbox-close-button .eicon-close { font-size: 3.2rem; color: #fff; } /* -------------------------------------------- -------------------------------------------- ARCHIVE PAGES -------------------------------------------- -------------------------------------------- */ body.elementor-page-740 .elementor-location-archive { margin-bottom: 250px; } /* Category dropdown */ #vm-header-title-box.vm-header-title-box-archive>.elementor-container { width: 100%; } #vm-archive-search-box>.elementor-container>.elementor-column>.elementor-widget-wrap { margin: 50px 0; border-top: solid 1px #000; border-bottom: solid 1px #000; padding-top: 45px; padding-bottom: 25px; } #vm-archive-search-category { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } #vm-archive-search-category select { font-family: 'VAG Rounded Light', sans-serif; font-size: 1.6rem; padding: 0.25em; width: 100%; margin-bottom: 20px; } /* Grid */ .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item { padding: 10px; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card { box-shadow: none; border: none; margin-bottom: 40px; } /* .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__badge { display:none; } */ .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card a.elementor-post__thumbnail__link .elementor-post__thumbnail { padding-bottom: 100%; overflow: hidden; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card a.elementor-post__thumbnail__link::after { background-image: none; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text, .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__meta-data { margin-top: 40px; padding: 0; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text .elementor-post__title { margin-bottom: 0; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text .elementor-post__title a { font-size: 2rem; font-family: 'VAG Rounded Light', sans-serif; font-weight: normal; line-height: 1.15em; color: #000; } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text .elementor-post__title a:hover { text-decoration: underline; } @media only screen and (min-width: 768px) { .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text .elementor-post__title a { font-size: 2.5rem; } } @media only screen and (min-width: 1200px) { .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__text .elementor-post__title a { font-size: 3rem; } } .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__meta-data { font-size: 1.6rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.15em; color: #000; border: none; } @media only screen and (min-width: 768px) { .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__meta-data { font-size: 1.8rem; } } @media only screen and (min-width: 1200px) { .vm-library-grid .elementor-posts-container.elementor-grid .elementor-post.elementor-grid-item .elementor-post__card .elementor-post__meta-data { font-size: 2rem; } } /* Archive pages with Service Boxes */ body.elementor-page-740 #vm-service-boxes { padding-bottom: 0; } /* Nothing found */ body.elementor-page-740 .elementor-widget-archive-posts .elementor-posts-nothing-found { font-family: 'VAG Rounded Light', sans-serif; color: #000; font-weight: 400; font-size: 3rem; text-align: center; } /* -------------------------------------------- -------------------------------------------- PLUG-INS -------------------------------------------- -------------------------------------------- */ /* ----------------------------- */ /* Opt-in Panda */ /* ----------------------------- */ .onp-sl-friendly-giant { background-color: #fff; border-radius: 20px; box-shadow: none; } .onp-sl-friendly-giant .onp-sl-header, .onp-sl-friendly-giant .onp-sl-text .onp-sl-strong { font-family: 'VAG Rounded Bold', sans-serif; font-size: 3rem; color: #0F6EBC; font-weight: normal; line-height: 1.25em; } .onp-sl-friendly-giant, .onp-sl-friendly-giant a, .onp-sl-friendly-giant button, .onp-sl-friendly-giant input, .onp-sl-friendly-giant p { font-family: 'VAG Rounded Light', sans-serif; font-size: 1.6rem; line-height: 1.25em; color: #000; } .onp-sl.onp-sl-friendly-giant .onp-sl-input { border-radius: 45px; box-shadow: none; color: #000; border: 1px solid #0F6EBC; font-size: 1.6rem; background-color: rgba(15, 110, 188, 0.15); padding: 16px 18px; } .onp-sl-friendly-giant .onp-sl-field { margin-bottom: 30px; } .onp-sl .onp-sl-checkbox { top: 8px; background-color: rgba(15, 110, 188, 0.15); padding: 5px; border-radius: 50%; border: solid 1px #0f6ebc; } .onp-sl .onp-sl-checkbox::after { border-radius: 50%; } .onp-sl .onp-sl-agreement-checkbox .onp-sl-checkbox { top: 8px; } .onp-sl-custom-form .onp-sl-subscription .onp-sl-field-submit::before { content: none; } .onp-sl.onp-sl-friendly-giant button.onp-sl-button { background-color: #0F6EBC; padding: 16px 35px; border-radius: 29px; transition: background-color 0.5s; color: #fff; font-size: 3rem; line-height: 3rem; font-family: 'VAG Rounded Bold', sans-serif; font-weight: normal; border: none; width: auto; margin-left: auto; margin-right: auto; } .onp-sl.onp-sl-friendly-giant button.onp-sl-button:hover { background-color: #F3AF18; color: #fff; box-shadow: none; } /* ----------------------------- */ /* GDPR Cookie Consent */ /* ----------------------------- */ #cookie-law-info-bar { z-index: 999999; border-top: solid 1px #ccc; box-shadow: none; } #cookie-law-info-bar a, #cookie-law-info-bar a:visited { color: #0F6EBC; text-decoration: none; } #cookie-law-info-bar a:hover { text-decoration: underline; } #cookie-law-info-bar a.cli_settings_button, #cookie-law-info-bar a.cli_settings_button:visited { font-family: 'VAG Rounded Bold', sans-serif; color: #0F6EBC !important; text-decoration: none; } #cookie-law-info-bar a.cli_settings_button:hover { text-decoration: underline; } #cookie-law-info-bar .cli-plugin-button, #cookie-law-info-bar .cli-plugin-button:visited { background-color: #0F6EBC !important; border-radius: 20px; transition: background-color 0.5s; font-family: 'VAG Rounded Bold', sans-serif; font-weight: normal; } #cookie-law-info-bar .cli-plugin-button:hover { background-color: #F3AF18 !important; text-decoration: none; } /* ----------------------------- */ /* Flexy Breadcrumb */ /* ----------------------------- */ .fbc-page .fbc-wrap .fbc-items { font-family: "VAG Rounded Light", sans-serif; font-size: 1.6rem; background-color: transparent !important; padding: 15px; } .fbc-page .fbc-wrap .fbc-items li { margin: 0; padding: 1px 0; } .fbc-page .fbc-wrap .fbc-items li:first-child { padding-right: 0; } .fbc-page .fbc-wrap .fbc-items li a { color: #0F6EBC; } .fbc-page .fbc-wrap .fbc-items li a:hover { text-decoration: underline; } .fbc-page .fbc-wrap .fbc-items li a:last-child { margin-right: 0; } @media only screen and (min-width: 768px) { .fbc-page .fbc-wrap .fbc-items { padding-left: 0; } } /* ----------------------------- */ /* Our values page */ /* ----------------------------- */ body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-414.svg"); background-position: center 1360px; background-repeat: no-repeat; background-size: 719px; } @media only screen and (min-width: 576px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-768.svg"); background-position: center 1104px; background-size: 3633px; } } @media only screen and (min-width: 992px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1200.svg"); background-position: center 793px; background-size: 3633px; } } @media only screen and (min-width: 1281px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1400.svg"); background-position: center 1104px; background-size: 3633px; } } body.page-id-7598 .elementor-location-single.page { margin-bottom: 250px; } /* ----------------------------- */ /* Our values page */ /* ----------------------------- */ body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-414.svg"); background-position: center 1360px; background-repeat: no-repeat; background-size: 719px; } @media only screen and (min-width: 576px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-768.svg"); background-position: center 1104px; background-size: 3633px; } } @media only screen and (min-width: 992px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1200.svg"); background-position: center 793px; background-size: 3633px; } } @media only screen and (min-width: 1281px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1400.svg"); background-position: center 1104px; background-size: 3633px; } } body.page-id-7598 .elementor-location-single.page { margin-bottom: 250px; } /* ----------------------------- */ /* Our values page */ /* ----------------------------- */ body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-414.svg"); background-position: center 1360px; background-repeat: no-repeat; background-size: 719px; } @media only screen and (min-width: 576px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-768.svg"); background-position: center 1104px; background-size: 3633px; } } @media only screen and (min-width: 992px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1200.svg"); background-position: center 793px; background-size: 3633px; } } @media only screen and (min-width: 1281px) { body.page-id-7598 { background-image: url("/wp-content/uploads/bgrnd-zigzag-9-1400.svg"); background-position: center 1104px; background-size: 3633px; } } body.page-id-7598 .elementor-location-single.page { margin-bottom: 250px; } /* ----------------------------- */ /* Benefits of Remanufacturing Landing Page */ /* ----------------------------- */ body.page-id-8005 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-8005 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-8005 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-8005 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* Effectively Specifying for Remanufacturing Landing Page */ /* ----------------------------- */ body.page-id-8360 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-8360 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-8360 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-8360 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* NDA */ /* ----------------------------- */ body.page-id-8692 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-8692 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-8692 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-8692 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* Petition page */ /* ----------------------------- */ @media only screen and (min-width: 650px) and (max-width: 768px) { body.page-id-9431 { background-image: url("/wp-content/uploads/bgrnd-zigzag-social-value-1200.svg"); background-position: center -193px; background-repeat: no-repeat; background-size: 3185px; } } @media only screen and (min-width: 1024px) { body.page-id-9431 { background-image: url("/wp-content/uploads/bgrnd-zigzag-social-value-1200.svg"); background-position: center -100px; background-repeat: no-repeat; background-size: 1998px; } } @media only screen and (min-width: 1400px) { body.page-id-9431 { background-image: url("/wp-content/uploads/bgrnd-zigzag-social-value-1200.svg"); background-position: center -690px; background-repeat: no-repeat; background-size: 3185px; } } body.page-id-9431 #vm-service-boxes #valuematch-services-col-2, body.page-id-9431 #vm-service-boxes #valuematch-services-col-3, body.page-id-9431 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } /* Petition Green box */ .page-id-9431 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Yellow@2x.png"); } .page-id-9431 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #F3AF18; } .page-id-9431 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Story Box section - Petition Green #70AD47; */ .page-id-13 #vm-social-value-box { background-color: rgba(112, 173, 71, 0.85); /* 85% #70AD47 */ } .page-id-13 #vm-social-value-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-36.svg"); } .page-id-13 #vm-social-value-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #F3AF18; } .page-id-13 #vm-social-value-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #70AD47; } @media only screen and (min-width: 392px) { .page-id-13 #vm-social-value-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-36.svg"); } .page-id-13 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* ----------------------------- */ /* Social Value Petition Section */ /* ----------------------------- */ .vm-keypoints-box-petition { padding-bottom: 100px; } @media only screen and (min-width: 768px) { .vm-keypoints-box { padding-bottom: 15px; } } @media only screen and (min-width: 1281px) { .vm-keypoints-box-petition { padding-bottom: 15px; } } .vm-keypoints-box-petition .elementor-heading-title { text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 1281px) { .vm-keypoints-box-petition .elementor-heading-title { margin-bottom: 15px; } } .vm-keypoints-box-petition .elementor-image-box-wrapper .elementor-image-box-img { padding-bottom: 15px; } .vm-keypoints-box-petition .elementor-image-box-wrapper .elementor-image-box-img img { margin-left: auto; margin-right: auto; } .vm-keypoints-box-petition .elementor-image-box-content .elementor-image-box-description { font-size: 2rem; font-family: 'VAG Rounded Light', sans-serif; line-height: 1.33em; padding-left: 2.5%; padding-right: 2.5%; } @media only screen and (min-width: 1281px) { .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { font-size: 3rem; } } /* ----------------------------- */ /* Our Sustainability, Diversity & Social Impact */ /* ----------------------------- */ body.page-id-11560 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-11560 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-11560 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-11560 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* Who we work with */ /* ----------------------------- */ body.page-id-13524 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-13524 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-13524 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-13524 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* How to work with us */ /* ----------------------------- */ body.page-id-13501 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-13501 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-13501 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-13501 { background-image: url("/wp-content/uploads/bgrnd-zigzag-16-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } /* ----------------------------- */ /* Services - Sustainability, Diversity & Social Impact page */ /* ----------------------------- */ body.page-id-12052 { background-image: url("/wp-content/uploads/bgrnd-zigzag-20-414.svg"); background-position: center 22px; background-repeat: no-repeat; background-size: 915px; } @media only screen and (min-width: 576px) { body.page-id-12052 { background-image: url("/wp-content/uploads/bgrnd-zigzag-20-768.svg"); background-position: center -100px; background-size: 2101px; } } @media only screen and (min-width: 1024px) { body.page-id-12052 { background-image: url("/wp-content/uploads/bgrnd-zigzag-20-1200.svg"); background-position: center -66px; background-size: 1934px; } } @media only screen and (min-width: 1400px) { body.page-id-12052 { background-image: url("/wp-content/uploads/bgrnd-zigzag-20-1400.svg"); background-position: center -340px; background-size: 3332px; } } body.page-id-12052 #vm-service-boxes #valuematch-services-col-1, body.page-id-12052 #vm-service-boxes #valuematch-services-col-3, body.page-id-12052 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } body.page-id-12052 .elementor-text-editor, body.page-id-12052 .elementor-widget-container p , body.page-id-12052 .elementor-text-editor p { color: #47B8D3; } /* ----------------------------- */ /* Callout Text Box section for Our Sustainability, Who we work with, how to work with us */ /* ----------------------------- */ .vm-callout-box-new { padding: 40px 0 120px 0; display: flex; flex-direction: column; justify-content: center; align-content: center; } .vm-callout-box-new .elementor-widget-container , .vm-callout-box-new .elementor-text-editor { text-align: center; width: 90%; margin: 0 auto 0 auto; } .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-family: 'VAG Rounded Light', sans-serif; color: #0F6EBC; font-size: 3rem; line-height: 1.25em; } @media only screen and (min-width: 768px) { .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { .vm-callout-box-new { padding: 160px 0 250px 0; } .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 4rem; } } /* ----------------------------- */ /* Callout Text Box section for Our Sustainability, Who we work with, */ /* ----------------------------- */ .vm-callout-box-new { padding-top: 0px; padding-right: 0px; padding-bottom: 250px; padding-left: 0px; display: flex; flex-direction: column; justify-content: center; align-content: center; } .vm-callout-box-new .elementor-widget-container , .vm-callout-box-new .elementor-text-editor { text-align: center; width: 90%; margin: 0 auto 0 auto; } .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-family: 'VAG Rounded Light', sans-serif; color: #0F6EBC; font-size: 3rem; line-height: 1.25em; } @media only screen and (min-width: 768px) { .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { .vm-callout-box-new { padding-top: 0px; padding-right: 0px; padding-bottom: 250px; padding-left: 0px; } .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 4rem; } } /* ----------------------------- */ /* Callout Text Box section for how to work with us */ /* ----------------------------- */ .vm-callout-box-htwwu { padding-top: 0px; padding-right: 0px; padding-bottom: 150px; padding-left: 0px; display: flex; flex-direction: column; justify-content: center; align-content: center; } .vm-callout-box-htwwu .elementor-widget-container , .vm-callout-box-htwwu .elementor-text-editor { text-align: center; width: 90%; margin: 0 auto 0 auto; } .vm-callout-box-htwwu .elementor-text-editor, .vm-callout-box-htwwu .elementor-widget-container, .vm-callout-box-htwwu .elementor-widget-container p , .vm-callout-box-htwwu .elementor-text-editor p { font-family: 'VAG Rounded Light', sans-serif; color: #0F6EBC; font-size: 3rem; line-height: 1.25em; } @media only screen and (min-width: 768px) { .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 3.5rem; } } @media only screen and (min-width: 1281px) { .vm-callout-box-new { padding-top: 0px; padding-right: 0px; padding-bottom: 250px; padding-left: 0px; } .vm-callout-box-new .elementor-text-editor, .vm-callout-box-new .elementor-widget-container, .vm-callout-box-new .elementor-widget-container p , .vm-callout-box-new .elementor-text-editor p { font-size: 4rem; } } /* ----------------------------- */ /* Carbon Calculator */ /* ----------------------------- */ body.page-id-14470 { background-image: url("/wp-content/uploads/bgrnd-zigzag-14479-414.svg"); background-position: center -349px; background-size: 1176px; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { body.page-id-14470 { background-image: url("/wp-content/uploads/bgrnd-zigzag-14479-768.svg"); background-position: center -666px; background-size: 1396px; } } @media only screen and (min-width: 1025px) { body.page-id-14470 { background-image: url("/wp-content/uploads/bgrnd-zigzag-14479-1200.svg"); background-position: center -645px; background-size: 1896px; } } @media only screen and (min-width: 1281px) { body.page-id-14470 { background-image: url("/wp-content/uploads/bgrnd-zigzag-14479-1400.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-14479.svg"), url("/wp-content/uploads/bgrnd-zigzag-21-14479-2.svg"); background-position: center -1004px, center 3740px, center 1000px; background-size: 2427px, 3848px, 3848px; } } .display_block, .display_block .elementor-container{ display: block; } /* ----------------------------- */ /* Youth Futures */ /* ----------------------------- */ @media only screen and (min-width: 576px) and (max-width: 768px) { body.page-id-17274 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-768.svg"); background-position: center -193px; background-repeat: no-repeat; background-size: 3185px; } } @media only screen and (min-width: 1024px) { body.page-id-17274 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-1200.svg"); background-position: center -100px; background-repeat: no-repeat; background-size: 1998px; } } @media only screen and (min-width: 1400px) { body.page-id-17274 { background-image: url("/wp-content/uploads/bgrnd-zigzag-11-1400.svg"); background-position: center -690px; background-repeat: no-repeat; background-size: 3185px; } } body.page-id-17274 #vm-service-boxes #valuematch-services-col-2, body.page-id-17274 #vm-service-boxes #valuematch-services-col-3, body.page-id-17274 #vm-service-boxes #valuematch-services-col-4 { opacity: 0.25; } /* Youth Future*/ .page-id-17274 .vm-link-box { background-image: url("/wp-content/uploads/Recruitment-Box-Yellow@2x.png"); } .page-id-17274 .vm-link-box .elementor-widget-button a.elementor-button .elementor-button-content-wrapper .elementor-button-text { color: #F3AF18; } .page-id-17274 .vm-link-box .elementor-widget-button a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { color: #FFF; } /* Story Box section - yellow #F3AF18; */ .page-id-17274 #vm-story-box { background-color: rgba(243, 175, 24, 0.85); /* 85% #F3AF18 */ } .page-id-17274 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-5-yellow.svg"); } .page-id-17274 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn { color: #F3AF18; } .page-id-17274 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-content .eael-grid-post-excerpt .eael-post-elements-readmore-btn:hover { color: #FFF; background-color: #0F6EBC; } @media only screen and (min-width: 992px) { .page-id-17274 #vm-story-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-7-2-yellow.svg"); } .page-id-17274 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* Yellow page */ .page-id-17274 #vm-contact-box .elementor-widget-form .elementor-field-group .elementor-field, .page-id-17274 #vm-contact-box .elementor-form .elementor-field-type-textarea { border-color: #F3AF18; } /* - yellow button */ .page-id-17274 .elementor-widget-form .elementor-button { background-color: #F3AF18; } .page-id-17274 .elementor-widget-form .elementor-button .elementor-button-text { color: #fff; } .page-id-17274 .elementor-widget-form .elementor-button:hover { background-color: #0F6EBC; } /* Yellow */ .page-id-17274 .vm-keypoints-box .elementor-widget-heading .elementor-heading-title, .page-id-17274 .vm-keypoints-box .elementor-image-box-content .elementor-image-box-description { color: #F3AF18; } .page-id-17274 #vm-social-value-box { background-color: rgba(112, 173, 71, 0.85); /* 85% #70AD47 */ } .page-id-17274 #vm-social-value-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-media::after { background: url("/wp-content/uploads/bgrnd-zigzag-36.svg"); } @media only screen and (min-width: 392px) { .page-id-17274 #vm-social-value-box { background-color: transparent; background-image: url("/wp-content/uploads/bgrnd-zigzag-36.svg"); } .page-id-17274 #vm-story-box .elementor-widget-eael-post-carousel .eael-post-carousel.eael-post-grid .eael-grid-post-holder-inner .eael-entry-wrapper .eael-entry-header::before { content: 'Case studies'; } } /* ----------------------------- */ /* Your Tomorrow */ /* ----------------------------- */ #vm-header-title-box-yt { min-height: 330px; display: flex; justify-content: center; align-items: center; text-align: center; } @media only screen and (min-width: 1281px) { #vm-header-title-box-yt { min-height: 440px; } } #vm-header-title-box-yt .elementor-widget-heading h1.elementor-heading-title { font-size: 4.5rem; font-family: 'VAG Rounded Bold', sans-serif; color: #000; } @media only screen and (min-width: 768px) { #vm-header-title-box-yt .elementor-widget-heading h1.elementor-heading-title { font-size: 5.25rem; } } @media only screen and (min-width: 1281px) { #vm-header-title-box .elementor-widget-heading h1.elementor-heading-title { font-size: 6rem; } } #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 2rem; color: #0F6EBC; } @media only screen and (min-width: 768px) { #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 3rem; } } @media only screen and (min-width: 1281px) { #vm-header-title-box .elementor-widget-container p , #vm-header-title-box .elementor-text-editor p { font-size: 4rem; } }