/*
Theme Name: Cala
Theme URI:  https://miguelmanchego.com
Author:     Miguel
Author URI: https://miguelmanchego.com
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

html, body { overflow-x: hidden; }

.newscolumns2 { display: flex; gap: 20px; padding-bottom: 20px; }
.newscolumns2 input.mauticform-input,
select.mauticform-selectbox { border-radius: 0px; border:1px solid #f6c500; padding: 8px 16px; }
textarea.mauticform-textarea { border-radius: 0px; border:1px solid #f6c500; padding: 15px 16px; height: 200px; }
.newscolumns2 .mauticform-row { flex-basis: 50%; }
.mauticform_wrapper label { font-size: 17px; font-weight: 900; color: #1C1C1C; text-align: center; margin-bottom: 10px;  display: block; }
.mauticform_wrapper label.mauticform-checkboxgrp-label { font-size: 17px; font-weight: 300; color: #1C1C1C; text-align: left; display: block; font-style: italic; text-transform: uppercase; font-size: 14px; }
.mauticform_wrapper button.mauticform-button { border:1px solid #f6c500; border-radius: 0px; padding: 15px 60px; font-size: 20px; font-weight: 900; color:#f6c500; background-color: #fff;  }


.bandas__list { display: flex; flex-wrap: wrap; box-sizing: border-box;  }
.bandas__list article { flex-basis: 20%; padding: 12px; }

video.home__video { height: 480px; background-color: #000; }

/*****************************
  HEADER
********************************/
ul.menu_top { list-style: none; margin: 0; padding: 0; display: flex; }
.menu-panel { display: none; }
a.js-menu { display: none; }


/*****************************
  MISC
********************************/
.align-center { text-align: center; }  
.align-left { text-align: left; }  
.align-right { text-align: right; }  


/* .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0 !important; } */


/********************************
  Newsletter
************************************/
.newsletter-mssg {
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  right: 15px;
  width: calc(100% - 30px);
  max-width: 360px;
  box-shadow: 0 0 7px 1px rgba(0,0,0,.3);
  animation-duration: .5s;            
  animation-fill-mode: both;
  animation-name: fadeInup;
  animation-delay: 2s;
  transform: translateY(105%);
}  
.newsletter-mssg .inner {
  padding: 1rem;
    background: #ffffff;
    border: 1px solid #f6c500;
}
.newsletter-mssg  h5 {
  font-size: 17px;
  padding: 1.25rem 1rem;
  margin-top: 0;    
  background-color: #f6c500;
  color: #FFF;
  margin-bottom: 0;
}
.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
  border-radius: 0px !important; border:1px solid #f6c500 !important;   padding: .5rem 1rem;
}

.newsletter-mssg .mauticform_wrapper button.mauticform-button {
  background-color: #FFF; font-size: 16px; padding: 10px 40px;
}
.newsletter-mssg .mauticform_wrapper button.mauticform-button:hover {
  background-color: #f6c500; color: #FFF;
}

.newsletter-mssg .inner a.close {
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  right: .3rem;
  top: .3rem;
  background: url(img/icon-close.svg) center/cover no-repeat;
  cursor: pointer;  
}
.newsletter-mssg .inner a.close:hover { opacity: .6; }


@keyframes fadeInup {
  0% {opacity: 0; transform: translateY(105%); }
  100% {opacity: 1; transform: translate(0); }
}

@media only screen and (max-width: 1280px) { 
  .hide1400 { display: none !important; }
  a.js-menu {  cursor: pointer; margin-left: auto; margin-top: 5px; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; flex-direction: column; }
  .menu__button {  height: 4px; width: 50px; background-color: #f6c500;  border-radius: 0px; position: relative;  }
  a.js-menu .menu__button:before { content: ""; display: block; height: 4px; width: 100%; background-color: #f6c500; border-radius: 0px; top: -7px; position: absolute; }
  a.js-menu .menu__button:after { content: ""; display: block; height: 4px; width: 100%; background-color: #f6c500; border-radius: 0px; top: 7px; position: absolute; }
  .menu-panel { position: fixed; background-color: #fff; width: 100vw; height: 100vh; top: 0px; right: 0px; transform: translateX(-100%); display: block; z-index: 999; transition: all .3s ease-in;  }
  .menu-panel.active { transform: translateX(0);  transition: all .3s ease-out; }
  #js-cerrar { cursor: pointer; }
  .elementor-column#full1400 { width: 100%; }

  #mobilemenu ul { padding:0; margin:0; list-style:none; text-align:center; }
  #mobilemenu ul.menu > li.menu-item > a { color: #f6c500; font-size:16px; font-weight:700; }
  #mobilemenu ul.sub-menu { padding-bottom:20px; display:none; }
  #mobilemenu ul.menu > li.menu-item:hover ul.sub-menu {  display:block; }
  #mobilemenu ul.sub-menu > li.menu-item > a { color: #f6c500; font-size:15px; font-weight:400; }
}

@media only screen and (max-width: 765px) {
  .bandas__list article { flex-basis: 50%; padding: 12px; }
  a.js-menu {  width: 37px; margin-top: 0px;  }
  a.js-menu:before { height: 2px; top: -5px;   }
  a.js-menu:after { height: 2px; top: 5px;  }
  .menu__button { width: 37px; }
  video.home__video { height: 340px; background-color: #000; }
  
}