/* 
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
*/
html {
  scroll-behavior: smooth;
}

:root {
    --animated: all .3s ease-in-out;
    --mainColor: ;
    --altColor: ;
    --darkColor: ;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --mainFont: '', sans-seriff;
    --textFont: '', 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); }


a {color: var(--mainColor);}
.noSpace, .noSpace p {padding: 0px; margin: 0px;}

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

.header {background: white; position: relative; z-index: 2;}
.header .logo {width: 80px;}
.navbar-nav {text-align: center;}
.navbar-nav li a {padding: 5px 25px; text-decoration:none; position:relative; font-family: "Montserrat"; color: black; font-size: 20px;font-weight: 400; transition:var(--animated); }
.navbar-nav .button-navbar:hover {color: white;}

#menu-principal li a:after {content: '';display: block;width: 100%;height: 4px;background: #B40000;position: absolute;bottom: -4px;left: 0;transform: scaleX(.1);transform-origin: center;opacity: 0;transition: var(--animated);}
#menu-principal li a:hover:after {transform: scaleX(.8);opacity: 1;}


span.icons-text {
    color: black;
    font-size: 20px;
}

.flotilla-section .elementor-column {
    padding: 0 !important;
    margin: 0 !important;
}

.flotilla-section .elementor-widget-image img {
    margin: 0 auto !important;
    display: block;
}


.flotilla-section .elementor-element-populated {
    padding: 0 !important;
}

.container-fluid.overflow-hidden.footer {
    background-color: #B40000;
}

span.footer-text
 {
    color: white;
	 font-family: "Montserrat";
}

.subTitle {
	color: #B40000;
	font-family: "Montserrat"
}

.gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {
    font-weight: 400;
    font-size: inherit;
    font-family: 'Montserrat';
}

.card-flotillas {
  background: #e0e0e0;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  position: relative;
  transition: all 0.3s ease; 
}

.card-flotillas::after {
  content: "";
  display: block;
  width: 100%;
  height: 0; 
  background: #c00;
  border-radius: 0 0 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease; 
}

.card-flotillas:hover {
  transform: scale(1.05); 
  box-shadow: 0 8px 20px rgba(0,0,0,0.2); 
}

.card-flotillas:hover::after {
  height: 15px;
}

.buttons-boxtires {
  display: inline-block;
  transition: all 0.3s ease; 
  transform: scale(1);       
}

.buttons-boxtires:hover {
  transform: scale(1.08);   
  box-shadow: 0 6px -1px rgba(0,0,0,0.2); 
}



.flotilla-line {
    margin-left: -45px;
}

.flotilla-text {
    margin-left: -45px;
}

li.button-navbar a{
    font-family: "Montserrat";
    background-color: #B40000;
    border-radius: 10px;
  	transition: all 0.3s ease; 
  	transform: scale(1); 
	font-style: italic;
	color: white;
	font-weight: 900;
}


.button-navbar:hover {
  transform: scale(1.04);   
  box-shadow: 0 6px -1px rgba(0,0,0,0.2); 
}

.header .row {
    align-items: center; 
	margin: 40px;
}

h2.gform_submission_error.hide_summary {
    display: none !important;
}
div#gform_1_validation_container {
    display: none !important;
}

div#validation_message_1_7 {
    display: none !important;
}


@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
        font-size: 1em;
        width: auto;
        margin: 0 16px 0 0;
        font-family: 'Montserrat';
        background-color: #B40000;
        border-radius: 10px;
        width: 20%;
		color: white;
		font-weight: 900;
		font-style: italic;
    }
}

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

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.flotilla-section .elementor-column {
      margin-bottom: 10px !important; 
  }

}

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

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 	.header .logo {width: 85px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
	.header .logo {width: 160px; margin-left: 333px;}
    .navbar-nav li a {font-size: 22px;}
    .topIcons a {padding: 5px 20px;width: 50px; height: 50px;}
}

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

}