/* IMPORTS */ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /* CSS RESET */ .tk *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ .tk *, .tk *::before, .tk *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ .tk a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ .tk ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ .tk img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ .tk table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ .tk input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ .tk textarea { white-space: revert; } /* minimum style to allow to style meter element */ .tk meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ .tk :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ .tk ::placeholder { color: unset; } /* remove default dot (â€¢) sign */ .tk ::marker { content: initial; } /* fix the feature of 'hidden' attribute. */ .tk :where([hidden]) { display: none; } /* revert for bug in Chromium browsers */ .tk :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 */ .tk :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ .tk :where(dialog:modal) { all: revert; } /* GENERAL */ .tk { margin: 0 !important; padding: 0 !important; } :root { --size-grid002: 16px; } .section-1 { position: relative; width: 100%; max-height: 500px; overflow: hidden; } .section-1 img { width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0; } .section-1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 30, 80, 0.5); z-index: 1; } .section-1 h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 200; font-size: clamp(2rem, 1.28rem + 2.06vw, 3.75rem); line-height: 150%; letter-spacing: calc(-0.02em + 0.02rem); text-align: center; padding: 16px; margin: 0; z-index: 2; } .container { max-width: 1300px; display: flex; flex-direction: column; margin: 0 auto; padding: 50px; } .section-4 { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; } .section-4 .column { flex: 1; min-width: 300px; } .section-4 .column img { width: 100%; } .section-4 .column p { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; line-height: 1.5; font-size: 16px; } .section-5 { display: flex; flex-wrap: wrap; gap: 30px; margin:20px 0; align-items: center; } .section-5 .column { flex: 1; min-width: 300px; } .section-5 .column img { width: 100%; object-fit: cover; } .section-5 .column h2, .section-4 .column h2 { font-size: 2rem; color: rgb(0, 14, 38); font-weight: 700; line-height: 1.5; } .section-5 .column p { margin-block-start: 1em; margin-block-end: 1em; line-height: 1.5; font-size: 16px; } .section-6 { width: 100%; background: #001e50; background-image: linear-gradient(#00437a, rgb(0, 30, 80)); padding: 4em 0; color: white; display: flex; align-items: center; flex-direction: column; } .section-6 h2 { font-size: 2rem; color: #ffffff; text-align: center; } .section-6 p { line-height: 1.5; max-width: 1200px; margin: 0 auto; padding: 0 1em; font-size: 16px; color: #ffffff; } .section-6 .primary-button { background: #fff; color: #001E50; border: 2px solid #001E50; border-radius: 100px; padding: 13px 28px 16px; font-family: "VW Text",sans-serif; font-size: 16px; text-transform: none } /* Responsive adjustments */ @media (max-width: 1200px) { .container { padding: 20px; } } @media (max-width: 768px) { .section-1 h2 { font-size: 24px!important; line-height: 120%; } .section-4, .section-5 { flex-direction: column; gap: 5px; } .section-5 .column:nth-child(1) { order: 2; } .section-5 .column:nth-child(2) { order: 1; } .section-5 .column h2, .section-4 .column h2 { font-size: 1.75rem; } .section-5 .column p, .section-4 .column p, .section-6 p { margin-block-start: 0.5em; margin-block-end: 0.5em; font-size: 14px!important; } } /* PATCH*/ .container-wide { width: 100%!important; max-width: 100%!important; margin: 0 auto; padding-left: 0!important; padding-right: 0!important; } .post-content { margin-bottom: 0!important; padding-top: 0!important; } .entry-title, .breadcrumbsWrapper { display: none!important; } .contentcontainer.container-wide { padding-top: 0!important; } @media (min-width: 992px) { .contentcontainer.container-wide { padding-top: 0!important; } } @media (max-width: 1024px) { #breadcrumbs-row { padding-top: 0px!important; } }