html.windows-true {
margin-top: 0 !important;
}
#wpadminbar {
/* display: none !important; */
}
#inner-page-wrapper {
margin-bottom: 0;
}
#inner-page-wrapper > .container {
width: 100%;
padding: 0;
}
.block-row {
display: flex;
flex-flow: row wrap;
margin: 0.938em -1.875em;
}
div[class^="block-col-"] {
padding: 0 1.875em;
}
.block-col-6 {
width: calc(100% / 2);
}
.block-col-4 {
width: calc(100% / 3);
}
.block-col-3 {
width: calc(100% / 4);
}
.block-slider,
.block-slider .slick-list {
height: 100%;
}
.block-slider .slick-slide > div {
display: flex;
}
.block-bullet-list {
display: flex;
flex-flow: row wrap;
padding-top: 0.313em;
margin-bottom: 1.563em;
gap: 2.875em 0;
}
.block-bullet-list .block-bullet-item ul {
margin: 0;
}
.block-bullet-item {
padding-right: 3em;
}
.block-bullet-item strong {
display: block;
color: inherit;
font-size: 0.875em;
line-height: 1.786;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 1.071em;
}
.block-bullet-item ul {
margin-left: 0;
}
.light-bg {
color: var(--primary);
}
.light-bg::before {
position: absolute;
content: '';
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: var(--secondary);
}
.light-bg .site-bg canvas {
opacity: 0.15;
}
.dark-bg {
color: var(--secondary);
}
.dark-bg::before {
position: absolute;
content: '';
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: var(--primary);
}
.dark-bg .site-bg canvas {
opacity: 0.30;
}
.grayscale {
-webkit-filter: grayscale();
filter: grayscale();
}
/* Breacrumbs */
.ip-breadcrumbs {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1500px;
width: calc((1500/1600)*100%);
}
.ip-breadcrumbs #breadcrumbs {
line-height: 1;
margin: 2.5em 0;
font-weight: 400;
font-size: 0.75em;
color: #525252;
letter-spacing: 0.160em;
text-transform: uppercase;
}
.ip-breadcrumbs #breadcrumbs > span > span {
margin: 0 0.5em;
}
.ip-breadcrumbs #breadcrumbs > span > span:first-child {
margin-left: 0;
}
.ip-breadcrumbs #breadcrumbs .breadcrumb_last {
color: var(--primary);
}
/* Breadcrumbs */
/* Floating SMI */
#floating-smi.nav-active-section-ip-section-2,
#floating-smi.nav-active-section-ip-section-3,
#floating-smi.nav-active-section-ip-section-4,
#floating-smi.nav-active-section-ip-section-6,
#floating-smi.nav-active-section-ip-section-7,
#floating-smi.nav-active-section-ip-section-8 {
color: var(--primary);
}
/* Floating SMI */
/* Banner */
.banner-photo::before {
position: absolute;
content: '';
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0.2;
background: var(--primary);
}
.banner-photo::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
opacity: 0.65;
height: 22.125%;
background-image: linear-gradient(to bottom, var(--primary), transparent 75%);
}
.banner-photo canvas {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 75vh;
}
.banner-tagline {
position: absolute;
left: 0;
right: 0;
bottom: calc((184/550)*100%);
z-index: 1;
margin: 0 auto;
max-width: 1280px;
text-align: center;
color: var(--secondary);
display: flex;
justify-content: center;
}
.banner-tagline .site-title {
text-shadow: -0.016em 0.047em 0.083em rgba(0, 0, 0, 0.25);
}
.banner-tagline .site-title span {
font-size: 0.333em;
}
/* Banner */
/* Text-Photo Block */
.tp-block-wrap {
display: flex;
margin: 0 auto;
overflow-y: clip;
max-width: 1500px;
padding: min(80px, 5vw) 0;
width: calc((1500/1600)*100%);
align-items: center;
}
.tp-block-text {
position: relative;
margin-top: 0.188em;
width: calc((764/1500)*100%);
padding: 3em 3.75em 2.875em 3.125em;
}
.tp-block-text::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 1px;
bottom: -20%;
transform: scaleY(0);
transform-origin: top;
background: var(--primary);
transition: transform 2s 1s ease;
}
.tp-block-text.aos-animate::before,
html.mobile .tp-block-text::before {
transform: scaleY(1);
}
.tp-block-text .site-title {
margin-bottom: 0.5em;
}
.tp-block-text .site-button {
margin-top: 0.846em;
}
.tp-block-photo {
width: calc((736/1500)*100%);
}
.reverse .tp-block-wrap {
text-align: right;
flex-direction: row-reverse;
}
.reverse .tp-block-text {
padding-left: 3.75em;
padding-right: 3.125em;
}
.reverse .tp-block-text::before {
left: auto;
right: 0;
}
.reverse .tp-block-text p {
text-align-last: right;
}
/* Text-Photo Block */
/* Text Block */
.text-block-wrap {
text-align: center;
padding: min(140px, 8.75vw) 0 min(108px, 6.75vw);
}
.text-block-wrap .site-title {
margin-bottom: 0.833em;
}
.text-block-wrap p {
/* text-align-last: center; */
}
/* Text Block */
/* Photo Grid Block */
.pg-block-wrap {
padding: min(100px, 6.25vw) 0 min(98px, 6.125vw);
}
.pg-block-header {
text-align: center;
margin-bottom: 3.5em;
}
.pg-block-list {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
gap: 2.313em;
}
.pg-block-item {
width: calc((442/1400)*100%);
}
.pg-block-item-name {
line-height: 1;
cursor: pointer;
font-weight: 400;
position: relative;
font-size: 1.688em;
text-align: center;
text-transform: uppercase;
font-family: var(--font-family-title);
margin-top: 1.296em;
}
/* Photo Grid Block */
/* Text Grid Block */
.tg-block-wrap {
padding: min(98px, 6.125vw) 0 min(150px, 9.375vw);
}
.tg-block-header {
text-align: center;
margin-bottom: 3.125em;
}
.tg-block-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 calc((-66/1400)*100%);
}
.tg-block-item {
position: relative;
width: calc((510/1532)*100%);
padding: 0 calc((66/1532)*100%);
}
.tg-block-item:not(:nth-child(3n+3))::before {
position: absolute;
content: '';
right: 0;
width: 1px;
top: 0.438em;
bottom: 0.313em;
transform: scaleY(0);
transform-origin: top;
background: var(--primary);
transition: transform 2s 1s ease;
}
.aos-animate .tg-block-item:not(:nth-child(3n+3))::before,
html.mobile .tg-block-item:not(:nth-child(3n+3))::before {
transform: scaleY(1);
}
.tg-block-item p {
text-align-last: center;
}
.tg-block-item p:first-child {
margin-top: 0;
}
.tg-block-item span {
display: block;
line-height: 1;
font-weight: 400;
font-size: 0.938em;
text-align: center;
letter-spacing: 0.5em;
text-transform: uppercase;
margin-top: 2.6em;
}
/* Text Grid Block */
/* Accordion Block */
.accordion-wrap {
padding: min(140px, 8.75vw) min(60px, 3.75vw) min(150px, 9.375vw);
}
.accordion-header {
text-align: center;
margin-bottom: 1.625em;
}
.accordion-item {
position: relative;
}
.accordion-item::before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid var(--primary);
transition: 2s 1s ease-in-out;
transform-origin: left;
transform: scaleX(0);
}
.accordion-item.aos-animate::before,
html.mobile .accordion-item::before {
transform: scaleX(1);
}
.accordion-item-header {
line-height: 1;
font-weight: 400;
font-size: 1.688em;
font-family: var(--font-family-title);
padding-right: 1.037em;
position: relative;
cursor: pointer;
padding: 0.926em 1.037em 0.963em 0;
}
.accordion-item-header::before,
.accordion-item-header::after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
line-height: 1;
background: var(--primary);
transition: var(--transition);
}
.accordion-item-header::before {
width: 1px;
height: 0.556em;
right: 0.259em;
}
.accordion-item-header::after {
width: 0.556em;
height: 1px;
}
.accordion-item-header.accordion-active::before {
opacity: 0;
}
.accordion-item-content {
padding-bottom: 1.563em;
margin-top: -0.313em;
display: none;
}
.accordion-item-content p {
margin: 1.286em 0;
}
.accordion-item-content > p:first-of-type {
margin-top: 0;
}
.accordion-item-content ul,
.accordion-item-content ol {
margin: 1.563em 0 1.563em 1em;
}
.accordion-item-content ol {
margin-left: 2em;
}
.accordion-item-content ul li,
.accordion-item-content ol li {
color: inherit;
font-weight: 400;
font-size: 0.875em;
line-height: 1.786;
letter-spacing: 0.05em;
position: relative;
padding-left: 1em;
}
.accordion-item-content ol li {
list-style-type: decimal;
padding-left: 0;
}
.accordion-item-content ul li::before {
position: absolute;
content: '';
left: 0;
top: 0.786em;
width: 0.286em;
height: 0.286em;
border-radius: 50%;
background: currentColor;
}
.accordion-item-content ul li a,
.accordion-item-content ol li a {
font-weight: 700;
text-underline-offset: 2px;
text-decoration: underline;
text-decoration-color: #bfbfbf;
}
.accordion-item-content ul li a:hover,
.accordion-item-content ol li a:hover {
opacity: 0.6;
}
.accordion-item-content h3,
.accordion-item-content h4 {
font-size: 1.2em;
font-weight: 400;
font-family: var(--font-family-title);
}
.accordion-bg canvas {
opacity: 0.20;
background-color: #fff;
background-blend-mode: luminosity;
}
section {
background: #fff;
position: relative;
z-index: 10;
}
/*
#ip-section-3 {
z-index: 3;
}
#ip-section-5 {
z-index: 2;
}
#ip-section-8 {
z-index: 1;
}
#ip-section-3 .site-bg, #ip-section-5 .site-bg, #ip-section-8 .site-bg {
position: fixed;
}
*/
.site-bg:not(.contact-bg) canvas, .banner-photo canvas {
background-attachment: fixed;
}
.safari-true .site-bg:not(.contact-bg) canvas,
.safari-true .banner-photo canvas {
background-attachment: scroll;
}
.site-vid-play-icon {
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
color: #000;
font-size: 50px;
width: 100px;
height: 100px;
border: 3px solid #000;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 8px #000;
border-radius: 50%;
background: rgba(255,255,255,0.5);
}
/* Accordion Block */
/*.tp-block-photo .site-image canvas {
background-size: 1000px auto;
background-position: center right;
background-attachment: fixed;
background-repeat: no-repeat;
}*/
@media only screen and (max-width: 1700px) {
#floating-smi.nav-active-section-ip-section-2,
#floating-smi.nav-active-section-ip-section-4 {
right: calc((18 / 1600)* 100%);
}
}
@media only screen and (max-width: 1199px) {
.site-bg:not(.contact-bg) canvas, .banner-photo canvas {
background-attachment: scroll;
}
}
@media only screen and (max-width: 991px) {
.ip-breadcrumbs {
width: 80%;
padding: 0;
min-width: 280px;
position: static;
}
.ip-breadcrumbs #breadcrumbs {
text-align-last: left;
}
.block-col-6 {
width: 100%;
}
.block-col-4 {
width: 100%;
}
.block-col-3 {
width: 50%;
}
.block-slider .slick-track,
.block-slider .slick-slide > div {
height: 100%;
}
.banner-photo canvas {
min-height: 450px;
}
.banner-tagline {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.tp-block-wrap {
width: 80%;
min-width: 280px;
flex-direction: column;
padding: max(8vw, 65px) 0;
}
#ip-section-2 .tp-block-wrap {
padding-top: max(4vw, 30px);
}
.tp-block-text {
padding: 0;
width: 100%;
margin-top: 0;
text-align: center;
padding-bottom: max(6vw, 45px);
}
.tp-block-text::before {
content: unset;
display: none;
}
.tp-block-photo {
width: 100%;
}
.reverse .tp-block-wrap {
flex-direction: column;
}
.reverse .tp-block-text {
padding-left: 0;
padding-right: 0;
}
.reverse .tp-block-text p {
text-align-last: center;
}
.pg-block-item {
width: calc(50% - 1.1565em);
}
.tg-block-header {
margin-bottom: 1em;
}
.tg-block-list {
margin: 0;
}
.tg-block-item {
width: 100%;
padding: max(6vw, 45px) 0;
}
.tg-block-item:not(:last-child) {
border-bottom: 1px solid var(--primary);
}
.tg-block-item:not(:nth-child(3n+3))::before {
content: unset;
display: none;
}
.accordion-header {
margin-bottom: 3em;
}
.accordion-item-content p {
text-align-last: left;
}
}
@media only screen and (max-width: 767px) {
.block-col-3 {
width: 100%;
}
.banner-tagline {
font-size: 0.8em;
padding: 0 15px;
}
.tp-block-text .site-title {
margin-bottom: 1em;
}
.block-bullet-item {
padding-right: 2em;
}
}
@media only screen and (max-width: 567px) {
.pg-block-item {
width: 100%;
}
}
@media only screen and (max-width: 480px) {}
#inner-page-wrapper ul{
list-style: disc;
padding-inline-start: 3%;
}
#inner-page-wrapper ol {
list-style: decimal;
padding-inline-start: 3%;
}
#inner-page-wrapper li {
padding: 5px;
}