:root {
--primary: #ff884b;
--white: #ffffff;
--blue: #3b464a;
--light-blue: #e3eaea;
--green: #354932;
--light-green: #e8f1e7;
--burgundy: #74404f;
--light-burgundy: #f6edf1;
--brown: #5b4e41;
--light-brown: #e7e6da;
--peach: #bf620b;
--light-peach: #fbe1ca;
--black: #222222;
--current-color: var(--white);
--border-radius: 24px;
}
::selection {
background-color: var(--white);
color: var(--primary);
text-shadow: none;
}
body {
-webkit-font-smoothing: antialiased;
}
.rounded-corners {
border-radius: var(--border-radius);
overflow: hidden;
}
.color-primary {
color: var(--primary);
}
.color-white {
color: var(--white);
}
.color-black {
color: var(--black);
}
.color-brown {
color: var(--brown);
}
.color-green {
color: var(--green);
}
.color-blue {
color: var(--blue);
}
.color-burgundy {
color: var(--burgundy);
}
.color-peach {
color: var(--peach);
}
.mobile-block {
min-height: 308px;
}
@font-face {
font-family: 'Space Grotesk';
src: url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Regular.woff2) format('woff2'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Regular.woff) format('woff'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Space Grotesk';
src: url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Bold.woff2) format('woff2'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Bold.woff) format('woff'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/SpaceGrotesk-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formula';
src: url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Regular.woff2) format('woff2'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Regular.woff) format('woff'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formula';
src: url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Bold.woff2) format('woff2'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Bold.woff) format('woff'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/PPFormula-Bold.otf) format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neco';
src: url(//yourvision1.com/wp-content/themes/visionone-child/fonts/Neco-MediumItalic.woff2) format('woff2'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/Neco-MediumItalic.woff) format('woff'),
url(//yourvision1.com/wp-content/themes/visionone-child/fonts/Neco-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.no-scroll {
overflow: hidden;
height: 100svh;
}
@media (min-width: 1000px) {
.full-width-content > .row_col_wrap_12,
.galeria-header-imagen-wrap,
.single-galerias .container,
.galeria-footer {
padding-left: 28px !important;
padding-right: 28px !important;
}
}
@media (max-width: 1000px) {
.full-width-content:not(.no-padding) > .row_col_wrap_12,
.no-padding > .row_col_wrap_12,
.galeria-header-imagen-wrap,
.galeria-cabecera-content,
.single-galerias .container,
.galeria-footer {
padding-left: 18px !important;
padding-right: 18px !important;
}
.full-width-content.no-padding > .row_col_wrap_12,
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
#home-wrapper {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
strong {
font-weight: 700 !important;
} .animated .char,
.animated .word {
display: inline-flex;
}
.animated.lines:before,
.animated.lines:after,
.splitting-lines.lines:after,
.splitting.lines:before {
display: none !important;
}
.splitting-lines.lines {
background-color: transparent;
width: fit-content;
height: auto !important;
}
.splitting-lines {
opacity: 0;
}
.animated.lines {
width: auto !important;
height: auto;
background-color: transparent;
}
.word-wrapper {
display: inline-block;
overflow: hidden;
vertical-align: top;
}
span.whitespace {
white-space: break-spaces;
}
.animated {
white-space: nowrap;
} .custom-hero {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
}
.custom-hero__content {
width: calc(65% - 10px);
}
.custom-hero__animation-wrapper {
background-color: transparent;
padding: 1.5rem;
border-radius: var(--border-radius);
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.custom-hero__animation-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
background-color: var(--light-brown);
z-index: -1;
clip-path: inset(100% 0 0 0);
transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-hero.active .custom-hero__animation-wrapper:before {
clip-path: inset(0 0 0 0);
}
.custom-hero__animation {
display: flex;
gap: 1vw;
margin-top: 25vh;
margin-bottom: 2rem;
align-items: baseline;
}
svg.vision-animation {
width: 14vw;
}
.rotating-words {
position: relative;
user-select: none;
}
.rotating-words * {
font-family: 'Neco', serif;
color: var(--primary);
font-size: 6vw;
line-height: 0.7;
letter-spacing: -0.2vw;
}
.rotating-words .splitting-char {
position: absolute;
left: 0;
bottom: 0;
height: 4.2vw;
opacity: 0;
}
.word-container {
position: relative;
display: inline-block;
}
.rotating-words .word {
position: absolute;
opacity: 0;
white-space: nowrap;
will-change: transform;
}
.rotating-words .word span {
opacity: 0;
display: inline-block;
}
.custom-hero__main-title {
font-size: clamp(24px, 3.33vw, 48px);
margin-bottom: 2rem;
color: var(--black);
font-weight: 400;
max-width: 90%;
white-space: break-spaces;
}
.custom-hero__bottom {
display: flex;
}
.custom-hero__info-box {
background-color: transparent;
padding: 1.5rem;
border-radius: var(--border-radius);
color: var(--white);
width: 75%;
position: relative;
overflow: hidden;
}
.custom-hero__info-box:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
background-color: var(--blue);
z-index: -1;
clip-path: inset(100% 0 0 0);
transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-hero.active .custom-hero__info-box:before {
transition-delay: 0.1s;
clip-path: inset(0 0 0 0);
}
.custom-hero__subtitle {
color: var(--primary);
font-family: 'Space Grotesk', monospace;
font-weight: 400;
margin-bottom: 0.5rem;
text-transform: uppercase;
font-size: clamp(16px, 1.13vw, 20px);
line-height: 1;
margin-bottom: 10px;
max-width: 60ch;
white-space: break-spaces;
}
.custom-hero__text {
font-size: clamp(16px, 1.13vw, 20px);
margin-bottom: 1rem;
line-height: 1.4;
max-width: 60ch;
white-space: break-spaces;
}
.custom-hero__button {
display: flex;
gap: 10px;
width: fit-content;
background-color: var(--primary);
color: var(--black);
padding: 0.75rem 1.5rem;
border-radius: calc(var(--border-radius) / 2);
text-decoration: none;
font-weight: bold;
font-family: 'Space Grotesk', monospace;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.custom-hero__button:hover {
background-color: var(--light-peach);
color: var(--black);
}
.custom-hero__more {
margin-top: 2rem;
font-size: 0.9rem;
text-align: center;
color: var(--black);
font-family: 'Space Grotesk', monospace;
display: flex;
width: 25%;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.custom-hero__more a svg path {
transition: fill 0.3s ease-in-out;
}
.custom-hero__more a {
display: flex;
gap: 10px;
width: fit-content;
}
.custom-hero__more a:hover {
color: var(--primary);
}
.custom-hero__more a:hover svg path {
fill: var(--primary);
}
.custom-hero.active .custom-hero__more,
.custom-hero.active .custom-hero__button {
opacity: 1;
}
.custom-hero__image {
width: 35%;
min-height: 100svh;
border-radius: var(--border-radius);
overflow: hidden;
clip-path: inset(100% 0 0 0);
transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-hero.active .custom-hero__image {
transition-delay: 0.3s;
clip-path: inset(0 0 0 0);
}
.custom-hero__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.custom-hero__more a {
color: var(--black);
}
@media (max-width: 1000px) {
.custom-hero__animation-wrapper {
overflow: visible;
}
.custom-hero__image {
position: absolute;
min-height: auto;
width: 100%;
z-index: -2; border-radius: 0;
}
.custom-hero__content {
width: 100%;
padding: 20px;
padding-top: 14vh;
display: flex;
flex-flow: column;
height: fit-content;
justify-content: flex-end;
}
.custom-hero__more {
display: none;
}
.custom-hero__info-box {
width: 100%;
}
svg.vision-animation {
width: 30vw;
}
.rotating-words * {
font-size: 12vw;
}
.rotating-words .splitting-char {
height: 8.6vw;
}
.custom-hero__animation {
margin-top: 4vh;
}
.custom-hero__main-title {
margin-bottom: 1rem;
}
} .home #header-outer {
transform: translateY(-100%);
transition: transform 0.8s ease-in-out !important;
}
.home #header-outer.animated {
transform: translateY(0);
}
.menu-item.button_bordered a {
flex-flow: row-reverse;
}
#header-outer header .nectar-menu-icon,
#header-outer header .nectar-menu-icon-img {
margin-right: 0 !important;
margin-left: 10px;
}
#header-outer #top nav > ul > li[class*='button_bordered'] > a {
color: var(--primary) !important;
transition: all 0.3s ease-in-out;
}
#top nav > ul > li[class*='button_bordered'] > a:before {
border-color: var(--primary) !important;
}
#top nav > ul > li[class*='button_bordered'] > a:hover {
opacity: 0.8;
} .custom-title.primary,
.custom-title.primary * {
font-family: 'Formula', sans-serif !important;
}
.custom-title.secondary,
.custom-title.secondary *,
.nectar-button.medium {
font-family: 'Space Grotesk', monospace !important;
}
.custom-title.uppercase .custom-title.uppercase * {
text-transform: uppercase !important;
}
.custom-title {
font-weight: 400 !important; }
.custom-title strong {
font-weight: 700 !important;
} .custom-title.big *,
.custom-title.big {
font-size: clamp(80px, 4.45vw, 102px) !important;
line-height: 1.1 !important;
}
.custom-title.medium *,
.custom-title.medium,
.toggle-heading {
font-size: clamp(30px, 3.33vw, 48px) !important;
line-height: 1.1 !important;
}
#terms .toggle-heading {
font-size: 32px !important;
}
.custom-title.small *,
.custom-title.small,
.nectar-button.medium,
body .nectar-milestone .subject {
font-size: clamp(16px, 1.13vw, 20px) !important;
line-height: 1.4;
}
@media (max-width: 1000px) {
.custom-hero__main-title {
font-size: clamp(30px, 3.33vw, 48px);
}
.custom-title.big *,
.custom-title.big {
font-size: clamp(40px, 3.33vw, 48px) !important;
}
}
body .nectar-milestone .subject {
color: var(--burgundy) !important;
text-transform: uppercase !important;
font-family: 'Space Grotesk', monospace !important;
}
.number.extra-color-3 {
display: flex !important;
align-items: flex-start;
}
.number.extra-color-3::before {
transform: translateY(-20px);
content: url('data:image/svg+xml,<svg width="32" height="113" viewBox="0 0 32 113" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5091 19.2598L16.5091 42.3335L14.4872 42.3335L14.4872 19.2598L5.42968 27.6683L4 26.3411L15.4982 15.6668L27.3333 26.6539L25.9036 27.9811L16.5091 19.2598Z" fill="%235B4E41"/><g opacity="0.6"><path d="M16.5091 53.2598L16.5091 76.3335L14.4872 76.3335L14.4872 53.2598L5.42968 61.6683L4 60.3411L15.4982 49.6668L27.3333 60.6539L25.9036 61.9811L16.5091 53.2598Z" fill="%235B4E41"/></g><g opacity="0.3"><path d="M16.5091 87.2598L16.5091 110.333L14.4872 110.333L14.4872 87.2598L5.42968 95.6683L4 94.3411L15.4982 83.6668L27.3333 94.6539L25.9036 95.9811L16.5091 87.2598Z" fill="%235B4E41"/></g></svg>');
} #services div[data-style='minimal'] .toggle {
border-bottom: none !important;
}
#services .toggle:not(:last-child):before {
content: '';
height: 30px;
position: absolute;
bottom: -30px;
left: 0;
width: 100%;
}  #services .toggle:nth-child(1),
#services .toggle:nth-child(1):before {
background-color: var(--light-burgundy);
}
#services div[data-style='minimal'] .toggle:nth-child(1) > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(1):hover > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(1).open > .toggle-title a,
#services .toggle:nth-child(1) .custom-title {
color: var(--burgundy) !important;
}
#services .toggle:nth-child(2),
#services .toggle:nth-child(2):before {
background-color: var(--light-peach);
}
#services div[data-style='minimal'] .toggle:nth-child(2) > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(2):hover > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(2).open > .toggle-title a,
#services .toggle:nth-child(2) .custom-title {
color: var(--peach) !important;
}
#services .toggle:nth-child(3),
#services .toggle:nth-child(3):before {
background-color: var(--light-green);
}
#services div[data-style='minimal'] .toggle:nth-child(3) > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(3):hover > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(3).open > .toggle-title a,
#services .toggle:nth-child(3) .custom-title {
color: var(--green) !important;
}
#services .toggle:nth-child(4),
#services .toggle:nth-child(4):before {
background-color: var(--light-blue);
}
#services div[data-style='minimal'] .toggle:nth-child(4) > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(4):hover > .toggle-title a,
#services div[data-style='minimal'] .toggle:nth-child(4).open > .toggle-title a,
#services .toggle:nth-child(4) .custom-title {
color: var(--blue) !important;
}
#services .toggle {
padding: 2rem;
border-top-right-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
position: relative;
padding-bottom: 0;
}
@media (min-width: 1000px) {
div[data-style*='minimal'] .toggle > .toggle-title i {
left: 0 !important;
}
#services div[data-style='minimal'] .toggle > .toggle-title a,
#services .toggle .custom-title {
max-width: 70%;
}
div[data-style='minimal'] .toggle > .toggle-title a,
.toggle .custom-title {
margin-left: 60px;
}
#services div[data-style='minimal'] .toggle > .toggle-title a {
max-width: 50%;
}
} .custom-card {
padding: 1.5rem;
border-radius: var(--border-radius);
margin-bottom: 12px !important;
}
.custom-card__title {
display: flex;
gap: 1rem;
align-items: center;
margin-bottom: 1rem;
font-size: 18px;
font-weight: 700;
}
.custom-card__title * {
font-size: 18px;
font-weight: 700;
color: inherit !important;
}
.top .custom-card__title {
align-items: flex-start;
flex-flow: column;
font-size: 24px;
}
.custom-card.top {
border: 1px solid var(--white);
}
.custom-card__text {
font-size: 14px;
}
.custom-card.burgundy {
background-color: var(--burgundy);
color: var(--light-burgundy);
}
.custom-card.peach {
background-color: var(--peach);
color: var(--light-peach);
}
.custom-card.green {
background-color: var(--green);
color: var(--light-green);
}
.custom-card.blue {
background-color: var(--blue);
color: var(--light-blue);
}
#services div[data-style='minimal'] .toggle:nth-child(1).default.open i,
#services div[data-style='minimal'] .toggle:nth-child(1).default i {
border-color: var(--burgundy) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(2).default.open i,
#services div[data-style='minimal'] .toggle:nth-child(2).default i {
border-color: var(--peach) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(3).default.open i,
#services div[data-style='minimal'] .toggle:nth-child(3).default i {
border-color: var(--green) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(4).default.open i,
#services div[data-style='minimal'] .toggle:nth-child(4).default i {
border-color: var(--blue) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(1).open > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(1) > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(1) > .toggle-title i:after,
#services div[data-style='minimal'] .toggle:nth-child(1) > .toggle-title i:after {
background-color: var(--burgundy) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(2).open > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(2) > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(2) > .toggle-title i:after,
#services div[data-style='minimal'] .toggle:nth-child(2) > .toggle-title i:after {
background-color: var(--peach) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(3).open > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(3) > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(3) > .toggle-title i:after,
#services div[data-style='minimal'] .toggle:nth-child(3) > .toggle-title i:after {
background-color: var(--green) !important;
}
#services div[data-style='minimal'] .toggle:nth-child(4).open > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(4) > .toggle-title i:before,
#services div[data-style='minimal'] .toggle:nth-child(4) > .toggle-title i:after,
#services div[data-style='minimal'] .toggle:nth-child(4) > .toggle-title i:after {
background-color: var(--blue) !important;
}
div[data-style*='minimal'] .toggle.open i:after {
-ms-transform: scale(1, 1) !important;
-webkit-transform: scale(1, 1) !important;
transform: scale(1, 1) !important;
}
div[data-style*='minimal'] .toggle i {
transition: transform 0.3s ease-in-out !important;
}
div[data-style*='minimal'] .toggle.open i {
transform: rotate(45deg);
}
.founders-card {
padding: 1.5rem !important;
background-color: var(--light-blue);
border-radius: var(--border-radius);
}
.founders-card .custom-title.big * {
font-size: clamp(20px, 3.33vw, 40px) !important;
}
.founders-card .custom-title.big {
font-size: clamp(20px, 3.33vw, 40px) !important;
line-height: 1.1 !important;
font-weight: 700 !important;
} a.nectar-button.medium.regular.accent-color.regular-button {
color: var(--black) !important;
font-size: 16px !important;
}
a.nectar-button.medium.regular.accent-color.regular-button:hover {
box-shadow: none !important;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
background-color: var(--light-peach) !important;
opacity: 1;
}
a.nectar-button.medium.regular.accent-color.regular-button:after,
.link_wrap:after {
content: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3053 12.3818H2V10.8654H19.3053L12.9989 4.07226L13.9943 3L22 11.6236L13.7597 20.5L12.7643 19.4277L19.3053 12.3818Z" fill="%23222222"/></svg>');
display: inline-flex;
vertical-align: middle;
margin-left: 10px;
height: 24px;
}
.link_wrap:after {
height: 24px;
content: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3053 12.3818H2V10.8654H19.3053L12.9989 4.07226L13.9943 3L22 11.6236L13.7597 20.5L12.7643 19.4277L19.3053 12.3818Z" fill="%23ff884b"/></svg>');
}
span.link_wrap {
position: relative;
display: inline-flex;
align-items: center;
}
.nectar-cta .link_wrap .link_text {
height: 22px;
}
.founders .row_col_wrap_12_inner {
gap: 10px;
}
.founders-middle-cards .vc_column-inner .wpb_wrapper {
height: 100%;
}
.nectar-milestone .number {
font-size: clamp(62px, 4vw, 80px) !important;
line-height: 1 !important;
font-weight: 700 !important;
font-family: 'Formula' !important;
}
#grow .row_col_wrap_12_inner {
gap: 10px;
}
#grow .wpb_wrapper {
display: flex;
flex-flow: column;
height: 100%;
justify-content: space-between;
}
.legals {
color: var(--light-blue);
display: inline-flex;
margin-right: 2rem;
margin-left: 2rem;
}
.custom-title.small.legals,
.custom-title.small.legals a {
font-size: 16px !important;
}
.custom-title.big.footer-big *,
.custom-title.big.footer-big {
font-size: clamp(60px, 4vw, 80px) !important;
line-height: 1.1 !important;
}
.footer-img,
.footer-img-wrapper .img-with-aniamtion-wrap {
max-width: 350px !important;
}
.footer-img-wrapper .wpb_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.footer-column {
padding-top: 2rem !important;
margin-bottom: 4rem;
}
#footer a {
color: var(--light-blue);
}
#footer a:hover {
color: var(--primary);
}
@media (min-width: 1000px) {
.founders-middle-cards .custom-card {
height: calc(50% - 5px);
}
.founders .vc_col-sm-4,
#grow .vc_col-sm-4 {
width: calc(33.33333% - 7px);
}
#grow .vc_col-sm-3 {
width: calc(25% - 12px);
}
#footer {
width: calc(100vw - 65px);
transform: translateX(28px);
margin-top: 80px;
margin-bottom: 2rem;
}
}
@media (max-width: 1000px) {
.founders-card,
.founders-middle-cards {
margin-bottom: 0 !important;
}
#footer .row-bg-wrap {
border-radius: 0 !important;
}
.custom-title.big.footer-big *,
.custom-title.big.footer-big {
font-size: clamp(40px, 4vw, 48px) !important;
line-height: 1.1 !important;
}
.footer-img {
max-width: 70vw !important;
margin: 80px 0 !important;
}
}
.inline-img .img-with-aniamtion-wrap {
display: inline-flex;
padding: 10px;
}
.inline-img .vc_column-inner {
align-items: center;
justify-content: center;
}