/* 
Theme Name: Playa Projects - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featumain-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
    --animated: all .3s ease-in-out;
    --mainColor: ;
    --altColor: #a7d500 ;
    --darkColor: ;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --mainFont: 'Michroma', sans-seriff;
    --textFont: 'Archivo', sans-seriff;
}

.mainColor{ color:var(--mainColor); }
.altColor{ color:var(--altColor); }
.darkColor{ color:var(--darkColor); }
.whiteColor{ color:var(--whiteColor); }
.darkGray{ color:var(--darkGray); }
.lightGray{ color:var(--lightGray); }
.mainFont{ font-family:var(--mainFont); }
.textFont{ font-family:var(--textFont); }
.white {color: white;}


.noSpace, .noSpace p {padding: 0px; margin: 0px;}

.sidenav {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: -5px;
    left: 0;
    background-color:#161616;
    overflow-x: hidden;
    transition: 0.5s;
    text-align: center;
    border-bottom: 5px solid var(--altColor);
}

.navbar-toggler { padding: 5px; padding: 8px 15px; background:white;}
.navbar-toggler-icon {background: none; width: fit-content; height: fit-content; }
.navbar-toggler-icon i {color: black;}
.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus {background: var(--altColor);}

.side-titulo {color: #848484;}
.closebtn {color: var(--altColor); text-decoration: none;}
.closebtn:hover {color: white;}
.navMenu li { margin: 5px 0px; }
.navMenu a {color: white; text-decoration: none; font-size: 18px;}
.sideContact a {color: white; text-decoration: none; font-size: 18px;}

.sideIcons a {background: white;color: black;margin-top: 15px;font-size: 22px;border-radius: 8px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.sideIcons a:hover {background: var(--altColor);}


.carousel-control-prev,
.carousel-control-next {border: none;height: 65px;margin: auto;border-radius: 100px;width: 65px; transition: var(--animated); background:var(--mainColor); outline:none; }
.carousel-control-prev{padding: 10px 15px 5px 10px; left: -8px;transform: scale(.65);}
.carousel-control-next{padding: 10px 10px 5px 15px; right: -8px;transform: scale(.65);}
.carousel-control-prev:hover,.carousel-control-prev:active,.carousel-control-prev:focus,
.carousel-control-next:hover,.carousel-control-next:active,.carousel-control-next:focus {}



body {font-family: var(--textFont);}
.header {position: absolute; top: 0; left: 50%; z-index: 99; padding-top: 15px; transform: translateX(-50%); }


.logo {width: 200px;}
#menu-principal li a {color: white; text-decoration: none;  font-size: 18px; font-weight: 400;}

#menu-principal li {margin: 0px 20px;}
#menu-principal li a {padding: 0px 15px; position: relative;}
#menu-principal li a:after {content: ''; background: var(--altColor); width: 100%; height: 3px; position:absolute; bottom: -6px; left: 0; transform: scaleX(.2); opacity:0; transform-origin:center; transition:var(--animated); }
#menu-principal li a:hover:after {transform: scaleX(1); opacity: 1;}

.buttonGreen {font-size: 16px; font-weight: 400; color: #00491e; background: var(--altColor); padding: 10px 30px; border: none;}
.buttonGreen:hover, .buttonGreen:active, .buttonGreen:focus {background: white; color: #222222;}

.menuContacto {margin: 15px 0px !important;}
.menuContacto a {font-size: 16px; font-weight: 400; color: #00491e; background: var(--altColor); padding: 12px 30px; border: none;}
.menuContacto a :hover, .menuContacto a :active, .menuContacto a :focus {background: white; color: #222222;}

.buttonGreend {font-size: 18px; font-weight: 400; color: white; background: #00491e; padding: 10px 25px; border: none;}
.buttonGreend:hover, .buttonGreend:active, .buttonGreend:focus {background: var(--altColor); color: #222222;}

.buttonGreens {font-size: 18px; font-weight: 400; color: white; background: var(--altColor); padding: 10px 25px; border: none;}
.buttonGreens:hover {background: white; color: #222222;}

.formHome {padding: 10px; background: white; }
.formHome label {font-size: 18px; font-weight: 500; margin: 10px 0px;}
.formHome input[type="submit"] {background: #00491e; padding: 10px 25px; color: white; border: none; transition: var(--animated);}
.formHome input[type="submit"]:hover {background: var(--altColor); color: #222222; }


.footer {background: #222222;}
.logoFooter {width: 250px;}
.footTitle {font-size: 20px; margin-top: 40px;}
.footIcons a {background: white; color: #222222; padding: 8px; font-size: 25px; border-radius: 10px;line-height: 0px; transition: var(--animated); margin-right: 10px; margin-left: 10px;}
.footIcons a:hover {background: var(--altColor); color: white;}

.footerNav a {color: #898b8f; transition: var(--animated); font-size: 20px; text-decoration: none; margin: 3px 0px;}
.footerNav a:hover {color: var(--altColor);}

.footIconlink a {color: #898b8f; text-decoration: none; font-size: 20px; margin: 3px 0px; transition: var(--animated);}
.footIconlink i {color: var(--altColor); width: 35px; text-align: center;}
.footIconlink a:hover {color: white;}

.footBot {color: var(--altColor); margin-top: 100px;}
.footPrivacy {text-decoration: none; color: var(--altColor); transition: var(--animated);}
.footPrivacy:hover {color: white;}




.formContacto input {border: 1px solid var(--altColor); border-radius: 0px;}
.formContacto input[type="submit"] {background: var(--altColor); padding: 10px 30px; color: #222; font-weight: 500;}
.formContacto input[type="submit"]:hover {background: white;}

.slick-dots {position: relative; bottom: 0px;}
.slick-arrow {z-index: 2; top: -90%;}
.slick-prev {left: -10px;}
.slick-next {right: 6px;}
.slick-prev:before, .slick-next:before {background: var(--mainColor);opacity: 1;font-size: 27px;padding: 6px 4px 2px 5px;}
.slick-prev:hover:before, .slick-next:hover:before {background: var(--altColor);}

.slider-nav .slick-slide {max-height: 150px; padding:10px 5px; }
.slider-for .slick-slide img {max-height: 500px; margin: 0 auto; }

.elementor-counter-number {margin-right: 15px;}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .inicioDis {min-height: 300px;}


}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

   .header { padding-top: 50px;  }
   .buttonGreen {font-size: 20px;}
   .footer { padding: 0px 150px;}
   .footIcons a {margin-left: 0px;}
   .formHome {padding: 25px;}
   .menuContacto {display: none;}




 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 




}

/* No Bootstrap Class (larger desktops, 1900px and up) */
@media (min-width: 1900px) { 

}