/* General Reset Rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0 0 var(--spc-2);
min-height: 0vw;
}
blockquote {
font-size: clamp(1.3rem, 50%, 2rem);
font-style: italic;
position: relative;
max-width:var(--w-n);
margin: var(--spc-2) 0 var(--spc-2) var(--spc-1);
z-index: 1;
}
blockquote:before {
content: url('data:image/svg+xml,');
position: absolute;
top: -1.25rem;
left: -1.25rem;
z-index:-1;
}
ul {
list-style-image: url('data:image/svg+xml,');
list-style-type: '?';
}
/* Set core body defaults */
body {
min-height: 100vh;
min-height:100dvh;
text-rendering: optimizeSpeed;
line-height: 1.5;
margin:0;
background-color: var(--clr-2);
}
b, strong {
font-weight: 600;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
outline: none;
}
a {
outline: none;
}
/* Make images easier to work with */
img {
max-width: 100%;
height:auto;
}
picture {
width: 100%;
height: 100%;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
::selection {
background: var(--clr-3);
color: var(--clr-2);
}
.visually-hidden, .blog-cats h2.widgettitle, .blog-cats a.ct-link:nth-child(1) {
border: 0;
clip: rect(0 0 0 0);
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.u-undertitle:after {
content: "";
background: url('data:image/svg+xml,');
width: 100%;
height: 32px;
position: absolute;
bottom: -1.75rem;
left: 0;
background-repeat: no-repeat;
background-size: contain;
}
:root {
/* Colores base */
--color-white: hsl(0, 0%, 100%);
--color-white-30: hsl(0, 0%, 100%, 0.3);
--color-black: hsl(0, 0%, 0%);
--color-black-10: hsl(0, 0%, 0%, 0.1);
--color-white-old: hsl(0, 0%, 99.61%); /* #FEFEFE */
--color-ivory-brnd: hsl(40, 56%, 95%); /* #F9F4EA */
--color-aureolin-brnd: hsl(58.14, 85.09%, 55.29%); /* #eee82c */
--color-melon-brnd: hsl(13, 63%, 72%); /* #E5A08C */
--color-green-30: hsl(96, 31%, 94%); /* #EEF4EA */
--color-green-brnd: hsl(146, 50%, 32%); /* #297A4C */
--color-green-180: hsl(153, 42%, 28%); /* #2A664B */
--color-aureolin-10: hsl(60, 80.95%, 95.88%); /* #fdfdec */
--color-transparent: hsl(0, 0%, 100%, 0);
/* Colores contextuales (5) */
--clr-1: var(--color-white-old);
--clr-2: var(--color-ivory-brnd);
--clr-3: var(--color-aureolin-brnd);
--clr-4: var(--color-melon-brnd);
--clr-5: var(--color-green-brnd);
--clr-brnd: var(--color-green-180);
/* Tipografía */
--t-1: 0.875rem;
--t-2: 1rem;
--t-3: 1.25rem;
--t-4: clamp(2.8125rem, 50%, 4.375rem);
--h1: clamp(2rem, 50%, 2.34rem);
--h2: clamp(1.8rem, 50%, 2rem);
--h3: clamp(1.25rem, 50%, 1.5625rem);
--h4: var(--t-3);
--h5: var(--t-2);
--h6: var(--t-1);
/* Espaciado base */
--space-0: 0.25rem;
--space-1: 0.5rem;
--space-2: 1rem;
--space-3: 1.3rem;
--space-4: 1.6rem;
--space-5: 1.9rem;
--space-6: 2.5rem;
--space-7: 2.8rem;
--space-8: 3.1rem;
--space-9: 3.4rem;
--space-10: 3.8rem;
--space-11: clamp(3.5rem, calc(3.5rem + ((1vw - 0.3375rem) * 1.4545)), 4.1rem);
--space-12: clamp(4rem, calc(4rem + ((1vw - 0.3375rem) * 2.4242)), 5rem);
--space-13: clamp(2rem, calc(2rem + ((1vw - 0.405625rem) * 9.2996)), 5rem);
--space-14: clamp(3.5rem, calc(3.5rem + ((1vw - 0.405625rem) * 10.2534)), 7.8rem);
--spacing-section: var(--space-13);
--spacing-col: var(--space-3);
/* Espaciado contextual (4 seleccionados) */
--spc-1: var(--space-1);
--spc-2: var(--space-2);
--spc-3: var(--space-4);
--spc-4: var(--space-7);
--spc-brnd: var(--spc-2);
--spc-circ: 50%;
--gap-1: clamp(var(--spc-1), calc(0.5rem + ((1vw - 0.4rem) * 1.4286)), var(--spc-2));
--gap-2: clamp(var(--space-2), calc(1rem + ((1vw - 0.45rem) * 2)), var(--space-4));
--gap-3: clamp(var(--space-3), calc(1.3rem + ((1vw - 0.45rem) * 4)), var(--space-6));
--gap-4: clamp(var(--space-3), calc(1.3rem + ((1vw - 0.45rem) * 6)), var(--space-8));
--gap-brnd: var(--gap-4);
/* Bordes (2) */
--bdr-1: var(--space-2);
--bdr-2: var(--space-5);
--bdr-brnd: var(--bdr-1);
/* Sombras (2) */
--shd-1: 0 2px 4px var(--color-black-10);
--shd-2: 0 4px 8px var(--color-black-10);
--shd-brnd: var(--shd-2);
/* Anchos (4) */
--w-1: 20rem;
--w-2: 30rem;
--w-3: 40rem;
--w-4: 55rem;
/* Icons */
--ic-1: var(--space-2);
--ic-2: var(--space-5);
--ic-brnd: var(--ic-2);
/* Grids */
--grid-2: clamp(15rem, 50%, 25rem);
--grid-3: clamp(14.0625rem, 50%, 18.75rem);
--grid-4: 14.0625rem;
--grid-5: clamp(8rem, 50%, 10rem);
}
/* Espaciado (Stack) */
:is(.stack-1, .stack-2, .stack-3) > * { margin: 0!important }
.stack-1 > * + * { margin-top: var(--spc-1)!important; }
:is(.stack-2, fieldseat) > * + * { margin-top: var(--spc-2)!important; }
.stack-3 > * + * { margin-top: var(--spc-3)!important; }
/* Queries */
@media screen and (max-width: 540px) {
.ct-div-block.qm-center-full {
align-items: center!important;
text-align: center;
}
}
.ff-t-cell.ff-t-column-2 {
margin-top: auto;
}
/* Padding Secciones */
.spb-2 > .ct-section-inner-wrap {
padding-block: var(--spc-2)
}
.spb-3 > .ct-section-inner-wrap {
padding-block: var(--spc-3)
}
.spb-4 > .ct-section-inner-wrap {
padding-block: var(--spc-4)
}
/* Icons */
.ct-fancy-icon.ic-1 > svg {
width: var(--ic-1);
height: var(--ic-1);
}
.ct-fancy-icon.ic-2 > svg {
width: var(--ic-2);
height: var(--ic-2);
}
.ct-fancy-icon.ic-brnd > svg {
width: var(--ic-brnd);
height: var(--ic-brnd);
}
/* Centrado de secciones */
.u-center-full > .ct-section-inner-wrap, .u-center-full {
text-align: center;
margin-inline: auto;
display: grid!important;
justify-content: center;
justify-items: center;
}
/* Menú */
.menu-1 :is(li, ul), .menu-2 :is(li, ul) {
margin: 0;
}
/* Dropdown */
.oxygen-classes-dropdown li, .fluentform .ff-el-group {
margin-bottom: 0!important;
}
/* Header pegajoso */
.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active {
backdrop-filter: var(--bdrop-1);
background-color: var(--color-white-20);
}
@keyframes myAnim {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.timeline-list {
list-style: none;
padding: 0;
margin: 0;
}
.timeline-item {
display: flex;
align-items: center;
padding: 20px 0;
position: relative;
}
.timeline-item::before,
.timeline-item::after {
content: '';
position: absolute;
width: 1px;
background-color: var(--clr-brnd);
}
.timeline-item::before {
top: 0;
left: 25px;
height: 15%;
}
.timeline-item::after {
bottom: 0;
left: 25px;
height: 85%;
}
.timeline-item:first-child::before {
display: none;
}
.timeline-item:last-child::after {
display: none;
}
.timeline-graphic {
margin-right: 20px;
}
.graphic-circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--clr-brnd);
display: flex;
justify-content: center;
align-items: center;
}
.icon-dot,
.icon-bicycle,
.icon-envelope {
background-color: var(--clr-brnd);
}
.no-pd-list ul {
padding-inline: 1rem;
}
/* Fila de búsqueda */
.search-row {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
}
.oxy-header-row.search-active + .search-row {
opacity: 1;
visibility: visible;
height: auto;
}
.header-search-icon {
cursor: pointer;
}
.oxy-header .search-row .oxy-search-form {
width: 100%;
}
.search-row .oxy-search-form input {
background: none;
border: none;
color: var(--clr-3);
padding: var(--pd-inl-1);
width: 100%;
}
.search-row .oxy-search-form input::placeholder {
color: var(--clr-3);
font-family: var(--fnt-base);
opacity: 0.7;
}
.search-row .oxy-search-form input:focus {
border: none;
outline: none;
}
.search-row .oxy-search-form input[type="submit"] {
display: none;
}
.search-active .search-icon {
pointer-events: none;
}
.search-row .screen-reader-text {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.search-row .oxy-header-left:empty {
display: none;
}
/* Lista de cuentas */
.account-list ul {
list-style: none;
}
.account-list li {
margin: 0;
}
/* Grid item hover */
.dmn-grid-item:hover {
background-color: var(--clr-5);
transform: scale(1.02);
}
/* Repeater pages */
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap {
grid-column: span 3;
}
@media only screen and (max-width: 890px) {
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap {
grid-column: span 2;
}
}
@media only screen and (max-width: 690px) {
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap {
grid-column: span 1;
}
}
/* Categorías */
.u-cats :is(label.screen-reader-text, .widgettitle) {
border: 0;
clip: rect(0 0 0 0);
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.u-cats select {
font: inherit;
background: var(--clr-5);
color: var(--clr-4);
border-radius: var(--bdr-1);
padding: var(--pd-inl-1);
border: none;
}
/* Animaciones */
@keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes img-big {
0% { transform: scale(1); }
100% { transform: scale(1.05); }
}
@keyframes cloudFloat {
0% { transform: translate(0, 0) scale(1.2); }
50% { transform: translate(50%, 10%) scale(1.1); }
100% { transform: translate(0, 0) scale(1.2); }
}
@keyframes cloudFloatReverse {
0% { transform: translate(0, 0) scale(0.8); }
50% { transform: translate(-50%, -10%) scale(0.9); }
100% { transform: translate(0, 0) scale(0.8); }
}
.hero-clouds-1 { animation: cloudFloat 25s linear infinite; }
.hero-clouds-2 { animation: cloudFloatReverse 35s linear infinite; }
/* Menú off-canvas */
.oxy-pro-menu.oxy-pro-menu-off-canvas > .oxy-pro-menu-container {
max-height: 60vh;
}
.ct-section-inner-wrap {
margin-left: auto;
margin-right: auto;
height: 100%;
min-height: inherit;
}
.ct-section-with-shape-divider {
position: relative !important;
}
.oxygen-unslider-container:not(.unslider-fade) > ul {
list-style: none;
width: 0px;
}
.oxygen-unslider-container:not(.unslider-fade):not(.unslider-horizontal) > ul > li {
opacity: 0;
}
.oxygen-unslider-container.unslider-fade > ul > li:not(.unslider-active) {
opacity: 0;
}
div.ct-svg-icon > svg,
svg.ct-svg-icon {
height: 1em !important;
fill: currentColor;
}
.ct-columns-inner-wrap {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.ct-column {
float: left !important;
word-break: break-word;
}
svg.ct-svg-icon {
display: inline-block;
width: 1em !important;
}
div.ct-svg-icon {
display: inline-block;
box-sizing: content-box;
border-radius: 50%;
width: auto;
}
div.ct-svg-icon > svg {
width: 1em !important;
display: block;
}
div.ct-fancy-icon {
display: inline-flex;
border-radius: 50%;
}
.ct-fancy-icon > svg {
fill: currentColor;
}
.ct-columns-inner-wrap > .ct-column:first-child {
margin-left: 0 !important;
}
.ct-columns-inner-wrap > .ct-column:last-child {
margin-right: 0 !important;
}
.ct-video {
width: 100%;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper {
position: relative;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-nav-menu-list {
display: flex;
padding: 0;
margin: 0;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item {
list-style-type: none;
display: flex;
flex-direction: column;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
text-decoration: none;
border-style: solid;
border-width: 0;
transition-timing-function: ease-in-out;
transition-property: background-color, color, border-color;
border-color: transparent;
}
.oxy-nav-menu .oxy-nav-menu-list li.current-menu-item > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:focus-within > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:hover > a {
border-color: currentColor;
}
.oxy-nav-menu .menu-item,
.oxy-nav-menu .sub-menu {
position: relative;
}
.oxy-nav-menu .menu-item .sub-menu {
padding: 0;
flex-direction: column;
white-space: nowrap;
transition-timing-function: ease-in-out;
transition-property: visibility, opacity;
visibility: hidden;
opacity: 0;
display: flex;
position: absolute;
top: 100%;
}
.oxy-nav-menu .sub-menu .sub-menu,
.oxy-nav-menu.oxy-nav-menu-vertical .sub-menu {
left: 100%;
top: 0;
}
.oxy-nav-menu .menu-item:hover > .sub-menu,
.oxy-nav-menu .menu-item:focus-within > .sub-menu {
visibility: visible;
opacity: 1;
}
.oxy-nav-menu .sub-menu li.menu-item {
flex-direction: column;
}
@keyframes oxy_sticky_header_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.oxy-sticky-header-fade-in {
animation-name: oxy_sticky_header_fadein;
animation-duration: 0.5s;
animation-iteration-count: 1;
}
.oxy-sticky-header .oxygen-show-in-sticky-only {
display: none;
}
.oxy-sticky-header.oxy-sticky-header-active .oxygen-show-in-sticky-only {
display: block;
}
.oxy-header-wrapper {
position: relative;
}
.oxy-header-row {
width: 100%;
display: block;
}
.oxy-header-container {
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
.oxy-header-center,
.oxy-header-left,
.oxy-header-right {
display: flex;
align-items: center;
}
.oxy-header .oxygen-only-show-in-overlay,
.oxy-video-container {
display: none;
}
.oxy-header-left {
justify-content: flex-start;
flex: 1 1 30%;
}
.oxy-header-center {
flex: 1 1 30%;
justify-content: center;
}
.oxy-header-right {
justify-content: flex-end;
flex: 1 1 30%;
}
.admin-bar .oxy-sticky-header-active {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .oxy-sticky-header-active {
top: 46px !important;
}
}
@media screen and (max-width: 600px) {
.admin-bar .oxy-sticky-header-active {
top: 0 !important;
}
}
.oxy-video-background {
position: relative;
z-index: 1;
}
.oxy-video-background .oxy-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.oxy-video-background .oxy-video-container video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.oxy-video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.oxy-map iframe {
width: 100%;
height: 100%;
display: block;
}
.unslider .unslider-fade ul li.unslider-active {
position: relative;
}
.oxy-menu-toggle {
cursor: pointer;
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open {
width: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: auto;
z-index: 2147483642 !important;
background-color: #fff;
}
.oxy-nav-menu.oxy-nav-menu-open > div:last-child {
max-height: 100%;
overflow: auto;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
}
.oxy-nav-menu-prevent-overflow {
overflow: hidden;
height: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-menu-toggle {
display: initial;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list {
flex-direction: column !important;
width: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a {
text-align: center;
border: 0 !important;
background-color: transparent !important;
justify-content: center;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
background-color: #fff;
z-index: 2147483641;
}
.oxy-nav-menu.oxy-nav-menu-open .menu-item .sub-menu,
.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children > a::after {
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open.oxy-nav-menu-responsive-dropdowns
.menu-item
.sub-menu {
display: flex;
position: static;
animation-name: none;
visibility: visible;
opacity: 1;
transition-duration: 0s !important;
}
.oxy-nav-menu.oxy-nav-menu-open a:not([href]) {
display: none;
}
.oxy-nav-menu-hamburger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.oxy-nav-menu-hamburger {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.oxy-nav-menu-hamburger-line {
border-radius: 2px;
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger {
transform: rotate(45deg);
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line {
display: none;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:first-child {
display: initial;
position: relative;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:last-child {
display: initial;
position: relative;
transform: rotate(90deg);
}
.oxy-nav-menu .menu-item a {
display: flex;
align-items: center;
}
.oxy-nav-menu.oxy-nav-menu-vertical .menu-item a {
flex-direction: row;
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.menu-item-has-children
> a::after {
width: 0.35em;
height: 0.35em;
margin-left: 0.5em;
border-right: 0.1em solid;
border-top: 0.1em solid;
transform: rotate(135deg);
content: "";
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.sub-menu
.menu-item-has-children
> a::after,
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow.oxy-nav-menu-vertical
.menu-item-has-children
> a::after {
transform: rotate(45deg);
}
.oxy-social-icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-social-icons a {
line-height: 1;
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.oxy-social-icons a svg {
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.oxy-soundcloud {
min-width: 300px;
min-height: 120px;
}
.oxy-soundcloud iframe {
width: 100%;
height: 100%;
}
.comment-body .alignleft,
.oxy-stock-content-styles .alignleft {
margin-right: 1em;
float: left;
}
.comment-body .alignright,
.oxy-stock-content-styles .alignright {
margin-left: 1em;
float: right;
}
.comment-body .aligncenter,
.oxy-stock-content-styles .aligncenter {
margin-left: auto;
margin-right: auto;
}
.comment-body img,
.oxy-stock-content-styles img {
max-width: 100%;
}
.oxy-comment-form .comment-reply-title {
margin-bottom: 0.5em;
}
.oxy-comment-form .logged-in-as {
margin-bottom: 1em;
font-size: 0.75em;
}
.oxy-comment-form #submit {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
margin-top: 0.5em;
border: none;
font-weight: 700;
}
.oxy-comment-form input,
.oxy-comment-form textarea {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
color: gray;
width: 100%;
}
.oxy-comment-form label {
font-weight: 700;
}
.oxy-comment-form .comment-form > p {
margin-top: 0;
margin-bottom: 1em;
}
.oxy-comments h3.comments-title {
margin-bottom: 1em;
}
.oxy-comments ol.children,
.oxy-comments ol.comments-list {
list-style: none;
margin: 0;
padding: 0;
}
.oxy-comments ol.children {
margin-left: 50px;
}
.oxy-comments li.comment .comment-body {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}
.oxy-comments li.comment .comment-body .comment-content {
margin-bottom: 1em;
}
.oxy-comments .comment-meta .comment-author {
display: flex;
flex-direction: row;
align-items: center;
}
.oxy-comments .comment-meta .comment-author .avatar {
max-width: 64px;
max-height: 64px;
margin-right: 0.5em;
}
.oxy-comments .comment-meta .comment-author span.says::before {
content: " ";
white-space: pre;
}
.oxy-progress-bar-overlay-percent,
.oxy-progress-bar-overlay-text {
line-height: 1;
white-space: nowrap;
color: #fff;
}
.oxy-comments .comment-meta .comment-metadata {
font-size: 0.75em;
margin-top: 0.75em;
}
.oxy-comments .comment-meta .edit-link {
margin-left: 0.5em;
}
.oxy-comments .reply {
display: flex;
}
.oxy-comments .reply .comment-reply-link {
font-size: 0.75em;
}
.oxy-comments .comment-meta {
flex-wrap: wrap;
}
.oxy-comments .comment-awaiting-moderation {
flex-basis: 100%;
}
.oxy-login-form p {
display: flex;
flex-direction: column;
}
.oxy-login-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-login-form input[type="submit"] {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
font-weight: 700;
}
.oxy-search-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-search-form input[type="submit"] {
padding: calc(0.5em + 1px) 1em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
}
.oxy-search-form label.screen-reader-text {
display: none;
}
.oxy-icon-box-icon {
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
.oxy-icon-box-content {
flex-grow: 1;
width: 100%;
}
.oxy-icon-box-heading,
.oxy-icon-box-text {
margin: 0;
}
.oxy-icon-box {
display: flex;
align-items: flex-start;
}
.oxy-pricing-box {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
order: 10;
display: flex;
flex-direction: row;
}
.oxy-pricing-box-graphic > img {
max-width: 100%;
display: block;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-title {
order: 20;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
order: 30;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
justify-content: center;
}
.oxy-pricing-box-amount {
display: flex;
align-items: baseline;
flex-direction: row;
}
.oxy-pricing-box-currency {
align-self: flex-start;
}
.oxy-pricing-box-amount-decimal {
align-self: baseline;
}
.oxy-pricing-box-term {
margin-left: 0.4em;
}
.oxy-pricing-box-sale-price {
width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
order: 40;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
order: 60;
}
@keyframes oxy_progress_bar_width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes oxy_progress_bar_stripes {
from {
background-position: 44px 0;
}
to {
background-position: 0 0;
}
}
.oxy-progress-bar-background,
.oxy-progress-bar-progress {
background-position: top left;
background-attachment: fixed;
background-size: 44px 44px;
}
.oxy-progress-bar {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.oxy-progress-bar-background {
background-color: #d3d3d3;
width: 100%;
}
.oxy-progress-bar-progress {
padding: 20px;
display: flex;
background-color: #a9a9a9;
align-items: center;
}
.oxy-progress-bar-overlay-percent {
margin-left: auto;
padding-left: 1em;
font-size: 0.8em;
}
.oxy-tab,
.oxy-tab-content {
padding: 20px;
}
.oxy-progress-bar-overlay-percent:empty {
display: none;
}
.oxy-superbox {
display: inline-flex;
}
.oxy-superbox-primary,
.oxy-superbox-secondary,
.oxy-tabs-wrapper {
display: flex;
}
.oxy-superbox-wrap {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
}
.oxy-superbox-primary {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.oxy-superbox-secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-tab {
cursor: pointer;
}
.oxy-tabs-contents-content-hidden {
display: none !important;
}
.oxy-testimonial {
display: flex;
width: 100%;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-photo {
border-radius: 50%;
}
.oxy-testimonial .oxy-testimonial-content-wrap {
display: flex;
flex-direction: column;
order: 2;
}
.oxy-testimonial .oxy-testimonial-author-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-author,
.oxy-testimonial .oxy-testimonial-author-info {
display: flex;
}
.oxy-toggle {
display: flex;
flex-direction: row;
cursor: pointer;
}
.oxy-toggle-content {
align-self: stretch;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.oxy-expand-collapse-icon {
margin-right: 1rem;
width: 1em;
height: 1em;
position: relative;
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--clr-3);
border-radius: var(--spc-circ);
}
.oxy-expand-collapse-icon::after,
.oxy-expand-collapse-icon::before {
content: "";
background-color: #000;
position: absolute;
width: 1em;
height: 0.16em;
transition: 0.3s ease-in-out all;
border-radius: 0.03em;
}
.oxy-expand-collapse-icon::after {
transform: rotate(-90deg) scale(0);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::after {
transform: rotate(-180deg);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::before {
transform: rotate(-90deg);
}
[data-aos][data-aos=""] {
transition-duration: 0s !important;
}
body.oxy-modal-active {
height: 100vh;
overflow-y: hidden;
position: fixed;
right: 0;
left: 0;
}
.oxy-modal-backdrop {
display: flex;
align-items: center;
justify-content: center;
}
body:not(.oxygen-builder-body) .oxy-modal-backdrop {
display: none;
}
body.oxygen-builder-body .oxy-modal-backdrop {
height: 100vh;
}
.oxy-modal-backdrop.live {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1400;
}
.oxy-modal-backdrop.hidden {
display: none;
}
.oxy-modal-backdrop.left {
flex-direction: column;
align-items: flex-start;
}
.oxy-modal-backdrop.right {
flex-direction: column;
align-items: flex-end;
}
.oxy-modal-backdrop.top {
flex-direction: row;
align-items: flex-start;
}
.oxy-modal-backdrop.bottom {
flex-direction: row;
align-items: flex-end;
}
.oxy-modal-backdrop.upper_left {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-modal-backdrop.upper_right {
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
}
.oxy-modal-backdrop.bottom_left {
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.oxy-modal-backdrop.bottom_right {
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
}
.oxy-modal-backdrop .ct-modal {
background-color: white;
max-height: 100vh;
overflow-y: auto;
}
div.oxy-dynamic-list div.oxy-product-images.oxy-woo-element {
align-self: stretch;
}
div.oxy-repeater-pages,
div.oxy-repeater-pages-wrap {
display: flex;
}
.oxy-rich-text p:first-child {
margin-block-start: 0;
}
.oxy-rich-text p:last-child {
margin-block-end: 0;
}
/* Custom HTML tag support */
:-webkit-any(li, div._important),
:is(li, div._important) {
display: list-item;
}
:-webkit-any(table, div._important),
:is(table, div._important){
display: table;
}
:is(thead, div._important),
:-webkit-any(thead, div._important){
display: table-header-group;
}
:is(tr, div._important),
:-webkit-any(tr, div._important) {
display: table-row;
}
:is(tbody, div._important),
:-webkit-any(tbody, div._important) {
display: table-row-group;
}
:is(th, td, div._important),
:-webkit-any(th, td, div._important) {
display: table-cell;
}
:is(caption, div._important),
:-webkit-any(caption, div._important) {
display: table-caption;
}
:is(colgroup, div._important),
:-webkit-any(colgroup, div._important){
display: table-column-group;
}
:is(col, div._important),
:-webkit-any(col, div._important){
display: table-column;
}
:is(tfoot, div._important),
:-webkit-any(tfoot, div._important){
display: table-footer-group;
}
/* End custom HTML tag support */