/*
Theme Name:  Tellogleio Theme
Author: STIX Digital
Author URI: https://www.stix-digital.com/
Description: A custom theme created for Tellogleio
Version: 1.0
*/

.wpcf7-form {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-row-gap: 2px;
    margin: 0;
    grid-column-gap: 2rem;
  }
  .wpcf7-form p{
    grid-column: span 6;
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  
  .wpcf7-form p label {
    width: 100%;
  }
  
  .wpcf7-form input{
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    font-weight: 400;
    width: 100%;
  }
  
  .wpcf7-form input::placeholder {
    color: #9c9c9b;
    font-weight: normal;
    opacity: 1;
  }
  
  .wpcf7-form >:nth-last-child(3) {
    grid-column: span 12;
  }
  
  .wpcf7-form >:nth-last-child(2) {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    grid-column: span 12;
  }
  
  .wpcf7-form input.wpcf7-submit {
    width: min-content;
    background: #bdae67;
    color: white;
    border-radius: 10px;
    padding: 15px 25px;
    border: 0px;
  }
  .wpcf7-form .wpcf7-response-output {
    width: 100%;
    grid-column: span 12;
  }
  .wpcf7-form .wpcf7-spinner {
    order: -1;
  }
  @media screen and (max-width: 991px){
    .wpcf7-form{
      grid-row-gap: 0;
    }
    .wpcf7-form p {
      grid-column: span 12;
      margin: -7px 0;
    }
    .wpcf7-form >:nth-last-child(3) input{
      min-height: 120px;
    }
  }
  header div.container div.row div.col-12 div.logo.d-none.d-lg-block {
    width: 290px;
  }

  .sintelestes .img-container a {
    text-decoration: none;
  }
  .sintelestes .img-container a p{
    color: var(--bs-body-color);
  }
  footer .espa-img {
    width: 40%;
  }
  @media screen and (max-width: 991px) {
    footer .espa-img {
      width: 80%;
    }
  }

  .footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .sintelestes .img-container a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    list-style: none;
}

ul.footer-menu li a {
    color: #000;
    font-size: 16px;
    padding-bottom: 3px;
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    .footer-menu {
        flex-direction: row;
    }

    ul.footer-menu li a {
      padding: 8px 35px 3px;

    }
}

ul.footer-menu li a:hover{
    font-weight: 700;
}