@charset "UTF-8"; @import url(../node_modules/@fortawesome/fontawesome-pro/css/all.min.css); :root { --colour-white: #fff; --colour-black: #000; --colour-red: #D43F30; --colour-redorange: #D7584C; --colour-burntorange: #E64A3A; --colour-lightgrey: #EFF1F5; --colour-grey: #5F5555; --colour-light-greyish-blue: #D2D8DB; --colour-greyish-blue: #BAC1C4; --colour-mediumgrey: #9C9C9C; --colour-darkgrey: #3C3333; --colour-dark-greyish-blue: #655F5F; --colour-dark-greyish-brown: #504646; --colour-dark-red: #BF3729; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { scroll-behavior: smooth; font-size: 10px; } @media (min-width: 992px) { html { font-size: 7.1145px; } } @media (min-width: 1024px) { html { font-size: 7.5px; } } @media (min-width: 1536px) { html { font-size: 10px; } } body { font-family: neulis-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.8rem; line-height: 2; background-color: #EFF1F5; } .container-fluid { margin-right: auto; margin-left: auto; width: 100%; padding-right: 2.0rem; padding-left: 2.0rem; } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; max-width: 92%; } .container-fluid-half { max-width: 84%; } } .vs_btn { background-color: var(--colour-white) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-red) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; } .vs_btn:hover { background-color: rgba(255, 255, 255, 0.75) !important; } .vs_btn-small { padding-left: 2rem; padding-right: 2rem; } .vs_btn-full { width: 100%; max-width: 100%; } .vs_btn-red { background-color: var(--colour-red) !important; color: var(--colour-white) !important; } .vs_btn-red:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100% !important; } .editor-styles-wrapper a:where(:not(.wp-element-button)) { text-decoration: none; } .grid { display: grid; gap: 5rem; } .grid-1 { grid-template-columns: 1fr; } .grid-2 { grid-template-columns: 1fr 1fr; } .grid-3 { grid-template-columns: 1fr 1fr 1fr; } .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } @media (min-width: 992px) { .vs_backgroundShape { background-image: url(assets/imgs/backgroundShape.svg); background-repeat: no-repeat; background-position: 100% 630px; background-size: 15.93% auto; } } .title.is-2 { font-family: neulis-sans, sans-serif; } .vs_header { background-color: var(--colour-red); position: fixed; width: 100%; z-index: 11; } .vs_header_top { display: none; padding-top: 3rem; padding-bottom: 3rem; justify-content: space-between; align-items: center; } @media (min-width: 992px) { .vs_header_top { display: flex; } } .vs_header_top_logo, .vs_header_top_link { width: 100%; max-width: 51.35rem; } .vs_header_top_login { margin-left: 2rem; } .vs_header_top_welcome { color: var(--colour-white); display: inline-flex; align-items: center; font-style: italic; margin-left: 2rem; } .vs_header_top_welcome:hover, .vs_header_top_welcome:active, .vs_header_top_welcome:focus { color: rgba(255, 255, 255, 0.75); } .vs_header_top_welcome_image { margin-left: 1rem; height: 5.2rem; width: 5.2rem; } .vs_header_top_welcome_image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .vs_header_mobile { display: flex; justify-content: center; position: relative; } @media (min-width: 992px) { .vs_header_mobile { display: none; } } .vs_header_mobile_link { display: inline-block; } .vs_header_mobile_logo { width: 100%; max-width: 14rem; display: block; padding: 2.8rem 0; } .vs_header_mobile_button { position: absolute; right: 0; top: 2rem; background-color: var(--colour-white); border-radius: 10px; height: 5.2rem; width: 5.2rem; } .vs_header_nav { background-color: var(--colour-red); position: absolute; width: 100%; display: none; } @media (min-width: 992px) { .vs_header_nav { background-color: var(--colour-dark-red); position: relative; width: auto; display: flex; } } .vs_header_nav_bar { display: flex; justify-content: space-between; padding-top: 4.2rem; padding-bottom: 2rem; flex-direction: column; } @media (min-width: 992px) { .vs_header_nav_bar { flex-direction: row; padding-top: 1.6rem; padding-bottom: 1.6rem; align-items: center; } } .vs_header_nav_list { line-height: 1; position: relative; margin-bottom: 3rem; } @media (min-width: 992px) { .vs_header_nav_list { margin-bottom: 0; } } @media (min-width: 992px) { .vs_header_nav_list:hover .vs_header_nav_subnav { opacity: 1; visibility: visible; } } .vs_header_nav_link { font-size: 2rem; line-height: 1; font-weight: 400; color: var(--colour-white); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_header_nav_link:hover, .vs_header_nav_link:active, .vs_header_nav_link:focus { color: rgba(255, 255, 255, 0.75); } .vs_header_nav_link_chervon { margin-left: 0.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_header_nav_link_chervon-active { transform: rotate(180deg); } .vs_header_nav_subnav { display: none; padding-top: 3rem; padding-left: 3rem; } @media (min-width: 992px) { .vs_header_nav_subnav { position: absolute; padding: 10px; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background: #fff; margin-top: 1.6rem; z-index: 999; } } .vs_header_nav_subnav .vs_header_nav_link { font-size: 1.6rem; } @media (min-width: 992px) { .vs_header_nav_subnav .vs_header_nav_link { font-size: 2rem; color: var(--colour-dark-red); line-height: 1.5; white-space: nowrap; } } @media (min-width: 992px) { .vs_header_nav_subnav .vs_header_nav_list { padding-top: 0.8rem; padding-bottom: 0.8rem; } } .vs_header_nav_btns { display: flex; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_header_nav_btns { display: none; } } .vs_header_nav_btns_search { margin-right: 2rem; } .vs_header_nav_btns_login { width: 100%; } #main { padding-top: 9.2rem; overflow-x: hidden; } @media (min-width: 992px) { #main { padding-top: 17.6rem; } } #menu-item-23 .vs_header_nav_subnav { right: 0; } #menu-item-23 .vs_header_nav_subnav .vs_header_nav_list { text-align: right; } .vs_footer { background-color: var(--colour-darkgrey); padding-top: 5rem; padding-bottom: 2.5rem; } @media (min-width: 992px) { .vs_footer { padding-top: 10rem; padding-bottom: 2.6rem; } } .vs_footer_cols { display: flex; justify-content: space-between; flex-wrap: wrap; } .vs_footer_col:nth-child(1) { width: 100%; } @media (min-width: 992px) { .vs_footer_col:nth-child(1) { max-width: 16.10%; } } .vs_footer_col:nth-child(2) { width: 100%; } @media (min-width: 992px) { .vs_footer_col:nth-child(2) { max-width: 26.51%; } } .vs_footer_col:nth-child(3) { width: 100%; } @media (min-width: 992px) { .vs_footer_col:nth-child(3) { max-width: 26.86%; } } .vs_footer_col:nth-child(4) { width: 100%; } @media (min-width: 992px) { .vs_footer_col:nth-child(4) { max-width: 30.52%; } } .vs_footer_image { margin-right: 10rem; width: auto; max-width: 17.8rem; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_footer_image { width: auto; max-width: auto; margin-bottom: 0; } } .vs_footer_heading { color: var(--colour-mediumgrey); font-size: 2.0rem; line-height: 1; margin-bottom: 2.5rem; font-weight: 400; } .vs_footer_links { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_footer_links { margin-bottom: 0; } } .vs_footer_link { color: var(--colour-white); font-size: 2.0rem; line-height: 1; font-weight: 400; } .vs_footer_link:hover { color: rgba(255, 255, 255, 0.75); } .vs_footer_list { margin-bottom: 2rem; line-height: 1; } .vs_footer_socials { display: flex; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_footer_socials { margin-bottom: 6rem; } } .vs_footer_socials_list { margin-right: 2rem; } .vs_footer_socials_list i { width: 2.5rem; font-size: 2.5rem; line-height: 1; color: var(--colour-white); } .vs_footer_logos { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_footer_logos { margin-bottom: 0; } } .vs_footer_logos img { display: block; } @media (min-width: 992px) { .vs_footer_bottom { display: flex; justify-content: space-between; } } .vs_footer_bottom p { color: var(--colour-white); line-height: 1.25; margin-bottom: 1rem; } @media (min-width: 992px) { .vs_footer_bottom p { font-size: 2.0rem; text-align: right; line-height: 2; margin-bottom: 0; } } .vs_footer_bottom p a { color: var(--colour-white); } .PoetsenOne { font-family: 'PoetsenOne-Regular'; letter-spacing: -0.1rem; } .wysiwyg h1 { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .wysiwyg h1 { font-size: 5.0rem; margin-bottom: 3.0rem; } } .wysiwyg h2 { font-family: neulis-sans, sans-serif; font-size: 2rem; font-weight: 300; margin-bottom: 3rem; line-height: 1.5; color: var(--colour-darkgrey); } @media (min-width: 992px) { .wysiwyg h2 { font-size: 2.6rem; line-height: 1.35; margin-bottom: 5rem; } } .wysiwyg p { font-size: 1.6rem; font-weight: 300; margin-bottom: 3rem; line-height: 1.875; color: var(--colour-darkgrey); } @media (min-width: 992px) { .wysiwyg p { font-size: 2rem; margin-bottom: 1rem; line-height: 2; } } .wysiwyg p:last-child { margin-bottom: 0; } .wysiwyg ul li { margin-bottom: 2rem; position: relative; padding-left: 2rem; font-size: 2rem; } .wysiwyg ul li:before { content: "\f111"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 1rem; position: absolute; left: 0; top: 6px; } .wysiwyg ul li ul li:before { font-weight: 400; } .wysiwyg a { color: var(--colour-red); font-weight: 600; text-decoration: underline; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .wysiwyg a:hover { color: var(--colour-redorange); } .text-white { color: var(--colour-white) !important; } .text-white a { color: var(--colour-white) !important; text-decoration: underline; } .bg-white { background-color: var(--colour-white) !important; } .text-black { color: var(--colour-black) !important; } .text-black a { color: var(--colour-black) !important; text-decoration: underline; } .bg-black { background-color: var(--colour-black) !important; } .text-red { color: var(--colour-red) !important; } .text-red a { color: var(--colour-red) !important; text-decoration: underline; } .bg-red { background-color: var(--colour-red) !important; } .text-redorange { color: var(--colour-redorange) !important; } .text-redorange a { color: var(--colour-redorange) !important; text-decoration: underline; } .bg-redorange { background-color: var(--colour-redorange) !important; } .text-burntorange { color: var(--colour-burntorange) !important; } .text-burntorange a { color: var(--colour-burntorange) !important; text-decoration: underline; } .bg-burntorange { background-color: var(--colour-burntorange) !important; } .text-lightgrey { color: var(--colour-lightgrey) !important; } .text-lightgrey a { color: var(--colour-lightgrey) !important; text-decoration: underline; } .bg-lightgrey { background-color: var(--colour-lightgrey) !important; } .text-grey { color: var(--colour-grey) !important; } .text-grey a { color: var(--colour-grey) !important; text-decoration: underline; } .bg-grey { background-color: var(--colour-grey) !important; } .text-light-greyish-blue { color: var(--colour-light-greyish-blue) !important; } .text-light-greyish-blue a { color: var(--colour-light-greyish-blue) !important; text-decoration: underline; } .bg-light-greyish-blue { background-color: var(--colour-light-greyish-blue) !important; } .text-greyish-blue { color: var(--colour-greyish-blue) !important; } .text-greyish-blue a { color: var(--colour-greyish-blue) !important; text-decoration: underline; } .bg-greyish-blue { background-color: var(--colour-greyish-blue) !important; } .text-mediumgrey { color: var(--colour-mediumgrey) !important; } .text-mediumgrey a { color: var(--colour-mediumgrey) !important; text-decoration: underline; } .bg-mediumgrey { background-color: var(--colour-mediumgrey) !important; } .text-darkgrey { color: var(--colour-darkgrey) !important; } .text-darkgrey a { color: var(--colour-darkgrey) !important; text-decoration: underline; } .bg-darkgrey { background-color: var(--colour-darkgrey) !important; } .text-dark-greyish-blue { color: var(--colour-dark-greyish-blue) !important; } .text-dark-greyish-blue a { color: var(--colour-dark-greyish-blue) !important; text-decoration: underline; } .bg-dark-greyish-blue { background-color: var(--colour-dark-greyish-blue) !important; } .text-dark-greyish-brown { color: var(--colour-dark-greyish-brown) !important; } .text-dark-greyish-brown a { color: var(--colour-dark-greyish-brown) !important; text-decoration: underline; } .bg-dark-greyish-brown { background-color: var(--colour-dark-greyish-brown) !important; } .text-dark-red { color: var(--colour-dark-red) !important; } .text-dark-red a { color: var(--colour-dark-red) !important; text-decoration: underline; } .bg-dark-red { background-color: var(--colour-dark-red) !important; } @font-face { font-family: 'PoetsenOne-Regular'; src: url("fonts/PoetsenOne-Regular.eot"); src: url("fonts/PoetsenOne-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/PoetsenOne-Regular.woff2") format("woff2"), url("fonts/PoetsenOne-Regular.woff") format("woff"), url("fonts/PoetsenOne-Regular.ttf") format("truetype"), url("fonts/PoetsenOne-Regular.svg#PoetsenOne-Regular") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } .vs_form { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_form { padding-top: 10rem; padding-bottom: 10rem; } } .vs_form_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; text-align: center; margin-bottom: 5.0rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_form_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_form_fieldset-checkbox { display: flex !important; align-items: center; } .vs_form_fieldset-checkbox div { width: auto; display: inline-block; } .vs_form_button { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; width: 100%; margin-bottom: 1.8rem; } .vs_form_button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_form .forgot_password_link { font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-red); text-decoration: underline; } .vs_form .forgot_password_link:hover { color: var(--colour-redorange); text-decoration: none; } .sgk_form_container { max-width: calc(60rem + 30px); padding-right: 15px; padding-left: 15px; padding-top: 0; padding-bottom: 0; } .sgk_form_container .vs_form fieldset { margin-bottom: 3rem; } .sgk_form_container .vs_form fieldset input { background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); padding: 1.6rem; } .sgk_form_container .vs_form fieldset input::placeholder { color: var(--colour-dark-greyish-blue); } .sgk_form_container .vs_form fieldset input[type="checkbox"] { all: revert; width: 2.4rem; height: 2.4rem; margin-right: 1rem; margin-top: 0; margin-bottom: 0.25rem; } .sgk_form_container .vs_form label { font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 1.4rem; } .sgk_form_container .sgk_errors li { background-color: inherit; color: var(--colour-red); padding: 0; margin: 0; padding-bottom: 1rem; } .burger { z-index: 9999; height: 5.2rem; width: 5.2rem; transition: all .3s ease; cursor: pointer; position: relative; } .burger_top, .burger_middle, .burger_bottom { position: absolute; background: var(--colour-red); border: none; height: 2px; width: 50%; left: 50%; transform: translateX(-50%); transition: all .3s ease; } .burger_top { top: 16px; } .burger_middle { top: 26px; } .burger_bottom { top: 36px; } .burger-active .burger_top { transform: translateY(10px) translateX(-50%) rotate(45deg); background: var(--colour-red); } .burger-active .burger_middle { opacity: 0; background: var(--colour-red); } .burger-active .burger_bottom { transform: translateY(-10px) translateX(-50%) rotate(-45deg); background: var(--colour-red); } .vs_search { padding-top: 5rem; padding-bottom: 5rem; } .vs_search_search { margin-bottom: 5rem; } .vs_search_form { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 640px) { .vs_search_form { flex-direction: row; align-items: flex-end; } } .vs_search_form_label { margin-right: 1rem; } .vs_search_form_input { all: revert; border: 0; background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1 !important; color: var(--colour-darkgrey); padding: 1.6rem; width: auto; min-height: auto !important; margin-bottom: 1rem; } @media (min-width: 640px) { .vs_search_form_input { margin-bottom: 0; } } .vs_search_form_span { font-size: 2rem; line-height: 1; font-weight: 400; color: var(--colour-darkgrey); margin-bottom: 1.4rem; display: block; } .vs_search_form_button { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; height: auto; } .vs_search_pages { margin-bottom: 2rem; } @media (min-width: 992px) { .vs_search_pages { margin-bottom: 4.5rem; border-bottom: 2px solid var(--colour-red); } } .vs_search_pages_menu { display: flex; flex-wrap: wrap; } .vs_search_pages_item { width: 100%; } @media (min-width: 992px) { .vs_search_pages_item { max-width: 25%; padding-right: 1px; padding-left: 1px; } } .vs_search_pages_link { height: 5rem; border: 2px solid var(--colour-red); display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 1rem; font-weight: 400; } @media (min-width: 992px) { .vs_search_pages_link { height: 7rem; font-size: 3rem; line-height: 1; border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } } .vs_search_pages_link-on { background-color: var(--colour-red); color: var(--colour-white); } .vs_search_pages_link-on:hover, .vs_search_pages_link-on:focus { background-color: var(--colour-red); color: var(--colour-white); } .vs_search_page { background-color: var(--colour-darkgrey); width: 100%; border-radius: 10px; margin-bottom: 2rem; display: block; padding: 3rem; padding-right: 8rem; position: relative; } @media (min-width: 992px) { .vs_search_page { padding: 5rem; padding-right: 10rem; } } .vs_search_page_title { font-size: 2rem; margin-bottom: 1.1rem; color: var(--colour-white); font-weight: 600; line-height: 1; } @media (min-width: 992px) { .vs_search_page_title { font-size: 4rem; } } .vs_search_page_excerpt { font-size: 1.8rem; line-height: 1.5; color: var(--colour-white); } .vs_search_page:after { position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f054"; right: 0; bottom: 0; background-color: var(--colour-red); color: var(--colour-white); width: 5rem; height: 5rem; border-top-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: center; align-items: center; } .vs_popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.71); z-index: 9999; padding: 20px; overflow-y: scroll; } @media (min-width: 768px) { .vs_popup { overflow-y: auto; display: flex; justify-content: center; align-items: center; } } .vs_popup_container { background-color: #fff; border-radius: 15px; width: 100%; max-width: 1115px; position: relative; max-height: 95vh; overflow-y: auto; } @media (min-width: 768px) { .vs_popup_container { display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; } } .vs_popup_container-full { max-width: 750px; } .vs_popup_image { width: 100%; flex: 1; position: relative; } @media (min-width: 768px) { .vs_popup_image { max-width: 43.76%; } } .vs_popup_image img { width: 100%; display: block; border-top-left-radius: 15px; border-top-right-radius: 15px; } @media (min-width: 768px) { .vs_popup_image img { height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0; } } .vs_popup_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 22px; line-height: 1.3; margin-bottom: 10px; color: #3C3333; } @media (min-width: 768px) { .vs_popup_title { font-size: 26px; margin-right: 70px; } } .vs_popup_subtitle { font-family: neulis-sans, sans-serif; color: #D43F30; margin-bottom: 10px; font-size: 20px; } @media (min-width: 768px) { .vs_popup_subtitle { font-size: 24px; } } .vs_popup_description { margin-bottom: 20px; } .vs_popup_description p { font-size: 18px; line-height: 1.3; } .vs_popup_content { width: 100%; flex: 1; padding: 35px; } @media (min-width: 768px) { .vs_popup_content { max-width: 56.24%; } } .vs_popup_content-full { max-width: 100%; } .vs_popup_button { background-color: #D43F30; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: #fff; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; } .vs_popup_button:hover { background-color: #D7584C; color: #fff; } .vs_popup_close { position: absolute; top: 20px; right: 20px; width: 37px; height: 37px; border-radius: 50%; border: 2px solid #D43F30; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 20px; background: #fff; } .vs_popup_close i { font-size: 22px; line-height: 1; display: block; } .vs_associationLogos_content { width: 100%; } @media (min-width: 992px) { .vs_associationLogos_content { max-width: 73.14%; } } .vs_associationLogos_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_associationLogos_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_associationLogos_grid { display: none; margin-bottom: 6.5rem; } @media (min-width: 992px) { .vs_associationLogos_grid { display: flex; flex-wrap: wrap; } } .vs_associationLogos_carousel { display: block; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_associationLogos_carousel { display: none; margin-bottom: 2.5rem; } } .vs_associationLogos_carousel .swiper-slide { height: auto; } .vs_associationLogos_col { width: auto; display: flex; align-items: center; margin-right: 6.8rem; flex: 1; } .vs_associationLogos_col:last-child { margin-right: 0; } .vs_associationLogos_logo { width: 100%; display: block; } .vs_bannerContact_content { padding-top: 5rem; width: 100%; padding-bottom: 5rem; } @media (min-width: 768px) { .vs_bannerContact_content { padding-top: 27vw; } } @media (min-width: 992px) { .vs_bannerContact_content { padding-top: 10rem; max-width: 45%; } } .vs_bannerContact_content p { font-size: 2rem; line-height: 1.5; } @media (min-width: 992px) { .vs_bannerContact_content p { font-size: 2.6rem; line-height: 2; } } .vs_bannerContact_flex { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } @media (min-width: 992px) { .vs_bannerContact_flex { max-width: 45%; } } .vs_bannerContact_col:first-child { width: 100%; } @media (min-width: 992px) { .vs_bannerContact_col:first-child { max-width: 54%; } } .vs_bannerContact_col:last-child { width: 100%; } @media (min-width: 992px) { .vs_bannerContact_col:last-child { max-width: 44%; } } .vs_bannerContact_address { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .vs_bannerContact_address p { font-weight: 300; font-size: 1.6rem; line-height: 2.18; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_bannerContact_address p { font-size: 1.8rem; line-height: 1.94; margin-bottom: 3rem; } } .vs_bannerContact_address i { width: 100%; max-width: 3.4rem; font-size: 3rem; line-height: 1.16; color: var(--colour-red); } .vs_bannerContact_address div { width: 100%; max-width: calc(100% - 5.4rem); } .vs_bannerContact_details { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 2.5rem; } .vs_bannerContact_details p { font-weight: 300; font-size: 1.8rem; line-height: 1.94; margin-bottom: 3rem; } .vs_bannerContact_details i { width: 100%; max-width: 3.4rem; font-size: 3rem; line-height: 1.16; color: var(--colour-red); } .vs_bannerContact_details div { width: 100%; max-width: calc(100% - 5.4rem); } .vs_bannerContact_details a { color: var(--colour-darkgrey); font-weight: 400; } .vs_bannerContact_googleMapsAddress a { font-size: 1.6rem; line-height: 1; margin-bottom: 3rem; font-weight: 600; color: var(--colour-red); text-decoration: underline; display: block; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 992px) { .vs_bannerContact_googleMapsAddress a { font-size: 1.8rem; line-height: 1.94; } } .vs_bannerContact_googleMapsAddress a:hover { color: var(--colour-redorange); } .vs_bannerContact_note { font-size: 1.6rem; line-height: 1.56; font-weight: 600; color: var(--colour-red); display: block; margin-bottom: 3rem; } @media (min-width: 992px) { .vs_bannerContact_note { margin-bottom: 0; } } .vs_bannerSlider { position: relative; background-color: var(--colour-lightgrey); margin-bottom: calc(33% + 3rem); } @media (min-width: 992px) { .vs_bannerSlider { margin-bottom: 10rem; } } @media (min-width: 992px) { .vs_bannerSlider_background { min-height: 48vh; } } .vs_bannerSlider_full { background-color: var(--colour-red); background-image: url("assets/imgs/banner.svg"); background-size: cover; min-height: 26vh; height: 100%; } @media (min-width: 992px) { .vs_bannerSlider_full { padding-bottom: 0; } } .vs_bannerSlider_content { padding-top: 7.1rem; padding-bottom: 11rem; width: 100%; } @media (min-width: 992px) { .vs_bannerSlider_content { padding-top: 10rem; padding-bottom: 15rem; max-width: 46%; } } .vs_bannerSlider_content_title { font-size: 2.5rem; font-weight: 600; line-height: 1; color: var(--colour-white); margin-bottom: 3rem; } @media (min-width: 992px) { .vs_bannerSlider_content_title { font-size: 5.0rem; padding-right: 15px; } } .vs_bannerSlider_content_content { font-size: 2rem; font-weight: 600; line-height: 1.3; color: var(--colour-white); margin-bottom: 3rem; } @media (min-width: 992px) { .vs_bannerSlider_content_content { font-size: 2.5rem; } } .vs_bannerSlider_image { position: relative; height: 0; padding-bottom: 62%; margin-top: -33%; } @media (min-width: 992px) { .vs_bannerSlider_image { position: absolute; height: calc(100% + 10rem); width: 100%; max-width: 50%; top: 0; right: 0; bottom: 0; padding-bottom: 0; margin-top: 0; } } .vs_bannerSlider_image img { border-bottom-left-radius: 10px; border-top-left-radius: 10px; margin-left: 20px; position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; display: block; } @media (min-width: 992px) { .vs_bannerSlider_image img { margin-left: 20px; position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; display: block; } } .vs_bannerSlider .swiper-slide { height: auto; } @media (min-width: 992px) { .vs_bannerSlider .swiper-slide { min-height: 47vh; } } .vs_bannerSlider .swiper-pagination { height: 12%; margin-bottom: 33%; text-align: left; max-width: 92%; left: 0; padding-left: 15px; } @media (min-width: 992px) { .vs_bannerSlider .swiper-pagination { margin-bottom: 0; height: auto; bottom: 14rem; left: 4%; } } @media (min-width: 1536px) { .vs_bannerSlider .swiper-pagination { bottom: 7rem; } } .vs_bannerSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background-color: var(--colour-white); width: 1rem; height: 1rem; margin: 0 1rem; border-radius: 50%; } .acf-block-component .swiper-slide { display: none; } .acf-block-component .swiper-slide:first-child { display: block; } .vs_bannerWithContent { padding-bottom: 5rem; } .vs_bannerWithContent-contact { padding-bottom: 2rem; } @media (min-width: 992px) { .vs_bannerWithContent-contact { padding-bottom: 10rem; } } @media (min-width: 992px) { .vs_bannerWithContent { padding-bottom: 10rem; } } .vs_bannerWithContent_titleImage { position: relative; } .vs_bannerWithContent-nopad { padding-bottom: 0; } .vs_bannerWithContent_background { min-height: 26vh; position: relative; } .vs_bannerWithContent_full { background-color: var(--colour-red); background-image: url("assets/imgs/banner.svg"); background-size: cover; min-height: 26vh; padding-bottom: 33%; } @media (min-width: 992px) { .vs_bannerWithContent_full { padding-bottom: 0; } } .vs_bannerWithContent_full-blog { padding-bottom: calc(33% + 3rem); } @media (min-width: 992px) { .vs_bannerWithContent_full-blog { padding-bottom: 7rem; } } .vs_bannerWithContent_title { font-size: 2.5rem; font-weight: 600; padding-top: 7.1rem; padding-bottom: 3rem; line-height: 1; color: var(--colour-white); width: 100%; margin-bottom: 0; font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_bannerWithContent_title { font-size: 5.0rem; max-width: 46%; padding-top: 10rem; padding-bottom: 10rem; } } .vs_bannerWithContent_title-blog { padding-bottom: 3rem; } .vs_bannerWithContent_title-bannerContent { padding-bottom: 3rem; } @media (min-width: 992px) { .vs_bannerWithContent_title-bannerContent { padding-bottom: 3rem; } } .vs_bannerWithContent_bannerContent { width: 100%; padding-bottom: 3rem; } @media (min-width: 992px) { .vs_bannerWithContent_bannerContent { max-width: 46%; padding-bottom: 9rem; } } .vs_bannerWithContent_bannerContent p { color: var(--colour-white); } .vs_bannerWithContent_bannerContent p a { color: var(--colour-white); } .vs_bannerWithContent_resourcecontent { padding-bottom: 3rem; width: 100%; max-width: 46%; } .vs_bannerWithContent_resourcecontent p { color: var(--colour-white); line-height: 1.38; font-size: 1.8rem; font-weight: 300; } .vs_bannerWithContent_resourcecontent p strong { color: var(--colour-white); } .vs_bannerWithContent_resourcecontent p a { color: var(--colour-white); text-decoration: underline; } .vs_bannerWithContent_excerpt { padding-bottom: 3rem; width: 100%; } @media (min-width: 992px) { .vs_bannerWithContent_excerpt { max-width: 46%; } } .vs_bannerWithContent_excerpt p { color: var(--colour-white); line-height: 1.5; font-size: 2rem; font-weight: 300; } .vs_bannerWithContent_excerpt p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .vs_bannerWithContent_excerpt p { line-height: 1.34; font-size: 2.6rem; } } .vs_bannerWithContent_author { display: flex; align-items: center; flex-wrap: wrap; width: 100%; } @media (min-width: 992px) { .vs_bannerWithContent_author { max-width: 46%; } } .vs_bannerWithContent_author_avatar { width: 2.7rem; height: 2.7rem; border-radius: 50%; margin-right: 1.4rem; } @media (min-width: 992px) { .vs_bannerWithContent_author_avatar { width: 4rem; height: 4rem; margin-right: 2rem; } } .vs_bannerWithContent_author_avatar img { width: 100%; height: auto; border-radius: 50%; display: block; border: 2px solid var(--colour-white); } .vs_bannerWithContent_author_name { color: var(--colour-white); font-size: 1.4rem; font-weight: 300; line-height: 1; width: 100%; max-width: calc(100% - 4.1rem); } @media (min-width: 992px) { .vs_bannerWithContent_author_name { font-size: 1.8rem; max-width: calc(100% - 6rem); } } .vs_bannerWithContent_image { position: relative; height: 0; padding-bottom: 62%; margin-top: -33%; } @media (min-width: 992px) { .vs_bannerWithContent_image { position: absolute; height: calc(100% + 10rem); width: 100%; max-width: 50%; top: 0; right: 0; bottom: 0; padding-bottom: 0; margin-top: 0; } } .vs_bannerWithContent_image img { border-bottom-left-radius: 10px; border-top-left-radius: 10px; margin-left: 20px; position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; display: block; } @media (min-width: 992px) { .vs_bannerWithContent_image img { border-top-left-radius: 0; } } .vs_bannerWithContent_flex { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 100%; } .vs_bannerWithContent_content { padding-top: 3rem; width: 100%; } @media (min-width: 992px) { .vs_bannerWithContent_content { padding-top: 10rem; max-width: 45%; } } .vs_bannerWithContent_content .comments { padding-top: 5rem; } .vs_bannerWithContent_content .comments .h4 { font-family: neulis-sans, sans-serif; font-size: 2.6rem; font-weight: 600; margin-bottom: 3rem; line-height: 1.35; color: var(--colour-darkgrey); } .vs_bannerWithContent_content .comments ul { margin-bottom: 3rem; } .vs_bannerWithContent_content .comments textarea { background-color: var(--colour-white); } .vs_bannerWithContent_content .comments .comment-form p input[type=submit] { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; border: 0; text-shadow: none; } .vs_bannerWithContent_side { padding-top: 5rem; width: 100%; } @media (min-width: 992px) { .vs_bannerWithContent_side { padding-top: 22rem; max-width: 30.25%; } } .vs_banner { background-color: var(--colour-red); background-image: url(assets/imgs/banner.svg); background-size: cover; display: flex; align-items: center; } @media (min-width: 992px) { .vs_banner { min-height: 26vh; } } .vs_banner_title { font-size: 2.5rem; font-weight: 600; padding-top: 5rem; padding-bottom: 5rem; line-height: 1; color: var(--colour-white); width: 100%; margin-bottom: 0; font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_banner_title { font-size: 5.0rem; padding-top: 10rem; padding-bottom: 10rem; max-width: 46%; } } .vs_banner_title-flex { padding-top: 0; padding-bottom: 0; } .vs_banner_button { background-color: var(--colour-white) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-red) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; width: 100%; max-width: 32.5rem; margin-top: 2rem; } @media (min-width: 992px) { .vs_banner_button { margin-top: 0; } } .vs_banner_button:hover { background-color: rgba(255, 255, 255, 0.75) !important; } .vs_banner_flex { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_banner_flex { padding-top: 10rem; padding-bottom: 10rem; } } .vs_banner_links { margin-bottom: 2.0rem; } @media (min-width: 992px) { .vs_banner_links { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; margin-top: -5rem; margin-bottom: 5rem; } } .vs_banner_links_button { background-color: var(--colour-white) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-red) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; margin-bottom: 3rem; margin-right: 3rem; } @media (min-width: 992px) { .vs_banner_links_button { margin-bottom: 0; margin-right: 0; } } .vs_banner_links_button:hover, .vs_banner_links_button-on { background-color: rgba(255, 255, 255, 0.75) !important; } .vs_blogs { background-color: var(--colour-lightgrey); } @media (min-width: 992px) { .vs_blogs_container { position: relative; height: 10rem; } } .vs_blogs_filters { display: flex; align-items: center; justify-content: flex-end; } .vs_blogs_filter { padding-top: 2.0rem; display: flex; align-items: center; justify-content: flex-end; } @media (min-width: 992px) { .vs_blogs_filter { padding-top: 5.0rem; } } @media (min-width: 992px) { .vs_blogs_filter-container { position: absolute; width: 100%; right: 0; } .vs_blogs_filter-container-first { right: calc(calc(calc(100% - 15rem) / 4) + 20rem); z-index: 1; } } .vs_blogs_filter_text { font-weight: 400; font-size: 2rem; line-height: 1; color: var(--colour-darkgrey); margin-right: 3rem; display: none; } @media (min-width: 992px) { .vs_blogs_filter_text { display: block; } } .vs_blogs_filter_dropdown { background-color: var(--colour-red); height: 5.2rem; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; padding-bottom: 2rem; width: 100%; cursor: pointer; position: relative; } @media (min-width: 992px) { .vs_blogs_filter_dropdown { max-width: calc(calc(100% - 15rem) / 4); } } .vs_blogs_filter_dropdown_text, .vs_blogs_filter_dropdown_icon { color: var(--colour-white); font-weight: 400; font-size: 2rem; line-height: 1; } .vs_blogs_filter_dropdown_text { margin-left: 1.6rem; } .vs_blogs_filter_dropdown_icon { margin-right: 1.6rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transform: rotate(0deg); } .vs_blogs_filter_dropdown_icon-active { transform: rotate(180deg); } .vs_blogs_filter_dropdown_categories { width: 100%; position: absolute; top: 5.2rem; background: white; z-index: 2; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 2rem; padding-bottom: 2rem; display: none; } .vs_blogs_grid { margin: 0 auto; padding-top: 5.0rem; padding-bottom: 2.5rem; } @media (min-width: 992px) { .vs_blogs_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; padding-bottom: 5.0rem; } } .vs_blogs_grid-search { padding-top: 0; } .vs_blogs_card { width: 100%; max-width: 100%; display: flex; flex-direction: column; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_blogs_card { margin-bottom: 0; } } .vs_blogs_card-side { margin-bottom: 2.5rem; } .vs_blogs_card-side:last-child { margin-bottom: 0; } @media (min-width: 992px) { .vs_blogs_card-side { margin-bottom: 5rem; } } .vs_blogs_card_title { font-weight: 600; font-size: 2.5rem; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 2.5rem; font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_blogs_card_title { font-size: 5rem; margin-bottom: 3rem; } } .vs_blogs_card_image { width: 100%; height: 0; padding-bottom: 55%; position: relative; } .vs_blogs_card_image img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vs_blogs_card_date { position: absolute; z-index: 1; bottom: 0; left: 0; background-color: var(--colour-red); color: var(--colour-white); font-size: 1.6rem; font-weight: 300; padding-left: 1.9rem; padding-right: 1.9rem; line-height: 1; border-top-right-radius: 10px; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 992px) { .vs_blogs_card_date { padding-top: 1.1rem; padding-bottom: 1.1rem; } } .vs_blogs_card_content { padding: 2rem; background-color: var(--colour-white); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .vs_blogs_card_content_title { color: var(--colour-darkgrey); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 0.9rem; } @media (min-width: 992px) { .vs_blogs_card_content_title { font-size: 2.5rem; margin-bottom: 2.6rem; } } .vs_blogs_card_content_bottom { color: var(--colour-darkgrey); font-size: 1.6rem; line-height: 1.5; font-weight: 300; margin-bottom: 2.6rem; } .vs_blogs_card_content_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-red); width: 3.9rem; height: 3.9rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-white); } .vs_blogs_pagination { padding-bottom: 3rem; justify-content: center; align-items: center; } @media (min-width: 992px) { .vs_blogs_pagination { display: flex; padding-bottom: 5.0rem; } } .vs_blogs_pagination .prev.page-numbers, .vs_blogs_pagination .next.page-numbers { border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 2.5rem; padding-right: 2.5rem; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; background-color: var(--colour-red) !important; color: var(--colour-white) !important; } .vs_blogs_pagination .prev.page-numbers:hover, .vs_blogs_pagination .next.page-numbers:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } @media (min-width: 992px) { .vs_blogs_pagination .prev.page-numbers, .vs_blogs_pagination .next.page-numbers { padding-left: 4rem; padding-right: 4rem; } } .vs_blogs_pagination .page-numbers { color: var(--colour-darkgrey); font-size: 3rem; line-height: 1; margin-left: 1.75rem; margin-right: 1.75rem; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_blogs_pagination .page-numbers { margin-left: 2.25rem; margin-right: 2.25rem; margin-bottom: 0; } } .vs_blogs_pagination .page-numbers:first-child { margin-left: 0; } .vs_blogs_pagination .page-numbers:last-child { margin-right: 0; } .vs_blogs_pagination .page-numbers.current { color: var(--colour-mediumgrey); } .vs_board { padding-bottom: 5rem; } @media (min-width: 992px) { .vs_board { padding-bottom: 10rem; } } .vs_board_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_board_title { text-align: center; font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_board_table { width: 100%; margin: 0 auto; padding: 2rem; } @media (min-width: 992px) { .vs_board_table { max-width: 83%; padding: 0; } } .vs_board_table th { background-color: var(--colour-light-greyish-blue); padding: 2rem; font-size: 2.5rem; line-height: 1; font-weight: 400; display: none; } @media (min-width: 992px) { .vs_board_table th { display: table-cell; } } .vs_board_table th:first-child { border-top-left-radius: 10px; } .vs_board_table th:last-child { border-top-right-radius: 10px; } .vs_board_table tr { background-color: var(--colour-greyish-blue); } .vs_board_table tr:nth-child(odd) { background-color: var(--colour-light-greyish-blue); } .vs_board_table tr:last-child td:first-child { border-bottom-left-radius: 10px; } .vs_board_table tr:last-child td:last-child { border-bottom-right-radius: 10px; } .vs_board_table td { font-size: 1.4rem; line-height: 1.38; font-weight: 400; display: block; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; } .vs_board_table td:first-child { padding-top: 2rem; font-weight: 600; } .vs_board_table td:last-child { padding-bottom: 2rem; } @media (min-width: 992px) { .vs_board_table td { display: table-cell; padding: 2rem; font-size: 1.8rem; } } .vs_callToAction { background-color: var(--colour-red); padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_callToAction { padding-top: 10rem; padding-bottom: 10rem; } } .vs_callToAction_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-white); } @media (min-width: 992px) { .vs_callToAction_title { font-size: 5.0rem; text-align: center; margin-bottom: 5.0rem; } } .vs_callToAction_button { text-align: center; } .vs_callToAction_button_btn { width: 100%; } @media (min-width: 768px) { .vs_callToAction_button_btn { max-width: 36rem; } } @media (min-width: 992px) { .vs_callToAction_button_btn { max-width: 30%; } } .vs_content { padding-top: 5rem; padding-bottom: 3rem; } @media (min-width: 992px) { .vs_content { padding-top: 10rem; padding-bottom: 5rem; } } .vs_content_content { margin: 0 auto; width: 100%; } @media (min-width: 992px) { .vs_content_content { max-width: 74%; text-align: center; } } .vs_content_content p { font-size: 2rem; line-height: 1.5; } @media (min-width: 992px) { .vs_content_content p { font-size: 2.6rem; line-height: 1.346; } } .vs_content_content-fullwidth { max-width: 100%; } @media (min-width: 992px) { .vs_content_content-fullwidth { max-width: 100%; } } .vs_content_content-textleft { text-align: left; } @media (min-width: 992px) { .vs_content_content-textleft { text-align: left; } } .vs_content_content-smalltext p { font-size: 1.6rem; line-height: 1.5; } @media (min-width: 992px) { .vs_content_content-smalltext p { font-size: 1.8rem; line-height: 1.5; } } .vs_executives { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_executives { padding-top: 10rem; padding-bottom: 10rem; } } .vs_executives_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_executives_title { font-size: 5.0rem; text-align: center; margin-bottom: 3.0rem; } } .vs_executives_content { margin: 0 auto; width: 100%; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_executives_content { max-width: 75%; margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_executives_content p { text-align: center; } } .vs_executives_executives { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; } @media (min-width: 992px) { .vs_executives_executives { gap: 5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .vs_executives_executive { background-color: var(--colour-darkgrey); border-radius: 10px; } .vs_executives_executive_image { border-radius: 10px; width: 100%; display: block; } .vs_executives_executive_content { padding: 1rem; } @media (min-width: 992px) { .vs_executives_executive_content { padding: 2rem; } } .vs_executives_executive_name { color: var(--colour-white); margin-bottom: 1rem; font-weight: 400; font-size: 2rem; line-height: 1.25; } @media (min-width: 992px) { .vs_executives_executive_name { font-size: 2.5rem; line-height: 1; margin-bottom: 0.8rem; } } .vs_executives_executive_ahuaRole { color: var(--colour-white); margin-bottom: 0.9rem; font-weight: 400; font-size: 1.6rem; line-height: 1.56; } @media (min-width: 992px) { .vs_executives_executive_ahuaRole { margin-bottom: 1.2rem; } } .vs_executives_executive_jobRole { color: var(--colour-white); font-weight: 300; font-size: 1.2rem; line-height: 1.25; } @media (min-width: 992px) { .vs_executives_executive_jobRole { font-size: 1.4rem; line-height: 1; } } .vs_filterLinks { margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_filterLinks { margin-bottom: 5rem; } } .vs_filterLinks_content { width: 100%; } @media (min-width: 992px) { .vs_filterLinks_content { max-width: 73.14%; } } .vs_filterLinks_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_filterLinks_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_filterLinks_links { margin: 0 auto; } @media (min-width: 992px) { .vs_filterLinks_links { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 3rem; } } .vs_filterLinks_link { border-radius: 10px; display: block; background-color: var(--colour-red); line-height: 1; color: var(--colour-white); text-align: center; font-size: 2rem; font-weight: 400; padding: 1.6rem 1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; width: 100%; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_filterLinks_link { margin-bottom: 0; } } .vs_filterLinks_link:hover, .vs_filterLinks_link:focus { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_filterLinks_form { display: none; } @media (min-width: 992px) { .vs_filterLinks_form { display: block; } } .vs_governanceProfessionals { padding-bottom: 5rem; } @media (min-width: 768px) { .vs_governanceProfessionals_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 5.0rem; } } @media (min-width: 992px) { .vs_governanceProfessionals_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 5.0rem; } } .vs_governanceProfessionals_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; } .vs_governanceProfessionals_image img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vs_governanceProfessionals_professional { border-radius: 10px; background-color: var(--colour-darkgrey); position: relative; display: block; margin-bottom: 2.5rem; } @media (min-width: 768px) { .vs_governanceProfessionals_professional { margin-bottom: 0; } } .vs_governanceProfessionals_content { padding: 2rem; padding-bottom: 5.2rem; } .vs_governanceProfessionals_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-red); width: 5.2rem; height: 5.2rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-white); font-size: 1.8rem; } @media (min-width: 992px) { .vs_governanceProfessionals_icon { font-size: 2rem; } } .vs_governanceProfessionals_name { color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 0.9rem; } @media (min-width: 992px) { .vs_governanceProfessionals_name { font-size: 2.5rem; margin-bottom: 2.6rem; } } .vs_governanceProfessionals_role, .vs_governanceProfessionals_location { color: var(--colour-white); font-size: 1.4rem; line-height: 1.5; font-weight: 300; margin-right: 2.6rem; } @media (min-width: 992px) { .vs_governanceProfessionals_role, .vs_governanceProfessionals_location { font-size: 1.6rem; margin-right: 0; } } .vs_latestPosts { padding-top: 5rem; padding-bottom: 5rem; background-color: var(--colour-light-greyish-blue); overflow: hidden; } @media (min-width: 992px) { .vs_latestPosts { padding-top: 10rem; padding-bottom: 10rem; } } .vs_latestPosts_title { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_latestPosts_title { font-size: 5rem; margin-bottom: 5rem; } } .vs_latestPosts_grid { display: none; } @media (min-width: 992px) { .vs_latestPosts_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 5.0rem; } } .vs_latestPosts_carousel { display: block; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_latestPosts_carousel { display: none; } } .vs_latestPosts_carousel .swiper-slide { height: auto; } .vs_latestPosts_card { width: 100%; max-width: 100%; display: flex; flex-direction: column; height: 100%; } .vs_latestPosts_card_image { width: 100%; height: 0; padding-bottom: 55%; position: relative; } .vs_latestPosts_card_image img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vs_latestPosts_card_date { position: absolute; z-index: 1; bottom: 0; left: 0; background-color: var(--colour-red); color: var(--colour-white); font-size: 1.6rem; font-weight: 300; padding-left: 1.9rem; padding-right: 1.9rem; line-height: 1; padding-top: 0.75rem; padding-bottom: 0.75rem; border-top-right-radius: 10px; } @media (min-width: 992px) { .vs_latestPosts_card_date { padding-top: 1.1rem; padding-bottom: 1.1rem; } } .vs_latestPosts_card_content { padding: 2rem; background-color: var(--colour-white); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .vs_latestPosts_card_content_title { color: var(--colour-darkgrey); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 0.9rem; } @media (min-width: 992px) { .vs_latestPosts_card_content_title { font-size: 2.5rem; margin-bottom: 2.6rem; } } .vs_latestPosts_card_content_bottom { color: var(--colour-darkgrey); font-size: 1.4rem; line-height: 1.5; font-weight: 300; margin-right: 2.6rem; } @media (min-width: 992px) { .vs_latestPosts_card_content_bottom { font-size: 1.6rem; margin-bottom: 2.6rem; margin-right: 0; } } .vs_latestPosts_card_content_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-red); width: 3.9rem; height: 3.9rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-white); } .vs_latestPosts_button { display: flex; justify-content: center; } .vs_latestResources { padding-top: 5rem; padding-bottom: 5rem; background-color: var(--colour-lightgrey); border-bottom: 2px solid var(--colour-light-greyish-blue); } @media (min-width: 992px) { .vs_latestResources { padding-top: 10rem; padding-bottom: 10rem; } } .vs_latestResources_title { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_latestResources_title { font-size: 5rem; margin-bottom: 5rem; } } .vs_latestResources_grid { display: none; } .vs_latestResources_grid-single { display: block; } @media (min-width: 992px) { .vs_latestResources_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 5.0rem; } } @media (min-width: 992px) { .vs_latestResources_grid-3 { grid-template-columns: repeat(3, 1fr); } } .vs_latestResources_card { width: 100%; max-width: 100%; background-color: var(--colour-darkgrey); border-radius: 10px; display: block; } .vs_latestResources_card-single { margin-bottom: 2.5rem; } .vs_latestResources_card-single:last-child { margin-bottom: 0; } @media (min-width: 992px) { .vs_latestResources_card-single { margin-bottom: 0; } } .vs_latestResources_card_content { padding: 1.8rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; } @media (min-width: 992px) { .vs_latestResources_card_content { padding: 2rem; } } .vs_latestResources_card_content_title { color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 9.1rem; } @media (min-width: 992px) { .vs_latestResources_card_content_title { font-size: 2.5rem; } } .vs_latestResources_card_content_bottom { line-height: 1; } .vs_latestResources_card_content_date { color: var(--colour-white); font-size: 1.4rem; line-height: 1; font-weight: 300; } @media (min-width: 992px) { .vs_latestResources_card_content_date { font-size: 1.6rem; } } .vs_latestResources_card_content_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-red); width: 5.2rem; height: 5.2rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-white); font-size: 1.8rem; } @media (min-width: 992px) { .vs_latestResources_card_content_icon { font-size: 2rem; } } .vs_latestResources_button { display: flex; justify-content: center; } .vs_logoGrid { padding-bottom: 5rem; } @media (min-width: 992px) { .vs_logoGrid { padding-bottom: 10rem; } } .vs_logoGrid_grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2.0rem; row-gap: 1.9rem; } @media (min-width: 768px) { .vs_logoGrid_grid { grid-template-columns: repeat(3, 1fr); column-gap: 10rem; row-gap: 5rem; } } @media (min-width: 992px) { .vs_logoGrid_grid { grid-template-columns: repeat(4, 1fr); column-gap: 19.5rem; row-gap: 10rem; } } .vs_logoGrid_image { display: flex; align-items: center; } .vs_logoGrid_image img { width: 100%; height: auto; } .vs_meetingContent { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_meetingContent { margin-bottom: 5rem; } } .vs_meetingContent_content { width: 100%; } @media (min-width: 992px) { .vs_meetingContent_content { max-width: 73.14%; } } .vs_meetingContent h1 { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_meetingContent h1 { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_meetingContent h2 { font-family: neulis-sans, sans-serif; font-size: 2rem; font-weight: 300; margin-bottom: 3rem; line-height: 1.5; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_meetingContent h2 { font-size: 2.6rem; line-height: 1.35; margin-bottom: 5rem; } } .vs_meetingContent p { font-size: 1.6rem; font-weight: 300; margin-bottom: 3rem; line-height: 1.875; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_meetingContent p { font-size: 2rem; margin-bottom: 2rem; line-height: 2; } } .vs_meetingContent p:last-child { margin-bottom: 0; } .vs_meetingContent ul { margin-bottom: 2.4rem; } @media (min-width: 992px) { .vs_meetingContent ul { margin-bottom: 5rem; } } .vs_meetingContent ul li { margin-bottom: 2.4rem; position: relative; padding-left: 2.5rem; font-size: 2rem; line-height: 1.5; font-weight: 400; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_meetingContent ul li { margin-bottom: 5rem; padding-left: 3.3rem; font-size: 2rem; line-height: 1.4; } } .vs_meetingContent ul li:before { content: "\f111"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 1.5rem; position: absolute; left: 0; top: 7px; color: var(--colour-red); } .vs_meetingContent ul li:last-child { margin-bottom: 0; } .vs_meetingContent ul li ul li:before { font-weight: 400; } .vs_memberInstitutions { padding-top: 5rem; padding-bottom: 5rem; overflow: hidden; } @media (min-width: 992px) { .vs_memberInstitutions { padding-top: 10rem; padding-bottom: 10rem; } } .vs_memberInstitutions_content { font-weight: 600; font-size: 2.5rem; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 5rem; } @media (min-width: 992px) { .vs_memberInstitutions_content { font-size: 3.5rem; line-height: 1.42; text-align: center; } } .vs_memberInstitutions_grid { display: none; } @media (min-width: 992px) { .vs_memberInstitutions_grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 7.5rem; margin: 0 auto; align-items: center; } } .vs_memberInstitutions_carousel { display: block; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_memberInstitutions_carousel { display: none; } } .vs_memberInstitutions_carousel .swiper-slide { height: auto; } .vs_memberInstitutions_image { width: 100%; margin: 0 auto; display: flex; justify-content: center; } .vs_memberInstitutions_image img { width: 100%; height: auto; } .vs_membership { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_membership { padding-top: 10rem; padding-bottom: 10rem; } } .vs_membership_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 3.0rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_membership_title { font-size: 5.0rem; } } .vs_membership_content { width: 100%; margin-bottom: 2.3rem; } @media (min-width: 992px) { .vs_membership_content { max-width: 75%; margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_membership_grid { grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; gap: 5rem; } } .vs_membership_benefit { background-color: var(--colour-darkgrey); border-radius: 10px; padding: 4.5rem 1.8rem; margin-bottom: 2.1rem; } .vs_membership_benefit:last-child { margin-bottom: 0; } @media (min-width: 992px) { .vs_membership_benefit { padding: 5rem 2rem; margin-bottom: 0; } } .vs_membership_benefit_icon { text-align: center; font-size: 5rem; font-weight: 300; margin-bottom: 1.2rem; line-height: 1; color: var(--colour-red); } @media (min-width: 992px) { .vs_membership_benefit_icon { margin-bottom: 2rem; } } .vs_membership_benefit_benefit { text-align: center; font-size: 2rem; line-height: 1.25; font-weight: 400; color: var(--colour-white); } @media (min-width: 992px) { .vs_membership_benefit_benefit { font-size: 2.5rem; line-height: 1; } } .vs_officeTeam { padding-bottom: 5rem; } @media (min-width: 992px) { .vs_officeTeam { padding-bottom: 10rem; } } .vs_officeTeam_title { font-size: 2.5rem; font-weight: 700; margin-bottom: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_officeTeam_title { font-size: 5rem; margin-bottom: 5rem; } } .vs_officeTeam_team { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; width: 100%; } @media (min-width: 992px) { .vs_officeTeam_team { max-width: 59%; grid-template-columns: repeat(3, 1fr); grid-gap: 5rem; } } .vs_officeTeam_member { width: 100%; background-color: var(--colour-darkgrey); border-radius: 10px; } .vs_officeTeam_member_photo { width: 100%; max-width: 100%; } .vs_officeTeam_member_photo img { width: 100%; max-width: 100%; border-radius: 10px; object-fit: cover; object-position: center; display: block; } .vs_officeTeam_member_content { padding: 0.9rem 1rem; } @media (min-width: 992px) { .vs_officeTeam_member_content { padding: 1.7rem 1.9rem; } } .vs_officeTeam_member_name { color: var(--colour-white); font-size: 2rem; line-height: 1.25; margin-bottom: 1rem; font-weight: 400; } @media (min-width: 992px) { .vs_officeTeam_member_name { font-size: 2.5rem; line-height: 1; margin-bottom: 0.8rem; } } .vs_officeTeam_member_role { color: var(--colour-white); font-size: 1.2rem; line-height: 1.25; font-weight: 400; } @media (min-width: 992px) { .vs_officeTeam_member_role { font-size: 1.6rem; line-height: 1.56; } } .vs_officeTeam_member_social { color: var(--colour-white); margin-right: 0.5rem; } .vs_officeTeam_member_social:hover, .vs_officeTeam_member_social:focus { color: var(--colour-white); } .vs_pooq { margin-bottom: 5rem; display: flex; flex-wrap: wrap; align-items: stretch; } @media (min-width: 992px) { .vs_pooq { margin-bottom: 10rem; } } .vs_pooq_col { width: 100%; max-width: 100%; } @media (min-width: 992px) { .vs_pooq_col { max-width: 50%; flex: 1; display: flex; flex-direction: column; } } .vs_pooq_programmeOverview { padding-top: 5rem; padding-bottom: 5rem; padding-left: 2rem; padding-right: 2rem; background-color: var(--colour-white); display: flex; justify-content: center; flex: 1; } @media (min-width: 992px) { .vs_pooq_programmeOverview { padding-top: 10rem; padding-bottom: 10rem; padding-left: 0; padding-right: 0; } } .vs_pooq_programmeOverview_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey) !important; } @media (min-width: 992px) { .vs_pooq_programmeOverview_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_pooq_programmeObjectives { padding-top: 5rem; padding-bottom: 5rem; padding-left: 2rem; padding-right: 2rem; background-color: var(--colour-light-greyish-blue); display: flex; justify-content: center; flex: 1; } @media (min-width: 992px) { .vs_pooq_programmeObjectives { padding-top: 10rem; padding-bottom: 10rem; padding-left: 0; padding-right: 0; } } .vs_pooq_programmeObjectives_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey) !important; } @media (min-width: 992px) { .vs_pooq_programmeObjectives_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_pooq_programmeObjectives_content ul li { font-size: 2rem; line-height: 1.5; font-weight: 400; margin-bottom: 3.6rem; padding-left: 2.5rem; } @media (min-width: 992px) { .vs_pooq_programmeObjectives_content ul li { padding-left: 3.3rem; font-size: 2.5rem; line-height: 1.4; margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_pooq_programmeObjectives_content ul li:first-child { margin-top: 5rem; } } .vs_pooq_programmeObjectives_content ul li:last-child { margin-bottom: 0; } .vs_pooq_programmeObjectives_content ul li:before { font-size: 1.5rem; top: 3px; color: var(--colour-red); } @media (min-width: 992px) { .vs_pooq_programmeObjectives_content ul li:before { top: 5px; } } .vs_pooq_programmeQuote { padding-top: 5rem; padding-bottom: 5rem; padding-left: 2rem; padding-right: 2rem; background-color: var(--colour-red); display: flex; justify-content: center; flex: 1; } @media (min-width: 992px) { .vs_pooq_programmeQuote { padding-top: 10rem; padding-bottom: 10rem; padding-left: 0; padding-right: 0; } } .vs_pooq_programmeQuote_quote { color: var(--colour-white); font-size: 2rem; line-height: 1.6; font-weight: 400; font-style: italic; margin-bottom: 3rem; } @media (min-width: 992px) { .vs_pooq_programmeQuote_quote { font-size: 2.5rem; margin-bottom: 6.4rem; } } .vs_pooq_programmeQuote_details { color: var(--colour-white); font-size: 1.8rem; line-height: 1.3; font-weight: 500; } @media (min-width: 992px) { .vs_pooq_programmeQuote_details { line-height: 1; } } .vs_profile { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_profile { margin-top: 10rem; margin-bottom: 10rem; } } .vs_profile_flex { width: 100%; } @media (min-width: 992px) { .vs_profile_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } } .vs_profile_photo { width: 100%; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid var(--colour-light-greyish-blue); } @media (min-width: 992px) { .vs_profile_photo { max-width: 21.30%; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } .vs_profile_photo_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 2rem; } .vs_profile_photo_image img { width: 100%; position: absolute; height: 100%; object-fit: cover; border-radius: 10px; } .vs_profile_contact_details, .vs_profile_location, .vs_profile_references { margin-bottom: 2rem; } .vs_profile_contact_details_title, .vs_profile_location_title, .vs_profile_references_title { font-weight: 500; color: var(--colour-darkgrey); font-size: 2rem; } @media (min-width: 992px) { .vs_profile_contact_details_title, .vs_profile_location_title, .vs_profile_references_title { font-size: 2.5rem; } } .vs_profile_content { width: 100%; } @media (min-width: 992px) { .vs_profile_content { max-width: 72.52%; } } .vs_profile_details { margin-bottom: 4rem; padding-bottom: 2rem; border-bottom: 2px solid var(--colour-light-greyish-blue); } .vs_profile_details-mobile { display: block; border: none; margin: 0; padding: 0; } @media (min-width: 992px) { .vs_profile_details-mobile { display: none; } } .vs_profile_details-desktop { display: none; } @media (min-width: 992px) { .vs_profile_details-desktop { display: block; } } .vs_profile_name { font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.6rem; color: var(--colour-darkgrey); font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_profile_name { font-size: 5rem; } } .vs_profile_title, .vs_profile_institution { font-weight: 400; font-size: 2rem; line-height: 1; margin-bottom: 2rem; color: var(--colour-darkgrey); font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_profile_title, .vs_profile_institution { font-size: 3rem; } } .vs_profile_faqs_question { margin-bottom: 1.5rem; font-size: 2.5rem; } .vs_profile_faqs_answer { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_profile_faqs_answer { margin-bottom: 7rem; } } .vs_profile_faqs_answer ul { margin-bottom: 3rem; } @media (min-width: 992px) { .vs_profile_faqs_answer ul { margin-bottom: 5rem; } } .vs_profile_faqs_answer ul li { font-size: 2rem; line-height: 1.5; font-weight: 400; margin-bottom: 3.6rem; padding-left: 2.5rem; } .vs_profile_faqs_answer ul li:marker { display: none; } @media (min-width: 992px) { .vs_profile_faqs_answer ul li { padding-left: 3.3rem; font-size: 2rem; line-height: 1.4; margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_profile_faqs_answer ul li:first-child { margin-top: 5rem; } } .vs_profile_faqs_answer ul li:last-child { margin-bottom: 0; } .vs_profile_faqs_answer ul li:before { font-size: 1.5rem; top: 3px; color: var(--colour-red); } @media (min-width: 992px) { .vs_profile_faqs_answer ul li:before { top: 5px; } } .vs_profile_faqs_answer ul li.text-white:before { color: var(--colour-white) !important; } .vs_profile_faqs_answer ul ul { margin-top: 3.6rem; } @media (min-width: 992px) { .vs_profile_faqs_answer ul ul { margin-top: 5rem; } } .vs_profile_quote { margin-bottom: 5rem; background-color: var(--colour-red); border-radius: 10px; padding: 2.5rem; height: auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; } @media (min-width: 992px) { .vs_profile_quote { margin-bottom: 7rem; padding: 5rem; } } .vs_profile_quote_quoteLeft { background-image: url(../vs/assets/imgs/quote-left-profile.svg); background-size: cover; height: 6.71rem; width: 9.4rem; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_profile_quote_quoteLeft { margin-bottom: 0; } } .vs_profile_quote_quote { width: 100%; color: var(--colour-white); font-size: 2rem; line-height: 1.3; } @media (min-width: 992px) { .vs_profile_quote_quote { font-size: 2.5rem; width: calc(100% - 15rem); } } .vs_profile_youtube_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .vs_profile_youtube_video iframe, .vs_profile_youtube_video object, .vs_profile_youtube_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vs_profile_shortlists { margin-bottom: 4rem; padding-bottom: 2rem; border-bottom: 2px solid var(--colour-light-greyish-blue); } .vs_profile_shortlists_title { font-weight: 400; font-size: 2rem; line-height: 1; margin-bottom: 2rem; color: var(--colour-darkgrey); font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_profile_shortlists_title { font-size: 3rem; } } .vs_profile_shortlists_links { margin-bottom: 2rem; } @media (min-width: 992px) { .vs_profile_shortlists_links { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; } } .vs_profile_shortlists_link { color: var(--colour-red); font-weight: 600; text-decoration: underline; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_profile_shortlists_link:hover { color: var(--colour-redorange); } .vs_programmeDirectors { margin-top: 5rem; padding-bottom: 0; border-bottom: 2px solid var(--colour-light-greyish-blue); } @media (min-width: 992px) { .vs_programmeDirectors { margin-top: 10rem; padding-bottom: 10rem; } } .vs_programmeDirectors_title { font-weight: 600; color: var(--colour-darkgrey); font-family: neulis-sans, sans-serif; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_programmeDirectors_title { line-height: 1; font-size: 5rem; margin-bottom: 9.2rem; } } .vs_programmeDirectors_director { width: 100%; } @media (min-width: 992px) { .vs_programmeDirectors_director { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 85.69%; margin-bottom: 10rem; } } .vs_programmeDirectors_director:last-child { margin-bottom: 0; } .vs_programmeDirectors_director_photo { width: 100%; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_programmeDirectors_director_photo { max-width: 21.30%; margin-bottom: 0; } } .vs_programmeDirectors_director_photo img { width: 100%; height: auto; border-radius: 10px; } .vs_programmeDirectors_director_details { width: 100%; } @media (min-width: 992px) { .vs_programmeDirectors_director_details { max-width: 72.52%; } } .vs_programmeDirectors_director_name { font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.6rem; color: var(--colour-darkgrey); font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_programmeDirectors_director_name { font-size: 5rem; } } .vs_programmeDirectors_director_blurb { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_programmeDirectors_director_blurb { margin-bottom: 0; } } .vs_programmeDirectors_director_blurb p { font-family: neulis-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.8rem; line-height: 2; } .vs_resourceLinks_content { width: 100%; } @media (min-width: 992px) { .vs_resourceLinks_content { max-width: 73.14%; } } .vs_resourceLinks_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_resourceLinks_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_resourceLinks_resource { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_resourceLinks_resource { margin-bottom: 10rem; } } .vs_resourceLinks_block { border-bottom: 2px solid #B6B6B6; margin-bottom: 2.5rem; padding-bottom: 2.5rem; } @media (min-width: 992px) { .vs_resourceLinks_block { margin-bottom: 5rem; padding-bottom: 5rem; } } .vs_resourceLinks_block:last-child { margin-bottom: 0; } .vs_resourceLinks_link { font-size: 2.5rem; line-height: 1; color: var(--colour-red); font-weight: 400; margin-bottom: 2rem; display: block; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 992px) { .vs_resourceLinks_link { margin-bottom: 3rem; } } .vs_resourceLinks_link:hover { color: var(--colour-redorange); } .vs_resourceLinks_date { font-weight: 300; line-height: 1; font-size: 1.8rem; margin-bottom: 3rem; } .vs_resourceLinks_columns { display: flex; flex-wrap: wrap; justify-content: space-between; } .vs_resourceLinks_column { width: 100%; margin-bottom: 3rem; } .vs_resourceLinks_column:last-child { margin-bottom: 0; } @media (min-width: 768px) { .vs_resourceLinks_column { width: 48%; margin-bottom: 0; } } .vs_resourceLinks .wysiwyg ul li { font-size: 1.6rem; font-weight: 300; line-height: 1.875; color: var(--colour-darkgrey); } @media (min-width: 768px) { .vs_resourceLinks .wysiwyg ul li { font-size: 1.8rem; line-height: 2; } } .vs_resourceLinks .wysiwyg ul li:before { color: var(--colour-red); } .vs_resourcesInformation_information { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_resourcesInformation_information { padding-top: 5rem; padding-bottom: 0; } } .vs_resourcesInformation_information-half { width: 100%; } @media (min-width: 992px) { .vs_resourcesInformation_information-half { max-width: 50%; } } .vs_resourcesInformation_information-video:first-child { padding-left: 25px; padding-right: 25px; padding-top: 5rem; padding-bottom: 1rem; } @media (min-width: 992px) { .vs_resourcesInformation_information-video:first-child { padding-top: 10rem; padding-bottom: 10rem; padding-left: calc(15px + 4%); } } .vs_resourcesInformation_information-video:last-child { padding-left: 25px; padding-right: 25px; padding-bottom: 5rem; padding-top: 1rem; } @media (min-width: 992px) { .vs_resourcesInformation_information-video:last-child { padding-top: 10rem; padding-bottom: 10rem; padding-right: calc(15px + 4%); } } .vs_resourcesInformation_information_flex { width: 100%; max-width: 100%; } @media (min-width: 992px) { .vs_resourcesInformation_information_flex { display: flex; flex-wrap: wrap; } } .vs_resourcesInformation_information_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 2.5rem; } .vs_resourcesInformation_information_title-center { text-align: center; } @media (min-width: 992px) { .vs_resourcesInformation_information_title { font-size: 5.0rem; margin-bottom: 3.0rem; } } .vs_resourcesInformation_information_title-session { margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_resourcesInformation_information_title-session { margin-bottom: 10rem; } } .vs_resourcesInformation_information_content { width: 100%; } @media (min-width: 992px) { .vs_resourcesInformation_information_content { max-width: 75%; } } .vs_resourcesInformation_information_content-half { max-width: 100%; } .vs_resourcesInformation_information_content-center { text-align: center; margin: 0 auto; } .vs_resourcesInformation_information_content ul { margin-left: 0; } .vs_resourcesInformation_information_content ul li { font-size: 2rem; line-height: 1.5; font-weight: 400; margin-bottom: 3.6rem; padding-left: 2.5rem; list-style: none; } .vs_resourcesInformation_information_content ul li:marker { display: none; } @media (min-width: 992px) { .vs_resourcesInformation_information_content ul li { padding-left: 3.3rem; font-size: 2rem; line-height: 1.4; margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_resourcesInformation_information_content ul li:first-child { margin-top: 5rem; } } .vs_resourcesInformation_information_content ul li:last-child { margin-bottom: 0; } .vs_resourcesInformation_information_content ul li:before { font-size: 1.5rem; top: 3px; color: var(--colour-red); } @media (min-width: 992px) { .vs_resourcesInformation_information_content ul li:before { top: 5px; } } .vs_resourcesInformation_information_content ul li.text-white:before { color: var(--colour-white) !important; } .vs_resourcesInformation_information_content ul ul { margin-top: 3.6rem; } @media (min-width: 992px) { .vs_resourcesInformation_information_content ul ul { margin-top: 5rem; } } .vs_resourcesInformation_information_content.text-white ul li:before { color: var(--colour-white); } .vs_resourcesInformation_fees { display: flex; flex-wrap: wrap; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_resourcesInformation_fees { margin-left: -2.5rem; margin-right: -2.5rem; } } .vs_resourcesInformation_fees_fee { width: 100%; margin-bottom: 4.5rem; } @media (min-width: 992px) { .vs_resourcesInformation_fees_fee { max-width: 25%; padding-left: 2.5rem; padding-right: 2.5rem; margin-bottom: 0; } } .vs_resourcesInformation_fees_fee:last-child { margin-bottom: 0; } .vs_resourcesInformation_fees_fee_institution { margin-bottom: 2rem; } @media (min-width: 992px) { .vs_resourcesInformation_fees_fee_institution { margin-bottom: 3rem; } } .vs_resourcesInformation_fees_fee_fee { width: 100%; background-color: var(--colour-white); border-radius: 10px; padding: 2.5rem; margin-bottom: 4rem; } .vs_resourcesInformation_fees_fee_fee_price { color: var(--colour-burntorange); font-size: 5rem; line-height: 1; font-weight: 600; } .vs_resourcesInformation_fees_fee_fee_note { color: var(--colour-burntorange); font-size: 2rem; line-height: 1.75; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_resourcesInformation_fees_fee_fee_note { margin-bottom: 4rem; } } .vs_resourcesInformation_prices { display: flex; flex-wrap: wrap; margin-bottom: 5rem; } .vs_resourcesInformation_prices_price { width: 38.6rem; margin-right: 5rem; } .vs_resourcesInformation_prices_price_details { background-color: var(--colour-white); border-radius: 10px; padding: 2.5rem; width: 100%; } .vs_resourcesInformation_prices_price_title { font-size: 1.8rem; font-weight: 300; margin-bottom: 3rem; color: var(--colour-white); } .vs_resourcesInformation_prices_price_price { color: var(--colour-burntorange); font-size: 5rem; margin-bottom: 1.2rem; font-weight: 700; line-height: 1; } .vs_resourcesInformation_prices_price_price_note { color: var(--colour-burntorange); font-size: 2rem; margin-bottom: 4rem; line-height: 1; font-weight: 400; } .vs_resourcesInformation_carousel { display: none; } @media (min-width: 992px) { .vs_resourcesInformation_carousel { display: block; } } .vs_resourcesInformation_carousel-mobile { display: block; } @media (min-width: 992px) { .vs_resourcesInformation_carousel-mobile { display: none; } } .vs_resourcesInformation_carouselInformation { position: relative; } .vs_resourcesInformation_carouselInformation_quote { margin-bottom: 2.5rem; display: block; font-style: italic; position: relative; z-index: 2; font-size: 1.6rem; line-height: 1.5625; } @media (min-width: 992px) { .vs_resourcesInformation_carouselInformation_quote { font-size: 1.8rem; margin-bottom: 5rem; } } .vs_resourcesInformation_carouselInformation_quote_info { font-weight: 600; font-size: 1.4rem; line-height: 1.428; position: relative; z-index: 2; } @media (min-width: 992px) { .vs_resourcesInformation_carouselInformation_quote_info { font-size: 1.8rem; } } .vs_resourcesInformation_carouselInformation_quoteLeft, .vs_resourcesInformation_carouselInformation_quoteRight { position: absolute; height: 6.71rem; width: 9.4rem; } .vs_resourcesInformation_carouselInformation_quoteLeft { top: 2.5rem; left: 2.5rem; background-image: url(../vs/assets/imgs/quote-left.svg); background-size: cover; } @media (min-width: 992px) { .vs_resourcesInformation_carouselInformation_quoteLeft { top: 5rem; left: 5rem; } } .vs_resourcesInformation_carouselInformation_quoteRight { bottom: 2.5rem; right: 2.5rem; background-image: url(../vs/assets/imgs/quote-right.svg); background-size: cover; } @media (min-width: 992px) { .vs_resourcesInformation_carouselInformation_quoteRight { bottom: 5rem; right: 5rem; } } .vs_resourcesInformation_session { background-color: var(--colour-white); border-radius: 10px; margin-bottom: 2.5rem; padding: 2.1rem 2.5rem; } @media (min-width: 992px) { .vs_resourcesInformation_session { padding: 5rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5rem; } } .vs_resourcesInformation_session:nth-child(odd) { background-color: var(--colour-light-greyish-blue); } .vs_resourcesInformation_session:last-child { margin-bottom: 0; } .vs_resourcesInformation_session_date { width: 100%; } @media (min-width: 992px) { .vs_resourcesInformation_session_date { max-width: 27.75%; } } .vs_resourcesInformation_session_number { font-weight: 500; font-size: 2.5rem; line-height: 1; margin-bottom: 1.3rem; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_resourcesInformation_session_number { font-weight: 600; font-size: 3rem; margin-bottom: 1rem; } } .vs_resourcesInformation_session_datetime { font-size: 1.8rem; line-height: 1; color: var(--colour-darkgrey); font-weight: 500; margin-bottom: 3rem; } @media (min-width: 992px) { .vs_resourcesInformation_session_datetime { font-size: 2rem; margin-bottom: 0; } } .vs_resourcesInformation_session_information { width: 100%; } @media (min-width: 992px) { .vs_resourcesInformation_session_information { max-width: 66.75%; } } .vs_resourcesInformation .swiper { position: relative; } @media (min-width: 992px) { .vs_resourcesInformation .swiper { margin-top: 5rem; margin-bottom:5rem; padding-bottom:5rem; } } .vs_resourcesInformation .swiper-slide { opacity: 0.3; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; background-color: var(--colour-white); border-radius: 10px; padding: 2.5rem; height: auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; } @media (min-width: 992px) { .vs_resourcesInformation .swiper-slide { padding: 5rem 16rem; } } .vs_resourcesInformation .swiper-slide-active { opacity: 1; } .vs_resourcesInformation .swiper-button-next, .vs_resourcesInformation .swiper-button-prev { width: 5.2rem; height: 5.2rem; background-color: var(--colour-red); border-radius: 10px; } .vs_resourcesInformation .swiper-button-next:after, .vs_resourcesInformation .swiper-button-prev:after { color: var(--colour-white); font-size: 0.9em; } .vs_resources_grid { margin: 0 auto; padding-top: 5.0rem; padding-bottom: 2.5rem; } @media (min-width: 992px) { .vs_resources_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; padding-bottom: 5.0rem; } } .vs_resources_card { width: 100%; max-width: 100%; background-color: var(--colour-darkgrey); border-radius: 10px; display: block; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_resources_card { margin-bottom: 0; } } .vs_resources_card_content { padding: 1.8rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; } @media (min-width: 992px) { .vs_resources_card_content { padding: 2rem; } } .vs_resources_card_content_title { color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 11.8rem; } @media (min-width: 992px) { .vs_resources_card_content_title { font-size: 2.5rem; margin-bottom: 9.1rem; } } .vs_resources_card_content_bottom { line-height: 1; } .vs_resources_card_content_date { color: var(--colour-white); font-size: 1.4rem; line-height: 1; font-weight: 300; } @media (min-width: 992px) { .vs_resources_card_content_date { font-size: 1.6rem; } } .vs_resources_card_content_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-red); width: 5.2rem; height: 5.2rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-white); font-size: 1.8rem; } @media (min-width: 992px) { .vs_resources_card_content_icon { font-size: 2rem; } } .vs_resources_pagination { padding-bottom: 3rem; justify-content: center; align-items: center; } @media (min-width: 992px) { .vs_resources_pagination { display: flex; padding-bottom: 5.0rem; } } .vs_resources_pagination .prev.page-numbers, .vs_resources_pagination .next.page-numbers { border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 2.5rem; padding-right: 2.5rem; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; background-color: var(--colour-red) !important; color: var(--colour-white) !important; } .vs_resources_pagination .prev.page-numbers:hover, .vs_resources_pagination .next.page-numbers:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } @media (min-width: 992px) { .vs_resources_pagination .prev.page-numbers, .vs_resources_pagination .next.page-numbers { padding-left: 4rem; padding-right: 4rem; } } .vs_resources_pagination .page-numbers { color: var(--colour-darkgrey); font-size: 3rem; line-height: 1; margin-left: 1.75rem; margin-right: 1.75rem; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .vs_resources_pagination .page-numbers { margin-left: 2.25rem; margin-right: 2.25rem; margin-bottom: 0; } } .vs_resources_pagination .page-numbers:first-child { margin-left: 0; } .vs_resources_pagination .page-numbers:last-child { margin-right: 0; } .vs_resources_pagination .page-numbers.current { color: var(--colour-mediumgrey); } .vs_timetable { margin-bottom: 5rem; } @media (min-width: 992px) { .vs_timetable { margin-bottom: 10rem; } } .vs_timetable_timetable { width: 100%; } @media (min-width: 992px) { .vs_timetable_timetable { max-width: 73.14%; } } .vs_timetable_timetable_time { font-weight: 700; } .vs_timetable_timetable_time, .vs_timetable_timetable_subject { border-bottom: 2px solid #B6B6B6; margin-bottom: 1rem; padding-bottom: 1rem; padding: 1.5rem; } @media (min-width: 992px) { .vs_timetable_timetable_time, .vs_timetable_timetable_subject { margin-bottom: 2.5rem; padding-bottom: 2.5rem; } } .vs_timetable_timetable_item:last-child .vs_timetable_timetable_time, .vs_timetable_timetable_item:last-child .vs_timetable_timetable_subject { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .vs_upcomingEvents { margin-top: 5rem; padding-bottom: 5rem; background-color: var(--colour-lightgrey); overflow: hidden; } @media (min-width: 992px) { .vs_upcomingEvents { margin-top: 10rem; padding-bottom: 10rem; } .vs_upcomingEvents-page { padding-bottom: 0; } } .vs_upcomingEvents_title { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_upcomingEvents_title { font-size: 5rem; margin-bottom: 5rem; } } .vs_upcomingEvents_grid { display: none; } @media (min-width: 992px) { .vs_upcomingEvents_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 5.0rem; } } .vs_upcomingEvents_grid-page { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 5rem; margin: 0 auto; margin-bottom: 3rem; } @media (min-width: 640px) { .vs_upcomingEvents_grid-page { grid-template-columns: repeat(2, 1fr); margin-bottom: 5rem; } } @media (min-width: 992px) { .vs_upcomingEvents_grid-page { grid-template-columns: repeat(4, 1fr); margin-bottom: 10rem; } } .vs_upcomingEvents_carousel { display: block; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_upcomingEvents_carousel { display: none; } } .vs_upcomingEvents_carousel .swiper-slide { height: auto; } .vs_upcomingEvents_card { width: 100%; max-width: 100%; display: flex; flex-direction: column; height: 100%; } .vs_upcomingEvents_card_image { width: 100%; height: 0; padding-bottom: 55%; position: relative; } .vs_upcomingEvents_card_image img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vs_upcomingEvents_card_content { padding: 2rem; background-color: var(--colour-red); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .vs_upcomingEvents_card_content_title { color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 4.1rem; text-decoration: none !important; } @media (min-width: 992px) { .vs_upcomingEvents_card_content_title { font-size: 2.5rem; margin-bottom: 6.3rem; } } .vs_upcomingEvents_card_content_location { color: var(--colour-white); font-size: 1.6rem; line-height: 1.5; font-weight: 300; text-decoration: none !important; } .vs_upcomingEvents_card_content_date { color: var(--colour-white); font-size: 1.4rem; line-height: 1; font-weight: 300; text-decoration: none !important; } @media (min-width: 992px) { .vs_upcomingEvents_card_content_date { font-size: 1.6rem; } } .vs_upcomingEvents_card_content_icon { position: absolute; bottom: 0; right: 0; background-color: var(--colour-white); width: 3.9rem; height: 3.9rem; border-top-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; align-items: center; color: var(--colour-red); } .vs_upcomingEvents_button { display: flex; justify-content: center; } .vs_forum { padding-top: 2rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_forum { padding-top: 5rem; padding-bottom: 10rem; } } .vs_forum_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; flex-direction: column-reverse; } @media (min-width: 992px) { .vs_forum_flex { flex-direction: row; } } .vs_forum_col:first-child { width: 100%; } @media (min-width: 992px) { .vs_forum_col:first-child { max-width: 71.35%; } } .vs_forum_col:last-child { width: 100%; } @media (min-width: 992px) { .vs_forum_col:last-child { max-width: 22.75%; } } .vs_forum_forums_header { display: none; } @media (min-width: 992px) { .vs_forum_forums_header { display: block; } } .vs_forum_forums_header_row { display: flex; flex-wrap: wrap; width: 100%; padding-bottom: 3rem; } .vs_forum_forums_header_col { padding-left: 3rem; line-height: 1; font-size: 2rem; font-weight: 400; color: var(--colour-darkgrey); } .vs_forum_forums_header_col:nth-child(1) { width: 100%; max-width: 46.57%; } .vs_forum_forums_header_col:nth-child(2) { width: 100%; max-width: 8.95%; } .vs_forum_forums_header_col:nth-child(3) { width: 100%; max-width: 8.79%; } .vs_forum_forums_header_col:nth-child(4) { width: 100%; max-width: 35.69%; } .vs_forum_forums_body_row { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 2rem; border-radius: 10px; background-color: var(--colour-light-greyish-blue); padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 992px) { .vs_forum_forums_body_row { padding-top: 3rem; padding-bottom: 3rem; } } .vs_forum_forums_body_col { line-height: 1.18; font-size: 1.6rem; font-weight: 400; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_forum_forums_body_col { line-height: 1; font-size: 2rem; } } .vs_forum_forums_body_col:nth-child(1) { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 992px) { .vs_forum_forums_body_col:nth-child(1) { max-width: 46.57%; padding-left: 3rem; padding-right: 0; } } .vs_forum_forums_body_col:nth-child(2) { width: 100%; max-width: 44.90%; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.2rem; } @media (min-width: 992px) { .vs_forum_forums_body_col:nth-child(2) { max-width: 8.95%; padding-left: 3rem; } } .vs_forum_forums_body_col:nth-child(3) { width: 100%; max-width: 55.10%; padding-top: 2.2rem; padding-right: 1.5rem; } @media (min-width: 992px) { .vs_forum_forums_body_col:nth-child(3) { max-width: 8.79%; padding-left: 3rem; } } .vs_forum_forums_body_col:nth-child(4) { width: 100%; padding-top: 2.2rem; padding-left: 1.5rem; padding-right: 1.5rem; max-width: calc(100% - 123px); } @media (min-width: 992px) { .vs_forum_forums_body_col:nth-child(4) { padding-left: 3rem; padding-right: 0; max-width: calc(26.9% - 6rem); } } .vs_forum_forums_body_col:nth-child(5) { width: 100%; max-width: 123px; padding-top: 0.6rem; padding-right: 1.5rem; } @media (min-width: 992px) { .vs_forum_forums_body_col:nth-child(5) { max-width: calc(8.79% + 6rem); padding-right: 3rem; } } .vs_forum_forums_body_col_label { color: #868486; margin-bottom: 0.7rem; } @media (min-width: 992px) { .vs_forum_forums_body_col_label { display: none; } } .vs_forum_forums_body_title { font-weight: 400; font-size: 2rem; line-height: 1; color: var(--colour-red); margin-bottom: 1rem; display: inline-block; } @media (min-width: 992px) { .vs_forum_forums_body_title { font-size: 3rem; } } .vs_forum_forums_body_content { font-weight: 400; font-size: 1.4rem; line-height: 1.42; color: var(--colour-darkgrey); width: 100%; } @media (min-width: 992px) { .vs_forum_forums_body_content { max-width: 85.3%; font-size: 1.8rem; } } .vs_forum_forums_body_button { width: 100%; display: inline-flex; background-color: var(--colour-red); color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; height: 5.2rem; align-items: center; justify-content: center; border-radius: 10px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_forum_forums_body_button:hover, .vs_forum_forums_body_button:focus { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_forum_search_fieldset { margin-bottom: 2rem; } @media (min-width: 992px) { .vs_forum_search_fieldset { margin-bottom: 3rem; } } .vs_forum_search_label { font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 1.4rem; } .vs_forum_search_input { background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 2.2rem; padding-bottom: 1.8rem; width: 100%; } .vs_forum_search_input::placeholder { color: var(--colour-darkgrey); opacity: 0.5; } .vs_forum_search_button { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; width: 100%; margin-bottom: 3rem; text-align: center; } @media (min-width: 992px) { .vs_forum_search_button { text-align: left; margin-bottom: 1.8rem; } } .vs_forum_search_button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_buddyHome { padding-top: 10rem; padding-bottom: 10rem; position: relative; } .vs_buddyHome_flex { display: flex; flex-wrap: wrap; } .vs_buddyHome_side { width: 100%; } @media (min-width: 992px) { .vs_buddyHome_side { max-width: 22.75%; } } .vs_buddyHome_side_nav { margin-bottom: 5rem; } .vs_buddyHome_side_nav li a { background-color: var(--colour-darkgrey); display: block; margin-bottom: 2rem; border-radius: 10px; height: 5.2rem; color: var(--colour-white); line-height: 5.2rem; padding-left: 3rem; padding-right: 3rem; font-size: 2rem; font-weight: 400; position: relative; } .vs_buddyHome_side_nav li a:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 2rem; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); } .vs_buddyHome_side_nav li:last-child a { margin-bottom: 0; } .vs_buddyHome_side_nav li.current a { background-color: var(--colour-red); } .vs_buddyHome_side_social_title { font-size: 2rem; font-weight: 400; margin-bottom: 1.7rem; } .vs_buddyHome_side_social_socials { display: flex; margin-bottom: 6rem; } .vs_buddyHome_side_social_socials_list { margin-right: 2.7rem; } .vs_buddyHome_side_social_socials_list i { width: 3rem; font-size: 3rem; line-height: 1; color: var(--colour-darkgrey); } .vs_buddyHome_main { width: 100%; } @media (min-width: 992px) { .vs_buddyHome_main { max-width: 51.25%; margin-left: 10rem; } } .vs_buddyHome_main_edit { position: absolute; right: 0; top: 0; width: 100%; max-width: 25.1rem; } .vs_buddyHome_main_edit a { background-color: var(--colour-red); display: block; margin-bottom: 2rem; border-radius: 10px; height: 5.2rem; color: var(--colour-white); line-height: 5.2rem; padding-left: 3rem; padding-right: 3rem; font-size: 2rem; font-weight: 400; position: relative; width: 100%; max-width: 25.1rem; text-align: center; } .vs_buddyHome_main_image { width: 100%; max-width: 25.5%; border-radius: 10px; position: relative; } .vs_buddyHome_main_image img { width: 100% !important; max-width: 100% !important; } .vs_buddyHome_main_image_edit { position: absolute; right: 0; bottom: 0; width: 3.9rem; height: 3.9rem; background-color: var(--colour-white); display: flex; align-items: center; justify-content: center; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 1.5rem; } .vs_buddyHome_main_title { font-size: 5rem; font-weight: 600; line-height: 1; margin-bottom: 2rem; font-family: neulis-sans, sans-serif; color: var(--colour-darkgrey); width: calc(100% - 25.1rem); padding-right: 2rem; } .vs_buddyHome_main_university { font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 2.2rem; color: var(--colour-darkgrey); width: calc(100% - 25.1rem); padding-right: 2rem; } .vs_buddyHome_main_job { font-size: 3rem; font-weight: 400; line-height: 1; color: var(--colour-darkgrey); width: calc(100% - 25.1rem); padding-right: 2rem; } .vs_buddyHome_main_flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 5rem; position: relative; align-items: flex-start; } .vs_buddyHome_main_flex img { width: 100%; max-width: 25.5%; border-radius: 10px; display: block; } .vs_buddyHome_main_details { width: 100%; max-width: 66.5%; } .vs_buddyHome_main_details_info { margin-bottom: 5rem; padding-bottom: 5rem; border-bottom: 2px solid var(--colour-light-greyish-blue); } .vs_buddyHome_main_details_email { font-size: 3rem; line-height: 1; margin-bottom: 2rem; color: var(--colour-red); font-weight: 400; display: block; width: 100% !important; max-width: 100% !important; } .vs_buddyHome_main_details_socials { display: flex; margin-bottom: 2rem; } .vs_buddyHome_main_details_socials_list { margin-right: 2.7rem; } .vs_buddyHome_main_details_socials_list i { width: 3rem; font-size: 3rem; line-height: 1; color: var(--colour-darkgrey); } .vs_buddyHome_main_content p { font-size: 1.8rem; font-weight: 300; line-height: 2; padding-bottom: 3rem; color: var(--colour-darkgrey); } .vs_buddyHome_main_content_title { font-size: 5rem; font-weight: 600; line-height: 1; margin-bottom: 3rem; font-family: neulis-sans, sans-serif; color: var(--colour-darkgrey); } .vs_buddyHome button, .vs_buddyHome input[type="submit"] { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; } .vs_buddyHome .ahua_forums-form .select-container select { border: 0; background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1 !important; color: var(--colour-darkgrey); padding: 1.2rem 4rem 1.2rem 1.2rem; min-height: auto !important; border: 1px solid var(--colour-darkgrey); } .vs_buddyHome .ahua_forums-form .select-container:after { top: 74%; } .vs_buddyHome .item-list-tabs ul { display: flex; flex-wrap: wrap; } .vs_buddyHome .item-list-tabs ul li { width: 100%; } @media (min-width: 992px) { .vs_buddyHome .item-list-tabs ul li { max-width: 25%; padding-right: 1px; padding-left: 1px; } } .vs_buddyHome .item-list-tabs ul li a { height: 4rem; border: 2px solid var(--colour-red); display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 1rem; font-weight: 400; } @media (min-width: 992px) { .vs_buddyHome .item-list-tabs ul li a { height: 5rem; line-height: 1; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; border-bottom: 2px solid var(--colour-red); margin-bottom: 2rem; } } .vs_buddyHome .item-list-tabs ul li.current a { background-color: var(--colour-red); color: var(--colour-white); } .vs_buddyHome .item-list-tabs ul li.current a:hover, .vs_buddyHome .item-list-tabs ul li.current a:focus { background-color: var(--colour-red); color: var(--colour-white); } .vs_buddyHome h2 { line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; margin-top: 1.5rem; } .vs_buddyHome .ahua_forums-form label, .vs_buddyHome .ahua_forums-form label legend { font-size: 2rem; line-height: 1; font-weight: 400; color: var(--colour-darkgrey); margin-bottom: 1.4rem; display: block; } .vs_buddyHome .ahua_forums-form input[type=email], .vs_buddyHome .ahua_forums-form input[type=number], .vs_buddyHome .ahua_forums-form input[type=password], .vs_buddyHome .ahua_forums-form input[type=text] { all: revert; border: 0; background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1 !important; color: var(--colour-darkgrey); padding: 1.6rem; width: auto; min-height: auto !important; margin-bottom: 3rem; width: calc(100% - 3.2rem); } .vs_buddyHome .profile legend { font-size: 2rem; line-height: 1.3; font-weight: 400; margin-bottom: 1rem; } .vs_buddyHome .profile .field-visibility-settings { display: none; margin-top: 2rem; margin-bottom: 2rem; } .vs_buddyHome .profile .field-visibility-settings-notoggle { color: #959294; font-weight: 400; } .vs_buddyHome .profile .field-visibility-settings-notoggle .current-visibility-level.strong { color: #959294; } .vs_buddyHome .profile .wp-editor-tools { margin-bottom: 2rem; } .vs_buddyHome .profile .ahua-profile--edit-menu .button-nav { margin-bottom: 5rem; } .vs_buddyHome .profile .ahua-profile--edit-menu .button-nav li { margin-right: 5rem; } .vs_buddyHome .profile .ahua-profile--edit-menu .button-nav li a { font-size: 2.5rem; line-height: 1; font-weight: 600; font-style: normal; } .vs_buddyHome .profile .ahua_forums-form input[type=text] { margin-bottom: 0; } .vs_buddyHome .profile .ahua_forums-form input[type=radio] { all: revert; } .vs_buddyHome .profile fieldset { margin-bottom: 2rem; margin-top: 2rem; } .vs_buddyHome .profile .editfield { border-bottom: 2px solid var(--colour-light-greyish-blue); margin-top: 2rem; } .vs_buddyHome .profile .editfield.field_10 { border-bottom: 0; } .vs_buddyHome .profile .contact-details .editfield.field_8 { border-bottom: 0; } .vs_buddyHome .profile .mce-container-body button { background-color: inherit !important; } .vs_buddyHome .profile .field-visibility-settings-toggle { margin-top: 2rem; margin-bottom: 2rem; } .vs_buddyHome .ahua-table .columns.table-header { background-color: var(--colour-red); } @media (min-width: 992px) { .forums .vs_buddyHome .item-list-tabs ul li { max-width: 20%; } } .vs_buddyMembers { padding-top: 2rem; } @media (min-width: 992px) { .vs_buddyMembers { padding-top: 7rem; } } .vs_buddyMembers_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; flex-direction: column-reverse; } @media (min-width: 992px) { .vs_buddyMembers_flex { flex-direction: row; } } .vs_buddyMembers_col:first-child { width: 100%; } @media (min-width: 992px) { .vs_buddyMembers_col:first-child { max-width: 71.35%; } } .vs_buddyMembers_col:last-child { width: 100%; } @media (min-width: 992px) { .vs_buddyMembers_col:last-child { max-width: 22.75%; } } .vs_buddyMembers_col_form { display: none; } @media (min-width: 992px) { .vs_buddyMembers_col_form { display: block !important; } } .vs_buddyMembers_member { background-color: var(--colour-darkgrey); border-radius: 10px; padding: 1.1rem; display: flex; flex-wrap: wrap; margin-bottom: 2rem; align-items: center; } .vs_buddyMembers_member:last-child { margin-bottom: 5rem; } .vs_buddyMembers_member_col:nth-child(1) { width: 100%; height: 7.8rem; margin-right: 2rem; max-width: 7.8rem; } @media (min-width: 992px) { .vs_buddyMembers_member_col:nth-child(1) { margin-right: 3rem; max-width: 9.9rem; height: 9.9rem; } } .vs_buddyMembers_member_col:nth-child(2) { width: 100%; max-width: calc(100% - 9.8rem); } @media (min-width: 992px) { .vs_buddyMembers_member_col:nth-child(2) { max-width: calc(100% - 39.2rem); } } .vs_buddyMembers_member_col:nth-child(3) { width: 100%; margin-top: 2.4rem; } @media (min-width: 992px) { .vs_buddyMembers_member_col:nth-child(3) { max-width: 21.3rem; margin-left: 3rem; margin-right: 2rem; } } .vs_buddyMembers_member_image { display: block; border-radius: 10px; object-fit: cover; width: 100%; height: 100%; } .vs_buddyMembers_member_name { font-size: 2rem; line-height: 1; color: var(--colour-white); margin-bottom: 1.5rem; font-weight: 400; } @media (min-width: 992px) { .vs_buddyMembers_member_name { font-size: 3rem; margin-bottom: 1rem; } } .vs_buddyMembers_member_title { font-size: 1.6rem; line-height: 1.25; font-weight: 400; color: var(--colour-white); } @media (min-width: 992px) { .vs_buddyMembers_member_title { font-size: 1.8rem; line-height: 1; } } .vs_buddyMembers_member_button { width: 100%; display: inline-flex; background-color: var(--colour-red); color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; height: 5.2rem; align-items: center; justify-content: center; border-radius: 10px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_buddyMembers_member_button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_buddyMembers_filter_fieldset { margin-bottom: 3rem; } .vs_buddyMembers_filter_label { font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 1.4rem; } .vs_buddyMembers_filter_input { background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1; color: var(--colour-darkgrey); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 2.2rem; padding-bottom: 1.8rem; width: 100%; } .vs_buddyMembers_filter_input::placeholder { color: var(--colour-darkgrey); opacity: 0.5; } .vs_buddyMembers_filter_button { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; width: 100%; margin-bottom: 1.8rem; } .vs_buddyMembers_filter_button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_buddyMembers_filter_button-dark { background-color: var(--colour-darkgrey) !important; color: var(--colour-white) !important; } .vs_buddyMembers_filter_button-dark:hover { background-color: var(--colour-darkgrey) !important; color: var(--colour-white) !important; } .vs_buddyMembers_filter_button-filter { justify-content: space-between; margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_buddyMembers_filter_button-filter { display: none; } } .vs_buddyMembers_filter_button-filter i { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_buddyMembers_filter_button-filter i.js-chevron-active { transform: rotate(180deg); } .vs_singleForum { padding-top: 2rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_singleForum { padding-top: 5rem; padding-bottom: 10rem; } } .vs_singleForum_topics { padding-bottom: 3rem; } .vs_singleForum_topics_header { display: none; } @media (min-width: 992px) { .vs_singleForum_topics_header { display: block; } } .vs_singleForum_topics_header_row { display: flex; flex-wrap: wrap; width: 100%; padding-bottom: 3rem; } .vs_singleForum_topics_header_col { padding-left: 3rem; line-height: 1; font-size: 2rem; font-weight: 400; color: var(--colour-darkgrey); } .vs_singleForum_topics_header_col:nth-child(1) { width: 100%; max-width: 41.86%; } .vs_singleForum_topics_header_col:nth-child(2) { width: 100%; max-width: 15.58%; } .vs_singleForum_topics_header_col:nth-child(3) { width: 100%; max-width: 10.29%; } .vs_singleForum_topics_header_col:nth-child(4) { width: 100%; max-width: 32.27%; } .vs_singleForum_topics_body_row { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 2rem; border-radius: 10px; background-color: var(--colour-light-greyish-blue); padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_row { padding-top: 3rem; padding-bottom: 3rem; } } .vs_singleForum_topics_body_col { line-height: 1.18; font-size: 1.6rem; font-weight: 400; color: var(--colour-darkgrey); } @media (min-width: 992px) { .vs_singleForum_topics_body_col { line-height: 1; font-size: 2rem; } } .vs_singleForum_topics_body_col:nth-child(1) { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_col:nth-child(1) { max-width: 41.86%; padding-left: 3rem; padding-right: 0; } } .vs_singleForum_topics_body_col:nth-child(2) { width: 100%; max-width: 44.90%; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.7rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_col:nth-child(2) { max-width: 15.58%; padding-left: 3rem; padding-right: 0; padding-bottom: 0; } } .vs_singleForum_topics_body_col:nth-child(3) { width: 100%; max-width: 55.10%; padding-right: 1.5rem; padding-bottom: 2.7rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_col:nth-child(3) { max-width: 10.29%; padding-left: 3rem; padding-right: 0; padding-bottom: 0; } } .vs_singleForum_topics_body_col:nth-child(4) { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; max-width: calc(100% - 123px); } @media (min-width: 992px) { .vs_singleForum_topics_body_col:nth-child(4) { max-width: calc(25.27% - 6rem); padding-right: 0; padding-bottom: 0; } } .vs_singleForum_topics_body_col:nth-child(5) { width: 100%; max-width: 123px; padding-right: 1.5rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_col:nth-child(5) { max-width: calc(6.28% + 6rem); padding-right: 3rem; } } .vs_singleForum_topics_body_col_label { color: #868486; margin-bottom: 0.7rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_col_label { display: none; } } .vs_singleForum_topics_body_title { font-weight: 400; font-size: 2rem; line-height: 1; color: var(--colour-red); display: inline-block; margin-bottom: 1.5rem; } @media (min-width: 992px) { .vs_singleForum_topics_body_title { font-size: 2.5rem; line-height: 1.2; margin-bottom: 0; } } .vs_singleForum_topics_body_button { width: 100%; display: inline-flex; background-color: var(--colour-red); color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; height: 5.2rem; align-items: center; justify-content: center; border-radius: 10px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .vs_singleForum_topics_body_button:hover, .vs_singleForum_topics_body_button:focus { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_form_thread { margin-top: 5rem; padding-left: 15px; padding-right: 15px; } .vs_form_thread_title { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); margin-bottom: 1rem; } @media (min-width: 992px) { .vs_form_thread_title { font-size: 5rem; } } .vs_form_thread .bbp-breadcrumb-home { font-size: 1.6rem; } .vs_form_thread .bbp-template-notice.info { border-radius: 1rem; background-color: var(--colour-white); border: 1px solid #929293; font-size: 1.6rem; padding: 0.8rem 2.4rem; } .vs_form_thread .ahua_forums-pagination--count { font-size: 1.6rem; } .vs_form_thread .ahua_forums--loop-header { background-color: inherit; } .vs_form_thread_col { padding: 0; } .vs_form_thread_col-end { font-size: 1.6rem; } .vs_form_thread_col_title { background-color: var(--colour-red); color: var(--colour-white); border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1rem; text-align: center; margin-right: 2px; max-width: 22rem; } .vs_form_thread .odd, .vs_form_thread .even { background-color: var(--colour-white); } .vs_form_thread .ahua_forums-reply--author { background-color: var(--colour-light-greyish-blue); border-right: 2px solid var(--colour-white); } .vs_form_thread .ahua_forums-reply--header { background-color: var(--colour-white); } .vs_form_thread .ahua_forums--loop-body ul:nth-child(odd) { background-color: var(--colour-white); } .vs_form_thread .ahua_forums--loop-body ul { border: 0; } .vs_form_thread .content { padding: 8px; } .vs_form_thread .ahua_forums--loop-footer { display: none; } .vs_form_thread .ahua_forums-reply { border-bottom: 2px solid var(--colour-light-greyish-blue); border-right: 1px solid #929293; } .vs_form_thread .ahua_forums-reply:first-child { border-top-right-radius: 10px; border-top: 1px solid #929293; } .vs_form_thread .ahua_forums-reply:first-child .odd, .vs_form_thread .ahua_forums-reply:first-child .even { border-top-right-radius: 10px; } .vs_form_thread .ahua_forums-reply:last-child { border-bottom: 1px solid #929293; border-bottom-right-radius: 10px; } .vs_form_thread .ahua_forums-reply:last-child .odd, .vs_form_thread .ahua_forums-reply:last-child .even { border-bottom-right-radius: 10px; } .vs_form_thread .bbp-reply-post-date { color: var(--colour-red); } .vs_form_thread .ahua_forums-reply--header ul.reply_meta li a { font-size: 1.6rem; text-transform: capitalize; font-weight: 300; } .vs_form_thread .bbp-reply-permalink { display: none; } .vs_form_thread .ahua_forums-reply--header ul.reply_meta li:last-child { margin-right: 0; } .vs_form_thread .ahua_forums-form fieldset { padding: 0; } .vs_form_thread .ahua_forums-form .h4 { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); margin-bottom: 1rem; } @media (min-width: 992px) { .vs_form_thread .ahua_forums-form .h4 { font-size: 3.5rem; } } .vs_form_thread .btn--book-event { border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; background-color: var(--colour-red) !important; color: var(--colour-white) !important; border: none; width: 100%; max-width: 50rem; } .vs_form_thread .btn--book-event:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_form_thread .bbp-attachments-form a { font-size: 1.8rem; font-weight: 400; text-decoration: underline; display: block; margin-top: 1rem; } .vs_form_thread .ahua_forums-form input { all: revert; } .vs_form_thread .ahua_forums-form input[type="checkbox"] { width: 2rem; height: 2rem; } .vs_form_thread .ahua_forums-form input[type="text"] { all: revert; border: 0; background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1 !important; color: var(--colour-darkgrey); padding: 1.6rem; width: auto; min-height: auto !important; margin-bottom: 1rem; } .vs_form_thread .bbp-attachments-form { margin-top: 2rem; } .vs_form_thread .bbp-attachments-form br { display: none; } .vs_form_thread .bbp-form legend { font-family: neulis-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.8rem; line-height: 2; } .gutenberg-content { width: 100%; padding-right: 2.0rem; padding-left: 2.0rem; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .gutenberg-content { max-width: 56%; padding-right: 15px; padding-left: 15px; padding-top: 10rem; padding-bottom: 10rem; } } .gutenberg-content .gform_title { font-size: 2.5rem; line-height: 1; font-family: neulis-sans, sans-serif; font-weight: 600; font-style: normal; color: var(--colour-darkgrey); text-align: center; max-width: 728px; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; } @media (min-width: 992px) { .gutenberg-content .gform_title { font-size: 5rem; margin-bottom: 5rem; } } .gutenberg-content .gform_wrapper.gravity-theme .gform-field-label { font-size: 2rem; line-height: 1; font-weight: 400; color: var(--colour-darkgrey); margin-bottom: 1.4rem; } @media (min-width: 992px) { .gutenberg-content .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 5rem; grid-row-gap: 3rem; } } .gutenberg-content .gform_wrapper.gravity-theme .gfield input.large, .gutenberg-content .gform_wrapper.gravity-theme .gfield select.large { background-color: var(--colour-white); border-radius: 10px; } .gutenberg-content .gform_wrapper.gravity-theme .gfield input, .gutenberg-content .gform_wrapper.gravity-theme .gfield select { all: revert; border: 0; background-color: var(--colour-white); border-radius: 10px; font-family: neulis-sans, sans-serif; font-weight: 400; font-size: 2.0rem; line-height: 1 !important; color: var(--colour-darkgrey); padding: 1.6rem; width: calc(100% - 3.2rem) !important; min-height: auto !important; } .gutenberg-content .gform_wrapper.gravity-theme .gfield input::placeholder, .gutenberg-content .gform_wrapper.gravity-theme .gfield select::placeholder { color: var(--colour-dark-greyish-blue); } .gutenberg-content .gform_wrapper.gravity-theme .gfield input[type="checkbox"], .gutenberg-content .gform_wrapper.gravity-theme .gfield select[type="checkbox"] { width: 2.4rem !important; height: 2.4rem; margin-right: 1rem; margin-top: 0; margin-bottom: 0.25rem; border: 2px solid var(--colour-darkgrey); border-radius: 10px; } .gutenberg-content .gform_wrapper.gravity-theme .gfield.gfield_error input, .gutenberg-content .gform_wrapper.gravity-theme .gfield.gfield_error select { border: 2px solid var(--colour-red); } .gutenberg-content .gform_wrapper.gravity-theme .gform_footer .button { background-color: var(--colour-red) !important; border-radius: 1rem; font-size: 2rem; line-height: 1; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 4rem; padding-right: 4rem; color: var(--colour-white) !important; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none !important; cursor: pointer; width: 100%; margin-bottom: 1.8rem; height: auto; max-width: 51.2rem; margin-left: auto; margin-right: auto; } .gutenberg-content .gform_wrapper.gravity-theme .gform_footer .button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .gutenberg-content .gform_wrapper.gravity-theme .gfield_validation_message, .gutenberg-content .gform_wrapper.gravity-theme .validation_message, .gutenberg-content .gform_wrapper.gravity-theme .gform_validation_errors, .gutenberg-content .gform_wrapper.gravity-theme .gform_validation_errors > h2 { background: none; border: none; font-size: 2rem; line-height: 1; font-weight: 400; margin-bottom: 1.4rem; color: var(--colour-red); padding: 0; margin: 0; padding-top: 2rem; box-shadow: none; } .gutenberg-content .gform_wrapper.gravity-theme .gform_validation_errors > h2 { margin-bottom: 2rem !important; text-align: center; display: block; } .vs_eventTypes { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .vs_eventTypes { margin-top: 10rem; margin-bottom: 10rem; } } .vs_eventTypes-nobackground { background-image: none; } .vs_eventTypes-past { background-color: var(--colour-light-greyish-blue); background-image: none; padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 0; margin-top: 0; } @media (min-width: 992px) { .vs_eventTypes-past { padding-top: 10rem; padding-bottom: 10rem; } } .vs_eventTypes_title { font-size: 2.5rem; font-weight: 600; line-height: 1; color: var(--colour-darkgrey); margin-bottom: 2.5rem; font-family: neulis-sans, sans-serif; } @media (min-width: 992px) { .vs_eventTypes_title { font-size: 5.0rem; margin-bottom: 5rem; } } .vs_eventTypes_events { width: 100%; } @media (min-width: 992px) { .vs_eventTypes_events { max-width: 73.14%; } } .vs_eventTypes_event { width: 100%; background-color: var(--colour-darkgrey); border-radius: 10px; margin-bottom: 2.0rem; display: flex; flex-wrap: wrap; flex-direction: column; } @media (min-width: 992px) { .vs_eventTypes_event { flex-direction: row; } } .vs_eventTypes_event:last-child { margin-bottom: 0; } .vs_eventTypes_event_details { width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 3rem; } @media (min-width: 992px) { .vs_eventTypes_event_details { max-width: 78.29%; } } .vs_eventTypes_event_details_col:first-child { width: 100%; } @media (min-width: 992px) { .vs_eventTypes_event_details_col:first-child { max-width: 76.97%; padding-right: 3rem; } } .vs_eventTypes_event_details_col:last-child { width: 100%; } @media (min-width: 992px) { .vs_eventTypes_event_details_col:last-child { max-width: 23.03%; } } .vs_eventTypes_event_datetime { background-color: var(--colour-grey); width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 3rem; font-size: 1.6rem; line-height: 1.5; color: var(--colour-white); font-weight: 400; } @media (min-width: 992px) { .vs_eventTypes_event_datetime { max-width: 21.71%; font-size: 1.8rem; line-height: 1.11; border-bottom-left-radius: 0; border-top-right-radius: 10px; } } .vs_eventTypes_event_title { font-weight: 400; font-size: 2rem; line-height: 1; margin-bottom: 1.5rem; color: var(--colour-white); } @media (min-width: 992px) { .vs_eventTypes_event_title { font-size: 3rem; margin-bottom: 1.1rem; } } .vs_eventTypes_event_venue { margin-bottom: 2.5rem; } @media (min-width: 992px) { .vs_eventTypes_event_venue { margin-bottom: 0; } } .vs_eventTypes_event_venue, .vs_eventTypes_event_content { font-weight: 400; font-size: 1.6rem; line-height: 1.5; color: var(--colour-white); } @media (min-width: 992px) { .vs_eventTypes_event_venue, .vs_eventTypes_event_content { font-size: 1.8rem; line-height: 1.11; } } .vs_eventTypes_event_content { margin-top: 1.1rem; } .vs_eventTypes_event_button { width: 100%; display: inline-flex; background-color: var(--colour-red); color: var(--colour-white); font-size: 2rem; line-height: 1; font-weight: 400; height: 5.2rem; align-items: center; justify-content: center; border-radius: 10px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-align: center; padding: 1.5rem; } .vs_eventTypes_event_button:hover { background-color: var(--colour-redorange) !important; color: var(--colour-white) !important; } .vs_eventTypes_bottom_content { margin-top: 2.5rem; font-size: 1.6rem; line-height: 1.5; } @media (min-width: 992px) { .vs_eventTypes_bottom_content { margin-top: 5rem; font-size: 1.8rem; line-height: 2; } } .vs_event { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .vs_event { padding-top: 10rem; padding-bottom: 10rem; } } .vs_event_flex { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column-reverse; margin-bottom: 3rem; } @media (min-width: 992px) { .vs_event_flex { flex-direction: row; margin-bottom: 0; } } .vs_event_col:first-child { width: 100%; } @media (min-width: 992px) { .vs_event_col:first-child { max-width: 22.79%; } } .vs_event_col:last-child { width: 100%; } @media (min-width: 992px) { .vs_event_col:last-child { max-width: 71.39%; } } .vs_event_header { width: 100%; max-width: 100%; } @media (min-width: 992px) { .vs_event_header { border-bottom: 2px solid var(--colour-light-greyish-blue); margin-bottom: 5rem; } } .vs_event_title { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1; margin-bottom: 3.0rem; color: var(--colour-darkgrey) !important; } @media (min-width: 992px) { .vs_event_title { font-size: 5.0rem; } } .vs_event_content { padding-bottom: 5rem; } @media (min-width: 992px) { .vs_event_content { padding-bottom: 8rem; } } .vs_event_content .wp-block-image { margin-bottom: 2.6rem; border-bottom: 2px solid var(--colour-light-greyish-blue); padding-bottom: 2.6rem; } @media (min-width: 992px) { .vs_event_content .wp-block-image { border-bottom: 0; padding-bottom: 0; } } .vs_event_content .wp-block-image img { width: 100% !important; max-width: 58.64% !important; height: auto !important; aspect-ratio: auto !important; } @media (min-width: 992px) { .vs_event_content .wp-block-image img { max-width: 45.9rem !important; margin-bottom: 5rem !important; } } .vs_event_list_detail { margin-bottom: 2rem; background-color: var(--colour-darkgrey); border-radius: 10px; padding-left: 3rem; padding-right: 3rem; padding-top: 1.6rem; padding-bottom: 1.6rem; } .vs_event_list_detail_title { font-size: 2rem; line-height: 1; color: #9E9999; margin-bottom: 1.2rem; font-weight: 400; } .vs_event_list_detail_data { font-size: 1.8rem; line-height: 1; color: var(--colour-white); font-weight: 400; } .vs_event_list_detail_data p { font-size: 1.8rem; line-height: 1.66; color: var(--colour-white); font-weight: 400; } .vs_event_resources { display: none; } @media (min-width: 992px) { .vs_event_resources { display: block; } } .vs_event_resources_bottom { display: block; } @media (min-width: 992px) { .vs_event_resources_bottom { display: none; } } .vs_latestResources_grid-event { display: block; } #tribe-events-pg-template, .tribe-events-pg-template { width: 100%; max-width: 100%; } .ahua_forums-form input[type=email], .ahua_forums-form input[type=number], .ahua_forums-form input[type=password], .ahua_forums-form input[type=text] { width: 100%; padding: 0 8px; background: white; } .ahua_forums-form .select-container { position: relative; background: white; width: 10%; } .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { font-size: 15px; margin-bottom: 0; margin-top: 0; padding: 8px; background: white; } .gform_wrapper.gravity-theme * { box-sizing: border-box; all: revert; } .ahua_forums-form fieldset .inline { margin: 0 4px 0 0; display: inline-block; all: revert; } .wp-editor-container textarea.wp-editor-area { width: 100%; margin: 0; box-shadow: none; background: white; } .h3, .h4, h3, h4 { line-height: 1.5; font-family: 'neulis-sans'; } .h2, h2 { font-size: 35px; font-family: neulis-sans, sans-serif; } h5, h5 { font-family: neulis-sans, sans-serif; font-weight: 600; margin-bottom: 2.5rem; font-size: 2.5rem; } h1.wp-block-heading { font-family: neulis-sans, sans-serif; font-weight: 600; font-size: 5rem; line-height: 1; margin-bottom: 2.5rem; color: var(--colour-darkgrey);} .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; margin-left: 5%; margin-right: 5%; height: 0; overflow: hidden; max-width: 100%; height: auto; }