/*
Theme Name: Child Theme Les Flibustiers
Description: Theme enfant de Divi par Les Flibustiers
Template: Divi
Version: 1.1
*/

/* Centrer verticalement  */
.centrer {
    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;
  }
/* Inverser ordre des colonnes sur mobile */
@media only screen and (max-width : 980px) {
  .inverser-section .inverser-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* Mettre exposants et indices à la bonne taille */
sup, sub {
  font-size: 70%;
}
/*Scroller dans le menu mobile*/
.et_mobile_menu {
  overflow: scroll !important;
  max-height: 60vh;
  } 
/* Aligner les images verticalement */
img {
  vertical-align: middle;
}
/*** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer*/
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}
/***********************************************************************************************************/
/*Styles*/
body{
  background-color: #FBE5D6;
}
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
  font-family: 'Caviar',Helvetica,Arial,Lucida,sans-serif;
  font-size: 22px;
}
h1, .h1-like {
  font-size: 36px;
  color: #F4B183!important;
}
h2, .h2-like {
  font-size: 20px;
}
h3, .h3-like {
  font-size: 18px;
}
.UpperCase{
    text-transform: uppercase;
}
#firstPage {
  animation: fadeOut 2s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  display: flex;
}

@keyframes fadeOut {
  from { opacity: 1; 
  }
  to { opacity: 0; 
  display: none!important;
}
}
.footerTitle{
  font-weight: bold;
  font-size: 22px;
}
.author-name{
  color: black!important;
}
.item-content-wrapper{
  background: none!important;
}
.swiper-pagination-bullet{
  background: #efae83!important;
}
.et-pb-contact-message{
  color: red;
}
.rt-responsive-img{
  height: 200px!important;
}
.rating-wrapper{
  display: none!important;
}
.circle-container {
  position: relative;
  width: 24em;
  height: 24em;
  padding: 2.8em;
  /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
  border-radius: 50%;
  margin: 1.75em auto 0;
}
.circle-container a {
  display: block;
  position: absolute;
  top: 35%; left: 50%;
  width: 124px; 
  height: 4em;
  margin: -2em;
}
.circle-container img { display: block; width: 100%; 
}
.circle-container p { display: block; width: 100%; 
  font-family: 'caviar Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 30px;
  color: #F4B183!important;

}

.deg0 {
  transform: rotate(340deg) translate(12em) rotate(20deg);
  width: 124px!important;
} /* 12em = half the width of the wrapper */
.deg0org {
  transform: rotate(340deg) translate(12em) rotate(20deg);
  width: 200px!important;
}
.deg45 { 
  transform: rotate(35deg) translate(12em) rotate(-35deg); 
  width: 150px!important;
}
.deg45org { 
  transform: rotate(26deg) translate(12em) rotate(-28deg);
  width: 120px!important;
  filter:opacity(0.6) ;
}
.deg135 {     
  transform: rotate(90deg) translate(12em) rotate(270deg);
 }
 .deg150 { 
  transform: rotate(150deg) translate(12em) rotate(210deg);
  width: 90px!important; 
}
.deg180 { 
  transform: rotate(152deg) translate(12em) rotate(211deg);
  width: 90px!important; 
}
.deg225 { transform:rotate(200deg) translate(12em) rotate(-200deg); 
}
.deg315 { 
  transform: rotate(266deg) translate(12em) rotate(100deg); 
  width: 200px!important;
}
.deg315org { 
  transform: rotate(261deg) translate(12em) rotate(100deg); 
  width: 200px!important;
}
.deg260 { 
  transform: rotate(260deg) translate(10em) rotate(100deg); 
  width: 200px!important;
}
.deg330 {
  transform: rotate(330deg) translate(14em) rotate(30deg)
  ;
  width: 124px!important;
} 
.centre{
  text-align: center;
  font-size: 16px!important;
  font-weight: bold;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  margin-bottom: 0px;
}
.woocommerce .woocommerce-error{
  background-color: #dd4141;
}

.effetHover{
  border-radius: 68px 68px 68px 68px;
  overflow: hidden;
  padding-top: 18px!important;
  padding-bottom: 9px!important;
  margin-bottom: 15px!important;
  box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
  cursor: pointer;
}
.author-name{
  font-family: 'caviar',Helvetica,Arial,Lucida,sans-serif; 
}
.item-content{
  font-family: 'Caviar',Helvetica,Arial,Lucida,sans-serif;
  font-size: 20px!important;
}