/*
Theme Name: La petite bette
Description: Hello Child Theme
Author: Madison Web
Author URI: https://madisonweb.ca
Author Email: agauthier@madisonweb.ca
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

.elementor-section {
	padding: 0% 3% 0% 3%;
}

.pinsavepinterest-network-icon {
	margin-right:-5px!important;}
}



.info-btn a {
	background-color:#fff;
	color:var(--e-global-color-text)!important;
	font-size:.8em!important;
	font-weight:600!important;
	padding: 5px 10px!important;
	border-radius:3px!important;
	transition: .3s;
}

.info-btn a:hover {
	background-color:var(--e-global-color-text)!important;
	color:#fff!important;
	transition: .3s;
}


/*Border around burger menu button*/			
* {			
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;			
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;			
outline: none !important;			
}		

/*Elementor popup reference font size*/
.dialog-message {
font-size: 1em;
line-height: 1.3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Elementor animation tweak*/

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/*Underline hover effect*/
.left
{
    position: relative;
}
.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var( --e-global-color-text );
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.left:hover:before {
  visibility: visible;
  width: 100%;
}

hr{border-top: 1px solid #444;margin:5px!important;}

.elementor-widget-posts article {
display: flex !important;
flex-direction: column;
}
 
.elementor-widget-posts .elementor-post__text {
display: flex;
flex-direction: column;
}
 
.elementor-widget-posts .elementor-post__excerpt { 
flex-grow: 1;
}

@media only screen and ( min-width: 1024px ) and ( max-width: 1150px ) {
.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) {
    margin-right: 30px!important;
}
}

/*Bouton GDPR consent*/
.cn-button.wp-default {
    color: #fff;
    background: #393533;
}

/*Pagination e-pro post widget*/

.elementor-8579 .elementor-element.elementor-element-0567dde .elementor-pagination .page-numbers.current{
    color: var( --e-global-color-e1798cb );
    background: #A12742!important;
    padding: 5px 10px!important;
}

/* marge sur image blog*/
.wp-block-image{
	margin: 60px 0px;
}

.elementor-widget-theme-post-content > div > .mv-ad-box:before {
	/*background-color: #F2FFE7!important;*/
    color: #b4b4b4!important;
    content: "Les publicités nous aident à garder La petite bette en vie"!important;
    font-size: .8em!important;
    font-weight: 500!important;
   line-height:1.2em!important;
	margin-bottom: 20px!important;
    position:relative;
}

.elementor-widget-theme-post-content > div >.mv-ad-box{
    /* background-color:#F2FFE7!important;*/
    border-radius: 0px!important;
    height: auto!important;
    margin: 40px 0!important;
    padding: 15px 0px 30px !important;
    width: 100%!important;
	 position:relative;
} 

.wprm-recipe-container .mv-ad-box:before {
    color: #b4b4b4!important;
    content: "Les publicités nous aident à garder La petite bette en vie"!important;
     position:relative;
    display: block!important;
    font-size: .56em!important;
    font-weight: 500!important;
   line-height:1.2em!important;
	padding:15px 0px;
}

.sidebarBtfStacked > .mv-ad-box:before {
    color: #b4b4b4!important;
    content: "Ces publicités permettent de financer notre site et vous offrir plus de contenu gratuit"!important;
    display: block!important;
    font-size: .7em!important;
    font-weight: 500!important;
   line-height:1.2em!important;
	margin-bottom: 20px!important;
    padding: 5px !important;
	text-align:center;
    position: relative;
}

/*Mediavine Sidebar Fix*/
@media only screen and (min-width: 1025px) {
     .single .mv_content {
         max-width: calc(100% - 370px) !important;
     }
    .single #sdb-mb {
        min-width: 320px !important;
    }
}

/*Mediavine Mobile Fix*/
 @media only screen and (max-width: 359px) {
.single-osetin_recipe .elementor-widget-theme-post-content .elementor-widget-container {
padding-left: 5px !important;
padding-right: 5px !important;
}
.mv_content, .wprm-recipe.wprm-recipe-template-petitebette-2 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.wprm-recipe.wprm-recipe-template-petitebette-2 {
border: none !important;
}
.mv-content-wrapper > div:has(.mv_content) {
padding-left: 5px !important;
padding-right: 5px !important;
}
} 

/* Mediavine BTF CSS */
#sdb-mb {
    display: block !important;
}


/*Academy LMS custom style*/
.academy-single-course p:not(header) {
   color: #ffffff;
}

/*Learn page*/
@media (min-width: 678px) and (max-width: 1250px) {
.academy-lesson-content-wrapper .academy-lesson-sidebar-content{
    width: 350px!important;
}

	

.academy-lesson-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 70px;
    position: relative;
    width: 100%;
    height: 100vh;
}
}

.academy-lesson-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 70px;
    position: relative;
    width: 90%;
    min-height: 100vh;
}

.academy-lessons .academy-lessons-content-wrap .academy-lessons-content {
    min-height: 600px;
    padding: 5%;
    position: relative;
}

.academy-lessons .academy-lessons-content-wrap .academy-lessons-content .academy-lesson-title {
    font-size: 2em;
    font-weight: 500;
    margin: 0;
    padding: 30px 00px;
}

.academy-lessons .academy-lessons-content-wrap .academy-lessons-content:hover .academy-btn--previous-lesson {
    opacity: 1!important;
    visibility: visible !important;
}

.academy-learn-page-topics .academy-learn-page-topics-lesson-items .academy-learn-page-topics-lesson-item {
    opacity: 1!important;
}

.academy-lesson-menu .academy-btn--menu { display: none;}

.academy-lesson-topbar__right .academy-course-close {
        border: 1px solid #444;
}

.academy-lesson-topbar__right .academy-course-close .academy-icon:before {
    color: #444;
}

.academy-learn-page-topics .academy-learn-page-topics-title__text {
    font-size: 14px!important;
    font-weight: 500!important;
}

.academy-lesson-content-wrapper .academy-lesson-sidebar-content__title h4 {
    font-size: 22px!important;
}

/*Bouton poursuivre la formation*/
.academy-btn--bg-purple{
    border-radius: 0px!important;
    color: #ffffff!important;
    font-size: 14px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
}

/*Login form*/
.academy-login-form-wrapper{
	max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}

.academy-login-form-wrapper button{
	background-color:#444B4C!important;
	border-color: #444B4C!important;
}

.academy-login-form-wrapper h2{
	font-size: 2em!important;
}

.academy-login-form-info{display:none;}

/*Password reset form*/
.academy-password-reset-form-wrapper{
	margin:80px 0px;
	max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
	
.academy-password-reset-form-wrapper button {
	background-color:#444B4C!important;
	border-color: #444B4C!important;
}

.academy-password-reset-form-wrapper  h2{
	font-size: 2em!important;
}
/*Button course car detail*/
	.academy-widget-enroll__view_details button {
		    background-color:#fff!important;
   
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--e-global-color-text)!important;
    border-style: solid;
    border-width: 0px!important;
    border-radius: 0px 0px 0px 0px;
}