html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: clip;
position: relative;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} strong {
font-weight: 700;
line-height: 1em;
}
.text-center {
text-align: center;
}
* {
margin: 0;
padding: 0;
list-style: none;
-webkit-font-smoothing: antialiased;
}
i {
font-style: italic;
}
.cookie-comprimida {
padding: 0;
background: #f1f1f1;
margin: 15px 0;
font-size: 16px;
} :root {
--main-color: #79b92d;
--main-color-hover: #297c0a;
--main-color-border: #297c0a30;
--main-color-hover-op: #297c0a00;
--accent-color: #adea66;
--accent-color-hover: #79b92d;
--main-light: #e8fcd0;
--cta-color: #79b92d;
--light-color: #f2f2f2;
--white-border: #ffffff60;
--black-color: #373736;
--grey-color: #3737362d;
--dark-grey-color: #37373685;
--space-hero-max: 180px;
--space-hero-med: 140px;
--space-hero-small: 100px;
--space-hero: 75px;
--space-hero-n: -75px;
--space-extra-big: 90px;
--space-extra: 60px;
--space-big: 45px;
--space-medium: 30px;
--space-normal: 16px;
--space-small: 7px;
--font-regular: 400;
--font-medium: 500;
--font-bold: 600;
--f-x-small: 0.75rem; --f-small: 0.875rem; --f-medium: 1rem; --f-normal: 1.125rem; --f-big: 1.375rem; --f-post-title: 2.375rem; --f-main-title: 5.625rem; --f-main-title-responsive: 4rem; --f-main-title-mobile: 3.4rem; --f-section-title: 3.625rem; --f-sub-title: 1.625rem; --f-main-title--mobile: 30px;
--lh-normal: 1.3em;
--lh-small: 1.2em;
--lh-title-mobile: 1em;
--lh-title: 1em;
--ls-title: -2px;
--ls-subtitle: -1px;
--gr-primary: linear-gradient(
90deg,
var(--main-color) 0%,
var(--main-color-hover-op) 100%
);
--gr-header: linear-gradient(
0deg,
var(--main-color-hover-op) 0%,
var(--main-color-hover) 100%
);
--gr-input: linear-gradient(
90deg,
var(--main-color-hover-op) 0%,
var(--main-color) 50%,
var(--main-color-hover-op) 100%
);
--gr-to-white: linear-gradient(
0deg,
rgba(255, 255, 255, 1) 0%,
rgb(255, 255, 255, 0) 100%
);
--gr-to-dark: linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0%,
rgb(0, 0, 0, 0) 100%
);
--shadow-normal: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
--tr-normal: all 0.2s ease-out;
--br-normal: 10px;
--br-big: 25px;
--br-max: 300px;
} html {
overflow-x: hidden;
}
body {
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-regular);
font-size: var(--f-normal);
line-height: var(--lh-normal);
color: var(--black-color);
}
#content {
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/bg-main.svg) center bottom no-repeat;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="false"] .arrow.down {
transform: rotate(-135deg);
left: calc(100% + 15px);
top: calc(50% - 7px);
transition: 0.5s;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="true"] .arrow.down {
transform: rotate(45deg);
left: calc(100% + 15px);
top: calc(50% + -1px);
}
div#content .politica-cookie a {
position: relative;
}
.arrow {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #505050;
border-left: 2px solid #505050;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
div#content .politica-cookie .cookie-comprimida {
padding: 15px;
}
div#content .politica-cookie .info {
margin-top: 15px;
}
div#content .politica-cookie .card.card-body.container {
padding: 15px;
}
a {
text-decoration: none;
color: var(--accent-color-hover);
line-height: 1em;
transition: var(--tr-normal);
}
#formulario1 {
margin-top: -70px;
position: absolute;
}
a:hover {
text-decoration: none;
color: var(--accent-color);
}
.cta-button,
.gform_button,
.wp-block-button__link,
.cta-link--header a {
background: var(--main-color);
color: white !important;
font-size: var(--f-normal);
font-weight: var(--font-medium) !important;
padding: var(--space-normal) !important;
text-align: center;
display: inline-flex;
transition: var(--tr-normal);
cursor: pointer;
position: relative;
border-radius: var(--br-normal);
text-shadow: var(--main-color-hover) 1px 1px 1px;
border: solid 2px var(--main-color);
gap: var(--space-small);
}
.cta-button:hover,
.gform_button:hover,
.wp-block-button__link:hover,
.cta-link--header a:hover {
background: var(--main-color-hover);
color: white;
}
.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link,
.cta-link--header.outline a {
border: solid 2px var(--main-color);
padding: var(--space-normal);
text-shadow: none;
background: transparent;
color: var(--black-color) !important;
}
.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.cta-link--header.outline a:hover {
background: var(--main-color-hover);
color: white !important;
}
.cta-link--admin.outline a {
&::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/icon-user.svg) center center no-repeat;
background-size: contain;
}
&:hover {
&::before {
filter: invert(1);
}
}
}
.cta-link--phone.outline a {
&::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/icon-phone.svg) center center no-repeat;
background-size: contain;
}
&:hover {
&::before {
filter: invert(1);
}
}
}
.btn {
&.btn-icon {
width: var(--space-extra);
height: var(--space-extra);
border-radius: var(--br-max);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
position: relative;
span {
display: block;
text-indent: -9000px;
}
&::after {
content: "";
display: block;
position: absolute;
background: white;
opacity: 0.4;
z-index: -1;
border-radius: var(--br-max);
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
transition: var(--tr-normal);
}
&.btn-icon--play {
background: white;
&::before {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 7.5px 0 7.5px 13px;
border-color: transparent transparent transparent var(--main-color);
transform: rotate(0deg);
margin-right: -3px;
}
}
&.btn-close {
background: white;
opacity: 1;
&::before {
content: "\00d7";
color: var(--main-color);
font-size: var(--f-post-title);
}
}
&.navbar-toggler {
background: var(--main-color);
display: none;
transition: var(--tr-normal);
svg {
fill: white;
& .rect {
transition: var(--tr-normal);
}
}
&:focus {
box-shadow: none;
}
&[aria-expanded="true"] {
background: var(--black-color);
& .rect-2 {
width: 12px;
}
& .rect-3 {
width: 6px;
}
}
}
&:hover {
&::after {
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
}
}
}
}
p {
margin-bottom: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
word-break: normal;
font-weight: var(--font-regular);
& strong {
color: var(--main-color) !important;
font-weight: var(--font-medium);
}
}
h1,
.h1 {
font-size: var(--f-main-title);
line-height: var(--lh-title);
margin-bottom: var(--space-medium);
& strong {
line-height: var(--lh-title);
}
}
h2,
.h2 {
font-size: var(--f-main-title);
line-height: var(--lh-title);
margin-bottom: var(--space-medium);
& strong {
line-height: var(--lh-title);
}
}
h3,
.h3 {
font-size: var(--f-section-title);
line-height: var(--lh-title);
margin-bottom: var(--space-normal);
font-weight: var(--font-medium);
em {
font-style: normal;
font-size: 60%;
display: block;
line-height: 1em;
}
}
h4,
.h4 {
font-size: var(--f-sub-title);
margin-bottom: var(--space-normal);
line-height: var(--lh-small);
font-weight: var(--font-medium);
}
h5,
.h5 {
font-size: var(--f-big);
line-height: var(--lh-small);
margin-bottom: var(--space-normal);
font-weight: var(--font-medium);
}
h6,
.h6 {
font-size: var(--f-medium);
line-height: var(--lh-normal);
font-weight: var(--font-medium);
margin-bottom: var(--space-small);
}
strong {
font-weight: var(--font-medium);
}
ul {
&.check-list {
font-weight: var(--font-medium);
display: flex;
gap: var(--space-small);
flex-wrap: wrap;
li {
flex: 0 0 44%;
padding: 0 0 0 var(--space-normal);
position: relative;
&::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 5px;
width: 13px;
height: 12px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/icon-check.svg) no-repeat center center;
background-size: contain;
}
}
&.check-list--one {
flex-direction: column;
li {
flex: 0 0 100%;
}
}
}
}
.wp-block-heading {
position: relative;
margin-bottom: var(--space-medium);
&.has-text-align-left {
&::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -12px;
height: 6px;
width: 80px;
border-radius: var(--br-big);
background: var(--main-color);
opacity: 0.3;
}
&::after {
content: "";
display: inline-block;
position: absolute;
left: 84px;
bottom: -14px;
height: 9px;
width: 9px;
border-radius: var(--br-big);
background: var(--main-color);
}
}
}
h4.wp-block-heading,
.accordion-button.wp-block-heading {
margin-bottom: var(--space-normal);
}
h3.wp-block-heading,
.h3.wp-block-heading {
margin-bottom: var(--space-normal);
&.has-text-align-left {
margin-bottom: var(--space-medium);
}
}
.cta-link--fixed {
display: none;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
padding: var(--space-normal);
z-index: 600;
background: var(--gr-to-white);
a {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: white !important;
&:hover {
background: var(--main-color) !important;
}
}
}
form input[type="text"],
form input[type="email"],
select {
border-radius: var(--br-normal) !important;
}
input[type="submit"] {
background-color: var(--black-color);
border: solid 1px var(--accent-color);
color: white;
text-shadow: none;
width: 100% !important;
display: block !important;
}
.gform_submission_error {
letter-spacing: normal;
}
.gform_legacy_markup_wrapper h3.gform_title,
.gform_legacy_markup_wrapper {
margin-top: 0 !important;
}
.gform_legacy_markup_wrapper label.gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
font-size: var(--f-small) !important;
font-family: var(--font-regular);
font-weight: normal !important;
text-transform: uppercase;
}
li.gfield_error {
background: transparent !important;
}
.gform_legacy_markup_wrapper .gform_validation_errors > h2,
.gform_legacy_markup_wrapper .gfield_required {
color: #e82c0c !important;
}
.gform_legacy_markup_wrapper li.hidden_label input {
margin-top: 0 !important;
}
img {
max-width: 100%;
}
.form-green_wrapper {
background: var(--main-color);
border-radius: var(--br-normal);
padding: var(--space-medium);
position: relative;
& .gform-field-label {
color: white;
a {
color: white;
&:hover {
text-decoration: underline;
}
}
}
&::before {
content: "";
display: block;
position: absolute;
width: 146px;
height: 146px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_02.png) no-repeat;
background-size: contain;
right: 5%;
top: -15%;
}
&::after {
content: "";
display: block;
position: absolute;
width: 200px;
height: 222px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/s_logo_02.png) no-repeat;
background-size: contain;
right: -25%;
bottom: 25%;
z-index: -1;
}
& .gform_heading {
& .gform_title {
color: white;
font-size: var(--f-sub-title);
font-weight: var(--font-medium);
max-width: 50%;
margin-bottom: -15px;
}
}
& .form-green {
position: relative;
padding-bottom: var(--space-big);
padding-top: var(--space-small);
&::after {
content: "";
display: block;
position: absolute;
width: 122px;
height: 102px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/i_logo_02.png) no-repeat;
background-size: contain;
left: -15%;
bottom: -7%;
}
}
} header#masthead {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
transition: 0.5s;
padding: 0;
}
.move-header {
background: white;
}
header#masthead .main-menu-wrapper {
justify-content: flex-end;
}
header#masthead ul.nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-small);
padding: 0;
}
header#masthead ul.nav-link .menu-item {
position: relative;
}
header#masthead ul.nav-link .menu-item a {
font-weight: var(--font-medium);
color: var(--black-color);
opacity: 1;
transition: var(--tr-normal);
position: relative;
padding: var(--space-small);
}
header#masthead ul.nav-link .menu-item.menu-item-has-children > a {
&::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: var(--black-color) transparent transparent transparent;
margin: -5px 0 3px var(--space-small);
}
}
header#masthead ul.nav-link .menu-item > a:hover,
header#masthead ul.nav-link .menu-item.current-menu-item > a,
header#masthead ul.nav-link .menu-item.current-menu-parent > a,
header#masthead ul.nav-link .menu-item.current_page_item > a,
header#masthead ul.nav-link .menu-item.current_page_parent > a {
color: var(--main-color);
}
header#masthead
ul.nav-link
.menu-item.current-menu-item.menu-item-has-children
> a,
header#masthead
ul.nav-link
.menu-item.current-menu-parent.menu-item-has-children
> a {
&::after {
border-color: var(--main-color) transparent transparent transparent;
}
}
header#masthead ul.sub-menu {
position: absolute;
left: -7px;
top: 100%;
min-width: 200px;
background: white;
box-shadow: var(--shadow-normal);
border-radius: var(--br-normal);
padding: var(--space-small) var(--space-small) 0 var(--space-small);
display: none;
margin: 0;
}
header#masthead ul.sub-menu .menu-item a {
font-family: var(--font-regular);
color: var(--main-color);
display: flex;
align-items: center;
font-weight: normal;
font-weight: var(--font-medium);
padding-top: var(--space-small);
padding-bottom: var(--space-normal);
}
header#masthead ul.sub-menu .menu-item a img {
width: 45px;
}
header#masthead ul.sub-menu .menu-item a:hover,
header#masthead ul.sub-menu .menu-item.current-menu-item a {
color: var(--black-color);
}
header#masthead ul.sub-menu .menu-item.current-menu-item a img {
filter: grayscale(100%);
}
img.logo-img {
max-height: 40px;
width: auto;
transition: 0.5s;
}
header#masthead.main-header--scrolled img.logo-img {
max-height: 40px;
}
.site-header--top {
transition: var(--tr-normal);
opacity: 1;
overflow: hidden;
ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: var(--space-medium) 0 var(--space-small);
gap: var(--space-small);
li {
a {
display: block;
font-size: var(--f-small);
color: var(--black-color);
strong {
font-weight: var(--font-bold);
}
}
}
}
}
.fixed-header {
box-shadow: var(--shadow-normal);
& .site-header--top {
height: 0px;
opacity: 0;
}
& .logo-img {
max-height: 35px;
}
} main {
perspective: 2px;
}
.wp-block-group,
.wp-block-cover {
padding-top: var(--space-extra);
padding-bottom: var(--space-extra);
padding-left: var(--space-normal);
padding-right: var(--space-normal);
position: relative;
overflow: hidden;
&.s-blog {
padding-left: 0;
padding-right: 0;
}
}
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
position: relative;
z-index: 2;
}
.mini-title {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
& .wp-block-group__inner-container {
overflow: hidden;
text-align: center;
}
& .wp-block-heading {
position: relative;
display: inline-block;
margin: 0 auto;
&::before,
&::after {
content: "";
display: block;
height: 1px;
background: var(--light-color);
position: absolute;
top: 50%;
}
&::before {
right: calc(100% + 7px);
left: -9000px;
}
&::after {
left: calc(100% + 7px);
right: -9000px;
}
}
}
.col-padding-fix {
& .wp-block-group {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 576px) {
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.container {
max-width: 100%;
}
}
@media (min-width: 768px) {
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.container {
max-width: 100%;
}
}
@media (min-width: 992px) {
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.container {
max-width: 968px;
}
}
@media (min-width: 1200px) {
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.container {
max-width: 1320px;
}
}
.breadcrumb-line{
padding-top: var(--space-normal);
padding-bottom: var(--space-normal);
border-top: solid 1px var(--light-color);
border-bottom: solid 1px var(--light-color);
margin-top: var(--space-normal);
margin-bottom: -15px;
p {
margin: 0;
}
}
#breadcrumbs {
font-size: var(--f-small);
}
.page-header {
padding-top: var(--space-hero-max);
padding-bottom: 0;
overflow: hidden;
background: var(--light-color) url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/bg-s01.svg) center top no-repeat;
position: relative;
& .page-header--text {
display: block;
clear: both;
width: 100%;
position: relative;
z-index: 300;
}
& #breadcrumbs {
margin-bottom: 0;
}
& .page-header--title,
& .page-header--subtitle,
& .page-header--des,
& #breadcrumbs {
position: relative;
z-index: 2;
}
& .page-header--title---small {
font-size: var(--f-section-title);
}
& .date {
font-size: var(--f-small);
text-transform: uppercase;
color: var(--main-color);
margin-bottom: var(--space-normal);
display: block;
}
&::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: var(--space-extra);
background: var(--gr-to-white);
}
& .page-header--des {
max-width: 600px;
}
&.page-header--center {
text-align: center;
& .page-header--title,
& .page-header--subtitle,
& .page-header--des {
margin-left: auto;
margin-right: auto;
}
}
&.page-header--left {
& .feature-image {
position: relative;
z-index: 300;
line-height: 0;
width: 140%;
img {
border-radius: var(--br-normal);
}
&::before {
content: "";
display: block;
position: absolute;
width: 110px;
height: 110px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_02.png) no-repeat;
background-size: contain;
left: -30px;
bottom: 10%;
}
&::after {
content: "";
display: block;
position: absolute;
width: 102px;
height: 82px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/i_logo_02.png) no-repeat;
background-size: contain;
right: 10%;
top: -5%;
}
}
}
& .page-header--text {
& .wp-block-buttons {
justify-content: flex-start;
}
}
}
.s-hero-home {
overflow: hidden;
background: var(--light-color) url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/bg-s01.svg) center top no-repeat;
padding-top: var(--space-hero-max);
&::after {
content: "";
display: block;
background: var(--gr-to-white);
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50%;
}
p {
color: var(--black-color);
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
& .wp-block-group__inner-container {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
width: 180px;
height: 180px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_02.png) no-repeat;
background-size: contain;
left: 0%;
bottom: 20%;
}
&::after {
content: "";
display: block;
position: absolute;
width: 200px;
height: 222px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/s_logo_02.png) no-repeat;
background-size: contain;
right: 0%;
bottom: 0%;
z-index: -1;
}
& .wp-block-columns {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
width: 102px;
height: 82px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/i_logo_02.png) no-repeat;
background-size: contain;
right: 10%;
top: -5%;
}
}
}
}
.wp-block-cover {
& .cta-button,
& .gform_button,
& .wp-block-button__link {
background: white;
color: var(--main-color);
text-shadow: none;
&:hover {
background: var(--main-color-hover);
color: white;
}
}
& .wp-block-button .wp-block-button__link.is-style-outline,
& .wp-block-button.is-style-outline > .wp-block-button__link {
border: white solid 2px;
color: white !important;
}
.wp-block-heading {
&.has-text-align-left {
&::before,
&::after {
background: white;
}
}
}
}
.s-cloud--bg {
padding-top: 0;
padding-bottom: 0;
min-height: inherit;
color: white;
& .wp-block-cover__inner-container {
background: var(--gr-primary);
height: 100%;
padding-top: 0;
padding-bottom: 0;
figure {
margin: 0;
}
& .wp-block-columns {
& .wp-block-column {
&:nth-child(1) {
padding-top: var(--space-extra);
padding-bottom: 0;
}
}
}
&::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 100%;
left: -9000px;
background: var(--main-color);
}
}
&.s-cloud-small {
border-radius: var(--br-normal);
height: calc(100% - 16px);
padding: 0;
& .wp-block-cover__inner-container {
padding: 0 var(--space-normal);
&::before {
display: none;
}
& .wp-block-columns {
height: 100%;
& .wp-block-column {
&:nth-child(1) {
padding-top: var(--space-medium);
}
& .wp-block-image {
figure {
width: 200%;
}
}
}
}
}
}
}
.s-contact {
overflow: inherit;
p {
max-width: 460px;
}
}
.s-reviews {
& .wp-block-heading {
overflow: hidden;
strong {
position: relative;
color: var(--black-color) !important;
&::before,
&::after {
content: "";
display: block;
height: 1px;
background: var(--light-color);
position: absolute;
top: 50%;
}
&::before {
right: calc(100% + 15px);
left: -9000px;
}
&::after {
right: -9000px;
left: calc(100% + 15px);
}
}
}
}
.s-tabs {
padding-top: 0;
margin-top: -45px;
position: relative;
&::before {
content: "";
display: block;
width: 100%;
height: var(--space-big);
background: var(--gr-to-white);
position: absolute;
top: 0;
left: 0;
right: 0;
}
}
.s-cta {
background: var(--main-color);
color: white;
min-height: inherit;
position: relative;
overflow: inherit;
&::after {
content: "";
display: block;
width: 200px;
height: 200px;
position: absolute;
bottom: 0;
right: 0;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/s_logo_02.png) no-repeat center 60px;
background-size: cover;
}
&::before {
content: "";
display: block;
width: 100px;
height: 100px;
position: absolute;
bottom: -30px;
left: 30px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/i_logo_02.png) no-repeat center;
background-size: contain;
}
& .wp-block-cover__inner-container {
&::after {
content: "";
display: block;
width: 140px;
height: 140px;
position: absolute;
top: -70%;
right: 30%;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_02.png) no-repeat center;
background-size: contain;
}
}
& .wp-block-cover__background {
display: none;
}
p {
max-width: 450px;
}
}
.s-dark {
background: var(--black-color);
h2.wp-block-heading,
h4.wp-block-heading {
color: white;
}
p {
color: white;
}
& .card-dark {
background: black !important;
}
} .form-container input,
.form-container textarea,
.form-container select {
border-radius: var(--br-normal);
border: var(--main-color-border) solid 1px !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.contacto-home .form-container {
margin-top: 0;
}
.background-main .form-container {
padding: 30px 15px;
}
.form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.background-main .form-container input,
.background-main .form-container textarea {
border-radius: 5px;
border: 2px solid transparent !important;
background: var(--light-color);
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
border-bottom: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container label a {
font-weight: 700;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.form-container .gform_wrapper h3.gform_title {
font-size: 28px;
text-align: center;
font-weight: 400;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 0 !important;
}
.form-container ul.gfield_radio li label {
white-space: nowrap;
}
.form-container .gfield_radio li input[type="radio"] {
margin-top: 0px !important;
} .form-container form {
background: white;
border-radius: 15px;
border: 5px solid var(--grey-color);
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
padding: 25px;
}
.gform_legacy_markup_wrapper div.validation_error {
border-color: transparent !important;
}
.form-cabecera form {
text-align: left;
margin-top: 1em;
}
.form-container .gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: 100%;
}
.form-container .gform_wrapper .top_label .gfield_label,
.form-container .gform_wrapper legend.gfield_label {
line-height: 2;
}
form label {
width: 100%;
margin-bottom: 0.3em;
}
.address_city {
width: 100% !important;
display: block !important;
}
.ginput_container {
margin-top: 0 !important;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
textarea,
select {
width: 100%;
background: white;
border: var(--main-color-border) solid 3px !important;
font-size: var(--f-normal) !important;
padding: 15px !important;
min-height: var(--space-big);
border-radius: var(--br-normal) !important;
color: var(--black-color);
font-weight: var(--font-medium);
&::placeholder {
color: var(--black-color);
}
}
form select + .error {
pointer-events: none;
line-height: 14px;
}
.gfield[type="text"] label {
position: absolute;
left: 30px;
top: 10px;
transition: 0.5s;
}
.gfield input + .error,
.gfield select + .error {
text-align: right;
padding: 0px 60px;
width: 100%;
font-size: 14px;
}
.gfield input:not(:placeholder-shown) + label,
.gfield input:focus ~ label,
.gfield input:not(:placeholder-shown) + .error ~ label {
white-space: nowrap;
text-overflow: ellipsis;
transform-origin: left bottom;
font-size: 10px;
top: 0px;
left: 30px;
}
.gfield input:focus + label.error {
top: -15px;
left: 0;
padding: 0 20px;
}
.gfield input:not(:placeholder-shown) + label.error,
.gfield input:focus + label.error {
top: 45px;
left: 0;
}
.gfield .form textarea {
width: 100%;
padding: 0.5em 0em;
font-size: 1em;
border: none;
border-bottom: 1px solid #1f1f1f;
font-size: 18px;
}
.gfield input:focus,
.gfield textarea:focus,
.gfield select:focus {
outline: 0px solid transparent;
}
.gfield::placeholder,
.gfield:-ms-input-placeholder {
color: #1d252c;
font-size: 18px !important;
padding: 5px;
}
.gfield .check input[type="checkbox"],
.gfield .check label {
display: inline-block;
width: auto;
}
.gfield .check label {
padding-left: 0.5em;
display: inline;
}
.gfield li.check input:focus {
outline: none;
}
.gfield .wildcard {
font-size: 1em;
padding-left: 3px;
vertical-align: top;
}
.ginput_container_consent {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 3px;
}
.ginput_container_consent .gfield_consent_label {
margin-bottom: 0;
}
.gform_footer {
padding-top: var(--space-small) !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
padding: var(--space-small) !important;
line-height: var(--lh-small) !important;
font-size: var(--f-small) !important;
border-radius: var(--br-normal) !important;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.form-group.campo-movil input {
width: 100%;
padding: 15px 15px 0 15px;
border-radius: 5px;
border: 1px solid var(--grey-color);
}
form h3 {
margin-bottom: 25px;
}
label.form-check-label {
margin-right: 15px;
}
.oculto {
display: none;
}
form#contact-form input#aceptocondiciones {
margin-top: 6px;
margin-right: 10px;
}
form#contact-form input.cta-button {
padding: 10px 40px;
width: 100%;
}
.gform_wrapper ul.gform_fields .gfield {
position: relative;
}
.form-container .gform_wrapper .top_label select.medium {
width: 100%;
line-height: 1;
} .form_box label.error,
#contact-form > ul > li.check > label.error {
color: #c40000;
margin: 5px;
}
.form_box .sms_ok {
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding: 30px 30px 50px 30px;
}
.form_box .sms_ok h5 {
color: #6b737e;
font-weight: 700;
margin-bottom: 15px;
}
.sms_ok .tpv_response_code {
background: #c4e8c4;
padding: 1em 2em;
color: #234423;
font-size: 0.9em;
}
.sms_ko .tpv_response_code {
background: #e8c4c4;
padding: 1em 2em;
color: #981414;
font-size: 0.9em;
}
.col-space-blog {
padding-right: var(--space-extra);
} #menu-sidebar-menu {
position: static;
top: 0;
}
.main-sidebar {
padding: var(--space-extra) 0;
height: 100%;
& .widget {
margin-bottom: var(--space-medium);
&.sticky-top {
top: var(--space-extra) !important;
}
& .widgettitle {
display: block;
margin-bottom: var(--space-small);
&.widgettitle-first {
margin-bottom: -20px;
}
}
& .menu {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--space-normal);
& .menu-item {
a {
font-weight: var(--font-medium);
font-size: var(--f-normal);
display: flex;
gap: 3px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
color: var(--black-color);
flex: 1;
&.active,
&:hover {
color: var(--main-color);
background: transparent;
}
&::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_03.png) no-repeat center center;
background-size: contain;
}
}
&.current-menu-item {
a {
color: var(--main-color);
background: transparent;
}
}
}
}
ul {
display: flex;
flex-wrap: wrap;
.cat-item {
margin: 3px;
a {
background: var(--main-light);
font-size: var(--f-medium);
padding: 3px var(--space-small);
border-radius: var(--br-normal);
}
&.current-cat {
a {
background: var(--main-color);
color: white;
}
}
}
}
}
} .pagination {
display: flex;
align-items: center;
gap: var(--space-small);
margin-bottom: var(--space-extra);
padding-bottom: var(--space-normal);
& .pagination-space {
flex: 1;
display: flex;
height: 1px;
background: var(--grey-color);
}
& .pagination-total {
font-size: var(--f-small);
}
}
.pagination-items {
display: flex;
justify-content: flex-start;
align-items: center;
gap: var(--space-small);
}
.pagination-items > * {
width: 40px;
height: 40px;
border-radius: var(--br-big);
background: var(--light-color);
display: flex;
justify-content: center;
align-items: center;
color: var(--main-color);
font-weight: var(--font-bold);
font-size: var(--f-small);
transition: var(--tr-normal);
}
.pagination-items > a:hover {
background: var(--main-color);
color: white;
}
.pagination-items > span {
width: 40px;
height: 40px;
border-radius: var(--br-big);
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: var(--font-bold);
font-size: var(--f-small);
transition: var(--tr-normal);
} .saboxplugin-wrap {
background: var(--light-color);
padding: var(--space-normal);
border-radius: var(--br-normal);
& .saboxplugin-authorname {
a {
font-weight: var(--font-bold);
}
}
& .saboxplugin-gravatar {
width: var(--space-extra-big);
img {
max-width: 100% !important;
}
}
& .saboxplugin-socials {
background: transparent !important;
padding: var(--space-small) var(--space-normal) !important;
}
}
.thumbnail-single-block {
border-radius: var(--br-normal);
line-height: 0;
overflow: hidden;
margin-bottom: 30px;
img {
object-fit: cover;
min-width: 100%;
min-height: 100%;
display: block;
margin: 0;
}
}
.cat-blog-nav {
padding-top: var(--space-normal);
margin-top: var(--space-normal);
font-size: var(--f-medium);
color: var(--main-color);
font-weight: var(--font-bold);
span {
color: var(--dark-grey-color);
font-weight: var(--font-regular);
}
}
.single-blog-page {
h2 {
font-size: var(--f-main-title-mobile);
font-weight: var(--font-bold);
}
h3 {
font-size: var(--f-post-title);
}
ul {
font-weight: var(--font-medium);
display: flex;
flex-direction: column;
gap: var(--space-small);
flex-wrap: wrap;
margin-bottom: var(--space-normal);
li {
padding: 0 0 0 var(--space-normal);
position: relative;
&::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 8px;
width: var(--space-small);
height: var(--space-small);
background: var(--main-color);
border-radius: var(--br-big);
}
}
}
} footer {
height: auto;
padding-top: var(--space-extra);
padding-bottom: var(--space-extra);
font-size: var(--f-small);
line-height: var(--lh-small);
margin: 0;
z-index: 5;
position: relative;
background: var(--light-color) url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/bg-footer.svg) center top no-repeat !important;
& .footer-fix {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
padding: 0;
margin: 0;
}
.ekw83 {
min-width: 155px;
margin-top: -15px;
}
.site-title {
display: inline-block;
margin-bottom: var(--space-small);
}
.widget {
margin-bottom: var(--space-normal);
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
p {
margin-bottom: 0;
}
a {
color: var(--accent-color-hover);
&:hover {
text-decoration: underline;
color: var(--black-color);
}
}
& .footer-bottom {
border-top: solid 1px var(--grey-color);
padding-top: var(--space-normal);
margin-top: var(--space-normal);
}
ul {
&.social_list {
display: flex;
padding: 0;
margin: var(--space-normal) 0;
gap: var(--space-normal);
align-items: center;
justify-content: flex-start;
li {
padding: 0;
a {
display: block;
line-height: 0;
}
}
}
&.menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--space-small);
li {
padding: 0;
&.current-menu-item {
a {
color: var(--black-color);
text-decoration: underline;
}
}
}
}
}
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
}
.firma-idento {
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/idento.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
display: inline-block;
background-size: 53px;
margin: 0;
transition: width 0.3s;
margin-top: 0px;
}
.firma-idento.white {
background-image: url(//www.gestoriaonlinesapientia.com/images/idento_neg.svg);
}
.firma-idento:hover {
width: 53px;
} #contact-form #mail,
#contact-form2 #mail {
visibility: hidden;
position: absolute;
opacity: 0;
left: -100vw;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal .h2:after {
display: none;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.invisible {
height: 0px;
overflow: hidden;
}
.main-content {
padding-top: var(--space-extra);
padding-bottom: var(--space-extra);
}
blockquote.wp-block-quote {
background: white;
color: var(--black-color);
margin-bottom: var(--space-normal);
padding: var(--space-normal);
border-radius: var(--br-normal);
box-shadow: var(--shadow-normal);
border: var(--main-light) solid 4px;
}
blockquote.wp-block-quote p {
font-weight: bold;
margin: 0;
}
.list-custom {
margin: var(--space-small) 0;
& li {
margin-bottom: var(--space-small);
position: relative;
padding: 0 0 0 var(--space-medium);
&::before {
content: "";
display: block;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/icon-tick.svg) no-repeat center center;
background-size: contain;
width: 19px;
height: 20px;
position: absolute;
left: 0;
top: var(--space-small);
}
}
} .s-box {
padding: var(--space-normal);
border-radius: var(--br-normal);
align-items: flex-start;
min-height: inherit;
height: 100%;
& .wp-block-cover__background {
opacity: 0.2 !important;
}
}
.acfb_accordion {
background: transparent !important;
& .acfb_accordion_title {
background: transparent !important;
font-size: var(--f-big) !important;
color: var(--main-color) !important;
padding: var(--space-small);
border-top: solid var(--grey-color) 1px;
&:first-child {
border: none;
}
&::before {
content: "*";
display: inline-block;
}
&:hover {
color: var(--main-color-hover);
}
}
& .acfb_accordion_content {
background: transparent !important;
padding: 0 var(--space-small) var(--space-normal) var(--space-big) !important;
}
}
.accordion {
border-color: transparent;
& .accordion-item {
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
border-radius: 0;
background: transparent;
& .accordion-header {
border-color: transparent !important;
& .accordion-button {
background: transparent;
font-size: var(--f-big);
color: var(--main-color);
font-weight: var(--font-medium);
padding: var(--space-normal) 0;
border-color: transparent !important;
outline: none;
box-shadow: none;
&::after {
width: 0px;
height: 0px;
border-style: solid;
border-width: 12px 9.5px 0 9.5px;
border-color: var(--light-color) transparent transparent transparent;
transform: rotate(-180deg);
}
&.collapsed {
color: var(--black-color);
&::after {
transform: rotate(0deg);
border-color: var(--main-color) transparent transparent transparent;
}
}
}
}
& .accordion-body {
padding: var(--space-normal) 0;
}
&:first-child {
& .accordion-header {
& .accordion-button {
padding-top: 0;
}
}
}
&:last-child {
border-bottom-color: transparent;
}
}
}
.wp-block-media-text {
& .wp-block-media-text__media {
border-radius: var(--br-normal);
overflow: hidden;
}
&.is-vertically-aligned-top {
position: relative;
& .wp-block-media-text__media {
margin-top: -60px;
}
&::after {
content: "";
display: block;
border-radius: var(--br-normal);
background: var(--light-color);
position: absolute;
top: -30px;
left: 30px;
bottom: -15px;
right: 0;
z-index: -1;
}
}
}
.wp-block-latest-posts {
flex-direction: column;
li {
display: flex;
flex-direction: row;
margin-bottom: var(--space-normal);
& .wp-block-latest-posts__featured-image {
flex: 0 0 33%;
a {
display: block;
overflow: hidden;
line-height: 0;
border-radius: var(--br-normal);
img {
width: 100%;
transition: var(--tr-normal);
}
&:hover {
img {
transform: scale(1.1);
}
}
}
}
& .wp-block-latest-posts__post-title {
display: block;
font-weight: var(--font-medium);
font-size: var(--f-normal);
}
}
&.is-grid {
margin-top: var(--space-medium);
flex-direction: row;
justify-content: center;
li {
flex-direction: column;
& .wp-block-latest-posts__featured-image {
margin-bottom: var(--space-normal);
flex: 0 0 1;
}
& .wp-block-latest-posts__post-title {
font-size: var(--f-big);
}
}
&.is-small-grid {
margin-top: var(--space-normal);
li {
& .wp-block-latest-posts__post-excerpt {
font-size: var(--f-medium);
line-height: var(--lh-small);
margin-bottom: var(--space-small);
}
& .post-category {
margin-bottom: var(--space-small);
display: flex;
gap: 5px;
flex-wrap: wrap;
a {
font-size: var(--f-small);
text-transform: uppercase;
}
}
}
}
}
}
.related-posts {
padding-top: var(--space-extra);
& .related-posts--title {
overflow: hidden;
h5 {
position: relative;
display: inline-block;
&::after {
content: "";
display: block;
background: var(--grey-color);
height: 1px;
position: absolute;
top: 50%;
left: calc(100% + 10px);
right: -9000px;
}
}
}
}
#ekw100 {
& .client-review,
& .wrapper-right {
height: 200px !important;
}
& .slick-dots {
display: none !important;
}
& .review-text {
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-regular);
font-size: var(--f-small) !important;
line-height: var(--lh-small) !important;
color: var(--black-color);
max-height: inherit !important;
}
& .reviewed-date {
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-regular);
font-size: var(--f-x-small);
line-height: var(--lh-small);
}
& .wrapper-left {
p {
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-regular);
font-size: var(--f-normal);
line-height: var(--lh-normal);
color: var(--black-color);
&.see-some {
display: none;
}
}
}
}
#ekw46 {
margin-top: var(--space-medium);
margin-bottom: var(--space-medium);
& .total_reviews {
font-family: "Outfit", sans-serif !important;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-regular);
font-size: var(--f-small);
line-height: var(--lh-small) !important;
color: var(--black-color) !important;
max-height: inherit;
}
& .rating-obtained {
font-family: "Outfit", sans-serif !important;
font-optical-sizing: auto;
font-style: normal;
font-weight: var(--font-bold);
span {
font-family: "Outfit", sans-serif !important;
}
& .shoutoff {
font-weight: var(--font-regular);
}
}
}
.ekw95 {
width: 100% !important;
}
.tabs-hor {
& .nav-tabs {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: nowrap;
border: none;
overflow-x: auto;
overflow-y: hidden;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
& .nav-link {
border-color: transparent;
font-weight: var(--font-medium);
font-size: var(--f-big);
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
color: var(--black-color);
flex: 0 0 auto;
word-break: normal;
position: relative;
padding-left: 25px !important;
&.active,
&:hover {
color: var(--main-color);
background: transparent;
}
&::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 10px;
background: url(//www.gestoriaonlinesapientia.com/wp-content/themes/identofmk_child/img/ball_logo_03.png) no-repeat center center;
background-size: contain;
}
}
}
& .tab-content {
padding-top: var(--space-medium);
figure {
line-height: 0;
border-radius: var(--br-normal);
overflow: hidden;
margin-bottom: var(--space-normal);
img {
max-width: 100%;
}
}
h2,
h3 {
font-size: var(--f-section-title);
line-height: var(--lh-title);
margin-bottom: var(--space-medium);
font-weight: var(--font-regular);
position: relative;
&::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -12px;
height: 6px;
width: 80px;
border-radius: var(--br-big);
background: var(--main-color);
opacity: 0.3;
}
&::after {
content: "";
display: inline-block;
position: absolute;
left: 84px;
bottom: -14px;
height: 9px;
width: 9px;
border-radius: var(--br-big);
background: var(--main-color);
}
}
}
}
.footer-button {
margin-top: var(--space-medium);
overflow: hidden;
& .wp-block-button {
position: relative;
&::before,
&::after {
content: "";
position: absolute;
height: 1px;
background: var(--light-color);
top: 50%;
}
&::before {
right: calc(100% + 7px);
left: -9000px;
}
&::after {
left: calc(100% + 7px);
right: -9000px;
}
}
}
.equipo {
border-color: transparent;
background: transparent;
cursor: inherit !important;
& .card-header {
border-radius: var(--br-normal);
overflow: hidden;
line-height: 0;
background: transparent;
border: none;
padding: 0;
img {
max-width: 100%;
transition: var(--tr-normal);
}
}
& .card-body {
padding: var(--space-normal);
& .card-title {
margin-bottom: var(--space-small);
transition: var(--tr-normal);
}
& .puesto {
color: var(--main-color);
font-weight: var(--font-medium);
}
p {
margin-bottom: var(--space-small);
}
}
}
.card {
&.post {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 5%;
height: auto;
margin-bottom: var(--space-medium);
border: none;
align-items: flex-end;
& .card-header {
width: 30%;
line-height: 0;
padding: 0;
background: var(--main-color);
overflow: hidden;
border-radius: var(--br-normal);
border: none;
img {
max-width: 100%;
height: auto;
transition: var(--tr-normal);
}
}
& .card-body {
width: 65%;
flex-wrap: wrap;
flex: 1;
height: 100%;
border-bottom: solid 1px var(--grey-color);
padding: 0 0 var(--space-normal);
& .card-title {
font-size: var(--f-post-title);
line-height: var(--lh-title);
transition: var(--tr-normal);
}
& .small {
color: var(--dark-grey-color);
text-transform: uppercase;
font-size: var(--f-small);
}
}
&:last-child {
& .card-body {
border-bottom: 0;
}
}
&:hover {
cursor: pointer;
& .card-header {
img {
transform: scale(1.1);
}
}
& .card-body {
& .card-title {
color: var(--main-color);
}
}
}
}
&.card-box {
border-color: transparent;
background: var(--light-color);
border-radius: var(--br-normal);
padding: var(--space-normal);
height: auto;
margin-bottom: var(--space-normal);
& .wp-block-heading {
color: var(--main-color);
}
p {
font-size: var(--f-medium);
line-height: var(--lh-small);
}
&.card-primary {
background: var(--main-color);
color: white;
& .wp-block-heading {
color: white;
}
}
&.card-dark {
background: var(--black-color);
color: white;
& .wp-block-heading {
color: white;
}
}
}
}
.card-img {
border-radius: var(--br-normal);
overflow: hidden;
margin-bottom: var(--space-normal);
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
border-radius: var(--br-normal);
&.embed-responsive-16by9 {
&::before {
display: block;
content: "";
padding-top: 56.25%;
}
}
iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
overflow-clip-margin: content-box !important;
overflow: clip !important;
}
}
.prefooter-widget {
overflow-x: auto;
padding: var(--space-extra) var(--space-normal);
& .wp-block-columns {
flex-wrap: nowrap !important;
max-width: 1320px;
margin: 0 auto;
& .wp-block-column {
min-width: 100px;
}
}
}
.bg-box {
border-radius: var(--br-normal);
overflow: hidden;
& .wp-block-cover__inner-container {
padding: var(--space-normal);
}
}
.autor-text {
max-width: 520px;
} .modal {
height: 100vh;
&.modal-video {
& .modal-content {
background: transparent;
border-color: transparent;
& .modal-header {
padding: 0;
border-color: transparent;
}
& .modal-body {
padding: 0;
}
}
}
} @media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1200px) {
.site-header--top {
display: none;
}
header#masthead .navbar {
padding-top: var(--space-normal);
}
.navbar-toggler {
display: flex !important;
}
section {
&.s-hero-home {
& .wp-block-group__inner-container {
&::before {
left: -10%;
}
&::after {
right: -10%;
}
& .wp-block-columns {
&::before {
top: -10%;
}
}
}
}
}
#menu-main-menu {
flex-direction: column;
grid-area: var(--space-medium);
background: white;
border-radius: var(--br-normal);
margin: var(--space-small) 0 0 0;
padding: var(--space-normal) !important;
box-shadow: var(--shadow-normal);
& .menu-item {
width: 100%;
&::before {
display: none !important;
}
& a {
display: block;
width: 100%;
text-align: center;
font-size: var(--f-big);
padding: var(--space-normal) !important;
}
}
& .sub-menu {
position: relative !important;
left: inherit !important;
text-align: center;
width: 100%;
li {
a {
text-align: center;
align-items: center;
justify-content: center;
flex: 1;
}
}
}
}
h1,
h2,
.h1,
.h2 {
font-size: var(--f-main-title-responsive);
margin-bottom: var(--space-normal);
}
.page-header {
padding-top: var(--space-hero-med);
}
}
@media only screen and (max-width: 1024px) {
body,
.acfb_accordion {
& .acfb_accordion_title {
font-size: var(--f-medium) !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}
& .acfb_accordion_content {
padding-left: 0 !important;
font-size: var(--f-medium) !important;
}
}
h3,
.h3 {
font-size: var(--f-post-title);
line-height: var(--lh-title-mobile);
}
.tabs-hor {
& .tab-content {
padding-top: var(--space-normal);
h2,
h3 {
font-size: var(--f-post-title);
line-height: var(--lh-title-mobile);
}
}
}
footer {
& .footer-fix {
justify-content: center;
flex-direction: column;
li {
margin-bottom: var(--space-small);
}
}
}
.card {
&.post {
& .card-body {
& .card-title {
font-size: var(--f-big);
}
}
}
}
.page-header {
& .page-header--title---small {
font-size: var(--f-post-title);
}
}
}
@media only screen and (max-width: 993px) {
.wp-block-group {
padding-top: var(--space-big);
}
.main-sidebar {
padding-top: var(--space-big);
padding-bottom: var(--space-big);
}
footer {
padding-bottom: var(--space-big);
padding-top: var(--space-medium) !important;
}
h1,
h2,
.h1,
.h2 {
font-size: var(--f-main-title-mobile);
}
.s-features {
& .wp-block-group__inner-container {
& .wp-block-columns {
flex-wrap: wrap !important;
gap: var(--space-normal);
margin-bottom: var(--space-normal);
& .wp-block-column {
flex: 0 0 calc(50% - 15px);
}
}
}
}
.wp-block-media-text {
&.is-vertically-aligned-top {
& .wp-block-media-text__media {
margin-top: 0;
}
}
}
.footer-bottom {
text-align: center;
& .col-footer-text {
margin-bottom: var(--space-small);
}
}
.page-header {
&.page-header--left {
& .feature-image {
width: 100%;
margin: var(--space-normal) 0 0;
&::after {
right: 2%;
width: 82px;
height: 62px;
}
&::before {
width: 80px;
height: 80px;
}
}
& #ekw46 {
display: none;
}
}
}
}
@media only screen and (max-width: 781px) {
.page-header {
& .page-header--title---small {
font-size: var(--f-big);
}
}
.espaciador-responsive {
height: 0 !important;
}
.form-green_wrapper {
padding: var(--space-medium) var(--space-normal) var(--space-normal);
}
.feature-comment {
display: none !important;
}
header#masthead .navbar {
padding-top: var(--space-small);
}
.s-box {
height: auto;
min-height: inherit;
}
.main-content {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
.wrapper-idento {
text-align: center;
padding-top: var(--space-normal);
}
.wp-block-group,
footer {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
a.telefono.gtm_phone {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 100px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
a.telefono.gtm_phone span {
display: none;
}
a.telefono.gtm_phone i {
margin: 0;
font-size: 24px;
}
.form-container
.gform_wrapper
input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not(
[type="file"]
) {
line-height: 1;
min-height: 0;
}
.texto-imagen {
margin: 30px 0 0 0;
}
h4,
.h4 {
font-size: var(--f-big);
line-height: var(--lh-title-mobile);
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
textarea,
select {
font-size: var(--f-medium) !important;
}
#masthead img.logo-img {
max-height: 32px;
}
.cta-button,
.gform_button,
.wp-block-button__link {
font-size: var(--f-normal);
}
.hero-title {
margin-bottom: var(--space-normal);
}
section {
&.s-cta {
& .wp-block-cover__inner-container {
& .wp-block-buttons {
justify-content: flex-start;
}
&::after {
width: 70px;
height: 70px;
top: -40%;
right: 10%;
}
}
}
&.s-hero-home {
& .wp-block-group__inner-container {
&::before {
left: -10%;
width: 100px;
height: 100px;
}
&::after {
right: -10%;
width: 120px;
height: 142px;
}
& .wp-block-columns {
&::before {
top: -12%;
width: 62px;
height: 42px;
}
}
}
}
&.s-contact {
& .s-contact-mobile-02 {
order: 2;
}
& .s-contact-mobile-01 {
order: 1;
}
}
}
.s-cloud--bg {
&.s-cloud-small {
& .wp-block-cover__inner-container {
& .wp-block-columns {
height: auto;
& .wp-block-column {
& .wp-block-image {
figure {
width: 100%;
}
}
}
}
}
}
}
}
@media only screen and (max-width: 599px) {
#masthead img.logo-img {
max-height: 26px !important;
margin-bottom: -3px;
}
.feature-comment {
text-align: center;
}
.pagination {
margin-bottom: var(--space-normal);
}
.main-sidebar {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
.card {
&.post {
flex-direction: column;
& .card-header {
width: 100%;
margin-bottom: var(--space-normal);
}
& .card-body {
width: 100%;
border-bottom: none;
& .card-title {
font-size: var(--f-big);
}
& .small {
margin-bottom: var(--space-small);
}
}
}
}
footer {
padding-bottom: var(--space-hero);
& .site-title {
max-width: 120px;
}
}
.form-green_wrapper {
margin: 0 -16px;
border-radius: 0;
& .gform_heading {
& .gform_title {
max-width: 75%;
}
}
&::before {
width: 90px;
height: 90px;
top: -5%;
right: -5%;
}
&.gform_legacy_markup_wrapper {
max-width: inherit !important;
}
}
h1,
h2,
.h1,
.h2 {
font-size: var(--f-post-title);
line-height: var(--lh-title-mobile);
margin-bottom: var(--space-normal);
}
h3,
.h3 {
font-size: var(--f-post-title);
line-height: var(--lh-title-mobile);
}
h3.wp-block-heading {
margin-bottom: var(--space-medium);
}
h4.wp-block-heading {
margin-bottom: var(--space-normal);
}
h5.wp-block-heading {
margin-bottom: var(--space-small);
}
ul {
&.check-list {
flex-direction: column;
li {
flex: 0 0 100%;
}
}
}
section {
&.s-hero-home {
padding-top: var(--space-hero);
}
&.s-hero-home {
& .wp-block-group__inner-container {
&::before {
left: -20%;
}
&::after {
right: -14%;
bottom: 5%;
width: 100px;
height: 122px;
}
& .wp-block-columns {
&::before {
top: 0%;
width: 42px;
height: 22px;
}
}
}
}
}
.page-header {
padding-top: var(--space-hero-small);
}
.tabs-hor {
& .tab-content {
h2,
h3 {
font-size: var(--f-post-title);
line-height: var(--lh-title-mobile);
}
}
}
.wp-block-latest-posts {
&.is-grid {
gap: var(--space-small);
li {
margin-right: 0;
width: calc(50% - 7.5px);
& .wp-block-latest-posts__post-excerpt {
font-size: var(--f-medium);
line-height: var(--lh-small);
}
& .wp-block-latest-posts__post-title {
font-size: var(--f-normal);
}
}
&.columns-3 {
li {
&:nth-child(3) {
display: none;
}
}
}
}
}
.wp-block-media-text {
&.is-vertically-aligned-top {
&::after {
left: 0;
top: 0;
}
& .wp-block-media-text__media {
margin-bottom: var(--space-normal);
}
& .wp-block-media-text__content {
padding-left: var(--space-normal);
padding-right: var(--space-normal);
}
}
}
.prefooter-widget {
padding-top: var(--space-normal);
padding-bottom: var(--space-medium);
}
.cta-link--phone {
display: none;
}
.cta-link--fixed {
display: flex;
}
}