/* ============================================================================= *
Theme Name: Ⓓ Divi PRATICIENNE HYPNOSE
Theme URI: https://praticienne-hypnose.com/
Description: This is a Ⓓ Divi child theme for praticienne-hypnose.com
Author: M Vignjevic
Author Email: mailto.maar@gmail.com
Template: Divi
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
================================================================================ */
/* ============================================================================= *
                                                     The Horizontal Scroll Issue
================================================================================ */
/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {
 	html, body, #page-container { overflow-x: hidden !important; }
	body { position: relative !important; }
}

/* ============================================================================= *
                                                   ADD A SMOOTH SCROLLING EFFECT
================================================================================ */

html { scroll-behavior: smooth; }
/* ============================================================================= *
                                                         ADD TRANSITION ON HOVER
================================================================================ */
:hover { transition:all 1s; }

/* ============================================================================= *
                                                                  HEADER & MENUS
================================================================================ */
#et-info-phone:before { display: none; }
li.facebook, li.instagram { padding-right: 8px !important; }
.fa-facebook-f:before { color: #6115D2; }
.fa-instagram:before { color: #D913A8; }
.fa-youtube:before { color: #FFA63D; }
/*
li.rdv { padding-bottom: 0 !important; }
li.rdv a { padding: 15px 45px !important; border: 2px solid #D913A8; }
*/

#top-menu li.menu_rdv { margin: -10px 0 0 10px !important; }
#et-secondary-nav li.menu_rdv a, li.menu_rdv a { 
	padding: 30px 25px 0 !important; border-radius: 0 !important; color: #fff !important;
	background: linear-gradient(90deg,#AFC6E9,#AFC6E9,#AFC6E9,#AFC6E9); border-radius: 0; border-width: 0 !important;
}
#top-menu-nav #top-menu li.menu_rdv a:hover, 
#et-secondary-nav li.menu_rdv a:hover, li.menu_rdv a:hover,
#et-secondary-nav li.menu_rdv a:hover, .et-fixed-header li.menu_rdv a:hover, #et-top-navigation li.menu_rdv a:hover { 
	background: linear-gradient(90deg,#AFC6E9,#AFC6E9,#AFC6E9,#AFC6E9)!important; transition:all 1s !important;  color: #fff!important;
}
.cta-item a span { box-shadow: 10px 10px 0px 0px #AFC6E9; }

/* ============================================================================= *
                                                              ANIMATED GRADIENTS
================================================================================ */
 .bwsc_animated_gradient, .bwsc_animated_gradient h1, .bwsc_animated_gradient h2, .bwsc_animated_gradient h3, .bwsc_animated_gradient p, .bwsc_animated_gradient a {
	background: linear-gradient(90deg,#7830fc,#d912a8,#fe795e,#f7c142);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300%;
    animation: bwsc-animated-gradient 8s ease-in-out infinite; -webkit-animation: bwsc-animated-gradient 8s ease-in-out infinite;
}
@keyframes bwsc-animated-gradient {
	0% { background-position: 0 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0 50%; }
}

/* ============================================================================= *
                                                                            BLOG
================================================================================ */


.logged-in-as a, .logged-out-as a { color: #AFC6E9 !important; }
.logged-in-as a:hover, .logged-out-as a:hover { color: #FFF !important; }