/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://alupartnr.be/twentytwenty-child-apr/
 Description:  Twenty Twenty Child Theme
 Author:       RC
 Author URI:   http://alupartnr.be
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychildapr
*/

/* ------------ HEADER ------------ */
.primary-menu a
{
  color: #00afe9;
}

.nav-toggle svg
{
  color: #000;
}

.page-template-template-cover .primary-menu a
{
  color: #FFF;
}

.page-template-template-cover .nav-toggle svg
{
  color: #FFF;
}

.modal-menu li
{
  border: none !important;
}

.menu-modal-inner
{
  background-color: #00afe9 !important;
}

.modal-menu a
{
  color: #FFF !important;
}


/* ------------ GENERAL ------------ */

a
{
    color: #00afe9;
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]
{
  background-color: #00afe9;
}

.color-accent, .color-accent-hover:focus, .color-accent-hover:hover {
    color: #00afe9;
}

p.no-margin
{
  margin: 0;
}

.wp-block-button__link
{
  min-width: 25rem !important;
}

.nf-form-content input[type="button"]
{
  background-color: #00afe9 !important;
}

.nf-form-content input[type="button"]:hover
{
  color: #FFF !important;
}

/* ------------ FOOTER ------------ */
.footer-nav-widgets-wrapper
{
  background-color: #2e2e2e !important;
  color: #FFFFFF !important;
}

#site-footer
{
  background-color: #2e2e2e !important;
}

.footer-widgets-outer-wrapper, .footer-top
{
  border-color: #2e2e2e !important;
}

.footer-infos
{
  background-color: #53565a;
  padding: 3.7rem 0;
}

.footer-infos .footer-inner
{
  display: flex;
  flex-wrap: wrap;
}


.footer-infos a
{
  text-decoration: none;
  color: #FFF;
}

.footer-infos-contact
{
  margin : 0 5rem 1rem 0;
}


.footer-infos-fabrication
{
  white-space: nowrap;
  display: flex;
  height: 75px;
}

.footer-infos-fabrication #fabrication-belge
{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
  margin: auto 0px auto 25px;
}

.footer-infos-fabrication img
{

}

.footer-widgets a, .footer-menu a
{
  text-decoration: none !important;
  color: #FFF;
}

.footer-menu {
    font-weight: 500;
    font-size: 1.8rem;
}

.footer-menu-wrapper a:hover
{
  color: #00afe9;
}

.footer-credits
{
  color: #FFF;
}



/* CUSTOM CODE */

.fournisseur-title
{
  font-size: 2.4rem !important;
}

.outter-container-triptic-single
{
  margin-top: 1em;
  margin-bottom: 0;
}

.outter-container-triptic-single a
{
  color: #FFF;
}


.triptic-text
{
  position: relative;
}


.triptic-text h2
{
  margin: 0;
}

.triptic-cover
{
  height: 5em;
  background-size: cover;
  background-position: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -ms-transition: height 1s ease-out;
  transition: height 1s ease-out;
}

.triptic-cover:hover
{
  height: 14em;
}

#triptic-produits
{
  background-image:url(https://www.alupartnr.be//wp-content/uploads/2020/05/AlupartnR-produits-cover-1024x683.jpg)
}

#triptic-services
{
  background-image:url(https://www.alupartnr.be//wp-content/uploads/2020/05/AlupartnR-services-cover-1024x683.jpg)
}

#triptic-atelier
{
  background-image:url(https://www.alupartnr.be//wp-content/uploads/2020/05/AlupartnR-atelier-cover-1024x683.jpg)
}