#wpadminbar {
opacity: 0 !important;
}
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: hidden;
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;
} @font-face {
font-family: "F_Regular";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/SourceCodePro-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "F_Bold";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/SourceCodePro-Bold.woff2) format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "F_Medium";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/SourceCodePro-Medium.woff2) format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "V_Regular";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/VerdanaPro-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "V_Medium";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/VerdanaPro-SemiBold.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "V_Bold";
src: url(//dempo.es/wp-content/themes/identofmk_child/fonts/VerdanaPro-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
} :root {
--main-color: #377fc2;
--main-color-hover: #377fc2;
--main-color-hover-op: #377fc200;
--accent-color: #377fc2;
--accent-color-hover: #377fc2;
--accent-color-hover--op: rgba(173, 164, 240, 0.3);
--cta-color: #377fc2;
--light-color: #dedede;
--white-border: #ffffff60;
--accent-color-hover--op: rgba(173, 164, 240, 0.3);
--black-color: #12353f;
--extrablack-color: #0b252c;
--grey-color: #e0e1dd;
--dark-grey-color: #a29f9f;
--transparent-white: rgba(255, 255, 255, 0.3);
--transparent-white-02: rgba(255, 255, 255, 0.2);
--transparent-bg: rgba(224, 225, 221, 0.3);
--space-hero-max: 180px;
--space-hero-med: 140px;
--space-hero: 26px;
--space-hero-n: -26px;
--space-extra-big: 90px;
--space-extra: 60px;
--space-big: 45px;
--space-medium: 30px;
--space-normal: 16px;
--space-small: 7px;
--font-regular: "V_Regular";
--font-bold: "V_Bold";
--font-medium: "V_Medium";
--font-header-regular: "F_Regular";
--font-header-bold: "F_Bold";
--font-header-medium: "F_Medium";
--f-x-small: 0.75rem; --f-small: 0.875rem; --f-medium: 1rem; --f-normal: 1rem; --f-big: 1.375rem; --f-main-title: 10rem; --f-main-title-resposnvie: 5.2rem; --f-main-title-mobile: 3.4rem; --f-section-title: 3rem; --f-sub-title: 2rem; --f-main-title--mobile: 30px;
--lh-normal: 1.4em;
--lh-small: 1.2em;
--lh-title-mobile: 1em;
--lh-title: 1em;
--ls-title: -2px;
--ls-subtitle: -1px;
--gr-primary: linear-gradient(
45deg,
var(--main-color) 0%,
var(--black-color) 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, 0) 0%,
rgb(255, 255, 255, 1) 100%
);
--gr-to-dark: linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0%,
rgb(0, 0, 0, 0) 100%
);
--gr-header-dark: linear-gradient(
0deg,
var(--main-color-hover-op) 0%,
var(--main-color-hover) 100%
);
--gr-bottom-dark: linear-gradient(
0deg,
var(--extrablack-color) 0%,
var(--black-color) 100%
);
--tr-normal: all 0.2s ease-out;
--br-normal: 4px;
--br-big: 25px;
--br-max: 300px;
} html {
overflow-x: hidden;
}
iframe {
width: 100% !important;
}
body {
font-family: var(--font-regular);
font-size: var(--f-normal);
line-height: var(--lh-normal);
color: var(--black-color);
background: var(--grey-color);
}
body.kit-digital .page-header h2 {
background: -webkit-linear-gradient(yellow, red);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: tomato;
margin-bottom: var(--space-medium);
text-transform: uppercase;
opacity: 1 !important;
}
.link_kitdigital a {
background: -webkit-linear-gradient(yellow, red);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: tomato;
margin-bottom: var(--space-medium);
opacity: 1 !important;
}
#content {
padding-top: var(--space-hero);
}
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-header a {
font-family: var(--font-medium);
background: var(--gr-primary);
color: white;
font-size: var(--f-normal);
padding: 13px var(--space-normal) var(--space-normal) !important;
text-align: left;
display: inline-flex;
transition: var(--tr-normal);
cursor: pointer;
position: relative;
border-radius: var(--br-normal);
text-shadow: var(--accent-color) 1px 1px 1px;
border: solid 1px var(--accent-color-hover--op);
}
.cta-button:hover,
.gform_button:hover,
.wp-block-button__link:hover,
.cta-header a:hover {
background: var(--black-color);
color: white;
}
.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link {
border: transparent;
padding: 13px var(--space-normal) var(--space-normal);
text-shadow: none;
background: transparent;
color: var(--main-color);
&::before {
content: "&";
font-family: var(--font-regular);
display: inline-block;
margin-right: var(--space-small);
opacity: 0.5;
}
}
.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
background: var(--gr-primary);
color: white;
}
p {
margin-bottom: 1em;
small {
font-size: var(--f-small);
}
}
strong {
font-family: var(--font-bold);
font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: var(--font-bold);
word-break: normal;
color: var(--black-color);
font-weight: normal;
& strong {
color: var(--black-color);
}
}
h1,
h2,
.h1,
.h2 {
font-size: var(--f-main-title);
line-height: var(--lh-title);
letter-spacing: var(--ls-title);
margin-bottom: var(--space-medium);
font-family: var(--font-header-bold);
& strong {
font-family: var(--font-header-bold);
line-height: var(--lh-title);
}
}
h3,
.h3 {
font-family: var(--font-header-bold);
font-size: var(--f-section-title);
line-height: var(--lh-title);
margin-bottom: var(--space-normal);
letter-spacing: var(--ls-subtitle);
margin-bottom: var(--space-normal);
& strong {
font-family: var(--font-header-bold);
}
}
h4,
.h4 {
font-family: var(--font-header-bold);
font-size: var(--f-sub-title);
margin-bottom: var(--space-normal);
letter-spacing: var(--ls-subtitle);
line-height: var(--lh-title);
& strong {
font-family: var(--font-header-bold);
}
}
h5,
.h5 {
font-family: var(--font-header-bold);
font-size: var(--f-normal);
line-height: var(--lh-title);
margin-bottom: var(--space-normal);
position: relative;
display: inline-block;
text-transform: uppercase;
& strong {
font-family: var(--font-header-bold);
}
&::after {
content: "";
display: block;
position: absolute;
height: 1px;
background: var(--accent-color-hover);
opacity: 0.2;
left: 100%;
right: -9000px;
top: 10px;
}
}
h6,
.h6 {
font-size: var(--f-medium);
line-height: var(--lh-normal);
margin-bottom: 0;
}
.lead {
font-family: var(--font-bold);
font-size: var(--f-big);
line-height: var(--lh-normal);
}
.lead-small {
max-width: 420px;
}
form input[type="text"],
form input[type="email"],
select {
border-radius: var(--br-normal) !important;
}
input[type="submit"] {
background-color: transparent;
border: solid 1px var(--accent-color-hover);
}
.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;
}
img {
max-width: 100%;
} .navbar-toggler {
background: transparent;
border-radius: 300px;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
color: white;
font-size: var(--f-normal);
font-family: var(--font-bold);
outline: none;
}
.navbar-toggler:hover {
border: none;
background: transparent;
outline: none;
box-shadow: none;
}
.navbar-toggler .navbar-toggler-icon {
filter: invert(1);
}
header#masthead {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
transition: 0.5s;
padding: 0;
background: var(--black-color);
}
.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);
}
header#masthead ul.nav-link .menu-item {
position: relative;
}
header#masthead ul.nav-link .menu-item a {
font-weight: 700;
color: white;
transition: var(--tr-normal);
position: relative;
padding: var(--space-small);
opacity: 0.4;
}
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: white;
opacity: 1;
}
header#masthead ul.sub-menu {
position: absolute;
left: -7px;
top: 100%;
min-width: 320px;
background: var(--black-color);
border-radius: var(--br-normal);
padding: var(--space-small);
display: none;
}
header#masthead ul.sub-menu .menu-item::before {
display: none;
}
header#masthead ul.sub-menu .menu-item a {
font-size: var(--f-small);
font-family: var(--font-medium);
color: white;
display: flex;
align-items: center;
font-weight: normal;
padding: 12px var(--space-small);
opacity: 0.6;
}
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: white;
opacity: 1;
}
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;
} main {
perspective: 2px;
position: relative;
&::before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 50vh;
top: 0;
background: var(--gr-to-white);
z-index: -1;
}
&::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/bg-body--white.svg) no-repeat center 0px;
z-index: -1;
background-size: contain;
filter: blur(8px);
}
}
.wp-block-image {
margin-bottom: var(--space-medium);
img {
max-width: 100%;
border-radius: var(--br-big);
}
}
section {
& .wp-block-column,
& .wp-block-media-text__content,
& .blog-single-content--text {
ol {
list-style: none;
counter-reset: my-awesome-counter;
li {
counter-increment: my-awesome-counter;
margin-bottom: var(--space-normal);
padding-left: var(--space-medium);
position: relative;
&::before {
content: counter(my-awesome-counter) ". ";
color: var(--black-color);
font-family: var(--font-bold);
position: absolute;
left: 0;
right: 0;
font-size: var(--f-small);
width: 25px;
text-align: right;
opacity: 0.4;
}
}
}
ul {
list-style: none;
margin-bottom: var(--space-normal);
li {
padding-left: 12px;
position: relative;
padding-top: var(--space-small);
padding-bottom: var(--space-small);
&::before {
content: "";
display: block;
width: 7px;
height: 11px;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/icon-tick.svg) no-repeat 0 0;
background-size: contain;
filter: invert(1);
position: absolute;
top: 12px;
left: 0;
opacity: 0.4;
}
}
}
}
}
section.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;
}
.custom-section {
padding-top: var(--space-extra);
padding-bottom: var(--space-extra);
}
.custom-bg-light {
background: var(--transparent-bg);
}
.page-header {
padding-top: var(--space-hero-med);
padding-left: 0;
padding-right: 0;
text-align: center;
h2 {
margin-bottom: var(--space-small);
}
p {
margin-right: auto;
margin-left: auto;
}
& .claim {
max-width: 600px;
}
}
@media (max-width: 575px) {
.page-header {
padding-left: var(--space-normal);
padding-right: var(--space-normal);
padding-top: var(--space-extra);
}
}
section.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
margin-left: auto;
margin-right: auto;
}
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
width: 100%;
position: relative;
z-index: 2;
}
@media (min-width: 576px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
max-width: 540px;
}
}
@media (min-width: 768px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
max-width: 720px;
}
}
@media (min-width: 992px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
max-width: 968px;
}
}
@media (min-width: 1200px) {
section.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
section.wp-block-group .wp-block-group__inner-container,
header.wp-block-group .wp-block-group__inner-container,
.wp-block-cover .wp-block-cover__inner-container,
.page-header {
max-width: 1320px;
}
}
section.s-01 {
overflow: hidden;
padding-bottom: 0;
color: white !important;
margin-top: var(--space-hero-n);
&::after {
content: "";
display: block;
background: var(--gr-to-dark);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 20%;
opacity: 0.8;
}
& .wp-block-cover__inner-container {
height: auto;
padding-bottom: 160px;
position: relative;
z-index: 5;
padding-top: var(--space-hero-max);
}
& .s-01--text {
max-width: 600px;
& p {
margin-bottom: var(--space-normal);
}
}
& .scroll-box {
overflow-x: auto;
position: absolute;
bottom: 0;
padding: var(--space-normal) 0 var(--space-medium);
left: 0;
right: 0;
}
& .s-02--services {
display: flex;
flex-direction: row;
flex-wrap: nowrap !important;
& .wp-block-column {
min-width: 200px;
}
& .mini-service {
font-size: var(--f-normal);
font-family: var(--font-medium);
letter-spacing: normal;
margin: 0;
position: relative;
a {
color: white;
opacity: 0.6 !important;
}
a:hover {
opacity: 1 !important;
}
&::before {
content: "";
display: block;
width: 7px;
height: 11px;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/icon-tick.svg) no-repeat 0 0;
background-size: contain;
margin: 0 0 3px 0;
}
}
}
&.s-01--noshadow {
position: relative;
z-index: 1;
&::after {
display: none;
}
& .wp-block-cover__inner-container {
height: 700px;
}
}
}
section.s-02 {
position: relative;
transform-style: preserve-3d;
padding-bottom: 10%;
&::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/bg-about.svg) no-repeat center center;
filter: blur(1rem);
transform: translateZ(-100px) scale(1.1);
background-size: 100%;
}
}
section.s-03 {
overflow: inherit;
z-index: 5;
& .s-03--img {
margin: -40% -10% 0 0;
}
}
section.s-04 {
background: var(--black-color);
color: white;
& h1,
& h2,
& h3,
& h4,
& h5,
& .h1,
& .h2,
& .h3,
& .h4,
& .h5 {
color: white;
}
&::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/bg-contact.svg) no-repeat center bottom;
filter: blur(1rem);
background-size: 100%;
background-attachment: fixed;
}
}
section.s-cta {
overflow: visible;
margin-top: var(--space-big);
margin-bottom: var(--space-big);
& .s-cta--img {
margin: -25% -10% -25% 0;
max-width: 100%;
width: 450px;
}
& .s-mobile--img {
margin: -25% auto -25% auto;
max-width: 100%;
width: 450px;
}
}
section.s-service-item {
figure {
margin-bottom: var(--space-normal);
margin-right: -30px;
}
& .wp-block-heading {
max-width: 480px;
padding-top: 60px;
}
& .lead {
max-width: 520px;
}
ul {
padding-top: 60px;
li {
padding-top: var(--space-small);
padding-bottom: var(--space-normal);
padding-left: 12px;
position: relative;
margin-bottom: 0;
}
}
}
section.s-project-item {
ul {
li {
padding-top: var(--space-small);
padding-bottom: var(--space-small);
padding-left: 12px;
position: relative;
margin-bottom: 0;
}
}
}
section.s-about-02 {
position: relative;
z-index: 2;
overflow: visible;
& .s-about-02--img {
margin: -70% -30% 0 0;
}
}
@media (max-width: 767px) {
section.s-about-02 .s-about-02--img {
display: none;
}
section.s-04 .wp-block-columns {
gap: 1em;
}
section.s-cta .s-cta--img {
width: 400px;
margin-bottom: 0;
margin-top: -90px;
}
section.s-cta .s-mobile--img {
width: 400px;
margin-bottom: 0;
margin-top: 0;
}
}
.section-dark {
background: var(--black-color);
color: white;
}
.acfb_accordion {
background: transparent !important;
& .acfb_accordion_title {
background: transparent !important;
font-family: var(--font-bold);
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;
}
}
.wp-block-media-text {
& .wp-block-media-text__media {
border-radius: var(--br-big);
overflow: hidden;
}
} .form-container input,
.form-container textarea,
.form-container select {
border-radius: var(--br-normal);
border: var(--main-color) 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;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
textarea,
select {
width: 100%;
font-family: var(--font-bold);
background: white;
border: var(--dark-grey-color) solid 1px !important;
font-size: var(--f-normal) !important;
padding: 10px !important;
min-height: var(--space-big);
border-radius: var(--br-normal) !important;
color: var(--black-color);
font-family: var(--font-bold) !important;
&::placeholder {
color: var(--black-color);
opacity: 0.6;
}
}
.gform-field-label--type-sub {
color: var(--dark-grey-color);
}
select {
padding: 15px !important;
}
select {
-webkit-appearance: none;
font-size: 16px;
}
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);
} aside {
padding-top: var(--space-normal);
}
.widget {
margin-bottom: var(--space-medium);
& .widgettitle {
font-family: var(--font-header-medium);
margin-bottom: var(--space-small);
font-size: var(--f-medium);
position: relative;
letter-spacing: var(--ls-subtitle);
color: var(--black-color);
}
ul,
& .menu {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-small);
flex-wrap: wrap;
margin: var(--space-normal) 0;
li {
margin: 0;
a {
font-size: var(--f-normal);
background: var(--accent-color-hover--op);
border-radius: var(--br-normal);
display: block;
color: var(--accent-color);
padding: var(--space-small);
font-weight: var(--font-regular);
&:hover {
background: var(--accent-color);
color: white;
}
}
&.current-cat {
a {
background: var(--accent-color);
color: white;
}
}
}
}
}
.widget_nav_menu {
ul {
li {
flex: 0 0 100%;
a {
background: transparent !important;
position: relative;
font-family: var(--font-bold);
padding-left: var(--space-small);
&::before {
content: "";
display: block;
width: 7px;
height: 11px;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/icon-tick.svg) no-repeat 0 0;
background-size: contain;
margin: 0;
position: absolute;
left: 0;
top: 4px;
filter: invert(20%);
}
&:hover {
color: var(--accent-color-hover) !important;
}
}
}
}
}
@media (max-width: 768px) {
.widget .widgettitle {
font-size: var(--f-normal);
}
.widget ul li a {
font-size: var(--f-small);
}
} .blog-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.blog-pagination > * {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--dark-grey-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 20px;
transition: 0.5s;
}
.blog-pagination > a:hover {
background: var(--main-color);
font-size: 24px;
color: white;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
.blog-pagination > span {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 22px;
} .blog-single-content {
padding-top: var(--space-hero);
padding-bottom: var(--space-hero);
& .blog-single-content--01 {
margin-bottom: var(--space-extra);
}
& .blog-single-content--text {
padding-left: var(--space-extra-big);
}
& .blog-single-content--footer {
margin-left: var(--space-extra-big);
border-top: solid 1px var(--grey-color);
padding-top: var(--space-normal);
.cat-blog-nav {
font-size: var(--f-medium);
color: var(--main-color);
}
}
.title {
font-size: var(--f-section-title);
}
.pretitle {
& .date {
display: inline-block;
text-transform: uppercase;
font-size: var(--f-medium);
color: var(--accent-color-hover);
font-family: var(--font-bold);
position: relative;
&::after {
content: "";
position: absolute;
display: block;
height: 1px;
left: calc(100% + 5px);
right: -9000px;
top: 10px;
background: var(--light-color);
}
}
}
}
.thumbnail-single-block {
line-height: 0;
margin-right: var(--space-normal);
position: relative;
&::after {
content: "";
position: absolute;
bottom: -80px;
left: 30px;
display: block;
width: 87px;
height: 149px;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/imago-blue.svg) no-repeat 0 0;
background-size: contain;
}
img {
max-width: 100%;
border-radius: var(--br-big);
}
}
@media (max-width: 1200px) {
.blog-single-content .title {
font-size: var(--f-sub-title) !important;
}
header#masthead ul.sub-menu {
position: relative;
}
header#masthead ul.sub-menu {
margin: 0;
background: transparent;
}
header#masthead ul.sub-menu .menu-item a {
text-align: center;
justify-content: center;
}
}
@media (max-width: 993px) {
.blog-single-content {
padding-top: var(--space-medium);
}
.blog-single-content .title {
font-size: var(--f-sub-title) !important;
}
.thumbnail-single-block {
margin-right: 0;
margin-bottom: var(--space-medium);
}
.blog-single-content .blog-single-content--01 {
margin-bottom: var(--space-medium);
}
.blog-single-content .blog-single-content--text {
padding-left: 0;
}
.blog-single-content .blog-single-content--footer {
margin-left: 0;
}
.thumbnail-single-block::after {
bottom: -15px;
left: 15px;
width: 43px;
height: 72px;
}
}
@media (max-width: 575px) {
.blog-single-content {
padding-top: 0;
}
.thumbnail-single-block {
margin-left: -15px;
margin-right: -15px;
}
.thumbnail-single-block img {
border-radius: 0;
}
}
.card-new--item {
display: flex;
flex-direction: row;
padding: 0;
border-color: transparent;
gap: var(--space-medium);
align-items: center;
justify-content: flex-start;
background: transparent;
& .card-header {
flex: 0 0 55%;
padding: 0;
line-height: 0;
border: none;
img {
max-width: 100%;
border-radius: var(--br-big);
transition: var(--tr-normal);
}
}
& .card-body {
& .small {
text-transform: uppercase;
display: block;
margin-bottom: var(--space-small);
font-size: var(--f-x-small);
}
& .card-title {
font-size: var(--f-sub-title);
}
p {
line-height: var(--lh-normal);
}
}
&:hover {
& .card-header {
img {
transform: scale(1.04);
}
}
}
}
.card-thumb {
display: flex;
flex-direction: column;
padding: 0;
border-color: transparent;
align-items: center;
justify-content: flex-start;
background: transparent;
transition: var(--tr-normal);
& .card-header {
padding: 0;
line-height: 0;
border: none;
background: transparent;
img {
max-width: 100%;
border-radius: var(--br-big);
transition: var(--tr-normal);
}
}
& .card-body {
padding: var(--space-normal);
& .card-title {
font-size: var(--f-big);
line-height: var(--lh-normal);
}
p {
color: var(--black-color);
font-size: var(--f-medium);
line-height: var(--lh-normal);
transition: var(--tr-normal);
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
&::before {
content: "_";
}
}
}
&:hover {
& .card-header {
img {
transform: scale(1.04);
}
}
& .card-body {
p {
color: var(--accent-color);
}
}
}
}
@media (max-width: 993px) {
.card-new--item {
align-items: flex-start;
}
.card-new--item .card-header {
flex: 0 0 33%;
}
.card-new--item .card-body .card-title {
font-size: var(--f-big);
}
.card-thumb .card-body .card-title {
font-size: var(--f-normal);
}
}
@media (max-width: 768px) {
.card-new--item {
flex-direction: column;
gap: var(--space-normal);
}
.card-new--item .card-body {
padding-left: var(--space-small);
padding-right: var(--space-small);
}
} footer {
height: auto;
padding-bottom: var(--space-normal);
font-size: var(--f-small);
margin: 0;
z-index: 5;
position: relative;
background: var(--black-color) !important;
padding-top: var(--space-big);
border-top: solid 1px var(--transparent-white-02);
&::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//dempo.es/wp-content/themes/identofmk_child/img/bg-contact.svg) no-repeat center bottom;
filter: blur(1rem);
background-size: 100%;
background-attachment: fixed;
z-index: -1;
}
& .logo-footer {
margin-top: -5px;
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
justify-content: flex-start;
}
}
@media (max-width: 767px) {
footer {
padding-top: var(--space-small);
text-align: center;
& .logo-footer {
flex-direction: column;
}
p {
text-align: center !important;
margin-top: 15px !important;
}
& .menu-footer {
text-align: center;
}
}
}
footer.site-footer,
#colophon {
color: white;
}
footer.site-footer .col-footer--title {
color: var(--accent-color);
}
footer .site-title {
display: block;
max-width: 337px;
margin: 0 0 var(--space-small);
& img {
width: 100%;
}
}
footer p {
margin-bottom: 0;
}
footer a {
color: var(--accent-color-hover);
}
footer a:hover {
text-decoration: underline;
color: var(--accent-color);
}
footer .footer-menu-wrapper {
display: block;
width: 100%;
margin-bottom: var(--space-normal);
}
footer .col-footer-text {
text-align: right;
}
footer li {
padding-right: 0;
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
}
.firma-idento {
background: url(//dempo.es/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(//dempo.es/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;
}
.cabecera h1,
.cabecera .h1 {
color: var(--main-color);
}
.cabecera h4,
.cabecera .h4 {
color: var(--black-color);
font-family: var(--font-regular);
}
.cabecera .cabecera-icon img {
width: 100px;
}
.cabecera .cabecera-img {
width: 100%;
text-align: center;
}
.cabecera .cabecera-img img {
margin: 0 auto;
}
.cabecera .page-header--fix {
margin-bottom: var(--space-medium);
}
.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);
display: inline-block;
cite {
opacity: 0.5;
display: block;
margin-top: var(--space-normal);
font-size: var(--f-small);
}
}
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(//dempo.es/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);
}
}
}
.list-group-flush .list-group-item {
background: transparent;
padding: var(--space-normal) 0;
} .dark-theme {
background: var(--black-color);
&::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: inherit !important;
height: 50%;
background: var(--gr-bottom-dark);
z-index: -1;
}
& .page-header {
h2 {
color: black;
-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px white;
}
}
& .list-group-flush {
& .list-group-item {
border-color: var(--transparent-white);
}
}
& .card-new--item {
& .card-body {
p {
transition: var(--tr-normal);
}
& .card-title {
color: white;
transition: var(--tr-normal);
}
}
&:hover {
& .card-body {
p {
color: var(--accent-color-hover);
}
& .card-title {
color: var(--accent-color-hover);
}
}
}
}
a {
color: white;
}
& .widget {
& .widgettitle {
color: white;
}
ul {
li {
a {
background: var(--transparent-white);
color: white;
&:hover {
background: white;
color: var(--main-color);
}
}
}
}
}
} @media only screen and (max-width: 1600px) {
h1,
h2,
.h1,
.h2 {
font-size: var(--f-main-title-resposnvie);
}
section.s-01 {
& .wp-block-cover__inner-container {
padding-top: var(--space-hero-med);
padding-bottom: var(--space-hero-max);
height: auto !important;
}
&.s-01--noshadow {
& .wp-block-cover__inner-container {
padding-bottom: var(--space-extra);
}
}
}
}
@media only screen and (max-width: 1200px) {
#menu-main-menu {
flex-direction: column;
grid-area: var(--space-medium);
background: rgba(0, 0, 0, 0.8);
border-radius: var(--br-big);
margin: var(--space-normal) 0 0 0;
& .menu-item {
width: 100%;
&::before {
display: none !important;
}
& a {
display: block;
width: 100%;
text-align: center;
font-size: var(--f-sub-title);
}
}
}
}
@media only screen and (max-width: 1024px) {
h3,
.h3 {
font-size: var(--f-sub-title);
}
body,
.wp-block-button .wp-element-button {
font-size: var(--f-medium);
}
.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;
}
}
}
@media only screen and (max-width: 993px) {
section.wp-block-group,
.custom-section {
padding-top: 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);
}
footer.site-footer,
#colophon {
margin-top: 0;
padding-top: 0;
& a {
&:hover {
color: white;
}
}
& .container {
border: none;
& .col-footer-text {
text-align: left;
}
}
& li {
padding-left: 0;
}
}
}
@media only screen and (max-width: 781px) {
.s-03--img {
max-width: 130px;
margin-top: -60px !important;
}
.main-content {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
.wrapper-idento {
text-align: center;
padding-top: var(--space-normal);
}
section.wp-block-group,
.custom-section,
footer {
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
.wp-block-media-text .wp-block-media-text__content {
padding-left: 0;
padding-right: 0;
padding-top: var(--space-medium);
padding-bottom: var(--space-medium);
}
header#masthead {
padding-top: 0;
padding-bottom: 0;
}
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;
}
h1,
h2,
.h1,
.h2 {
font-size: var(--f-section-title);
line-height: var(--lh-title-mobile);
}
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,
.cta-header a {
font-size: var(--f-medium);
}
.hero-title {
margin-bottom: var(--space-normal);
}
section.s-01 {
margin-top: -60px;
& .wp-block-cover__inner-container {
height: auto !important;
padding-bottom: var(--space-hero-med);
padding-top: var(--space-hero);
}
}
section.s-01 .s-01--text p {
margin-bottom: var(--space-small);
}
section.s-01 .s-01--text {
max-width: inherit;
}
#content {
padding-top: 50px;
}
section.s-service-item {
figure {
margin-right: 0;
max-width: 20%;
}
& .wp-block-columns {
gap: 10px;
}
& .wp-block-heading,
ul {
padding-top: 0;
}
}
} section.s-01 .s-02--services .wp-block-column {
padding-left: 0 !important;
}
.acfb_accordion_block .acfb_accordion .acfb_accordion_title {
font-weight: 400;
}
.acfb_accordion .acfb_accordion_title::before {
content: "↓";
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_legacy_markup_wrapper.gf_browser_chrome
.gfield_checkbox
li
input[type="checkbox"],
.gform_legacy_markup_wrapper.gf_browser_chrome
.gfield_radio
li
input[type="radio"] {
margin-top: 0px;
}
@media only screen and (min-width: 1600px) {
h1,
h2,
.h1,
.h2 {
font-size: 7em;
}
}
@media only screen and (max-width: 1024px) {
.acfb_accordion .acfb_accordion_content {
padding-left: 20px !important;
padding-top: 5px !important;
}
.acfb_accordion .acfb_accordion_title {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
@media only screen and (max-width: 500px) {
h1,
h2,
.h1,
.h2 {
font-size: 2.7rem;
margin-bottom: 0.3em;
}
h1 br,
h2 br,
.h1 br,
.h2 br {
display: none;
}
section.s-01 .wp-block-cover__inner-container {
padding-top: 3.7rem;
padding-bottom: 7rem;
}
.wp-block-cover__image-background {
background-position: 60% 50% !important;
}
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
width: 100%;
height: 45px;
}
.select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: var(--f-normal) !important;
font-family: var(--font-bold);
border-radius: var(--br-normal) !important;
background: white !important;
border: var(--dark-grey-color) solid 1px !important;
padding: 10px !important;
&:after {
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-color: var(--black-color) transparent transparent transparent !important;
position: absolute;
top: 19px;
right: 15px;
}
&:active,
&.active {
&:after {
transform: rotate(180deg);
top: 14px;
}
}
}
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 0;
list-style: none;
background-color: var(--black-color) !important;
border-radius: var(--br-normal) !important;
& li {
margin: 0;
padding: 12px 0;
text-indent: 15px;
border-top: 1px solid var(--accent-color-hover--op) !important;
background-color: var(--black-color) !important;
color: white !important;
&:hover,
&.is-selected {
color: white;
background: black !important;
}
&[rel="hide"] {
display: none;
}
}
}