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


@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --animated: all .3s ease-in-out;
    --mainColor: #de231d;
    --altColor: ;
    --darkColor: #212529;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --mainFont: 'Google Sans Flex', sans-seriff;
    --textFont: 'Roboto', 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); }
.mainFont p { font-family:var(--mainFont); }
.textFont{ font-family:var(--textFont); }


a {color: var(--mainColor); text-decoration: none;}
.noSpace, .noSpace p {padding: 0px; margin: 0px;}
body {font-family: var(--mainFont);}

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

.closebtn {color: red;}
.navbar-toggler {padding: 0px;}
.navbar-toggler-icon:hover, .navbar-toggler-icon:active, .navbar-toggler-icon:focus  {background: var(--mainColor) !important; color: white;}
.navbar-toggler-icon {width: fit-content; height: fit-content;background: none; padding: 8px 15px;}
.sidenav li a {color: black; font-weight: 600;     font-size: 17px;}
.sidenav .sub-menu {padding: 0px;}
.sidenav .sub-menu li {list-style-type: none; margin: 3px 0px;}
.sidenav .sub-menu li a {font-weight: 400; font-size: 16px; text-transform: uppercase;}
.side-titulo {font-weight: 600; color: var(--mainColor);}

.topRow {background: #212529;}

.langCont {background: #212529;}
.trp-shortcode-switcher__wrapper {height: 0px;}
.trp-shortcode-switcher {padding: 5px 0px;}

.logo {width: 200px;}


.footTop {background: #373a3e; font-family:var(--textFont); color: white; font-size: 18px; font-weight: 100; padding:15px; }
.footBot {background: #212529; color: #6B747D;   font-size: 16px;}

.footPhone, .footMail, .footAddress, .footHour {position: relative;}

.footPhone::before {content: "\f095";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: -25px; color: var(--mainColor);}
.footMail::before {content: "\f0e0";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: -25px; color: var(--mainColor);}
.footAddress::before {content: "\f3c5";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: -25px; color: var(--mainColor);}
.footHour::before {content: "\f017";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: -25px; color: var(--mainColor);}


.footNews {padding: 0px;}
.footNews input[type="email"] {border-radius: 10px;}
.footNews input[type="submit"] {background: var(--mainColor); color: white; margin-top: 10px; transition: var(--animated); padding: 8px 20px;}
.footNews input[type="submit"]:hover {padding: 8px 35px;}


.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);}

.homeBanner .slick-slide {min-height: 550px;}
.title-shapeB {margin: 0 auto; position: relative; margin-left: -25px; left: 50%; width: 50px; height: 4px; background: #de231d;}
.title-shapeB:before{ position: absolute; content: ''; width: 4px; height: 4px; left: -8px; top: 0px; background: #de231d;}
.title-shapeB:after {position: absolute; content: ''; width: 4px; height: 4px; right: -8px; top: 0px; background: #de231d;}
.title-shape{ margin: 0 auto; position: relative; margin-left: -25px; left: 50%; width: 50px; height: 2px; background: #ffffff;}

.plecaIzq{ position: relative; margin-left: 16px; margin-bottom: 1em; width: 50px; height: 4px; background: #de231d;}
.plecaIzq:before { position: absolute; content: ''; width: 4px; height: 4px; left: -8px; top: 0px; background: #de231d;}



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


#menu-principal li a {color: #666666; font-family: var(--mainFont); font-weight: 700; font-size: 15px; text-transform: uppercase; padding: 10px 15px; transition: var(--animated);}
#menu-principal li a:hover {color: var(--mainColor);}



.menu-item-has-children:hover .sub-menu {opacity: 1; z-index: 99; }


#menu-principal .menuLink a {color: var(--mainColor); background: white; padding: 5px 15px; border-radius: 100px; border: 2px solid var(--mainColor);}
#menu-principal .menuLink a:hover {background: var(--mainColor); color: white;}


.formContacto p {color: rgb(0, 0, 0);}
.contactBg>div {background: rgba(224, 226, 227, 0.8);border-radius: 16px;box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(40, 199, 220, 65%);}

.formContacto input[type="submit"] {background: var(--mainColor);color: #030303;border: none;padding: 10px 25px;border-radius: 50px;letter-spacing: 1px;}
.formContacto input[type="submit"]:hover {padding: 10px 35px;}

.slick-dotted.slick-slider {margin: 0px;}
.slick-dots {width: 100%; right: 0; margin: 0px; bottom: 10px;}
.slick-dots li {margin: 0px 5px; width: fit-content;}
.slick-dots li button {width: 60px; height: 6px; background: gray; border-radius: 0px; padding: 0px;}
.slick-dots li.slick-active button {background: var(--mainColor);}
.slick-dots li button:before {display: none;}
.slick-dots li button:hover {background: white;}
.slick-arrow {z-index: 99;}
.slick-prev {left: 25px;}
.slick-next {right: 25px;}
.slick-prev:before, .slick-next:before {color: #808080; font-size: 30px;transition: var(--animated);}
.slick-prev:hover:before, .slick-next:hover:before {color: var(--mainColor);}

.postCont {padding: 20px; border: 1px solid rgba(0, 0, 0, 0.125);}
.postCont .title a,  {font-size: 20px; font-weight: 700; color:var(--darkColor); transition:var(--animated); }
.postCont .title a:hover {color: var(--mainColor);}
.postCont .excerpt {color: #6c757d; font-family:var(--textFont); font-size:17px; font-weight:400; }
.postCont .postButton {display: block; width: 100%; color: white; background: var(--mainColor); text-align: center; font-family: var(--textFont); font-weight: 600; padding: 8px 0px; transition: var(--animated); opacity: .85;}
.postCont .postButton:hover {opacity: 1; background:#bd1e19; }
.blogButton svg {fill: var(--mainColor);}

.formNews input[type="submit"] {background: var(--mainColor); opacity: .85; font-size: 18px; font-weight: 600; color: white; padding: 8px 15px; border-radius: 5px; transition: var(--animated);}
.formNews input[type="submit"]:hover {opacity: 1; background:#bd1e19; }

.jobTitle {min-height: 75px;}
.jobTitle a  {font-size: 20px; font-weight: 700; color:var(--darkColor); transition:var(--animated); }
.jobTitle a:hover {color: var(--mainColor);}

.jobFeatured{width:100%;height:300px;background-size:cover;background-position:top center;position:relative}

.jobFeaturedLink{position:absolute;inset:0;}

.jobCont {padding: 15px;border: 1px solid #eeeeee;border-radius: 10px;background: #f9f9f9; transition: var(--animated);}
.jobCont:hover {background: #eaeaea;}

.jobLink a {background: var(--mainColor); opacity: .85; font-size: 18px; font-weight: 600; color: white; padding: 8px 15px; border-radius: 5px; transition: var(--animated);}
.jobLink a:hover {opacity: 1; background:#bd1e19; }

.page-id-974 #loginform {max-width: 600px; margin: 0 auto;}
.page-id-974 #loginform label {font-weight: 500; font-size: 20px;}
.page-id-974 #loginform input[type="submit"] {background: var(--mainColor); color: white; border-radius: 100px; padding: 8px 25px; opacity: .7; transition: var(--animated);}
.page-id-974 #loginform input[type="submit"]:hover {opacity: 1;}
.page-id-974 #loginform .login-remember {display: none;}

.btnMail {border: 2px solid var(--mainColor);padding: 8px 20px;border-radius: 100px;transition: var(--animated);display: block;position: relative;margin: 12px auto 0 auto;width: fit-content;}
.btnMail:hover {background: var(--mainColor); color: white;}
.sociosText {font-size: 18px; margin: 0 auto; max-width: 900px;}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .footerNav a {margin: 5px 10px;}
    .footerNavfirst:after {right: 40px; top: 25%;}
}

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

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .homeBanner .slick-slide {min-height: 650px;}
    .butonWhite, .buttonBlue, .buttonYellow, .buttonBorder {font-size: 28px;}
    .somosBanner .slick-prev {left: 20%;}
    .somosBanner .slick-next {right: 20%;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 
    .footer {padding: 0px;}
    .rightMenu {top: 116px;}
    .menuBot {padding: 0px 10px;}
    
    #menu-principal li a {padding: 10px 10px;}
  
    #menu-principal .menu-item-has-children .sub-menu li a {font-size: 15px; padding: 0px;}

    .footTop {padding: 25px 25px 15px 25px; }

    .menu-item-has-children {position: relative;}
    .menu-item-has-children .sub-menu {opacity: 0;display: block;min-width:350px; width:fit-content ;left: 0;bottom: 0px;position: absolute;margin: 0px;background: white;color: red;padding:15px; z-index: -1;transform: translateY(100%); filter: drop-shadow(5px 5px 4px rgb(0,0,0,.3));  transition: var(--animated);}
    .menu-item-270 .sub-menu {min-width: 200px;}
    .menu-item-has-children .sub-menu li {list-style-type: none; margin: 0px !important; padding: 10px;border-top: 1px solid #666666;}
    .menu-item-has-children .sub-menu li a { font-weight: 600; font-size: 15px; }
    .topIcons { padding-right: 50px;}
    .footTop {padding:25px; }
    .footNews {padding: 25px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
     .menuBot {padding: 0px 25px;}
     #menu-principal li {margin: 0px 5px;}
     
     #menu-principal .menu-item-293 .sub-menu {min-width: 450px;}
     .menu-item-has-children .sub-menu {bottom: -5px;}
     .footTop {padding: 50px 50px 25px 50px;}

    .topIcons { padding-right: 150px;}

    .footTop {padding:50px 50px 25px 50px; }
    .footNews {padding: 0px 50px;}
    .footLine {border-right: 1px solid #6c757d; }
    .logo {width: 200px;}


    

}

/* No Bootstrap Class (larger desktops, 1900px and up) */
@media (min-width: 1900px) { 
    .menu-item-has-children .sub-menu {min-width: 450px;}
    .menu-item-270 .sub-menu {min-width: 300px;}
    .menuBot {padding: 0px 100px;}

}