/*======================================
Theme Name: WESTPARADISE
Theme URI: https://divicake.com/
Description: WESTPARADISE Thème enfant
Version: 1.0
Author: Jraw
Author URI: https://www.jraw.fr/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@media screen and ( max-width: 980px) {
    #logo-footer,
    #logo-footer a img {
        margin-left: 0;
    }
    #logo-footer {
        text-align: center;
    }
    .et_pb_text_inner p,
    .et_pb_text_inner {
        text-align: center;
    }
    .footer-widget .title,
    .footer-widget p {
        text-align: center;
    }
    .et_pb_promo_description p, .et_pb_blurb_description p, .et_pb_module_header{
        text-align: center;
    }
    .et_pb_button_wrapper {
        text-align: center;
    }
}
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#footer-widgets {
    display: none;
}
#main-header {
    box-shadow: 0 0px 0 rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 0px 0 rgba(0,0,0,.1) !important;
    -webkit-box-shadow: 0 0px 0 rgba(0,0,0,.1) !important;
}
@media screen and (min-width: 981px) {
.logo_container {
    padding-top: 5px !important;
}
#main-header {
    padding-top: 7px;
}
}
#et-top-navigation nav > ul > li > a {
     padding-bottom: 20px!important;}
#top-menu-nav > ul > li > a {
     display: inline-block;
     position: relative;
     padding-bottom: 1px;}
 
#top-menu-nav > ul > li > a:before {
     content: '';
     display: block;
     margin: auto;
     margin-bottom: 10px;
     height: 2px;
     width: 0%;
     background: transparent;
     -webkit-transition: width 0.6s, -webkit-transform 0.4s;
     -moz-transition: width 0.6s, -moz-transform 0.4s;
     transition: width 0.6s, transform 0.4s;
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);}
 
#top-menu-nav > ul > li > a:after {
    content: '';
    display: block;
    margin: auto;
    margin-top: 10px;
    height: 2px;
    width: 0%;
    background: transparent;
    -webkit-transition: width 0.6s, -webkit-transform 0.4s;
    -moz-transition: width 0.6s, -moz-transform 0.4s;
    transition: width 0.6s, transform 0.4s;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}
 
#top-menu-nav > ul > li > a:hover:after,
#top-menu-nav > ul > li > a:hover:before {
    width: 100%;
    background: #e02b20;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
#footer-info {
    width: 100%;
    text-align: center;
    font-weight: 300;
}
#monlogo  img{
  -webkit-transition:-webkit-transform .9s; 
  -moz-transition:-moz-transform .9s;       
  -o-transition:-o-transform .9s;           
  -ms-transition:-ms-transform .9s;        
  transition:transform .9s;
}
 #monlogo  img:hover{
  -webkit-transform:rotate(360deg); 
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg); 
  -ms-transform:rotate(360deg); 
  transform:rotate(360deg);
}