/* 
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: ;
    --darkColor: #1e2025;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --mainFont: 'Playfair Display', sans-seriff;
    --textFont: 'DM Sans', 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); }

body {font-family: var(--textFont);}

a {color: var(--mainColor); text-decoration: none !important;}
.noSpace, .noSpace p {padding: 0px; margin: 0px;}

.sidenav {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color:#0c0c0c;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
}

.navbar-toggler {background-color: transparent; border: 1px solid white; padding: 0px;}
.navbar-toggler-icon {background: none; width: fit-content; height: fit-content; padding: 8px 15px; color: white;}
.navbar-toggler:hover {background-color: white !important;} 
.navbar-toggler:hover .navbar-toggler-icon {color: var(--darkColor);}
.closebtn {color: #9d9d9d;}
.side-titulo {color: #777777;}
.sidenav li {margin: 8px 0px;}
.sidenav li a {color: white; font-size: 18px; font-weight: 600;}


.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 {}

.header {background: var(--darkColor); color: white; font-family: var(--textFont);}
.footer {background: #17191c; color: white;}


.logo {width: 230px;}

#menu-principal li {margin: 0px 5px;}
#menu-principal li a {text-decoration: none; padding: 0px 15px; position: relative; letter-spacing: 1px;}
#menu-principal li a:hover {color: white;}
#menu-principal li a:after {content: ''; back red; width:0%; height:4px; background: white; position:absolute; bottom: -10px;left: 50%;
    transform: translateX(-50%); transition: var(--animated);}
#menu-principal li a:hover:after {width: 100%;} 

.topIcons a {text-decoration: none;font-size: 18px;width: 35px;height: 35px;border-radius: 0px;background: #000000;color: white;display: inline-flex;justify-content: center;align-items: center;margin: 0px 5px;transition: var(--animated);}
.topIcons a:hover {background: white; color: var(--darkColor);}

.bannerCont {min-height: 750px;}

.buttonWhite, .buttonBlack {border: 2px solid white;color: white;font-size: 20px;font-weight: 500;font-family: var(--textFont);padding: 5px 25px;border-radius: 40px;letter-spacing: 1px;transition: var(--animated);}
.buttonWhite:hover, .buttonBlack:hover {background: white;padding: 5px 35px;}

.buttonBlack {background: transparent; border: 2px solid var(--darkColor); color: var(--darkColor);}
.buttonBlack:hover { background:var(--darkColor); color:white; }


.slick-arrow {z-index: 2;padding: 25px;background: #26282d;display: flex;align-items: center;justify-content: center; border-radius: 0px;}
.slick-arrow:hover {background: white; }
.slick-arrow:hover:before {color: var(--darkColor);}
.slick-next {right: 15px;}
.slick-prev {left: 15px;}

.homeForm {width: 100%;}
.homeForm input, .homeForm select, .homeForm textarea {color: var(--darkColor);background: white;border: none;border-radius: 0px;border-bottom: 2px solid var(--darkColor);font-size: 16px;font-weight: 600;font-family: var(--textFont);}

.homeForm input[type="submit"] {background: white;color: #1e2025;font-family: var(--mainFont);font-size: 20px;letter-spacing: 1px;font-weight: 800;padding: 10px 25px; transition: var(--animated);}

.homeForm input[type="submit"]:hover {padding: 10px 35px; background:var(--darkColor); color:white; }

.oportunidadesSlider .slider-for img {height: 650px; object-fit: contain;}
.oportunidadesSlider .slider-for .slick-slide {display: flex; justify-content: center;}
.oportunidadesSlider .slider-nav .slick-slide {margin: 10px; max-height: 125px;}

.topVideo .elementor-background-video-hosted {top: 0%;}

.homeProyectos .buttonWhite {font-size: 16px; }

.divisorRight {position: relative;}
.divisorRight:after {content: ''; width: 2px; height: 500px; position:  absolute;background: #363636;right: -5px;top: 50%;transform: translateY(-50%);}

.teamCardcont {background: #17181c ;}
.teamCard:hover .teamCardcont {background: white;}
.teamCardname {transition: var(--animated);}
.teamCardname {color: white !important;}
.teamCardname b {font-weight: 600;}
.teamCard:hover .teamCardname {color: var(--darkColor) !important;}
.teamCardsocial svg {fill: #757575 !important;}
.teamCard:hover .teamCardsocial svg {fill: #1e2025 !important; cursor: pointer;}

.testimonios .slick-slide {margin: 0px 25px; min-height: 475px;}
.testimonios .slick-prev {left:0px;}
.testimonios .slick-next {right:0px;}


.vid_cont .elementor-background-video-hosted {object-fit: contain;}

/* 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) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .homeForm {width: 100%;}
    .testimonios .slick-prev {left:-25px;}
    .testimonios .slick-next {right:-25px;}
    .logo {width: 200px;left: 5px; position: absolute;top: 0px;left: 70px; z-index: 99;}

 
}

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


}

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

}