/*
Theme Name: Twenty Twenty Child
Theme URI: https://studionumerik.fr/
Description: Twenty Twenty Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Placer votre CSS ci-dessous */


:root {
--main-color : #247171;

}

/* --------------------------------------
              SEARCH & HEADER 
-------------------------------------- */

.primary-menu-wrapper+.header-toggles,
.search-toggle,
.entry-header {
  display: none !important;
}

/* --------------------------------------
         HEADER
-------------------------------------- */



@media (min-width: 700px) {
  .singular .entry-header {
    padding: 5rem 0;
    background-color: #fff !important;
    color: var(--main-color) !important;
  }
}




@media (min-width: 1000px) {
  .header-navigation-wrapper {
    align-items: center;
    display: flex;
    position: relative;
    background: var(--main-color);
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 1.3rem 1rem;
  }
}


.header-inner {
  max-width: 100%;
  padding: 0;
  z-index: 100;
}

.section-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
}

.header-titles-wrapper {
  margin: 2rem 0;
}

@media (min-width: 700px) {
  .header-inner {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 700px) {
  .header-titles-wrapper {
    max-width: 100%;
    padding: 0;
    text-align: left;
    margin: 2rem 0;
  }
}

ul.primary-menu {

  justify-content: center;

}

#site-header {
  background-color: #fff !important;
}



body:not(.overlay-header) .primary-menu>li>a, body:not(.overlay-header) .primary-menu>li>.icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
  color: #fff !important;
}

/* --------------------------------------
                    MENU
-------------------------------------- */

.primary-menu a {
  font-size: 1.6rem;


}

@media (min-width: 1220px) {
  .primary-menu>li {
    margin: 0.8rem 0 0 4rem;
  }
}


/* MENU MOBILE */

body:not(.overlay-header) #site-header .toggle, body:not(.overlay-header) .toggle-inner .toggle-text{
  color: var(--main-color)!important;
  margin: 1.5rem 0;
}

.nav-toggle .toggle-inner {
  padding-top: 2.8rem;
  font-size: 1.5rem;
}


@media (min-width: 700px) {
.toggle-inner .toggle-text {
  font-size: 1.5rem;
}
}


/* --------------------------------------
                    LOGO
-------------------------------------- */

@media (min-width: 700px) {
  .site-logo img {
    max-height: 10rem;
    transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;

  }
}


/* --------------------------------------
            HEADER ACCOUNT 
-------------------------------------- */
.my-account-header {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  background: var(--main-color);
  padding: 0.75rem 2rem;
}

.my-account-header li {
  list-style: none;
}

.my-account-header li {
  list-style: none;
  margin: 0 2rem 0 0;
}


.my-account-header li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;

}

/* --------------------------------------
           um-page-login
-------------------------------------- */

.um-page-login .my-account-header,
.um-page-login .header-navigation-wrapper,
.um-page-register .my-account-header,
.um-page-register .header-navigation-wrapper
 {
    display:none;
}


.um-page-login .header-titles-wrapper, .um-page-register .header-titles-wrapper {
  background: var(--main-color);
  margin: 0 0 2rem;
  padding: 2rem;
}


.um-register .um-postmessage {
  font-size: 18px;
  text-align: center;
}

.um {
  color: #000 !important;
}

/* --------------------------------------
          post-inner
-------------------------------------- */

@media (min-width: 700px) {
.post-inner {
  padding-top: 3rem;
}
}


/* --------------------------------------
       footer
-------------------------------------- */

.footer-top {
  padding: 2rem;
  justify-content: center
}

.footer-menu {
  align-items: baseline;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.8rem;
  margin: 0;
}
.footer-menu li {
  margin: 0.8rem 0 0 1.6rem;
}

@media (min-width: 700px) {
.footer-widgets-outer-wrapper {
  padding: 0rem 0;
  display: none;
}


}

.footer-widgets-outer-wrapper {
  display: none;
}


#site-footer {
  padding: 2rem;
}