/*
Theme Name: MKT228 Child
Theme URI: https://228marketing.com/wp-theme
Author: 228Marketing
Author URI: https://228marketing.com
Description: Tema hijo oficial. Agencia 228 Marketing
Version: 1.0.0
License: GNU General Public License v2 or later
Template: mkt228
*/

/*DEV*/
#developer-info {
  position: fixed;
  bottom: 0px;
  padding: 3px 10px;
  border-top: 1px solid black;
  width: 100%;
  background-color: white;
  z-index: 9999999999999999;
}

/*BOOTSTRAP*/
.fluid-container-niagara {
  padding-left: 80px;
  padding-right: 80px;
}

/*CUSTOM FONTS*/
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Black.woff2") format("woff2"),
    url("fonts/Roboto-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Bold.woff2") format("woff2"),
    url("fonts/Roboto-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Medium.woff2") format("woff2"),
    url("fonts/Roboto-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Regular.woff2") format("woff2"),
    url("fonts/Roboto-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Light.woff2") format("woff2"),
    url("fonts/Roboto-Light.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Thin.woff2") format("woff2"),
    url("fonts/Roboto-Thin.ttf") format("ttf");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/*ROOT VALUES*/
:root {
  --transition: 0.4s;
  --black: #242322;
  --white: #edece7;
  --blue: #44549f;
  --pink: #cb4b8f;
  --yellow: #f8c85d;
  --green: #d4e5c5;
  --orange: #e95525;
}

/*BODY*/
body *,
body *:after,
body *:before {
  background-repeat: no-repeat;
}
body {
  font-family: "Mundial", sans-serif;
  font-weight: 500;
  color: var(--black);
  font-size: 14px;
  cursor: url("https://niagara.eus/wp-content/uploads/cursor-sq.png") 0 0, auto;
}
body a {
  cursor: url("https://niagara.eus/wp-content/uploads/cursor-sq.png") 0 0, auto;
}
/*TAGS*/
h1,
h2,
.h1,
.h2 {
  font-family: "Roboto", sans-serif;
}
h1,
.h1 {
  font-size: 3rem;
  margin-bottom: 26px;
}
h2,
.h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
h3,
.h3 {
  font-size: 1.6rem;
  margin-bottom: 14px;
}
h4,
.h4 {
  font-size: 1.2rem;
}
a,
a:hover {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
}

/*COLOR*/
.text-black,
.text-black * {
  color: var(--black);
}
.bg-black {
  background-color: var(--black);
}
/*TEXT*/
.text-big {
  font-size: 1.3em;
}
.text-mini {
  font-size: 0.8em;
}
/*CARD*/
.card {
  overflow: hidden;
}

/*FORMS*/
input[type="number"],
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  border-radius: 8px;
  padding: 6px 8px;
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
}

input[type="submit"],
button[type="submit"] {
  background-color: var(--red);
  color: white;
  padding: 8px 12px;
  border: none;
  font-weight: 700;
  font-size: 1.1em;
  margin-top: 10px;
}

textarea {
  height: 70px;
  padding-top: 10px;
  line-height: 1.2;
}

.form-privacidad-wr br {
  display: none;
}
.form-privacidad-wr .form-privacidad-label {
  display: flex;
  align-items: center;
  margin: 6px 0px;
}

/*CF7*/
.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wpcf7-form p {
  margin: 0px;
  line-height: 0px;
}
.wpcf7-form input:not([type="checkbox"]),
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  max-width: 100%;
  margin-bottom: 8px;
}
.col-cf7-privacidad label {
  display: flex;
  align-items: center;
}
.wpcf7-form .cf-privacidad {
  width: auto;
}
.wpcf7-list-item {
  margin: 0px;
}
.wpcf7-form input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}
.wpcf7-form input[type="submit"] {
  background-color: var(--black);
  color: white;
}
.wpcf7-not-valid-tip {
  color: red;
  z-index: 2;
  position: absolute;
  right: 8px;
  font-size: 11px;
  top: 50%;
}

/*MENU DESKTOP*/
.desktop-nav-menu > div > ul {
  display: flex;
  align-items: center;
}
.desktop-nav-menu > div > ul > li {
  padding-left: 15px;
  padding-right: 15px;
}
.desktop-nav-menu > div > ul > li > a {
  position: relative;
  transition: all var(--transition);
}
.desktop-nav-menu > div > ul > li.active {
  position: relative;
}
/*Primer nivel de items*/
.desktop-nav-menu > div > ul > li.active .dropdown-menu.depth_0 {
  padding: 0px;
}
.desktop-nav-menu .dropdown-menu.depth_0 > li.menu-item > a {
  display: block;
  padding: 8px 10px;
}
/*Segundo nivel de items*/
.desktop-nav-menu li > .dropdown-menu.depth_1 {
  padding: 10px;
  display: none;
  position: absolute;
  top: 0px;
  right: calc(-100% + 10px);
}
.desktop-nav-menu .dropdown-menu.depth_1 > li.menu-item > a {
  display: block;
  padding: 4px 10px;
}
.desktop-nav-menu li.menu-item:hover {
  text-decoration: underline;
}

/*MENU MOBILE*/
#mobile-menu-trigger,
#mobile-menu {
  display: none;
}
#mobile-menu .dropdown-menu {
  position: relative;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-top: 1px solid white;
  color: white;
  border-radius: 0px;
  font-size: 13px;
  margin-top: 8px;
}
#mobile-menu .dropdown-menu.depth_0,
#mobile-menu .dropdown-menu.depth_1 {
  padding-left: 12px;
}

/*BTN*/
.btn {
  padding: 6px 20px;
  background-color: black;
  color: white;
  transition: all var(--transition);
}
.btn-black {
  background-color: var(--black) !important;
  color: var(--white);
  border: 1px solid var(--black);
}
.btn-black:hover {
  background: var(--white) !important;
  color: var(--black);
  border: 1px solid var(--white);
}
.btn-black a {
  color: var(--white);
}
.btn-black:hover a {
  color: var(--black);
}

/*HEADER*/
#header {
  position: relative;
  z-index: 10;
}
img#main-logo {
  width: 220px;
  height: auto;
  display: none;
}
.header-fixed img#main-logo {
  width: 140px;
}
.header-row {
  padding-top: 60px;
  padding-bottom: 20px;
}

/*Light*/
body.header-light #header {
  background-color: var(--white);
  color: var(--black);
}
/*Dark*/
body.header-dark #header {
  background-color: var(--black);
  color: var(--white);
}
/*Transparent*/
body.header-transparent #header,
body.header-transparent-scroll #header {
  position: absolute;
  width: 100%;
  background-color: transparent;
  top: 0px;
}
body.header-transparent.header-dark #header,
body.header-transparent-scroll.header-dark #header {
  color: var(--black);
}
body.header-transparent.header-light #header,
body.header-transparent-scroll.header-light #header {
  color: var(--white);
}
/*Transparent scroll*/

/*Hidden*/
body.header-hidden #header {
  display: none;
}
/*Fixed*/
body.header-fixed #header {
  position: fixed;
  top: 0px;
  z-index: 10;
  border-bottom: 1px solid var(--black);
  width: 100%;
  padding-top: 20px;
}
body.header-fixed #header .header-row {
  padding-top: 10px;
  padding-bottom: 5px;
}
/*Fixed transparent (no transparent on scroll)*/
body.header-dark.header-fixed.header-transparent #header {
  color: var(--white);
  border-bottom: none;
}
body.header-light.header-fixed.header-transparent #header {
  color: var(--black);
  border-bottom: none;
}
/*Fixed transparent (transparent on scroll)*/
body.header-fixed.header-transparent-scroll #header {
  border-bottom: none;
  border-bottom: none;
}
body.header-dark.header-fixed.header-transparent-scroll #header {
  color: var(--black);
  border-bottom: none;
}
body.header-light.header-fixed.header-transparent-scroll #header {
  color: var(--white);
  border-bottom: none;
}

/*FOOTER*/
/*FOOTER*/
body.footer-hidden #footer {
  display: none !important;
}
#footer {
  background-color: var(--black);
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer #footer-logo img {
  width: 200px;
  height: auto;
}
.footer-links-col a {
  padding-right: 15px;
  font-weight: 200;
}

/*MODAL*/
.mkt_modal_open {
  cursor: pointer;
  transition: all var(--transition);
}
.mkt_modal_wr {
  position: fixed;
  height: 100vh;
  z-index: 99;
  top: 0px;
  left: 0px;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  background-color: #00000050;
}
.mkt_modal {
  max-width: 95%;
  min-width: 35%;
  width: 500px;
  border-radius: 4px;
  padding: 10px 20px;
  background-color: white;
  box-shadow: 0px 0px 10px black;
}
.mkt_modal_close {
  cursor: pointer;
}

/*NOTICES*/
.mkt-popup-notice {
  position: absolute;
  background-color: whitesmoke;
  border: 1px solid var(--grey);
  border-radius: 3px;
  top: 30px;
  right: 30px;
  width: 400px;
  max-width: 90vw;
  z-index: 99999;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.mkt-popup-notice.notice-style-ok {
  background-color: #51795c;
  border: 1px solid #314938;
  color: white;
}
.mkt-popup-notice.notice-style-ko {
  background-color: #b01729;
  border: 1px solid #730f1b;
  color: white;
}
.mkt-popup-notice.notice-style-warning {
  background-color: #d3971f;
  border: 1px solid #9d7017;
  color: white;
}
.mkt-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: black;
  width: 18px;
  height: 18px;
  display: block;
  color: white;
  border-radius: 3px;
  text-align: center;
  padding: 0px;
  line-height: 1.7;
  font-weight: 900;
  font-size: 10px;
  border: none;
}

/*WIDGETS*/
li.widget {
  list-style: none;
}

/*FIXED RRSS LINKS*/
.fixed-rrss {
  position: fixed;
  display: block;
  background-color: var(--black);
  height: 60px;
  width: 55px;
  background-size: 25px;
  background-position: center;
  bottom: 0px;
  z-index: 9999999;
}
.fixed-rrss#fixed-ig {
  background-image: url("https://niagara.eus/wp-content/uploads/icon-instagram.svg");
  right: 10%;
}
.fixed-rrss#fixed-wa {
  background-image: url("https://niagara.eus/wp-content/uploads/icon-whatsapp.svg");
  right: calc(10% + 75px);
}

#cmplz-manage-consent .cmplz-manage-consent {
  right: 87% !important;
}

/*RESPONSIVE*/
/*xl & <*/
@media only screen and (max-width: 1400px) {
}
/*lg & <*/
@media only screen and (max-width: 1200px) {
}
/*md & <*/
@media only screen and (max-width: 992px) {
  img#main-logo {
    width: 170px;
  }
  .logo-wr {
    width: 100%;
  }
  .logo-wr a {
    text-align: center;
    display: block;
    margin: auto;
  }
}
/*sm & <*/

@media only screen and (max-width: 768px) {
  img#main-logo {
    display: inline;
  }
  /*Menu desktop*/
  .menu-wr {
    display: none;
  }
  /*Mobile menu*/
  #mobile-menu {
    position: absolute;
    top: 110px;
    height: auto;
    padding: 20px 40px;
    width: 100%;
    z-index: 9;
    background-color: black;
    color: white;
  }
  .header-fixed #mobile-menu {
    position: fixed;
    top: 85px;
  }
  #mobile-menu .mobile-menu-wr > div > ul {
    display: flex;
    flex-direction: column;
  }
  #mobile-menu #menu-mobile-menu .current-menu-item {
    font-weight: 700;
  }
  .header-transparent + #mobile-menu {
    top: 80px;
  }
  #mobile-menu.mobile-menu-fixed {
    position: fixed;
    top: 55px;
  }
  /*Mobile menu trigger*/
  #mobile-menu-trigger {
    /*display: block;*/
    position: fixed;
    top: 22px;
    right: 20px;
    z-index: 10;
    background-color: black;
    color: white;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
  }
  #mobile-menu-trigger.menu-trigger-header-fixed {
    top: 12px;
  }
  #mobile-menu-trigger.open {
    color: black;
    background-color: white;
    border: 1px solid black;
  }
}
/*xs*/
@media only screen and (max-width: 576px) {
}