/*
Theme Name: Modafoca
Theme URI: https://jdone.multimegagroup.com
Description: Twenty Twenty One Child Theme for Modafoca
Author: Jose Done
Author url: https://jdone.multimegagroup.com
Template: twentytwentyone
Version: 1.0
*/
@import url('../twentytwentyone/style.css');
/* root 12.745px */
html {
--vh: 28.8px;
}
:root {
--size: 670
}
@media(min-width: 63.923rem) {
:root {
--size:1500
}
}
*,:after,:before {
box-sizing: border-box;
margin: 0;
padding: 0
}
html {
font-size: calc(10 * 100vw/var(--size));
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
height: 100%;
--tw-bg-opacity: 1;
background-color: rgb(242 242 242/var(--tw-bg-opacity))
}
body,html {
height: auto;
overscroll-behavior: none;
width: 100%
}
body {
--tw-bg-opacity: 1;
background-color: rgb(242 242 242/var(--tw-bg-opacity));
font-family: sans;
font-size: 2rem;
font-weight: 500;
line-height: 1.35
}
@media(min-width: 63.923rem) {
body {
font-size:2.1rem;
line-height: 1.38
}
}
@media(max-width: 649px) {
body {
overflow:hidden scroll
}
}
/* Layout */
a[href], a[href]:hover {
cursor: pointer !important;
}
* {
box-sizing: border-box;
word-wrap: break-word;
}
html, boy, div {
font-family: "Saans", Sans-serif;
}
body {
overflow-x: hidden;
}
p {
line-height: inherit;
}
.uk-container {
max-width: 100%;
padding: 0px 1.569rem 0px 1.569rem;
}
.uk-padding-small {
padding: 0.785rem;
}
.uk-card-body {
padding: 1.569rem;
}
.uk-child-width-1-1.elementor-widget.elementor-widget-button a.elementor-button {
width: 100%;
}
.e-con-full .elementor-widget-image {
height: 100%;
}
.fullImage img {
height: 100% !important;
}
body .elementor img.attachment-full.size-full,
body .elementor-widget-image .elementor-widget-container > a,
body .elementor-widget-image .elementor-widget-container img {
width: 100%;
max-width: 100% !important;
height: 100% !important;
object-fit: cover;
}
body a[data-elementor-open-lightbox] {
width: 100%;
}
.uk-border-rounded {
border-radius: 1.569rem;
}
/* Hidden elements */
div#trp-floater-ls, button#dark-mode-toggler {
display: none;
}
div.elementor-element.elementor-element-45cf7a3c {
display: none !important;
}
body a:focus {
background: initial !important;
color: initial !important;
text-decoration: initial !important;
}
/* Grid */
.uk-grid-column:not(.uk-grid-collapse), .uk-grid:not(.uk-grid-collapse) {
margin-left: -1.569rem;
}
.uk-grid-column:not(.uk-grid-collapse)>*, .uk-grid:not(.uk-grid-collapse)>* {
padding-left: 1.569rem;
}
*+.uk-grid-margin, .uk-grid+.uk-grid-row, .uk-grid+.uk-grid, .uk-grid-row>.uk-grid-margin, .uk-grid>.uk-grid-margin {
margin-top: 1.569rem;
}
.uk-grid-column-small:not(.uk-grid-collapse), .uk-grid-small:not(.uk-grid-collapse) {
margin-left: -0.785rem;
}
.uk-grid-column-small:not(.uk-grid-collapse)>*, .uk-grid-small:not(.uk-grid-collapse)>* {
padding-left: 0.785rem;
}
*+.uk-grid-margin-small, .uk-grid+.uk-grid-row-small, .uk-grid+.uk-grid-small, .uk-grid-row-small>.uk-grid-margin, .uk-grid-small>.uk-grid-margin {
margin-top: 0.785rem;
}
/* Body */
body {
transition: all .7s cubic-bezier(.19,1,.22,1);
}
body.custom-background:not(.is-dark-theme) {
background-color: #FFFBF5 !important;
}
body.custom-background.is-dark-theme {
background-color: #000000 !important;
}
/* Spinner */
body:not(.loaded) header,
body:not(.loaded) section,
body:not(.loaded) div[data-elementor-type="wp-page"],
body:not(.loaded) .elementor.elementor-2505,
body:not(.loaded) footer{
opacity: 0;
}
body.loaded header,
body.loaded section,
body.loaded div[data-elementor-type="wp-page"],
body.loaded footer{
opacity: 1;
}
#spinnerWraper {
position: fixed;
}
.spinner {
--size: 30px;
--first-block-clr: #000000;
--second-block-clr: #67ff05;
--clr: #111;
width: 100px;
height: 100px;
position: relative;
}
.spinner::after,.spinner::before {
box-sizing: border-box;
position: absolute;
content: "";
width: var(--size);
height: var(--size);
top: 50%;
animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
left: 50%;
background: var(--first-block-clr);
}
.spinner::after {
background: var(--second-block-clr);
top: calc(50% - var(--size));
left: calc(50% - var(--size));
animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}
@keyframes down {
0%, 100% {
transform: none;
}
25% {
transform: translateX(100%);
}
50% {
transform: translateX(100%) translateY(100%);
}
75% {
transform: translateY(100%);
}
}
@keyframes up {
0%, 100% {
transform: none;
}
25% {
transform: translateX(-100%);
}
50% {
transform: translateX(-100%) translateY(-100%);
}
75% {
transform: translateY(-100%);
}
}
/* Header */
body:not(.home) header .elementor-element.elementor-element-b760562 {
border-bottom: 0.078rem solid;
margin-bottom: 1.569rem;
}
/* Header Clock (Light Mode) */
span.icon.day {
margin-top: -0.6rem;
}
body:not(.is-dark-theme) span.icon.night {
content: url('data:image/svg+xml,');
}
body:not(.is-dark-theme) span.icon.day {
content: url('data:image/svg+xml,');
}
.hour > .icon {
margin-right: 0.392rem;
vertical-align: middle;
width: 3.06rem;
max-width: 100%;
}
.hour {
color: #000000;
font-style: normal;
font-weight: 400;
font-size: 1.491rem;
line-height: 1.491rem;
letter-spacing: -0.03em;
display: inline-block;
vertical-align: baseline;
}
@media screen and (max-width: 1024px) {
.hour{
font-size: 2rem;
line-height: 2rem;
}
}
.zone {
font-weight: 700;
margin-right: 0.392rem;
}
span.time {
min-width: 8.552rem !important;
display: inline-block;
}
/* Menu */
body header .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
margin-right: 8.082rem !important;
}
@media screen and (max-width: 1024px) {
body header .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
margin-right: 3rem !important;
}
}
header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li > a {
position: relative;
}
header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li > a:before {
content: "";
position: absolute;
bottom: 0;
left: auto;
right: 0;
width: 0px !important;
height: 0.157rem !important;
-webkit-transition: width .7s cubic-bezier(.19,1,.22,1);
transition: width .7s cubic-bezier(.19,1,.22,1);
opacity: 1 !important;
}
header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li:hover > a:before, header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li > a:focus:before, header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li.current-menu-item > a:before {
width: 100% !important;
right: auto;
left: 0px;
}
header nav.hfe-nav-menu__layout-horizontal > ul.hfe-nav-menu > li:last-child > a {
font-weight: 900 !important;
}
/* Contact */
#contact {
height: 0rem;
margin-bottom: 0rem;
overflow: hidden;
opacity: 0;
transition: all .7s cubic-bezier(.19,1,.22,1);
}
#contact.uk-active {
height: 38.88rem !important;
margin-bottom: 1.569rem !important;
opacity: 1;
}
#contact > div {
height: 100%;
}
@media screen and (max-width: 1024px) {
#contact.uk-active {
height: 100rem !important;
}
#contact .e-con-inner > div:not(:first-child) {
margin-top: 3rem !important;
}
}
a.closeContact:hover svg > path {
fill: #67ff05;
}
a.closeContact:hover svg > circle,
a.closeContact:hover svg > path:not(:first-child) {
stroke: #67ff05;
}
/* Slideshow */
#homeSlideshow, #homeSlideshow ul#uk-slideshow-1 {
min-height: calc(100vh - 12.38rem) !important;
max-height: calc(100vh - 12.38rem) !important;
height: calc(100vh - 12.38rem) !important;
}
@media screen and (max-width: 1024px) {
#homeSlideshow, #homeSlideshow ul#uk-slideshow-1 {
min-height: calc(100vh - 22.38rem) !important;
max-height: calc(100vh - 22.38rem) !important;
height: calc(100vh - 22.38rem) !important;
}
}
div#homeSlideshow {
border-radius: 1.962rem;
overflow: hidden;
}
div#homeSlideshow img {
height: 100%;
}
.uk-overlay {
padding: 1.569rem;
}
div#homeSlideshow .uk-card {
cursor: pointer;
}
@media screen and (min-width: 960px) {
div#homeSlideshow .uk-card {
/*width: 48.176rem;*/
}
.uk-overlay {
padding: 1.569rem 0rem;
}
}
div#homeSlideshow .uk-card .uk-card-title {
font-size: 1.569rem;
line-height: 1rem;
letter-spacing: -0.03rem;
font-weight: 700;
margin-bottom: 0.785rem;
}
@media screen and (max-width: 1024px) {
div#homeSlideshow .uk-card .uk-card-title {
font-size: 2.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
}
div#homeSlideshow .uk-card p {
font-size: 1.0987rem;
line-height: 1.491rem;
letter-spacing: -0.03rem;
}
@media screen and (max-width: 1024px) {
div#homeSlideshow .uk-card p {
font-size: 1.8rem;
line-height: 2.3rem;
}
}
body div#homeSlideshow .uk-card .uk-card-body {
padding-bottom: 3.138rem;
}
body div#homeSlideshow .uk-card .uk-progress {
margin-bottom: 0px;
margin-top: 1.569rem;
position: absolute;
bottom: -1.569rem;
}
body div#homeSlideshow .uk-card .slideshowLink {
transition: all .7s cubic-bezier(.19,1,.22,1);
}
body div#homeSlideshow .uk-card .slideshowLink:hover {
opacity: 0.5;
}
body div#homeSlideshow .uk-card .slideshowLink svg {
width: 1.098rem;
vertical-align: top;
}
@media screen and (max-width: 1024px) {
body div#homeSlideshow .uk-card .slideshowLink svg {
width: 1.5rem;
}
}
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li:not(.uk-active),
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li:not(.uk-active)::after,
ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li > a {
display: none;
}
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right {
width: 4.394rem;
height: 4.394rem;
top: 3.923rem;
right: 3.923rem;
text-align: center;
}
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li {
text-align: center;
font-family: 'Saans', sans-serif;
font-weight: 700;
color: #FFFBF5;
font-size: 1.805rem;
line-height: 4.394rem;
margin: 0px;
padding: 0px;
width: 100%;
}
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li::after {
content: '';
background: url( 'data: image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
left: 0;
}
div#homeSlideshow .uk-card img,
.work.uk-card img {
transition: all .7s cubic-bezier(.19,1,.22,1);
}
div#homeSlideshow .uk-card:hover img,
.work.uk-card:hover img {
transform: scale(1.2);
}
#homeSlideshow ul.uk-slideshow-nav.uk-dotnav.uk-position-top-right > li.uk-active::after {
-webkit-animation: spin 1s normal linear;
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
/* Card */
body .uk-card.uk-card-default {
background-color: #fffbf5;
box-shadow: none;
}
body .uk-card {
overflow: hidden;
transition: all .7s cubic-bezier(.19,1,.22,1);
}
body .uk-card.uk-card-default .uk-card-media-left img {
width: 100%;
height: 100%;
object-fit: cover;
background-color: #ffffff;
}
body .uk-progress {
height: 0.235rem;
background-color: #D9D5CE;
}
body .uk-progress::-webkit-progress-value {
background-color: #000000;
}
body .uk-progress::-moz-progress-bar {
background-color: #000000;
}
/* Marquee */
/*.marquee, .marqueeRight {
overflow: hidden;
display: inline-block;
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
.marquee svg, .marqueeRight svg{
display: inline !important;
}
*/
/* Home video */
body div#homeVideo > div.elementor-widget-container > div.eael-sticky-video-wrapper.eaelsv-overlay-visibility- {
width: 38.839rem !important;
height: 38.839rem !important;
min-height: 38.839rem !important;
max-height: 38.839rem !important;
}
@media screen and (max-width: 1024px) {
body div#homeVideo > div.elementor-widget-container > div.eael-sticky-video-wrapper.eaelsv-overlay-visibility- {
width: 28.839rem !important;
height: 28.839rem !important;
min-height: 28.839rem !important;
max-height: 28.839rem !important;
}
}
/* Home Accordion */
@media screen and (min-width: 1024px) {
.accordionHome .elementor-tab-title {
position: relative;
width: 99.804rem;
max-width: 100%;
padding: 1.569rem !important;
margin: 0px auto !important;
transform: translateX(-9rem);
}
}
.accordionHome .elementor-accordion-item,
.accordionHome .elementor-title,
.accordionHome a.elementor-accordion-title,
.accordionHome .elementor-tab-content {
border: none !important;
}
.accordionHome span.elementor-accordion-icon {
top: 50%;
transform: translateY(-50%);
right: 1.962rem;
position: absolute;
width: 5.571rem !important;
}
@media screen and (max-width: 1024px) {
.accordionHome span.elementor-accordion-icon svg {
width: 5.571rem !important;
}
}
.accordionHome .elementor-tab-content {
width: 115.496rem;
max-width: 100%;
margin: 0px auto;
}
.accordionHome .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
width: initial;
height: initial;
}
.accordionHome .elementor-accordion {
border-top: 1px solid !important;
border-bottom: 1px solid !important;
}
.accordionHome .elementor-accordion-item:not(:last-child) {
border-bottom: 1px solid !important;
}
/* Work */
ul.works {
padding-top: 1.569rem;
height: 100vh;
}
.uk-sticky.uk-active > ul.works {
overflow: auto;
}
body::-webkit-scrollbar{
width: 0.314rem;
border: none;
}
body::-webkit-scrollbar-track {
background-color: #000000;
border: none;
}
body::-webkit-scrollbar-thumb {
background-color: #67ff05;
border: none;
}
ul.works::-webkit-scrollbar {
width: 0rem;
border: none;
display: none;
}
ul.works::-webkit-scrollbar-track {
background-color: transparent;
border: none;
display: none;
}
ul.works::-webkit-scrollbar-thumb {
background-color: transparent;
border: none;
}
ul.workFilters > li > a {
width: 100%;
border-radius: 3.923rem;
font-size: 1.177rem;
line-height: 3.138rem;
padding: 0px;
color: #000000;
border-color: #000000;
transition: all .7s cubic-bezier(.19,1,.22,1);
cursor: pointer;
}
body ul.workFilters > li.uk-active > a.uk-button.uk-button-default,
body ul.workFilters > li:hover > a.uk-button.uk-button-default,
body ul.workFilters > li:focus > a.uk-button.uk-button-default,
body ul.workFilters > li > a.uk-button.uk-button-default:hover,
body ul.workFilters > li > a.uk-button.uk-button-default:focus {
background-color: #F0EBE4 !important;
border: none;
}
body .works.uk-tab::before {
border: none;
}
body .works .uk-card.uk-card-default {
background-color: #F0EBE4;
}
body .works > li.uk-active .uk-card.uk-card-default,
body .works > li:hover .uk-card.uk-card-default{
background-color: #D9D5CE;
}
body .works .uk-card.uk-card-default .uk-card-body {
font-size: 1.0987rem;
line-height: 1.491rem;
color: #000000;
}
body .works .uk-card.uk-card-default .uk-card-body .uk-card-title {
font-size: 1.569rem;
line-height: 1rem;
font-weight: 700;
color: #000000;
margin-bottom: 10px;
}
body .works .uk-card.uk-card-default .uk-card-body .slideshowLink svg {
width: 1.098rem;
vertical-align: top;
}
/* Agency */
@media (min-width: 768px){
body .agencyGallery .elementor-image-gallery .gallery-columns-2 {
margin-left: -1.569rem !important;
margin-right: 0px !important;
}
body .agencyGallery .elementor-image-gallery .gallery-columns-2 .gallery-item {
padding-left: 1.569rem;
padding-right: 0px;
}
}
body .agencyMap .elementor-custom-embed {
height: 100%;
border-radius: 1.569rem;
overflow: hidden;
}
body .agencyMap .e-con-inner {
padding: 0px !important;
margin: 0px !important;
}
.agencyImages .elementor-image-carousel-wrapper,
.agencyImages figure,
.agencyImages img {
overflow: hidden;
border-radius: 1.569rem !important;
}
body .agencyGallery .elementor-image-gallery .gallery-columns-2 .gallery-item img {
height: 34.916rem !important;
object-fit: cover;
}
body .agencySocialButtons .elementor-social-icons-wrapper.elementor-grid {
display: flex !important;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -1.569rem;
margin-top: -1.569rem;
grid-column-gap: inherit;
grid-row-gap: inherit;
grid-template-columns: inherit;
justify-content: inherit;
justify-items: inherit;
}
body .agencySocialButtons .elementor-social-icons-wrapper.elementor-grid span.elementor-grid-item {
width: 100%;
padding-top: 1.569rem;
}
@media screen and (min-width: 768px) {
body .agencySocialButtons .elementor-social-icons-wrapper.elementor-grid span.elementor-grid-item {
width: 50%;
padding-left: 1.569rem;
}
}
body .agencySocialButtons .elementor-social-icons-wrapper.elementor-grid span.elementor-grid-item > .elementor-icon {
width: 100%;
height: 10vw;
}
/* Gallery */
body .accordionGallery .elementor-accordion-item {
border-left: none !important;
border-right: none !important;
}
body .accordionGallery .elementor-accordion-item img {
width: 45.822rem;
max-width: 100%;
height: 42.056rem;
border-radius: 1.569rem;
object-fit: cover;
}
/* Dark Mode */
/* Spinner */
body.is-dark-theme #spinnerWraper {
background: #000000;
}
body.is-dark-theme .spinner {
--first-block-clr: #FFFBF5;
}
/* Panels */
body.is-dark-theme .dark:not(.agencySocialButtons) {
background-color: #333230 !important;
color: #FFFBF5 !important;
}
body.is-dark-theme .dark.agencySocialButtons .elementor-social-icon {
background-color: #333230;
color: #FFFBF5 !important;
}
body.is-dark-theme .dark .elementor-heading-title,
body.is-dark-theme .dark .elementor-icon-list-text,
body.is-dark-theme .dark.agencySocialButtons .elementor-social-icon svg {
color: #FFFBF5 !important;
fill: #FFFBF5 !important;
}
body.is-dark-theme .dark.agencySocialButtons .elementor-social-icon:hover svg,
body.is-dark-theme .dark.agencySocialButtons .elementor-social-icon:hover svg > path {
fill: #000000 !important;
color: #000000 !important;
}
body.is-dark-theme .dark label {
color: #FFFBF5 !important;
}
body.is-dark-theme .dark input:not([type="submit"]),
body.is-dark-theme .dark textarea,
body.is-dark-theme .dark select {
color: #FFFBF5 !important;
border-color: #FFFBF5 !important;
}
/* Images */
body.is-dark-theme img {
filter: inherit !important;
}
/* Header */
body.is-dark-theme div#subHeader {
border-color: #FFFBF5;
}
/* Header Clock (Dark Mode) */
body.is-dark-theme span.icon.night {
content: url('data:image/svg+xml,');
vertical-align: middle;
}
body.is-dark-theme span.icon.day {
content: url('data:image/svg+xml,');
vertical-align: middle;
}
/* Menu */
body.is-dark-theme .menu-item a.hfe-menu-item,
body.is-dark-theme .sub-menu a.hfe-sub-menu-item {
color: #FFFBF5 !important;
}
body.is-dark-theme .hour {
color: #FFFBF5;
}
body.is-dark-theme .agencySocialButtons.noDark svg path[fill="black"]{
fill: #000000 !important;
}
/* Text */
body.is-dark-theme,
body.is-dark-theme .elementor-element:not(.noDark),
body.is-dark-theme .elementor-heading-title:not(.noDark),
body.is-dark-theme .elementor-widget-heading:not(.noDark),
body.is-dark-theme div.elementor-element:not(.noDark) > div > div > a.elementor-button.elementor-button-link,
body.is-dark-theme div.elementor-element:not(.noDark) > div > div > a.elementor-button.elementor-button-link .elementor-button-text,
body.is-dark-theme .elementor-element:not(.noDark) > div > div > a.elementor-button,
body.is-dark-theme .eael-countdown-container span {
color: #FFFBF5 !important;
border-color: #FFFBF5;
}
body.is-dark-theme div.elementor-element:not(.noDark) > div > div > a.elementor-button.elementor-button-link:hover,
body.is-dark-theme div.elementor-element:not(.noDark) > div > div > a.elementor-button.elementor-button-link:hover .elementor-button-text {
color: #000000;
border-color: #67FF05;
}
/* Footer */
a.scrollTop {
transition: all .7s cubic-bezier(.19,1,.22,1);
}
a.scrollTop:hover {
opacity: 0.5;
}
body.is-dark-theme footer {
background: #262626 !important;
}
body.is-dark-theme footer .marquee span {
color: #FFFBF5 !important;
}
body.is-dark-theme div:not(.noDark) svg [fill="rgb(0,0,0)"],
body.is-dark-theme div:not(.noDark) svg [fill="#010101"],
body.is-dark-theme div:not(.noDark) svg [fill="#000000"],
body.is-dark-theme div:not(.agencySocialButtons):not(.noDark) svg path[fill="black"]{
fill: #FFFBF5;
}
body.is-dark-theme div:not(.noDark) svg [stroke="#010101"],
body.is-dark-theme div:not(.noDark) svg [stroke="#010101"],
body.is-dark-theme div:not(.noDark) svg [stroke="#000000"],
body.is-dark-theme div:not(.noDark) svg [stroke="black"]{
stroke: #FFFBF5;
}
/* Text */
.uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-h1, .uk-card-primary>:not([class*=uk-card-media]) .uk-h2, .uk-card-primary>:not([class*=uk-card-media]) .uk-h3, .uk-card-primary>:not([class*=uk-card-media]) .uk-h4, .uk-card-primary>:not([class*=uk-card-media]) .uk-h5, .uk-card-primary>:not([class*=uk-card-media]) .uk-h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-primary>:not([class*=uk-card-media]) h1, .uk-card-primary>:not([class*=uk-card-media]) h2, .uk-card-primary>:not([class*=uk-card-media]) h3, .uk-card-primary>:not([class*=uk-card-media]) h4, .uk-card-primary>:not([class*=uk-card-media]) h5, .uk-card-primary>:not([class*=uk-card-media]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-secondary>:not([class*=uk-card-media]) h1, .uk-card-secondary>:not([class*=uk-card-media]) h2, .uk-card-secondary>:not([class*=uk-card-media]) h3, .uk-card-secondary>:not([class*=uk-card-media]) h4, .uk-card-secondary>:not([class*=uk-card-media]) h5, .uk-card-secondary>:not([class*=uk-card-media]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-2xlarge, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-2xlarge, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 {
color: #FFFBF5;
}
.uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary>:not([class*=uk-card-media]) .uk-link, .uk-card-primary>:not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link, .uk-card-secondary>:not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a {
color: #FFFBF5;
}
/* Card */
body.is-dark-theme .uk-card.uk-card-default {
background-color: #000000;
}
body.is-dark-theme .uk-card .uk-card-title {
color: #FFFBF5;
}
body.is-dark-theme .uk-card p {
color: #FFFBF5;
}
body.is-dark-theme div#homeSlideshow .uk-card .slideshowLink > svg > path {
stroke: #FFFBF5;
}
body.is-dark-theme .uk-progress {
background-color: #333230;
}
body.is-dark-theme .uk-progress::-webkit-progress-value {
background-color: #FFFBF5;
}
body.is-dark-theme .uk-progress::-moz-progress-bar {
background-color: #FFFBF5;
}
/* Home Accordion */
.elementor-tab-title {
position: relative;
}
body.is-dark-theme .elementor-accordion-item,
body.is-dark-theme .elementor-tab-title,
body.is-dark-theme .elementor-tab-title.elementor-active .elementor-accordion-title,
body.is-dark-theme .elementor-tab-title.elementor-active,
body.is-dark-theme .elementor-title,
body.is-dark-theme a.elementor-accordion-title,
body.is-dark-theme .elementor-tab-content {
color: #FFFBF5 !important;
border-color: #FFFBF5 !important;
}
/* Work */
body.is-dark-theme ul.workFilters > li.uk-active > a.uk-button.uk-button-default,
body.is-dark-theme ul.workFilters > li:hover > a.uk-button.uk-button-default,
body.is-dark-theme ul.workFilters > li:focus > a.uk-button.uk-button-default,
body.is-dark-theme ul.workFilters > li > a.uk-button.uk-button-default:hover,
body.is-dark-theme ul.workFilters > li > a.uk-button.uk-button-default:focus {
background-color: #333230 !important;
}
body.is-dark-theme div#homeSlideshow .uk-card:hover,
body.is-dark-theme .works > li:hover .uk-card.uk-card-default,
body.is-dark-theme .works > li.uk-active .uk-card.uk-card-default {
background-color: #333230;
cursor: pointer;
}
body.is-dark-theme .works .uk-card.uk-card-default .uk-card-body {
color: #FFFBF5;
}
body.is-dark-theme .works .uk-card.uk-card-default .uk-card-body .uk-card-title {
color: #FFFBF5;
}
.accordionHome .elementor-accordion-item,
.accordionHome .elementor-tab-title
.accordionHome .elementor-tab-content {
display: block !important;
}
.elementor-widget:not(.accordionHome) .elementor-accordion-item .elementor-tab-content:not(.elementor-active) {
padding: 0px !important;
}
.elementor-widget:not(.accordionHome) .elementor-accordion-item .elementor-tab-content {
display: block !important;
height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all .7s cubic-bezier(.19,1,.22,1);
transition: all .7s cubic-bezier(.19,1,.22,1);
}
body .elementor-widget:not(.accordionHome) .elementor-accordion-item .elementor-tab-content.elementor-active {
height: 45rem;
opacity: 1;
overflow-y: scroll;
}
.accordionHome .elementor-tab-content {
opacity: 0 !important;
height: 10rem;
display: block !important;
padding: 1.569rem 1.569rem 3.138rem 1.569rem !important;
overflow: hidden;
/*transition: all 0.3s ease-in-out 0s;*/
-webkit-transition: all .7s cubic-bezier(.19,1,.22,1);
transition: all .7s cubic-bezier(.19,1,.22,1);
position: absolute;
}
.accordionHome .elementor-tab-content.elementor-active {
opacity: 1 !important;
height: 30rem !important;
position: relative;
}
.accordionHome .elementor-tab-content.elementor-active[data-tab="2"] {
height: 32rem !important;
}
.accordionHome .elementor-tab-content.elementor-active[data-tab="3"] {
height: 41rem;
}
.accordionHome .elementor-tab-content.elementor-active[data-tab="4"] {
height: 41rem !important;
}
@media screen and (min-width: 1400px) {
.accordionHome .elementor-tab-content {
width: 34rem !important;
margin-top: -9rem !important;
}
}
.elementor-accordion-item,
.elementor-tab-title {
position: relative;
z-index: 3;
}
@media screen and (min-width: 1024px) {
.accordionHome .elementor-tab-title::before {
content: '';
position: absolute;
bottom: 5rem;
left: calc(50% + 9rem);
transform: translate(-50%, 50%) scale(0);
display: block;
opacity: 0;
z-index: -1;
transition: all 0.3s ease-in-out 0s;
}
.accordionHome .elementor-accordion-item:hover .elementor-tab-title[aria-expanded="false"]::before {
opacity: 1;
transform: translate(-50%, 50%) scale(0.8);
z-index: 10;
animation: float 4s ease-in-out infinite;
}
.accordionHome .elementor-tab-title[data-tab="1"][aria-expanded="false"]::before {
content: url('/wp-content/uploads/2024/05/MDFC_Diagnostic.gif');
}
.accordionHome .elementor-tab-title[data-tab="2"][aria-expanded="false"]::before {
content: url('/wp-content/uploads/2024/05/MDFC_Estrategia.gif');
bottom: calc(50% - 0.5rem);
transform: translate(-50%, 50%) scale(1.1) !important;
}
.accordionHome .elementor-tab-title[data-tab="3"][aria-expanded="false"]::before {
content: url('/wp-content/uploads/2024/05/MDFC_Diseno.gif');
/*background-color: #67ff05;*/
transform: translate(-50%, 50%) scale(0.4) !important;
}
body.is-dark-theme .accordionHome .elementor-tab-title[data-tab="3"][aria-expanded="false"]::before {
filter: invert(1);
}
.accordionHome .elementor-tab-title[data-tab="4"][aria-expanded="false"]::before {
content: url('/wp-content/uploads/2024/05/MDFC_Activacion.gif');
}
}
@keyframes float {
0% {
bottom: 50%;
}
50% {
bottom: calc(50% - 1.569rem);
}
100% {
bottom: 50%;
}
}
.autoHeight {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 500ms;
}
.autoHeight > * {
overflow: hidden;
}
.autoHeight.opened {
grid-template-rows: 1fr;
}
ul.workFilters.catFilter {
overflow: hidden;
-webkit-transition: width .7s cubic-bezier(.19,1,.22,1);
transition: width .7s cubic-bezier(.19,1,.22,1);
}
section.eventSection {
border-top: 0.079rem solid;
min-height: 100vh;
padding: 25vh 1.569rem 25vh 1.569rem;
}
h4.previousShowsTitle {
font-size: 2.7rem;
line-height: 2.7rem;
letter-spacing: -0.03rem;
font-weight: 700;
}
h3.showsHeading {
font-size: 3.6rem;
margin-bottom: 1.569rem;
}
.uk-accordion>:nth-child(n+2) {
margin-top: 1.569rem;
}
.uk-list-divider>:nth-child(n+2) {
margin-top: 10px;
padding-top: 10px;
border-top: 0.079rem solid #000000;
}
#eventsGallery .uk-accordion-title {
font-size: 2.7rem;
letter-spacing: -0.03rem;
font-weight: 700;
}
ul#eventsGallery .uk-accordion-title::before {
content: "";
width: 1.984rem;
height: 1.984rem;
background-size: 1.984rem;
vertical-align: bottom;
transform: translateY(50%);
}
ul#eventsGallery .uk-accordion-title::before {
background-image: url('data:image/svg+xml,');
}
ul#eventsGallery .uk-open>.uk-accordion-title::before {
background-image: url('data:image/svg+xml,');
}
ul#eventsGallery {
padding: 0.794rem 0rem 0.794rem 0rem;
border-top: 0.079rem solid;
border-bottom: 0.079rem solid;
}
ul#eventsGallery .uk-accordion-content {
margin: 0.794rem 0rem 1.569rem 0rem;
padding-top: 1.569rem;
border-top: 0.078rem solid;
}
ul#eventsGallery .eventSlide.full .elementor-swiper,
ul#eventsGallery .eventSlide.full .elementor-slides-wrapper,
ul#eventsGallery .eventSlide.full .swiper-wrapper,
ul#eventsGallery .eventSlide.full .swiper-slide,
ul#eventsGallery .eventSlide.full .swiper-slide-bg,
ul#eventsGallery .eventSlide.full .swiper-slide-inner {
height: 100% !important;
min-height: 33.333rem;
object-fit: cover;
background-size: cover;
}
body section[data-scroll-section],
body main#main,
body main#main > div {
margin-top: 0px;
padding-top: 0px;
}
@media screen and (max-width: 1024px) {
body #makeItHappen h2,
body #makeItHappen h2 > span {
font-size: 7rem !important;
line-height: 6rem !important;
}
h2 > img {
width: 7rem !important;
}
body .elementor-element.elementor-element-a7cf7ff,
body .elementor-element.elementor-element-6afac0b {
z-index: 3;
}
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .sub-menu-toggle {
display: none;
}
/* Cart */
.woocommerce-cart #main .woocommerce {
max-width: 100%;
}
body .woocommerce button.button.e-apply-coupon {
background-color: #FAFF05 !important;
border-color: #FAFF05 !important;
}
body .woocommerce button.button.e-apply-coupon:hover {
background-color: #000000 !important;
border-color: #000000 !important;
color: #FAFF05 !important;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
border-radius: 1.569rem;
}
.e-shop-table.e-cart-section,
.coupon.e-cart-section.shop_table,
.e-cart-totals.e-cart-section{
background-color: transparent;
border-color: #000000;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
}