/*
Theme Name: theme-irf
Author: Joelle Piantino
Description: Thème développé pour l'atelier de Gepetto dans le cadre de la formation DWWM.
Version: 1.0
*/

body {
    background-color: #f9f9f9;
    font-family: Helvetica;
}

.my-logo,
footer {
  width: 100%;
  padding-left: 1%;
  margin-bottom: 8px;
  background-color: #444444;
  border: 1px solid #444444;
  color: #ffffff;
}

body > header > h1 {
  color: #ffffff;
  font-size: x-large;
}

body > header > h1 > a {
  color: #ffffff;
}

.nav {
  margin: auto;
}

.nav-link {
  text-align: center;
  font-size: 16px !important;
}


.current_page_item {
  background-color: #666666;
}


article > header {
  text-align: center;
}

article h2 {
  color: #444444;
}

strong {
  font-size: x-large;
}

ul.wp-block-latest-posts li a {
  font-size: 1rem !important;
  text-decoration: none;
  color: black;
}

ul.wp-block-latest-posts li {
  margin-bottom: 25px; 
}

footer {
  background-color: #444444;
  margin: 0;
}

footer ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 15px;
  text-align: center;
}

footer ul li {
  display: inline-block;
  border-right: 1px solid #bbb;
}

footer ul li:last-child {
  border-right: none;
}

footer a {
  padding: 35px 35px;
}

footer div ul li a:hover {
  color: black;
}


a {
  color: black;
}


/* 'Margin: 0 auto' centers block content on the page */
.wrap {
  width: 99%;
  margin: 0 auto;
}

.content-area {
  display: inline-block;
}

.content-thin {
    text-align: center;
    width: 70%;
}

.content-full-width {
    width: 100%;
}

.content-area,
.primary-sidebar {
  display: inline-block;
}

.primary-sidebar {
  width: 25%;
  padding: 1%;
  vertical-align: top;
  background-color: #ececec;
}



.article-full {
  background-color: #fff;
  width: 95%;
  padding: 5%;
}

.article-loop,
.article-full {
  display: inline-block;
  vertical-align: top;
  border-radius: 10px;
  margin-bottom: 4px;
}

.article-loop {
  width: 45%;
  text-align: left;
  margin: 5px;
  padding: 10px;
  border: 1px solid black;
  background-color: silver;
  box-shadow: 5px 5px grey;
}

.article-loop h2 a {
  color: black;
}

.has-drop-cap {
  padding-bottom: 50px;
}

.has-drop-cap::first-letter {
  font-size: 3em;
} 

.wp-block-group {
  margin-top: 10px;
  margin-bottom: 10px;
}

figcaption {
  color: #666666;
  font-size: small;
}

img {
  height: auto;
} 

/* style pour la boutique woocommerce */

.woocommerce-loop-product__title {
  color: black;
}

.product-type-simple {
  border: 1px solid grey;
  text-align: center;
}

.woocommerce-LoopProduct-link {
  text-align: center;
}

.ajax_add_to_cart {
  text-align: center;
}

.wc-forward {
  color: black;
  background-color: #ebe9eb;
  padding: 0;
  margin: 0;
}

.product-name a {
  color: black;
}

.input-text {
  width: 150px;
}

.cart-contents {
  color: white;
  text-decoration: none;
  margin-right: 25px;
}

.cart-contents:hover {
  color: white;
  text-decoration: underline;
}

/* media queries pour retirer la sidebar si petit ecran */

@media screen and (max-width: 600px) {
  .widget-area {
    display: none;
  }

  .content-thin {
    width:100%;
    text-align: center;
  }
}

/* résultats de recherche */

.search-title {
  font-size: x-large;
  text-decoration: underline;
}

.search-results {
  margin-bottom: 30px;
}

.search-results a {
  color: black;
  font-size: x-large;
}

.separe-results {
  width: 40%;
  margin: auto;
}