@charset "UTF-8";
 @font-face {
font-family: "CeraPro-Regular";
src: url(//casatalaya.es/wp-content/themes/casatalaya/assets/fonts/CERA/CeraPRO-Medium.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "CeraPro-Bold";
src: url(//casatalaya.es/wp-content/themes/casatalaya/assets/fonts/CERA/CeraPRO-Bold.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Visby-Regular";
src: url(//casatalaya.es/wp-content/themes/casatalaya/assets/fonts/VISBY/VisbyCF-Regular.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Visby-Medium";
src: url(//casatalaya.es/wp-content/themes/casatalaya/assets/fonts/VISBY/VisbyCF-Medium.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
.montserrat-regular {
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.montserrat-bold {
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
}
body {
background-color: #efefef !important;
color: #3b3b3b !important;
}
html, body {
overflow-x: hidden;
font-size: 16px;
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
html.open, body.open {
overflow-y: hidden;
}
body {
overflow-x: hidden !important;
}
body.page-template-page-planos {
overflow-x: visible !important;
}
body.page {
margin-bottom: 0 !important;
}
.logo {
width: 150px;
} h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: "Visby-Medium", sans-serif;
text-transform: uppercase;
}
#btn-contacts {
position: fixed;
color: #c2634f;
right: 130px;
top: 52px;
border: 1px solid #c2634f;
padding: 6px 10px;
text-decoration: none;
z-index: 8;
opacity: 1;
transition: all 0.5s ease;
}
#btn-contacts.white-color {
color: #F0F0F0;
border-color: #F0F0F0;
}
#btn-contacts.hide {
opacity: 0;
}
#btn-contacts:hover {
background-color: #c2634f;
border-color: #F0F0F0;
color: #F0F0F0;
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
}
.toptitle {
color: #c2634f;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
.full-image {
width: 100%;
height: auto;
}
.btn.btn-back {
border-radius: 0;
height: 45px;
line-height: 45px;
padding: 0 30px;
background-color: #c2634f;
border: 1px solid #c2634f;
color: #000000;
transition: all 0.5s ease;
}
.btn.btn-back:hover {
background-color: transparent;
color: #c2634f;
}
.envio_ok i {
font-size: 7rem;
color: #4fc251;
}
.error_404 {
font-size: 7rem;
color: #c2634f;
}
.bg-grey {
background-color: #F0F0F0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.colomn-2 {
columns: 2;
}
.object-cover {
object-fit: cover;
}
.object-cover-top {
object-position: center top;
}
.object-cover-bottom {
object-position: center bottom;
}
.bi-check2-all {
font-size: 1.5rem;
color: #c2634f;
} .quote {
font-size: 2rem;
font-style: italic;
color: #c2634f;
text-align: left;
position: relative;
}
.quote:before {
content: "";
position: absolute;
left: -50px;
bottom: 10px;
display: block;
width: 100px;
height: 100px;
background-image: url(//casatalaya.es/wp-content/themes/casatalaya/assets/img/quote.svg);
opacity: 0.1;
}
.quote_info {
color: #c2634f;
text-decoration: inherit;
font-style: italic;
font-weight: 300;
}
.scroll-downs {
position: absolute;
right: 0;
left: 50%;
transform: translate(-50%, 0);
bottom: 3%;
z-index: 9;
width: 27px;
height: 45px;
}
.scroll-downs .mousey {
width: 0px;
padding: 8px 13px 6px 9px;
height: 26px;
border: 2px solid #fff;
border-radius: 25px;
opacity: 0.75;
box-sizing: content-box;
}
.scroll-downs .mousey .scroller {
width: 3px;
height: 7px;
border-radius: 50%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
}
.video-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
mix-blend-mode: overlay; opacity: 0.2;
pointer-events: none;
}
a.wpml-ls-link {
padding: 0 !important;
}
a.wpml-ls-link img.wpml-ls-flag {
height: 18px;
}
#logo-visible {
position: fixed;
top: 30px;
left: 40px;
z-index: 999;
}
#logo-visible .logo {
width: 100px;
transition: all 0.5s ease;
}
#logo-visible .logo.small-logo {
width: 80px;
}
.menu-hamburger {
position: fixed;
top: 30px;
right: 10px;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.menu-hamburger.white-logo .ham .line {
stroke: white;
}
.menu-hamburger.white-logo .ham.active .line {
stroke: white;
}
.menu-hamburger.dark-logo .ham .line {
stroke: black;
} #volver-home {
text-decoration: none;
text-align: center;
}
#volver-home #link-to-home {
opacity: 0;
text-transform: uppercase;
text-decoration: none;
color: #ccc;
font-size: 0.7rem;
transition: all 0.5s ease;
}
#volver-home:hover #link-to-home {
transition: all 0.5s ease;
color: #333;
opacity: 1;
}
#link-to-home {
margin-top: 10px;
}
#link-to-home a {
text-transform: uppercase;
text-decoration: none;
color: #c2634f;
font-size: 0.75rem;
transition: all 0.5s ease;
}
#link-to-home a:hover {
color: #000000;
}
#link-to-home.hide {
display: none;
}
.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hamRotate.active {
transform: rotate(45deg);
}
.hamRotate180.active {
transform: rotate(180deg);
}
.line {
fill: none;
stroke: black;
stroke-width: 5.5;
stroke-linecap: round;
transition: all 0.3s ease;
}
.ham.active .line {
stroke: #000;
}
.ham4 .top {
stroke-dasharray: 40 121;
}
.ham4 .bottom {
stroke-dasharray: 40 121;
}
.ham4.active .top {
stroke-dashoffset: -68px;
}
.ham4.active .bottom {
stroke-dashoffset: -68px;
}
.social-icons {
position: absolute;
bottom: 40px;
left: 0px;
width: 100%;
}
.social-icons ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.social-icons ul li {
margin: 14px;
}
.social-icons ul li a i {
font-size: 1.2rem;
color: #c2634f;
}
#menu-slide {
height: 100vh;
width: 100%;
background-color: white;
position: fixed;
top: 0;
left: 16.66666667%;
right: 0;
z-index: -1;
padding: 100px;
transition: all 0.3s ease;
opacity: 0;
height: calc(100vh - 100px);
top: 100px;
}
#menu-slide.open {
opacity: 1;
z-index: 9;
}
#menu-slide.open ul.menu li {
margin-left: 0%;
line-height: 4rem;
}
#menu-slide.open ul.menu li a {
opacity: 1;
}
#menu-slide .texto-proyecto {
font-size: 1.2rem;
}
#menu-slide ul.menu {
list-style: none;
margin: 0;
padding: 0;
width: 50%; }
#menu-slide ul.menu li {
margin-left: -100%;
transition: all 1s ease;
}
#menu-slide ul.menu li:nth-child(1) {
transition: all 0.4s ease;
}
#menu-slide ul.menu li:nth-child(2) {
transition: all 0.8s ease;
}
#menu-slide ul.menu li:nth-child(3) {
transition: all 1.1s ease;
}
#menu-slide ul.menu li:nth-child(4) {
transition: all 1.6s ease;
}
#menu-slide ul.menu li:nth-child(5) {
transition: all 1.3s ease;
}
#menu-slide ul.menu li a {
text-decoration: none;
color: #000000;
font-size: 3rem;
font-family: "Visby-Medium", sans-serif;
text-transform: uppercase;
opacity: 0;
transition: opacity 0.2s ease, color 0.2s ease; }
#menu-slide ul.menu li a:hover {
color: #000000;
}
#menu-slide ul.menu li.active a, #menu-slide ul.menu li.current-menu-item a {
color: #c2634f;
}
#menu-slide ul.menu:hover li a {
opacity: 0.3; }
#menu-slide ul.menu li a:hover {
opacity: 1; }
#menu-slide-sx {
position: fixed;
left: -100%;
top: 0;
width: 100%;
height: 50vh;
background-color: #c2634f;
border-bottom-right-radius: 500px;
transition: all 0.5s ease-in-out;
z-index: 8;
}
#menu-slide-sx.open {
background-color: white;
left: 0;
border-bottom-right-radius: 0px;
}
#menu-slide-dx {
position: fixed;
left: 100%;
top: 50vh;
width: 100%;
height: 50vh;
background-color: #c2634f;
border-top-left-radius: 500px;
transition: all 0.4s ease-in;
z-index: 8;
}
#menu-slide-dx.open {
background-color: white;
left: 0;
border-top-left-radius: 0px;
} footer {
background-color: #efefef;
margin-top: -6px;
z-index: 0;
position: relative;
}
footer .footer__content a {
color: #000000;
text-decoration: none;
transition: all 0.5s ease;
font-size: 0.875rem;
}
footer .footer__content a:hover {
color: #c2634f;
}
footer .footer__content .active a {
color: #c2634f;
}
.botton-footer {
border-top: 1px solid #c2634f;
font-size: 0.8rem;
color: #000000;
padding: 10px 0;
}
.submenu ul li {
padding-left: 30px;
}
.submenu ul li a {
color: #000000;
text-decoration: none;
font-weight: 600;
font-size: 0.875rem;
padding-left: 0px;
transition: all 0.5s ease;
position: relative;
}
.submenu ul li a:hover {
color: #c2634f;
padding-left: 15px;
}
.submenu ul li a:hover:before {
content: "º";
position: absolute;
left: 0px;
top: 2px;
}
.submenu ul li a.active {
padding-left: 15px;
color: #c2634f;
}
.submenu ul li a.active:before {
content: "º";
position: absolute;
left: 0px;
top: 2px;
}
#social-menu {
position: fixed;
right: 60px;
top: 40%;
display: flex;
flex-direction: column;
}
#social-menu li {
position: relative;
width: 35px;
height: 38px;
}
#social-menu li a {
position: absolute;
}
#social-menu li a i {
font-size: 1.4rem;
color: #c2634f;
transition: all 0.5s ease;
}
#social-menu li a.moved {
right: 0px;
}
#social-menu li a:hover i {
color: #000000;
}
#social-menu li:nth-child(1) a {
right: -200px;
transition: all 0.9s ease;
}
#social-menu li:nth-child(1) a.moved {
right: 0px;
}
#social-menu li:nth-child(2) a {
right: -100px;
transition: all 0.6s ease;
}
#social-menu li:nth-child(2) a.moved {
right: 0px;
}
#social-menu li:nth-child(3) a {
right: -400px;
transition: all 1.2s ease;
}
#social-menu li:nth-child(3) a.moved {
right: 0px;
}
#social-menu li:nth-child(4) a {
right: -300px;
transition: all 0.7s ease;
}
#social-menu li:nth-child(4) a.moved {
right: 0px;
}
#social-menu li:nth-child(5) a {
right: -600px;
transition: all 1.4s ease;
}
#social-menu li:nth-child(5) a.moved {
right: 0px;
}
header {
background-color: #c2634f;
height: 100px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
header .header__content {
display: flex;
justify-content: space-between;
align-items: center;
}
#menu-menu-footer li,
#menu-menu-footer-eng li {
display: inline-block;
margin-right: 10px;
}
#menu-menu-footer li:after,
#menu-menu-footer-eng li:after {
content: "|";
margin-left: 10px;
color: #000000;
}
#menu-menu-footer li:last-child:after,
#menu-menu-footer-eng li:last-child:after {
display: none;
}
#menu-menu-footer li a,
#menu-menu-footer-eng li a {
color: #000000;
text-decoration: none;
transition: all 0.5s ease;
}
#menu-menu-footer li a:hover,
#menu-menu-footer-eng li a:hover {
color: #c2634f;
text-decoration: underline;
}
body.open .menu-hamburger.white-logo .ham .line {
stroke: black !important;
} .col-sticky {
position: fixed;
top: 0; overflow-y: auto; background-color: #efefef; height: 100vh;
border-right: 1px solid #c2634f;
z-index: 81;
}
.col-contenido .col-contenido__efective {
background-color: white;
} .cover {
width: 100%;
height: 100vh;
z-index: 8;
}
.cover img {
position: relative;
z-index: 1;
}
.cover:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
z-index: 2;
}
video {
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; } .intro {
width: 100%;
} .ubicacion {
width: 100%;
}
.cta {
background-color: #F0F0F0;
}
.cta a {
color: #c2634f;
text-decoration: none;
font-weight: 600;
}
.cta .content__form {
border: 0px solid #ccc;
border-radius: 10px;
padding: 50px 30px;
background-color: white;
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.cta .content__form input[type=text],
.cta .content__form input[type=email],
.cta .content__form input[type=submit] {
border-radius: 0;
height: 45px;
text-indent: 10px;
}
.cta .content__form input[type=text],
.cta .content__form input[type=email] {
background-color: #F0F0F0;
}
.cta .content__form input[type=checkbox] {
border: 1px solid #c2634f;
border-radius: 0;
width: 20px;
height: 20px;
margin-right: 5px;
}
.cta .content__form input[type=submit] {
background-color: #c2634f;
color: #000000;
text-transform: uppercase;
font-family: "Visby-Medium", sans-serif;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
display: flex;
flex-flow: column;
}
.iti.iti--allow-dropdown.iti--separate-dial-code .wpcf7-form-control.wpcf7-tel {
height: 45px;
background-color: #F0F0F0;
} input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
-webkit-text-fill-color: black !important;
}
.inp p {
margin-bottom: 0px;
}
.wpcf7-form-control-wrap .wpcf7-list-item {
margin-left: 0px;
}
.wpcf7-form-control-wrap .wpcf7-list-item label {
display: flex;
align-items: center;
}
.planosituacion_info {
padding-left: 25px;
border-left: 3px solid #c2634f;
} .contenidor__animacion {
height: 100vh;
width: 100%;
position: relative;
overflow: hidden;
}
.contenidor__animacion .seccion {
height: 100vh;
width: 100%;
object-fit: cover;
position: absolute;
}
.content_form {
border: 1px solid #ccc;
background-color: #F0F0F0;
min-height: 300px;
box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.2);
}
.content_form input[type=text],
.content_form input[type=email] {
height: 45px !important;
text-indent: 10px;
}
.content_form .form-check {
padding-left: 0;
}
.content_form .form-check input {
margin-right: 5px;
}
.content_form .iti.iti--allow-dropdown.iti--separate-dial-code .wpcf7-form-control.wpcf7-tel {
background-color: white !important;
}
.content_form .form-control {
border-radius: 0;
border: 1px solid #c2634f;
background-color: white;
}
.content_form .btn-primary {
border-radius: 0;
border: 1px solid #c2634f;
text-transform: uppercase;
background-color: #c2634f;
color: #000000;
transition: all 0.5s ease;
height: 45px;
width: 100%;
}
.content_form .btn-primary:hover {
background-color: #c2634f;
color: white;
border: 1px solid white;
}
.content_form textarea {
height: 130px;
}
.content_form input[type=checkbox] {
border: 1px solid #c2634f;
border-radius: 0;
height: 20px;
width: 20px;
}
.content_form a {
color: #c2634f;
transition: all 0.5s ease;
}
.content_form a:hover {
color: #000000;
}
.wpcf7-not-valid-tip {
text-align: start !important;
}
.info-contactos i {
font-size: 1.2rem;
margin-right: 10px;
}
.info-contactos a {
color: #c2634f;
transition: all 0.5s ease;
text-decoration: none;
}
.info-contactos a:hover {
color: #000000;
}
.content_btn {
position: relative;
}
.content_btn p {
margin-bottom: 0px;
}
.content_btn .wpcf7-spinner {
position: absolute;
top: 10px;
right: 0;
}
#planos .content__maqueta {
position: sticky;
top: 100px;
height: 100vh;
}
#planos table tr.piso_hover th, #planos table tr.piso_hover td {
background-color: #c2634f !important;
color: white;
}
.memoria-calidad .accordion-button:not(.collapsed) {
background-color: #c2634f;
color: white;
}
.memoria-calidad .accordion-button:focus {
box-shadow: none;
}
#maqueta img {
width: 100%;
height: auto;
object-fit: cover;
} body.page-template-page-planos .bg-menu {
background-color: white;
height: 140px;
width: 100%;
position: fixed;
}
body.page-template-page-planos #maqueta {
margin-top: -50px;
} .table thead th img {
width: auto;
height: 20px;
margin-bottom: 15px;
}
.table tbody tr th, .table tbody tr td {
transition: all 0.5s ease;
}
.table tbody tr:hover th, .table tbody tr:hover td {
background-color: #c2634f;
color: white;
}
.table tbody tr:hover th a i, .table tbody tr:hover td a i {
transition: all 0.5s ease;
color: white;
}
.table tbody tr:hover th a:hover i, .table tbody tr:hover td a:hover i {
color: #000000;
}
.table tbody th {
font-size: 0.875rem;
vertical-align: middle;
}
.table tbody td {
vertical-align: middle;
}
.table tbody td i {
font-size: 1.1rem;
color: red;
}
.table tbody td a {
text-decoration: none;
transition: all 0.5s ease;
}
.table tbody td a i {
color: #000000;
}
.table tbody td a:hover i {
color: #c2634f;
}
.table tbody td:last-child {
width: 100px;
text-transform: uppercase;
font-weight: 600;
}
.lema {
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 200;
position: absolute;
text-align: center;
color: white;
z-index: 8;
text-transform: uppercase;
}
.btn-mobile {
border: 1px solid #c2634f;
border-radius: 0;
text-transform: uppercase;
background-color: transparent;
color: #c2634f;
transition: all 0.5s ease;
}
.btn-mobile:hover {
background-color: #c2634f;
color: white;
border: 1px solid white;
} .contesto {
width: 30px;
height: 30px;
position: fixed;
bottom: 0px;
right: 0px;
background-color: red;
text-align: center;
}
.contesto:after {
content: "sm";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
header {
height: 90px;
}
header .header__content .logo__ {
width: 60px;
}
header .header__content .logo__texto {
height: 30px;
}
.bg-menu #logo-visible .logo {
width: 70px;
}
.bg-menu.fixed {
border-bottom: 1px solid #ccc;
height: 100px;
position: fixed;
z-index: 99;
width: 100%;
background-color: white;
}
.bg-menu.fixed #logo-visible .logo.small-logo {
width: 40px;
}
.bg-menu.fixed .menu-hamburger {
top: 15px;
}
#menu-slide {
left: 0px;
display: flex;
align-items: center;
height: calc(100vh - 100px);
}
#menu-slide.open {
bottom: 0;
top: auto;
}
#menu-slide.open ul.menu li {
line-height: 2.5rem;
}
#menu-slide.open ul.menu li a {
font-size: 2rem;
}
#social-menu {
right: 30px;
}
.planosituacion_info li {
font-size: 14px;
}
footer .footer__content {
border-left: 0;
}
.cover-ubicacion img {
object-position: 80%;
}
h1 {
font-size: 1.9rem;
}
h2 {
font-size: 1.9rem;
}
h2.toptitle {
font-size: 1rem;
color: #c2634f;
margin-bottom: 10px;
}
h2.small {
font-size: 1.3rem;
color: #c2634f;
}
h3 {
font-size: 1.9rem;
}
h3.small {
font-size: 1.1rem;
color: #c2634f;
}
.lema {
top: 32%;
left: 15%;
font-size: 2rem;
line-height: 3rem;
width: 70%;
}
.quote {
margin: 50px 0 30px 0;
}
table tbody td {
font-size: 0.75rem;
}
body.page-template-page-planos .bg-menu {
background-color: white;
height: 100px;
top: 0px;
width: 100%;
position: fixed;
}
.bg-menu.fixed {
top: 0px;
} @media (min-width: 768px) {
.contesto {
background-color: orange;
}
.contesto:after {
content: "md";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cover-ubicacion img {
object-position: right;
}
#menu-slide {
left: 16.66666667%;
display: flex;
}
#menu-slide.open ul.menu li {
line-height: 4rem;
}
#menu-slide.open ul.menu li a {
font-size: 3rem;
}
#social-menu {
right: 60px;
}
.bg-menu #logo-visible .logo {
width: 100px;
}
.bg-menu.fixed {
height: auto;
position: inherit;
z-index: 99;
width: 100%;
background-color: transparent;
}
.bg-menu.fixed #logo-visible .logo.small-logo {
width: 80px;
}
.bg-menu.fixed .menu-hamburger {
top: 30px;
}
footer .footer__content {
border-left: 1px solid #ccc;
}
}
@media (min-width: 992px) {
.contesto {
background-color: yellow;
}
.contesto:after {
content: "lg";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
header {
height: 100px;
}
header.scroll-header {
height: 90px;
background-color: rgba(194, 99, 79, 0.9);
}
header .header__content .logo__ {
width: 70px;
}
header .header__content .logo__texto {
height: 45px;
}
h1 {
font-size: 2.3rem;
}
h2 {
font-size: 2rem;
}
h2.toptitle {
font-size: 1rem;
color: #c2634f;
margin-bottom: 10px;
}
h2.small {
font-size: 1.5rem;
color: #c2634f;
}
h3 {
font-size: 2rem;
}
h3.small {
font-size: 1.4rem;
color: #c2634f;
}
#menu-slide {
left: 0;
display: flex;
flex-direction: column;
}
#menu-slide.open {
height: calc(100vh - 140px);
bottom: 0;
top: auto;
}
#menu-slide.open ul.menu li {
line-height: 3rem;
}
#menu-slide.open ul.menu li a {
font-size: 2.5rem;
}
.lema {
top: 40%;
left: 33%;
font-size: 2.5rem;
line-height: 3.5rem;
width: 36%;
}
.quote {
margin: 50px 0;
}
table tbody td {
font-size: 0.875rem;
}
body.page-template-page-planos .bg-menu {
height: 140px;
position: absolute;
}
}
@media (min-width: 1200px) {
.contesto {
background-color: purple;
}
.contesto:after {
content: "xl";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
}
#menu-slide {
left: 16.66666667%;
display: block;
}
#menu-slide.open ul.menu li {
line-height: 3rem;
}
#menu-slide.open ul.menu li a {
font-size: 3rem;
}
#menu-slide.open ul.menu li a {
font-size: 2rem;
line-height: 2rem;
}
}
@media (min-width: 1366px) {
.contesto {
background-color: aqua;
}
.contesto:after {
content: "xl";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: black;
}
#menu-slide.open ul.menu li {
line-height: 3.5rem !important;
}
#menu-slide.open ul.menu li a {
font-size: 2.5rem;
}
}
@media (min-width: 1440px) {
.contesto {
background-color: blue;
}
.contesto:after {
content: "xxl";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
}
#menu-slide.open ul.menu li {
line-height: 4.5rem !important;
}
#menu-slide.open ul.menu li a {
font-size: 3rem;
}
}
@media (min-width: 1536px) {
.contesto {
background-color: rgb(0, 234, 255);
}
.contesto:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
}
#menu-slide.open ul.menu li {
line-height: 4rem !important;
}
#menu-slide.open ul.menu li a {
font-size: 3rem;
}
}
@media (min-width: 1920px) {
.contesto {
background-color: black;
}
.contesto:after {
content: "xxl";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
}
.planosituacion_info li {
font-size: 14px;
}
#menu-slide.open ul.menu li {
line-height: 4.5rem !important;
}
#menu-slide.open ul.menu li a {
font-size: 3rem;
}
}