/*
Theme Name: Bajoquetabar
Theme URI: https://caletastudio.com/
Author: Caletastudio
Author URI: https://caletastudio.com/
Description: Bajoquetabar tema a medida desarrollado por Caletastudio
Tags:
Version: 0.0.1
License: GPL-2.0-only
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bajoquetabar
Domain Path: /languages
*/

/*
Source SASS styles are located in resources/styles/.
The compiled bundles are in dist/styles/{xyz}.min.css.
The README.md file contains instructions on
how to get the build process up & running.

If you need to make a quick fix, feel free to add CSS
below this comment - it will override the bundled styles.
*/

.sticky {  }

.gallery-caption {  }

.bypostauthor {  }

#logos-section {
  margin-top: 30px;
  padding: 0 77px;
}

#logos-section p {
  margin: 0;
}

#logos-section .five-cols,
#logos-section .two-cols
{
  display: flex;
  align-items: stretch;
  padding-bottom: 30px;
}

#logos-section .five-cols .col {
  width: 50%;
}

#logos-section .two-cols .col {
  width: 80%;
  color: #3A6046;
  font: normal normal 500 1.1vw/1.4vw "futura-pt", sans-serif;
}

#logos-section .cols-container {
  width: 40%;
  display: flex;
}

#logos-section .cols-container .col {
  display: flex;
  align-items: center;
}

#logos-section .two-cols .col.first-col {
  color: #C6735C;
  font: normal normal 500 1.38vw/1.68vw "futura-pt", sans-serif;
  width: 20%;
}

#logos-section .five-cols .col.first-col {
  color: #C6735C;
  font: normal normal 500 1.38vw/1.68vw "futura-pt", sans-serif;
  width: 20%;
}

#logos-section .five-cols .col.first-col p {
  margin: 0;
}

#logos-section .five-cols .col img {
  width: 100%;
  height: auto;
  max-width: 70%;
}

@media (max-width: 900px ) {
  #logos-section {
    padding: 0 50px;
  }

  #logos-section .cols-container {
    flex-direction: column;
  }

  #logos-section .five-cols .col.first-col {
    width: 35%;
    font: normal normal 500 2.2vw/2.4vw "futura-pt", sans-serif;
  }

  #logos-section .two-cols .col.first-col {
    font: normal normal 500 2.2vw/2.4vw "futura-pt", sans-serif;
  }

  #logos-section .two-cols .col {
    font: normal normal 500 1.77vw/2vw "futura-pt", sans-serif;
  }


  #logos-section .cols-container {
    width: 32.5%;
  }

  #logos-section .five-cols .col {
    width: 100%;
    padding-bottom: 10px;
  }
}

@media (max-width: 500px ) {
  header nav #menu-menu li.slug-reservas a img {
    top: 43%;
    width: 54%;
    left: 2%;
  }

  header nav #menu-menu li.slug-grupos a img {
    top: 47%;
    left: 61%;
  }

  #logos-section {
    margin-top: 25px;
    padding: 0 20px;
  }

  #logos-section .five-cols .col {
    width: 100%;
    padding-bottom: 20px;
  }

  #logos-section .five-cols, #logos-section .two-cols {
    flex-wrap: wrap;
    justify-content: center;
  }

  #logos-section .five-cols .col.first-col {
    width: 100%;
    font: normal normal 500 5vw/5.4vw "futura-pt", sans-serif;
    text-align: center;
    padding-bottom: 25px;
  }

  #logos-section .cols-container {
    width: 50%;
    padding-bottom: 25px;
    text-align: center;
  }

  #logos-section .cols-container.last .col {
    display: flex;
    justify-content: flex-end;
  }

  #logos-section .cols-container .col a {
    text-align: center;
  }

  #logos-section .cols-container .col2,
  #logos-section .cols-container .col4 {
    min-height: 70px;
  }

  #logos-section .cols-container .col1,
  #logos-section .cols-container .col2,
  #logos-section .cols-container .col3,
  #logos-section .cols-container .col4 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #logos-section .five-cols .col img {
    max-width: 80%;
  }

  #logos-section .five-cols.row {
    padding-bottom: 0;
  }

  #logos-section .two-cols .col.first-col {
    display: none;
  }

  #logos-section .two-cols .col {
    font: normal normal 500 3.2vw/3.6vw "futura-pt", sans-serif;
    width: 100%;
  }
}