/* footer */
section#footer-secondary {
  background: #2C591B;
  padding-top: 0;
  padding-bottom: 0;
}

section#footer-tertiary {
  background: #284C1B;
}

div#footer-bottom {
  background: #1E3317;
}

section#easycontent_16 div#steasy_column_21 ul {
  display: inline-flex;
  align-items: center;
  justify-content: end;
}

section#easycontent_16 div#steasy_column_21 ul li {
  flex-grow: 1;
  width: 100%;
  font-size: 36px;
  padding-bottom: 0;
}

section#easycontent_16 div#steasy_column_21 .stsocial_block.text-1 {
  text-align: end;
  line-height: 0;
}

section#easycontent_16 div#steasy_column_21 ul li i {
  font-size: 36px;
  color: white;
}

div#footer-secondary-container .row {
  align-items: center;
}

#easycontent_1 p:has(img) {
  margin-bottom: 0;
}

#footer .title_block a,
#footer .title_block * {
  color: white;
  font-family: Roboto;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}

#footer a {
  color: #96A88F;
  font-size: 12px;
}

#footer section#footer-tertiary p a,
#footer section#footer-tertiary li a {
  margin-bottom: 8px;
  transition: all .4s;
}

#footer section#footer-tertiary p a:hover,
#footer section#footer-tertiary li a:hover,
#footer .easy_brother_block p:hover a{
  color: #FFDC1A;
  font-weight: 500;
}



#footer .easy_brother_block p,
section#st_news_letter_1 .st_news_letter_content p,
#footer section#footer-tertiary p a,
#footer section#footer-tertiary li a {
  font-family: Roboto;
}

#footer section#footer-tertiary p a i,
#footer section#footer-tertiary li a i {
  display: none;
}

#footer section#easycontent_17 .tel a:last-child {
  font-size: 10px;
}

#footer hr {
  border-color: #54AE32;
  opacity: .2;
}

#footer .easy_brother_block p,
section#st_news_letter_1 .st_news_letter_content p {
  font-size: 12px;
  color: #96A88F;
}

div#footer-bottom-container {
  font-size: 12px;
  color: #868D81;
}

#footer .social_wrap {
  display: flex;
  align-items: center;
}

#footer .copyright_text,
#footer .copyright_text ul {
  display: flex;
  gap: 2em;
  align-items: center;
  margin-bottom: 0;
  justify-content: space-between;
  font-family: Roboto;
}

#footer .copyright_text ul li {
  min-height: 100%;
}
#footer .copyright_text ul li:hover, #footer .copyright_text ul li a:hover {
    color: #ffdc1a;
    cursor: pointer;
}

#footer .copyright_text ul li a,#footer .copyright_text ul li {
    color: #868D81;
    transition: all .4s;
}

#footer aside#footer_bottom_left {
  min-height: 100%;
  display: flex;
  align-items: center;
}

/*MOBILE*/
@media screen and (max-width:768px) {

  #footer .easy_brother_block p,
  section#st_news_letter_1 .st_news_letter_content p {
    text-align: start;
  }

  div#footer-secondary-container .row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }



  section#easycontent_16 div#steasy_column_21 ul li i {
    font-size: 20px;
  }

  section#footer-secondary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #footer-secondary .footer_block_content {
    padding: 0;
  }

  section#easycontent_16 div#steasy_column_21 ul {
    align-items: center;
  }

  section#easycontent_16 div#steasy_column_21 ul li {
    padding-bottom: 0;
  }

  section#easycontent_16 div#steasy_column_21 ul li:last-child {
    padding-right: 0;
  }

  #footer form .st_news_letter_form_inner {
    min-width: 100%;

  }

}

/*ICONES*/
.icon {
  display: inline-block;
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  background-color: black;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.3s;
  -webkit-mask-position: center;
  mask-position: center;
}

.zp-icon-newsletter {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-newsletter.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-newsletter.svg');
}

.zp-icon-phone {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-phone.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-phone.svg');
}

.zp-icon-facebook,
#footer .fto-facebook-squared:before {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-facebook.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-facebook.svg');
}

.zp-icon-instagram,
#footer .fto-instagram-1:before {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-instagram.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-instagram.svg');
}

.zp-icon-linkedin,
#footer .fto-linkedin-squared:before {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-linkedin.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-linkedin.svg');
}

.zp-icon-youtube,
#footer i.fto-youtube-play:before {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-youtube.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-social-youtube.svg');
}

.zp-icon-email {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-email.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-email.svg');
}

.zp-icon-location {
  -webkit-mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-location.svg');
  mask-image: url('https://www.bricoweb.es/themes/bricoweb/assets/img/footer-icon-location.svg');
}


/*ICONES ESTILOS*/
#footer .social_wrap .icon {
  background-color: #FFFFFF;
}

#footer .social_wrap .icon:hover,
#footer .social_wrap i:hover:before {
  background-color: #FFDC1A;
}

section#easycontent_17 i {
  font-size: 12px;
  margin-right: 1em;
  background: #96A88F;
}


#footer .social_wrap i:before {
  display: inline-block;

  width: 1em;
  height: 1em;
  background-color: White;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.3s;
  -webkit-mask-position: center;
  mask-position: center;
  content: '';
}

/*INPUT NEWSLETTER*/
#footer section#easycontent_17 .tel a:last-child {
  font-size: 10px;
  margin-top: -10px !important;
}

#footer .input-group-with-border:before {
  content: '\e834';
  font-family: "fontello" !important;
  text-align: center;
  padding: 0 0 0 .5em;
  display: flex;
  align-items: center;
  width: max-content;
  font-size: 16px;
  color: #54AE32;
}

#footer .fto-mail-alt:before {
  content: 'ENVIAR';
  width: max-content;
  font-family: Roboto Condensed;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;

}

#footer button[type="submit"] {
  background: #54AE32;
  border-radius: 0 3px 3px 0;
}

#footer #st_news_letter_1 .input-group-with-border {
  border-radius: 3px 4px 4px 3px;
}

#footer #st_news_letter_1 .st_news_letter_input {
  border-radius: 0 3px 3px 0;
}




@media screen and (max-width: 768px) {
  .row.footer_first_level_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }

  .row.footer_first_level_row {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "one two"
      "one three"
      "one four"
      "five five";
    gap: 0;
  }


  #footer section#st_news_letter_1 {
    padding-bottom: 24px;
  }

  #footer .icon {
    display: block;
    margin-bottom: 5px;
  }

  #footer .social_wrap i:before {
    height: 28px;
    width: 28px;
  }
  #footer .copyright_text {
    align-items: flex-start;
  }
  
  #footer .copyright_text ul {
    grid-template-columns: auto auto;
    margin-bottom: 1em;
  }
  
  aside#footer_bottom_right {
    order: 2;
    display: flex;
}

div#footer-bottom-container .clearfix {
    display: flex;
    flex-direction: column;
    height: fit-content;
}


#footer .copyright_text {
    margin: 0;
    min-width: 100%;
    align-items: start!important;;
}

#footer .copyright_text ul {
    min-width: 100%;
}
}

/*TABLET*/

@media screen and (min-width: 769px) and (max-width: 991px) {
  #footer div#footer-tertiary-container .row.footer_first_level_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      "one two three "
      "one four five";
    gap: 10px;
  }

  div#footer-secondary-container .row.footer_first_level_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding-top: 10px;
  }
  
    #footer .copyright_text ul {        
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    #footer section#st_news_letter_1 p {
    text-align: start;
    }


}

@media (max-width:1200px){
    #footer aside#footer_bottom_left {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:10px;
    }
    aside#footer_bottom_right {
    order: 2;
    display: flex;
    justify-content: center;
    }

    div#footer-bottom-container .clearfix {
    display: flex;
    flex-direction: column;
    height: fit-content;
    }
}

@media screen and (max-width: 991px) {
    div#footer-bottom-container .row{
    margin-left: 0;
    margin-right: 0;
}

  #footer .title_block .title_block_inner {
    white-space: nowrap;
  }

  #footer .opener {
    display: none !important;
  }

  section#easycontent_17 {
    grid-area: one;
  }

  section#multilink_6 {
    grid-area: two;
  }

  section#multilink_7 {
    grid-area: three;
  }

  section#multilink_8 {
    grid-area: four;
  }

  section#st_news_letter_1 {
    grid-area: five;
  }
  #footer section#easycontent_17 ul,
  #footer section#multilink_6 ul,
  #footer section#multilink_7 ul,
  #footer section#multilink_8 ul,
  #footer section#st_news_letter_1 ul {
    border-bottom: none;
  }


  #footer .copyright_text {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-bottom: 1em;
  }

  #footer-tertiary .st_open .footer_block_content {
    border-bottom: 0;
  }
  div#footer-bottom-container {
    padding: 1em 0;
}

  #footer .copyright_text ul {
  display: grid;
  grid-template-rows: auto auto;
  text-align: start;
  }
  
}