@charset "UTF-8"; /*!------------------------------------------------------------------ [MAIN STYLESHEET] PROJECT: Temporis Capital VERSION: 0.1 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [TABLE OF CONTENTS] -------------------------------------------------------------------*/ :root { --unit-size: calc((100vw / 5) / 4); } @media (min-width: 1800px) { :root { --unit-size: calc(1800px / 20); } } @media (max-width: 1000px) { :root { --unit-size: calc(100vw / 15); } } @media (max-width: 650px) { :root { --unit-size: calc(100vw / 12); } } @media (max-width: 490px) { :root { --unit-size: calc(100vw / 8); } } :root { --unit-size: calc((100vw / 5) / 4); --tc_radius: 0.6em; --tc_padding: 2.8em; --tc-grid-gutter: 1em; } @media (max-width: 890px) { :root { --tc_padding: 16px; } } @media (max-width: 650px) { :root { --tc_padding: 0.25em; } } @media (min-width: 1790px) { :root { --tc-grid-gutter: calc(1790px / 100 * 1.3); } } @media (max-width: 890px) { :root { --tc-grid-gutter: 20px; } } @media (max-width: 750px) { :root { --tc-grid-gutter: 16px; } } /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) 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-width: 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; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* 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; } @font-face { font-family: "sans"; src: url("fonts/sans_light.woff2") format("woff2"), url("fonts/sans_light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "sans"; src: url("fonts/sans_light_italic.woff2") format("woff2"), url("fonts/sans_light_italic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "sans"; src: url("fonts/sans_regular.woff2") format("woff2"), url("fonts/sans_regular.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "sans"; src: url("fonts/sans_regular_italic.woff2") format("woff2"), url("fonts/sans_regular_italic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "sans"; src: url("fonts/sans_bold.woff2") format("woff2"), url("fonts/sans_bold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "sans"; src: url("fonts/sans_bold_italic.woff2") format("woff2"), url("fonts/sans_bold_italic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } html { color: white; } @media (min-width: 1190px) { html body { font-size: 15.2px; } } @media (min-width: 1220px) { html body { font-size: 15.46px; } } @media (min-width: 1240px) { html body { font-size: 15.72px; } } @media (min-width: 1260px) { html body { font-size: 15.98px; } } @media (min-width: 1280px) { html body { font-size: 16.24px; } } @media (min-width: 1300px) { html body { font-size: 16.5px; } } @media (min-width: 1320px) { html body { font-size: 16.76px; } } @media (min-width: 1340px) { html body { font-size: 17.02px; } } @media (min-width: 1360px) { html body { font-size: 17.28px; } } @media (min-width: 1380px) { html body { font-size: 17.54px; } } @media (min-width: 1400px) { html body { font-size: 17.8px; } } @media (min-width: 1420px) { html body { font-size: 18.06px; } } @media (min-width: 1440px) { html body { font-size: 18.32px; } } @media (min-width: 1460px) { html body { font-size: 18.58px; } } @media (min-width: 1480px) { html body { font-size: 18.84px; } } @media (min-width: 1500px) { html body { font-size: 19.1px; } } @media (min-width: 1520px) { html body { font-size: 19.36px; } } @media (min-width: 1540px) { html body { font-size: 19.62px; } } @media (min-width: 1560px) { html body { font-size: 19.88px; } } @media (min-width: 1580px) { html body { font-size: 20.14px; } } @media (min-width: 1600px) { html body { font-size: 20.4px; } } @media (min-width: 1620px) { html body { font-size: 20.66px; } } @media (max-width: 1050px) { html { font-size: 15px; } } @media (max-width: 490px) { html { font-size: 14px; } } body { line-height: 1.3; font-family: "sans", sans-serif; -webkit-font-smoothing: antialiased; color: white; word-spacing: 0em; letter-spacing: 0.01em; } p, .paragraph, blockquote, .generaltext li { line-height: 1.33; -webkit-font-smoothing: antialiased; word-spacing: -0.01em; font-size: 1em; font-family: "sans", sans-serif; letter-spacing: 0.01em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; line-height: 1.2; font-family: "sans", sans-serif; margin-block-start: 0; margin-block-end: 0; margin-top: 0; margin-bottom: 0; } h1, .h1 { line-height: 1 !important; font-size: 2.85em; font-weight: 500; text-transform: unset; } @media (max-width: 590px) { h1, .h1 { font-size: 26px; } } h2, .h2 { font-size: 2em; font-weight: 500; text-transform: unset; } h2 b, h2 strong, .h2 b, .h2 strong { font-weight: 500; } h3, .h3 { font-size: 1.5em; font-weight: 500; text-transform: unset; } h3 b, h3 strong, .h3 b, .h3 strong { font-weight: 500; } h4, .h4 { font-size: 1.15em; font-weight: 500; text-transform: unset; } h4 b, h4 strong, .h4 b, .h4 strong { font-weight: 500; } h5, .h5 { font-size: 1em; font-weight: 500; text-transform: unset; } h5 b, h5 strong, .h5 b, .h5 strong { font-weight: 500; } h6, .h6 { font-size: 0.9em; font-weight: 500; text-transform: unset; } h6 b, h6 strong, .h6 b, .h6 strong { font-weight: 500; } p.leadpara { font-size: 1.45em; font-weight: 100; text-transform: unset; letter-spacing: -0.015em; line-height: 1.2; } @media (max-width: 590px) { p.leadpara { font-size: 31px; } } @media (max-width: 590px) { p.leadpara { color: black; } } @media (max-width: 450px) { p.leadpara { font-size: 18px; } } .codenumber { display: inline-block; padding: 0.7em 1em; margin-left: -1px; background: rgba(72, 96, 159, 0.06); border-radius: 2px; } blockquote { background: #f9f9fb; padding: 30px; border-left: 3px solid #0000ff; margin: 15px 0; } .label { text-transform: uppercase; font-weight: 700; letter-spacing: -0.02em; } figure figcaption { opacity: 0.5; color: black; display: block; margin-bottom: 1.25em; font-size: 0.8em; } .tc_single h6 { margin-top: 1.25em; } /* Text Editor */ .tc_editor h1, .tc_editor h2, .tc_editor h3, .tc_editor h4, .tc_editor h5, .tc_editor h6, .tc-disclaimer h1, .tc-disclaimer h2, .tc-disclaimer h3, .tc-disclaimer h4, .tc-disclaimer h5, .tc-disclaimer h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6, .leadpara h1, .leadpara h2, .leadpara h3, .leadpara h4, .leadpara h5, .leadpara h6 { margin-bottom: 0.35em; margin-top: 0.85em; } .tc_editor p, .tc-disclaimer p, #tinymce p, .leadpara p { margin-top: 0; margin-bottom: 1em; } .tc_editor h2, .tc_editor .h2, .tc-disclaimer h2, .tc-disclaimer .h2, #tinymce h2, #tinymce .h2, .leadpara h2, .leadpara .h2 { font-size: 1.75em; font-weight: 500; text-transform: unset; } .tc_editor h2 b, .tc_editor h2 strong, .tc_editor .h2 b, .tc_editor .h2 strong, .tc-disclaimer h2 b, .tc-disclaimer h2 strong, .tc-disclaimer .h2 b, .tc-disclaimer .h2 strong, #tinymce h2 b, #tinymce h2 strong, #tinymce .h2 b, #tinymce .h2 strong, .leadpara h2 b, .leadpara h2 strong, .leadpara .h2 b, .leadpara .h2 strong { font-weight: 500; } .tc_editor h3, .tc_editor .h3, .tc-disclaimer h3, .tc-disclaimer .h3, #tinymce h3, #tinymce .h3, .leadpara h3, .leadpara .h3 { font-size: 1.4em; font-weight: 500; text-transform: unset; } .tc_editor h3 b, .tc_editor h3 strong, .tc_editor .h3 b, .tc_editor .h3 strong, .tc-disclaimer h3 b, .tc-disclaimer h3 strong, .tc-disclaimer .h3 b, .tc-disclaimer .h3 strong, #tinymce h3 b, #tinymce h3 strong, #tinymce .h3 b, #tinymce .h3 strong, .leadpara h3 b, .leadpara h3 strong, .leadpara .h3 b, .leadpara .h3 strong { font-weight: 500; } .tc_editor h5, .tc-disclaimer h5, #tinymce h5, .leadpara h5 { font-weight: bold !important; font-size: 1em; } .tc_editor h5 b, .tc_editor h5 strong, .tc-disclaimer h5 b, .tc-disclaimer h5 strong, #tinymce h5 b, #tinymce h5 strong, .leadpara h5 b, .leadpara h5 strong { font-weight: 700; } .tc_editor ul, .tc-disclaimer ul, #tinymce ul, .leadpara ul { font-family: "sans", sans-serif; list-style-type: none; padding-left: 0; margin-left: 0.15em; padding-top: 0.75em; padding-bottom: 0.75em; } .tc_editor ul li, .tc-disclaimer ul li, #tinymce ul li, .leadpara ul li { position: relative; padding-left: 1.5em; padding-bottom: 0.3em; } @media (max-width: 990px) { .tc_editor ul li, .tc-disclaimer ul li, #tinymce ul li, .leadpara ul li { padding-bottom: 5px; padding-left: 15px; } } .tc_editor ul li:before, .tc-disclaimer ul li:before, #tinymce ul li:before, .leadpara ul li:before { content: ""; position: absolute; left: 0; top: 0.9em; width: 0.25em; height: 0.25em; background-color: #2b393f; border-radius: 50%; transform: translate(0, -50%); } @media (max-width: 990px) { .tc_editor ul li:before, .tc-disclaimer ul li:before, #tinymce ul li:before, .leadpara ul li:before { top: 9px; width: 5px; height: 5px; } } .tc_editor ul li:last-of-type, .tc-disclaimer ul li:last-of-type, #tinymce ul li:last-of-type, .leadpara ul li:last-of-type { padding-bottom: 0; } .tc_editor p a, .tc_editor li a, .tc-disclaimer p a, .tc-disclaimer li a, #tinymce p a, #tinymce li a, .leadpara p a, .leadpara li a { position: relative; color: black; display: inline-block; border-bottom: 1px solid #cccccc; } .tc_editor p a:after, .tc_editor li a:after, .tc-disclaimer p a:after, .tc-disclaimer li a:after, #tinymce p a:after, #tinymce li a:after, .leadpara p a:after, .leadpara li a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; opacity: 0; background: black; transition: all ease-in-out 0.6s; } .tc_editor p a:hover:after, .tc_editor li a:hover:after, .tc-disclaimer p a:hover:after, .tc-disclaimer li a:hover:after, #tinymce p a:hover:after, #tinymce li a:hover:after, .leadpara p a:hover:after, .leadpara li a:hover:after { opacity: 1; } .tc_editor p, .tc_editor a, .tc_editor li { color: rgba(0, 0, 0, 0.8); } @media (max-width: 590px) { .leadpara p { color: black; } } .tc-disclaimer ul { margin-bottom: 0; } .tc-disclaimer ul li { position: relative; padding-left: 1.1em; padding-bottom: 0.3em; } @media (max-width: 990px) { .tc-disclaimer ul li { padding-bottom: 5px; padding-left: 16px; } } .tc-disclaimer ul li:before { top: 0.8em; width: 0.2em; height: 0.2em; } @media (max-width: 990px) { .tc-disclaimer ul li:before { top: 8px; width: 4px; height: 4px; } } @media (max-width: 590px) { .tc-disclaimer ul li:before { width: 3px; height: 3px; } } .generaltext ol { list-style-type: decimal; list-style-position: outside; margin: 1.25em 0 1.25em 1.5em; padding-left: 1.25em; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } .generaltext ol li { margin-bottom: 0.5em; padding-left: 0.25em; } .generaltext ol ol { margin-top: 0.5em; margin-bottom: 0.5em; list-style-type: lower-alpha; } .generaltext ol ol ol { list-style-type: lower-roman; } .generaltext ul { list-style: none; margin: 0; padding-left: 0; } .generaltext ul > li { position: relative; padding-left: 0.8em; margin-bottom: 0.2em; } .generaltext ul > li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 0.3em; height: 0.3em; background-color: #0000ff; transform: translateY(-50%); } .generaltext table { font-size: 1em; } .generaltext table tbody tr td { padding: 1vw; background: #f7f8fa; border: 1px solid white !important; } @media (max-width: 990px) { .generaltext table tbody tr td { padding: 8px 7px; } } .generaltext table tbody tr:nth-of-type(1) td { color: white; font-family: "sans", sans-serif; background: #23224C !important; text-transform: uppercase; font-size: 0.8em; } .generaltext table tbody tr:nth-child(odd) td { background: #fcfcfc; } .generaltext .btn { display: block; width: 100%; margin-bottom: 10px; } .text_editor { word-spacing: -0.025em; } .text_editor .h1, .text_editor .h2, .text_editor .h3, .text_editor .h4, .text_editor .h5, .text_editor .h6, .text_editor h1, .text_editor h2, .text_editor h3, .text_editor h4, .text_editor h5, .text_editor h6, .text_editor p { margin-bottom: 1vw; word-spacing: -0.025em; } .text_editor h1 { font-size: 3vw; } @media (max-width: 590px) { .text_editor h1 { font-size: 30px; } } .text_editor h2 { font-size: 2.3vw; color: black; } @media (max-width: 1050px) { .text_editor h2 { font-size: 24.15px; } } .text_editor h3 { font-size: 1.95vw; line-height: 1.3; } @media (max-width: 1050px) { .text_editor h3 { font-size: 20.475px; } } .text_editor h4 { font-size: 1.6vw; line-height: 1.3; color: black; font-weight: bold; margin-top: 2vw; } @media (max-width: 590px) { .text_editor h4 { font-size: 22px; } } .text_editor hr { margin-top: 2vw; border-top: 1px solid black; background-color: transparent; } .text_editor blockquote p { width: 93%; margin: 0; } .text_editor table { width: 100% !important; max-width: 100% !important; margin-top: 4vw; background-color: #fafafa; border: none !important; } .text_editor table tr:first-of-type { background: #333333; color: white; } .text_editor table tr:nth-child(even) { background-color: #f2f2f2; } .text_editor table tr td { padding: 0.7em; border: none; vertical-align: top; } .text_editor figure { position: relative; } .text_editor figure figcaption { position: absolute; bottom: 0; left: 0; margin: 0 !important; padding: 6px 11px; font-size: 14px; color: white; background: black; max-width: 90%; } .text_editor span.detail_theme_spacer { margin-top: 40px; display: block; } .text_editor p a, .text_editor table a, .text_editor h2 a, .text_editor h3 a, .text_editor h4 a { position: relative; border-bottom: 1px solid #ccc; padding-left: 1px !important; padding-right: 1px !important; margin-left: -1px !important; margin-right: -1px !important; display: inline-block; font-size: inherit; padding-bottom: 0; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; color: #7e7e7e; } .text_editor p a:after, .text_editor table a:after, .text_editor h2 a:after, .text_editor h3 a:after, .text_editor h4 a:after { content: ""; display: block; border-bottom: 1px solid #000; width: 0%; position: absolute; left: 0; bottom: -1px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .text_editor p a:hover, .text_editor table a:hover, .text_editor h2 a:hover, .text_editor h3 a:hover, .text_editor h4 a:hover { color: #757575; } .text_editor p a:hover:after, .text_editor table a:hover:after, .text_editor h2 a:hover:after, .text_editor h3 a:hover:after, .text_editor h4 a:hover:after { width: 100%; } .text_editor p a.media-img, .text_editor a.media-img { transition: all ease-in-out 0.25s; border-bottom: none; opacity: 1; } .text_editor p a.media-img:after, .text_editor a.media-img:after { display: none; } .text_editor p a.media-img:hover, .text_editor a.media-img:hover { opacity: 0.5; } .text_editor h2 a, .text_editor h4 a { color: black; } .text_editor h3 a { color: #555555; } .text_editor ul { margin-bottom: 1rem; list-style: none; padding-left: 28px; } @media (max-width: 590px) { .text_editor ul { padding-left: 24px; } } .text_editor ul li { margin-bottom: 0.5rem; line-height: 1.4; } .text_editor ul li:before { content: ""; color: #cccccc; font-weight: bold; display: inline-block; margin-left: -28px; width: 20px; height: 2px; background: blue; margin-right: 7px; top: -5px; position: relative; } @media (max-width: 590px) { .text_editor ul li:before { width: 14px; top: -4px; margin-left: -24px; } } .text_editor ul li a { position: relative; border-bottom: 1px solid #ccc; padding-left: 1px !important; padding-right: 1px !important; margin-left: -1px !important; margin-right: -1px !important; display: inline-block; font-size: inherit; padding-bottom: 1px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; color: #7e7e7e; } .text_editor ul li a:after { content: ""; display: block; border-bottom: 1px solid #000; width: 0%; position: absolute; left: 0; bottom: -1px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .text_editor ul li a:hover { color: #757575; } .text_editor ul li a:hover:after { width: 100%; } @media (max-width: 590px) { .text_editor .alignright { margin-left: 0; float: left; margin-right: 15px; } } .text_editor .fix_image { min-width: 100%; height: auto; } .text_editor .hover-shadow { box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.045); } .text_editor .attachement { width: 100%; padding-left: 0 !important; margin-top: 1.5vw; } .text_editor .attachement li:before { display: none; } /* /page title */ .list-styled { padding-left: 25px; } .list-styled li { position: relative; margin-bottom: 15px; } .list-styled li::before { position: absolute; content: ""; height: 10px; width: 10px; border-radius: 50%; background: #23224C; left: -25px; top: 5px; } textarea.form-control { height: 200px; padding: 20px; } /* /page title */ .fun_facts h1, .fun_facts h2, .fun_facts h3, .fun_facts h4, .fun_facts h5 { font-family: "sans", sans-serif; font-weight: normal; } .fun_facts h2 { font-size: 3.3em; } .fun_facts h5 { font-size: 0.8em; font-weight: bold; } a.text-color:visited [class^=ti-], a.text-color:visited [class*=" ti-"] { color: #757575; } a.play-btn:visited [class^=ti-], a.play-btn:visited [class*=" ti-"] { color: #ffffff; } .footnote-ref a { color: black; opacity: 0.6; } .footnotes { opacity: 0.6; margin-bottom: 50px; } .footnotes ol { margin: 0; padding: 0; padding-left: 0 !important; } .footnotes ol li a { color: black; display: inline; border-bottom: none; } .footnotes ol small { font-weight: 600; color: black; width: 1.2em; display: inline-block; position: relative; top: -0.25em; left: -0.1em; } .footnotes ol .footnote-backref { text-decoration: none; margin-left: 0; } .footnotes ol a { color: black; } .container { max-width: 1600px; margin: auto; } @media (max-width: 1660px) { .container { margin: 0 30px 0 30px; } .container_inner { margin: 0; } } @media (max-width: 590px) { .container { margin: 0 16px 0 16px; } .container_inner { margin: 0; } } .container:after { content: ""; display: table; height: 0; width: 100%; clear: both; } .container.tc_style { position: relative; z-index: 1; width: calc(100% - 60px); padding-left: var(--tc_padding); padding-right: var(--tc_padding); padding-top: 2.7em; padding-bottom: 2.8em; border-radius: var(--tc_radius); background: rgba(235, 235, 255, 0.05); overflow: hidden; } @media (max-width: 890px) { .container.tc_style { padding-top: 16px; padding-bottom: 16px; } } @media (max-width: 750px) { .container.tc_style { padding-left: var(--tc_padding); padding-right: var(--tc_padding); padding-top: var(--tc_padding); padding-bottom: var(--tc_padding); } } @media (max-width: 590px) { .container.tc_style { width: calc(100% - 32px); } } .container.tc_style.haswhitebg { background-color: rgba(255, 255, 255, 0.6); color: #191e1f; } .container.tc_style:before { content: ""; position: absolute; z-index: 1; top: 14vw; height: calc(100% - 14vw); left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 30vw, rgb(255, 255, 255) 100%); } @media (min-width: 590px) and (max-width: 890px) { .container.tc_style:before { top: 43vw; height: calc(100% - 43vw); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 13vw, rgb(255, 255, 255) 100%); } } .tc_grad { position: relative; overflow: hidden; } .tc_grad:before { content: ""; position: absolute; z-index: 1; top: 7vw; height: calc(100% - 7vw); left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 4vw, rgba(255, 255, 255, 0.35) 9vw, rgba(255, 255, 255, 0.65) 14vw, rgba(255, 255, 255, 0.88) 18vw, rgb(255, 255, 255) 21vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { .tc_grad:before { top: 112px; height: calc(100% - 112px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 64px, rgba(255, 255, 255, 0.35) 144px, rgba(255, 255, 255, 0.65) 224px, rgba(255, 255, 255, 0.88) 288px, rgb(255, 255, 255) 336px, rgb(255, 255, 255) 100%); } } .tc_grad:after { content: ""; opacity: 0.6; position: absolute; z-index: 0; top: 0; height: 50vw; background: rgb(245, 245, 255); mix-blend-mode: overlay; width: calc(100% - 60px); left: 30px; border-radius: var(--tc_radius); } @media (max-width: 750px) { .tc_grad:after { left: 30px; } } @media (max-width: 590px) { .tc_grad:after { width: calc(100% - 32px); left: 16px; } } @media (min-width: 1660px) { .tc_grad:after { width: 1600px; left: 50%; margin-left: -800px; } } .globalpaddingleft { padding-left: 1.3vw !important; } @media (min-width: 1790px) { .globalpaddingleft { padding-left: 23.27px !important; } } @media (max-width: 1090px) { .globalpaddingleft { padding-left: 20px !important; } } @media (max-width: 890px) { .globalpaddingleft { padding-left: 19px !important; } } @media (max-width: 750px) { .globalpaddingleft { padding-left: 16px !important; } } .globalpaddingright { padding-right: 1.3vw; } @media (min-width: 1790px) { .globalpaddingright { padding-right: 23.27px; } } @media (max-width: 1090px) { .globalpaddingright { padding-right: 20px; } } @media (max-width: 890px) { .globalpaddingright { padding-right: 19px; } } @media (max-width: 750px) { .globalpaddingright { padding-right: 16px; } } .row { padding: 0; margin: 0; } .normal_padding { padding: 4.5vw; } .extra_padding, .full.extra_padding { padding: 1.5vw !important; } @media (max-width: 600px) { .extra_padding, .full.extra_padding { padding: 0 !important; } } .big_padding { padding: 6.5vw; } .nopadding_top { padding-top: 0 !important; } .container div.nopadding_bottom { padding-bottom: 0 !important; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding: 1em; float: left; margin: 0; flex-shrink: 0; } @media (min-width: 1790px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 23.27px; } } @media (max-width: 890px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 20px; } } @media (max-width: 750px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 16px; } } .col1.flush, .col2.flush, .col3.flush, .col4.flush, .col5.flush, .col6.flush, .col7.flush, .col8.flush, .col9.flush, .col10.flush, .col11.flush, .col12.flush { padding: 0; } .col1.extrapadding, .col2.extrapadding, .col3.extrapadding, .col4.extrapadding, .col5.extrapadding, .col6.extrapadding, .col7.extrapadding, .col8.extrapadding, .col9.extrapadding, .col10.extrapadding, .col11.extrapadding, .col12.extrapadding { padding: 2.6vw; } @media (min-width: 1790px) { .col1.extrapadding, .col2.extrapadding, .col3.extrapadding, .col4.extrapadding, .col5.extrapadding, .col6.extrapadding, .col7.extrapadding, .col8.extrapadding, .col9.extrapadding, .col10.extrapadding, .col11.extrapadding, .col12.extrapadding { padding: 46.54px; } } @media (max-width: 890px) { .col1.extrapadding, .col2.extrapadding, .col3.extrapadding, .col4.extrapadding, .col5.extrapadding, .col6.extrapadding, .col7.extrapadding, .col8.extrapadding, .col9.extrapadding, .col10.extrapadding, .col11.extrapadding, .col12.extrapadding { padding: 40px; } } @media (max-width: 750px) { .col1.extrapadding, .col2.extrapadding, .col3.extrapadding, .col4.extrapadding, .col5.extrapadding, .col6.extrapadding, .col7.extrapadding, .col8.extrapadding, .col9.extrapadding, .col10.extrapadding, .col11.extrapadding, .col12.extrapadding { padding: 32px; } } .col1 { width: 8.3333333333%; } @media (max-width: 590px) { .col1 { width: 100%; } } .col2 { width: 16.6666666667%; } @media (max-width: 890px) { .col2 { width: 50%; } } @media (max-width: 590px) { .col2 { width: 100%; } } .col3 { width: 25%; } @media (max-width: 890px) { .col3 { width: 50%; } } @media (max-width: 590px) { .col3 { width: 100%; } } .col4 { width: 33.3333333333%; } @media (max-width: 890px) { .col4 { width: 50%; } } @media (max-width: 590px) { .col4 { width: 100%; } } .col5 { width: 41.6666666667%; } @media (max-width: 890px) { .col5 { width: 50%; } } @media (max-width: 590px) { .col5 { width: 100%; } } .col6 { width: 50%; } @media (max-width: 890px) { .col6 { width: 50%; } } @media (max-width: 590px) { .col6 { width: 100%; } } .col7 { width: 58.3333333333%; } @media (max-width: 890px) { .col7 { width: 50%; } } @media (max-width: 590px) { .col7 { width: 100%; } } .col8 { width: 66.6666666667%; } @media (max-width: 890px) { .col8 { width: 50%; } } @media (max-width: 590px) { .col8 { width: 100%; } } .col9 { width: 75%; } @media (max-width: 890px) { .col9 { width: 100%; } } .col10 { width: 83.3333333333%; } @media (max-width: 890px) { .col10 { width: 100%; } } .col11 { width: 91.6666666667%; } @media (max-width: 890px) { .col11 { width: 100%; } } .col12 { width: 100%; } .offset1 { margin-left: 8.3333333333%; } @media (max-width: 890px) { .offset1 { margin-left: 0; } } .offset2 { margin-left: 16.6666666667%; } @media (max-width: 890px) { .offset2 { margin-left: 0; } } .offset3 { margin-left: 25%; } @media (max-width: 890px) { .offset3 { margin-left: 50%; } } @media (max-width: 790px) { .offset3 { margin-left: 0; } } .offset4 { margin-left: 33.3333333333%; } @media (max-width: 890px) { .offset4 { margin-left: 50%; } } @media (max-width: 790px) { .offset4 { margin-left: 0; } } .offset5 { margin-left: 41.6666666667%; } @media (max-width: 890px) { .offset5 { margin-left: 50%; } } @media (max-width: 790px) { .offset5 { margin-left: 0; } } .offset6 { margin-left: 50%; } @media (max-width: 890px) { .offset6 { margin-left: 50%; } } @media (max-width: 790px) { .offset6 { margin-left: 0; } } .offset7 { margin-left: 58.3333333333%; } @media (max-width: 890px) { .offset7 { margin-left: 50%; } } @media (max-width: 790px) { .offset7 { margin-left: 0; } } .offset8 { margin-left: 66.6666666667%; } @media (max-width: 890px) { .offset8 { margin-left: 50%; } } @media (max-width: 790px) { .offset8 { margin-left: 0; } } .offset9 { margin-left: 75%; } @media (max-width: 890px) { .offset9 { margin-left: 50%; } } @media (max-width: 790px) { .offset9 { margin-left: 0; } } .offset10 { margin-left: 83.3333333333%; } @media (max-width: 890px) { .offset10 { margin-left: 50%; } } @media (max-width: 790px) { .offset10 { margin-left: 0; } } .offset11 { margin-left: 91.6666666667%; } @media (max-width: 890px) { .offset11 { margin-left: 50%; } } @media (max-width: 790px) { .offset11 { margin-left: 0; } } .pad_offset1 { margin-left: 8.3333333333%; } .pad_offset2 { margin-left: 16.6666666667%; } .pad_offset3 { margin-left: 25%; } .pad_offset4 { margin-left: 33.3333333333%; } .pad_offset5 { margin-left: 41.6666666667%; } @media (max-width: 1090px) { .pad_offset6 { margin-left: 50%; } } .pad_offset7 { margin-left: 58.3333333333%; } @media (max-width: 1090px) { .pad_offset8 { margin-left: 66.6666666667%; } } .pad_offset9 { margin-left: 75%; } .pad_offset10 { margin-left: 83.3333333333%; } .pad_offset11 { margin-left: 91.6666666667%; } @media (max-width: 1090px) { .pad_col1 { width: 8.3333333333%; } } @media (max-width: 1090px) { .pad_col2 { width: 16.6666666667%; } } @media (max-width: 1090px) { .pad_col3 { width: 25%; } } @media (max-width: 1090px) { .pad_col4 { width: 33.3333333333%; } } @media (max-width: 1090px) { .pad_col5 { width: 41.6666666667%; } } @media (max-width: 1090px) { .pad_col6 { width: 50%; } } @media (max-width: 1090px) { .pad_col7 { width: 58.3333333333%; } } @media (max-width: 1090px) { .pad_col8 { width: 66.6666666667%; } } @media (max-width: 1090px) { .pad_col9 { width: 75%; } } @media (max-width: 1090px) { .pad_col10 { width: 83.3333333333%; } } @media (max-width: 1090px) { .pad_col11 { width: 91.6666666667%; } } @media (max-width: 1090px) { .pad_col12 { width: 100%; } } @media (max-width: 590px) { .phone_col1 { width: 8.3333333333%; } } @media (max-width: 590px) { .phone_col2 { width: 16.6666666667%; } } @media (max-width: 590px) { .phone_col3 { width: 25%; } } @media (max-width: 590px) { .phone_col4 { width: 33.3333333333%; } } @media (max-width: 590px) { .phone_col5 { width: 41.6666666667%; } } @media (max-width: 590px) { .phone_col6 { width: 50%; } } @media (max-width: 590px) { .phone_col7 { width: 58.3333333333%; } } @media (max-width: 590px) { .phone_col8 { width: 66.6666666667%; } } @media (max-width: 590px) { .phone_col9 { width: 75%; } } @media (max-width: 590px) { .phone_col10 { width: 83.3333333333%; } } @media (max-width: 590px) { .phone_col11 { width: 91.6666666667%; } } @media (max-width: 590px) { .phone_col12 { width: 100%; } } @media (max-width: 1090px) { .pad_hide { display: none; } } @media (max-width: 590px) { .phone_hide { display: none; } } .breaker { clear: both; } @view-transition { navigation: auto; } /* * Fallback overlay transition. */ #page-transition { position: fixed; inset: 0; z-index: 999999; background: rgb(37, 39, 41); opacity: 1; pointer-events: none; transition: opacity 180ms ease; } body.page-is-loaded #page-transition { opacity: 0; } body.page-is-leaving #page-transition { opacity: 1; } /* * Respect reduced-motion preferences. */ @media (prefers-reduced-motion: reduce) { #page-transition { transition: none; } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; animation-timing-function: ease; } } /* Button style */ .btn { all: unset; display: inline-block; position: relative; z-index: 1; transition: 0.2s ease; overflow: hidden; height: 3vw; line-height: 3vw; padding: 0 1.25vw; margin: 0; border: none; font-weight: 600; font-family: "sans", sans-serif; text-transform: uppercase; text-align: center; color: white !important; font-size: 0.75em; user-select: none; cursor: pointer; box-sizing: border-box; background: blue; /* Your responsive styles and pseudo-elements */ } @media (max-width: 990px) { .btn { height: 35px; line-height: 35px; padding-top: 0; padding-bottom: 0; padding: 0 10px; } } @media (max-width: 590px) { .btn { height: 30px; line-height: 30px; font-size: 12px; } } .btn::before { position: absolute; background: #f3f3f3; content: ""; height: 100%; width: 0%; left: 0; bottom: 0%; z-index: -1; transition: all 0.2s ease-in-out; } .btn:focus { outline: 0; box-shadow: none !important; } @media (min-width: 900px) { .btn:focus:hover { color: white; } } .btn:active { box-shadow: none; color: white !important; } @media (min-width: 900px) { .btn:active:hover { color: #1a1a1a; } } .btn:visited { color: white !important; } @media (min-width: 900px) { .btn:visited:hover { color: white; } } @media (min-width: 900px) { .btn:hover { color: black !important; transition-delay: 0.1s !important; } .btn:hover::before { width: 100%; } } .btn.dark { color: white; background: black; } .btn.dark::before { background: #f3f3f3; } @media (min-width: 900px) { .btn.dark:hover { color: black; } } .btn.dark:focus { color: white; } @media (min-width: 900px) { .btn.dark:focus:hover { color: white; } } .btn.dark:active { color: white; } @media (min-width: 900px) { .btn.dark:active:hover { color: white; } } .btn.dark:visited { color: #1a1a1a; } @media (min-width: 900px) { .btn.dark:visited:hover { color: white; } } .btn.white { color: black !important; border: 0; background: white; } .btn.white::before { background: black; } @media (min-width: 900px) { .btn.white:hover { color: white !important; transition-delay: 0s !important; } } .btn.white:focus { color: black !important; } @media (min-width: 900px) { .btn.white:focus:hover { color: white !important; } } .btn.white:active { color: black !important; } @media (min-width: 900px) { .btn.white:active:hover { color: white !important; } } .btn.white:visited { color: black !important; } @media (min-width: 900px) { .btn.white:visited:hover { color: white !important; } } .btn.full { width: 100%; display: block; } .tc_plus { width: 2.8rem; height: 2.8rem; border: 0.075rem solid #000; border-radius: 50%; background: transparent; cursor: pointer; position: relative; transition: background 0.25s ease, border-color 0.25s ease; outline: none; } @media (max-width: 590px) { .tc_plus { width: 36px; height: 36px; } } .tc_plus.btn_invert { border: 0.075rem solid #fff; } .tc_plus.btn_invert .icon::before, .tc_plus.btn_invert .icon::after { background: #fff; } .tc_plus.btn_invert.is-active { background: #fff; } .tc_plus.btn_invert.is-active .icon::before, .tc_plus.btn_invert.is-active .icon::after { background: #000; } .tc_plus.btn_invert:hover, .tc_plus.btn_invert:active, .tc_plus.btn_invert:focus { background: #fff; border-color: #fff !important; } .tc_plus.btn_invert:hover .icon::before, .tc_plus.btn_invert:hover .icon::after, .tc_plus.btn_invert:active .icon::before, .tc_plus.btn_invert:active .icon::after, .tc_plus.btn_invert:focus .icon::before, .tc_plus.btn_invert:focus .icon::after { background: #000; } .tc_plus .icon::before, .tc_plus .icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1rem; height: 0.125rem; background: #000; transform: translate(-50%, -50%); transition: transform 0.25s ease, background 0.25s ease; } @media (max-width: 590px) { .tc_plus .icon::before, .tc_plus .icon::after { width: 12px; height: 1.5px; } } .tc_plus .icon::after { transform: translate(-50%, -50%) rotate(90deg); } .tc_plus.is-active { background: #000; } .tc_plus.is-active .icon::before, .tc_plus.is-active .icon::after { background: #fff; transform: translate(-50%, -50%) rotate(-45deg); } .tc_plus.is-active .icon::after { transform: translate(-50%, -50%) rotate(45deg); } .tc_plus:hover, .tc_plus:active, .tc_plus:focus { background: black; border-color: black !important; } .tc_plus:hover .icon::before, .tc_plus:hover .icon::after, .tc_plus:active .icon::before, .tc_plus:active .icon::after, .tc_plus:focus .icon::before, .tc_plus:focus .icon::after { background: #ffffff; } .tc_plus .sr-only { position: absolute; left: -9999px; } body { background-color: #252729; } .faderinslow { opacity: 1; transition: all ease-in-out 0.7s; transition-delay: 0.15s; } .faderinslow.on { opacity: 0; transition-delay: 0s; } @media (min-width: 1200px) { .prevent { pointer-events: none; } } .fadeinnormal { opacity: 1; transition: opacity 0.5s ease !important; } .fadeinnormal.ison { opacity: 0; } .fadeinslower { opacity: 1; transition: opacity 1.2s ease !important; } .fadeinslower.ison { opacity: 0; } .clearfix, .clearer { clear: both; } #wpadminbar { top: auto; bottom: 0; position: fixed !important; } ::selection { background: #33326f; color: #ffffff; } .anchor { position: absolute; top: -70px; left: -20px; width: 20px; height: 20px; } /* overlay */ .overlay { position: relative; z-index: 7; } .overlay.darken::before { opacity: 0.4; height: 74%; transform: rotate(5deg); width: 120%; top: -17%; } .overlay::before { content: ""; position: absolute; z-index: 9; height: 50%; width: 100%; top: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+22,0+98 */ background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */ opacity: 0.35; } .overlay::after { content: ""; position: absolute; z-index: 7; height: 100%; width: 100%; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+76 */ background: -moz-linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: 0.3; z-index: 9; } /* Cards ================================================== */ .placeholdercard { background: #fafafa; margin-bottom: 20px; } .placeholdercard .date { display: block; margin-bottom: 20px; } .card { position: relative; height: 600px; margin-bottom: 40px; } @media (max-width: 590px) { .card { height: 550px; } } .card .image_cont { display: block; height: 180px; overflow: hidden; background: #eeeeee; padding-bottom: 50%; overflow: hidden; position: relative; } .card .image_cont img { object-fit: cover; object-position: center center; height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; } .card .list-inline { margin-bottom: 0 !important; } .card .list-inline .the_date { position: absolute; bottom: 29px; right: 15px; } .card h4 { font-size: 24px; } @media (max-width: 590px) { .card h4 { font-size: 22px; } } .card p { line-height: 1.55; font-size: 0.95em; } .card .btn { position: absolute; bottom: 20px; left: 20px; } /* Text Editor Styles ================================================== */ .content_wrap { display: block !important; flex-wrap: unset; padding-left: 15px; padding-right: 15px; } /* Video ================================================== */ .text_editor .responsiveEmbed { margin-bottom: 0; position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; margin: 3vw 0 2.8vw 0; } .text_editor .responsiveEmbed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Forms ================================================== */ form { margin: 0; padding: 0; } form input { padding-left: 20px; font-family: "sans", sans-serif !important; font-size: inherit !important; text-indent: 0 !important; } form .form-control { height: 70px; background: #ffffff; border-radius: 0; padding-left: 25px; border: 1px solid #ededed; } @media (max-width: 590px) { form .form-control { height: 45px; } } form .form-control:focus { border-color: #23224C; box-shadow: none; } form textarea.form-control { height: 200px; } .text_editor form input { padding-left: 20px; font-size: 16.5px !important; text-indent: 0 !important; } .wpcf7 form { display: block; padding-bottom: 50px; } .wpcf7 form em { display: block; color: rgba(255, 255, 255, 0.6); font-style: normal; padding-top: 1.5vw; padding-bottom: 1.5vw; } @media (min-width: 1700px) { .wpcf7 form em { padding-top: 25.5px; padding-bottom: 25.5px; } } @media (max-width: 1000px) { .wpcf7 form em { padding-top: 15px; padding-bottom: 15px; } } .wpcf7 form .field-group { position: relative; margin-bottom: 1vw; } @media (min-width: 1700px) { .wpcf7 form .field-group { margin-bottom: 17px; } } @media (max-width: 1000px) { .wpcf7 form .field-group { margin-bottom: 10px; } } .wpcf7 form .field-group.input-has-text label { top: -2vw; font-size: 0.65em; font-weight: 700; opacity: 0; } @media (min-width: 1700px) { .wpcf7 form .field-group.input-has-text label { top: -34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group.input-has-text label { top: -20px; } } .wpcf7 form .field-group label { position: absolute; z-index: 10; top: 0; left: 0; pointer-events: none; height: 4vw; line-height: 4vw; color: rgba(255, 255, 255, 0.6); transition: 0.6s all cubic-bezier(0.87, 0, 0.13, 1); left: 1.5vw; } @media (min-width: 1700px) { .wpcf7 form .field-group label { height: 68px; line-height: 68px; left: 25.5px; } } @media (max-width: 1000px) { .wpcf7 form .field-group label { height: 40px; line-height: 40px; left: 18px; } } .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { position: relative; z-index: 1; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid black; color: white; border-radius: 100px; border-top: 0; border-left: 0; border-right: 0; border-bottom: transparent; height: 4vw; line-height: 4vw; padding-left: 0; width: 100%; background: rgba(255, 255, 255, 0.1); text-indent: 1.5vw !important; } @media (min-width: 1700px) { .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { text-indent: 25.5px !important; height: 68px; line-height: 68px; } } @media (max-width: 1000px) { .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { height: 40px; line-height: 40px; border-bottom: 0.5px solid transparent; text-indent: 18px !important; } } .wpcf7 form .field-group textarea { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid black; border: transparent; padding-left: 2vw; padding-top: 1vw; color: white; height: 11vw; background: rgba(255, 255, 255, 0.1); border-radius: 2vw; } @media (min-width: 1700px) { .wpcf7 form .field-group textarea { padding-left: 34px; padding-top: 17px; height: 187px; border-radius: 34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group textarea { padding-top: 10px; height: 110px; border-radius: 20px; padding-left: 20px; } } .wpcf7 form .field-group-checkboxes { position: relative; margin-bottom: 1vw; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes { margin-bottom: 17px; } } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes { margin-bottom: 10px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -0.5vw; position: relative; padding: 0; margin: 0; cursor: pointer; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -8.5px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item:first-of-type { position: absolute; left: 0; top: -9999px; } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -5px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item.on label { background: #23224C; } .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { background: rgba(55, 68, 158, 0.8); color: white; height: 4vw; line-height: 4vw; border-radius: 100px; padding: 0 2vw; font-size: 0.9em; white-space: nowrap; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 68px; line-height: 68px; padding: 0 34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 40px; line-height: 40px; padding: 0 20px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item input[type=checkbox], .wpcf7 form .field-group-checkboxes .wpcf7-list-item input[type=radio] { position: absolute; width: 100%; height: 100%; opacity: 0; box-sizing: border-box; padding: 0; cursor: pointer; } .wpcf7 form .islinker:before { content: ""; position: absolute; z-index: 3; top: 0; right: 0; height: 100%; width: 40px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6576e4+0,6576e4+100&0+4,1+49,1+100 */ background: linear-gradient(to right, rgba(101, 118, 228, 0) 0%, rgba(101, 118, 228, 0) 4%, rgb(101, 118, 228) 49%, rgb(101, 118, 228) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-radius: 200px; } @media (min-width: 1700px) { .wpcf7 form .islinker:before { height: 68px; width: 90px; } } .wpcf7 form .wpcf7-not-valid-tip { color: white; background: #e85c41; font-size: 0.7em; font-weight: 700; display: inline-block; margin-top: 14px; margin-left: 2vw; padding: 2px 6px; border-radius: 2px; line-height: 1; z-index: 10; } @media (min-width: 1700px) { .wpcf7 form .wpcf7-not-valid-tip { margin-left: 34px; } } @media (max-width: 1000px) { .wpcf7 form .wpcf7-not-valid-tip { margin-top: 8px; margin-bottom: 10px; } } .wpcf7 form .otheroption { display: none; padding-bottom: 20px; } .wpcf7 form .otheroption.on { display: block; } .wpcf7 form .wpcf7-form-control-wrap[data-name=select-768] { position: relative; border: 0; } .wpcf7 form .wpcf7-form-control-wrap[data-name=select-768] select.wpcf7-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; z-index: 1; outline: none; } .wpcf7 form .wpcf7-form-control-wrap[data-name=select-768]:after { content: ""; position: absolute; pointer-events: none; right: -0.2vw; top: -0.7vw; z-index: 10; height: 3vw; width: 3vw; background-image: url(/wp-content/themes/temporis_theme/assets/img/arrow_black.svg); background-repeat: no-repeat; background-size: 2.2vw; transform: rotate(90deg); background-position: center center; } @media (max-width: 1000px) { .wpcf7 form .wpcf7-form-control-wrap[data-name=select-768]:after { right: -2px; top: -6px; background-size: 21px; background-position: right 16px center; } } .wpcf7 form .wpcf7-checkbox { border: none !important; margin: 0; padding: 0; } .wpcf7 form .wpcf7-checkbox .wpcf7-list-item { margin: 0; padding: 0; /** * Removing the checkbox and radio appearance */ /** * Giving Checkbox & Radio not checked a new appearance */ /** * Giving Checkbox & Radio checked state a new appearance */ } .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=radio], .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=radio], .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=checkbox] { width: 22px; height: 22px; border: solid 1px transparent; margin-right: 8px; position: relative; background: #999999; } .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=radio]:checked::before, .wpcf7 form .wpcf7-checkbox .wpcf7-list-item [type=checkbox]:checked::before { content: ""; width: 14px; height: 14px; background-color: blue; position: absolute; top: 3px; left: 3px; } .wpcf7 form .optin_button, .wpcf7 form .optin_text { float: left; width: 50%; } .wpcf7 form .optin_text { font-size: 85%; margin-bottom: 20px; } .wpcf7 form .optin_button { padding-top: 5px; display: block; } .wpcf7 form .optin_button .wpcf7-form-control-wrap { display: block; } .wpcf7 form .optin_button .wpcf7-form-control-wrap .wpcf7-not-valid-tip { margin-right: 12px; left: auto; } .wpcf7 form .optin_button .wpcf7-list-item-label { position: relative; top: -4px; } .wpcf7 form .formwrap { transition: all ease-in-out 0.3s; opacity: 1; } .wpcf7 form.submitting .formwrap { opacity: 0.5; } .wpcf7 form.sent .formwrap { display: none; } .wpcf7 form.sent input[type=button], .wpcf7 form.sent input[type=reset], .wpcf7 form.sent input[type=submit] { display: none; } .wpcf7 form .wpcf7-response-output { color: white; font-weight: 600; padding: 0; margin-left: 0; margin-right: 0; border: none; padding: 0.8em; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { margin: -10px 0 0 0; padding-bottom: 0.9em; font-family: "sans", sans-serif; font-weight: 500; position: relative; background: #05a14b !important; font-size: 0.9em; } .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:after, .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { content: ""; position: absolute; z-index: 1; right: 0.5em; top: 0.5em; width: 2.25vw; height: 2.25vw; background: white; border-radius: 100px; } @media (min-width: 1700px) { .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:after, .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { width: 42.5px; height: 42.5px; } } @media (max-width: 1000px) { .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:after, .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { width: 25px; height: 25px; } } .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:before { z-index: 2; background: transparent; width: 1.2vw; height: 0.7vw; top: 1.1em; right: 1em; border-radius: 0; border-bottom: 0.25vw solid #05a14b; border-left: 0.25vw solid #05a14b; transform: rotate(-45deg); } @media (min-width: 1700px) { .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:before { width: 23.8px; height: 13.6px; bottom: 17px; left: 9.35px; border-bottom: 4.25px solid #05a14b; border-left: 4.25px solid #05a14b; } } @media (max-width: 1000px) { .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:before { width: 14px; height: 8px; bottom: 10px; left: 5.5px; border-bottom: 2.5px solid #05a14b; border-left: 2.5px solid #05a14b; } } .wpcf7 form.invalid .wpcf7-response-output { background: #d32b46 !important; } .wpcf7 form.invalid .wpcf7-response-output:before { content: "×"; z-index: 2; background: transparent; color: #d32b46; width: 1.4vw; height: 0.8vw; top: 0.3em; right: 0.625em; border: none; transform: rotate(0deg); font-size: 1.5em; font-weight: bold; text-align: center; } @media (min-width: 1700px) { .wpcf7 form.invalid .wpcf7-response-output:before { width: 23.8px; height: 13.6px; bottom: 17px; left: 9.35px; border: none; } } @media (max-width: 1000px) { .wpcf7 form.invalid .wpcf7-response-output:before { width: 14px; height: 8px; bottom: 10px; left: 5.5px; border: none; } } .wpcf7 form .wpcf7-spinner { margin: 0px 30px 0 30px; position: relative; top: 2px; transform: scale(1.25); top: 20px; left: -20px; } @media (max-width: 1000px) { .wpcf7 form .wpcf7-spinner { transform: scale(1); top: 7px; margin-left: 20px; } } .responsiveEmbed { margin-bottom: 0; position: relative; height: 0; width: 100%; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; } .responsiveEmbed iframe, .responsiveEmbed img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .form_name, .form_county, .form_email, #email { width: 98%; margin-top: 10px; } .form_name { float: left; margin-right: 15px; } .form_county { float: left; margin-right: 15px; } .form_email { float: left; } .form_button, .unsubscribe input[type=submit] { width: 98%; } .text_editor .form_name input, .text_editor .form_email input, .text_editor .form_county input, .unsubscribe input { border: none; outline: none; border-radius: 0; line-height: 1.8; color: white; background: rgba(255, 255, 255, 0.4); box-shadow: none; width: 100%; transition: all 0.3s ease-in-out; font-size: inherit !important; text-indent: 0 !important; padding: 9px 20px; height: auto; } .form_name input:focus, .form_email input:focus, .form_county input:focus, .unsubscribe input:focus { background: rgb(255, 255, 255); color: #333; outline: none; } .form_button button, .unsubscribe input[type=submit] { border: none; background: white; padding: 12px 20px; color: #0000ff; width: 100%; margin-top: 10px; } .expander_block_question { position: relative; border-top: 1px solid #23224C; font-family: "sans", sans-serif; color: #23224C; font-weight: 600; padding: 2vw 4vw 2vw 0; cursor: pointer; font-weight: 500; font-size: 1.05em; letter-spacing: -0.01em; } @media (max-width: 990px) { .expander_block_question { padding: 20px 50px 20px 0; } } @media (max-width: 490px) { .expander_block_question { padding: 15px 40px 15px 0; } } .expander_block_question span { position: absolute; right: 0; top: 1.6vw; width: 2vw; height: 2vw; background-image: url("../img/icon_arrowdarkright.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100%; transform: rotate(90deg); transition: all ease-in-out 0.3s; } @media (max-width: 990px) { .expander_block_question span { top: 16px; width: 20px; height: 20px; } } @media (max-width: 590px) { .expander_block_question span { top: 13px; width: 18px; height: 18px; } } .expander_block_answer { display: none; overflow: hidden; } .expander_block_answer .animate { transition: all ease-in-out 0.3s; transition-delay: 0s; opacity: 0; } .expander_block_answer.on .animate { transition-delay: 0.4s; opacity: 1; } .expander_block_answer p a, .expander_block_answer li a, .expander_block_answer ol a { display: inline-block; position: relative; color: #1a1a1a; opacity: 0.8; border-bottom: 1px solid #d5d2d2; transition: all ease-in-out 0.2s; } .expander_block_answer p a:hover:after, .expander_block_answer li a:hover:after, .expander_block_answer ol a:hover:after { width: 100%; } .expander_block_answer p a:after, .expander_block_answer li a:after, .expander_block_answer ol a:after { content: ""; position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; background: #0b1218; transition: width ease-in-out 0.3s; } .expander_block.on .expander_block_question span { transform: rotate(-90deg); } .sharing_image { position: absolute; left: -9999px; } @media (max-width: 590px) { html { overflow-x: hidden !important; } } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .lity-close { top: 0; right: 0; background-image: none; background-position: center center; background-size: cover; color: transparent; font-size: 1px; width: calc(var(--unit-size) * 0.75); height: calc(var(--unit-size) * 0.75); background: #23224C; } .lity-close:after, .lity-close:before { content: ""; position: absolute; right: calc(var(--unit-size) * 0.75 / 2 - 1px); top: calc(var(--unit-size) * 0.75 / 2 - 10px); background: white; width: 2px; height: 20px; display: block; transform: rotate(45deg); transition: all ease-in-out 0.3s; } .lity-close:before { transform: rotate(135deg); } .lity { background: rgba(34, 46, 58, 0.95); } .lity-content img { max-width: 85%; margin: auto; } .mejs-controls { display: none !important; } mejs-container:hover .mejs-controls { opacity: 1; } /* Ensure WordPress videos scale responsively */ .wp-video, .wp-video-shortcode, .wp-block-video { max-width: 100% !important; width: 800px !important; } .wp-video video, .wp-block-video video { width: 100% !important; } .mejs-container { max-width: 100% !important; width: 800px !important; } .tc_label { display: inline-block; background: #e6e6e6; color: #7a7a7a; padding: 0.5em 0.75em; font-size: 0.8em; border-radius: 0.1em; } /* Content Blocks ================================================== */ /* 00 Text & Quote */ .tc_welcome { position: relative; z-index: 10; } .tc_alltext { position: relative; z-index: 10; color: black; } .tc_alltext .col6, .tc_alltext .col7 { padding-bottom: 0; padding-right: 0; } .tc_alltext .col6 h1, .tc_alltext .col7 h1 { font-size: 3.6em; } @media (max-width: 590px) { .tc_alltext .col6 h1, .tc_alltext .col7 h1 { font-size: 36px; width: 95%; } } /* 01 Text & Quote */ .tc_textquote { position: relative; z-index: 10; } .tc_textquote .container { display: flex; align-items: stretch; color: black; } @media (max-width: 590px) { .tc_textquote .container { flex-direction: column; } } .tc_textquote .container .col6 { padding-top: 0; padding-bottom: 0; } .tc_textquote .container .col6 h3 { margin-bottom: 0.25em; } @media (max-width: 590px) { .tc_textquote .container .col6 h3 { font-size: 1.1em; } } .tc_textquote .container .col6 p { width: 88%; } @media (max-width: 590px) { .tc_textquote .container .col6 p { width: 100%; } } .tc_textquote .container .col6 blockquote { background: none; border: 0; padding: 0; font-size: 1.8em; line-height: 1.1; margin-top: 0.1em; width: 95%; } @media (min-width: 590px) and (max-width: 890px) { .tc_textquote .container .col6 blockquote p { width: 100%; font-size: 0.8em; } } @media (max-width: 590px) { .tc_textquote .container .col6 blockquote p { width: 100%; font-size: 0.825em; } } .tc_textquote .container .col6 + .col6 { border-left: 1px solid rgba(0, 0, 0, 0.4); padding-left: 2em; } @media (max-width: 590px) { .tc_textquote .container .col6 + .col6 { border-left: 0; padding-left: 16px; } } .tc_textquote.white .container .col6 h3 { color: white; } @media (min-width: 590px) and (max-width: 890px) { .tc_textquote.white .container .col6 h3 { font-size: 1.15em; } } @media (max-width: 590px) { .tc_textquote.white .container .col6 h3 { color: black; } } .tc_textquote.white .container .col6 p { color: white; } @media (max-width: 590px) { .tc_textquote.white .container .col6 p { color: black; width: 92%; } } .tc_textquote.white .container .col6 blockquote { color: white; } @media (max-width: 590px) { .tc_textquote.white .container .col6 blockquote { color: black; } } .tc_textquote.white .container .col6 blockquote p { color: white; } @media (max-width: 590px) { .tc_textquote.white .container .col6 blockquote p { color: black; } } /* 02 Logos Strip */ .tc_logos { position: relative; z-index: 10; padding-top: 3.5em; } .tc_logos .col12 h3 { color: black; margin-bottom: 1em; } .tc_logos div.col3 { border-left: rgba(0, 0, 0, 0.3) solid 1px; padding-top: 0; padding-bottom: 0; } @media (max-width: 590px) { .tc_logos div.col3 { margin-left: 16px; } } @media (min-width: 1090px) { .tc_logos div.col3.wide { width: 33%; } } @media (min-width: 1090px) { .tc_logos div.col3.custom { width: 28%; } } .tc_logos div.col3:first-of-type { border-left: 0; } @media (max-width: 590px) { .tc_logos div.col3:first-of-type { border-left: rgba(0, 0, 0, 0.3) solid 1px; } } .tc_logos span { color: black; display: block; margin-bottom: 2em; } .tc_logos img { height: 5em; width: 100%; object-fit: contain; object-position: left; } /* 03 Document Library */ .tc_doclibrary { position: relative; z-index: 10; } .tc_doclibrary .col12 h3 { color: black; margin-bottom: 1em; margin-top: 2.5em; } .tc_doclibrary .col6 { padding-top: 0; padding-right: 0; } @media (max-width: 750px) { .tc_doclibrary .col6 { padding-right: 16px; } } .tc_doclibrary .col6 a { position: relative; padding: 1em 1.5em 2em 2.25em; border-radius: 3px; display: block; background: #F0F3F5; color: black; } .tc_doclibrary .col6 a small { position: relative; z-index: 10; display: block; font-size: 0.75em; margin-bottom: 0.1em; text-transform: uppercase; font-weight: 600; } .tc_doclibrary .col6 a h4 { position: relative; display: block; width: 100%; margin-top: 0.5em; position: relative; z-index: 10; } .tc_doclibrary .col6 a h4::before { content: ""; display: block; position: absolute; right: 0; bottom: 0.3em; width: 0.45em; height: 0.45em; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-135deg); } .tc_doclibrary .col6 a:before { content: ""; background: #252729; position: absolute; z-index: 1; top: 0; left: 0; width: 1.2em; height: 100%; transition: all 0.6s cubic-bezier(0.85, 0, 0.15, 1); border-radius: 3px 0 0 3px; } @media (min-width: 990px) { .tc_doclibrary .col6 a:hover:before { width: 100%; background: rgba(188, 195, 198, 0.25); } } .tc_doclibrary .col6.policies a:before { background: #b8d7e6; } @media (min-width: 990px) { .tc_doclibrary .col6.policies a:hover:before { background: #d6e6ef; } } .tc_doclibrary .col6.policies a:before { background: #b8d7e6; } @media (min-width: 990px) { .tc_doclibrary .col6.policies a:hover:before { background: #d6e6ef; } } .tc_doclibrary .col6.disclosures a:before { background: #7AB488; } @media (min-width: 990px) { .tc_doclibrary .col6.disclosures a:hover:before { background: #dcebe2; } } .tc_doclibrary .col6.reports a:before { background: #d97a8a; } @media (min-width: 990px) { .tc_doclibrary .col6.reports a:hover:before { background: #f1d6da; } } /* 03 Carousel */ .tc_carousel_before { position: relative; top: 2em; z-index: 1; pointer-events: none; opacity: 1; display: block; padding-bottom: 0; } .tc_carousel_before .col12 { padding-bottom: 0; } .tc_carousel_before .col12 h3 { font-weight: 500; } .tc_carousel { position: relative; width: calc(100% + 2 * var(--tc_padding)); margin-left: calc(-1 * var(--tc_padding)); margin-bottom: 2em; } @media (max-width: 590px) { .tc_carousel { border-left: 0; } } .tc_carousel .tc_swiper { padding-left: calc(var(--tc_padding) + 1em); padding-top: 70px; } @media (max-width: 590px) { .tc_carousel .tc_swiper { padding-left: 0; } } .tc_carousel .tc_swiper .swiper-wrapper { align-items: stretch; } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div { display: block; color: black; } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a img, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div img { height: 17em; max-height: 17em; width: 100%; object-fit: cover; object-position: center center; } @media (min-width: 590px) and (max-width: 1190px) { .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a img, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div img { height: 15em; max-height: 15em; } } @media (max-width: 590px) { .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a img, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div img { height: 210px; max-height: 210px; } } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a p, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div p { color: black; font-size: 0.85em; width: 95%; } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a h4, .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide div h4 { color: black; margin-top: 0.4em; font-size: 1em; margin-bottom: 0.35em; } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a { transition: all ease-in-out 0.4s; } .tc_carousel .tc_swiper .swiper-wrapper .swiper-slide a:hover { opacity: 0.5; } .tc_carousel .tc_swiper .swiper-button-prev, .tc_carousel .tc_swiper .swiper-button-next { top: 0px; transform: none; width: 2.25em; height: 2.25em; margin-top: 0; border: 1px black solid; border-radius: 0.2em; } .tc_carousel .tc_swiper .swiper-button-prev:after, .tc_carousel .tc_swiper .swiper-button-next:after { color: black; font-size: 0.7em; font-weight: bold; } .tc_carousel .tc_swiper .swiper-button-prev { right: calc(var(--tc_padding) + 2.8em); left: auto; } .tc_carousel .tc_swiper .swiper-button-next { right: var(--tc_padding); } /* 04 Big Numbers */ .tc_bignumbers { position: relative; z-index: 10; color: rgba(0, 0, 0, 0.75); } .tc_bignumbers .container h3 { font-size: 5.9em; font-weight: 400; line-height: 0.8; } @media (max-width: 590px) { .tc_bignumbers .container h3 { font-size: 5.2em; } } .tc_bignumbers .container div.col4 { padding-top: 0; } @media (max-width: 590px) { .tc_bignumbers .container div.col4 { margin-bottom: 0; padding-bottom: 2em; border-left: none; } } .tc_bignumbers .container div.col4 span { display: block; margin-top: 2em; font-size: 0.9em; } .tc_bignumbers .container div.col4.wide { width: 45%; } .tc_bignumbers .container div.col4 + div.col4 { border-left: rgba(0, 0, 0, 0.3) solid 1px; padding-left: 2em; } @media (max-width: 590px) { .tc_bignumbers .container div.col4 + div.col4 { padding-left: 16px; border-left: none; } } .tc_bignumbers .container div.col4 + div.col4 + div.col4 { border-left: rgba(0, 0, 0, 0.3) solid 1px; padding-left: 2em; } @media (max-width: 590px) { .tc_bignumbers .container div.col4 + div.col4 + div.col4 { padding-left: 16px; padding-bottom: 5em; border-left: none; } } .tc_bignumbers .container .col12 span { background: #F0F3F5; color: #7E8385; padding: 0.5em 0.75em; font-size: 0.8em; font-weight: 500; border-radius: 0.1em; } /* 05 Fund Accordion */ .tc_fundaccordion { position: relative; z-index: 10; color: black; padding-left: 1em; margin-bottom: 3em; } @media (max-width: 890px) { .tc_fundaccordion .offset7.col5 { padding-left: 0; } } .tc_fundaccordion__item { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.25); padding: 1.25em 0 1.2em 0; } .tc_fundaccordion__item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .tc_fundaccordion__item .col7 { padding-top: 0; padding-left: 0; } .tc_fundaccordion__item .col5 { padding-right: 0; } .tc_fundaccordion__item .col2, .tc_fundaccordion__item .col1 { padding-top: 0; } .tc_fundaccordion__item:after { content: ""; display: table; clear: both; height: 1px; width: 100%; } .tc_fundaccordion .tc_target { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; cursor: pointer; } .tc_fundaccordion__eyebrow, .tc_fundaccordion__label { margin: 0 0 0.75em; font-weight: 600; text-transform: uppercase; font-size: 0.9em; } .tc_fundaccordion__label { text-transform: none; } .tc_fundaccordion h2 { margin: 0; font-size: 1.6em; font-weight: 500; } @media (max-width: 890px) { .tc_fundaccordion h2 { width: 80%; display: block; } } .tc_fundaccordion__subtitle { margin: 0.15em 0 0; color: #858585; font-size: 1.25em; } .tc_fundaccordion__status { display: inline-flex; align-items: center; justify-content: center; min-width: 8em; padding: 0.35em 1em; border-radius: 3px; background: #c4e7d8; color: #2f5d3a; white-space: nowrap; } .tc_fundaccordion__action { display: flex; justify-content: flex-end; padding-right: 0; } .tc_fundaccordion__content { display: none; margin-top: 2em; } .tc_fundaccordion__content p { margin: 0 0 1.5em; font-size: 1.1em; line-height: 1.35; } .tc_fundaccordion__details { margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); } .tc_fundaccordion__details div { display: flex; justify-content: space-between; gap: 2em; padding: 0.9em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .tc_fundaccordion__details div:last-child { border-bottom: none !important; } .tc_fundaccordion__details dt, .tc_fundaccordion__details dd { margin: 0; font-weight: 400; } .tc_fundaccordion__details dd { color: #858585; text-align: right; } @media (max-width: 900px) { .tc_fundaccordion__item .col7, .tc_fundaccordion__item .col5, .tc_fundaccordion__item .col2, .tc_fundaccordion__item .col1 { width: 100%; } .tc_fundaccordion__meta { margin-top: 1.5em; } .tc_fundaccordion__action { position: absolute; top: 1.8em; right: 0; width: auto; } .tc_fundaccordion__spacer { display: none; } } @media (max-width: 890px) { .tc_fundaccordion__item .col7, .tc_fundaccordion__item .col5, .tc_fundaccordion__item .col1 { width: 100%; padding-left: 0; } .tc_fundaccordion__item .col2 { width: 50%; padding-left: 0; } .tc_fundaccordion__item div.tc_fundaccordion__meta + div.tc_fundaccordion__meta { text-align: right; padding-right: 8px; } } body.page-id-22 .tc_fundaccordion__status { display: inline-flex; align-items: center; justify-content: center; min-width: 8em; padding: 0.35em 1em; border-radius: 3px; background: #d6e6ef; color: #2b393f; } /* 06 Info Popups */ .tc_infopopups { position: relative; z-index: 10; color: black; margin-bottom: 2em; } .tc_infopopper { position: relative; cursor: pointer; padding-right: 0; padding-bottom: 6em; transition: filter 0.5s ease, opacity 0.5s ease; } @media (min-width: 590px) and (max-width: 890px) { .tc_infopopper { width: 33.3333333333%; } } @media (max-width: 590px) { .tc_infopopper { padding-left: 0; width: 100%; padding-bottom: 8em; } } .tc_infopopper.is-active { filter: none; opacity: 1; } .tc_infopopper.is-muted { filter: none; opacity: 1; } .tc_infopopper.is-placeholder { visibility: hidden; } .tc_infopopper .image_holder { position: relative; background: #F0F3F5; max-height: 17em; } @media (max-width: 590px) { .tc_infopopper .image_holder { max-height: 210px; height: 210px; } } .tc_infopopper .image_holder img.bg { border-radius: 0; display: block; margin: 0; padding: 0; height: 20vw; width: 100%; object-fit: cover; object-position: center center; opacity: 0; } @media (max-width: 590px) { .tc_infopopper .image_holder img.bg { height: 60vw; } } .tc_infopopper .image_holder img.logo { position: absolute; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; } .tc_infopopper .image_holder h4 { padding: 0.5em 0 0.75em 0; font-size: 1.03em; } .tc_infopopper .image_holder p { font-size: 0.925em; } .tc_infopopper .image_holder span.sec, .tc_infopopper .image_holder span.detail { display: block; opacity: 0.5; } .tc_infopopper .image_holder .content_off { position: absolute; z-index: 1; top: 100%; width: 100%; } .tc_infopopper .image_holder .content_off .tc_plus.is-active .icon::before, .tc_infopopper .image_holder .content_off .tc_plus.is-active .icon::after { transform: translate(-50%, -50%) rotate(-45deg); } .tc_infopopper .image_holder .content_off .tc_plus.is-active .icon::after { transform: translate(-50%, -50%) rotate(45deg); } .tc_infopopper .image_holder .content_on { position: absolute; z-index: 5; top: 100%; width: 100%; padding: 1.5em; border-radius: 0 0 3px 3px; background: #252729; color: white; opacity: 0; pointer-events: none; transform: translateY(-0.35em); transition: opacity 0.65s ease-in-out, transform 0.65s ease-in-out; transition-delay: 0s; } .tc_infopopper .image_holder .content_on .head { display: flex; flex-direction: row; } .tc_infopopper .image_holder .content_on .head h4 { width: 88%; padding: 0 0 0.75em 0; } .tc_infopopper .image_holder .content_on .head .tc_plus { filter: invert(1); } .tc_infopopper .image_holder .content_on .head .tc_plus .icon::before, .tc_infopopper .image_holder .content_on .head .tc_plus .icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .tc_infopopper .image_holder .content_on .head .tc_plus .icon::after { transform: translate(-50%, -50%) rotate(45deg) !important; } .tc_infopopup_overlay { position: fixed; inset: 0; z-index: 9990; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); opacity: 0; pointer-events: none; transition: opacity 0.5s ease 0.12s, backdrop-filter 0.5s ease 0.12s, -webkit-backdrop-filter 0.5s ease 0.12s; } .tc_infopopup_overlay.is-visible { opacity: 1; pointer-events: auto; backdrop-filter: blur(0.2em); -webkit-backdrop-filter: blur(0.2em); } .tc_infopopup_portal { position: absolute; z-index: 9991; opacity: 0; pointer-events: none; transform: translateY(0.35em) scale(0.985); transform-origin: top center; transition: opacity 0.4s ease, transform 0.4s ease; } .tc_infopopup_portal.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); } .tc_infopopup_portal .tc_infopopper { width: 100%; cursor: default; filter: none; opacity: 1; background: white; } .tc_infopopup_portal .tc_infopopper.is-active .image_holder img.bg { opacity: 1; } .tc_infopopup_portal .tc_infopopper.is-active .image_holder img.logo { filter: invert(1); } .tc_infopopup_portal .tc_infopopper.is-active .content_on { opacity: 1; pointer-events: auto; transform: translateY(0); transition-delay: 0.2s; } body.tc_infopopup_active { overflow-x: hidden; } /* Team Info Popup Variant */ @media (max-width: 590px) { .tc_team { padding: 16px; } } .tc_team .tc_plus { transform: scale(0.9); transform-origin: left top; } .tc_team .tc_infopopper { /* Important: For team cards we do NOT hide the original card. The overlay blurs it, and the portal image sits above it. */ } .tc_team .tc_infopopper.is-active { filter: none; opacity: 1; } .tc_team .tc_infopopper.is-muted { filter: none; opacity: 1; } .tc_team .tc_infopopper.is-placeholder { visibility: visible; } .tc_team .tc_infopopper .image_holder { position: relative; max-height: 14em; height: 14em; } @media (max-width: 590px) { .tc_team .tc_infopopper .image_holder { max-height: 18em; height: 18em; } } .tc_team .tc_infopopper .image_holder img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; max-height: none; border-radius: 3px 3px 3px 3px; display: block; margin: 0; padding: 0; object-fit: cover; object-position: top; } .tc_team .tc_infopopper .image_holder h4 { padding: 0.5em 0 0.75em 0; font-size: 0.95em; } .tc_infopopup_portal.is-team-portal { background: transparent; } .tc_infopopup_portal.is-team-portal .tc_team_popout { display: flex; align-items: flex-start; width: 100%; } .tc_infopopup_portal.is-team-portal .tc_team_popout__image { flex: 0 0 auto; position: relative; z-index: 2; } .tc_infopopup_portal.is-team-portal .tc_team_popout__image img { display: block; border-radius: 3px 3px 3px 3px; margin: 0; padding: 0; height: 14em; object-fit: cover; width: 100%; object-position: top; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel { position: relative; z-index: 3; flex: 0 0 auto; background: #252729; color: white; border-radius: 3px; padding: 1.5em; opacity: 0; pointer-events: none; transform: translateY(0.35em); transition: opacity 0.45s ease 0.15s, transform 0.45s ease 0.15s; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .content_on { position: static; width: auto; padding: 0; background: transparent; color: inherit; border-radius: 0; opacity: 1; pointer-events: auto; transform: none; transition: none; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head { display: flex; flex-direction: row; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head h4 { width: 88%; padding: 0 0 0.75em 0; font-size: 0.95em; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head h4 span { display: block; opacity: 0.5; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head .tc_plus { position: relative; filter: invert(1); right: -2em; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head .tc_plus .icon::before, .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head .tc_plus .icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .head .tc_plus .icon::after { transform: translate(-50%, -50%) rotate(45deg) !important; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel .bio p { font-size: 0.925em; opacity: 0.9; width: 85%; } .tc_infopopup_portal.is-team-portal.is-visible .tc_team_popout__panel { opacity: 1; pointer-events: auto; transform: translateY(0); } .tc_infopopup_portal.is-team-portal.opens-right { transform-origin: top left; } .tc_infopopup_portal.is-team-portal.opens-right .tc_team_popout { flex-direction: row; } .tc_infopopup_portal.is-team-portal.opens-left { transform-origin: top right; } .tc_infopopup_portal.is-team-portal.opens-left .tc_team_popout { flex-direction: row; } @media (max-width: 600px) { .tc_infopopup_portal.is-team-portal .tc_team_popout { flex-direction: column !important; width: 100%; } .tc_infopopup_portal.is-team-portal .tc_team_popout__image, .tc_infopopup_portal.is-team-portal .tc_team_popout__panel { width: 100% !important; flex-basis: auto !important; } .tc_infopopup_portal.is-team-portal .tc_team_popout__image img { width: 100%; height: auto; border-radius: 3px 3px 0 0; } .tc_infopopup_portal.is-team-portal .tc_team_popout__panel { border-radius: 0 0 3px 3px; } } @media (max-width: 590px) { .tc_team_body { display: none; } } .tc_team_head { padding-bottom: 0; } @media (max-width: 590px) { .tc_team_head { display: none; } } .tc_team_head h3 { color: white; } .tc_team_accordion { position: relative; z-index: 10; color: black; } @media (max-width: 890px) { .tc_team_accordion .col12 { padding-left: 0; padding-right: 0; } } .tc_team_accordion__item { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.35); } .tc_team_accordion__item.management { display: none; } @media (max-width: 590px) { .tc_team_accordion__item.management { display: block; } } .tc_team_accordion__item:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.35); } .tc_team_accordion .col11, .tc_team_accordion .col1 { padding-left: 0; padding-right: 0; } .tc_team_accordion .col1 { padding-top: 0.9em; padding-bottom: 0.65em; } .tc_team_accordion .tc_target { display: flex; align-items: center; width: 100%; cursor: pointer; } @media (max-width: 890px) { .tc_team_accordion .tc_target .col11 { width: 83.3333333333%; } } @media (max-width: 990px) { .tc_team_accordion .tc_target .col1 { width: 16.6666666667%; } } .tc_team_accordion__heading h3 { margin: 0; } .tc_team_accordion__action { display: flex; justify-content: flex-end; align-items: center; } .tc_team_accordion__content { display: none; width: 100%; position: relative; left: -1em; } .tc_team_accordion .tc_infopopups { padding-top: 1em; } .tc_team_accordion .tc_infopopups > .container { margin-left: 0; margin-right: 0; } /* 09 Contact Us */ .tc_contact { position: relative; z-index: 10; color: black; } .tc_contact a { display: block; color: black; padding-bottom: 0.2em; } .tc_contact h2, .tc_contact h3, .tc_contact h4 { margin-bottom: 0.5em; } .tc_contact div.col6 { padding-top: 0; padding-bottom: 0; margin-bottom: 2em; } .tc_contact div.col6 + div.col6 { position: relative; border-left: 1px solid black; padding-left: 2em; left: 0.75em; } /* 01. General Text */ section.content_block_gentext { background: white; padding-bottom: 5vw; padding-top: 4vw; } @media (max-width: 590px) { section.content_block_gentext { padding-top: 5px; } } section.content_block_gentext h3 { font-size: 1.5em; line-height: 1.1; padding-bottom: 0.75em; } @media (max-width: 590px) { section.content_block_gentext .col7 br { display: none; } } section.content_block_gentext .col7 h4 { font-family: "Serif Font"; letter-spacing: -0.015em; word-spacing: 0; } section.content_block_gentext.removepaddingbottom { padding-bottom: 0 !important; } section.content_block_gentext.removepaddingtop { padding-top: 0 !important; } section.content_block_gentext.white { background: white; } section.content_block_gentext.white a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } section.content_block_gentext.white.bulwhite a.founders_btn:nth-of-type(1) { color: #23224C !important; background-image: url("../img/icon_arrowdarkright.svg") !important; mix-blend-mode: normal !important; } section.content_block_gentext.blue { background: #0000ff; } section.content_block_gentext.blue h2, section.content_block_gentext.blue h3, section.content_block_gentext.blue h4, section.content_block_gentext.blue label { color: white; } section.content_block_gentext.blue p, section.content_block_gentext.blue ul li, section.content_block_gentext.blue ol li { color: white; } section.content_block_gentext.blue a.founders_btn { background-color: white; background-image: url("../img/icon_arrowgreenright.svg"); color: #0000ff !important; } section.content_block_gentext.blue a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } section.content_block_gentext.blue.bulblue a.founders_btn:nth-of-type(1), section.content_block_gentext.blue.bulgreen a.founders_btn:nth-of-type(1), section.content_block_gentext.blue.bulpaleblue a.founders_btn:nth-of-type(1), section.content_block_gentext.blue.bulpurple a.founders_btn:nth-of-type(1) { color: white !important; } section.content_block_gentext.blue.bulwhite a.founders_btn:nth-of-type(1) { color: #61a891 !important; background-image: url("../img/icon_arrowgreenright.svg") !important; mix-blend-mode: normal !important; } section.content_block_gentext.blue.buldark a.founders_btn:nth-of-type(1) { color: white !important; } section.content_block_gentext.blue p a, section.content_block_gentext.blue li a, section.content_block_gentext.blue ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } @media (min-width: 900px) { section.content_block_gentext.blue p a:hover, section.content_block_gentext.blue li a:hover, section.content_block_gentext.blue ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } } section.content_block_gentext.blue ul li:before { background-color: rgba(255, 255, 255, 0.5); } section.content_block_gentext.grey { background: #adadad !important; } section.content_block_gentext.grey blockquote { background: white; } section.content_block_gentext.grey table tbody tr td { background: #eceff3; border: 1px solid #adadad !important; } section.content_block_gentext.grey table tbody tr:nth-child(odd) td { background: #f3f5f8; } section.content_block_gentext.dark { background: black; } section.content_block_gentext.dark h2, section.content_block_gentext.dark h3, section.content_block_gentext.dark h4, section.content_block_gentext.dark label { color: white; } section.content_block_gentext.dark p { color: rgba(255, 255, 255, 0.8); } section.content_block_gentext.dark a.founders_btn.isnavy { background-color: white !important; background-image: url("../img/icon_arrowdarkright.svg") !important; color: #23224C !important; mix-blend-mode: normal !important; } section.content_block_gentext.dark.bulwhite a.founders_btn:nth-of-type(1) { color: black !important; } section.content_block_gentext.dark p, section.content_block_gentext.dark li, section.content_block_gentext.dark ol { color: white; } section.content_block_gentext.dark p a, section.content_block_gentext.dark li a, section.content_block_gentext.dark ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } @media (min-width: 900px) { section.content_block_gentext.dark p a:hover, section.content_block_gentext.dark li a:hover, section.content_block_gentext.dark ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } } section.content_block_gentext.dark ul li:before { background-color: rgba(255, 255, 255, 0.5); } section.content_block_gentext.removepaddingbottom.grey, section.content_block_gentext.removepaddingbottom.yellow, section.content_block_gentext.removepaddingbottom.blue, section.content_block_gentext.removepaddingbottom.red, section.content_block_gentext.removepaddingbottom.purple, section.content_block_gentext.removepaddingbottom.dark { padding-bottom: 3vw !important; padding-top: 4vw !important; margin-bottom: 0; } section.content_block_gentext .firstcol h2, section.content_block_gentext .firstcol h3 { width: 85%; } section.content_block_gentext .firstcol img.logo { max-width: 75%; } section.content_block_gentext .firstcol img.blend { mix-blend-mode: multiply; } section.content_block_gentext .firstcol img { margin-top: 7px; margin-left: -7px; margin-bottom: 5vw; width: 30vw; clip-path: polygon(100% 0, 100% calc(100% - 8vw), calc(100% - 8vw) 100%, 0 100%, 0 0); } @media (max-width: 1700px) { section.content_block_gentext .firstcol img { width: 30vw; } } @media (max-width: 590px) { section.content_block_gentext .firstcol img { width: 75%; margin-left: 0px; margin-bottom: 50px; margin-top: 30px; } } section.content_block_gentext .nonbreak { white-space: nowrap; } section.content_block_gentext h3, section.content_block_gentext label { color: #23224C; } section.content_block_gentext h3.beag { font-size: 1.5em; } section.content_block_gentext p, section.content_block_gentext li, section.content_block_gentext ol, section.content_block_gentext em, section.content_block_gentext strong { color: #23224C; } section.content_block_gentext ul, section.content_block_gentext ol { margin-bottom: 1rem; } section.content_block_gentext p a, section.content_block_gentext li a, section.content_block_gentext ol a { color: #1a1a1a; opacity: 0.8; border-bottom: 1px solid #d5d2d2; transition: all ease-in-out 0.2s; } section.content_block_gentext a.founders_btn { margin-top: 20px; transition: all ease-in-out 0.3s; width: auto; display: inline-block; padding-right: 3.9vw; } @media (max-width: 750px) { section.content_block_gentext a.founders_btn { padding-right: 39px !important; } } @media (min-width: 900px) { section.content_block_gentext a.founders_btn:hover { padding-right: 4.3vw; } } @media (max-width: 900px) { section.content_block_gentext a.founders_btn:hover { padding-right: 45px !important; } } /* 02. Grid Text */ .coltext_grid { display: flex; flex-wrap: wrap; background: black; color: white; width: 100%; margin: 0; padding: 0; } .coltext_grid .coltext_block { padding: 1.9vw; width: 33.3333333333%; min-height: 33vw; border-right: 1px solid #3d3d50; border-top: 1px solid #3d3d50; background-size: cover; background-position: center center; position: relative; } .coltext_grid .coltext_block img { clear: both; width: 85%; margin-right: 15%; } .coltext_grid .coltext_block.buttoncolblue { background: #0000ff; } .coltext_grid .coltext_block.buttoncolblue label { color: #0000c2; background: rgba(255, 255, 255, 0.8); } .coltext_grid .coltext_block.buttoncolpurple .founders_btn { background-color: #75629b; } .coltext_grid .coltext_block.buttoncolgreen .founders_btn { background-color: #61a891; } @media (max-width: 990px) { .coltext_grid .coltext_block { padding: 20px; } } @media (max-width: 790px) { .coltext_grid .coltext_block { width: 50%; min-height: 50vw; } } @media (max-width: 550px) { .coltext_grid .coltext_block { width: 100%; min-height: 100vw; padding: 18px; } } .coltext_grid .coltext_block:after, .coltext_grid .coltext_block:before { content: ""; position: absolute; z-index: 2; left: 0; bottom: -1px; height: 1px; width: 100%; background: #000000; } .coltext_grid .coltext_block:after { left: 0px; bottom: 0px; height: 100%; width: 1px; } .coltext_grid .coltext_block label { position: relative; z-index: 10; display: inline-block; background: rgba(255, 255, 255, 0.6); color: black; font-weight: 700; font-size: 0.6em; text-transform: uppercase; padding: 0.15vw 0.5vw 0.12vw 0.5vw; margin-bottom: 3vw; border-radius: 3px; } @media (max-width: 1000px) { .coltext_grid .coltext_block label { padding: 2px 8px 1px 8px; font-size: 10px; border-radius: 2px; margin-bottom: 20px; } } @media (max-width: 590px) { .coltext_grid .coltext_block label { padding: 1px 6px; font-size: 9px; margin-bottom: 20px; } } .coltext_grid .coltext_block .btn { position: relative; z-index: 13; } .coltext_grid .coltext_block h3 { position: relative; z-index: 11; font-size: 1.6em; line-height: 1; text-transform: uppercase; } .coltext_grid .coltext_block h3 span { opacity: 0.5; } .coltext_grid .coltext_block.hasbutton h3 { font-size: 1.4em; padding-top: 5%; } .coltext_grid .coltext_block.hasbutton h3 span { font-weight: 600; } .coltext_grid .coltext_block p { position: relative; z-index: 12; font-size: 0.9em; font-family: "sans", sans-serif; color: rgba(255, 255, 255, 0.8); } .coltext_grid .coltext_block p strong { color: white; } .coltext_grid .coltext_block.fill { flex-grow: 1; } .coltext_grid .coltext_block .darker { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 43%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* 05. FAQ */ .content_block_faq { background: white; } .content_block_faq.addpaddingtop { padding-top: 5vw; } .content_block_faq.addpaddingbottom { padding-bottom: 4vw; } .content_block_faq.blockisgrey { background: #f9f9fb; } .content_block_faq.blockisblue { background: blue; } .content_block_faq.blockisblue .container { filter: invert(1); } .content_block_faq.blockisblue .container .expander_block_question { border-top: 1px solid rgba(0, 0, 0, 0.3); } .content_block_faq.blockisblack { background: black; } .content_block_faq.blockisblack .container { filter: invert(1); } .content_block_faq .container { display: flex; flex-wrap: wrap; } .content_block_faq .container .col6 { position: relative; } .content_block_faq .container .col6 h2 { top: 5vw; left: 0; position: sticky; letter-spacing: -0.06em; line-height: 0.8 !important; } .content_block_faq .container .col6 ol { list-style-type: decimal; list-style-position: outside; margin: 1.25em 0 1.25em 1em; padding-left: 0.25em; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } .content_block_faq .container .col6 ol li { margin-bottom: 0.5em; padding-left: 0; } .content_block_faq .container .col6 ol ol { margin-top: 0.5em; margin-bottom: 0.5em; list-style-type: lower-alpha; } .content_block_faq .container .col6 ol ol ol { list-style-type: lower-roman; } .content_block_faq .container .col6 ul { list-style: none; margin: 0; padding-left: 0; } .content_block_faq .container .col6 ul > li { position: relative; padding-left: 0.8em; margin-bottom: 0.2em; } .content_block_faq .container .col6 ul > li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 0.3em; height: 0.3em; background-color: #0000ff; transform: translateY(-50%); } .content_block_faq.blockispaleblue .container .col6 h2 { color: #0000ff; } .content_block_faq.blockispaleblue .container .col6 .expander .expander_block_question { border-top: 1px solid #0000ff; color: #0000ff; } .content_block_faq.blockisgreen .container .col6 h2 { color: #61a891; } .content_block_faq.blockisgreen .container .col6 .expander .expander_block_question { border-top: 1px solid #61a891; color: #61a891; } .content_block_faq.blockispurple .container .col6 h2 { color: #75629b; } .content_block_faq.blockispurple .container .col6 .expander .expander_block_question { border-top: 1px solid #75629b; color: #75629b; } .content_block_faq.blockisnavy .container .col6 h2 { color: #23224C; } .content_block_faq.blockisnavy .container .col6 .expander .expander_block_question { border-top: 1px solid #23224C; color: #23224C; } .content_block_faq.blockisnavy .container .col6 .expander .expander_block_question span { filter: hue-rotate(0deg) saturate(0.5) brightness(0.25); } /* 00. Expander */ .expander-group { margin-top: -1px; background: transparent; margin-top: 1.8vw !important; margin-bottom: 1.8vw !important; } @media (min-width: 1790px) { .expander-group { margin-top: 32.4px !important; margin-bottom: 32.4px !important; } } @media (max-width: 1290px) { .expander-group { margin-top: 23.22px !important; margin-bottom: 23.22px !important; } } .expander-group h3.ui-accordion-header { color: black; } .expander-group hr { border-bottom: 1px solid #000; border-top: none; opacity: 1; margin: 22px 0 0 0; clear: both; } @media (max-width: 1050px) { .expander-group hr { margin: 12px 0 0 0; } } .expander-group div.expander, .expander-group div.expander-open { margin-top: -1px; padding-top: 0; } .expander-group div.expander hr, .expander-group div.expander-open hr { background: none; } .expander-group div.expander h3, .expander-group div.expander-open h3 { cursor: pointer; padding-bottom: 0; transition: 0.1s ease-in-out; margin-bottom: 0; padding-top: 25px; user-select: none; } .expander-group div.expander h3 i, .expander-group div.expander-open h3 i { font-style: normal; padding-right: 35px; display: inline-block; } @media (max-width: 1050px) { .expander-group div.expander h3, .expander-group div.expander-open h3 { padding-top: 12px; } } .expander-group div.expander h3:first-of-type, .expander-group div.expander-open h3:first-of-type { border-top: 1px solid #000; } .expander-group div.expander h3.ui-state-active, .expander-group div.expander-open h3.ui-state-active { border-bottom: 0; transition: 0.1s ease-in-out; } .expander-group div.expander h3.ui-state-active hr, .expander-group div.expander-open h3.ui-state-active hr { opacity: 0; } .expander-group div.expander h3.ui-state-active span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-state-active span.ui-accordion-header-icon { transform: rotate(45deg); } .expander-group div.expander h3.ui-accordion-header, .expander-group div.expander-open h3.ui-accordion-header { font-weight: normal; position: relative; outline: none; } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 36px; width: 36px; position: absolute; right: 0px; top: 19px; transition: 0.1s ease-in-out; background-image: none !important; } @media (min-width: 1690px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { top: 30px; } } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 30px; width: 30px; top: 11px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 28px; width: 28px; top: 10px; } } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { content: ""; position: absolute; top: 0; left: 17px; height: 100%; width: 2px; background: black; } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { left: 14px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { left: 13px; } } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 17px; left: 0px; height: 2px; width: 100%; } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 14px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 13px; } } .expander-group div.expander h3 span.ui-accordion-header-icon, .expander-group div.expander-open h3 span.ui-accordion-header-icon { height: 35px; width: 35px; position: absolute; right: 20px; transition: 0.1s ease-in-out; } @media (max-width: 500px) { .expander-group div.expander h3 span.ui-accordion-header-icon, .expander-group div.expander-open h3 span.ui-accordion-header-icon { height: 28px; width: 28px; } } .expander-group div.expander div.ui-accordion-content, .expander-group div.expander-open div.ui-accordion-content { z-index: -1; margin-top: 0px !important; } @media (max-width: 1290px) { .expander-group div.expander div.ui-accordion-content div.col_5, .expander-group div.expander-open div.ui-accordion-content div.col_5 { margin-left: 42%; width: 50%; } } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content div.col_5, .expander-group div.expander-open div.ui-accordion-content div.col_5 { margin-left: 0%; width: 90%; } } .expander-group div.expander div.ui-accordion-content div.col_5 h3, .expander-group div.expander-open div.ui-accordion-content div.col_5 h3 { font-size: 25px; } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content div.col_5 h3, .expander-group div.expander-open div.ui-accordion-content div.col_5 h3 { font-size: 24px; } } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content, .expander-group div.expander-open div.ui-accordion-content { margin-top: 0px !important; } } .expander-group div.expander div.ui-accordion-content div.expander-content, .expander-group div.expander-open div.ui-accordion-content div.expander-content { margin-bottom: 35px; } .expander-group div.expander div.ui-accordion-content hr, .expander-group div.expander-open div.ui-accordion-content hr { border-bottom: none; opacity: 1; clear: both; } .expander-group div.expander div.ui-accordion-content h3 span.dob, .expander-group div.expander-open div.ui-accordion-content h3 span.dob { font-weight: normal; margin-left: 6px; } .expander-group div.expander div.ui-accordion-content-active hr, .expander-group div.expander-open div.ui-accordion-content-active hr { border-bottom: 1px solid #000; } body.logged-in { padding-bottom: 32px !important; } .temporis_social { float: right; text-align: right; } @media (max-width: 590px) { .temporis_social { float: left; width: 100%; text-align: left; padding-top: 0; padding-bottom: 60px; padding-left: 0; margin: 0; } } .temporis_social li { display: inline-block; margin-left: 0.5em; padding-top: 0; } @media (max-width: 590px) { .temporis_social li { margin-right: 5px; } .temporis_social li:nth-of-type(1) { margin-left: 0; padding-left: 0; } } .temporis_social li:before { display: none; } .temporis_social li a { display: block; height: 2em; width: 2em; background: white; overflow: hidden; border-radius: 0.1em; opacity: 0.5; transition: all ease-in-out 0.4s; } .temporis_social li a img { height: 1.7em; width: 1.7em; margin: 0.15em; opacity: 0.85; } .temporis_social li a:hover { opacity: 1; } body.page-id-2 footer { position: relative; z-index: 20; } footer { position: relative; z-index: 300; padding-top: 1em; color: white; background: #252729; height: 20vw; } footer .email { margin-top: -4px; } footer .email h4 a { color: white; line-height: 1.7; transition: all ease-in-out 0.25s; opacity: 1; } footer .email h4 a:hover { opacity: 0.4; } footer .links { font-size: 0.85em; } footer .links ul { padding: 0; margin: 0; columns: 2; margin-bottom: 4em; } @media (max-width: 590px) { footer .links ul { columns: 1; } } footer .links ul a { color: white; line-height: 1.7; transition: all ease-in-out 0.25s; opacity: 1; white-space: nowrap; } footer .links ul a:hover { opacity: 0.4; } footer .links p { opacity: 0.4; margin-bottom: 2em; } @media (max-width: 590px) { footer .links p { margin-bottom: 0; } } @media (min-width: 590px) and (max-width: 890px) { footer .col1 { position: absolute; bottom: -54px; left: 1.7em; } } .grecaptcha-badge { bottom: 44px !important; } .tc-disclaimer { position: fixed; inset: 0; z-index: 9999; display: none; } .tc-disclaimer.is-active { display: block; } .tc-disclaimer__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); } .tc-disclaimer__dialog { position: relative; z-index: 1; width: calc(100% - 40px); max-width: 700px; max-height: calc(100vh - 4em); margin: 2em auto 2em auto; background: #252729; color: white; overflow: hidden; border-radius: 5px; } @media (max-width: 590px) { .tc-disclaimer__dialog { max-height: calc(100vh - 100px); } } .tc-disclaimer__content { padding: 40px 20px 40px 40px; } @media (max-width: 590px) { .tc-disclaimer__content { padding: 30px 20px; } } .tc-disclaimer__scroll { max-height: calc(100vh - 12em); overflow-y: auto; padding-right: 60px; } @media (max-width: 590px) { .tc-disclaimer__scroll { padding-right: 36px; max-height: calc(100vh - 275px); } } .tc-disclaimer__scroll h3 { margin: 0 0 0.25em; font-size: 1.45em; } @media (max-width: 590px) { .tc-disclaimer__scroll h3 { font-size: 1.35em; } } .tc-disclaimer__scroll h4 { font-size: 1em; margin-top: 1em; margin-bottom: -0.25em; } .tc-disclaimer__scroll p, .tc-disclaimer__scroll li { margin-bottom: 0.1em; font-size: 0.85em; color: rgba(255, 255, 255, 0.7); } .tc-disclaimer__scroll p:before, .tc-disclaimer__scroll li:before { background-color: white !important; opacity: 0.5; } .tc-disclaimer__scroll p { margin-top: 1em; color: rgba(255, 255, 255, 0.7); } .tc-disclaimer__warning { margin-top: -40px; padding: 16px; background: #dec9c9; color: #252729; position: relative; z-index: 10; border-radius: 3px; margin-bottom: 20px; } .tc-disclaimer__warning p { margin: 0; font-size: 0.85em; opacity: 0.8; } .tc-disclaimer__warning:after { content: ""; position: absolute; bottom: 100%; left: 0; width: 50%; height: 100px; pointer-events: none; background: linear-gradient(to top, #252729 0, #252729 38px, rgba(37, 39, 41, 0) 100%); } @media (max-width: 590px) { .tc-disclaimer__warning:after { width: calc(100% - 40px); } } .tc-disclaimer__actions { position: relative; display: flex; gap: 12px; margin-top: 3px; } @media (max-width: 600px) { .tc-disclaimer__actions { flex-direction: column; } } .tc-disclaimer__actions:after { content: ""; position: absolute; bottom: 100%; left: 0; width: calc(100% - 50px); height: 100px; pointer-events: none; background: linear-gradient(to top, #252729 0, #252729 38px, rgba(37, 39, 41, 0) 100%); } @media (max-width: 590px) { .tc-disclaimer__actions:after { width: calc(100% - 40px); } } .tc-disclaimer__button { filter: invert(1); cursor: pointer; border: 1px solid currentColor; box-sizing: border-box; background: transparent; padding: 12px 24px; font-size: 0.9em; font-family: inherit; } .tc-disclaimer__button:hover { border: 1px solid black; } @media (max-width: 590px) { .tc-disclaimer__button { width: 100%; padding: 10px 12px; } } .tc-disclaimer__button--accept { background: black; color: #fff; border: 1px solid black; } .tc-disclaimer__button--accept:hover { border: 1px solid black; } .tc-disclaimer__close { position: absolute; top: 39px; right: 34px; z-index: 2; width: 45px; height: 45px; border: 0; background: transparent; cursor: pointer; border: 1px solid white; border-radius: 100px; } @media (max-width: 590px) { .tc-disclaimer__close { top: 25px; right: 22px; transform: scale(0.75); } } .tc-disclaimer__close span, .tc-disclaimer__close span::before { position: absolute; top: calc(50% - 1px); left: calc(50% - 9px); width: 18px; height: 2px; background: white; content: ""; } .tc-disclaimer__close span { transform: rotate(45deg); } .tc-disclaimer__close span::before { top: 0; left: 0; transform: rotate(90deg); } body.tc-disclaimer-is-active { overflow: hidden; } header, .sections { opacity: 0; animation: tcSimpleFadeIn 2000ms ease forwards; will-change: opacity; } @media (max-width: 590px) { header .col4, .sections .col4 { width: 20%; } } @media (max-width: 590px) { header .col8, .sections .col8 { width: 80%; } } @keyframes tcSimpleFadeIn { from { opacity: 0; } to { opacity: 1; } } header { position: relative; z-index: 20; padding-top: 0.5em; } header .logo svg { width: 10em; } @media (max-width: 590px) { header .logo svg { width: 8.75em; } } header .logo span { position: absolute; left: -9999px; top: -900px; font-weight: 600; letter-spacing: -0.01em; font-size: 1.1em; color: white; } header .logo xxsvg g { transform-box: fill-box; transform-origin: center; animation: tc-logo-rotate 50s ease-in-out infinite; animation-delay: 5s; } @keyframes tc-logo-rotate { 0% { transform: rotate(0deg); } /* Rotate clockwise to 180deg over 6s */ 12% { transform: rotate(180deg); } /* Hold at 180deg */ 50% { transform: rotate(180deg); } /* Rotate clockwise to 360deg over 6s */ 62% { transform: rotate(360deg); } /* Hold at 360deg, visually same as 0deg */ 100% { transform: rotate(360deg); } } .darkening { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); overflow: hidden; } .darkening:before, .darkening:after { content: ""; position: absolute; z-index: 1; height: 50%; width: 200vw; top: 0; left: 0; } .darkening:before { background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 ); opacity: 0.7; height: 81%; top: -15%; } .darkening:after { top: auto; background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1); opacity: 0.85; transform: rotate(12deg); height: 108%; left: -83%; bottom: -17%; } .video-container { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: auto; opacity: 0; animation: fadeyIn 2s ease-in-out 1s forwards; /* 2s duration, starts after 1s delay */ /* Keyframes for fade-in effect */ } @keyframes fadeyIn { from { opacity: 0; } to { opacity: 1; } } .video-container img { display: none; width: 100%; height: 100%; min-height: 100%; min-width: 100%; object-fit: cover; object-position: center center; } .video-container video { width: 100%; height: 100%; min-height: 100%; min-width: 100%; object-fit: cover; object-position: center center; } .isinner .video-container { animation: fadeyIn 0.3s ease-in-out 0s forwards; /* 2s duration, starts after 1s delay */ } @media (min-width: 1000px) { body.page-id-21 .leadpara, body.page-id-22 .leadpara { padding-left: 7em; } } body.page-template-01_homepage { background-image: url(/wp-content/themes/temporis_theme/assets/img/temporis_homepage_bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 590px) { body.page-template-01_homepage { background-size: contain !important; background-image: url(/wp-content/themes/temporis_theme/assets/img/mobile_bg.jpg) !important; } } body.page-template-01_homepage div.herobox:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-image: url(/wp-content/themes/temporis_theme/assets/img/temporis_side_B.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.6; border-radius: var(--tc_radius); overflow: hidden; } @media (max-width: 590px) { body.page-template-01_homepage div.herobox:after { border-radius: 5px; } } body.page-template-01_homepage div.herobox + div.herobox:after { background-image: url(/wp-content/themes/temporis_theme/assets/img/temporis_side_A.jpg); } body.page-template-01_homepage .col12.tc_circles { position: relative; z-index: 2; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-left: 5%; margin-right: 5%; width: 90%; will-change: transform; transform: translate3d(0, 0, 0); } @media (max-width: 590px) { body.page-template-01_homepage .col12.tc_circles { margin-left: 1%; margin-right: 1%; width: 98%; top: 7vw; } } body.page-template-01_homepage .col12.tc_circles .leftbox, body.page-template-01_homepage .col12.tc_circles .rightbox { position: absolute; width: 54%; padding-bottom: 54%; box-sizing: border-box; border-radius: 3000px; } body.page-template-01_homepage .col12.tc_circles .leftbox { left: 0; overflow: hidden; border: none; opacity: 1; transform: scale(0.99); transform-origin: center center; will-change: opacity, transform; } body.page-template-01_homepage .col12.tc_circles .leftbox img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 1; transform: scale(1); transform-origin: center center; will-change: opacity, transform; } body.page-template-01_homepage .col12.tc_circles .rightbox { right: 0; opacity: 1; transform: rotate(0deg); transform-origin: center center; will-change: transform; } body.page-template-01_homepage .col12.tc_circles .rightbox svg { position: absolute; right: 0; top: 0; height: 100%; width: auto; opacity: 1; transform: none; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > * { opacity: 0.1; transform: scale(0.985); transform-origin: center center; will-change: opacity, transform; } body.page-template-01_homepage .tc_banner { position: relative; z-index: 10; overflow: hidden; } body.page-template-01_homepage .tc_banner:after { content: ""; position: absolute; z-index: 5; left: 0; bottom: -9vw; height: 250vh; width: 100%; background-image: url(/wp-content/themes/temporis_theme/assets/img/temporis_footer_flare.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain; } body.page-template-01_homepage .herotext { position: relative; z-index: 20; display: flex; height: 60vh; justify-content: center; align-items: center; opacity: 1; transform: translateY(0px); } @media screen and (min-width: 1660px) and (max-height: 775px) { body.page-template-01_homepage .herotext { height: 380px; } } @media screen and (min-width: 1660px) and (max-height: 690px) { body.page-template-01_homepage .herotext { height: 300px; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/780) { body.page-template-01_homepage .herotext { height: 50vh; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/650) { body.page-template-01_homepage .herotext { height: 42vh; } } @media (max-width: 590px) { body.page-template-01_homepage .herotext { margin-top: -7vw; height: 77vw; } } body.page-template-01_homepage .herotext h2 { font-size: 6em; padding-bottom: 0em; } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/780) { body.page-template-01_homepage .herotext h2 { font-size: 7vw; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/650) { body.page-template-01_homepage .herotext h2 { font-size: 6.5vw; margin-top: -6vh; } } @media (max-width: 900px) { body.page-template-01_homepage .herotext h2 { font-size: 6.5vw; } } @media (max-width: 590px) { body.page-template-01_homepage .herotext h2 { font-size: 9.25vw; white-space: nowrap; } } body.page-template-01_homepage .herotext { position: relative; z-index: 20; display: flex; height: 55vh; justify-content: center; align-items: center; opacity: 1; transform: translateY(0px); } @media screen and (min-width: 1660px) and (min-height: 691px) and (max-height: 850px) { body.page-template-01_homepage .herotext { height: 50vh !important; } } @media screen and (min-width: 1660px) and (max-height: 760px) { body.page-template-01_homepage .herotext { height: 46vh !important; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/850) and (max-aspect-ratio: 1659/691) { body.page-template-01_homepage .herotext { height: calc(57vh - 4vw) !important; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/690) { body.page-template-01_homepage .herotext { height: 42vh !important; } } @media (max-width: 590px) { body.page-template-01_homepage .herotext { margin-top: -7vw; height: 77vw !important; } } body.page-template-01_homepage .herotext h2 { font-size: 6em; padding-bottom: 0em; } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/780) { body.page-template-01_homepage .herotext h2 { font-size: 7vw; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/650) { body.page-template-01_homepage .herotext h2 { font-size: 6.5vw; margin-top: -6vh; } } @media (max-width: 900px) { body.page-template-01_homepage .herotext h2 { font-size: 6.5vw; } } @media (max-width: 590px) { body.page-template-01_homepage .herotext h2 { font-size: 9.25vw; white-space: nowrap; } } body.page-template-01_homepage div.herobox { position: relative; z-index: 10; background-color: rgba(255, 255, 255, 0); border-radius: var(--tc_radius); padding: 1.8em 1.8em 2em 1.8em; width: calc(50% - 0.6em); margin-bottom: 3.2em; filter: brightness(1); transition: all ease-in-out 1s; } @media (max-width: 890px) { body.page-template-01_homepage div.herobox { padding: 20px 20px 20px 22px; } } @media (max-width: 590px) { body.page-template-01_homepage div.herobox { width: calc(100% - 0.6em); padding: 16px 16px 20px 18px; border-radius: 8px; width: 100%; overflow: hidden; border-radius: 3px; } } @media (min-width: 1000px) { body.page-template-01_homepage div.herobox:hover { cursor: pointer; filter: brightness(1.2); } body.page-template-01_homepage div.herobox:hover .tc_plus { background: #fff; border-color: #fff !important; } body.page-template-01_homepage div.herobox:hover .tc_plus .icon::before, body.page-template-01_homepage div.herobox:hover .tc_plus .icon::after { background: #000; transform: translate(-50%, -50%) rotate(180deg); transition: transform 0.75s ease, background 0.75s ease; } body.page-template-01_homepage div.herobox:hover .tc_plus .icon::after { background: #000; transform: translate(-50%, -50%) rotate(270deg); } } @media (max-width: 590px) { body.page-template-01_homepage div.herobox:first-child { margin-bottom: 16px; } } body.page-template-01_homepage div.herobox + div.herobox { margin-left: 1.2em; } @media (max-width: 590px) { body.page-template-01_homepage div.herobox + div.herobox { margin-left: 0; } } body.page-template-01_homepage div.herobox a { position: relative; z-index: 20; display: flex; flex-direction: row; color: white; } @media (max-width: 890px) { body.page-template-01_homepage div.herobox a { flex-direction: column; } } body.page-template-01_homepage div.herobox a h3 { display: block; width: 40%; } @media (max-width: 890px) { body.page-template-01_homepage div.herobox a h3 { font-size: 1.4em; width: 100%; margin-bottom: 10px; } } body.page-template-01_homepage div.herobox a p { display: block; width: 50%; padding-right: 1em; font-size: 0.95em; } @media (max-width: 890px) { body.page-template-01_homepage div.herobox a p { width: 80%; font-size: 0.75em; } } @media (max-width: 590px) { body.page-template-01_homepage div.herobox a p { font-size: 0.95em; } } body.page-template-01_homepage div.herobox a .tc_plus { position: relative; right: -0.6em; top: -0.1em; float: right; width: 3em; height: 3em; transform-origin: top right; transform: scale(0.7); } @media (max-width: 890px) { body.page-template-01_homepage div.herobox a .tc_plus { position: absolute; top: 16px; right: 16px; } } @media (max-width: 590px) { body.page-template-01_homepage div.herobox a .tc_plus { top: -1px; right: -2px; } } body.page-template-01_homepage .heroline { position: relative; z-index: 10; top: -2em; font-size: 1.1em; vertical-align: center; display: flex; align-items: center; justify-content: left; opacity: 1; transform: translateY(0px); will-change: opacity, transform; } @media (max-width: 890px) { body.page-template-01_homepage .heroline { width: 33.3333333333%; font-size: 0.9em; } } @media (max-width: 590px) { body.page-template-01_homepage .heroline { width: 33.3333333333%; flex-direction: column; align-items: start; padding-right: 0; font-size: 0.85em; color: rgba(255, 255, 255, 0.7); } } @media (max-width: 590px) { body.page-template-01_homepage .heroline svg { margin-bottom: 11px; transform: scale(1.2) !important; transform-origin: bottom left; left: 3px; } } body.page-template-01_homepage .heroline.founder { position: relative; } @media (max-width: 590px) { body.page-template-01_homepage .heroline.founder { padding-left: 16px; padding-bottom: 0; } } body.page-template-01_homepage .heroline.founder:after { content: ""; position: absolute; background: white; width: 1px; height: 60%; top: 20%; right: 0; } @media (max-width: 590px) { body.page-template-01_homepage .heroline.founder:after { display: none; } } body.page-template-01_homepage .heroline.founder svg { overflow: visible; transform-box: fill-box; transform-origin: center; transition: transform 0.2s ease; width: 2em; height: 2em; margin-right: 1em; } body.page-template-01_homepage .heroline.founder svg path { transform-box: fill-box; transform-origin: center; } body.page-template-01_homepage .heroline.community { position: relative; padding-left: 2em; } @media (max-width: 590px) { body.page-template-01_homepage .heroline.community { padding-left: 19px; padding-bottom: 0; } } body.page-template-01_homepage .heroline.community:after { content: ""; position: absolute; background: white; width: 1px; height: 60%; top: 20%; right: 0; } @media (max-width: 590px) { body.page-template-01_homepage .heroline.community:after { display: none; } } body.page-template-01_homepage .heroline.community svg { overflow: visible; transform-box: fill-box; width: 1.9em; height: 1.9em; margin-right: 1em; } body.page-template-01_homepage .heroline.community svg path { transform-box: fill-box; transform-origin: bottom center; } body.page-template-01_homepage .heroline.market { padding-left: 2em; } @media (max-width: 590px) { body.page-template-01_homepage .heroline.market { padding-left: 13px; padding-bottom: 0; } } body.page-template-01_homepage .heroline.market svg { overflow: visible; transform-box: fill-box; width: 1.9em; height: 1.9em; margin-right: 1em; } body.page-template-01_homepage .heroline.market svg path { transform-box: fill-box; transform-origin: bottom center; } body.page-template-01_homepage .sections { position: relative; z-index: 20; } body.page-template-01_homepage .col12.tc_circles .rightbox { transform: rotate(10deg); animation: tcCircleSvgRotateIn 8600ms cubic-bezier(0.16, 1, 0.3, 1) 960ms forwards; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > * { opacity: 0; animation: tcSvgElementFadeIn 7800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(1) { animation-delay: 960ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(2) { animation-delay: 1080ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(3) { animation-delay: 1200ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(4) { animation-delay: 1320ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(5) { animation-delay: 1540ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(6) { animation-delay: 1760ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(7) { animation-delay: 1980ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(8) { animation-delay: 2100ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(9) { animation: tcSvgElementFadeIn 8000ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2320ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(10) { animation: tcSvgElementFadeIn 8300ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2540ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(11) { animation: tcSvgElementFadeIn 8800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2760ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(12) { animation: tcSvgElementFadeIn 9200ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 3080ms; } body.page-template-01_homepage .col12.tc_circles .rightbox svg > *:nth-child(13) { animation: tcSvgElementFadeIn 9900ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 3100ms; } @keyframes tcCircleSvgRotateIn { from { transform: rotate(10deg); } to { transform: rotate(0deg); } } @keyframes tcSvgElementFadeIn { from { opacity: 0; transform: scale(0.985); } to { opacity: 0.1; transform: scale(1); } } @keyframes tcCircleSvgIn { from { opacity: 0; transform: rotate(10deg); } to { opacity: 1; transform: rotate(0deg); } } body.page-template-01_homepage.anim { /* * Animations */ } body.page-template-01_homepage.anim .herotext { position: relative; z-index: 20; display: flex; height: 55vh; justify-content: center; align-items: center; opacity: 1; transform: translateY(0px); } @media screen and (min-width: 1660px) and (max-height: 775px) { body.page-template-01_homepage.anim .herotext { height: 380px; } } @media screen and (min-width: 1660px) and (max-height: 690px) { body.page-template-01_homepage.anim .herotext { height: 300px; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/780) { body.page-template-01_homepage.anim .herotext { height: 50vh; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/650) { body.page-template-01_homepage.anim .herotext { height: 42vh; } } @media (max-width: 590px) { body.page-template-01_homepage.anim .herotext { margin-top: -7vw; height: 77vw; } } body.page-template-01_homepage.anim .herotext h2 { font-size: 6em; padding-bottom: 0em; } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/780) { body.page-template-01_homepage.anim .herotext h2 { font-size: 7vw; } } @media screen and (min-width: 1001px) and (max-width: 1659px) and (min-aspect-ratio: 1660/650) { body.page-template-01_homepage.anim .herotext h2 { font-size: 6.5vw; margin-top: -6vh; } } @media (max-width: 900px) { body.page-template-01_homepage.anim .herotext h2 { font-size: 6.5vw; } } @media (max-width: 590px) { body.page-template-01_homepage.anim .herotext h2 { font-size: 9.25vw; white-space: nowrap; } } body.page-template-01_homepage.anim .col12.tc_circles .leftbox { opacity: 0; animation: tcCircleImageIn 1800ms cubic-bezier(0.16, 1, 0.3, 1) 880ms forwards; will-change: opacity, transform; } body.page-template-01_homepage.anim .col12.tc_circles .leftbox img { animation: tcCircleImageZoom 7400ms cubic-bezier(0.16, 1, 0.3, 1) 880ms forwards; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox { transform: rotate(10deg); animation: tcCircleSvgRotateIn 8600ms cubic-bezier(0.16, 1, 0.3, 1) 960ms forwards; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > * { opacity: 0; animation: tcSvgElementFadeIn 7800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(1) { animation-delay: 960ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(2) { animation-delay: 1080ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(3) { animation-delay: 1200ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(4) { animation-delay: 1320ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(5) { animation-delay: 1540ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(6) { animation-delay: 1760ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(7) { animation-delay: 1980ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(8) { animation-delay: 2100ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(9) { animation: tcSvgElementFadeIn 8000ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2320ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(10) { animation: tcSvgElementFadeIn 8300ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2540ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(11) { animation: tcSvgElementFadeIn 8800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 2760ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(12) { animation: tcSvgElementFadeIn 9200ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 3080ms; } body.page-template-01_homepage.anim .col12.tc_circles .rightbox svg > *:nth-child(13) { animation: tcSvgElementFadeIn 9900ms cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 3100ms; } @keyframes tcCircleSvgRotateIn { from { transform: rotate(10deg); } to { transform: rotate(0deg); } } @keyframes tcSvgElementFadeIn { from { opacity: 0; transform: scale(0.985); } to { opacity: 0.1; transform: scale(1); } } @keyframes tcCircleImageIn { from { opacity: 0; transform: scale(0.99); } to { opacity: 0.9; transform: scale(1); } } @keyframes tcCircleImageZoom { from { opacity: 0; transform: scale(1); } to { opacity: 1; transform: scale(1.1); } } @keyframes tcCircleSvgIn { from { opacity: 0; transform: rotate(10deg); } to { opacity: 1; transform: rotate(0deg); } } body.page-template-01_homepage.anim .herotext { opacity: 0; animation: tcBannerContentIn 1800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; } body.page-template-01_homepage.anim .heroline { opacity: 0; animation: tcBannerContentIn 2800ms cubic-bezier(0.16, 1, 0.3, 1) forwards; } body.page-template-01_homepage.anim .heroline.founder:hover svg { animation: founder-rotate 0.7s ease-in-out; } body.page-template-01_homepage.anim .heroline.founder:hover svg path:nth-child(1) { animation: founder-bottom 0.7s ease-in-out; } body.page-template-01_homepage.anim .heroline.founder:hover svg path:nth-child(2) { animation: founder-left 0.7s ease-in-out; } body.page-template-01_homepage.anim .heroline.founder:hover svg path:nth-child(3) { animation: founder-top 0.7s ease-in-out; } body.page-template-01_homepage.anim .heroline.founder:hover svg path:nth-child(4) { animation: founder-right 0.7s ease-in-out; } @keyframes founder-rotate { to { transform: rotate(180deg); } } @keyframes founder-top { 50% { transform: translateY(-4px); } } @keyframes founder-right { 50% { transform: translateX(4px); } } @keyframes founder-bottom { 50% { transform: translateY(4px); } } @keyframes founder-left { 50% { transform: translateX(-4px); } } body.page-template-01_homepage.anim .heroline.community svg { overflow: visible; transform-box: fill-box; width: 1.9em; height: 1.9em; margin-right: 1em; } body.page-template-01_homepage.anim .heroline.community svg path { transform-box: fill-box; transform-origin: bottom center; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(1) { animation: bar-rise 0.55s ease-in-out 0s; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(3) { animation: bar-rise 0.55s ease-in-out 0.08s; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(2) { animation: bar-rise 0.55s ease-in-out 0.16s; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(6) { animation: circle-rise 0.55s ease-in-out 0s; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(4) { animation: circle-rise 0.55s ease-in-out 0.08s; } body.page-template-01_homepage.anim .heroline.community:hover svg path:nth-child(5) { animation: circle-rise 0.55s ease-in-out 0.16s; } body.page-template-01_homepage.anim .heroline.market:hover svg path:nth-child(1) { animation: bar-rise 0.55s ease-in-out 0s; } body.page-template-01_homepage.anim .heroline.market:hover svg path:nth-child(3) { animation: bar-rise 0.55s ease-in-out 0.08s; } body.page-template-01_homepage.anim .heroline.market:hover svg path:nth-child(2) { animation: bar-rise 0.55s ease-in-out 0.16s; } @keyframes bar-rise { 0%, 100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-5px) scaleY(1.08); } } @keyframes circle-rise { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } body.page-template-01_homepage.anim .sections { position: relative; z-index: 20; } body.page-template-01_homepage.anim .herotext { animation-delay: 1180ms; } body.page-template-01_homepage.anim .heroline { animation-delay: 1380ms; } body.page-template-01_homepage.anim .heroline:nth-of-type(2) { animation-delay: 1580ms; } body.page-template-01_homepage.anim .heroline:nth-of-type(3) { animation-delay: 1780ms; } @keyframes tcBannerContentIn { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } } body.single-post .tc_grad { overflow: unset; } body.single-post .tc_style { overflow: visible; background: white; } body.single-post .tc_single { display: flex !important; align-items: flex-start; flex-direction: row; flex-wrap: wrap; overflow: visible !important; } body.single-post .tc_single::before, body.single-post .tc_single::after { content: none !important; display: none !important; } body.single-post .tc_single > .sidebar_single_holder, body.single-post .tc_single > .col6 { float: none !important; } body.single-post .tc_single > .col6 { flex: 0 0 55%; } @media (max-width: 590px) { body.single-post .tc_single > .col6 { flex: none; } } body.single-post .sidebar_single_holder { position: relative; flex: 0 0 33.3333333333%; align-self: stretch; overflow: visible !important; } @media (max-width: 590px) { body.single-post .sidebar_single_holder { flex: none; align-self: unset; margin: 0; } } body.single-post .sidebar_single { position: sticky; top: 2em; z-index: 20; width: 100%; height: auto; max-height: calc(100vh - 4em); overflow: visible; } body.single-post .sidebar_single .sidebar_person { padding: 1.5em; width: 78%; background: #F0F3F5; margin-bottom: 3em; border-radius: 3px; } @media (max-width: 590px) { body.single-post .sidebar_single .sidebar_person { width: 100%; margin-bottom: 0; } } body.single-post .sidebar_single .sidebar_person img { display: block; width: 6em; height: 6em; object-fit: cover; object-position: center center; overflow: hidden; border-radius: 100%; margin-bottom: 1em; } body.single-post .sidebar_single .sidebar_person h5 { opacity: 0.7; font-weight: 600; } body.single-post .sidebar_single .sidebar_person p { opacity: 0.7; margin: 0; } body.single-post .sidebar_single .sidebar_person p + p { opacity: 0.35; } body.single-post .sidebar_single .sidebar_list { width: 90%; } @media (max-width: 590px) { body.single-post .sidebar_single .sidebar_list { display: none; } } body.single-post .sidebar_single .sidebar_list .h3-sidebar-nav { list-style: none; padding: 0; margin: 0; } body.single-post .sidebar_single .sidebar_list .h3-sidebar-nav li { position: relative; margin-bottom: 0.5rem; opacity: 0.4; } body.single-post .sidebar_single .sidebar_list .h3-sidebar-nav li:before { content: ""; height: 1px; width: 1em; background: black; position: absolute; left: 0; top: 0.65em; } body.single-post .sidebar_single .sidebar_list .h3-sidebar-nav li a { display: block; padding-left: 1.5em; padding-bottom: 0.5em; text-decoration: none; color: black !important; outline: none; } body.single-post .sidebar_single .sidebar_list .h3-sidebar-nav li.is-active { font-weight: 600; opacity: 1; } body.single-post .footnote-ref { font-weight: bold; } body.single-post sup { top: -0.05em; } @media (max-width: 590px) { body.single-post .back_btn_holder { background-size: 200%; padding: 0; margin-top: -29px; margin-left: 3px; text-align: right; } } body.single-post .back_btn { display: inline-flex; align-items: center; gap: 0.7em; padding: 0.7em 0.9em; color: black; text-decoration: none; border: 1px solid currentColor; border-radius: 3px; line-height: 1; transition: background 0.2s ease, color 0.2s ease; } body.single-post .back_btn::before { content: ""; display: block; width: 0.45em; height: 0.45em; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); } body.single-post .back_btn:hover, body.single-post .back_btn:focus { background: black; color: white; } @media (max-width: 590px) { body.single-post .back_btn { background: white; border: none; filter: invert(1); transform: scale(0.82); transform-origin: bottom right; } } @media (max-width: 590px) { body.single-post .tc_editor { padding-right: 20px; } } /* ── FILTER BAR ──────────────────────────────────── */ .filter-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .tc_filter { position: relative; z-index: 10; } .tc_filter span { display: inline-block; cursor: pointer; opacity: 1; background-color: rgb(255, 255, 255); color: black; border-radius: 4px; padding: 0.5em 0.75em 0.5em 0.75em; user-select: none; font-size: 0.95em; margin-right: 2px; } @media (max-width: 590px) { .tc_filter span { font-size: 0.85em; } } .tc_filter span:before { content: " "; display: inline-block; position: relative; top: 0.16em; left: -0.3em; width: 0; opacity: 0; height: 1em; background-image: url(../img/dismiss.svg); background-position: left center; background-repeat: no-repeat; transition: all ease-in-out 0.3s; } .tc_filter span.on, .tc_filter span.active { opacity: 1; background-color: rgb(0, 0, 0); color: white; } .tc_filter span.on:before, .tc_filter span.active:before { width: 1em; opacity: 1; } .tc_card { position: relative; z-index: 10; padding-right: 0; } @media (min-width: 590px) and (max-width: 890px) { .tc_card { width: calc(50% - 10px); } } @media (max-width: 590px) { .tc_card { padding-right: 16px; } } .tc_card.dummy { width: 1px !important; opacity: 0; padding-left: 0; padding-right: 0; } @media (max-width: 590px) { .tc_card.dummy { display: none; height: 0 !important; } } .tc_card a { position: relative; display: block; overflow: hidden; border-radius: 3px; color: black; } .tc_card a .tc_card_inner { padding: 1em; background: white; min-height: 18em; } .tc_card a img { display: block; background: #F0F3F5; height: 8em; width: 100%; } .tc_card a small { font-weight: 700; text-transform: uppercase; } .tc_card a h2 { margin-bottom: 0.5em; font-size: 1.6em; } .tc_card a p { font-size: 0.9em; } .tc_card a .tc_plus { position: absolute; bottom: 1em; left: 1em; } body.page-template-default, .page-template-02_team, body.wp-singular.post-template-default, body.blog { background-image: url(../img/temporis_bg_01.jpg); background-position: top center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 590px) { body.page-template-default, .page-template-02_team, body.wp-singular.post-template-default, body.blog { background-size: 200%; } } body.page-template-01_homepage { background-image: url(../img/temporis_bg_01.jpg); background-size: cover; } body.page-id-2 .container.tc_style:before { content: ""; position: absolute; z-index: 1; top: 7vw; height: calc(100% - 7vw); left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 3vw, rgba(255, 255, 255, 0.22) 6vw, rgba(255, 255, 255, 0.48) 10vw, rgba(255, 255, 255, 0.78) 14vw, rgb(255, 255, 255) 20vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.page-id-2 .container.tc_style:before { top: 112px; height: calc(100% - 112px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 48px, rgba(255, 255, 255, 0.22) 96px, rgba(255, 255, 255, 0.48) 160px, rgba(255, 255, 255, 0.78) 224px, rgb(255, 255, 255) 320px, rgb(255, 255, 255) 1600px); } } body.page-id-2 .tc_grad:before { top: 28vw; height: calc(100% - 28vw); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 20vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.page-id-2 .tc_grad:before { top: 448px; height: calc(100% - 448px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 320px, rgb(255, 255, 255) 100%); } } body.page-id-2 .tc_label { padding: 0.4em 0.75em; font-size: 0.9em; background: rgba(45, 65, 80, 0.45); color: white; border-radius: 3px; } body.page-id-21 .container.tc_style:before, body.page-id-22 .container.tc_style:before { content: ""; position: absolute; z-index: 1; top: 9vw; height: calc(100% - 9vw); left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 4vw, rgba(255, 255, 255, 0.35) 9vw, rgba(255, 255, 255, 0.65) 14vw, rgba(255, 255, 255, 0.88) 18vw, rgb(255, 255, 255) 21vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.page-id-21 .container.tc_style:before, body.page-id-22 .container.tc_style:before { top: 144px; height: calc(100% - 144px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 64px, rgba(255, 255, 255, 0.35) 144px, rgba(255, 255, 255, 0.65) 224px, rgba(255, 255, 255, 0.88) 288px, rgb(255, 255, 255) 336px, rgb(255, 255, 255) 100%); } } body.page-id-11 .tc_grad:before, body.page-id-14 .tc_grad:before { top: 28vw; height: calc(100% - 28vw); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 20vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.page-id-11 .tc_grad:before, body.page-id-14 .tc_grad:before { top: 448px; height: calc(100% - 448px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 320px, rgb(255, 255, 255) 100%); } } body.blog .container.tc_style:before { top: 12vw; opacity: 0.8; height: calc(100% - 12vw); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 3vw, rgba(255, 255, 255, 0.22) 6vw, rgba(255, 255, 255, 0.48) 10vw, rgba(255, 255, 255, 0.78) 14vw, rgb(255, 255, 255) 20vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.blog .container.tc_style:before { top: 192px; height: calc(100% - 192px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.08) 48px, rgba(255, 255, 255, 0.22) 96px, rgba(255, 255, 255, 0.48) 160px, rgba(255, 255, 255, 0.78) 224px, rgb(255, 255, 255) 320px, rgb(255, 255, 255) 1600px); } } body.blog .tc_grad:before { top: 28vw; opacity: 0.9; height: calc(100% - 28vw); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 20vw, rgb(255, 255, 255) 100%); } @media (min-width: 1660px) { body.blog .tc_grad:before { top: 448px; height: calc(100% - 448px); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 320px, rgb(255, 255, 255) 100%); } } .tc_background { background: black; position: absolute; z-index: 10; width: 100%; height: 14em; left: 0; top: 0; border-radius: var(--tc_radius) var(--tc_radius) 0 0; background-size: cover; background-position: center center; background-color: #2b393f; } @media (max-width: 590px) { .tc_background { height: 9em; } } div.tc_background + div.tc_alltext { padding-top: 12em; } @media (max-width: 590px) { div.tc_background + div.tc_alltext { padding-top: 7em; } } .site-nav-wrap { position: relative; display: flex; flex-direction: row-reverse; } @media (max-width: 900px) { .site-nav-wrap nav.site-nav { width: 100%; position: absolute; left: 0; top: 60px; background: rgba(0, 0, 0, 0.9); border-radius: 7px; } } .site-nav-wrap nav.site-nav div ul { display: block; padding: 0; width: 98%; margin-bottom: 0.8vw; } @media (max-width: 100px) { .site-nav-wrap nav.site-nav div ul { margin-bottom: 10px; } } @media (min-width: 1660px) { .site-nav-wrap nav.site-nav div ul { margin-bottom: 12px; } } .site-nav-wrap nav.site-nav div ul li { display: inline-block; position: relative; margin-right: 1em; padding-top: 0.75em; padding-bottom: 0.75em; } .site-nav-wrap nav.site-nav div ul li:last-of-type { margin-right: 0; } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li { display: block; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } } .site-nav-wrap nav.site-nav div ul li a { color: white; transition: color ease-in-out 0.3s; background: rgba(255, 255, 255, 0); padding: 0.5em 0.75em 0.525em 0.75em; border-radius: 0.15em; transition: all 0.3s ease-in-out; } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li a { display: block; text-decoration: none; color: white; padding: 3px 44px 3px 16px; font-size: 1.2em; } } @media (max-width: 590px) { .site-nav-wrap nav.site-nav div ul li a { padding: 0px 44px 0px 16px; } } @media only screen and (min-width: 900px) { .site-nav-wrap nav.site-nav div ul li a:hover { background: rgba(255, 255, 255, 0.1); } } .site-nav-wrap nav.site-nav div ul li ul { position: absolute; width: 14em; top: 100%; margin-top: 0; margin-left: 0; left: 0; background: rgba(95, 95, 95, 0.25); color: white; padding: 0.8em 0.75em 0.6em 0.75em; transform: translateY(5px); opacity: 0; pointer-events: none; transition: all ease-in-out 0.25s; border-radius: 3px; } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li ul { background: none; } } .site-nav-wrap nav.site-nav div ul li ul li { padding: 0; } .site-nav-wrap nav.site-nav div ul li ul a { color: white; background: rgba(255, 255, 255, 0); margin-bottom: 0.025em; display: block; } @media (min-width: 900px) { .site-nav-wrap nav.site-nav div ul li ul a:hover { background: rgb(255, 255, 255); color: black; } } .site-nav-wrap nav.site-nav div ul li ul:before { display: none; content: ""; position: absolute; top: 0; left: 0; width: 250px; height: calc(100% + 10px); clip-path: polygon(45px 5px, 51px 15px, 100% 15px, 100% 100%, 0 100%, 0 15px, 39px 15px); } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li ul { position: static; width: 100%; padding: 0; margin: 0; list-style: none; transform: none; opacity: 1; pointer-events: auto; transition: none; max-height: 0; overflow: hidden; border-bottom: none !important; } .site-nav-wrap nav.site-nav div ul li ul:before { display: none; } .site-nav-wrap nav.site-nav div ul li ul li a { font-size: 1em; color: rgba(255, 255, 255, 0.6); padding: 19px 14px 2px 16px; } .site-nav-wrap nav.site-nav div ul li ul li:last-of-type { border-bottom: none !important; } .site-nav-wrap nav.site-nav div ul li ul li:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.12); } } .site-nav-wrap nav.site-nav div ul li:hover ul { opacity: 1; transform: translateY(0); pointer-events: all; } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li:hover > ul { transform: none; } } @media (max-width: 900px) { .site-nav-wrap nav.site-nav div ul li:has(> ul.children) > a, .site-nav-wrap nav.site-nav div ul li:has(> ul.sub-menu) > a { position: relative; padding-right: 56px; } .site-nav-wrap nav.site-nav div ul li:has(> ul.children) > .mobile-subtoggle, .site-nav-wrap nav.site-nav div ul li:has(> ul.sub-menu) > .mobile-subtoggle { position: absolute; right: 0; top: 0; width: 46px; height: 36px; display: flex; align-items: center; justify-content: center; background: transparent; border: 0; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } .site-nav-wrap nav.site-nav div ul li:has(> ul.children) > .mobile-subtoggle::before, .site-nav-wrap nav.site-nav div ul li:has(> ul.sub-menu) > .mobile-subtoggle::before { content: ""; width: 8px; height: 8px; border-right: 2px solid rgba(255, 255, 255, 0.6); border-bottom: 2px solid rgba(255, 255, 255, 0.6); transform: rotate(45deg); transition: transform 0.2s ease; } .site-nav-wrap nav.site-nav div ul li:has(> ul.children).is-open > .mobile-subtoggle::before, .site-nav-wrap nav.site-nav div ul li:has(> ul.sub-menu).is-open > .mobile-subtoggle::before { transform: rotate(-135deg); } .site-nav-wrap nav.site-nav div ul li:has(> ul.children).is-open > ul, .site-nav-wrap nav.site-nav div ul li:has(> ul.sub-menu).is-open > ul { max-height: 1000px; transition: max-height 0.25s ease; } } @media (max-width: 900px) { body:not(.nav-open) .site-nav-wrap nav.site-nav div ul { display: none; } body.nav-open .site-nav-wrap nav.site-nav div ul { display: block; } } .site-nav-wrap div.search_icon { position: relative; left: -10px; margin-right: 0px; top: 0.2em; width: 2.5em; height: 2.5em; margin-top: -0.65em; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: opacity 0.3s ease-in-out; background-size: 24px; background-position: center right; background-repeat: no-repeat; background-image: url("../img/icon_search.svg"); } @media (max-width: 900px) { .site-nav-wrap div.search_icon { width: 40px; height: 40px; left: 8px; top: -8px; } } @media (max-width: 590px) { .site-nav-wrap div.search_icon { left: 0; top: -2px; background-size: 20px; } } .site-nav-wrap div.search_icon svg { display: none; width: 1.2em; height: auto; } @media (max-width: 1090px) { .site-nav-wrap div.search_icon svg { width: 22px; } } .site-nav-wrap div.search_icon.on { opacity: 0.5; } .site-nav-wrap .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .site-nav-wrap button.cnaipe { float: right; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; position: relative; padding: 0; z-index: 996; top: -20px; transform: scale(0.9); } @media (max-width: 900px) { .site-nav-wrap button.cnaipe { display: inline-flex; top: -13px; transform: scale(0.8); right: -15px; } } @media (min-width: 590px) and (max-width: 900px) { .site-nav-wrap button.cnaipe { top: 1px; right: -20px; } } @media (max-width: 590px) { .site-nav-wrap button.cnaipe { top: -6px; transform: scale(0.7); right: -17px; } } .site-nav-wrap button.cnaipe .cnaipe-lines { position: relative; width: 26px; height: 2px; background: #fff; display: block; transition: background 200ms ease; } .site-nav-wrap button.cnaipe .cnaipe-lines::before, .site-nav-wrap button.cnaipe .cnaipe-lines::after { content: ""; position: absolute; left: 0; width: 26px; height: 2px; background: #fff; transition: transform 200ms ease, top 200ms ease, bottom 200ms ease; } .site-nav-wrap button.cnaipe .cnaipe-lines::before { top: -8px; } .site-nav-wrap button.cnaipe .cnaipe-lines::after { bottom: -8px; } body.nav-open .site-nav-wrap nav.site-nav div > ul { display: block !important; } @media (max-width: 900px) { body.nav-open .site-nav-wrap nav.site-nav div > ul { margin: 0; padding: 0; padding-top: 6px; padding-bottom: 6px; } } body.nav-open button.cnaipe { display: block !important; right: -17px; } body.nav-open button.cnaipe .cnaipe-lines { background: transparent !important; } body.nav-open button.cnaipe .cnaipe-lines::before { top: 0 !important; transform: rotate(45deg); } body.nav-open button.cnaipe .cnaipe-lines::after { bottom: 0 !important; transform: rotate(-45deg); } .search-form { position: absolute; z-index: 999; top: 0.675em; right: 1.3vw; width: 65%; height: 2.5em; padding: 0; gap: 10px; border-radius: 8px; pointer-events: none !important; opacity: 0; background-color: white; transition: opacity 0.6s ease; font-size: inherit; } @media (min-width: 1600px) { .search-form { right: calc((100vw - 1600px) / 2); } } @media (min-width: 1800px) { .search-form { right: calc((100vw - 1600px) / 2 + 23.27px); } } @media (max-width: 890px) { .search-form { right: 20px; } } @media (max-width: 750px) { .search-form { right: 9px; } } .search-form.on { opacity: 1; pointer-events: auto !important; } .search-form.on .search-submit, .search-form.on label, .search-form.on input { pointer-events: auto !important; } .search-form label { margin: 0; width: 26vw; margin-left: 0px; float: right; border-radius: 2px; pointer-events: none !important; } @media (max-width: 590px) { .search-form label { width: 65vw; } } .search-form input { width: 100%; height: 2.5em; padding: 0 16px; border: none; border-radius: 2px !important; font-size: inherit; outline: none; color: black !important; background: #eeeeee; pointer-events: none !important; } .search-form input::placeholder { color: #aaaaaa; } .search-form input::-webkit-input-placeholder { color: #aaaaaa; } .search-form input::-moz-placeholder { color: #aaaaaa; } .search-form input:-ms-input-placeholder { color: #aaaaaa; } .search-form input:-moz-placeholder { color: #aaaaaa; } .search-form .search-submit { position: absolute; top: 0; right: 7px; width: 50px; height: 100%; line-height: 42px; padding: 0 25px !important; border: none !important; background-color: #eeeeee !important; border-radius: 0px !important; cursor: pointer; transition: background-color 0.2s ease; font-weight: 600; margin-right: 0; opacity: 1; color: transparent !important; background-size: 24px; background-position: center right; background-repeat: no-repeat; background-image: url("../img/icon_search.svg"); pointer-events: none !important; } @media (max-width: 590px) { .search-form .search-submit { background-size: 20px; top: -2px; background-color: transparent !important; } } .search-form .search-submit:hover { background-color: transparent; } .no-results, .page-header { padding-bottom: 0; } .no-results h2, .page-header h2 { margin-top: 0; margin-bottom: 0; text-transform: uppercase; } .sidebar h5 { color: black; } .sidebar ul { margin: 0.5em 0 0 0; padding: 0; width: 70%; } .sidebar ul li { padding: 0; margin: 0; } .sidebar ul li:nth-of-type(1) { border-top: 1px solid rgba(0, 0, 0, 0.2); } .sidebar ul li a { display: block; height: 2em; line-height: 1.9em; color: black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /*# sourceMappingURL=style.css.map */