@font-face {
font-family: "Graphik-Thin";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikThin.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Extralight";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikExtralight.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Light";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikLight.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Regular";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikRegular.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Medium";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikMedium.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Bold";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikBold.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Semibold";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikSemibold.otf) format("opentype");
}  :root {
--font-primary: sans-serif;
--font-secondary: serif; --text-base-size: 1em;
--text-scale-ratio: 1.2;  --text-xs: calc(1em / (var(--text-scale-ratio) * var(--text-scale-ratio)));
--text-sm: calc(1em / var(--text-scale-ratio));
--text-md: calc(1em * var(--text-scale-ratio));
--text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio)); }
body {
font-size: var(--text-base-size);
font-family: var(--font-primary);
color: var(--color-text);
}
h1,
h2,
h3,
h4,
form legend {
color: var(--color-text-heading);
margin-bottom: var(--space-xxs);
line-height: var(--heading-line-height);
} .text--xxxl {
font-size: var(--text-xxxl);
}
h1,
.text--xxl {
font-size: var(--text-xxl);
}
h2,
.text--xl {
font-size: var(--text-xl);
}
h3,
.text--lg {
font-size: var(--text-lg);
}
h4,
.text--md {
font-size: var(--text-md);
}
.text--sm,
small {
font-size: var(--text-sm);
}
.text--xs {
font-size: var(--text-xs);
}
p {
line-height: var(--body-line-height);
}
.site-content .site-content__grid h1 {
font-size: 36px;
color: #720000;
font-weight: 400;
line-height: 1.1;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h1 {
font-size: 42px;
}
}
.site-content .site-content__grid h2 {
font-size: 30px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h2 {
font-size: 36px;
}
}
.site-content .site-content__grid h3 {
font-size: 24px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h3 {
font-size: 30px;
}
}
.site-content .site-content__grid h4 {
font-size: 20px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h4 {
font-size: 28px;
}
}
.site-content .site-content__grid h5 {
font-size: 18px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h5 {
font-size: 24px;
}
}
.site-content .site-content__grid h6 {
font-size: 16px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h6 {
font-size: 20px;
}
}
.site-content .site-content__grid p {
color: #000;
font-family: "Graphik-Regular", sans-serif;
font-size: 16px;
line-height: 1.9167;
text-align: left;
letter-spacing: -0.4px;
}
@media (min-width: 480px) {
.site-content .site-content__grid p {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.site-content .site-content__grid p {
font-size: 24px;
}
}
.site-content .site-content__grid p:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.site-content .site-content__grid p:not(:last-child) {
margin-bottom: 40px;
}
}
.site-content .site-content__grid ul,
.site-content .site-content__grid ol {
margin-bottom: 29px;
padding-left: 20px;
list-style: initial;
}
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
margin-bottom: 0;
font-size: 16px;
line-height: 1.9167;
color: #000;
}
@media (min-width: 480px) {
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
font-size: 24px;
}
}
.site-content .site-content__grid ul li:last-child,
.site-content .site-content__grid ol li:last-child {
margin-bottom: 0;
}
.site-content .site-content__grid ol {
list-style: auto;
padding: 0 0 0 30px;
list-style-position: initial;
}
.site-content .site-content__grid a:not(.btn) {
transition: all 0.3s ease-in-out;
color: #454545;
}
.site-content .site-content__grid a:not(.btn):hover {
color: #5f5f5f;
}
.site-content .site-content__grid strong {
font-weight: 700;
}
.site-content .site-content__grid pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
color: #720000;
}
.site-content .site-content__grid hr {
border-top: 2px solid #5f5f5f;
border-bottom: 0;
}
.site-content .site-content__grid a {
color: #000;
}
.site-content .site-content__grid a:hover {
color: #990100;
}
.wp-block-columns {
padding-top: 27px;
margin-bottom: 9px;
}
::-moz-selection {
background: #990100;
color: #fff;
text-shadow: none;
}
::selection {
background: #990100;
color: #fff;
text-shadow: none;
}
iframe,
video,
img {
max-width: 100%;
}
.videoWrapper {
padding-bottom: 65%;
width: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
@media (min-width: 992px) {
.videoWrapper {
padding-bottom: 45%;
}
}
.videoWrapper video,
.videoWrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.aligncenter {
text-align: center;
}
.alignleft--img,
.alignleft {
float: left;
}
.alignright--img,
.alignright {
float: right;
}
img.alignleft,
figure.alignleft,
.alignleft--img,
.wp-caption.alignleft {
max-width: 50%;
height: auto;
margin: 10px 30px 30px 0;
}
@media screen and (max-width: 834px) {
img.alignleft,
figure.alignleft,
.alignleft--img,
.wp-caption.alignleft {
width: 100%;
display: block;
float: none;
margin: 0 auto 30px;
}
}
img.alignright,
figure.alignright,
.alignright--img,
.wp-caption.alignright {
max-width: 50%;
height: auto;
margin: 10px 0 30px 30px;
}
@media (max-width: 834px) {
img.alignright,
figure.alignright,
.alignright--img,
.wp-caption.alignright {
width: 100%;
display: block;
float: none;
margin: 0 auto 30px;
}
}
figure.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
display: block;
margin: 0 auto 30px;
}
.wp-caption {
margin: 10px 0;
padding: 4px 0 0;
text-align: center;
background-color: #f8f2f2;
border: 1px solid #f8f2f2;
border-radius: 3px;
}
.wp-caption .wp-caption-text {
padding: 0 4px 5px;
font-size: 11px;
line-height: 17px;
}
.wp-block-calendar a {
color: #990100;
text-decoration: underline;
}
.wp-block-pullquote {
text-align: left;
padding: 0;
}
blockquote {
margin: 20px 0;
padding: 5px 0 5px 20px;
display: inline-block;
text-align: left;
border-left: 6px solid #5f5f5f;
font-size: 16px;
color: #990100;
}
blockquote p {
margin-bottom: 0 !important;
}
cite {
font-size: 16px;
color: #990100;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
html,
body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
}
@media (max-width: 1200px) {
body.fixed {
position: fixed;
width: 100%;
margin-left: 0;
overflow: hidden;
}
}
.site-content {
flex: 1 0 auto;
overflow: hidden;
}
.welcome-block {
position: relative;
padding: 180px 20px;
}
@media (min-width: 480px) {
.welcome-block {
padding: 180px 50px;
}
}
@media (min-width: 1600px) {
.welcome-block {
padding: 230px 200px 280px;
}
}
@media (min-width: 1920px) {
.welcome-block {
padding: 400px 200px 280px;
}
}
.welcome-block.inter {
padding: 180px 20px 50px;
}
@media (min-width: 480px) {
.welcome-block.inter {
padding: 180px 50px 50px;
}
}
@media (min-width: 1600px) {
.welcome-block.inter {
padding: 130px 200px 140px;
}
}
.welcome-block__parallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: var(--bg-main);
background-repeat: no-repeat;
}
.welcome-block__parallax.parallaxFade {
background-position: center -2%;
background-size: 250%;
}
@media (min-width: 480px) {
.welcome-block__parallax.parallaxFade {
background-position: center -8%;
}
}
@media (min-width: 768px) {
.welcome-block__parallax.parallaxFade {
background-position: center top;
}
}
@media (min-width: 992px) {
.welcome-block__parallax.parallaxFade {
background-size: cover;
background-attachment: fixed;
}
}
.welcome-block__parallax.parallaxScroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: 160%;
background-attachment: scroll;
background-position: center top;
}
@media (min-width: 768px) {
.welcome-block__parallax.parallaxScroll {
background-size: cover;
background-position: center center;
}
}
@media (min-width: 992px) {
.welcome-block__grid {
display: grid;
align-items: flex-start;
grid-template-columns: repeat(2, 1fr);
justify-content: center;
}
}
@media (min-width: 1920px) {
.welcome-block__grid {
grid-template-columns: 720px 800px;
}
}
.welcome-block__grid_left {
background-repeat: no-repeat;
background-size: cover;
background-image: var(--bg-left);
padding: 117px 30px 115px;
}
@media (min-width: 480px) {
.welcome-block__grid_left {
padding: 117px 70px 115px;
}
}
@media (min-width: 992px) {
.welcome-block__grid_left {
padding: 140px 110px;
}
}
@media (min-width: 1920px) {
.welcome-block__grid_left {
padding: 221px 136px;
}
}
.welcome-block__grid_left.inter {
position: relative;
background-color: #fafafa;
z-index: 1;
}
@media (max-width: 992px) {
.welcome-block__grid_left.inter {
padding: 50px 40px;
}
}
@media (max-width: 480px) {
.welcome-block__grid_left.inter {
padding: 50px 20px;
}
}
@media (min-width: 1920px) {
.welcome-block__grid_left.inter {
padding: 121px 60px 313px;
}
}
.welcome-block__grid_left.inter .corner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #eeeeee;
-webkit-clip-path: polygon(95% 0, 0 0, 0 105%);
clip-path: polygon(95% 0, 0 0, 0 105%);
z-index: -1;
}
.welcome-block__grid_left-title h1 {
color: #050505;
font-family: "Graphik-Extralight", sans-serif;
font-size: 35px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: -2.4px;
line-height: 1.07;
overflow-wrap: normal;
}
@media (min-width: 480px) {
.welcome-block__grid_left-title h1 {
font-size: 45px;
}
}
@media (min-width: 1366px) {
.welcome-block__grid_left-title h1 {
font-size: 80px;
letter-spacing: -2px;
line-height: 1.12;
}
}
.welcome-block__grid_right {
background-repeat: no-repeat;
background-size: auto;
background-image: var(--bg-right);
background-position: 66% top;
background-color: black;
position: relative;
padding: 194px 20px 66px;
}
@media (min-width: 480px) {
.welcome-block__grid_right {
padding: 194px 40px 66px;
}
}
@media (min-width: 550px) {
.welcome-block__grid_right {
background-position: center top;
background-size: contain;
}
}
@media (min-width: 992px) {
.welcome-block__grid_right {
padding: 140px 50px 50px;
}
}
@media (min-width: 1366px) {
.welcome-block__grid_right {
padding: 140px 50px;
}
}
@media (min-width: 1920px) {
.welcome-block__grid_right {
padding: 223px 130px 116px 147px;
}
}
@media (max-width: 992px) {
.welcome-block__grid_right.inter {
padding: 50px 40px;
}
}
@media (max-width: 480px) {
.welcome-block__grid_right.inter {
padding: 50px 20px;
}
}
@media (min-width: 1920px) {
.welcome-block__grid_right.inter {
padding: 125px 152px 152px;
}
}
@media (min-width: 1366px) {
.welcome-block__grid_right.inter::before {
bottom: 100px;
}
}
.welcome-block__grid_right::before {
z-index: 1;
}
@media (min-width: 992px) {
.welcome-block__grid_right::before {
content: "";
position: absolute;
left: -60px;
bottom: 0;
width: 60px;
height: 240px;
background-color: #720000;
}
}
@media (min-width: 1366px) {
.welcome-block__grid_right::before {
left: -80px;
width: 80px;
height: 320px;
}
}
.welcome-block__grid_right-content {
color: #fff;
font-family: "Graphik-Light", sans-serif;
text-align: left;
}
.welcome-block__grid_right-content h2 {
font-size: 35px;
letter-spacing: -1.75px;
line-height: 1.18;
position: relative;
margin-bottom: 62px;
}
@media (min-width: 480px) {
.welcome-block__grid_right-content h2 {
font-size: 45px;
}
}
@media (min-width: 1366px) {
.welcome-block__grid_right-content h2 {
font-size: 65px;
margin-bottom: 77px;
line-height: 1.153;
}
}
.welcome-block__grid_right-content h2::before {
content: "";
position: absolute;
width: 150px;
height: 10px;
background-color: #720000;
bottom: -30px;
}
@media (min-width: 992px) {
.welcome-block__grid_right-content h2::before {
width: 240px;
height: 15px;
bottom: -41px;
}
}
.welcome-block__grid_right-content p {
font-size: 20px;
font-weight: 300;
letter-spacing: 0.6px;
line-height: 1.88;
}
@media (min-width: 1366px) {
.welcome-block__grid_right-content p {
font-size: 24px;
line-height: 1.9175;
}
}
.welcome-block__grid_right-content p:not(:last-child) {
margin-bottom: 21px;
}
@media (min-width: 1366px) {
.welcome-block__grid_right-content p:not(:last-child) {
margin-bottom: 26px;
}
}@font-face {
font-family: "Graphik-Thin";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikThin.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Extralight";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikExtralight.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Light";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikLight.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Regular";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikRegular.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Medium";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikMedium.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Bold";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikBold.otf) format("opentype");
}
@font-face {
font-family: "Graphik-Semibold";
src: url(//ultra-aesthetics.com/wp-content/themes/ua/public/fonts/Graphik/GraphikSemibold.otf) format("opentype");
}  :root {
--font-primary: sans-serif;
--font-secondary: serif; --text-base-size: 1em;
--text-scale-ratio: 1.2;  --text-xs: calc(1em / (var(--text-scale-ratio) * var(--text-scale-ratio)));
--text-sm: calc(1em / var(--text-scale-ratio));
--text-md: calc(1em * var(--text-scale-ratio));
--text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-xxxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio)); }
body {
font-size: var(--text-base-size);
font-family: var(--font-primary);
color: var(--color-text);
}
h1,
h2,
h3,
h4,
form legend {
color: var(--color-text-heading);
margin-bottom: var(--space-xxs);
line-height: var(--heading-line-height);
} .text--xxxl {
font-size: var(--text-xxxl);
}
h1,
.text--xxl {
font-size: var(--text-xxl);
}
h2,
.text--xl {
font-size: var(--text-xl);
}
h3,
.text--lg {
font-size: var(--text-lg);
}
h4,
.text--md {
font-size: var(--text-md);
}
.text--sm,
small {
font-size: var(--text-sm);
}
.text--xs {
font-size: var(--text-xs);
}
p {
line-height: var(--body-line-height);
}
.site-content .site-content__grid h1 {
font-size: 36px;
color: #720000;
font-weight: 400;
line-height: 1.1;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h1 {
font-size: 42px;
}
}
.site-content .site-content__grid h2 {
font-size: 30px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h2 {
font-size: 36px;
}
}
.site-content .site-content__grid h3 {
font-size: 24px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h3 {
font-size: 30px;
}
}
.site-content .site-content__grid h4 {
font-size: 20px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h4 {
font-size: 28px;
}
}
.site-content .site-content__grid h5 {
font-size: 18px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h5 {
font-size: 24px;
}
}
.site-content .site-content__grid h6 {
font-size: 16px;
font-weight: 400;
color: #720000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.site-content .site-content__grid h6 {
font-size: 20px;
}
}
.site-content .site-content__grid p {
color: #000;
font-family: "Graphik-Regular", sans-serif;
font-size: 16px;
line-height: 1.9167;
text-align: left;
letter-spacing: -0.4px;
}
@media (min-width: 480px) {
.site-content .site-content__grid p {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.site-content .site-content__grid p {
font-size: 24px;
}
}
.site-content .site-content__grid p:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.site-content .site-content__grid p:not(:last-child) {
margin-bottom: 40px;
}
}
.site-content .site-content__grid ul,
.site-content .site-content__grid ol {
margin-bottom: 29px;
padding-left: 20px;
list-style: initial;
}
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
margin-bottom: 0;
font-size: 16px;
line-height: 1.9167;
color: #000;
}
@media (min-width: 480px) {
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.site-content .site-content__grid ul li,
.site-content .site-content__grid ol li {
font-size: 24px;
}
}
.site-content .site-content__grid ul li:last-child,
.site-content .site-content__grid ol li:last-child {
margin-bottom: 0;
}
.site-content .site-content__grid ol {
list-style: auto;
padding: 0 0 0 30px;
list-style-position: initial;
}
.site-content .site-content__grid a:not(.btn) {
transition: all 0.3s ease-in-out;
color: #454545;
}
.site-content .site-content__grid a:not(.btn):hover {
color: #5f5f5f;
}
.site-content .site-content__grid strong {
font-weight: 700;
}
.site-content .site-content__grid pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
color: #720000;
}
.site-content .site-content__grid hr {
border-top: 2px solid #5f5f5f;
border-bottom: 0;
}
.site-content .site-content__grid a {
color: #000;
}
.site-content .site-content__grid a:hover {
color: #990100;
}
.wp-block-columns {
padding-top: 27px;
margin-bottom: 9px;
}
::-moz-selection {
background: #990100;
color: #fff;
text-shadow: none;
}
::selection {
background: #990100;
color: #fff;
text-shadow: none;
}
iframe,
video,
img {
max-width: 100%;
}
.videoWrapper {
padding-bottom: 65%;
width: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
@media (min-width: 992px) {
.videoWrapper {
padding-bottom: 45%;
}
}
.videoWrapper video,
.videoWrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.aligncenter {
text-align: center;
}
.alignleft--img,
.alignleft {
float: left;
}
.alignright--img,
.alignright {
float: right;
}
img.alignleft,
figure.alignleft,
.alignleft--img,
.wp-caption.alignleft {
max-width: 50%;
height: auto;
margin: 10px 30px 30px 0;
}
@media screen and (max-width: 834px) {
img.alignleft,
figure.alignleft,
.alignleft--img,
.wp-caption.alignleft {
width: 100%;
display: block;
float: none;
margin: 0 auto 30px;
}
}
img.alignright,
figure.alignright,
.alignright--img,
.wp-caption.alignright {
max-width: 50%;
height: auto;
margin: 10px 0 30px 30px;
}
@media (max-width: 834px) {
img.alignright,
figure.alignright,
.alignright--img,
.wp-caption.alignright {
width: 100%;
display: block;
float: none;
margin: 0 auto 30px;
}
}
figure.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
display: block;
margin: 0 auto 30px;
}
.wp-caption {
margin: 10px 0;
padding: 4px 0 0;
text-align: center;
background-color: #f8f2f2;
border: 1px solid #f8f2f2;
border-radius: 3px;
}
.wp-caption .wp-caption-text {
padding: 0 4px 5px;
font-size: 11px;
line-height: 17px;
}
.wp-block-calendar a {
color: #990100;
text-decoration: underline;
}
.wp-block-pullquote {
text-align: left;
padding: 0;
}
blockquote {
margin: 20px 0;
padding: 5px 0 5px 20px;
display: inline-block;
text-align: left;
border-left: 6px solid #5f5f5f;
font-size: 16px;
color: #990100;
}
blockquote p {
margin-bottom: 0 !important;
}
cite {
font-size: 16px;
color: #990100;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
html,
body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
}
@media (max-width: 1200px) {
body.fixed {
position: fixed;
width: 100%;
margin-left: 0;
overflow: hidden;
}
}
.site-content {
flex: 1 0 auto;
overflow: hidden;
}
.interior-layout-block {
padding: 50px 20px 10px;
}
@media (min-width: 1366px) {
.interior-layout-block.padding-small {
padding: 94px 20px 10px;
}
}
@media (min-width: 1366px) {
.interior-layout-block.padding-big {
padding: 117px 20px 92px;
}
}
@media (min-width: 1366px) {
.interior-layout-block.padding-zero {
padding: 0 20px;
}
}
.interior-layout-block__container {
max-width: 1500px;
margin: 0 auto;
}
.interior-layout-block__grid {
display: grid;
grid-template-columns: 1fr;
background-color: #fff;
}
.interior-layout-block__grid.layout-content_image.side-right {
grid-gap: 50px;
}
@media (min-width: 992px) {
.interior-layout-block__grid.layout-content_image.side-right {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1440px) {
.interior-layout-block__grid.layout-content_image.side-right {
grid-template-columns: auto 700px;
grid-gap: 90px;
}
}
.interior-layout-block__grid.layout-content_image.side-left {
grid-gap: 50px;
}
@media (min-width: 992px) {
.interior-layout-block__grid.layout-content_image.side-left {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1440px) {
.interior-layout-block__grid.layout-content_image.side-left {
grid-template-columns: 700px auto;
grid-gap: 90px;
}
}
@media (min-width: 992px) {
.interior-layout-block__grid.layout-content_columns {
grid-template-columns: 1fr 140px 1fr;
}
}
.interior-layout-block__grid_left {
background-repeat: no-repeat;
background-size: cover;
background-position: right;
background-color: #fff;
}
@media (min-width: 992px) {
.interior-layout-block__grid_left {
background-image: var(--bg-left);
}
}
.interior-layout-block__grid_right {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-color: #fff;
}
@media (min-width: 992px) {
.interior-layout-block__grid_right {
background-image: var(--bg-right);
}
}
.interior-layout-block__grid_center {
position: relative;
}
.interior-layout-block__grid_center::after {
content: "";
width: 2px;
height: 96%;
background-color: #050505;
position: absolute;
left: 50%;
top: 10px;
transform: translateX(-50%);
}
.interior-layout-block__grid_content h2 {
color: #000;
font-family: "Graphik-Light", sans-serif;
font-size: 45px;
text-align: center;
letter-spacing: -1.75px;
position: relative;
margin-bottom: 60px;
}
@media (max-width: 1600px) {
.interior-layout-block__grid_content h2 {
font-size: calc(30px + 15 * ((100vw - 320px) / 1120));
}
}
@media (min-width: 1366px) {
.interior-layout-block__grid_content h2 {
font-size: 70px;
margin-bottom: 88px;
}
}
.interior-layout-block__grid_content h2::before {
content: "";
position: absolute;
width: 150px;
height: 10px;
background-color: #720000;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.interior-layout-block__grid_content h2::before {
width: 240px;
height: 15px;
bottom: -34px;
}
}
.interior-layout-block__grid_content h3 {
font-size: 24px;
font-weight: 600;
color: #000;
line-height: 1.1;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content h3 {
font-size: 30px;
margin-bottom: 20px;
}
}
.interior-layout-block__grid_content p {
color: #000;
font-family: "Graphik-Regular", sans-serif;
font-size: 20px;
line-height: 1.9167;
text-align: left;
letter-spacing: -0.4px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content p {
font-size: 24px;
line-height: 46px;
}
}
.interior-layout-block__grid_content p:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content p:not(:last-child) {
margin-bottom: 40px;
}
}
.interior-layout-block__grid_content a {
color: #000;
}
.interior-layout-block__grid_content a:hover {
color: #990100;
}
.interior-layout-block__grid_content strong {
font-weight: 600;
}
.interior-layout-block__grid_content ul {
background-color: #eeeeee;
padding: 30px 30px 30px 40px;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ul {
margin-top: 97px;
margin-bottom: 81px;
padding: 52px 102px 51px 80px;
}
}
@media (min-width: 1600px) {
.interior-layout-block__grid_content ul {
padding: 52px 102px 51px 145px;
}
}
.interior-layout-block__grid_content ul li {
color: #000;
font-family: "Graphik-Regular", sans-serif;
font-size: 20px;
position: relative;
list-style: none;
letter-spacing: -0.4px;
line-height: 1.9167;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ul li {
font-size: 24px;
}
}
.interior-layout-block__grid_content ul li:not(:last-child) {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ul li:not(:last-child) {
margin-bottom: 6px;
}
}
.interior-layout-block__grid_content ul li::marker {
color: transparent;
}
.interior-layout-block__grid_content ul li::before {
content: "";
position: absolute;
left: -25px;
top: 11px;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: #720000;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ul li::before {
left: -41px;
top: 15px;
}
}
.interior-layout-block__grid_content ul p,
.interior-layout-block__grid_content ul h3 {
margin-left: -25px;
margin-bottom: 10px !important;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ul p,
.interior-layout-block__grid_content ul h3 {
margin-left: -40px;
}
}
.interior-layout-block__grid_content ol {
margin-bottom: 20px;
padding-left: 20px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ol {
margin-bottom: 40px;
padding-left: 30px;
}
}
.interior-layout-block__grid_content ol li {
color: #000;
font-family: "Graphik-Regular", sans-serif;
font-size: 20px;
position: relative;
list-style: auto;
letter-spacing: -0.4px;
line-height: 1.9167;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ol li {
font-size: 24px;
}
}
.interior-layout-block__grid_content ol li:not(:last-child) {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.interior-layout-block__grid_content ol li:not(:last-child) {
margin-bottom: 6px;
}
}
.interior-layout-block__grid .has_bg {
max-height: 528px;
}
@media (min-width: 992px) {
.interior-layout-block__grid .has_bg {
margin-top: 10px;
height: 700px;
max-height: unset;
}
}
.interior-layout-block__grid .has_bg img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 992px) {
.interior-layout-block__grid .has_bg img {
display: none;
}
}
.interior-layout-block__grid .has_bg.contain {
background-size: contain;
}
.interior-layout-block__grid_logos {
display: flex;
flex-direction: column;
}
.interior-layout-block__grid_logos img {
width: 100%;
max-height: 100px;
-o-object-fit: none;
object-fit: none;
}