/*
Theme Name: Zakra Child by Fenix
Author: Fenix Design
Description: Template de Zakra por Fenix Design para clientes
Version: 1.2
Template: zakra

This is the child theme for Zakra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@import url('css/structure.css');

/* fuentes */
@font-face {
    font-family: 'Neue Montreal Light';
    src: url('css/NeueMontreal-Light.woff2') format('woff2'),
        url('css/NeueMontreal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal Regular';
    src: url('css/NeueMontreal-Regular.woff2') format('woff2'),
        url('css/NeueMontreal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal Medium';
    src: url('css/NeueMontreal-Medium.woff2') format('woff2'),
        url('css/NeueMontreal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.custom-logo, a, #zak-masthead, #zak-masthead * {-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

/* basicos */
body, body p {font-family: 'Neue Montreal Light', Arial, Helvetica, sans-serif;font-size:18px;line-height:1.6;color:#000;}
h1, h2 {font-family: 'Neue Montreal Medium';text-transform:uppercase;}

.page .zak-primary, .single .zak-primary {padding-top:0;padding-bottom:0;}

/* generales */
.text-white, .text-white * {color:#FFF !important;}
.text-white-shadow, .text-white-shadow * {text-shadow:0 0 20px rgba(0,0,0,1);}

.center, .center * {text-align:center;}
.aleft, .aleft * {text-align:left;}
.aright, .aright * {text-align:right;}

h1 {font-size:62px;line-height: .90;color:#00fa64;text-shadow:0 0 5px #000;}
h2, h3, .tg-page-header .tg-page-header__title {font-size:40px;line-height:1;}
.negative h2, .negative h3, .negative.text-white h2, .negative.text-white h3 {color:#00fa64 !important;}
h3 {font-family: 'Neue Montreal Medium';font-size:46px;line-height:1.1;color:#00fa64;}
h2 {line-height:0.9;}
h4 a {text-decoration:none !important;}
h4, h5, h6 {font-family: 'Neue Montreal Medium';font-size:24px;line-height:1.4;color:#f25029;}

#proyectos-vigentes .gallery {position:absolute;top:0;right:10px;width:270px;}
#proyectos-vigentes .gallery .gallery-item img {padding:10px;}

#zak-masthead-sticky-wrapper {height:auto !important;}

.zak-main-header {background:#FFF;}

.gallery .gallery-item .wp-caption-text {font-size:12px;text-transform:uppercase;margin:10px 0 0 0;}

.cta p {font-size:40px;line-height:40px;font-family: 'Neue Montreal Medium';}

.titlefuerza h2 {font-size:62px;line-height:0.9;}

b, strong {font-family: 'Neue Montreal Medium';}

ul {margin-left:22px;}
ul li {font-size:24px;line-height:30px;margin:0 0 10px 0;}

#beneficios .wpb_column.vc_column_container.vc_col-sm-6 {padding-top:0;padding-bottom:0;}

.normal-text {margin:0 0 10px 0 !important;}
.normal-text h2 {font-family: 'Neue Montreal Medium';font-size:16px !important;line-height:1.6 !important;}

.gigante {margin:0 !important;}
.gigante *, .vc_color-black p strong {font-size:64px;font-family: 'Neue Montreal Medium';}

/*.wpb_single_image img {min-width:150px; }*/
.two-columns {column-count:2;}

.site-content {margin:0 !important;}
.content-servicios {width:100%;padding-right:0;}

/* blockquote */
blockquote {border:0;margin-left:0;font-style:italic;}
blockquote em {font-size:22px;}

/* icons SVG */
.wpb_single_image.icon {width:65px;padding:13px 10px;margin:0 auto 20px;border-radius:600px;background:#f25029;}
.wpb_single_image.icon img {min-width:40px;width:40px;height:40px;filter: brightness(0) invert(1);}

/* titulos con gradiente*/
.font-gradient .title {background-image:/*linear-gradient(90deg,#CC404A,#EF9AA0 70%);*/linear-gradient(90deg,#fb9f1f,#f7512b 70%);-webkit-background-clip: text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color: transparent;padding-bottom:20px;margin-bottom:0;}

/* fondos con gradiente*/
.bg-gradient {background-image:linear-gradient(90deg,#fb9f1f,#f7512b 70%);}
.bg-gradient .font-gradient .title {background-image:linear-gradient(90deg,#FFFFFF,#FFFFFF 70%);}

/* parallax */
.vc_parallax-inner {opacity:0.6;}
.parallax50 .vc_parallax-inner {opacity:0.1;}

/* botones */
.vc_general {font-family: 'Neue Montreal Medium';text-transform:uppercase;font-size:20px !important;}
.vc_general u {font-family: 'Neue Montreal Light' Arial, Helvetica, sans-serif;text-decoration:none;}

/*.vc_btn3-container.vc_btn3-inline .vc_btn3 {padding:25px;min-width:160px;font-size:16px;display:inline-flex;cursor:pointer;font-size:16px;font-weight: 900;padding:25px;border-radius:6px;transition:background-color .2s ease;align-items:center;line-height:1;color:#FFF;margin:0 10px 0 0;font-family: 'Neue Montreal Medium';color:#FFF !important;}*/
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {font-size:16px !important;padding:}


/* entry content */
.single-post .entry-content {margin-top:0;}

/* lista servicios */
.lista-bg-white img {min-width:95px;filter: invert(56%) sepia(56%) saturate(6661%) hue-rotate(345deg) brightness(96%) contrast(96%);}

/* categorias servicios */
.category .tg-page-header {text-align:center;}
.category .tg-page-header .tg-page-header__title {width:100%;padding:40px 0 20px;}
.category .site-content {display:flex;flex-wrap:wrap;}
.category .site-content .content-area article {width:33%;display:inline-block;vertical-align:top;padding:0 1%;}
.category .site-content .content-area article .entry-meta * {color:#8e8e8e;font-size:10px;text-transform:uppercase;margin: 0 4px 0 0;}
.category .site-content .content-area article .entry-title a {color:#f25029;}

/* fondos wide screen */
.pagebuilder-content .bg-halfleft {background-position: left center !important;}
.pagebuilder-content .bg-half {background-position: right center !important;background-size: 50% auto !important;}

/* frases */
.frase blockquote p {font-family: 'Neue Montreal Medium';font-size:36px;line-height:1.1;}
.frase blockquote p:after, .frase blockquote p:before {content:"“";font-size:84px;opacity:0.3;position:absolute;}
.frase blockquote p:after {top:0;left:0;}
.frase blockquote p:before {content:"”";bottom:35px;right:0;}

/* videos en Builder */
.wpb_wrapper video {width:100%;height:auto;}

/* animacion IG */
.ig-stories {position:relative;overflow:hidden;}

.ig-stories .ig-timeline {position:absolute;top:20px;left:0;width:100%;z-index:3;text-align:center;}
.ig-stories .ig-timeline span{display:inline-block;width:20%;height:4px;background:#afafaf;margin:3px;overflow:hidden;position:relative;}
.ig-stories .ig-timeline span b {display:block;width:100%;height:4px;background:#FFF;position:absolute;animation:thumb 7s forwards infinite;}

@keyframes thumb {
  from { width:0%; }
}

.ig-stories video {height:100%;margin:auto;display:block;}
.ig-stories:after {content:"";position:absolute;bottom:30px;left:30%;background-color:#f7f7f7;width:40%;height:4px;z-index:3;}

/* tags */
.tags ul {text-align:center;}
.tags li {display:inline-block;padding:10px 15px;background:#1d1d1d;border:0;color:#FFF;margin:0 0 4px;}

/* tabs y demás */
.wpb_wrapper .vc_general.vc_pagination .vc_pagination-trigger {width:20px;height:20px;}

/* tab centrada */
.vc_tta-controls-align-center .vc_tta-tab > a {font-family: 'Neue Montreal Medium';background:#f25029 !important;color:#FFF !important;text-transform:uppercase;}
.vc_tta-controls-align-center .vc_tta-tab.vc_active > a {background:#f25029 !important;}

.zak-footer-builder .zak-footer-top-row .widget .wp-block-heading, .zak-footer-builder .zak-footer-top-row .widget .widget-title, .zak-footer-builder .zak-footer-main-row .widget .wp-block-heading, .zak-footer-builder .zak-footer-main-row .widget .widget-title, .zak-footer-builder .zak-footer-bottom-row .widget .wp-block-heading, .zak-footer-builder .zak-footer-bottom-row .widget .widget-titlem {border:0;}

.zak-footer-builder .zak-footer-top-row .widget .wp-block-heading::before, .zak-footer-builder .zak-footer-top-row .widget .widget-title::before, .zak-footer-builder .zak-footer-main-row .widget .wp-block-heading::before, .zak-footer-builder .zak-footer-main-row .widget .widget-title::before, .zak-footer-builder .zak-footer-bottom-row .widget .wp-block-heading::before, .zak-footer-builder .zak-footer-bottom-row .widget .widget-title::before {background:none;}

/* form */
.wpcf7 {width:100%;}
.wpcf7-form label {display:block;color:#00fa64;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {font-size:18px;display:block;width:94%;margin-bottom:10px;padding:2% 3%;background:#fff;color:#00fa64 !important;border:2px solid #00fa64;font-family: 'Neue Montreal Medium';}
.wpcf7-form textarea {min-width:94%;max-width:94%;height:80px;}
.wpcf7-form select {width:100%;}
.wpcf7-form input.wpcf7-submit {max-width:140px;color:#000 !important;padding:12px 15px;margin:1px 0 0 0;font-family: 'Neue Montreal Medium';background:#00fa64;border-color:#00fa64;text-transform:upppercase;border-radius:0;}
.wpcf7-form input.wpcf7-submit:hover {background:#454545;border-color:#454545;color:#FFF !important;}
.wpcf7 form .wpcf7-response-output {clear:both;border-width:2px;color:;}
.wpcf7 form.sent .wpcf7-response-output {background:#d9fbd5;color:#3b732e;border-color:#3b732e;}
.grecaptcha-badge{visibility:hidden;}
.wpcf7 form.sent .wpcf7-response-output {background:#d9fbd5;color: #3b732e !important;border-color:#3b732e;font-size: 20px;}

#slider {height:85vh;}
#lista-proyectos .absolute {position:absolute;bottom:0;left:0;width:100%;}
#lista-proyectos .absolute a {display:block;padding:20px 0;}

/*header*/
#zak-masthead {/*position:-webkit-sticky;position:sticky;top:0;z-index:99998;*/ box-shadow:0 0 35px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 35px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 35px 0 rgba(0,0,0,0.1);position:relatvie;z-index:999990;width:100%;background:#00FA64;padding-top:10px;padding-bottom:10px;border:0;}
.custom-logo {width:100%;}
.zak-header-builder .zak-header-top-row,
.zak-header-builder .zak-desktop-row {background:transparent;}

#zak-masthead .zak-container {max-width:100%;}
#zak-masthead .zak-container .social-icons {padding-right:3%;}
#zak-masthead .zak-container .social-icons a {display:inline-block;margin:0 2px;}
#zak-masthead .zak-container .social-icons i {font-size:24px;}
.is-sticky #zak-masthead .zak-container .social-icons i {font-size:18px;}

.zak-header-builder .zak-main-row {display:grid;grid-template-columns:1fr;}

.is-sticky .custom-logo {width:270px;}
.is-sticky #zak-masthead .zak-container {max-width:var(--container-width, 1170px);}
.is-sticky .zak-header-builder .zak-main-row {grid-template-columns:3fr 9fr;align-items: end;}
.is-sticky .zak-header-builder .zak-header-main-row {padding:0;}

.site-info-wrap .site-title {font-size:36px;line-height:42px;}
.site-info-wrap .site-title a {font-family: 'Neue Montreal Medium';color:#9ec380;}
.site-info-wrap .site-description {font-family: 'Neue Montreal Medium';font-size:16px;color:#00fa64;}

/* header submenu */
.zak-primary-nav .zak-primary-menu {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:74%;padding:20px 0;margin:0 0 -10px;}
.tg-primary-menu > div > ul > li {margin:0 12px;}
.tg-primary-menu > div ul li ul {}
.tg-primary-menu > div ul li ul li {border-color:#ebebeb;}
.tg-primary-menu > div ul li ul li a {padding:5px 10px;font-size:14px;}
.tg-primary-menu > div ul li.lang-item img {width:20px !important;height:14px !important;margin:5px 0 0 0;}

.zak-primary-nav li {margin:0;font-family: 'Neue Montreal Medium';}
.zak-primary-nav li a {font-size:16px;line-height:18px;white-space:pre-line;text-transform:uppercase;}
.is-sticky .zak-primary-nav li a {font-size:14px;line-height:16px;}

.zak-primary-nav ul .current_page_ancestor > a, .zak-primary-nav ul .current-menu-ancestor > a, .zak-primary-nav ul .current_page_item > a, .zak-primary-nav ul .current-menu-item > a {color: #ee762a;}

/* mobile menu */
.zak-toggle-menu .zak-icon {fill:#000;}
.zak-mobile-menu li {border-color:#00ca51;}
.zak-mobile-menu a {color:#000;text-transform:uppercase;font-size:18px;line-height:20px;font-family: 'Neue Montreal Medium';}
/*.zak-mobile-menu a br {display:none;}*/
.zak-mobile-nav--opened {background-color:#00fa64;color:#000;}

/* breadcrumbs */
.zak-page-header.zak-style-1 .zak-page-title, aside .widget-title, footer .widget-title {}
aside .widget-title {color:#454545;}

/* home slide */
.sliderhome {}
.sliderhome .vc_btn3-container.vc_btn3-inline .vc_btn3 {background:#f25029 !important;}

/* entire container, keeps perspective */
.flip-container {perspective:1000;text-align:center;margin:60px auto;}

/* flip the pane when hovered */
.flip-container .flipper, .flip-container .flipper {animation:like 10s ease 9;}
.flip-container, .front, .back {width:100%;max-width:600px;height:338px;}

/* flip speed goes here */
.flipper {transition:0.6s;transform-style:preserve-3d;position: relative;}

/* hide back of pane during swap */
.front, .back {backface-visibility:hidden;position:absolute;top:0;left:0;}

/* front pane, placed above back */
.front {z-index:2;transform:rotateY(0deg);}

/* back, initially hidden pane */
.back {transform: rotateY(180deg);}

/* cosas */
.movil {display:inline-block;overflow:hidden;border:6px solid #000;position:relative;}
.movil video {height:326px;display:block;width:auto;}
.pc {margin:auto;width:580px;height:326px;overflow:hidden;border:6px solid #000;}
.pc video {width:600px;height:auto;margin:-120px 0 0 -10px;transform:scale(1.08);animation:scrolling 10s ease 9;}

/* footer */
#zak-footer {background-image:#3b3838;}
#zak-footer * {color:#FFF;}
#zak-footer .sub-menu, #zak-footer li {border:0;padding:0;color:#f8f8f8;}
#zak-footer .widget_text {margin-bottom:10px;}
#zak-footer h2.widget-title {font-family: 'Neue Montreal Medium';letter-spacing:0;border-color:transparent;color:#00fa64;}
#zak-footer li.wp-block-social-link {padding:5px;background:#e1e1e1 !important;}
#zak-footer li.wp-block-social-link svg {fill:#39314c;}
#zak-footer li a {border:0;padding:0;color:#f8f8f8;}
#zak-footer .tg-site-footer-bar {background:rgba(0,0,0,0.2);}
#zak-footer .firma {width:100%;font-family: 'Neue Montreal Medium';font-size:22px;}
#zak-footer .firma p {width:100%;}
#zak-footer .firma img {max-width:60px;float:left;}
#zak-footer .textwidget a {display:inline-block;background:#FFF;color:#000;padding:10px 30px;}
#zak-footer .textwidget a span {color:#000;}

.tg-scroll-to-top.tg-scroll-to-top--show {bottom:90px;right:33px;opacity:0.3;}
.tg-scroll-to-top.tg-scroll-to-top--show:hover {opacity:1;}


@media only screen 
and (max-width:600px){

.custom-logo {max-width:230px;}

h1 {font-size:32px;line-height:1.2;margin:0;}
h2 {font-size:24px;line-height:1.2;letter-spacing:0;}
h3 {font-size:32px;line-height:1.2;letter-spacing:0;}
h4 {font-size:20px;line-height:1.1;letter-spacing:0;}

/*#slider {height:60vh;}*/

.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {font-size:15px !important;}

.gallery .gallery-item img {padding:5%;}

#proyectos-vigentes .gallery {position:relative;width:60%;margin-top:0;}
#proyectos-vigentes .gallery figure {margin-top:0;}

#beneficios .fotogrande, #beneficios .fotogrande * {padding-left:0 !important;padding-right:0 !important;}
#beneficios .fotogrande {margin-bottom:40px;}

#gallery-5 {display:flex;flex-direction:column;gap:16px;}
#gallery-5.gallery-columns-4 .gallery-item {max-width:100%;margin:0;}
#gallery-5 .gallery-item {display:flex;align-items:center;gap:16px;}
#gallery-5 .gallery-icon img {width:90px;height:auto;display:block;}
#gallery-5 .wp-caption-text {font-size:16px;text-align:left;white-space:normal;word-wrap:break-word;}

#zak-footer .wpcf7 {margin-top:20px;padding-top:40px;border-top:1px solid #454545;}

.mobilehidden {display:none;}
.desktophidden {display:block;}	
}

/* Added by MT Comms Team*/
.sub-menu li:hover {background-color: #E4E4E7;}