/*!
Theme Name: Sassenage
Template: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Mairie de Sassenage
Author URI: http://www.sassenage.fr
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/** import police Font Awesome 5 */
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");


/** encadre en bleu les éléments de menus ou boutons ayant le focus (accessibilité) */
:focus{
  outline: 3px solid #4d90fe;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

/** marge et espacement des widgets du pied-de-page */
div#footer-widgets {
  padding-top: 1rem;
}
div#footer-widgets .footer-widget {
  margin-bottom: 1rem;
}

/** Styles formulaire de selection activity et theme_assoc */
div.select-form {
  margin-bottom: 1rem;
}
div.select-form h2 {
  display: inline;
}
/** Styles fiche_eco et fiche_assoc */
div.fiche_eco, div.fiche_assoc {
  margin-bottom: 2rem;
}
div.fiche_eco_activity, div.fiche_assoc_theme {
  color: #ffffff !important;
  border-color: #0099cc;
  border-radius: 18px;
  font-weight: 700 !important;
  background-color: #0099cc;
  margin-bottom: 2rem;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
div.fiche_eco_activity h3, div.fiche_assoc_theme h3 {
  color: #ffffff !important;
  border: none;
  font-weight: 700 !important;
  line-height: 1.7em !important;
  font-size: 20px;
  text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}

hr.fiche_eco,  hr.fiche_assoc {
  background-color: #FF0000;
  height: 0.2rem;
  border: 1px solid #FF0000;
  margin-bottom: 1rem;
}

.act-post-date {
  text-align: center !important;
  padding: 0.2rem;
}

/* exemple colorisation agenda theatre */
table.tribe-events-calendar div.cat_theatre {
  background-color: red;
  color: whitesmoke;
}
table.tribe-events-calendar div.cat_theatre h3 {
  color: white;
}

/** icones Font Awesome 5 en fonction de la categorie d'evenement */
div.cat_theatre h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f630";
  padding: 0.2rem;
}
div.cat_sport h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f1e3";
  padding: 0.2rem;
}
div.cat_permanences h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f7f2";
  padding: 0.2rem;
}
div.cat_ecologie h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f4d8";
  padding: 0.2rem;
}
div.cat_conferences h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f2b5";
  padding: 0.2rem;
}
div.cat_decouverte h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f277";
  padding: 0.2rem;
}
div.cat_lecture h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f5da";
  padding: 0.2rem;
}
div.cat_musique h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f001";
  padding: 0.2rem;
}
div.cat_politique h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f66f";
  padding: 0.2rem;
}
div.cat_cinema h3::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.33em; content: "\f008";
  padding: 0.2rem;
}



/** Mise en forme cards agendas sur page a-la-une */
.tribe_events div.card {
  text-align: center;
}

.tribe_events div.card img.act-card-img-top {
  height: 100%;
  width: auto;
}

/* centrage vertical du contenu d'un bloc */
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}