@charset "UTF-8";
 @font-face {
font-display: swap;
font-family: Avenir;
font-style: normal;
font-weight: 300;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir35Light.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir35Light.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: italic;
font-weight: 300;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir35LightOblique.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir35LightOblique.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: normal;
font-weight: 400;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir55Roman.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir55Roman.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: italic;
font-weight: 400;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir55Oblique.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir55Oblique.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: normal;
font-weight: 500;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir65Medium.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir65Medium.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: italic;
font-weight: 500;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir65MediumOblique.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir65MediumOblique.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: normal;
font-weight: 700;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir85Heavy.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir85Heavy.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: italic;
font-weight: 700;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir85HeavyOblique.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir85HeavyOblique.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: normal;
font-weight: 900;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir95Black.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir95Black.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Avenir;
font-style: italic;
font-weight: 900;
src: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir95BlackOblique.woff2) format("woff2"),
url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/fonts/Avenir95BlackOblique.woff) format("woff");
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 100%;
line-height: 1.15;
scroll-behavior: smooth;
}
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
body {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
sans-serif, Apple Color Emoji, Segoe UI Emoji;
margin: 0;
}
hr {
color: inherit;
height: 0;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo,
monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-color: inherit;
text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
color: inherit;
}
select::-ms-expand {
display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
color: inherit;
}
::-moz-focus-inner {
border-style: none;
padding: 0;
}
:-moz-focusring {
outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
-moz-box-shadow: none;
box-shadow: none;
}
legend {
padding: 0;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline-offset: -0.125rem;
}
::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}
summary {
display: list-item;
}
figure {
margin: 0;
}
[tabindex]:not([tabindex="-1"]),
a,
button,
input,
select,
textarea {
cursor: pointer;
}
[tabindex]:not([tabindex="-1"]):focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: 1px dashed currentColor;
outline-offset: 1px;
}
@media (pointer: coarse) {
[tabindex]:not([tabindex="-1"]):focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none !important;
}
}
body.remove-focus [tabindex]:not([tabindex="-1"]):focus,
body.remove-focus a:focus,
body.remove-focus button:focus,
body.remove-focus input:focus,
body.remove-focus select:focus,
body.remove-focus textarea:focus {
outline: none !important;
}
body {
--scrollbarWidth: 0px;
--viewportWidth: -webkit-calc(100vw - var(--scrollbarWidth));
--viewportWidth: -moz-calc(100vw - var(--scrollbarWidth));
--viewportWidth: calc(100vw - var(--scrollbarWidth));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Avenir, noto-sans, sans-serif;
font-size: 1rem;
line-height: 1.6;
overflow-x: clip;
position: relative;
}
body:before {
background-color: var(--wp--preset--color--midnight);
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
visibility: hidden;
width: 100%;
z-index: -10;
}
::-moz-selection {
background-color: #000;
color: #fff;
}
::selection {
background-color: #000;
color: #fff;
}
.gform_required_legend,
.hidden_label > label,
.screen-reader-text,
.skip-link {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
}
.gform_required_legend:focus,
.hidden_label > label:focus,
.screen-reader-text:focus,
.skip-link:focus {
clip: auto !important;
background-color: #fff;
-webkit-box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.6);
box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.6);
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: inherit;
font-weight: 700;
height: auto;
left: 0.3125rem;
padding: 0.9375rem 1.4375rem 0.875rem;
text-decoration: none;
top: 0.3125rem;
width: auto;
z-index: 100000;
}
.skip-link:focus {
outline: 0 !important;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-o-keyframes rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(1.25rem);
transform: translateY(1.25rem);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes fadeUp {
0% {
opacity: 0;
-moz-transform: translateY(1.25rem);
transform: translateY(1.25rem);
}
to {
opacity: 1;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes fadeUp {
0% {
opacity: 0;
-o-transform: translateY(1.25rem);
transform: translateY(1.25rem);
}
to {
opacity: 1;
-o-transform: none;
transform: none;
}
}
@keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(1.25rem);
-moz-transform: translateY(1.25rem);
-o-transform: translateY(1.25rem);
transform: translateY(1.25rem);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
@-webkit-keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes slideDown {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
opacity: 1;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes slideDown {
0% {
opacity: 0;
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
opacity: 1;
-o-transform: none;
transform: none;
}
}
@keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
svg {
fill: currentColor;
width: auto;
}
img,
svg {
display: block;
height: auto;
}
img {
max-width: 100%;
} img:not(.initial) {
-webkit-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
transition: opacity 1s linear;
}
img.error,
img.initial,
img.loaded {
opacity: 1;
}
img:not([src]) {
visibility: hidden;
}
.gform_ajax_spinner,
.spinner {
-webkit-animation: rotate 0.8s linear infinite;
-moz-animation: rotate 0.8s linear infinite;
-o-animation: rotate 0.8s linear infinite;
animation: rotate 0.8s linear infinite;
border: 0.1875rem solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border-right: 0.1875rem solid transparent;
height: 1.25rem;
width: 1.25rem;
}
.is-content-justification-space-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.is-content-justification-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-content-justification-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-content-justification-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-container {
max-width: 82rem;
}
.container,
.header-container {
margin-left: auto;
margin-right: auto;
width: 90%;
}
.container {
max-width: 66rem;
}
.main {
margin: 0 auto;
max-width: 52.6875rem;
position: relative;
width: 90%;
z-index: 3;
}
.main > .wp-luna-block:not(.no-margin):not(.no-margin-top),
.main > :first-child:not(.break-out):not(.no-margin):not(.no-margin-top) {
margin-top: 3rem;
}
@media (min-width: 768px) {
.main > .wp-luna-block:not(.no-margin):not(.no-margin-top),
.main > :first-child:not(.break-out):not(.no-margin):not(.no-margin-top) {
margin-top: 8.5rem;
}
}
.main > .has-background:last-child,
.main > .wp-block-group:last-child {
margin-bottom: 0;
}
.main > .wp-block-group:first-child {
margin-top: 0 !important;
}
.main > .wp-block-group:first-child:not(.has-background) {
padding: 1px 0;
}
.wp-luna-block {
margin-bottom: 3rem;
margin-top: 3rem;
}
@media (min-width: 768px) {
.wp-luna-block {
margin-bottom: 8.5rem;
margin-top: 8.5rem;
}
}
.has-background + .has-background:not(.no-margin):not(.no-margin-top) {
margin-top: -3rem;
}
@media (min-width: 768px) {
.has-background + .has-background:not(.no-margin):not(.no-margin-top) {
margin-top: -8.5rem;
}
}
.alignfull,
.alignwide,
.break-out {
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-column .alignfull,
.wp-block-column .alignwide,
.wp-block-column .break-out {
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: auto;
}
.alignfull,
.break-out {
width: var(--viewportWidth);
}
.alignwide {
max-width: 66rem;
width: 80vw;
}
.no-margin {
margin-bottom: 0 !important;
}
.no-margin,
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
word-wrap: break-word;
display: block;
font-style: normal;
font-weight: 400;
margin: 0;
position: relative;
}
.has-text-color .heading,
.has-text-color h1,
.has-text-color h2,
.has-text-color h3,
.has-text-color h4,
.has-text-color h5,
.has-text-color h6 {
color: inherit;
}
.heading:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
display: none;
}
.has-h-1-font-size,
h1 {
font-size: var(--wp--preset--font-size--h-1);
line-height: 3.5rem;
}
.has-h-2-font-size,
h2 {
font-size: var(--wp--preset--font-size--h-2);
line-height: 3.125rem;
}
.has-h-3-font-size,
h3 {
font-size: var(--wp--preset--font-size--h-3);
line-height: 2.5rem;
}
.has-h-4-font-size,
h4 {
font-size: var(--wp--preset--font-size--h-4);
line-height: 2.1875rem;
}
.has-h-5-font-size,
h5 {
font-size: var(--wp--preset--font-size--h-5);
font-weight: 600;
line-height: 1.625rem;
}
.has-h-6-font-size,
h6 {
font-size: var(--wp--preset--font-size--h-6);
font-weight: 600;
line-height: 1.5625rem;
}
cite,
figcaption {
display: block;
font-style: normal;
}
ol,
p,
ul {
line-height: 1.625rem;
margin: 1.75em 0;
}
ol ol,
ol ul,
p ol,
p ul,
ul ol,
ul ul {
margin: 1em 0;
}
ol,
ul {
padding-left: 1rem;
}
ul {
font-weight: 400;
list-style: none;
}
ul li {
position: relative;
}
ul li:before {
content: "-";
left: -1rem;
position: absolute;
top: 0;
}
ol.is-style-ticks,
ul.is-style-ticks {
font-weight: 400;
list-style: none;
padding-left: 2.25rem;
}
ol.is-style-ticks li,
ul.is-style-ticks li {
position: relative;
}
ol.is-style-ticks li:not(:last-child),
ul.is-style-ticks li:not(:last-child) {
padding-bottom: 0.6875rem;
}
ol.is-style-ticks li:before,
ul.is-style-ticks li:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-tick.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
color: transparent;
content: "-";
left: -2.25rem;
position: absolute;
top: 0;
width: 1rem;
}
.has-green-background-color ol.is-style-ticks li:before,
.has-green-background-color ul.is-style-ticks li:before,
.has-purple-background-color ol.is-style-ticks li:before,
.has-purple-background-color ul.is-style-ticks li:before,
.has-red-background-color ol.is-style-ticks li:before,
.has-red-background-color ul.is-style-ticks li:before,
.has-sky-background-color ol.is-style-ticks li:before,
.has-sky-background-color ul.is-style-ticks li:before,
.has-sunshine-background-color ol.is-style-ticks li:before,
.has-sunshine-background-color ul.is-style-ticks li:before,
.has-yellow-background-color ol.is-style-ticks li:before,
.has-yellow-background-color ul.is-style-ticks li:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-tick-black.svg);
}
.align-center,
.has-text-align-center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.align-left,
.has-text-align-left {
text-align: left;
}
.align-right,
.has-text-align-right {
text-align: right;
}
.lowercase {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.font-weight--100 {
font-weight: 100;
}
.font-weight--200 {
font-weight: 200;
}
.font-weight--300 {
font-weight: 300;
}
.font-weight--400 {
font-weight: 400;
}
.font-weight--500 {
font-weight: 500;
}
.font-weight--600 {
font-weight: 600;
}
.font-weight--700 {
font-weight: 700;
}
.font-weight--800 {
font-weight: 800;
}
.font-weight--900 {
font-weight: 900;
}
.wp-block-separator {
color: #e3e3e3;
margin: 2.75rem auto !important;
}
.wp-block-quote {
margin-left: 0;
margin-right: 0;
padding: 2rem;
}
.wp-block-quote p {
font-style: italic;
}
.wp-block-quote p:first-child {
margin-top: 0;
}
.gfield_visibility_hidden {
display: none !important;
}
.gform ul {
list-style: none;
margin: 0;
padding: 0;
}
.gform_fields,
.ginput_complex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px) {
.ginput_complex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.ginput_complex > * {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
label {
display: block;
margin-bottom: 0.4em;
}
fieldset,
form {
border: 0;
margin: 0;
padding: 0;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
max-width: none;
width: 100%;
}
input[type="email"]:not([class]),
input[type="number"]:not([class]),
input[type="password"]:not([class]),
input[type="search"]:not([class]),
input[type="tel"]:not([class]),
input[type="text"]:not([class]),
input[type="url"]:not([class]),
select:not([class]),
textarea:not([class]) {
background-color: #fff;
border: 1px solid rgba(51, 51, 51, 0.4);
-webkit-border-radius: 0.125rem;
-moz-border-radius: 0.125rem;
border-radius: 0.125rem;
padding: 0.55em 1em;
}
.gfield_error input[type="email"],
.gfield_error input[type="number"],
.gfield_error input[type="password"],
.gfield_error input[type="search"],
.gfield_error input[type="tel"],
.gfield_error input[type="text"],
.gfield_error input[type="url"],
.gfield_error select,
.gfield_error textarea {
border-color: red;
}
textarea {
height: 9rem;
resize: none;
}  @media (pointer: coarse) {
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
outline: none !important;
}
}
input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after {
opacity: 1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline;
margin: 0;
padding-left: 1.875rem;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type="checkbox"] + label:after,
input[type="checkbox"] + label:before,
input[type="radio"] + label:after,
input[type="radio"] + label:before {
background-color: #fff;
border: 1px solid rgba(51, 51, 51, 0.4);
-webkit-border-radius: 0.125rem;
-moz-border-radius: 0.125rem;
border-radius: 0.125rem;
content: "";
cursor: pointer;
height: 1.4375rem;
left: 0;
position: absolute;
top: 0.1em;
width: 1.4375rem;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
opacity: 0;
-webkit-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
-moz-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
input[type="radio"] + label:after,
input[type="radio"] + label:before {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
input[type="radio"] + label:after {
-webkit-box-shadow: inset 0 0 0 0.25rem #fff,
inset 0 0 0 6.25rem rgba(51, 51, 51, 0.4);
-moz-box-shadow: inset 0 0 0 0.25rem #fff,
inset 0 0 0 6.25rem rgba(51, 51, 51, 0.4);
box-shadow: inset 0 0 0 0.25rem #fff,
inset 0 0 0 6.25rem rgba(51, 51, 51, 0.4);
}
input[type="checkbox"] + label:after {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "✔";
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 0.9375rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
}
.gform_ajax_spinner {
margin-top: 1em;
}
.luna-archive__submit {
display: block;
}
.luna-archive__submit.is-hidden {
display: none;
}
.luna-archive__loader {
-webkit-animation: load8 1.1s linear infinite;
-moz-animation: load8 1.1s linear infinite;
-o-animation: load8 1.1s linear infinite;
animation: load8 1.1s linear infinite;
border: 1.1em solid rgba(0, 0, 0, 0.2);
border-left-color: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: none;
font-size: 0.625rem;
height: 10em;
left: -webkit-calc(50% - 5em);
left: -moz-calc(50% - 5em);
left: calc(50% - 5em);
margin: 3.75rem auto;
position: relative;
position: fixed;
text-indent: -9999em;
top: -webkit-calc(40% - 5em);
top: -moz-calc(40% - 5em);
top: calc(40% - 5em);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
width: 10em;
z-index: 999;
}
.luna-archive__loader:after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 10em;
width: 10em;
}
.luna-archive--loading {
opacity: 0.6;
}
.luna-archive--loading .luna-archive__loader {
display: block;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-moz-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-o-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
a:not([class]),
a[class=""] {
color: var(--wp--preset--color--sunshine);
font-weight: 600;
-webkit-text-decoration-color: transparent;
-moz-text-decoration-color: transparent;
text-decoration-color: transparent;
-webkit-transition: color 0.15s ease, -webkit-text-decoration-color 0.15s ease;
transition: color 0.15s ease, -webkit-text-decoration-color 0.15s ease;
-o-transition: color 0.15s ease, text-decoration-color 0.15s ease;
-moz-transition: color 0.15s ease, text-decoration-color 0.15s ease,
-moz-text-decoration-color 0.15s ease;
-moz-transition: color 0.15s ease, text-decoration-color 0.15s ease, -moz-text-decoration-color 0.15s ease;
transition: color 0.15s ease, text-decoration-color 0.15s ease;
transition: color 0.15s ease, text-decoration-color 0.15s ease, -webkit-text-decoration-color 0.15s ease, -moz-text-decoration-color 0.15s ease;
transition: color 0.15s ease, text-decoration-color 0.15s ease,
-webkit-text-decoration-color 0.15s ease,
-moz-text-decoration-color 0.15s ease;
}
a:not([class]):focus,
a:not([class]):hover,
a[class=""]:focus,
a[class=""]:hover {
-webkit-text-decoration-color: var(--wp--preset--color--sunshine);
-moz-text-decoration-color: var(--wp--preset--color--sunshine);
text-decoration-color: var(--wp--preset--color--sunshine);
}
.wp-block-buttons {
margin: 2em 0;
}
.wp-block-buttons.is-layout-flex {
gap: 1rem;
}
.b17 + .wp-block-buttons {
margin-top: 5rem;
max-width: 66rem;
}
.button,
.g02__newsletter .mktoForm .mktoButton,
.wp-block-button__link {
background-color: var(--wp--preset--color--sunshine);
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: var(--wp--preset--color--white);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
font-weight: 700;
line-height: 1.375rem;
max-width: 100%;
padding: 0.875rem 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.25s ease, background-color 0.25s ease;
-o-transition: color 0.25s ease, background-color 0.25s ease;
-moz-transition: color 0.25s ease, background-color 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease;
}
.button:focus,
.button:hover,
.g02__newsletter .mktoForm .mktoButton:focus,
.g02__newsletter .mktoForm .mktoButton:hover,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
background-color: var(--wp--preset--color--midnight) !important;
}
.button:not(input[type="submit"]):not(input[type="button"]):empty,
.g02__newsletter
.mktoForm
.mktoButton:not(input[type="submit"]):not(input[type="button"]):empty,
.wp-block-button__link:not(input[type="submit"]):not(
input[type="button"]
):empty {
display: none;
}
.g02__newsletter .mktoForm .is-style-outline .mktoButton:not(.has-background),
.is-style-outline .button:not(.has-background),
.is-style-outline .g02__newsletter .mktoForm .mktoButton:not(.has-background),
.is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.g02__newsletter .mktoForm .is-style-fill .mktoButton,
.is-style-fill .button,
.is-style-fill .g02__newsletter .mktoForm .mktoButton,
.is-style-fill .wp-block-button__link {
padding-right: 2.625rem;
}
.g02__newsletter .mktoForm .is-style-fill .mktoButton:after,
.is-style-fill .button:after,
.is-style-fill .g02__newsletter .mktoForm .mktoButton:after,
.is-style-fill .wp-block-button__link:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-white.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 0.4375rem;
position: absolute;
right: 1.25rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(270deg);
-moz-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
width: 0.75rem;
}
.g02__newsletter .mktoForm .is-style-underline .mktoButton,
.is-style-underline .button,
.is-style-underline .g02__newsletter .mktoForm .mktoButton,
.is-style-underline .wp-block-button__link {
background-color: transparent !important;
border-bottom: 0.125rem solid var(--wp--preset--color--sky);
color: var(--wp--preset--color--black);
padding-bottom: 0.75rem;
padding-left: 0;
padding-right: 2.625rem;
}
.g02__newsletter .mktoForm .is-style-underline .mktoButton:after,
.is-style-underline .button:after,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:after,
.is-style-underline .wp-block-button__link:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-orange.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 0.4375rem;
position: absolute;
right: 1.25rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(270deg);
-moz-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
width: 0.75rem;
}
.g02__newsletter .mktoForm .is-style-underline .mktoButton:before,
.is-style-underline .button:before,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:before,
.is-style-underline .wp-block-button__link:before {
background-color: var(--wp--preset--color--sunshine);
bottom: -0.125rem;
content: "";
height: 0.125rem;
left: 0;
position: absolute;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
width: 100%;
}
.g02__newsletter .mktoForm .is-style-underline .mktoButton:focus,
.g02__newsletter .mktoForm .is-style-underline .mktoButton:hover,
.is-style-underline .button:focus,
.is-style-underline .button:hover,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:focus,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:hover,
.is-style-underline .wp-block-button__link:focus,
.is-style-underline .wp-block-button__link:hover {
background-color: transparent !important;
}
.g02__newsletter .mktoForm .is-style-underline .mktoButton:focus:before,
.g02__newsletter .mktoForm .is-style-underline .mktoButton:hover:before,
.is-style-underline .button:focus:before,
.is-style-underline .button:hover:before,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:focus:before,
.is-style-underline .g02__newsletter .mktoForm .mktoButton:hover:before,
.is-style-underline .wp-block-button__link:focus:before,
.is-style-underline .wp-block-button__link:hover:before {
-webkit-transform: scaleX(100%);
-moz-transform: scaleX(100%);
-ms-transform: scaleX(100%);
-o-transform: scaleX(100%);
transform: scaleX(100%);
}
.button.has-grey-background-color,
.button.has-white-background-color,
.g02__newsletter .mktoForm .has-grey-background-color.mktoButton,
.g02__newsletter .mktoForm .has-white-background-color.mktoButton,
.wp-block-button__link.has-grey-background-color,
.wp-block-button__link.has-white-background-color {
color: #000;
}
.button.has-grey-background-color:after,
.button.has-white-background-color:after,
.g02__newsletter .mktoForm .has-grey-background-color.mktoButton:after,
.g02__newsletter .mktoForm .has-white-background-color.mktoButton:after,
.wp-block-button__link.has-grey-background-color:after,
.wp-block-button__link.has-white-background-color:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-black.svg);
}
.button.has-grey-background-color:focus,
.button.has-grey-background-color:hover,
.button.has-white-background-color:focus,
.button.has-white-background-color:hover,
.g02__newsletter .mktoForm .has-grey-background-color.mktoButton:focus,
.g02__newsletter .mktoForm .has-grey-background-color.mktoButton:hover,
.g02__newsletter .mktoForm .has-white-background-color.mktoButton:focus,
.g02__newsletter .mktoForm .has-white-background-color.mktoButton:hover,
.wp-block-button__link.has-grey-background-color:focus,
.wp-block-button__link.has-grey-background-color:hover,
.wp-block-button__link.has-white-background-color:focus,
.wp-block-button__link.has-white-background-color:hover {
color: #fff;
}
.button.has-black-background-color:focus,
.button.has-black-background-color:hover,
.button.has-midnight-background-color:focus,
.button.has-midnight-background-color:hover,
.g02__newsletter .mktoForm .has-black-background-color.mktoButton:focus,
.g02__newsletter .mktoForm .has-black-background-color.mktoButton:hover,
.g02__newsletter .mktoForm .has-midnight-background-color.mktoButton:focus,
.g02__newsletter .mktoForm .has-midnight-background-color.mktoButton:hover,
.wp-block-button__link.has-black-background-color:focus,
.wp-block-button__link.has-black-background-color:hover,
.wp-block-button__link.has-midnight-background-color:focus,
.wp-block-button__link.has-midnight-background-color:hover {
background-color: var(--wp--preset--color--sunshine) !important;
}
.button--has-arrow,
.wp-block-button__link--has-arrow {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.button--has-arrow .svg-icon,
.wp-block-button__link--has-arrow .svg-icon {
-webkit-transform: rotate(-90deg) translateY(0.625rem);
-moz-transform: rotate(-90deg) translateY(0.625rem);
-ms-transform: rotate(-90deg) translateY(0.625rem);
-o-transform: rotate(-90deg) translateY(0.625rem);
transform: rotate(-90deg) translateY(0.625rem);
}
.button .svg-icon,
.g02__newsletter .mktoForm .mktoButton .svg-icon,
.wp-block-button__link .svg-icon {
height: 0.875rem;
width: 0.875rem;
}
.breadcrumbs {
color: var(--wp--preset--color--sunshine);
line-height: 1.375rem;
}
.breadcrumbs a {
font-weight: 400;
}
.breadcrumbs .breadcrumb_last {
color: var(--wp--preset--color--black);
font-weight: 600;
}
.has-black-background-color .breadcrumbs .breadcrumb_last,
.has-blue-background-color .breadcrumbs .breadcrumb_last,
.has-midnight-background-color .breadcrumbs .breadcrumb_last {
color: var(--wp--preset--color--white);
}
#ccc-icon {
display: none !important;
}
#ccc-overlay {
background-color: rgba(0, 0, 0, 0.25);
}
#ccc #ccc-module {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
bottom: auto !important;
-webkit-box-shadow: 0 0 2.1875rem -0.625rem #111;
-moz-box-shadow: 0 0 2.1875rem -0.625rem #111;
box-shadow: 0 0 2.1875rem -0.625rem #111;
height: 90% !important;
left: 50% !important;
margin: none !important;
max-height: 25rem !important;
max-width: 31.25rem !important;
right: auto !important;
top: 50% !important;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90% !important;
}
#ccc #ccc-content {
background-color: #fff !important;
color: #111 !important;
}
#ccc #ccc-content a,
#ccc #ccc-content h2,
#ccc #ccc-content h3,
#ccc #ccc-content p,
#ccc #ccc-content span {
border-color: #111 !important;
color: #111 !important;
}
#ccc #ccc-content button {
background-color: #555 !important;
border-color: #555 !important;
color: #fff !important;
}
#ccc #ccc-content button span {
color: #fff !important;
}
#ccc .ccc-svg-element svg {
fill: #111;
}
#ccc #ccc-content hr {
background-color: #555;
}
#ccc #ccc-optional-categories hr {
display: none;
}
#ccc #ccc-content .checkbox-toggle {
background-color: #555;
border-color: #555;
}
#ccc #ccc-content .checkbox-toggle span {
color: #fff !important;
opacity: 1;
}
#ccc #ccc-content .checkbox-toggle .checkbox-toggle-toggle {
background-color: #bbb;
}
#ccc #ccc-close,
#ccc .ccc-info {
display: none;
}
.site-switcher {
cursor: pointer;
position: relative;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.site-switcher:focus,
.site-switcher:hover {
color: var(--wp--preset--color--sunshine);
}
.site-switcher:focus .svg-icon,
.site-switcher:hover .svg-icon {
-webkit-transform: rotate(90deg) translateX(1px);
-moz-transform: rotate(90deg) translateX(1px);
-ms-transform: rotate(90deg) translateX(1px);
-o-transform: rotate(90deg) translateX(1px);
transform: rotate(90deg) translateX(1px);
}
.site-switcher:focus .site-switcher__languages,
.site-switcher:hover .site-switcher__languages {
max-height: 18.75rem;
opacity: 1;
overflow: visible;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
visibility: visible;
}
.site-switcher:before {
content: "";
height: 2.25rem;
position: absolute;
right: 0;
top: 0;
width: 3.125rem;
}
.site-switcher__current {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.site-switcher__current .svg-icon {
color: var(--wp--preset--color--sunshine);
height: 0.625rem;
margin-left: 0.1875rem;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
width: 0.625rem;
}
.site-switcher__languages {
background-color: #fff;
-webkit-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
-moz-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
color: #000;
list-style: none;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
text-decoration: none;
top: 1.9375rem;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
visibility: hidden;
z-index: 2;
}
.site-switcher__languages:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0.625rem 0.625rem;
content: "";
height: 0;
position: absolute;
right: 0.4375rem;
top: -0.625rem;
width: 0;
}
.site-switcher__languages li {
border-bottom: 1px solid #eaeaea;
border-left: 0.1875rem solid var(--wp--preset--color--sunshine);
-webkit-transition: border-left 0.25s ease;
-o-transition: border-left 0.25s ease;
-moz-transition: border-left 0.25s ease;
transition: border-left 0.25s ease;
}
.site-switcher__languages li:focus,
.site-switcher__languages li:hover {
border-left-width: 0.375rem;
color: var(--wp--preset--color--sunshine);
}
.site-switcher__languages li:last-child {
border-bottom: none;
}
.site-switcher__link {
display: block;
padding: 1rem 2.5rem 1rem 1.5rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.hamburger {
background-color: transparent;
border: 0;
color: inherit;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font: inherit;
margin: 0;
overflow: visible;
padding: 0.9375rem 0 0.9375rem 0.9375rem;
text-transform: none;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
-moz-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger:hover,
body.mobile-menu-active .hamburger:hover {
opacity: 0.9;
}
body.mobile-menu-active .hamburger .hamburger-inner,
body.mobile-menu-active .hamburger .hamburger-inner:after,
body.mobile-menu-active .hamburger .hamburger-inner:before {
background-color: #ff7800;
}
.hamburger-box {
display: inline-block;
height: 1.3125rem;
position: relative;
width: 2rem;
}
.hamburger-inner {
display: block;
margin-top: -1.5px;
top: 50%;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
background-color: #192846;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
height: 0.1875rem;
position: absolute;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, -webkit-transform, -moz-transform,
-o-transform;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
width: 2rem;
}
.g01--dark .hamburger-inner,
.g01--dark .hamburger-inner:after,
.g01--dark .hamburger-inner:before {
background-color: #ff7800;
}
.hamburger-inner:after,
.hamburger-inner:before {
content: "";
display: block;
}
.hamburger-inner:before {
top: -0.5625rem;
}
.hamburger-inner:after {
bottom: -0.5625rem;
}
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 75ms;
-moz-transition-duration: 75ms;
-o-transition-duration: 75ms;
transition-duration: 75ms;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner:before {
-webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
-o-transition: top 75ms ease 0.12s, opacity 75ms ease;
-moz-transition: top 75ms ease 0.12s, opacity 75ms ease;
transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
-webkit-transition: bottom 75ms ease 0.12s,
-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s,
-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 75ms ease 0.12s,
-o-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-transition: bottom 75ms ease 0.12s,
transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
-moz-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s,
transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 75ms ease 0.12s,
transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
-moz-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
-o-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
body.mobile-menu-active .hamburger--squeeze .hamburger-inner {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
-moz-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.mobile-menu-active .hamburger--squeeze .hamburger-inner:before {
opacity: 0;
top: 0;
-webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
-o-transition: top 75ms ease, opacity 75ms ease 0.12s;
-moz-transition: top 75ms ease, opacity 75ms ease 0.12s;
transition: top 75ms ease, opacity 75ms ease 0.12s;
}
body.mobile-menu-active .hamburger--squeeze .hamburger-inner:after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 75ms ease,
-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease,
-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
-o-transition: bottom 75ms ease,
-o-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
-moz-transition: bottom 75ms ease,
transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease,
transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transition: bottom 75ms ease,
transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
-o-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}
.accordion__button {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border: 0;
color: var(--wp--preset--color--midnight);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 1.25rem;
font-weight: 600;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 2rem 0.125rem;
text-align: left;
width: 100%;
}
.accordion__button:focus,
.accordion__button:hover {
outline: none;
}
.accordion__button-label {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1rem;
font-weight: 700;
}
.accordion__button-label svg {
height: 0.625rem;
width: 1.0625rem;
}
.is-active .accordion__button-label svg {
rotate: -180deg;
}
.accordion__wrapper {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
-o-transition: max-height 0.3s ease;
-moz-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.is-active .accordion__wrapper {
max-height: var(--max-height);
-webkit-transition: max-height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: max-height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: max-height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: max-height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion__content {
opacity: 0;
padding: 0 0.125rem;
-webkit-transform: translateY(1.5rem);
-moz-transform: translateY(1.5rem);
-ms-transform: translateY(1.5rem);
-o-transform: translateY(1.5rem);
transform: translateY(1.5rem);
-webkit-transition: opacity 0s ease 0.15s, -webkit-transform 0s ease 0.15s;
transition: opacity 0s ease 0.15s, -webkit-transform 0s ease 0.15s;
-o-transition: opacity 0s ease 0.15s, -o-transform 0s ease 0.15s;
-moz-transition: opacity 0s ease 0.15s, transform 0s ease 0.15s,
-moz-transform 0s ease 0.15s;
-moz-transition: opacity 0s ease 0.15s, transform 0s ease 0.15s, -moz-transform 0s ease 0.15s;
transition: opacity 0s ease 0.15s, transform 0s ease 0.15s;
transition: opacity 0s ease 0.15s, transform 0s ease 0.15s, -webkit-transform 0s ease 0.15s, -moz-transform 0s ease 0.15s, -o-transform 0s ease 0.15s;
transition: opacity 0s ease 0.15s, transform 0s ease 0.15s,
-webkit-transform 0s ease 0.15s, -moz-transform 0s ease 0.15s,
-o-transform 0s ease 0.15s;
}
.is-active .accordion__content {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
-moz-transition: opacity 0.3s ease, transform 0.3s ease,
-moz-transform 0.3s ease;
-moz-transition: opacity 0.3s ease, transform 0.3s ease, -moz-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease,
-webkit-transform 0.3s ease, -moz-transform 0.3s ease,
-o-transform 0.3s ease;
}
.accordion__content > :first-child {
margin-top: 0;
}
.accordion__link .wp-element-button {
margin: 1rem 0 2.5rem;
}
.mktoForm {
width: 100% !important;
}
.mktoForm .mktoFormCol:not(fieldset) {
margin-bottom: 0.875rem !important;
}
.mktoForm .mktoFormCol:is(fieldset) {
margin-bottom: 0 !important;
padding-right: 0 !important;
}
.mktoForm .mktoFormCol:is(fieldset) legend {
margin: 0 !important;
}
.mktoForm .mktoFormRow {
position: relative;
}
.mktoForm .mktoAsterix,
.mktoForm .mktoOffset {
display: none !important;
}
.mktoForm .mktoField,
.mktoForm .mktoFieldWrap,
.mktoForm .mktoFormRow .mktoFormCol {
float: unset !important;
width: 100% !important;
}
.mktoForm .mktoDropDown {
position: relative;
}
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList)
label:not(#LblmktoOptIn):not(.marketo-label) {
color: var(--wp--preset--color--black);
left: 0.7969rem;
padding-right: 0.7969rem;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
z-index: 10;
}
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList)
label:not(#LblmktoOptIn):not(.marketo-label)
strong {
font-weight: 600 !important;
padding: 0;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) .mktoField {
height: auto;
padding: 0;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) .mktoGutter {
display: none !important;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList).is-active label,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList):focus-within label {
color: #898989;
font-size: 0.75rem;
top: 0.425rem !important;
-webkit-transform: translateY(0) !important;
-moz-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
-o-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList).is-active select,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList):focus-within select {
color: var(--wp--preset--color--black) !important;
opacity: 1;
}
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList).is-active.is-active
.mktoCheckboxList
label,
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList).is-active:focus-within
.mktoCheckboxList
label,
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList):focus-within.is-active
.mktoCheckboxList
label,
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList):focus-within:focus-within
.mktoCheckboxList
label {
color: unset;
font-size: 0.8rem;
top: unset !important;
-webkit-transform: unset !important;
-moz-transform: unset !important;
-ms-transform: unset !important;
-o-transform: unset !important;
transform: unset !important;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea {
border: none !important;
}
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList)
input::-webkit-input-placeholder,
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList)
textarea::-webkit-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input:-moz-placeholder,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea:-moz-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::-moz-placeholder,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea::-moz-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input:-ms-input-placeholder,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea:-ms-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::-ms-input-placeholder,
.mktoForm
.mktoFieldWrap:not(.mktoCheckboxList)
textarea::-ms-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::-webkit-input-placeholder, .mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea::-webkit-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input:-moz-placeholder, .mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea:-moz-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::-moz-placeholder, .mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea::-moz-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input:-ms-input-placeholder, .mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea:-ms-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::-ms-input-placeholder, .mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea::-ms-input-placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input::placeholder,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea::placeholder {
color: transparent;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea {
padding-top: 0.1875rem !important;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) select {
-webkit-appearance: none;
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-orange.svg);
background-position: right 0.625rem center;
background-repeat: no-repeat;
-webkit-background-size: 1rem 1rem;
-moz-background-size: 1rem;
-o-background-size: 1rem;
background-size: 1rem;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: var(--wp--preset--color--white);
padding-right: 1em;
}
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) input,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) select,
.mktoForm .mktoFieldWrap:not(.mktoCheckboxList) textarea {
background-color: #fff !important;
padding: 1.625rem 0.625rem 0.625rem 0.875rem !important;
}
.mktoForm .mktoButtonRow {
margin-top: 2.4375rem;
}
.mktoForm .mktoButtonWrap {
margin: 0 !important;
}
.mktoForm .mktoButtonWrap .mktoButton[type="submit"] {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--wp--preset--color--sunshine);
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: var(--wp--preset--color--white);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
font-weight: 700;
line-height: 1.375rem;
max-width: 100%;
padding: 0.875rem 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.25s ease, background-color 0.25s ease;
-o-transition: color 0.25s ease, background-color 0.25s ease;
-moz-transition: color 0.25s ease, background-color 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease;
}
.mktoForm .mktoButtonWrap .mktoButton[type="submit"]:focus,
.mktoForm .mktoButtonWrap .mktoButton[type="submit"]:hover {
background-color: var(--wp--preset--color--midnight) !important;
}
.mktoForm .mktoButtonWrap .mktoButton[type="submit"]:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-white.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 0.625rem;
margin-left: 0.1875rem;
-webkit-transform: translateY(-1px) rotate(-90deg);
-moz-transform: translateY(-1px) rotate(-90deg);
-ms-transform: translateY(-1px) rotate(-90deg);
-o-transform: translateY(-1px) rotate(-90deg);
transform: translateY(-1px) rotate(-90deg);
width: 0.625rem;
}
.mktoForm .mktoHtmlText {
font-size: 0.8rem !important;
max-width: 100% !important;
width: 100% !important;
}
.mktoForm .mktoCheckboxList {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.mktoForm .mktoCheckboxList label {
left: unset !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: 0 !important;
-webkit-transform: unset !important;
-moz-transform: unset !important;
-ms-transform: unset !important;
-o-transform: unset !important;
transform: unset !important;
-webkit-transition: unset !important;
-o-transition: unset !important;
-moz-transition: unset !important;
transition: unset !important;
}
.mktoForm .mktoCheckboxList label:after,
.mktoForm .mktoCheckboxList label:before {
content: unset;
}
.mktoForm .mktoCheckboxList input[type="checkbox"] {
clip: unset !important;
-webkit-clip-path: unset !important;
clip-path: unset !important;
height: 1.0625rem !important;
position: relative !important;
width: 1.0625rem !important;
}
.mktoForm .mktoLogicalField.mktoCheckboxList {
width: 100% !important;
}
.mktoForm .mktoLogicalField.mktoCheckboxList label {
font-size: 0.8rem;
padding-left: 1rem !important;
}
.pagination {
color: #000;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 3.625rem;
}
@media (min-width: 768px) {
.pagination {
font-size: 1.125rem;
}
}
.pagination a {
color: inherit;
text-decoration: none;
}
.pagination .page-numbers:not(.next):not(.prev):not(.dots) {
border-bottom: 0.25rem solid transparent;
padding-bottom: 0.3em;
text-align: center;
-webkit-transition: color 0.15s ease, border-color 0.15s ease;
-o-transition: color 0.15s ease, border-color 0.15s ease;
-moz-transition: color 0.15s ease, border-color 0.15s ease;
transition: color 0.15s ease, border-color 0.15s ease;
width: 2.125rem;
}
@media (min-width: 768px) {
.pagination .page-numbers:not(.next):not(.prev):not(.dots) {
width: 3rem;
}
}
.pagination .page-numbers:not(.next):not(.prev):not(.dots).current,
.pagination .page-numbers:not(.next):not(.prev):not(.dots):focus,
.pagination .page-numbers:not(.next):not(.prev):not(.dots):hover {
border-color: var(--wp--preset--color--sunshine);
color: var(--wp--preset--color--sunshine);
}
.pagination .next,
.pagination .prev {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 1rem;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
width: 2.125rem;
}
@media (min-width: 768px) {
.pagination .next,
.pagination .prev {
width: 3rem;
}
}
.pagination .next:focus,
.pagination .next:hover,
.pagination .prev:focus,
.pagination .prev:hover {
color: var(--wp--preset--color--sunshine);
}
.pagination .prev svg {
rotate: 180deg;
}
.pagination svg {
color: inherit;
height: 0.75rem;
width: 0.4375rem;
}
@media (max-width: 1024px) {
.mobile-menu-active {
overflow: hidden;
}
.mobile-menu-active:before {
opacity: 0.8;
visibility: visible;
z-index: 1;
}
}
.g01 {
position: relative;
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
z-index: 99;
}
.g01--dark .g01__primary {
background-color: var(--wp--preset--color--midnight);
}
.is-scrolled .g01--dark .g01__primary,
.mobile-menu-active .g01--dark .g01__primary,
.search-visible .g01--dark .g01__primary {
background-color: var(--wp--preset--color--midnight) !important;
}
.g01--dark .g01__menu-item__link,
.g01--dark .g01__primary-link {
color: #fff;
}
@media (max-width: 1024px) {
.g01--dark .g01__menu-item__link,
.g01--dark .g01__primary-link {
color: #000;
}
}
.g01--light .g01__primary {
background-color: #f5f5f5;
}
.is-scrolled .g01--light .g01__primary,
.mobile-menu-active .g01--light .g01__primary,
.search-visible .g01--light .g01__primary {
background-color: #f5f5f5 !important;
}
.g01--light .g01__menu-item__link,
.g01--light .g01__primary-link {
color: #000;
}
.g01--white .g01__primary {
background-color: #fff;
}
.is-scrolled .g01--white .g01__primary,
.mobile-menu-active .g01--white .g01__primary,
.search-visible .g01--white .g01__primary {
background-color: #fff !important;
}
.g01--white .g01__menu-item__link,
.g01--white .g01__primary-link {
color: #000;
} .g01--overlap .g01__primary {
background-color: transparent;
}
.g01__primary-menu > .g01__menu-item > .g01__menu-item__link {
cursor: pointer;
margin: 0;
padding-right: 1.5rem;
}
.g01__secondary {
background-color: #000;
color: #fff;
height: 2.5rem;
padding: 0.5rem 0;
position: relative;
z-index: 3;
}
.g01__secondary a,
.g01__secondary button {
color: inherit;
text-decoration: none;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.g01__secondary a:focus,
.g01__secondary a:hover,
.g01__secondary button:focus,
.g01__secondary button:hover {
color: var(--wp--preset--color--sunshine);
}
.g01__secondary .header-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.g01__secondary-logo {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.g01__secondary-logo img {
max-height: 1.4375rem;
width: 2.9375rem;
}
.g01__secondary-logo span {
font-size: 0.75rem;
margin-left: 0.125rem;
}
@media (max-width: 500px) {
.g01__secondary-logo span {
display: none;
}
}
.g01__secondary-nav {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
font-weight: 700;
}
.g01__secondary-link {
margin: 0 0 0 2.9375rem;
}
.g01__search {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: inherit;
}
@media (max-width: 500px) {
.g01__search {
display: none;
}
}
.g01__search span {
margin-left: 0.3125rem;
}
.g01__search .svg-icon {
color: var(--wp--preset--color--sunshine);
height: 0.8125rem;
margin-bottom: auto;
width: 0.8125rem;
}
.g01__primary {
height: 5rem;
position: relative;
z-index: 2;
}
.g01__primary .header-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
@media (max-width: 1024px) {
.g01__primary .header-container {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.g01__header-link {
display: block;
max-height: 1.75rem;
max-width: 6.5625rem;
}
.g01__primary-nav {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
height: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 3rem;
position: relative;
width: 100%;
}
@media (max-width: 1024px) {
.g01__primary-nav {
background-color: #fff;
display: block;
margin-top: 5rem;
max-width: 100%;
overflow: auto;
padding: 0;
position: fixed;
right: -30rem;
top: 0;
-webkit-transition: right 0.5s ease;
-o-transition: right 0.5s ease;
-moz-transition: right 0.5s ease;
transition: right 0.5s ease;
width: 30rem;
}
.admin-bar .g01__primary-nav {
margin-top: 7.5rem;
}
.mobile-menu-active .g01__primary-nav {
right: 0;
}
}
.g01__primary-menu {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.g01__primary-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
}
}
.g01__menu-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
@media (max-width: 1024px) {
.g01__menu-item {
border-bottom: 1px solid #eaeaea;
display: inline-block;
height: auto;
margin: 0;
padding: 1rem 2rem;
width: 100%;
}
.g01__menu-item:first-child {
border-top: 1px solid #eaeaea;
}
}
.g01__menu-item:focus .g01__mega-menu,
.g01__menu-item:hover .g01__mega-menu {
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
visibility: visible;
}
@media (max-width: 1024px) {
.g01__menu-item:focus .g01__mega-menu,
.g01__menu-item:hover .g01__mega-menu {
margin: 1rem 0;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
padding-top: 1rem;
}
}
.g01__menu-item:focus .g01__menu-item__link:before,
.g01__menu-item:hover .g01__menu-item__link:before {
opacity: 1;
visibility: visible;
}
.g01__menu-item__link {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #333;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 700;
position: relative;
text-decoration: none;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.g01__menu-item__link--highlight {
font-weight: 700;
}
.g01__menu-item__link:focus,
.g01__menu-item__link:hover {
color: var(--wp--preset--color--sunshine);
}
.g01__menu-item__link:focus .svg-icon,
.g01__menu-item__link:hover .svg-icon {
-webkit-transform: translateY(0.125rem);
-moz-transform: translateY(0.125rem);
-ms-transform: translateY(0.125rem);
-o-transform: translateY(0.125rem);
transform: translateY(0.125rem);
}
.g01__menu-item__link:before {
background-color: #fff;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
bottom: -0.4375rem;
content: "";
display: none;
height: 0.75rem;
left: 1.5625rem;
opacity: 0;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
visibility: hidden;
width: 0.75rem;
z-index: 2;
}
.g01__menu-item__link .svg-icon {
color: var(--wp--preset--color--sunshine);
display: none;
height: 0.625rem;
margin-left: 0.375rem;
margin-top: 0.125rem;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
width: 0.625rem;
}
.g01__menu-item.menu-item-has-children .g01__menu-item__link .svg-icon,
.g01__menu-item.menu-item-has-children .g01__menu-item__link:before {
display: block;
}
.g01__mega-menu {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #fff;
color: var(--wp--preset--color--midnight);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
left: 0;
opacity: 0;
position: absolute;
top: 5rem;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
visibility: hidden;
}
@media (max-width: 1024px) {
.g01__mega-menu {
border-top: 1px solid var(--wp--preset--color--sunshine);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
max-height: 0;
padding: 0;
position: relative;
top: auto;
}
}
@media (min-width: 1025px) {
.g01__mega-menu {
border: 1px solid #eaeaea;
-webkit-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
-moz-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
}
.g01__mega-menu--col-2 .g01__mega-menu__items {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.g01__mega-menu--col-2 .g01__sub-menu-divider {
left: 9.3rem;
}
.g01__mega-menu--col-3 .g01__mega-menu__items {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.g01__mega-menu--col-3 .g01__sub-menu-item {
width: 11rem;
}
}
.g01__mega-menu a {
color: inherit;
}
.g01__mega-menu__description {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.25rem;
font-weight: 400;
padding: 1.875rem;
text-decoration: none;
white-space: nowrap;
}
@media (max-width: 1024px) {
.g01__mega-menu__description {
font-size: 1.5rem;
padding: 0;
}
}
.g01__mega-menu__description .svg-icon {
color: var(--wp--preset--color--sunshine);
height: 0.6875rem;
margin-left: 0.625rem;
margin-top: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 0.6875rem;
}
.g01__mega-menu__items {
list-style: none;
margin: 0;
padding: 2.175rem 1.875rem 1.875rem;
position: relative;
}
@media (max-width: 1024px) {
.g01__mega-menu__items {
font-size: 1rem;
margin-top: 1rem;
padding: 0;
width: 100%;
}
}
.g01__sub-menu {
list-style: none;
margin: 0.75rem 0 0;
padding: 0;
}
.g01__sub-menu-item {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
margin: 0 1rem 0.75rem 0;
width: 7rem;
}
@media (max-width: 1024px) {
.g01__sub-menu-item {
margin: 0 0 1rem;
width: auto;
}
}
.g01__sub-menu-item__link {
font-weight: 400;
position: relative;
text-decoration: none;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.g01__sub-menu-item__link:after {
background-color: var(--wp--preset--color--sunshine);
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
-webkit-transition: background-color 0.25s ease, width 0.25s ease;
-o-transition: background-color 0.25s ease, width 0.25s ease;
-moz-transition: background-color 0.25s ease, width 0.25s ease;
transition: background-color 0.25s ease, width 0.25s ease;
width: 0;
}
.g01__sub-menu-item__link:focus,
.g01__sub-menu-item__link:hover {
color: var(--wp--preset--color--sunshine);
}
.g01__sub-menu-item__link:focus:after,
.g01__sub-menu-item__link:hover:after {
background-color: var(--wp--preset--color--sunshine) !important;
width: 100%;
}
.g01__sub-menu-item__link--has-children,
.g01__sub-menu-item__link--highlight {
font-weight: 700;
}
.g01__sub-menu-item__link--has-children:after,
.g01__sub-menu-item__link--highlight:after {
background-color: var(--wp--preset--color--midnight);
width: 100%;
}
.g01__sub-menu-break {
-webkit-column-break-after: column;
-moz-column-break-after: column;
break-after: column;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.g01__sub-menu-divider {
background-color: #e3e3e3;
height: -webkit-calc(100% - 4.05rem);
height: -moz-calc(100% - 4.05rem);
height: calc(100% - 4.05rem);
left: 13.3rem;
position: absolute;
top: 2.175rem;
width: 1px;
}
@media (max-width: 1024px) {
.g01__sub-menu-divider {
display: none;
}
}
.g01__sub-menu-divider + .g01__sub-menu-divider {
left: 26.6rem;
}
@media (max-width: 1024px) {
.g01__primary-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.g01__primary-link {
cursor: pointer;
display: inline-block;
margin-right: 1.5rem;
position: relative;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.g01__primary-link:focus,
.g01__primary-link:hover {
color: var(--wp--preset--color--sunshine);
}
.g01__primary-link:focus .svg-icon,
.g01__primary-link:hover .svg-icon {
-webkit-transform: rotate(90deg) translateX(1px);
-moz-transform: rotate(90deg) translateX(1px);
-ms-transform: rotate(90deg) translateX(1px);
-o-transform: rotate(90deg) translateX(1px);
transform: rotate(90deg) translateX(1px);
}
.g01__primary-link:focus .g01__primary-link__options,
.g01__primary-link:hover .g01__primary-link__options {
max-height: 18.75rem;
opacity: 1;
overflow: visible;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
visibility: visible;
}
.g01__primary-link:before {
content: "";
height: 3.1875rem;
position: absolute;
right: 0;
top: 0;
width: 3.5625rem;
}
.g01__primary-link__text {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 700;
text-decoration: none;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
@media (max-width: 1024px) {
.g01__primary-link__text {
padding: 1rem 2rem;
}
}
.g01__primary-link__text .svg-icon,
.g01__primary-link__text:focus,
.g01__primary-link__text:hover {
color: var(--wp--preset--color--sunshine);
}
.g01__primary-link__text .svg-icon {
height: 0.625rem;
margin-left: 0.1875rem;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
width: 0.625rem;
}
.g01__primary-link__options {
background-color: #fff;
-webkit-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
-moz-box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
box-shadow: 1px 0.3125rem 1.875rem rgba(51, 51, 51, 0.122);
color: #000;
list-style: none;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
text-decoration: none;
top: 3.1875rem;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: -o-transform 0.25s ease;
-moz-transition: transform 0.25s ease, -moz-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease,
-moz-transform 0.25s ease, -o-transform 0.25s ease;
visibility: hidden;
z-index: 2;
}
.g01__primary-link__options:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0.625rem 0.625rem;
content: "";
height: 0;
position: absolute;
right: 0.4375rem;
top: -0.625rem;
width: 0;
}
.g01__primary-link__options li {
border-bottom: 1px solid #eaeaea;
border-left: 0.1875rem solid var(--wp--preset--color--sunshine);
-webkit-transition: border-left 0.25s ease;
-o-transition: border-left 0.25s ease;
-moz-transition: border-left 0.25s ease;
transition: border-left 0.25s ease;
}
.g01__primary-link__options li:focus,
.g01__primary-link__options li:hover {
border-left-width: 0.375rem;
color: var(--wp--preset--color--sunshine);
}
.g01__primary-link__options li:last-child {
border-bottom: none;
}
.g01__primary-link__option__link {
color: inherit;
display: block;
padding: 1rem 2.5rem 1rem 1.5rem;
text-decoration: none;
-webkit-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media (max-width: 1024px) {
.g01__primary-button {
padding: 1rem 2rem;
text-align: left !important;
}
}
.g01__search-bar-wrapper {
border-bottom: 0.125rem solid #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-width: 90%;
width: 30rem;
}
.g01__search-bar-wrapper:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-close-orange.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 1.5rem;
left: auto;
pointer-events: none;
position: absolute;
right: 1rem;
top: 6rem;
width: 1.5rem;
}
@media (max-width: 500px) {
.g01__search-bar-wrapper:before {
display: none;
}
}
.g01__search-bar {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
top: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
visibility: hidden;
width: 100%;
z-index: -2;
}
@media (max-width: 500px) {
.g01__search-bar {
height: auto;
opacity: 1;
padding: 2rem 0;
position: relative;
visibility: visible;
width: auto;
z-index: 1;
}
}
.g01__search-bar--visible {
opacity: 0.8;
visibility: visible;
z-index: 1;
}
.g01__search-bar:after {
background-color: var(--wp--preset--color--midnight);
content: "";
height: 100%;
opacity: 0.9;
position: absolute;
width: 100%;
z-index: -1;
}
.g01__search-input {
background-color: transparent !important;
border: none;
color: #fff;
font-weight: 700;
outline: none !important;
padding-left: 0;
}
.g01__search-input::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input:-moz-placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input::-moz-placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input::-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input::placeholder {
color: #fff;
opacity: 1;
}
.g01__search-input:-ms-input-placeholder {
color: #fff;
}
.g01__search-input::-ms-input-placeholder {
color: #fff;
}
.g01__search-submit {
background-color: transparent;
border: none;
padding: 0;
}
.g01__search-submit .svg-icon {
color: #fff;
height: 1.375rem;
width: 1.375rem;
}
@media (min-width: 1025px) {
.g01 .hamburger {
display: none;
}
}
.g01 li:before {
content: none !important;
display: none !important;
}
.tax-resource-type .simplr_form {
margin: 3.75rem 0 !important;
}
.single-glossary .yoast-breadcrumbs,
.single-news .wp-block-columns-is-layout-flex,
.tax-resource-type h1,
.term-latest
.main
> :first-child:not(.break-out):not(.no-margin):not(.no-margin-top) {
margin-top: 3.75rem !important;
}
.term-latest #news-feed,
.term-latest .simplr_form {
margin-top: 2.5rem !important;
}
.post-type-archive-event
.main
> :first-child:not(.break-out):not(.no-margin):not(.no-margin-top) {
margin-top: 3.75rem !important;
}
.post-type-archive-event .luna-archive__container,
.post-type-archive-event .simplr_form {
margin-top: 0;
}
.page-id-149 .b12__breadcrumbs-container {
margin: 0 auto 1.25rem;
}
.term-press-releases h1.wp-block-heading {
left: 50%;
margin-top: 3.75rem !important;
max-width: 66rem;
position: relative;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 80vw;
}
.term-press-releases .simplr_form {
margin-top: 2.5rem !important;
}
.term-press-releases .luna-archive__container {
margin-top: 0 !important;
}
.single-news .yoast-breadcrumbs {
margin-bottom: 1.25rem;
}
.post-type-archive-news .wp-container-core-columns-layout-1 {
margin: 3.75rem 0 0 !important;
}
.post-type-archive-news .simplr_form,
.tax-event-type .simplr_form {
margin-top: 2.5rem !important;
}
.tax-event-type
.main
> :first-child:not(.break-out):not(.no-margin):not(.no-margin-top) {
margin-top: 3.75rem !important;
}
.post-type-archive-news .luna-archive__container {
margin-top: 0 !important;
}
.post-type-archive-news .breadcrumbs {
margin-bottom: 1.25rem;
}
.post-type-archive-glossary .wp-block-columns,
.post-type-archive-glossary .wp-block-group {
margin: 0 !important;
}
@media (min-width: 768px) {
.moz-fix {
margin-bottom: 2.5rem;
}
.moz-fix-2 {
margin-bottom: 5.625rem;
}
}
.g02 {
background-color: #f8f8f8;
color: var(--wp--preset--color--midnight);
position: relative;
}
.g02 a {
color: inherit;
text-decoration: none;
}
.g02 a:focus,
.g02 a:hover {
color: var(--wp--preset--color--sunshine);
text-decoration: underline;
}
.g02 .container {
padding: 5.125rem 0 2rem;
}
.g02__footer-link {
display: block;
margin: 0 0 3.625rem;
max-height: 1.75rem;
max-width: 6.5625rem;
}
@media (min-width: 1025px) {
.g02__primary {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.g02__primary-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 900;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
@media (min-width: 1025px) {
.g02__primary-menu {
width: -webkit-calc(100% - 22.125rem);
width: -moz-calc(100% - 22.125rem);
width: calc(100% - 22.125rem);
}
}
.g02__primary-menu .menu-item {
margin-bottom: 1rem;
width: 50%;
}
@media (min-width: 768px) {
.g02__primary-menu .menu-item {
width: 33.33%;
}
}
.g02__newsletter {
width: 22.125rem;
}
.g02__newsletter .privacy-text {
font-size: 0.688rem;
}
.g02__newsletter .mktoForm {
margin-top: 1rem;
width: 100% !important;
}
.g02__newsletter .mktoForm .mktoCheckboxList,
.g02__newsletter .mktoForm .mktoFieldWrap,
.g02__newsletter .mktoForm .mktoFormCol,
.g02__newsletter .mktoForm input,
.g02__newsletter .mktoForm label,
.g02__newsletter .mktoForm select {
float: none !important;
width: 100% !important;
}
.g02__newsletter .mktoForm label {
margin-bottom: 0.5rem;
}
.g02__newsletter .mktoForm input,
.g02__newsletter .mktoForm select {
background-color: #fff;
border: none;
color: #333;
height: 3.125rem;
padding: 1rem !important;
}
.g02__newsletter .mktoForm .mktoCheckboxList > label {
font-size: 0.688rem;
margin-left: 0;
padding-left: 2.375rem;
}
.g02__newsletter .mktoForm .mktoCheckboxList > label:before {
border: none;
}
.g02__newsletter .mktoForm .mktoCheckboxList > label:after {
color: var(--wp--preset--color--sunshine);
}
.g02__newsletter .mktoForm .mktoCaptchaDisclaimer {
font-size: 0.688rem;
}
.g02__newsletter .mktoForm .mktoButtonRow {
margin: 2rem 0 0;
}
.g02__newsletter .mktoForm .mktoButtonRow .mktoButtonWrap {
margin: 0 !important;
}
.g02__newsletter-title {
font-size: 1rem;
font-weight: 900;
}
.g02__social {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
list-style: none;
margin: 3rem 0 1rem;
padding: 0;
}
.g02__social li {
margin-right: 1.5rem;
}
.g02__social .svg-icon {
height: 1.25rem;
width: 1.25rem;
}
.g02__secondary {
color: #000;
font-size: 0.875rem;
margin-top: 2rem;
}
@media (min-width: 768px) {
.g02__secondary {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 5rem;
}
}
.g02__secondary-menu {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
list-style: none;
margin: 0;
padding: 0;
}
.g02__secondary-menu .menu-item {
margin-right: 1rem;
}
@media (max-width: 768px) {
.g02__copyright {
margin-top: 1rem;
}
}
.g02 li:before {
content: none !important;
display: none !important;
}
@media (min-width: 1025px) {
.g02__form-replacement {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.g02__form-replacement .g02__social {
margin-left: auto;
margin-right: 0;
margin-top: 0.375rem;
}
.g02__form-replacement .g02__social li {
margin-left: 1.5rem;
margin-right: 0;
}
}
.is-layout-constrained .wp-block-heading {
-webkit-margin-before: 0;
margin-block-start: 0;
}
.b14 + .wp-block-heading {
margin-top: 6rem;
}
.wp-block-group > .wp-block-heading.alignwide {
margin-bottom: 6.25rem;
margin-left: 0 !important;
width: auto;
}
mark {
background-color: unset;
}
.wp-block-columns {
margin-bottom: 3rem;
margin-top: 3rem;
}
@media (min-width: 768px) {
.wp-block-columns {
margin-bottom: 8.5rem;
margin-top: 8.5rem;
}
}
.wp-block-columns + .wp-block-columns {
margin-top: -1.5rem;
}
@media (min-width: 768px) {
.wp-block-columns + .wp-block-columns {
margin-top: -7rem;
}
}
.wp-block-columns.is-layout-flex {
gap: 2rem;
}
.wp-block-columns.alignwide {
max-width: 66rem;
width: 80vw;
}
.wp-block-group .wp-block-columns.alignwide {
gap: 2rem 6.25rem;
left: 0;
max-width: 67.5rem;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.wp-block-columns.alignfull {
max-width: 66rem;
width: 90vw;
}
.wp-block-columns.has-width-header {
max-width: 82rem;
}
@media (max-width: 1380px) {
.wp-block-columns.has-width-header {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wp-block-columns.has-width-header:not(.is-not-stacked-on-mobile)
.wp-block-column {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.wp-block-group {
margin: 3rem 0;
padding: 0 1rem;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.wp-block-group {
margin: 8.5rem 0;
}
}
.wp-block-group.has-background.has-margins-none {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-group.has-background.has-margins-small {
margin-bottom: 4.5rem;
margin-top: 6.25rem;
padding-bottom: 7.8125rem;
padding-top: 6.25rem;
}
@media (max-width: 767px) {
.wp-block-group.has-background.has-margins-small {
margin-bottom: 3.25rem;
margin-top: 4.25rem;
padding-bottom: 4.25rem;
padding-top: 4.25rem;
}
}
.wp-block-group.has-background.has-margins-small
+ .wp-block-group.has-background {
margin-top: -4.5rem;
}
@media (max-width: 767px) {
.wp-block-group.has-background.has-margins-small
+ .wp-block-group.has-background {
margin-top: -3.25rem;
}
}
.wp-block-group.has-background {
padding: 3rem 5vw;
}
@media (min-width: 768px) {
.wp-block-group.has-background {
padding-bottom: 8.5rem;
padding-top: 8.5rem;
}
}
.wp-block-group.has-background + .wp-block-group.has-background {
margin-top: -3rem;
}
@media (min-width: 768px) {
.wp-block-group.has-background + .wp-block-group.has-background {
margin-top: -8.5rem;
}
}
.wp-block-group.is-layout-constrained > :where(:is(.break-out)) {
max-width: none;
}
.wp-block-group.is-layout-constrained > :where(:is(.gform_wrapper)) {
left: 0;
max-width: 66rem;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.wp-block-group > :first-child {
margin-top: 0 !important;
}
.wp-block-group > :last-child {
margin-bottom: 0 !important;
}
.wp-block-group.is-style-single-shape:before {
background: no-repeat url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-orange-accent-6.svg);
background-position: 50%;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wp-block-group.is-style-single-shape-2:before,
.wp-block-group.is-style-single-shape:before {
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: -1;
}
.wp-block-group.is-style-single-shape-2:before {
background: no-repeat url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-orange-accent-7.svg);
background-position: 50%;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wp-block-group.is-style-two-shapes:before {
background: no-repeat url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-orange-accent-5.svg);
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 22.5rem;
left: 0;
pointer-events: none;
position: absolute;
top: 40%;
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
-ms-transform: translateY(-40%);
-o-transform: translateY(-40%);
transform: translateY(-40%);
width: 100%;
z-index: -1;
}
@media (max-width: 767px) {
.wp-block-group.is-style-two-shapes:before {
height: 9.375rem;
}
}
.wp-block-group.is-style-two-shapes:after {
background: no-repeat url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-hero-accent-2.svg);
background-position: 100%;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 24.375rem;
left: 0;
pointer-events: none;
position: absolute;
top: 25%;
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
width: 100%;
z-index: -1;
}
@media (max-width: 767px) {
.wp-block-group.is-style-two-shapes:after {
height: 9.375rem;
}
}
@media (min-width: 768px) {
.wp-block-group + .b11--outer-background {
margin-top: -8.5rem;
}
}
.g02__newsletter .mktoForm .has-black-background-color .mktoButton,
.g02__newsletter .mktoForm .has-blue-background-color .mktoButton,
.g02__newsletter .mktoForm .has-midnight-background-color .mktoButton,
.has-black-background-color,
.has-black-background-color .g02__newsletter .mktoForm .mktoButton,
.has-black-background-color .wp-block-button__link,
.has-blue-background-color,
.has-blue-background-color .g02__newsletter .mktoForm .mktoButton,
.has-blue-background-color .wp-block-button__link,
.has-midnight-background-color,
.has-midnight-background-color .g02__newsletter .mktoForm .mktoButton,
.has-midnight-background-color .wp-block-button__link {
color: var(--wp--preset--color--white);
}
.wp-block-image {
margin-bottom: 3rem;
margin-top: 3rem;
}
@media (min-width: 768px) {
.wp-block-image {
margin-bottom: 5rem;
margin-top: 5rem;
}
}
.wp-block-group.has-background + .wp-block-image {
margin-bottom: 0;
margin-top: -8.5rem;
}
@media (max-width: 767px) {
.wp-block-group.has-background + .wp-block-image {
margin-top: -3rem;
}
}
.wp-block-image + .wp-block-group.has-background {
margin-top: 0;
}
body .is-layout-constrained .wp-block-image:not(:first-child) {
margin-bottom: 3rem;
margin-top: 3rem;
}
@media (min-width: 768px) {
body .is-layout-constrained .wp-block-image:not(:first-child) {
margin-bottom: 5rem;
margin-top: 5rem;
}
}
.wp-block-image.alignwide {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 66rem;
width: 90vw;
}
.wp-block-image.alignfull img {
max-height: 29.0625rem;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-image.alignfull .wp-element-caption {
margin-left: auto;
margin-right: auto;
max-width: 52.6875rem;
width: 90vw;
}
.wp-block-image figcaption {
display: block;
font-size: 0.875rem;
font-style: normal;
font-style: italic;
margin-top: 1.2em;
}
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
margin: 0;
}
.wp-block-image.alignleft {
float: left;
margin: 0 1.75rem 1rem 0;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image.alignright {
float: right;
margin: 0 0 1rem 1.75rem;
}
.wp-block-separator {
border-bottom: 0 !important;
height: 0.3125rem;
margin: 1.5rem auto;
max-width: 6.25rem !important;
}
.wp-block-separator.has-background-color,
.wp-block-separator.has-text-color {
border-color: currentColor;
}
.wp-block-embed.is-type-video,
.wp-block-video {
--plyr-color-main: currentColor;
cursor: pointer;
margin-bottom: 4rem;
margin-top: 4rem;
text-align: center;
}
@media (max-width: 1050px) {
.wp-block-embed.is-type-video.alignwide,
.wp-block-video.alignwide {
width: auto;
}
}
.wp-block-embed.is-type-video iframe,
.wp-block-video iframe {
aspect-ratio: 16/9;
height: auto;
}
.wp-block-embed.is-type-video .plyr,
.wp-block-video .plyr {
width: 100%;
}
.wp-block-embed.is-type-video .plyr__controls,
.wp-block-video .plyr__controls {
opacity: 0;
}
.wp-block-embed.is-type-video .plyr--paused:after,
.wp-block-embed.is-type-video .plyr--paused:before,
.wp-block-video .plyr--paused:after,
.wp-block-video .plyr--paused:before {
content: "";
height: 4.25rem;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 4.25rem;
z-index: 1;
}
.wp-block-embed.is-type-video .plyr--paused:before,
.wp-block-video .plyr--paused:before {
background-color: var(--wp--preset--color--sunshine);
opacity: 0.8;
-webkit-transition: background-color 0.15s ease, opacity 0.15s ease;
-o-transition: background-color 0.15s ease, opacity 0.15s ease;
-moz-transition: background-color 0.15s ease, opacity 0.15s ease;
transition: background-color 0.15s ease, opacity 0.15s ease;
z-index: 3;
}
.wp-block-embed.is-type-video .plyr--paused:after,
.wp-block-video .plyr--paused:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-play.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 1.5rem;
width: 1.5rem;
z-index: 4;
}
.wp-block-embed.is-type-video .plyr--paused:focus:before,
.wp-block-embed.is-type-video .plyr--paused:hover:before,
.wp-block-video .plyr--paused:focus:before,
.wp-block-video .plyr--paused:hover:before {
background-color: var(--wp--preset--color--midnight);
opacity: 1;
}
.wp-block-embed.is-type-video .plyr--paused .plyr__video-wrapper:before,
.wp-block-video .plyr--paused .plyr__video-wrapper:before {
opacity: 0.4;
}
.wp-block-embed.is-type-video .plyr--playing .plyr__controls,
.wp-block-video .plyr--playing .plyr__controls {
opacity: 1 !important;
}
.wp-block-embed.is-type-video .plyr__control--overlaid,
.wp-block-video .plyr__control--overlaid {
background: none !important;
padding: 0 !important;
}
.wp-block-embed.is-type-video .plyr__control--overlaid svg,
.wp-block-video .plyr__control--overlaid svg {
height: 3.75rem;
width: 3.75rem;
}
.wp-block-embed.is-type-video .plyr__video-wrapper:before,
.wp-block-video .plyr__video-wrapper:before {
background-color: var(--wp--preset--color--black);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
width: 100%;
z-index: 0;
z-index: 2;
}
.wp-block-table {
margin-bottom: 3rem;
margin-top: 3rem;
}
.wp-block-table.alignfull {
max-width: 66rem;
width: 90vw;
}
.wp-block-table td,
.wp-block-table th {
border: none !important;
min-width: 11.5625rem;
padding: 1rem !important;
}
@media (max-width: 767px) {
.wp-block-table td,
.wp-block-table th {
min-width: unset;
}
}
.wp-block-table thead {
border: none !important;
font-size: 1.125rem;
}
.wp-block-table tr:nth-child(odd) td {
background-color: var(--wp--preset--color--grey);
}
@-webkit-keyframes plyr-progress {
to {
background-position: var(--plyr-progress-loading-size, 1.5625rem) 0;
}
}
@-moz-keyframes plyr-progress {
to {
background-position: var(--plyr-progress-loading-size, 1.5625rem) 0;
}
}
@-o-keyframes plyr-progress {
to {
background-position: var(--plyr-progress-loading-size, 1.5625rem) 0;
}
}
@keyframes plyr-progress {
to {
background-position: var(--plyr-progress-loading-size, 1.5625rem) 0;
}
}
@-webkit-keyframes plyr-popup {
0% {
opacity: 0.5;
-webkit-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes plyr-popup {
0% {
opacity: 0.5;
-moz-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes plyr-popup {
0% {
opacity: 0.5;
-o-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
to {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
-webkit-transform: translateY(0.625rem);
-moz-transform: translateY(0.625rem);
-o-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
direction: ltr;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 12.5rem;
position: relative;
text-shadow: none;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease,
-moz-box-shadow 0.3s ease;
z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.plyr__badge {
background: var(--plyr-badge-background, #4a5464);
-webkit-border-radius: var(--plyr-badge-border-radius, 0.125rem);
-moz-border-radius: var(--plyr-badge-border-radius, 0.125rem);
border-radius: var(--plyr-badge-border-radius, 0.125rem);
color: var(--plyr-badge-text-color, #fff);
font-size: var(--plyr-font-size-badge, 0.5625rem);
line-height: 1;
padding: 0.1875rem 0.25rem;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
-webkit-animation: plyr-fade-in 0.3s ease;
-moz-animation: plyr-fade-in 0.3s ease;
-o-animation: plyr-fade-in 0.3s ease;
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: var(--plyr-font-size-small, 0.8125rem);
left: 0;
padding: var(--plyr-control-spacing, 0.625rem);
position: absolute;
text-align: center;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
-o-transition: -o-transform 0.4s ease-in-out;
-moz-transition: transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out,
-moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: var(--plyr-font-size-base, 0.9375rem);
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 2);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 2);
padding: calc(var(--plyr-control-spacing, 0.625rem) * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: var(--plyr-font-size-large, 1.125rem);
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
-webkit-transform: translateY(
-webkit-calc(var(--plyr-control-spacing, 0.625rem) * -4)
);
-moz-transform: translateY(
-moz-calc(var(--plyr-control-spacing, 0.625rem) * -4)
);
-ms-transform: translateY(calc(var(--plyr-control-spacing, 0.625rem) * -4));
-o-transform: translateY(calc(var(--plyr-control-spacing, 0.625rem) * -4));
transform: translateY(calc(var(--plyr-control-spacing, 0.625rem) * -4));
}
.plyr__caption {
background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
-webkit-border-radius: 0.125rem;
-moz-border-radius: 0.125rem;
border-radius: 0.125rem;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__caption div {
display: inline;
}
.plyr__control {
background: transparent;
border: 0;
-webkit-border-radius: var(--plyr-control-radius, 0.1875rem);
-moz-border-radius: var(--plyr-control-radius, 0.1875rem);
border-radius: var(--plyr-control-radius, 0.1875rem);
color: inherit;
cursor: pointer;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: visible;
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding: calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.plyr__control svg {
fill: currentColor;
display: block;
height: var(--plyr-control-icon-size, 1.125rem);
pointer-events: none;
width: var(--plyr-control-icon-size, 1.125rem);
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
outline: var(
--plyr-tab-focus-color,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
)
dotted 0.1875rem;
outline-offset: 0.125rem;
}
a.plyr__control {
text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 4);
margin-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 4);
margin-left: calc(var(--plyr-control-spacing, 0.625rem) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 4);
padding-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 4);
padding-left: calc(var(--plyr-control-spacing, 0.625rem) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2);
padding: 0 -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2);
padding: 0 calc(var(--plyr-control-spacing, 0.625rem) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"],
.plyr__controls:empty {
display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
display: inline-block;
}
.plyr__menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease,
-moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
-webkit-animation: plyr-popup 0.2s ease;
-moz-animation: plyr-popup 0.2s ease;
-o-animation: plyr-popup 0.2s ease;
animation: plyr-popup 0.2s ease;
background: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
bottom: 100%;
-webkit-box-shadow: var(
--plyr-menu-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
-moz-box-shadow: var(--plyr-menu-shadow, 0 1px 0.125rem rgba(0, 0, 0, 0.15));
box-shadow: var(--plyr-menu-shadow, 0 1px 0.125rem rgba(0, 0, 0, 0.15));
color: var(--plyr-menu-color, #4a5464);
font-size: var(--plyr-font-size-base, 0.9375rem);
margin-bottom: 0.625rem;
position: absolute;
right: -0.1875rem;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
-webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
border-top-color: transparent;
border: var(--plyr-menu-arrow-size, 0.25rem) solid transparent;
border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
content: "";
height: 0;
position: absolute;
right: -webkit-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7 -
var(--plyr-menu-arrow-size, 0.25rem) / 2
);
right: -moz-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7 -
var(--plyr-menu-arrow-size, 0.25rem) / 2
);
right: calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7 -
var(--plyr-menu-arrow-size, 0.25rem) / 2
);
top: 100%;
width: 0;
}
.plyr__menu__container [role="menu"] {
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding: calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
margin-top: 0.125rem;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--plyr-menu-color, #4a5464);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 0.8125rem));
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/1.5) -webkit-calc(var(
--plyr-control-spacing,
0.625rem
) * 0.7 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/1.5) -moz-calc(var(
--plyr-control-spacing,
0.625rem
) * 0.7 * 1.5);
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/1.5)
-webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/1.5)
-moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5);
padding: calc(var(--plyr-control-spacing, 0.625rem) * 0.7/1.5)
calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
-webkit-box-align: inherit;
-webkit-align-items: inherit;
-moz-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control:after {
border: var(--plyr-menu-item-arrow-size, 0.25rem) solid transparent;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
padding-right: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
padding-right: calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: -webkit-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
right: -moz-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
right: calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: var(--plyr-font-weight-regular, 400);
margin: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
margin: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
margin: calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
margin-bottom: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
margin-bottom: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
margin-bottom: calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
padding-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
padding-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
padding-left: calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 4);
position: relative;
width: -webkit-calc(100% - var(--plyr-control-spacing, 0.625rem) * 0.7 * 2);
width: -moz-calc(100% - var(--plyr-control-spacing, 0.625rem) * 0.7 * 2);
width: calc(100% - var(--plyr-control-spacing, 0.625rem) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: -webkit-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
left: -moz-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
left: calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * 1.5 -
var(--plyr-menu-item-arrow-size, 0.25rem)
);
}
.plyr__menu__container .plyr__control--back:before {
background: var(--plyr-menu-back-border-color, #dcdfe5);
-webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
-moz-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
margin-top: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
margin-top: calc(var(--plyr-control-spacing, 0.625rem) * 0.7/2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
padding-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
padding-left: calc(var(--plyr-control-spacing, 0.625rem) * 0.7);
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after,
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 1rem;
margin-right: var(--plyr-control-spacing, 0.625rem);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 1rem;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
background: #fff;
border: 0;
height: 0.375rem;
left: 0.75rem;
opacity: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, opacity 0.3s ease,
-moz-transform 0.3s ease;
-moz-transition: transform 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease,
-webkit-transform 0.3s ease, -moz-transform 0.3s ease,
-o-transform 0.3s ease;
width: 0.375rem;
}
.plyr__menu__container
.plyr__control[role="menuitemradio"][aria-checked="true"]:before {
background: var(
--plyr-control-toggle-checked-background,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
);
}
.plyr__menu__container
.plyr__control[role="menuitemradio"][aria-checked="true"]:after {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.plyr__menu__container
.plyr__control[role="menuitemradio"].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: -webkit-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * -1 - -2
);
margin-right: -moz-calc(
var(--plyr-control-spacing, 0.625rem) * 0.7 * -1 - -2
);
margin-right: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * -1 - -2);
margin-right: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * -1 - -2);
margin-right: calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * -1 - -2);
overflow: hidden;
padding-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 3.5);
padding-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 3.5);
padding-left: calc(var(--plyr-control-spacing, 0.625rem) * 0.7 * 3.5);
pointer-events: none;
}
.plyr--full-ui input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
-webkit-border-radius: -webkit-calc(
var(--plyr-range-thumb-height, 0.8125rem) * 2
);
-moz-border-radius: -moz-calc(var(--plyr-range-thumb-height, 0.8125rem) * 2);
border-radius: calc(var(--plyr-range-thumb-height, 0.8125rem) * 2);
color: var(
--plyr-range-fill-background,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
);
display: block;
height: -webkit-calc(
var(--plyr-range-thumb-active-shadow-width, 0.1875rem) * 2 +
var(--plyr-range-thumb-height, 0.8125rem)
);
height: -moz-calc(
var(--plyr-range-thumb-active-shadow-width, 0.1875rem) * 2 +
var(--plyr-range-thumb-height, 0.8125rem)
);
height: calc(
var(--plyr-range-thumb-active-shadow-width, 0.1875rem) * 2 +
var(--plyr-range-thumb-height, 0.8125rem)
);
margin: 0;
min-width: 0;
padding: 0;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease,
-moz-box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
background: transparent;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(currentColor),
to(transparent)
);
background-image: -webkit-linear-gradient(
left,
currentColor var(--value, 0),
transparent var(--value, 0)
);
background-image: -webkit-gradient(
linear,
left top, right top,
from(currentColor),
to(transparent)
);
background-image: linear-gradient(
to right,
currentColor var(--value, 0),
transparent var(--value, 0)
);
border: 0;
-webkit-border-radius: -webkit-calc(
var(--plyr-range-track-height, 0.3125rem) / 2
);
border-radius: calc(var(--plyr-range-track-height, 0.3125rem) / 2);
height: var(--plyr-range-track-height, 0.3125rem);
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
);
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
);
height: var(--plyr-range-thumb-height, 0.8125rem);
margin-top: -webkit-calc(
(
var(--plyr-range-thumb-height, 0.8125rem) -
var(--plyr-range-track-height, 0.3125rem)
)/2 * -1
);
margin-top: -webkit-calc(
(
var(--plyr-range-thumb-height, 0.8125rem) -
var(--plyr-range-track-height, 0.3125rem)
) / 2 * -1
);
margin-top: calc(
(
var(--plyr-range-thumb-height, 0.8125rem) -
var(--plyr-range-track-height, 0.3125rem)
) / 2 * -1
);
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: var(--plyr-range-thumb-height, 0.8125rem);
}
.plyr--full-ui input[type="range"]::-moz-range-track {
background: transparent;
border: 0;
-moz-border-radius: -moz-calc(var(--plyr-range-track-height, 0.3125rem) / 2);
border-radius: calc(var(--plyr-range-track-height, 0.3125rem) / 2);
height: var(--plyr-range-track-height, 0.3125rem);
-moz-transition: box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
-moz-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
background: var(--plyr-range-thumb-background, #fff);
border: 0;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
);
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
);
height: var(--plyr-range-thumb-height, 0.8125rem);
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: var(--plyr-range-thumb-height, 0.8125rem);
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
background: currentColor;
-moz-border-radius: -moz-calc(var(--plyr-range-track-height, 0.3125rem) / 2);
border-radius: calc(var(--plyr-range-track-height, 0.3125rem) / 2);
height: var(--plyr-range-track-height, 0.3125rem);
}
.plyr--full-ui input[type="range"]::-ms-track {
color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper,
.plyr--full-ui input[type="range"]::-ms-track {
background: transparent;
border: 0;
border-radius: calc(var(--plyr-range-track-height, 0.3125rem) / 2);
height: var(--plyr-range-track-height, 0.3125rem);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
background: transparent;
background: currentColor;
border: 0;
border-radius: calc(var(--plyr-range-track-height, 0.3125rem) / 2);
height: var(--plyr-range-track-height, 0.3125rem);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
);
height: var(--plyr-range-thumb-height, 0.8125rem);
margin-top: 0;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: var(--plyr-range-thumb-height, 0.8125rem);
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type="range"]:focus {
outline: 0;
}
.plyr--full-ui
input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
outline: var(
--plyr-tab-focus-color,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
)
dotted 0.1875rem;
outline-offset: 0.125rem;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
outline: var(
--plyr-tab-focus-color,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
)
dotted 0.1875rem;
outline-offset: 0.125rem;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
outline: var(
--plyr-tab-focus-color,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
)
dotted 0.1875rem;
outline-offset: 0.125rem;
}
.plyr__poster {
background-color: var(
--plyr-video-background,
var(--plyr-video-background, #000)
);
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped)
.plyr__poster {
display: none;
}
.plyr__time {
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 0.8125rem));
}
.plyr__time + .plyr__time:before {
content: "⁄";
margin-right: var(--plyr-control-spacing, 0.625rem);
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr__tooltip {
background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
-webkit-border-radius: var(--plyr-tooltip-radius, 0.1875rem);
-moz-border-radius: var(--plyr-tooltip-radius, 0.1875rem);
border-radius: var(--plyr-tooltip-radius, 0.1875rem);
bottom: 100%;
-webkit-box-shadow: var(
--plyr-tooltip-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
-moz-box-shadow: var(
--plyr-tooltip-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 0.125rem rgba(0, 0, 0, 0.15));
color: var(--plyr-tooltip-color, #4a5464);
font-size: var(--plyr-font-size-small, 0.8125rem);
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
opacity: 0;
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2) -webkit-calc(var(
--plyr-control-spacing,
0.625rem
) / 2 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2) -moz-calc(var(
--plyr-control-spacing,
0.625rem
) / 2 * 1.5);
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2)
-webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2)
-moz-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
padding: calc(var(--plyr-control-spacing, 0.625rem) / 2)
calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
pointer-events: none;
position: absolute;
-webkit-transform: translate(-50%, 0.625rem) scale(0.8);
-moz-transform: translate(-50%, 0.625rem) scale(0.8);
-ms-transform: translate(-50%, 0.625rem) scale(0.8);
-o-transform: translate(-50%, 0.625rem) scale(0.8);
transform: translate(-50%, 0.625rem) scale(0.8);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
-o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-moz-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s,
-o-transform 0.2s ease 0.1s;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip:before {
border-left: var(--plyr-tooltip-arrow-size, 0.25rem) solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 0.25rem) solid transparent;
border-top: var(--plyr-tooltip-arrow-size, 0.25rem) solid
var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
bottom: -moz-calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
-webkit-transform: translate(-50%) scale(1);
-moz-transform: translate(-50%) scale(1);
-ms-transform: translate(-50%) scale(1);
-o-transform: translate(-50%) scale(1);
transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
-webkit-transform: translateY(0.625rem) scale(0.8);
-moz-transform: translateY(0.625rem) scale(0.8);
-ms-transform: translateY(0.625rem) scale(0.8);
-o-transform: translateY(0.625rem) scale(0.8);
transform: translateY(0.625rem) scale(0.8);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control
.plyr__tooltip:before {
left: -webkit-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
left: -moz-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
left: calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
-webkit-transform: translateY(0.625rem) scale(0.8);
-moz-transform: translateY(0.625rem) scale(0.8);
-ms-transform: translateY(0.625rem) scale(0.8);
-o-transform: translateY(0.625rem) scale(0.8);
transform: translateY(0.625rem) scale(0.8);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: -webkit-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
right: -moz-calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
right: calc(
var(--plyr-control-icon-size, 1.125rem) / 2 +
var(--plyr-control-spacing, 0.625rem) * 0.7
);
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control
.plyr__tooltip--visible,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control.plyr__tab-focus
.plyr__tooltip,
.plyr__controls
> .plyr__control:first-child
+ .plyr__control:hover
.plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
-webkit-transform: translate(0) scale(1);
-moz-transform: translate(0) scale(1);
-ms-transform: translate(0) scale(1);
-o-transform: translate(0) scale(1);
transform: translate(0) scale(1);
}
.plyr__progress {
left: -webkit-calc(var(--plyr-range-thumb-height, 0.8125rem) * 0.5);
left: -moz-calc(var(--plyr-range-thumb-height, 0.8125rem) * 0.5);
left: calc(var(--plyr-range-thumb-height, 0.8125rem) * 0.5);
margin-right: var(--plyr-range-thumb-height, 0.8125rem);
position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
margin-left: -webkit-calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
margin-left: -moz-calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
margin-left: calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
margin-right: -webkit-calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
margin-right: -moz-calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
margin-right: calc(var(--plyr-range-thumb-height, 0.8125rem) * -0.5);
width: -webkit-calc(100% + var(--plyr-range-thumb-height, 0.8125rem));
width: -moz-calc(100% + var(--plyr-range-thumb-height, 0.8125rem));
width: calc(100% + var(--plyr-range-thumb-height, 0.8125rem));
}
.plyr__progress input[type="range"] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 0.8125rem));
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: transparent;
border: 0;
-webkit-border-radius: 6.25rem;
-moz-border-radius: 6.25rem;
border-radius: 6.25rem;
height: var(--plyr-range-track-height, 0.3125rem);
left: 0;
margin-top: -webkit-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-top: -moz-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-top: calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
-webkit-border-radius: 6.25rem;
border-radius: 6.25rem;
min-width: var(--plyr-range-track-height, 0.3125rem);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
-moz-border-radius: 6.25rem;
border-radius: 6.25rem;
min-width: var(--plyr-range-track-height, 0.3125rem);
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 6.25rem;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
-webkit-animation: plyr-progress 1s linear infinite;
-moz-animation: plyr-progress 1s linear infinite;
-o-animation: plyr-progress 1s linear infinite;
animation: plyr-progress 1s linear infinite;
background-image: -webkit-linear-gradient(
135deg,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
transparent 25%,
transparent 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
transparent 75%,
transparent
);
background-image: -moz-linear-gradient(
135deg,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
transparent 25%,
transparent 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
transparent 75%,
transparent
);
background-image: -o-linear-gradient(
135deg,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
transparent 25%,
transparent 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
transparent 75%,
transparent
);
background-image: linear-gradient(
-45deg,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
transparent 25%,
transparent 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
transparent 75%,
transparent
);
background-repeat: repeat-x;
-webkit-background-size: var(--plyr-progress-loading-size, 1.5625rem)
var(--plyr-progress-loading-size, 1.5625rem);
-moz-background-size: var(--plyr-progress-loading-size, 1.5625rem)
var(--plyr-progress-loading-size, 1.5625rem);
-o-background-size: var(--plyr-progress-loading-size, 1.5625rem)
var(--plyr-progress-loading-size, 1.5625rem);
background-size: var(--plyr-progress-loading-size, 1.5625rem)
var(--plyr-progress-loading-size, 1.5625rem);
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: var(
--plyr-video-progress-buffered-background,
hsla(0, 0%, 100%, 0.25)
);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: var(
--plyr-audio-progress-buffered-background,
rgba(193, 200, 209, 0.6)
);
}
.plyr__volume {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-width: 6.875rem;
min-width: 5rem;
position: relative;
width: 20%;
}
.plyr__volume input[type="range"] {
margin-left: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2);
margin-left: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2);
margin-left: calc(var(--plyr-control-spacing, 0.625rem) / 2);
margin-right: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2);
margin-right: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2);
margin-right: calc(var(--plyr-control-spacing, 0.625rem) / 2);
position: relative;
z-index: 2;
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto;
}
.plyr__marker__points {
background-color: #fff;
-webkit-border-radius: var(--plyr-range-track-height, 0.3125rem);
-moz-border-radius: var(--plyr-range-track-height, 0.3125rem);
border-radius: var(--plyr-range-track-height, 0.3125rem);
height: var(--plyr-range-track-height, 0.3125rem);
margin-left: -webkit-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-left: -moz-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-left: calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-top: -webkit-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-top: -moz-calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
margin-top: calc(var(--plyr-range-track-height, 0.3125rem) / 2 * -1);
position: absolute;
top: 50%;
width: var(--plyr-range-track-height, 0.3125rem);
z-index: 3;
}
.plyr__marker__tip {
background: var(--plyr-markers-background, hsla(0, 0%, 100%, 0.9));
-webkit-border-radius: var(--plyr-markers-radius, 0.1875rem);
-moz-border-radius: var(--plyr-markers-radius, 0.1875rem);
border-radius: var(--plyr-markers-radius, 0.1875rem);
bottom: 100%;
-webkit-box-shadow: var(
--plyr-markers-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
-moz-box-shadow: var(
--plyr-markers-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
box-shadow: var(--plyr-markers-shadow, 0 1px 0.125rem rgba(0, 0, 0, 0.15));
color: var(--plyr-markers-color, #4a5464);
font-size: var(--plyr-font-size-small, 0.8125rem);
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
opacity: 0;
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2) -webkit-calc(var(
--plyr-control-spacing,
0.625rem
) / 2 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2) -moz-calc(var(
--plyr-control-spacing,
0.625rem
) / 2 * 1.5);
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2)
-webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2)
-moz-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
padding: calc(var(--plyr-control-spacing, 0.625rem) / 2)
calc(var(--plyr-control-spacing, 0.625rem) / 2 * 1.5);
pointer-events: none;
position: absolute;
-webkit-transform: translate(-50%, 0.625rem) scale(0.8);
-moz-transform: translate(-50%, 0.625rem) scale(0.8);
-ms-transform: translate(-50%, 0.625rem) scale(0.8);
-o-transform: translate(-50%, 0.625rem) scale(0.8);
transform: translate(-50%, 0.625rem) scale(0.8);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
-o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-moz-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s,
-o-transform 0.2s ease 0.1s;
white-space: nowrap;
z-index: 2;
}
.plyr__marker__tip:before {
border-left: var(--plyr-markers-arrow-size, 0.25rem) solid transparent;
border-right: var(--plyr-markers-arrow-size, 0.25rem) solid transparent;
border-top: var(--plyr-markers-arrow-size, 0.25rem) solid
var(--plyr-markers-background, hsla(0, 0%, 100%, 0.9));
bottom: -webkit-calc(var(--plyr-markers-arrow-size, 0.25rem) * -1);
bottom: -moz-calc(var(--plyr-markers-arrow-size, 0.25rem) * -1);
bottom: calc(var(--plyr-markers-arrow-size, 0.25rem) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__marker__tip--visible {
opacity: 1;
-webkit-transform: translate(-50%) scale(1);
-moz-transform: translate(-50%) scale(1);
-ms-transform: translate(-50%) scale(1);
-o-transform: translate(-50%) scale(1);
transform: translate(-50%) scale(1);
z-index: 3;
}
.plyr--audio {
display: block;
}
.plyr--audio .plyr__controls {
background: var(--plyr-audio-controls-background, #fff);
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
color: var(--plyr-audio-control-color, #4a5464);
padding: var(--plyr-control-spacing, 0.625rem);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
background: var(
--plyr-audio-control-background-hover,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
);
color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
);
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
);
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
-webkit-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
-moz-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--audio .plyr__progress__buffer {
color: var(
--plyr-audio-progress-buffered-background,
rgba(193, 200, 209, 0.6)
);
}
.plyr--video {
background: var(--plyr-video-background, var(--plyr-video-background, #000));
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: var(--plyr-video-background, var(--plyr-video-background, #000));
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
-webkit-transform: translateY(-38.28125%);
-moz-transform: translateY(-38.28125%);
-ms-transform: translateY(-38.28125%);
-o-transform: translateY(-38.28125%);
transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
background: var(
--plyr-video-controls-background,
linear-gradient(transparent, rgba(0, 0, 0, 0.75))
);
-webkit-border-bottom-left-radius: inherit;
-moz-border-radius-bottomleft: inherit;
border-bottom-left-radius: inherit;
-webkit-border-bottom-right-radius: inherit;
-moz-border-radius-bottomright: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2);
padding: calc(var(--plyr-control-spacing, 0.625rem) / 2);
padding-top: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 2);
padding-top: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 2);
padding-top: calc(var(--plyr-control-spacing, 0.625rem) * 2);
position: absolute;
right: 0;
-webkit-transition: opacity 0.4s ease-in-out,
-webkit-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out,
-moz-transform 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out,
-webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out,
-o-transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: var(--plyr-control-spacing, 0.625rem);
padding-top: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 3.5);
padding-top: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 3.5);
padding-top: calc(var(--plyr-control-spacing, 0.625rem) * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
background: var(
--plyr-video-control-background-hover,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
);
color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
background: var(
--plyr-video-control-background-hover,
var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
);
border: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: 0.9;
padding: -webkit-calc(var(--plyr-control-spacing, 0.625rem) * 1.5);
padding: -moz-calc(var(--plyr-control-spacing, 0.625rem) * 1.5);
padding: calc(var(--plyr-control-spacing, 0.625rem) * 1.5);
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
z-index: 2;
}
.plyr__control--overlaid svg {
left: 0.125rem;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
);
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
);
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
-webkit-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
-moz-box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
box-shadow: var(
--plyr-range-thumb-shadow,
0 1px 1px rgba(35, 40, 47, 0.15),
0 0 0 1px rgba(35, 40, 47, 0.2)
),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 0.1875rem)
var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--video .plyr__progress__buffer {
color: var(
--plyr-video-progress-buffered-background,
hsla(0, 0%, 100%, 0.25)
);
}
.plyr:-webkit-full-screen {
background: #000;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen {
background: #000;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: var(--plyr-font-size-xlarge, 1.3125rem);
}
.plyr:-moz-full-screen .plyr__captions {
font-size: var(--plyr-font-size-xlarge, 1.3125rem);
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: var(--plyr-font-size-xlarge, 1.3125rem);
}
.plyr:fullscreen .plyr__captions {
font-size: var(--plyr-font-size-xlarge, 1.3125rem);
}
}
.plyr--fullscreen-fallback {
background: #000;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
bottom: 0;
display: block;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: var(--plyr-font-size-xlarge, 1.3125rem);
}
}
.plyr__ads {
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads:after {
background: #23282f;
-webkit-border-radius: 0.125rem;
-moz-border-radius: 0.125rem;
border-radius: 0.125rem;
bottom: var(--plyr-control-spacing, 0.625rem);
color: #fff;
content: attr(data-badge-text);
font-size: 0.6875rem;
padding: 0.125rem 0.375rem;
pointer-events: none;
position: absolute;
right: var(--plyr-control-spacing, 0.625rem);
z-index: 3;
}
.plyr__ads:empty:after {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: var(--plyr-range-track-height, 0.3125rem);
left: 0;
opacity: 0.8;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.1875rem;
z-index: 3;
}
.plyr__preview-thumb {
background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
-webkit-border-radius: 0.1875rem;
-moz-border-radius: 0.1875rem;
border-radius: 0.1875rem;
bottom: 100%;
-webkit-box-shadow: var(
--plyr-tooltip-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
-moz-box-shadow: var(
--plyr-tooltip-shadow,
0 1px 0.125rem rgba(0, 0, 0, 0.15)
);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 0.125rem rgba(0, 0, 0, 0.15));
margin-bottom: -webkit-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: -moz-calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
margin-bottom: calc(var(--plyr-control-spacing, 0.625rem) / 2 * 2);
opacity: 0;
padding: var(--plyr-tooltip-radius, 0.1875rem);
pointer-events: none;
position: absolute;
-webkit-transform: translateY(0.625rem) scale(0.8);
-moz-transform: translateY(0.625rem) scale(0.8);
-ms-transform: translateY(0.625rem) scale(0.8);
-o-transform: translateY(0.625rem) scale(0.8);
transform: translateY(0.625rem) scale(0.8);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
-o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-moz-transform 0.2s ease 0.1s;
-moz-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s,
-webkit-transform 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s,
-o-transform 0.2s ease 0.1s;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
-webkit-transform: translate(0) scale(1);
-moz-transform: translate(0) scale(1);
-ms-transform: translate(0) scale(1);
-o-transform: translate(0) scale(1);
transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
border-left: var(--plyr-tooltip-arrow-size, 0.25rem) solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 0.25rem) solid transparent;
border-top: var(--plyr-tooltip-arrow-size, 0.25rem) solid
var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
bottom: -moz-calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 0.25rem) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
-webkit-border-radius: -webkit-calc(
var(--plyr-tooltip-radius, 0.1875rem) - 1px
);
-moz-border-radius: -moz-calc(var(--plyr-tooltip-radius, 0.1875rem) - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 0.1875rem) - 1px);
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 0.375rem;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
-webkit-border-radius: -webkit-calc(
var(--plyr-tooltip-radius, 0.1875rem) - 1px
);
-moz-border-radius: -moz-calc(var(--plyr-tooltip-radius, 0.1875rem) - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 0.1875rem) - 1px);
color: #fff;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 0.8125rem));
padding: 0.1875rem 0.375rem;
}
.plyr__preview-scrubbing {
bottom: 0;
-webkit-filter: blur(1px);
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
-webkit-transition: none !important;
-o-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
.wp-block-luna-video {
--plyr-color-main: currentColor;
cursor: pointer;
margin-bottom: 4rem;
margin-top: 4rem;
text-align: center;
}
@media (max-width: 1050px) {
.wp-block-luna-video.alignwide {
width: auto;
}
}
.wp-block-luna-video iframe {
aspect-ratio: 16/9;
height: auto;
}
.wp-block-luna-video .plyr {
width: 100%;
}
.wp-block-luna-video .plyr__controls {
opacity: 0;
}
.wp-block-luna-video .plyr--paused:after,
.wp-block-luna-video .plyr--paused:before {
content: "";
height: 4.25rem;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 4.25rem;
z-index: 1;
}
.wp-block-luna-video .plyr--paused:before {
background-color: var(--wp--preset--color--sunshine);
opacity: 0.8;
pointer-events: none;
-webkit-transition: background-color 0.15s ease, opacity 0.15s ease;
-o-transition: background-color 0.15s ease, opacity 0.15s ease;
-moz-transition: background-color 0.15s ease, opacity 0.15s ease;
transition: background-color 0.15s ease, opacity 0.15s ease;
z-index: 3;
}
.wp-block-luna-video .plyr--paused:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-play.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
height: 1.5rem;
pointer-events: none;
width: 1.5rem;
z-index: 4;
}
.wp-block-luna-video .plyr--paused:focus:before,
.wp-block-luna-video .plyr--paused:hover:before {
background-color: var(--wp--preset--color--midnight);
opacity: 1;
}
.wp-block-luna-video .plyr--paused .plyr__video-wrapper:before {
opacity: 0.4;
}
.wp-block-luna-video .plyr--playing .plyr__controls {
opacity: 1 !important;
}
.wp-block-luna-video .plyr__control--overlaid {
background: none !important;
}
.wp-block-luna-video .plyr__control--overlaid svg {
display: none;
height: 3.75rem;
width: 3.75rem;
}
.wp-block-luna-video .plyr__video-wrapper:before {
background-color: var(--wp--preset--color--black);
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
width: 100%;
z-index: 0;
z-index: 2;
}
.wp-block-luna-video .wistia_embed {
aspect-ratio: 16/9;
display: block;
height: auto !important;
position: relative;
width: 100% !important;
}
@supports not (aspect-ratio: 16/9) {
.wp-block-luna-video .wistia_embed {
height: 0 !important;
padding-bottom: 56.25%;
}
}
.wp-block-luna-video .wistia_embed > * {
height: 100% !important;
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 100% !important;
z-index: 0 !important;
}
.wp-block-luna-accordion {
margin: 3rem 0;
}
.wp-block-luna-accordion + .wp-block-luna-accordion {
margin-top: -3rem;
}
.wp-block-luna-accordion__button {
background-color: transparent;
border: 0;
padding: 0;
position: relative;
text-align: left;
width: 100%;
}
.wp-block-luna-accordion__button:focus {
outline: 0;
}
.wp-block-luna-accordion__button:after,
.wp-block-luna-accordion__button:before {
background-color: currentColor;
content: "";
height: 0.25rem;
position: absolute;
right: 0;
top: 1.125rem;
width: 1.75rem;
}
.wp-block-luna-accordion__button:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wp-block-luna-accordion__button[aria-expanded="true"]:after {
display: none;
}
.wp-block-luna-accordion__wrapper {
max-height: var(--max-height);
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
-o-transition: max-height 0.3s ease;
-moz-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.wp-block-luna-accordion__wrapper[aria-hidden="true"] {
max-height: 0;
-webkit-transition: max-height 0.15s ease;
-o-transition: max-height 0.15s ease;
-moz-transition: max-height 0.15s ease;
transition: max-height 0.15s ease;
}
.wp-block-luna-accordion__content {
padding: 1.75em 0;
-webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
-o-transition: opacity 0.6s ease, -o-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, transform 0.6s ease,
-moz-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, transform 0.6s ease, -moz-transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease, -moz-transform 0.6s ease, -o-transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease,
-webkit-transform 0.6s ease, -moz-transform 0.6s ease,
-o-transform 0.6s ease;
}
.wp-block-luna-accordion__wrapper[aria-hidden="true"]
.wp-block-luna-accordion__content {
opacity: 0;
-webkit-transform: translateY(2rem);
-moz-transform: translateY(2rem);
-ms-transform: translateY(2rem);
-o-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 0.15s ease 0.15s,
-webkit-transform 0.15s ease 0.15s;
transition: opacity 0.15s ease 0.15s, -webkit-transform 0.15s ease 0.15s;
-o-transition: opacity 0.15s ease 0.15s, -o-transform 0.15s ease 0.15s;
-moz-transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s,
-moz-transform 0.15s ease 0.15s;
-webkit-transition: opacity 0.15s ease 0.15s, -webkit-transform 0.15s ease 0.15s;
-moz-transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s, -moz-transform 0.15s ease 0.15s;
transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s;
transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s, -webkit-transform 0.15s ease 0.15s, -moz-transform 0.15s ease 0.15s, -o-transform 0.15s ease 0.15s;
transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s,
-webkit-transform 0.15s ease 0.15s, -moz-transform 0.15s ease 0.15s,
-o-transform 0.15s ease 0.15s;
}
.wp-block-luna-accordion__content > :first-child {
margin-top: 0;
}
.wp-block-luna-accordion__content > :last-child {
margin-bottom: 0;
}
.b01 {
margin-bottom: 3rem;
position: relative;
}
@media (max-width: 767px) {
.b01 {
background-color: var(--wp--preset--color--midnight);
}
}
.b01__content {
padding: 11.7rem 0 7.125rem;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.b01__content {
max-width: 34rem;
width: 50%;
}
}
.b01__title {
color: var(--wp--preset--color--midnight);
font-size: 3.125rem;
font-weight: 400;
line-height: 1.2;
}
@media (max-width: 767px) {
.b01__title {
color: var(--wp--preset--color--white);
}
}
.b01__text {
font-size: 1.25rem;
margin: 1.7rem 0 2.5rem;
}
@media (max-width: 767px) {
.b01__text {
color: var(--wp--preset--color--white);
}
}
.b01__background {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
@media (max-width: 767px) {
.b01__background {
display: none;
}
}
.b01__cta {
margin-bottom: 0.625rem;
}
.b01__cta:first-child {
margin-right: 0.625rem;
}
.b02 {
margin: 2.5rem 0 4.25rem;
}
.b02__logos-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.5rem;
}
.b02__logo,
.b02__logos-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.b02__logo {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 2.375rem;
margin: 1rem 0.5rem;
position: relative;
width: -webkit-calc(50% - 1rem);
width: -moz-calc(50% - 1rem);
width: calc(50% - 1rem);
}
@media (min-width: 700px) {
.b02__logo {
width: -webkit-calc(33.33333% - 1rem);
width: -moz-calc(33.33333% - 1rem);
width: calc(33.33333% - 1rem);
}
}
@media (min-width: 900px) {
.b02__logo {
width: -webkit-calc(25% - 1rem);
width: -moz-calc(25% - 1rem);
width: calc(25% - 1rem);
}
}
@media (min-width: 1100px) {
.b02__logo {
width: -webkit-calc(16.66667% - 1rem);
width: -moz-calc(16.66667% - 1rem);
width: calc(16.66667% - 1rem);
}
}
.b02__logo__image {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
height: 100%;
left: 0;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b03,
.b03__container {
position: relative;
}
.b03__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 10;
}
@media (min-width: 900px) {
.b03__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.b03__container--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.b03__container--reverse .b03__content {
padding-left: 14%;
padding-right: 0;
}
}
.b03__container + .b03__graphic-wrapper {
bottom: 0;
position: absolute;
width: 100%;
z-index: 1;
}
@media (min-width: 900px) {
.b03__container + .b03__graphic-wrapper {
bottom: unset;
height: 100%;
right: 0;
top: -2.875rem;
width: 61%;
}
}
.b03__container + .b03__graphic-wrapper svg {
aspect-ratio: 1/1;
color: #f5f5f5;
position: relative;
width: 100%;
}
@media (min-width: 900px) {
.b03__container--reverse + .b03__graphic-wrapper {
left: 0;
right: unset;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
}
.b03__content {
width: 100%;
}
@media (min-width: 900px) {
.b03__content {
padding-right: 14%;
padding-top: 3em;
width: 43%;
}
}
.b03__image {
margin: 0 auto;
width: 100%;
}
.b03--has-shadow .b03__image {
-webkit-box-shadow: 1rem 1rem 1.5rem #b0b0b0;
-moz-box-shadow: 1rem 1rem 1.5rem #b0b0b0;
box-shadow: 1rem 1rem 1.5rem #b0b0b0;
}
@media (min-width: 900px) {
.b03__image {
width: 57%;
}
}
.b03__image__image {
margin: 0 auto;
}
.b04 {
--current-tab: 0;
margin-bottom: 5.25rem !important;
margin-top: 5.25rem !important;
overflow: hidden;
z-index: 1;
}
@media (max-width: 767px) {
.b04 {
padding-top: 2rem;
}
}
.b04:before {
background-color: var(--wp--preset--color--white);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
@media (max-width: 767px) {
.b04:before {
content: "";
}
}
.b04.b04--background-faded-blue:before {
background-color: var(--wp--preset--color--aqua);
opacity: 0.1;
}
.b04 + .b05 {
margin-top: -5.25rem;
}
.b04__controls {
position: relative;
z-index: 1;
}
.b04__tabs--desktop {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 1.125rem;
}
@media (max-width: 767px) {
.b04__tabs--desktop {
display: none;
}
}
.b04__tabs--mobile {
display: none;
padding-bottom: 2rem;
}
@media (max-width: 767px) {
.b04__tabs--mobile {
display: block;
}
}
.b04__select-wrapper {
position: relative;
}
.b04__select-wrapper svg {
height: 1rem;
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1rem;
}
.b04__select,
.b04__select-wrapper svg {
color: var(--wp--preset--color--midnight);
}
.b04__select {
background-color: unset;
border: 0.0625rem solid var(--wp--preset--color--midnight);
padding: 1rem;
}
.b04__tab {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
cursor: pointer;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: 1.625rem;
padding: 0.5rem 0;
position: relative;
text-align: left;
-webkit-transition: background-color 0.15s ease;
-o-transition: background-color 0.15s ease;
-moz-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
.b04--line-orange .b04__tab {
padding-bottom: 0.625rem;
}
.b04__tab:after {
background-color: var(--wp--preset--color--sunshine);
bottom: 0;
content: "";
height: 0.3125rem;
left: 0;
position: absolute;
-webkit-transition: height 0.15s ease;
-o-transition: height 0.15s ease;
-moz-transition: height 0.15s ease;
transition: height 0.15s ease;
width: 100%;
}
.b04--line-multiple .b04__tab:after {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.b04--background-faded-blue .b04__tab:focus,
.b04--background-faded-blue .b04__tab:hover {
background-color: var(--wp--preset--color--grey);
}
.b04__tab--active {
font-weight: 700;
}
.b04__tab--active:after {
height: 0.625rem;
}
.b04--line-multiple .b04__tab:nth-child(1n):after {
background-color: var(--wp--preset--color--aqua);
}
.b04--line-multiple .b04__tab:nth-child(2n):after {
background-color: var(--wp--preset--color--purple);
}
.b04--line-multiple .b04__tab:nth-child(3n):after {
background-color: var(--wp--preset--color--teal);
}
.b04__tab-content-wrapper {
position: relative;
}
.b04__tab-content-wrapper:after {
background-color: var(--wp--preset--color--white);
content: "";
height: 100%;
left: 0;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
width: 100vw;
z-index: 0;
}
.b04--background-faded-blue .b04__tab-content-wrapper:after {
background-color: var(--wp--preset--color--aqua);
opacity: 0.1;
}
@media (max-width: 767px) {
.b04__tab-content-wrapper:after {
display: none;
}
}
.b04__tab-content,
.b04__tab-content > * > .block-editor-block-list__layout {
color: var(--wp--preset--color--black);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 6.25rem 0;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.b04__tab-content,
.b04__tab-content > * > .block-editor-block-list__layout {
padding-top: 2rem;
}
}
.b04--background-faded-blue .b04__tab-content,
.b04--background-faded-blue
.b04__tab-content
> *
> .block-editor-block-list__layout {
color: var(--wp--preset--color--black);
}
.b04__tab-content > *,
.b04__tab-content > * > .block-editor-block-list__layout > * {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.b04__tab-content > * > .block-editor-block-list__layout > :first-child,
.b04__tab-content > :first-child {
margin-left: -webkit-calc(var(--current-tab) * -100%);
margin-left: -moz-calc(var(--current-tab) * -100%);
margin-left: calc(var(--current-tab) * -100%);
}
.b04 .wp-block-columns {
gap: 4.125rem;
margin: 0;
width: auto;
}
.b04 .inner-content[aria-hidden="true"] {
display: none;
}
.b04:not(.used) .wp-block-acf-inner-content:first-child .inner-content {
display: block;
}
.b04 .inner-content__wrapper > :first-child,
.b04 .wp-block-column > :first-child {
margin-top: 0;
}
.b04 .inner-content__wrapper > :last-child,
.b04 .wp-block-column > :last-child {
margin-bottom: 0;
}
.b04 .wp-block-image {
margin-bottom: 1.875rem;
margin-top: 1.875rem;
}
.b04 .b13__image {
-webkit-box-shadow: 1rem 1rem 2rem #b0b0b0;
-moz-box-shadow: 1rem 1rem 2rem #b0b0b0;
box-shadow: 1rem 1rem 2rem #b0b0b0;
}
.b05 {
position: relative;
}
.b05 + .wp-block-group {
margin-top: 0;
}
.b05__images {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.b05__images {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b05__image {
aspect-ratio: 683/350;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 0;
position: relative;
}
.b05__image__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b06 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
}
.b06__image {
aspect-ratio: 443/852;
display: none;
position: absolute;
width: 32%;
}
@media (min-width: 1100px) {
.b06__image {
display: block;
}
}
.b06__image__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b06__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b06__content:not(.no-image) {
padding-bottom: 7.625rem;
}
@media (min-width: 1100px) {
.b06__content:not(.no-image) {
padding-left: -webkit-calc(-18vw + 33rem + 4%);
padding-left: -moz-calc(-18vw + 33rem + 4%);
padding-left: calc(-18vw + 33rem + 4%);
}
}
.b06__content:not(.no-image) .b06__ctas {
margin-top: 4rem;
}
.b06__content:not(.no-image) .b06__cta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 900px) {
.b06__content.no-image .b06__cta-sub_title {
max-width: 72%;
}
}
.b06__title {
padding-top: 2rem;
}
.b06__ctas {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
@media (min-width: 764px) {
.b06__ctas {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.b06__cta {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem 2rem;
margin-bottom: 2rem;
}
@media (min-width: 400px) {
.b06__cta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 764px) {
.b06__cta {
margin-bottom: 0;
max-width: 26.25rem;
}
}
.b06__cta-icon {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
width: 3.4375rem;
}
@media (min-width: 400px) {
.b06__cta-icon {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.b06__cta-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0.8125rem !important;
}
.b06__cta-text {
margin: 0 0 1rem;
}
@media (min-width: 764px) {
.b06__cta-text {
margin: 0 0 1.5rem;
}
}
.b06__cta-sub_title,
.b06__cta-title {
margin: 0 0 1.5rem;
}
.b06__cta-link {
margin-top: auto;
}
.b06__cta-title.is-style-underline {
margin-bottom: 0.875rem;
}
.b06__cta-title-link {
font-weight: 400;
}
.b06__cta-title-link.wp-block-button__link,
.g02__newsletter .mktoForm .b06__cta-title-link.mktoButton {
padding-right: 1.875rem;
}
.b06__cta-title-link.wp-block-button__link:after,
.g02__newsletter .mktoForm .b06__cta-title-link.mktoButton:after {
height: 0.75rem;
right: 0;
width: 1.125rem;
}
.b07 {
overflow: hidden;
padding: 5.935rem 0 0;
position: relative;
}
.b07__stats {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 600px) {
.b07__stats {
margin: 0 -1rem;
}
}
.b07__stat-wrapper {
line-height: 6.25rem;
margin: 0;
}
.b07__stat {
border-bottom: 0.5em solid var(--wp--preset--color--sunshine);
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 2rem;
padding-bottom: 1em;
width: 100%;
}
@media (min-width: 600px) {
.b07__stat {
margin: 1rem 1rem 0;
width: -webkit-calc(50% - 2rem);
width: -moz-calc(50% - 2rem);
width: calc(50% - 2rem);
}
}
@media (min-width: 768px) {
.b07__stat {
width: -webkit-calc(33% - 2rem);
width: -moz-calc(33% - 2rem);
width: calc(33% - 2rem);
}
}
@media (min-width: 900px) {
.b07__stat {
width: -webkit-calc(25% - 2rem);
width: -moz-calc(25% - 2rem);
width: calc(25% - 2rem);
}
}
.b07__stat-item {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 4.375rem;
padding-bottom: 0;
position: relative;
}
.b07__stat-item:after {
background-color: var(--wp--preset--color--orange);
bottom: 0;
content: "";
display: block;
height: 0.1875rem;
left: 0;
position: absolute;
width: 1.5rem;
}
.b07__description {
margin: 0;
}
.b07__description p {
margin: 0 0 0.5em;
}
.b07__description-bold {
margin: 0;
}
.b34 .b07 {
width: auto;
}
.b08 {
margin-bottom: 5.625rem;
margin-top: 4.5rem;
}
.b08__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3.75rem 0;
}
.b08__wrapper--2 {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.b08__wrapper--2 {
margin: 0 -1.9375rem;
}
}
.b08__wrapper--2 .single-cta {
margin: 1em 0;
width: 100%;
}
@media (min-width: 600px) {
.b08__wrapper--2 .single-cta {
margin: 1em 1.9375rem;
width: -webkit-calc(50% - 3.875rem);
width: -moz-calc(50% - 3.875rem);
width: calc(50% - 3.875rem);
}
}
@media (min-width: 900px) {
.b08__wrapper--2 .single-cta {
width: -webkit-calc(50% - 3.875rem);
width: -moz-calc(50% - 3.875rem);
width: calc(50% - 3.875rem);
}
}
@media (min-width: 1100px) {
.b08__wrapper--2 .single-cta {
width: -webkit-calc(50% - 3.875rem);
width: -moz-calc(50% - 3.875rem);
width: calc(50% - 3.875rem);
}
}
.b08__wrapper--3:not(.b08__wrapper--margin-5) {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.b08__wrapper--3:not(.b08__wrapper--margin-5) {
margin: 0 -2.7188rem;
}
.b08__wrapper--3.b08__wrapper--margin-5 {
margin: 0 -0.8438rem;
}
}
.b08__wrapper--3 .single-cta {
margin: 1em 0;
width: 100%;
}
@media (min-width: 600px) {
.b08__wrapper--3 .single-cta {
margin: 1em 2.7188rem;
width: -webkit-calc(50% - 5.4375rem);
width: -moz-calc(50% - 5.4375rem);
width: calc(50% - 5.4375rem);
}
}
@media (min-width: 900px) {
.b08__wrapper--3 .single-cta {
width: -webkit-calc(33.33333% - 5.4375rem);
width: -moz-calc(33.33333% - 5.4375rem);
width: calc(33.33333% - 5.4375rem);
}
}
.b08__wrapper--3 .single-cta-item-5 {
margin: 1em 0;
width: 100%;
}
@media (min-width: 600px) {
.b08__wrapper--3 .single-cta-item-5 {
margin: 1em 0.8438rem;
width: -webkit-calc(50% - 1.6875rem);
width: -moz-calc(50% - 1.6875rem);
width: calc(50% - 1.6875rem);
}
}
@media (min-width: 900px) {
.b08__wrapper--3 .single-cta-item-5 {
width: -webkit-calc(33.33333% - 1.6875rem);
width: -moz-calc(33.33333% - 1.6875rem);
width: calc(33.33333% - 1.6875rem);
}
}
.b08__wrapper--4 {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.b08__wrapper--4 {
margin: 0 -1.9375rem;
}
}
.b08__wrapper--4 .single-cta {
margin: 1em 0;
width: 100%;
}
@media (min-width: 600px) {
.b08__wrapper--4 .single-cta {
margin: 1em 1.9375rem;
width: -webkit-calc(50% - 3.875rem);
width: -moz-calc(50% - 3.875rem);
width: calc(50% - 3.875rem);
}
}
@media (min-width: 900px) {
.b08__wrapper--4 .single-cta {
width: -webkit-calc(33.33333% - 3.875rem);
width: -moz-calc(33.33333% - 3.875rem);
width: calc(33.33333% - 3.875rem);
}
}
@media (min-width: 1100px) {
.b08__wrapper--4 .single-cta {
width: -webkit-calc(25% - 3.875rem);
width: -moz-calc(25% - 3.875rem);
width: calc(25% - 3.875rem);
}
}
.b08__wrapper .single-cta {
margin-bottom: 0 !important;
}
.b08__wrapper .single-cta--hide {
display: none;
}
.b08__load-more {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 2rem;
width: 100%;
}
.b08__load-more--hidden {
display: none;
}
.b08__load-more .g02__newsletter .mktoForm .mktoButton:after,
.b08__load-more .wp-block-button__link:after,
.g02__newsletter .mktoForm .b08__load-more .mktoButton:after {
-webkit-transform: translateY(-50%) rotate(0);
-moz-transform: translateY(-50%) rotate(0);
-ms-transform: translateY(-50%) rotate(0);
-o-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
.b09 {
margin: 3.75rem 0;
}
.b09__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 764px) {
.b09__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b09__media {
height: 0;
padding-top: 25%;
position: relative;
width: 25%;
}
@media (min-width: 764px) {
.b09__media {
padding-top: 15%;
width: 15%;
}
}
.b09__media--mask {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.b09__media--mask .b09__image__image {
-o-object-fit: cover;
object-fit: cover;
}
.b09__image,
.b09__image__image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b09__image__image {
-o-object-fit: contain;
object-fit: contain;
}
.b09__label {
margin: 0 0 1rem;
}
@media (min-width: 764px) {
.b09__label {
margin: 0 0 2rem;
}
}
.b09__content {
padding: 1rem 0;
width: 100%;
}
@media (min-width: 764px) {
.b09__content {
padding: 0 4% 0 12%;
width: 85%;
}
}
.b09__user {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.b09__quote {
margin: 0 0 1rem;
}
@media (min-width: 764px) {
.b09__quote {
margin: 0 0 2rem;
}
}
.b09__quotee {
margin: 0;
padding-right: 0.5em;
}
.b09__quotee-role {
border-left: 1px solid var(--wp--preset--color--sky);
margin: 0;
padding-left: 0.5em;
}
.b09__cta-link {
margin-top: 2em;
}
@media (min-width: 764px) {
.b09__cta-link {
margin-top: 4em;
}
}
.wp-block-heading + .b10 {
margin-top: 1.75rem;
}
.b10__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b10__featured-post {
padding: 2rem 0;
}
.b10__featured-post,
.b10__posts {
width: 100%;
}
@media (min-width: 764px) {
.b10__featured-post,
.b10__posts {
padding: 5rem 0;
width: 50%;
}
}
.b10__posts {
background-color: #fff;
margin-bottom: 2rem;
padding: 2rem;
position: relative;
}
@media (min-width: 764px) {
.b10__posts {
margin-bottom: 0;
max-width: 27.8125rem;
padding: 5rem 0 5rem 3.875rem;
}
}
.b10__posts:after {
background-color: #fff;
height: 100%;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
}
@media (min-width: 764px) {
.b10__posts:after {
content: "";
}
}
.is-layout-constrained .b11 {
margin-bottom: 7rem;
margin-top: 5.625rem;
}
.wp-block-group.has-background + .b11 {
margin-top: -8.5rem;
}
@media (max-width: 767px) {
.wp-block-group.has-background + .b11 {
margin-top: -3rem;
}
}
.b11 p {
margin: 1.3125rem 0 0;
}
.b11 .wp-block-button {
margin: 2.375rem 0 0;
}
.b11--graphic {
position: relative;
}
.b11--graphic:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-orange-outline.svg);
background-position: 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b11.has-midnight-background-color p {
color: var(--wp--preset--color--white);
}
.b11--outer-background:after {
background-color: var(--wp--preset--color--midnight);
content: "";
height: 50%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.b11--outer-background .b11__container {
-webkit-box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.122);
-moz-box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.122);
box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.122);
}
.b11__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 2;
}
.b11__container--contained {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media (min-width: 764px) {
.b11__container--contained {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 52.6875rem;
width: 90%;
}
}
.b11__media--container {
margin: 0;
padding-bottom: 66.4%;
position: relative;
width: 100%;
}
@media (min-width: 764px) {
.b11__media--container {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-bottom: 44.4%;
width: 50%;
}
}
.b11__media--container__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b11__media--full {
position: relative;
width: 100%;
}
@media (min-width: 764px) {
.b11__media--full {
height: 100%;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 50%;
}
.b11__media--full__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
}
.b11__content {
-webkit-box-align: start;
-webkit-align-items: start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2rem 0;
width: 100%;
}
@media (min-width: 764px) {
.b11__content {
padding: 6.5625rem 17% 7.0625rem 0;
width: 50%;
}
}
.b11__content.has-midnight-background-color p {
color: var(--wp--preset--color--white);
}
.b11__content--graphic {
position: relative;
}
.b11__content--graphic:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-orange-outline.svg);
background-position: 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b11__content--center {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b11__content--grey {
background-color: #f5f5f5;
}
.b11__content--full {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6.5625rem 0 7.0625rem;
width: 100%;
}
.b11__content--reduced {
padding: 2rem 5%;
}
@media (min-width: 764px) {
.b11__content--reduced {
padding: 2.9375rem 3.6875rem 3.4375rem 2.6875rem;
}
}
.b12 {
padding-top: 5.4375rem;
position: relative;
}
.b12__breadcrumbs-container {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-bottom: 1rem;
}
@media (min-width: 900px) {
.b12__breadcrumbs-container {
margin-bottom: 2rem;
}
}
.b12__background {
height: 100%;
height: -webkit-calc(100% - 5.84rem);
height: -moz-calc(100% - 5.84rem);
height: calc(100% - 5.84rem);
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
@media (min-width: 764px) {
.b12__background {
height: -webkit-calc(100% - 15.84rem);
height: -moz-calc(100% - 15.84rem);
height: calc(100% - 15.84rem);
}
}
.b12__background--shaped {
overflow: hidden;
}
.b12__background--shaped:after,
.b12__background--shaped:before {
position: absolute;
}
.b12__background--shaped:before {
content: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-hero-accent-4.svg);
left: -6em;
top: 0;
}
@media (min-width: 900px) {
.b12__background--shaped:before {
left: 0;
}
}
.b12__background--shaped:after {
bottom: -1.3125rem;
content: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-hero-accent-3.svg);
right: -16em;
}
@media (min-width: 900px) {
.b12__background--shaped:after {
right: 0;
}
}
.b12__background--shaped.b12__background--alt:before {
bottom: -1.625rem;
content: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-hero-accent-1.svg);
left: -13.125rem;
top: unset;
}
@media (min-width: 900px) {
.b12__background--shaped.b12__background--alt:before {
left: -7vw;
}
}
.b12__background--shaped.b12__background--alt:after {
bottom: unset;
content: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-hero-accent-2.svg);
right: -9.5rem;
top: -16.125rem;
}
@media (min-width: 900px) {
.b12__background--shaped.b12__background--alt:after {
right: -7vw;
top: 0;
}
}
.b12__background--alt {
height: 100%;
}
.b12__container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 56.25rem;
position: relative;
z-index: 20;
}
@media (min-width: 764px) {
.b12__container .wp-block-button {
margin-bottom: 3em;
}
}
.b12__image,
.b12__image__image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b12__media {
position: relative;
}
@media (min-width: 764px) {
.b12__media {
margin-top: 3em;
}
}
.b12__media--contained {
padding-top: 52%;
width: 65%;
}
.b12__media--full {
height: 0;
padding-top: 56.25%;
width: 100%;
}
.b12__media--contain .b12__image__image {
-o-object-fit: contain;
object-fit: contain;
}
.b12__media--covered .b12__image__image {
-o-object-fit: cover;
object-fit: cover;
}
.b12__text,
.b12__title {
color: var(--wp--preset--color--white);
text-align: center;
}
.b12__iframe-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 100%;
position: relative;
width: 100%;
}
@media (min-width: 764px) {
.b12__iframe-container {
margin-top: 3em;
}
}
.b12__iframe {
aspect-ratio: 16/9;
border: none;
display: block;
width: 100%;
}
.b12 .breadcrumb_last {
color: var(--wp--preset--color--white);
}
.b12__wistia {
aspect-ratio: 16/9;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.b12 .wistia_embed {
aspect-ratio: 16/9;
display: block;
height: auto !important;
position: relative;
width: 100% !important;
}
@supports not (aspect-ratio: 16/9) {
.b12 .wistia_embed {
height: 0 !important;
padding-bottom: 56.25%;
}
}
.b12 .wistia_embed > * {
height: 100% !important;
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 100% !important;
z-index: 0 !important;
}
.b13 {
margin: 3.75rem 0;
position: relative;
}
@media (min-width: 7640px) {
.b13--graphic + .b13 {
margin-top: 7.75rem;
}
}
@media (min-width: 900px) {
.b13--graphic + .b13 {
margin-top: 13.75rem;
}
}
.b04 .b13 {
left: unset;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
width: auto;
}
.b13__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 30;
}
.b04 .b13__container {
gap: 0 17%;
width: auto;
}
@media (min-width: 900px) {
.b13__container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b13__container + .b13__graphic-wrapper {
bottom: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 764px) and (max-width: 899px) {
.b13__container + .b13__graphic-wrapper {
height: 100%;
}
}
@media (min-width: 900px) {
.b13__container + .b13__graphic-wrapper {
bottom: unset;
height: 100%;
right: 0;
width: 51%;
}
}
@media (min-width: 1000px) {
.b13__container + .b13__graphic-wrapper {
top: -7vw;
}
.b13__container + .b13__graphic-wrapper--3 {
top: -12vw;
}
}
.b13__container + .b13__graphic-wrapper svg {
aspect-ratio: 1/2;
color: #f5f5f5;
margin: auto 0;
position: relative;
width: 100%;
}
@media (min-width: 764px) and (max-width: 899px) {
.b13__container + .b13__graphic-wrapper svg {
height: 100%;
}
}
@media (min-width: 900px) {
.b13__container + .b13__graphic-wrapper svg {
aspect-ratio: 1/1;
}
.b13__container--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.b13__container--reverse .b13__content {
padding: 3.125rem 6% 3.125rem 11%;
width: 50%;
}
}
@media (min-width: 764px) {
.b13__container--reverse .b13__media {
padding-left: 6%;
padding-right: 0;
}
}
@media (min-width: 900px) {
.b13__container--reverse + .b13__graphic-wrapper {
left: 0;
right: unset;
}
}
.b13__content {
width: 100%;
}
@media (min-width: 900px) {
.b13__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3.125rem 11% 3.125rem 6%;
width: 50%;
}
.b04 .b13__content {
padding-left: 0;
padding-right: 0;
}
}
.b13__content ul + .wp-block-buttons {
padding-left: 2rem;
}
.b04--background-white
.b13
.wp-block-button.is-style-underline
.wp-element-button {
color: var(--wp--preset--color--midnight);
}
.b13__media {
margin: 0 auto;
width: 100%;
}
.b04 .b13__media {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 900px) {
.b13__media {
padding-right: 5%;
width: 50%;
}
}
.b13__image {
margin: 0;
width: 100%;
}
.b13--has-shadow .b13__image {
-webkit-box-shadow: 1rem 1rem 1.5rem #b0b0b0;
-moz-box-shadow: 1rem 1rem 1.5rem #b0b0b0;
box-shadow: 1rem 1rem 1.5rem #b0b0b0;
}
.b13__image__image {
margin: 0;
width: 100%;
}
.b13 + .g02 {
position: relative;
z-index: 10;
}
.has-grey-background-color .b13 .b13__graphic-wrapper svg {
color: var(--wp--preset--color--white);
}
.b14 {
--content-size: 79.3125rem;
--extra-width: (var(--viewportWidth) - var(--content-size)) /2;
position: relative;
}
.b14.has-grey-alt-background-color {
background-color: #f5f5f5;
color: var(--wp--preset--color--midnight);
}
.b14__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 900px) {
.b14__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b14__breadcrumbs-container {
margin-bottom: 1rem;
}
@media (min-width: 600px) {
.b14__breadcrumbs-container {
margin-bottom: 2rem;
}
}
.b14__image {
aspect-ratio: 635/535;
margin: 0;
max-height: 100%;
position: relative;
width: 100%;
}
@media (min-width: 900px) {
.b14__image {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
}
}
.b14__image__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b14__ctas {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b14__cta {
margin: 0 0.9375rem 1em 0;
}
.b14__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4rem 0;
width: 100%;
}
@media (min-width: 900px) {
.b14__content {
padding: 5.4375rem 4.5rem 7.125rem 0;
width: 50%;
}
}
.b14__iframe-container {
margin: 0;
max-height: 100%;
position: relative;
width: 100%;
}
@media (min-width: 900px) {
.b14__iframe-container {
width: 50%;
}
}
.b14__iframe {
aspect-ratio: 16/9;
border: none;
display: block;
width: 100%;
}
@media (min-width: 900px) {
.b14__iframe {
left: 0;
max-height: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: -webkit-calc(var(--extra-width) + var(--content-size) / 2);
width: -moz-calc(var(--extra-width) + var(--content-size) / 2);
width: calc(var(--extra-width) + var(--content-size) / 2);
}
}
.b14 .wistia_responsive_padding {
aspect-ratio: 16/9;
border: none;
display: block;
width: 100%;
}
@media (min-width: 900px) {
.b14 .wistia_responsive_padding {
left: 0;
max-height: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: -webkit-calc(var(--extra-width) + var(--content-size) / 2);
width: -moz-calc(var(--extra-width) + var(--content-size) / 2);
width: calc(var(--extra-width) + var(--content-size) / 2);
}
}
.b14__hide-mobile {
display: none;
}
@media (min-width: 900px) {
.b14__hide-mobile {
display: block;
}
}
.b15 {
contain: paint;
margin: 6.25rem 0 7.5rem;
position: relative;
}
.is-layout-constrained .b15 {
margin-top: 3.75rem;
}
.b15__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.b15__container {
gap: 5.5rem;
}
.variation--2 .b15__container {
gap: 2rem;
}
}
@media (min-width: 1100px) {
.variation--2 .b15__container {
gap: 2.875rem;
}
}
.b15__container > .post-tile-v1 {
width: 100%;
}
@media (min-width: 600px) {
.b15__container > .post-tile-v1 {
width: -webkit-calc(50% - 1rem);
width: -moz-calc(50% - 1rem);
width: calc(50% - 1rem);
}
}
@media (min-width: 1100px) {
.b15__container > .post-tile-v1 {
width: -webkit-calc(33.33% - 1.9187rem);
width: -moz-calc(33.33% - 1.9187rem);
width: calc(33.33% - 1.9187rem);
}
}
.b15__container > .post-tile-v2 {
width: 100%;
}
@media (min-width: 600px) {
.b15__container > .post-tile-v2 {
width: -webkit-calc(50% - 2.75rem);
width: -moz-calc(50% - 2.75rem);
width: calc(50% - 2.75rem);
}
}
.b15__image {
display: block;
position: relative;
width: 100%;
}
@media (min-width: 600px) {
.b15__image {
width: -webkit-calc(50% - 2.75rem);
width: -moz-calc(50% - 2.75rem);
width: calc(50% - 2.75rem);
}
}
.b15__image__odd {
margin: 0;
}
@media (min-width: 1100px) {
.b15__image__odd {
height: 100%;
height: -webkit-calc(100% + 7.5rem);
height: -moz-calc(100% + 7.5rem);
height: calc(100% + 7.5rem);
left: 0;
position: absolute;
top: 0;
width: 100%;
width: -webkit-calc(100% + 50vw - 31rem);
width: -moz-calc(100% + 50vw - 31rem);
width: calc(100% + 50vw - 31rem);
z-index: 0;
}
}
.b15__image__odd__image {
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 600px) {
.b15__image__odd__image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
}
.b16__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 764px) {
.b16__wrapper {
margin: 0 -3.875rem;
}
}
.b16__column {
margin: 1em 0;
width: 100%;
}
@media (min-width: 764px) {
.b16__column {
margin: 1em 3.875rem;
width: -webkit-calc(50% - 7.75rem);
width: -moz-calc(50% - 7.75rem);
width: calc(50% - 7.75rem);
}
}
@media (min-width: 900px) {
.b16__column {
width: -webkit-calc(33.33333% - 7.75rem);
width: -moz-calc(33.33333% - 7.75rem);
width: calc(33.33333% - 7.75rem);
}
}
.b16__cta-link,
.b16__text {
margin: 1.375rem 0 0;
}
.b16__image {
margin: 3.9375rem 0 0;
width: 100%;
}
@media (min-width: 1100px) {
.b16__image {
margin: 6.9375rem 0 0;
}
}
.b16__image__image {
margin: 0;
width: 100%;
}
.b17 {
margin: 3rem 0;
}
.b17__container {
display: block;
}
@media (min-width: 768px) {
.b17__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 7.0313rem;
}
}
.b17__single-column .b17__container {
width: 100%;
}
.b17__single-column .accordion__button {
font-size: 1rem;
}
.b17 .accordion {
border-top: 1px solid #e3e3e3;
}
.b17 .accordion:last-child {
border-bottom: 1px solid #e3e3e3;
}
.b17__accordion-container {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
}
@media (min-width: 764px) {
.b17__accordion-container {
width: 50%;
}
}
.b18 {
background-color: #f5f5f5;
overflow: hidden;
padding: 3rem 0;
position: relative;
}
@media (min-width: 900px) {
.b18 {
padding: 5.5625rem 0 7rem;
}
}
.b18:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-taulia-lozenge.svg);
background-position: 0 1.25rem;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
position: absolute;
right: -8vw;
top: 0;
width: 50%;
z-index: -1;
}
@media (min-width: 900px) {
.b18:after {
content: "";
}
}
.b18__breadcrumbs-container {
margin: 1rem 0;
}
@media (min-width: 900px) {
.b18__breadcrumbs-container {
margin: 2rem 0;
}
}
.b18__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 900px) {
.b18__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b18__type {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0.125rem 0 1.0625rem;
}
.b18__type-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.875rem;
margin: 0.3125rem 0.8594rem 0 0;
width: 0.9375rem;
}
.b18__title {
color: var(--wp--preset--color--midnight);
}
.b18__media {
aspect-ratio: 545/378;
-webkit-box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.161);
-moz-box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.161);
box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.161);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: auto 0;
position: relative;
width: 100%;
z-index: 3;
}
@media (min-width: 900px) {
.b18__media {
width: 45%;
}
}
.b18__media__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.b18__content {
padding-bottom: 2em;
width: 100%;
}
@media (min-width: 900px) {
.b18__content {
padding-bottom: 0;
padding-right: 4.4375rem;
width: 55%;
}
}
.b18__excerpt {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
overflow: hidden;
}
.b18 .wp-block-heading {
margin: 1rem auto;
}
@media (min-width: 900px) {
.b18 .wp-block-heading {
margin: 2rem auto;
}
}
.luna-archive {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
contain: paint;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 6.25rem 0;
position: relative;
}
.luna-archive__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
grid-template-columns: 1fr;
margin-top: 4rem;
}
@media (min-width: 600px) {
.luna-archive__container {
gap: 1rem;
}
}
@media (min-width: 1100px) {
.luna-archive__container {
display: grid;
gap: 2.875rem;
grid-template-columns: repeat(3, 1fr);
}
}
.luna-archive__container > .post-tile-v1 {
width: 100%;
}
@media (min-width: 600px) and (max-width: 1099px) {
.luna-archive__container > .post-tile-v1 {
width: -webkit-calc(50% - 0.5rem);
width: -moz-calc(50% - 0.5rem);
width: calc(50% - 0.5rem);
}
}
.luna-archive__filters {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
max-width: 100%;
padding: 2.1875rem -webkit-calc(50vw - 33rem);
padding: 2.1875rem -moz-calc(50vw - 33rem);
padding: 2.1875rem calc(50vw - 33rem);
width: 100%;
}
@media (min-width: 1100px) {
.luna-archive__filters {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.luna-archive__filters.filters-background {
background-color: var(--wp--preset--color--grey);
}
.luna-archive .filter-dropdown__select {
background-color: transparent;
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-black.svg);
background-position: top 50% right 1.25rem;
background-repeat: no-repeat;
-webkit-background-size: 0.625rem 0.625rem;
-moz-background-size: 0.625rem 0.625rem;
-o-background-size: 0.625rem 0.625rem;
background-size: 0.625rem 0.625rem;
border: 1px solid #898989;
padding: 0.9375rem 1.25rem 0.8125rem;
}
.luna-archive .filter-search {
position: relative;
}
@media (min-width: 1100px) {
.luna-archive .filter-search {
margin-left: auto;
}
}
.luna-archive .filter-search:before {
background-color: #c6c6c6;
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-search-white.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: 1rem 1rem;
-moz-background-size: 1rem 1rem;
-o-background-size: 1rem 1rem;
background-size: 1rem 1rem;
content: "";
height: -webkit-calc(100% - 0.125rem);
height: -moz-calc(100% - 0.125rem);
height: calc(100% - 0.125rem);
pointer-events: none;
position: absolute;
right: 1px;
top: 1px;
width: 3.125rem;
}
.luna-archive .filter-search__input {
background-color: transparent;
border: 1px solid #c6c6c6;
font-size: 1rem;
font-weight: 700;
padding: 0.9375rem 4rem 0.8125rem 1.25rem;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.luna-archive .filter-search__input:focus,
.luna-archive .filter-search__input:hover {
background-color: transparent;
border-color: var(--wp--preset--color--black);
}
@media (min-width: 1100px) {
.luna-archive__filter {
width: 18.125rem;
}
}
.luna-archive__reset {
background: transparent;
border: 0;
display: none;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.luna-archive__reset.is-active {
display: block;
}
@media (min-width: 1100px) {
.luna-archive__reset {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.luna-archive__submit {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-white.svg);
background-position: top 50% right 1.25rem;
background-repeat: no-repeat;
-webkit-background-size: 0.625rem 0.625rem;
-moz-background-size: 0.625rem 0.625rem;
-o-background-size: 0.625rem 0.625rem;
background-size: 0.625rem 0.625rem;
margin: 6.25rem auto 0;
padding-right: 3.125rem;
}
.luna-archive .filters-background .filter-search:before {
background-color: #898989;
}
.luna-archive .pagination {
grid-column: 1/-1;
}
.b20 {
padding: 7.875rem 0;
position: relative;
}
.b20:before {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/graphic-form-cta.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
height: 100%;
left: 0;
left: 50%;
max-width: 66rem;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 0;
}
.b20__wrapper {
margin: 0 auto;
max-width: 34.625rem;
text-align: center;
}
.b20__wrapper .mktoCaptchaDisclaimer,
.b20__wrapper .mktoFieldWrap,
.b20__wrapper .mktoHtmlText {
color: var(--wp--preset--color--white);
width: 100% !important;
}
.b20__wrapper form {
margin-top: 2em;
}
.b20__text {
margin-top: 1.3125rem;
}
.b20__form {
margin-top: 2.5625rem;
}
.b21 {
--content-size: 82rem;
--extra-width: -webkit-calc((var(--viewportWidth) - var(--content-size))/2);
--extra-width: -moz-calc((var(--viewportWidth) - var(--content-size))/2);
--extra-width: -webkit-calc((var(--viewportWidth) - var(--content-size)) / 2);
--extra-width: -moz-calc((var(--viewportWidth) - var(--content-size)) / 2);
--extra-width: calc((var(--viewportWidth) - var(--content-size)) / 2);
--details-width: 22%;
--mobile-image-height: 12.5rem;
}
.b21__container {
max-width: var(--content-size);
position: relative;
}
.b21--has-image .b21__container {
min-height: 23.75rem;
}
.b21__details {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3.75rem 2rem 3.75rem 0;
width: var(--details-width);
}
@media (max-width: 899px) {
.b21__details {
margin-top: var(--mobile-image-height);
padding: 1rem 0;
width: 100%;
}
}
.b21__details > * {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.b21__details > :not(:last-child) {
border-bottom: 0.0625rem solid #e3e3e3;
}
.b21 p {
margin: 0;
padding: 0.8125rem 0;
}
.b21__type-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
}
.b21__icon {
height: 1rem;
margin-bottom: 0;
margin-right: 0.875rem;
width: 1rem;
}
.b21__misc-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.b21__misc-container > * {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.b21__publish-date--needs-divider {
border-left: 0.0625rem solid #e3e3e3;
padding-left: 1.1875rem !important;
}
.b21__author-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding-top: 1.5rem;
}
@media (max-width: 899px) {
.b21__author-container {
padding-top: 0.6875rem;
}
}
.b21__author-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 2.875rem;
margin-right: 1rem;
width: 2.875rem;
}
.b21__image {
height: 100%;
left: var(--details-width);
margin-bottom: 0;
position: absolute;
top: 0;
width: -webkit-calc(
var(--extra-width) + var(--content-size) - var(--details-width)
);
width: -moz-calc(
var(--extra-width) + var(--content-size) - var(--details-width)
);
width: -webkit-calc(var(--extra-width) + var(--content-size) - var(--details-width));
width: -moz-calc(var(--extra-width) + var(--content-size) - var(--details-width));
width: calc(var(--extra-width) + var(--content-size) - var(--details-width));
}
@media (max-width: 1380px) {
.b21__image {
width: -webkit-calc(106% - var(--details-width));
width: -moz-calc(106% - var(--details-width));
width: calc(106% - var(--details-width));
}
}
@media (max-width: 899px) {
.b21__image {
height: var(--mobile-image-height);
left: 0;
-webkit-transform: translateX(-5%);
-moz-transform: translateX(-5%);
-ms-transform: translateX(-5%);
-o-transform: translateX(-5%);
transform: translateX(-5%);
width: 100vw;
}
}
.b21__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.b21__breadcrumbs-container {
margin-bottom: 2rem;
margin-top: 2rem;
max-width: var(--content-size);
padding-left: var(--details-width);
}
@media (max-width: 899px) {
.b21__breadcrumbs-container {
margin-bottom: 1rem;
margin-top: 1rem;
padding-left: unset;
}
.b22__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
}
.b22__title {
color: var(--wp--preset--color--midnight);
line-height: 2.375rem;
margin: 0 0 0.9375rem;
text-align: center;
}
@media (max-width: 899px) {
.b22__title {
margin: 0 1rem 0 0;
}
}
.b22__links {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.875rem;
}
@media (max-width: 899px) {
.b22__links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b22__link {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: unset;
border: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.25rem;
position: relative;
}
.b22__link:focus svg,
.b22__link:hover svg {
color: var(--wp--preset--color--sunshine);
}
.b22__link svg {
color: var(--wp--preset--color--midnight);
display: inline-block;
height: 1rem;
pointer-events: none;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
width: 1rem;
}
.b22__tooltip {
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 0.375rem;
-moz-border-radius: 0.375rem;
border-radius: 0.375rem;
bottom: -webkit-calc(100% + 0.625rem);
bottom: -moz-calc(100% + 0.625rem);
bottom: calc(100% + 0.625rem);
color: #fff;
font-size: 0.875rem;
font-weight: 600;
left: 50%;
opacity: 1;
padding: 0.5rem 1rem;
pointer-events: none;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
-o-transition: opacity 0.6s ease, -o-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, transform 0.6s ease,
-moz-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, transform 0.6s ease, -moz-transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease, -moz-transform 0.6s ease, -o-transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease,
-webkit-transform 0.6s ease, -moz-transform 0.6s ease,
-o-transform 0.6s ease;
white-space: nowrap;
}
.b22__tooltip[aria-hidden="true"] {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(0.3125rem);
-moz-transform: translateX(-50%) translateY(0.3125rem);
-ms-transform: translateX(-50%) translateY(0.3125rem);
-o-transform: translateX(-50%) translateY(0.3125rem);
transform: translateX(-50%) translateY(0.3125rem);
-webkit-transition: opacity 0.6s ease, -webkit-transform 0.1s ease 0.6s;
transition: opacity 0.6s ease, -webkit-transform 0.1s ease 0.6s;
-o-transition: opacity 0.6s ease, -o-transform 0.1s ease 0.6s;
-moz-transition: opacity 0.6s ease, transform 0.1s ease 0.6s,
-moz-transform 0.1s ease 0.6s;
-moz-transition: opacity 0.6s ease, transform 0.1s ease 0.6s, -moz-transform 0.1s ease 0.6s;
transition: opacity 0.6s ease, transform 0.1s ease 0.6s;
transition: opacity 0.6s ease, transform 0.1s ease 0.6s, -webkit-transform 0.1s ease 0.6s, -moz-transform 0.1s ease 0.6s, -o-transform 0.1s ease 0.6s;
transition: opacity 0.6s ease, transform 0.1s ease 0.6s,
-webkit-transform 0.1s ease 0.6s, -moz-transform 0.1s ease 0.6s,
-o-transform 0.1s ease 0.6s;
}
.b22__tooltip:after {
border-color: rgba(0, 0, 0, 0.75) transparent transparent;
border-style: solid;
border-width: 0.375rem 0.3125rem 0;
content: "";
left: 50%;
margin-left: -0.3125rem;
position: absolute;
top: 100%;
}
.b24 {
contain: paint;
margin: 6.25rem 0;
position: relative;
}
.b24__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
grid-template-columns: 1fr;
}
@media (min-width: 1100px) {
.b24__container {
display: grid;
gap: 2.875rem;
grid-template-columns: repeat(3, 1fr);
}
}
.b24__container > .post-tile-v1 {
width: 100%;
}
@media (min-width: 600px) and (max-width: 1099px) {
.b24__container > .post-tile-v1 {
width: -webkit-calc(50% - 1rem);
width: -moz-calc(50% - 1rem);
width: calc(50% - 1rem);
}
}
.b25 {
background-color: var(--wp--preset--color--midnight);
overflow: hidden;
padding-top: 3.5rem;
position: relative;
}
.b25__breadcrumbs-container {
margin-bottom: 1rem;
}
@media (min-width: 600px) {
.b25__breadcrumbs-container {
margin-bottom: 2rem;
}
}
.b25__breadcrumbs-container .breadcrumb_last {
color: var(--wp--preset--color--white);
}
.b25__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b25__content {
position: relative;
width: 100%;
z-index: 10;
}
@media (min-width: 900px) {
.b25__content {
padding-right: 8%;
width: 50%;
}
}
.b25__content > .wp-block-image {
margin: 2em 0;
position: relative;
}
.b25__content > .wp-block-image:after {
background-color: #fff;
bottom: 0;
content: "";
height: 200%;
left: -999%;
position: absolute;
right: 0;
top: 50%;
width: 9999%;
z-index: -1;
}
.b25__content > .wp-block-image > img {
height: auto !important;
margin: auto;
width: 100%;
}
.b25__form-wrapper {
background-color: #f5f5f5;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 2.9375rem 4.6875rem;
position: relative;
width: 100%;
z-index: 10;
}
.b25__form-wrapper img {
height: auto !important;
margin: auto;
width: 100%;
}
.b25__form-wrapper:after {
background-color: #f5f5f5;
bottom: 0;
content: "";
height: 100%;
left: -3.75rem;
position: absolute;
right: 0;
top: 0;
width: -webkit-calc(100% + 6.25rem);
width: -moz-calc(100% + 6.25rem);
width: calc(100% + 6.25rem);
z-index: -1;
}
@media (min-width: 900px) {
.b25__form-wrapper:after {
display: none;
}
.b25__form-wrapper {
width: 45%;
}
}
@media (max-width: 500px) {
.b25__form-wrapper {
padding: 3rem 1rem;
}
}
.b25__form-title {
text-align: center;
}
.b25__form {
margin-top: 2.375rem;
}
.b25__type {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0.125rem 0 1.0625rem;
}
.b25__type-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.875rem;
margin: 0.3125rem 0.8594rem 0 0;
width: 0.9375rem;
}
.clear-heading h1,
.no-left-image .wp-block-image {
display: none;
}
.clear-heading .wp-block-image {
margin-top: 0;
}
.b27-width--large .b27__container {
max-width: 82rem;
}
.wp-block-column .b27__container {
width: auto;
}
.b29 {
position: relative;
z-index: 100;
}
.b29__container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.b29__text,
.b29__title {
text-align: center;
}
.b29__input-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 3.75rem auto 0;
max-width: 25.5rem;
width: 100%;
}
.b29__payment-terms {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--wp--preset--color--white);
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
min-width: 100%;
outline: none;
padding: 1.125rem 3.4375rem 1.125rem 1.25rem;
position: relative;
}
.b29__payment-terms:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-black.svg);
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 0.625rem;
position: absolute;
right: 1.1875rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.9375rem;
}
.b29__selected {
color: var(--wp--preset--color--midnight);
margin: 0;
white-space: nowrap;
}
.b29__search-wrapper {
padding: 0 1em 1em;
}
.b29__search-terms {
border: 1px solid var(--wp--preset--color--midnight);
padding: 1em;
}
.b29__select-wrapper {
position: relative;
width: 100%;
}
.b29__terms {
background-color: var(--wp--preset--color--white);
height: 12.5rem;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: 0;
max-height: -webkit-calc(50vh - 60%);
max-height: -moz-calc(50vh - 60%);
max-height: calc(50vh - 60%);
overflow: scroll;
padding: 1em 0 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 100;
}
.b29__terms[aria-hidden="true"] {
display: none;
}
.b29__terms-item {
color: var(--wp--preset--color--midnight);
cursor: pointer;
list-style: none;
padding: 1em;
text-align: left;
}
.b29__terms-item:before {
content: unset;
}
.b29__terms-item:hover {
background-color: var(--wp--preset--color--grey);
}
.b29__link {
background-color: var(--wp--preset--color--sunshine);
color: var(--wp--preset--color--white);
padding: 1.1875rem 1.0625rem;
}
.b29__link svg {
height: 1.25rem;
width: 1.25rem;
}
.b29__dropdown-outer {
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100vw;
z-index: 3;
}
.b30 {
max-width: 64rem !important;
}
.b30__container {
width: auto;
}
.b30__breadcrumbs {
margin-bottom: 2rem;
}
.b30__steps {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem 2rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 950px) {
.b30__steps {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.b30__step {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 25.625rem;
-ms-flex-preferred-size: 25.625rem;
flex-basis: 25.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b30__index {
font-weight: 600;
margin-bottom: 2.75rem;
padding-bottom: 1.5rem;
}
.b30__index:after {
background-color: var(--wp--preset--color--sunshine);
bottom: 0;
content: "";
height: 0.4375rem;
left: 0;
position: absolute;
width: 2.5rem;
}
.b30__description {
margin: 0 0 1rem;
}
.b30 tr {
position: relative;
}
.b30 tr:not(:last-child):after {
background-color: #898989;
bottom: 0;
content: "";
height: 0.0625rem;
left: 0;
position: absolute;
width: 100%;
}
.b30 td {
padding: 1rem 0;
vertical-align: top;
}
.b30__column-1 {
font-size: 0.875rem;
font-weight: 600;
line-height: 1.5625rem;
padding-right: 2.75rem !important;
text-transform: uppercase;
}
.b30__column-2 {
padding-right: 1rem !important;
}
.b31:not(:first-child) {
margin-top: 3.0625rem;
}
.b31:not(:last-child) {
margin-bottom: 3.0625rem;
}
.b13 .b31:not(:last-child) {
margin-bottom: 1.625rem;
}
.b31__container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
.b31__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 1.7813rem 0 0;
}
.b31__icon__image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 4.0625rem;
-o-object-fit: cover;
object-fit: cover;
width: 4.0625rem;
}
.b13 .b31__icon__image {
height: 2.5rem;
width: 2.5rem;
}
.b31__heading {
color: var(--wp--preset--color--midnight);
line-height: 3.125rem;
word-break: break-word;
}
.b13 .b31__heading {
color: var(--wp--preset--color--black);
font-size: var(--wp--preset--font-size--h-3);
line-height: 2.5rem;
}
@media (max-width: 450px) {
.b31__heading {
font-size: 1.875rem;
}
}
.b32__container {
overflow-x: auto;
width: auto;
}
.b32__table {
margin-left: auto;
margin-right: auto;
position: relative;
}
@media (max-width: 767px) {
.b32__table {
margin-bottom: 0.5rem;
min-width: 25rem;
}
}
.b32 tbody,
.b32 tr {
position: relative;
}
.b32 tr {
min-height: 2.8125rem;
}
.b32 tr:before {
background-color: #f5f5f5;
content: "";
height: 100%;
height: -webkit-calc(100% - 0.1875rem);
height: -moz-calc(100% - 0.1875rem);
height: calc(100% - 0.1875rem);
left: 0;
position: absolute;
top: 0;
top: 1.5px;
width: 100%;
z-index: 0;
z-index: -1;
}
.b32 tr:first-child:before {
background-color: unset;
}
.b32 tr:not(:first-child) td:first-child {
padding: 0.71875rem 1rem;
}
.b32 td,
.b32 th {
line-height: 1.375rem;
position: relative;
}
.b32 th {
color: var(--wp--preset--color--sunshine);
font-weight: 600;
padding: 1.125rem 1rem;
text-align: left;
}
.b32 th:first-child {
color: var(--wp--preset--color--midnight);
}
.b32__checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.b32 svg {
height: 1.125rem;
width: 1.375rem;
}
.b33__container {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
max-width: 74.125rem;
}
@media (max-width: 500px) {
.b33__container {
width: auto;
}
}
.b33__rows {
background-color: #f5f5f5;
padding: 0 5rem;
}
@media (max-width: 767px) {
.b33__rows {
padding: 0 3rem;
}
}
@media (max-width: 500px) {
.b33__rows {
padding: 0 2rem;
}
}
.b33__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 3rem 15%;
padding: 3rem 0;
}
.b33__row:not(:last-child) {
border-bottom: 0.0625rem solid #898989;
}
@media (max-width: 767px) {
.b33__row {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 500px) {
.b33__row {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.b33__left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.b33__title {
line-height: 3.5rem;
margin-bottom: 2rem;
}
.b33__text {
font-weight: 300;
}
.b33__text p:first-child {
margin-top: 0;
}
.b33__text p:last-child {
margin-bottom: 0;
}
.b33__right {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 12.375rem;
-ms-flex-preferred-size: 12.375rem;
flex-basis: 12.375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 2rem;
}
@media (max-width: 767px) {
.b33__right {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.b33__buttons {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
}
@media (max-width: 767px) {
.b33__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 500px) {
.b33__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.b33__button {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 0.7188rem;
padding-top: 0.7188rem;
}
.b34__container,
.b34__image {
position: relative;
}
.b34__image {
left: 50%;
margin: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
}
.b34__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.b34__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.b34__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.b34__details {
grid-column-gap: 1rem;
background-color: #f5f5f5;
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 100%;
padding: 1rem 3.5rem;
}
@media (min-width: 768px) {
.b34__details {
display: inline-block;
padding: 2.5rem 1.5625rem 3.125rem 5.625rem;
}
}
@media (max-width: 600px) {
.b34__details {
display: inline-block;
padding: 1rem 3.5rem;
}
}
.b34__details__item {
border-bottom: 1px solid #c6c6c6;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
padding: 1rem 0 1.25rem;
width: 100%;
}
@media (min-width: 768px) {
.b34__details__item {
width: 14.5rem;
}
}
.b34__details__item .b34__link {
color: inherit;
font-size: inherit;
text-decoration: none;
}
.b34__details__item .b34__link:focus,
.b34__details__item .b34__link:hover {
color: var(--wp--preset--color--sunshine);
}
.b34__details__logo {
padding-top: 0;
}
.b34__details__logo img {
width: 9.375rem;
}
.b34__details__label {
font-weight: 600;
margin: 0 0 0.3125rem;
}
.b34__details__text {
color: #000;
font-size: 0.875rem;
line-height: 1.25rem;
margin: 0;
}
.b34__blocks-container {
margin: 0 3.5rem;
width: auto;
}
@media (min-width: 768px) {
.b34__blocks-container {
width: 68%;
}
}
.b34__blocks-container .b07 {
left: unset;
max-width: 100%;
padding: 0;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.b34__blocks-container .b07 .b07__container {
margin: 0;
max-width: 100%;
width: 100%;
}
.b34__blocks-container .b07 .b07__stat {
border-bottom: 0;
border-top: 0.5em solid var(--wp--preset--color--sunshine);
}
.b34__blocks-container .b07 .b07__stat-item {
margin-bottom: 0;
padding-top: 1.25rem;
}
.b34__breadcrumbs-container {
margin-bottom: 2rem;
margin-top: 2rem;
}
@media (max-width: 600px) {
.b34__breadcrumbs-container {
margin-bottom: 1rem;
margin-top: 1rem;
}
}
.b34 .wp-block-heading:first-of-type {
margin-top: 2rem;
}
.b35 {
color: var(--wp--preset--color--midnight);
margin-bottom: 5.4375rem;
margin-top: 4.3125rem;
}
.b35__blockquote {
margin: 0 0 0 4rem;
padding-bottom: 0.5rem;
padding-left: 4rem;
position: relative;
}
@media (max-width: 767px) {
.b35__blockquote {
margin: 0;
}
}
@media (max-width: 450px) {
.b35__blockquote {
padding-left: 2rem;
}
}
.b35__blockquote:before {
background-color: var(--wp--preset--color--sky);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 0.4375rem;
}
.b35__quote {
font-size: 1.875rem;
line-height: 2.5rem;
margin: 0;
}
@media (max-width: 450px) {
.b35__quote {
font-size: 1.15rem;
line-height: 2rem;
}
}
.b35__quotee {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
margin-top: 1.5rem;
}
@media (max-width: 450px) {
.b35__quotee {
margin-top: 1rem;
}
}
.b35__image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 4.375rem;
margin-bottom: 0;
width: 4.375rem;
}
@media (max-width: 450px) {
.b35__image {
height: 3.125rem;
width: 3.125rem;
}
.b35__role {
display: block;
}
}
.b37 {
margin-bottom: 5rem;
margin-top: 5rem;
max-width: 75rem;
}
.b37__container {
max-width: none;
}
.b37__profiles {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 1.375rem;
}
.b37__profile--card {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 0 3rem;
position: relative;
vertical-align: bottom;
width: -webkit-calc(25% - 1.0625rem);
width: -moz-calc(25% - 1.0625rem);
width: calc(25% - 1.0625rem);
}
.b37__profile--card.hidden {
display: none;
}
@media (max-width: 1023px) {
.b37__profile--card {
width: -webkit-calc(33% - 0.8125rem);
width: -moz-calc(33% - 0.8125rem);
width: calc(33% - 0.8125rem);
}
}
@media (max-width: 767px) {
.b37__profile--card {
width: -webkit-calc(50% - 0.6875rem);
width: -moz-calc(50% - 0.6875rem);
width: calc(50% - 0.6875rem);
}
}
@media (max-width: 549px) {
.b37__profile--card {
width: 100%;
}
}
.b37__profile--card:after {
background-color: var(--wp--preset--color--sunshine);
bottom: 0;
content: "";
height: 0.4375rem;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
width: 100%;
z-index: 1;
}
.b37__profile--card.active-card:after {
opacity: 1;
}
.b37__profile--card .b37__name {
margin-top: 1.75rem;
}
.b37__profile--card .b37__role {
color: var(--wp--preset--color--midnight);
font-size: 0.875rem;
margin-bottom: 0;
}
.b37__profile-button {
background-color: unset;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0.6875rem 1rem;
position: relative;
text-align: unset;
-webkit-transition: background-color 0.15s ease;
-o-transition: background-color 0.15s ease;
-moz-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
width: 100%;
}
.b37__profile-button:focus,
.b37__profile-button:hover {
background-color: #f5f5f5;
}
.b37__profile--full {
max-height: 0;
position: relative;
-webkit-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
width: 100%;
}
.b37__profile--full:not(.active) {
display: none;
}
.b37__profile--full.expanded {
max-height: var(--expanded-height);
}
.b37__profile--full:before {
background-color: #f5f5f5;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
}
.b37__profile--full .b37__role {
color: var(--wp--preset--color--sunshine);
margin-bottom: 2.5rem;
}
.b37__profile-container {
overflow: hidden;
position: relative;
}
.b37__content-outer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5rem 0 5rem 2rem;
}
.b37__content-inner {
max-width: 75%;
}
.b37__content-inner > :last-child {
margin-bottom: 0;
}
.b37__image {
aspect-ratio: 1/1;
margin-bottom: 0;
width: 100%;
}
.b37__image__image {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.b37__name {
color: var(--wp--preset--color--midnight);
}
.b37__role {
margin-top: 1.125rem;
text-transform: uppercase;
}
.b37__info > :last-child {
margin-bottom: 0;
}
.b37__content-sidebar {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5rem;
}
.b37__close-profile {
background-color: unset;
border: none;
color: #c6c6c6;
margin-bottom: 4.875rem;
padding: 0;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.b37__close-profile:focus,
.b37__close-profile:hover {
color: var(--wp--preset--color--sunshine);
}
.b37__close-profile svg,
.b37__social {
height: 1.5625rem;
width: 1.5625rem;
}
.b37__social {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--wp--preset--color--midnight);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.b37__social:focus,
.b37__social:hover {
color: var(--wp--preset--color--sunshine);
}
.b37__social svg {
height: 0.9375rem;
width: 1.125rem;
}
.b37__load-more,
.b37__load-more-close {
background-color: var(--wp--preset--color--sky);
border: none;
color: var(--wp--preset--color--white);
display: block;
font-size: 1rem;
line-height: 1.375rem;
margin-left: auto;
margin-right: auto;
margin-top: 4.5rem;
padding: 0.875rem 2.625rem 0.875rem 1.6875rem;
position: relative;
}
.b37__load-more-close:after,
.b37__load-more:after {
background-image: url(//altcapital-sg.com/wp-content/themes/alt-capital/assets/images/icon-arrow-white.svg);
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
content: "";
height: 0.4375rem;
position: absolute;
right: 1.25rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(270deg);
-moz-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.75rem;
}
.b37__load-more-close.hidden,
.b37__load-more.hidden {
display: none;
}
.b37__load-more-close:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.b38 {
margin-bottom: 8rem;
margin-top: 3.875rem;
}
.b38__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.625rem;
}
.b38__tile {
background-color: var(--wp--preset--color--white);
-webkit-box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
-moz-box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.5rem 2rem 2.625rem;
width: -webkit-calc(33.33% - 1.1rem);
width: -moz-calc(33.33% - 1.1rem);
width: calc(33.33% - 1.1rem);
}
@media (max-width: 1000px) {
.b38__tile {
width: -webkit-calc(50% - 0.8125rem);
width: -moz-calc(50% - 0.8125rem);
width: calc(50% - 0.8125rem);
}
}
@media (max-width: 767px) {
.b38__tile {
width: 100%;
}
}
.b38__top {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b38__logo {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 7.25rem;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0;
}
.b38__logo__image {
height: 100%;
max-height: 5.625rem;
max-width: 8.5rem;
width: auto;
}
.b38 p {
margin: 0;
}
.b38__sub-title {
color: var(--wp--preset--color--sunshine);
font-size: 0.875rem;
text-transform: uppercase;
}
.b38__title {
color: var(--wp--preset--color--midnight);
}
.b38__description {
margin-top: 1rem !important;
}
.b40 {
--content-size: 70.625rem;
--extra-width: (var(--viewportWidth) - var(--content-size)) /2;
background-color: #f5f5f5;
}
.b40__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-width: var(--content-size);
position: relative;
}
@media (max-width: 899px) {
.b40__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
}
}
.b40__iframe-container {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 100%;
position: absolute;
-webkit-transform: translateX(-webkit-calc(var(--extra-width) * -1));
-moz-transform: translateX(-moz-calc(var(--extra-width) * -1));
-ms-transform: translateX(calc(var(--extra-width) * -1));
-o-transform: translateX(calc(var(--extra-width) * -1));
transform: translateX(calc(var(--extra-width) * -1));
width: -webkit-calc(var(--extra-width) + var(--content-size) / 1.75);
width: -moz-calc(var(--extra-width) + var(--content-size) / 1.75);
width: calc(var(--extra-width) + var(--content-size) / 1.75);
}
@media (max-width: 1400px) {
.b40__iframe-container {
position: relative;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 57%;
}
}
@media (max-width: 899px) {
.b40__iframe-container {
width: auto;
}
}
.b40__iframe-container .wistia_embed {
aspect-ratio: 786/444;
display: block;
height: auto !important;
position: relative;
width: 100% !important;
}
@supports not (aspect-ratio: 16/9) {
.b40__iframe-container .wistia_embed {
height: 0 !important;
padding-bottom: 56.25%;
}
}
.b40__iframe-container .wistia_embed > * {
height: 100% !important;
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 100% !important;
z-index: 0 !important;
}
.b40__iframe {
aspect-ratio: 16/9;
border: none;
display: block;
width: 100%;
}
.b40__copy {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4.75rem 4.75rem 4.75rem -webkit-calc(57% + 4.75rem);
padding: 4.75rem 4.75rem 4.75rem -moz-calc(57% + 4.75rem);
padding: 4.75rem 4.75rem 4.75rem calc(57% + 4.75rem);
}
@media (max-width: 1400px) {
.b40__copy {
padding-left: 4.75rem;
}
}
@media (max-width: 899px) {
.b40__copy {
margin-left: auto;
margin-right: auto;
padding: 3rem 0;
width: 90%;
}
}
@media (max-width: 767px) {
.b40__copy {
padding: 2rem 0;
}
}
.b40 h1,
.b40 h2,
.b40 h3 {
font-weight: 600;
}
.b41 {
--image-height: 25.625rem;
--gap-size: 1.5625rem;
}
@media (max-width: 1279px) {
.b41 {
--image-height: 18.75rem;
--gap-size: 1rem;
}
}
@media (max-width: 767px) {
.b41 {
--image-height: 14rem;
}
}
.b41__chunk,
.b41__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gap-size);
}
.b41__image {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: var(--image-height);
margin: 0;
}
.b41__image--0 {
-webkit-flex-basis: 42%;
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
}
.b41__image--1 {
-webkit-flex-basis: 23%;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
}
.b41__image--2 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.b41__image--3 {
-webkit-flex-basis: 64%;
-ms-flex-preferred-size: 64%;
flex-basis: 64%;
}
.b41__image--4 {
-webkit-flex-basis: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
.b41__image--5 {
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
}
.b41__image--6 {
-webkit-flex-basis: 51%;
-ms-flex-preferred-size: 51%;
flex-basis: 51%;
}
.b41__image--7 {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
height: -webkit-calc(var(--image-height) * 2 + var(--gap-size));
height: -moz-calc(var(--image-height) * 2 + var(--gap-size));
height: calc(var(--image-height) * 2 + var(--gap-size));
}
@media (max-width: 767px) {
.b41__image--7 {
height: var(--image-height);
}
.b41__image {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.b41__image__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.b41__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: var(--gap-size);
}
@media (max-width: 767px) {
.b41__row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.b41__lower-half {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: var(--gap-size);
}
@media (max-width: 767px) {
.b41__lower-half {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.b41__lower-rows {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 65%;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
gap: var(--gap-size);
}
.b44 {
margin-bottom: 4.5rem;
margin-top: 4.5rem;
}
.b44__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem 7.75rem;
max-width: 68rem;
}
@media (max-width: 767px) {
.b44__container {
gap: 1.5rem;
}
}
.b44__partner {
border-bottom: 0.0625rem solid #e3e3e3;
-webkit-flex-basis: -webkit-calc(50% - 3.875rem);
-ms-flex-preferred-size: calc(50% - 3.875rem);
flex-basis: -moz-calc(50% - 3.875rem);
flex-basis: calc(50% - 3.875rem);
padding-bottom: 3rem;
}
.b44__partner:last-child,
.b44__partner:nth-last-child(2) {
border-bottom: none;
}
@media (max-width: 767px) {
.b44__partner {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 1.5rem;
}
}
.b44__logo {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 9rem;
margin: 0 0 2.75rem;
position: relative;
}
@media (max-width: 767px) {
.b44__logo {
height: 6rem;
}
}
.b44__logo__image {
height: 100%;
max-height: 4.75rem;
max-width: 13.5rem;
width: auto;
}
@media (max-width: 767px) {
.b44__logo__image {
max-height: 3rem;
max-width: 10rem;
}
}
.b44__logo:after {
background-color: var(--wp--preset--color--midnight);
bottom: -0.4375rem;
content: "";
height: 0.4375rem;
left: 0;
position: absolute;
width: 2.5rem;
}
.b45 {
padding-top: 3.5rem;
position: relative;
}
.b45__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b45__content {
position: relative;
width: 100%;
z-index: 10;
}
@media (min-width: 900px) {
.b45__content {
padding-right: 8%;
width: 50%;
}
}
.b45__content > .wp-block-image {
margin: 2em 0;
}
.b45__content > .wp-block-image > img {
width: 100%;
}
.b45__content .b02 {
left: 0;
position: relative;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
width: 100%;
}
.b45__content .b02 .container {
width: 100%;
}
.b45__content .b02__logos-wrapper {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.b45__content .b02__logo {
-webkit-filter: unset;
filter: unset;
width: -webkit-calc(33.33333% - 1em);
width: -moz-calc(33.33333% - 1em);
width: calc(33.33333% - 1em);
}
.b45__form-wrapper {
background-color: #f5f5f5;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-bottom: 9.375rem;
padding: 2.9375rem 4.6875rem;
position: relative;
width: 100%;
z-index: 10;
}
@media (min-width: 900px) {
.b45__form-wrapper {
width: 50%;
}
}
@media (max-width: 500px) {
.b45__form-wrapper {
padding: 3rem 1rem;
}
}
.b45__form-title {
text-align: center;
}
.b45__form {
margin: 2.375rem 0 0;
}
.b46 {
margin-bottom: 6.25rem;
margin-top: 3.125rem;
}
.b46__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 2rem 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 82rem;
}
@media (max-width: 899px) {
.b46__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: auto;
}
}
.b46__container > * {
padding: 0 5%;
position: relative;
}
.b46__left {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20%;
}
@media (max-width: 899px) {
.b46__left {
width: 100%;
}
}
.b46__right {
width: 80%;
}
@media (max-width: 899px) {
.b46__right {
width: 100%;
}
}
.b46__right h1,
.b46__right h2,
.b46__right h3,
.b46__right h4,
.b46__right h5,
.b46__right h6,
.b46__right p {
font-weight: 300;
}
.b46__right h1 b,
.b46__right h1 strong,
.b46__right h2 b,
.b46__right h2 strong,
.b46__right h3 b,
.b46__right h3 strong,
.b46__right h4 b,
.b46__right h4 strong,
.b46__right h5 b,
.b46__right h5 strong,
.b46__right h6 b,
.b46__right h6 strong,
.b46__right p b,
.b46__right p strong {
font-weight: 500;
}
.b46__right > .b11 {
left: unset;
max-width: 100%;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.b46__right > .b11 .b11__container {
margin: 0;
max-width: 100%;
width: 100%;
}
.b46__right .b07 {
left: unset;
max-width: 100%;
padding: 0;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
}
.b46__right .b07 .b07__container {
margin: 0;
max-width: 100%;
width: 100%;
}
.b46__right .b07 .b07__stat {
border-bottom: 0;
border-top: 0.5em solid var(--wp--preset--color--sunshine);
}
.b46__right .b07 .b07__stat-item {
margin-bottom: 0;
padding-top: 1.25rem;
} .flickity-enabled {
position: relative;
}
.flickity-enabled,
.flickity-enabled:focus {
outline: none !important;
}
.flickity-viewport {
height: 100%;
overflow: hidden;
position: relative;
}
.flickity-slider {
height: 100%;
position: absolute;
width: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
.flickity-button {
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
position: absolute;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
-webkit-box-shadow: 0 0 0 0.3125rem #19f;
-moz-box-shadow: 0 0 0 0.3125rem #19f;
box-shadow: 0 0 0 0.3125rem #19f;
outline: none !important;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
cursor: auto;
opacity: 0.3;
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
.flickity-prev-next-button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 2.75rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.75rem;
}
.flickity-prev-next-button.previous {
left: 0.625rem;
}
.flickity-prev-next-button.next {
right: 0.625rem;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 0.625rem;
}
.flickity-rtl .flickity-prev-next-button.next {
left: 0.625rem;
right: auto;
}
.flickity-prev-next-button .flickity-button-icon {
height: 60%;
left: 20%;
position: absolute;
top: 20%;
width: 60%;
}
.flickity-page-dots {
bottom: -1.5625rem;
line-height: 1;
list-style: none;
margin: 1.875rem 0 0;
padding: 0;
width: 100%;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
background: #19ddbf;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 0.625rem;
margin: 0.9375rem 0.9375rem 0 0;
width: 0.625rem;
}
.flickity-page-dots .dot.is-selected {
background: #ff7800;
opacity: 1;
}
@media only screen and (max-width: 767px) {
.flickity-page-dots .dot {
background: #19ddbf;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 0.625rem;
margin: 0.625rem 0.625rem 0 0;
width: 0.625rem;
}
}
.d-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-moz-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.text-center {
text-align: center !important;
}
.timeline-nav {
outline: none !important;
}
.button--next,
.button--previous {
-webkit-appearance: none;
background-color: transparent !important;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: currentColor;
padding: 0 !important;
top: -0.125rem;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.button--next:focus,
.button--next:hover,
.button--previous:focus,
.button--previous:hover {
background-color: transparent !important;
outline: none !important;
}
.button--next:disabled,
.button--previous:disabled {
cursor: default;
opacity: 0.2;
}
.button--next:hover svg path.i-circle,
.button--previous:hover svg path.i-circle {
fill: #f07100;
}
.button--next svg path,
.button--previous svg path {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.timeline-nav .carousel-cell {
width: 20%;
}
.timeline-nav .carousel-cell span {
cursor: pointer;
display: inline-block;
padding-bottom: 3.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.timeline-nav .carousel-cell .carousel-cell-inner {
padding: 0.625rem 0;
position: relative;
width: 100%;
}
.timeline-nav .carousel-cell .carousel-cell-inner:before {
background-color: #d0c9c9;
bottom: 50%;
content: "";
cursor: pointer;
height: 0.125rem;
left: 0;
position: absolute;
right: 0;
width: 0;
width: 100%;
}
.timeline-nav .carousel-cell .carousel-cell-inner:after {
background-color: #fff;
border: 0.125rem solid #d0c9c9;
-webkit-border-radius: 3.125rem;
-moz-border-radius: 3.125rem;
border-radius: 3.125rem;
bottom: 50%;
content: "";
cursor: pointer;
height: 0.75rem;
left: 50%;
margin-bottom: -0.3125rem;
margin-left: -0.375rem;
position: absolute;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0.75rem;
}
.timeline-nav .carousel-cell .carousel-cell-inner span:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.timeline-nav .carousel-cell.is-nav-selected .carousel-cell-inner:before {
width: 100%;
}
.timeline-nav .carousel-cell.is-nav-selected span {
font-weight: 600;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.timeline-nav .carousel-cell.is-nav-selected .carousel-cell-inner:after {
background-color: #f07100;
border: 0.125rem solid #f07100;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.timeline-main {
margin-top: 1.875rem;
outline: none !important;
}
.timeline-main .flickity-viewport {
-webkit-transition: height 0.2s;
-o-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}
.timeline-main .carousel-cell {
width: 100%;
}
.timeline-heading {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ff7800;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-family: AvenirLTPro-Light, sans-serif;
font-size: 4.0625rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 4.0625rem;
}
.timeline-heading:before {
margin-right: 1.25rem;
}
.timeline-heading:after,
.timeline-heading:before {
background-color: #d0c9c9;
content: "";
display: inline-block;
height: 0.125rem;
position: relative;
width: 3rem;
}
.timeline-heading:after {
margin-left: 1.25rem;
}
.timeline-content {
color: #192846;
font-size: 1.25rem;
}
@media only screen and (max-width: 1300px) {
.timeline-heading {
font-size: 3.4375rem;
line-height: 3.4375rem;
}
.timeline-content {
font-size: 1.125rem;
}
}
@media only screen and (max-width: 1023px) {
.timeline-nav .carousel-cell {
width: 33.3333%;
}
.timeline-heading {
font-size: 2.8125rem;
line-height: 2.8125rem;
}
}
@media only screen and (max-width: 639px) {
.timeline-heading {
font-size: 2.1875rem;
line-height: 2.1875rem;
}
.timeline-content {
font-size: 1rem;
}
}
@media only screen and (max-width: 379px) {
.wide-mobile {
margin-left: -1.25rem;
width: -webkit-calc(100% + 2.5rem);
width: -moz-calc(100% + 2.5rem);
width: calc(100% + 2.5rem);
}
}
.parent-pageid-143 .b08.break-out {
margin-bottom: 0;
margin-top: 0;
}
.contact-scroll {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: fixed;
right: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: -o-transform 0.3s;
-moz-transition: transform 0.3s, -moz-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s,
-o-transform 0.3s;
z-index: 99;
}
.contact-scroll.active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.contact-scroll a {
background-color: var(--wp--preset--color--sunshine);
-webkit-border-radius: 0.625rem 0.625rem 0 0;
-moz-border-radius: 0.625rem 0.625rem 0 0;
border-radius: 0.625rem 0.625rem 0 0;
color: #fff;
line-height: 1;
padding: 1.125rem 1.5625rem 0.875rem;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.contact-scroll a svg {
display: inline-block;
height: 0.625rem;
margin-left: 0.1875rem;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 0.625rem;
}
.contact-scroll a:hover {
background-color: #000;
text-decoration: none;
}
.share-links {
background-color: #fff;
-webkit-border-radius: 0.25rem 0 0 0.25rem;
-moz-border-radius: 0.25rem 0 0 0.25rem;
border-radius: 0.25rem 0 0 0.25rem;
-webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.15);
display: none;
position: fixed;
right: 0;
top: 11.25rem;
z-index: 2;
}
@media (min-width: 768px) {
.share-links {
display: block;
}
}
.share-links__list {
list-style: none;
margin: 0;
padding: 1.25rem 0.625rem 1.125rem 0.6875rem;
}
.share-links__list-item {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
}
.share-links__list-item:not(:last-child) {
margin-bottom: 1.25rem;
}
.share-links__link {
color: currentColor;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.share-links__link--email svg {
height: 0.75rem;
width: 1rem;
}
.share-links__link--facebook svg {
height: 1rem;
width: 0.625rem;
}
.share-links__link--linkedin svg {
height: 1.125rem;
width: 1rem;
}
.share-links__link--twitter svg {
height: 1.125rem;
width: 1.125rem;
}
.single-resource-item {
border-bottom: 1px solid #e3e3e3;
padding: 2rem 0;
}
.single-resource-item:hover {
text-decoration: underline;
}
.single-resource-item:first-of-type {
padding-top: 0;
}
.single-resource-item:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.single-resource-item__link {
color: inherit;
text-decoration: none;
}
.single-resource-item__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.single-resource-item__resource-type {
text-transform: uppercase;
}
.single-resource-item__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.875rem;
margin: 0.4em 0 0;
position: relative;
width: 0.9375rem;
}
.single-resource-item__icon__image {
height: 100%;
left: 0;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.single-resource-item__category {
margin: 0.625rem 0 0;
}
.single-resource-item__content {
padding: 0 0.9375rem 0 0.875rem;
}
.single-resource-item__title {
margin: 1.0625rem 0 0;
}
@media (min-width: 900px) {
.single-resource-item__title {
max-width: 80%;
}
}
.single-resource-item__thumbnail {
aspect-ratio: 513/356;
margin-top: 2.5625rem;
position: relative;
width: 100%;
}
.single-resource-item__thumbnail__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.post-tile-v1__link {
color: inherit;
text-decoration: none;
}
.post-tile-v1__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.post-tile-v1__content {
width: 100%;
}
.post-tile-v1__resource-type {
font-size: 0.875rem;
text-transform: uppercase;
}
.post-tile-v1__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.875rem;
margin: 0.4em 0.875rem 0 0;
width: 0.9375rem;
}
.post-tile-v1__category {
margin: 0.625rem 0 0;
}
.post-tile-v1__title {
margin: 1rem 0 0;
}
.post-tile-v1__thumbnail {
aspect-ratio: 513/356;
margin-top: 1rem;
position: relative;
width: 100%;
}
.variation--2 .post-tile-v1__thumbnail {
margin-top: 0;
}
.post-tile-v1__thumbnail__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.post-tile-v1__icon-type {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
min-height: 1.40625rem;
}
.post-tile-v1__excerpt {
margin: 1rem 0 0;
}
.g02__newsletter .mktoForm .post-tile-v1__cta-text .mktoButton,
.post-tile-v1__cta-text .g02__newsletter .mktoForm .mktoButton,
.post-tile-v1__cta-text .wp-block-button__link {
border-bottom-color: transparent;
}
.g02__newsletter
.mktoForm
.post-tile-v1:hover
.is-style-underline
.mktoButton:before,
.post-tile-v1:hover
.is-style-underline
.g02__newsletter
.mktoForm
.mktoButton:before,
.post-tile-v1:hover .is-style-underline .wp-block-button__link:before {
-webkit-transform: scaleX(100%);
-moz-transform: scaleX(100%);
-ms-transform: scaleX(100%);
-o-transform: scaleX(100%);
transform: scaleX(100%);
}
.post-tile-v2__link {
color: inherit;
text-decoration: none;
}
.post-tile-v2__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.post-tile-v2__content {
width: 100%;
}
.post-tile-v2__category {
margin: 1.4375rem 0 0;
}
.post-tile-v2__title {
margin: 2.6563rem 0 0;
}
.post-tile-v2__thumbnail {
aspect-ratio: 500/240;
position: relative;
width: 100%;
}
.post-tile-v2__thumbnail__image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.post-tile-v2__icon-type {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.post-tile-v2__excerpt {
margin: 1.25rem 0 1rem;
}
.post-tile-v2__cta-text {
margin-bottom: 0.625rem;
}
.g02__newsletter
.mktoForm
.post-tile-v2:hover
.is-style-underline
.mktoButton:before,
.post-tile-v2:hover
.is-style-underline
.g02__newsletter
.mktoForm
.mktoButton:before,
.post-tile-v2:hover .is-style-underline .wp-block-button__link:before {
-webkit-transform: scaleX(100%);
-moz-transform: scaleX(100%);
-ms-transform: scaleX(100%);
-o-transform: scaleX(100%);
transform: scaleX(100%);
}
@media (min-width: 764px) {
.single-cta-item-1 {
margin-bottom: 3.75rem !important;
}
}
.single-cta-item-1__icon {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 3.6875rem;
margin-bottom: 0;
position: relative;
}
.single-cta-item-1__icon__image {
max-height: 100%;
width: auto;
}
.single-cta-item-1__title {
margin: 3rem 0 0;
}
.single-cta-item-1__text {
margin: 0.5625rem 0 0;
}
.single-cta-item-2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-cta-item-2__icon {
height: 3.4375rem;
margin: 0 0 1.4375rem;
width: 3.4375rem;
}
.single-cta-item-2__text {
margin: 0 0 1rem;
}
@media (min-width: 764px) {
.single-cta-item-2__text {
margin: 0 0 1.5rem;
}
}
.single-cta-item-2__sub_title,
.single-cta-item-2__title {
margin: 0 0 1.5rem;
}
.single-cta-item-2__link {
margin-top: auto;
}
.single-cta-item-2__title.is-style-underline {
margin-bottom: 0.875rem;
}
.single-cta-item-2__title-link {
font-weight: 400;
}
.g02__newsletter .mktoForm .single-cta-item-2__title-link.mktoButton,
.single-cta-item-2__title-link.wp-block-button__link {
border-bottom-color: var(--wp--preset--color--midnight);
padding-right: 1.875rem;
}
.g02__newsletter
.mktoForm
.single-cta-item-2__title-link.mktoButton:hover:after,
.single-cta-item-2__title-link.wp-block-button__link:hover:after {
-webkit-filter: brightness(1);
filter: brightness(1);
}
.g02__newsletter .mktoForm .single-cta-item-2__title-link.mktoButton:after,
.single-cta-item-2__title-link.wp-block-button__link:after {
-webkit-filter: brightness(0);
filter: brightness(0);
height: 0.75rem;
right: 0;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
width: 1.125rem;
}
.single-cta-item-3__icon {
width: 9.1875rem;
}
.single-cta-item-3__title {
margin: 2.5625rem 0 0;
}
.single-cta-item-3__list-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 0.6875rem;
}
.single-cta-item-3__list-item svg {
height: 0.625rem;
margin-right: 1.375rem;
margin-top: 0.375rem;
width: 0.875rem;
}
.single-cta-item-4 {
margin-bottom: 3.5rem !important;
}
.single-cta-item-4__title {
border-top: 0.125rem solid var(--wp--preset--color--sunshine);
padding-top: 0.75rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.single-cta-item-4__text {
margin: 2rem 0 0;
}
.single-cta-item-5 {
-webkit-box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
-moz-box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.059);
padding: 2.1875rem 2rem;
}
.single-cta-item-5__icon {
height: 3.4375rem;
margin: 0 0 3rem;
width: 3.4375rem;
}
.single-cta-item-5__title {
margin: 0 0 1.5rem;
}
.single-cta-item-5__text {
margin: 0 0 1rem;
}
@media (min-width: 764px) {
.single-cta-item-5__text {
margin: 0 0 1.5rem;
}
}