/*
 Theme Name:   avivreouvert
 Template:     generatepress
 Description: à vivre ouvert - thème wordpress
 Author: neostory / Code Colliders
 Author URI: https://codecolliders.com
 Text Domain: avivreouvert
 License: Proprietary software
 License URI: https://en.wikipedia.org/wiki/Proprietary_software
 Version: 0.1.0
*/
#button{
    border-top: 2px solid white;
}
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon19b1.eot?hz8bma');
    src: url('fonts/icomoon19b1.eot?hz8bma#iefix') format('embedded-opentype'),
    url('fonts/icomoon19b1.ttf?hz8bma') format('truetype'),
    url('fonts/icomoon19b1.woff?hz8bma') format('woff'),
    url('fonts/icomoon19b1.svg?hz8bma#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.reference {
    font-size: 11px;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*line-height: 1;*/

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.blue-button {

}

.slick-slider.inner-arrow .slick-prev {
    left: 25px;
}

.slick-slider.inner-arrow .slick-next {
    right: 25px;
}

.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title, h1 {
    color: #000;
}

body {
    margin-left: 75px;
    margin-top: 105px;
}

#menu1 {
    top: 38px;
    position: absolute;
    width: 100%;
    z-index: 101;
    left: 0;
}

#menu2 {
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    left: 0;
}
#menu3.fixed{
    position:fixed;
    top:0;
}

.chapitre_container, .extrait_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 105px;
    padding-bottom: 65px;
    padding-left: 75px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.chapitre_container {
    margin-bottom: 0!important;
    /*padding-bottom: 70px;*/
    padding-bottom:0;
}

.chapitre_container > div {
    height: 50%;
}

.chapitre_container .first, .chapitre_container .second {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.chapitre_container p:nth-child(2) a {
    text-align: left;
    
    background-color: #7A00E6;
    color: white;
}
.chapitre_container p:nth-child(2):hover a {
    text-align: left;
    background-color: white;
    color: #7A00E6;
}
@media screen and (max-width: 770px){
    .chapitre_container .first, .chapitre_container .second{
        height: 450px;
        width: 100%;
    }
}
p > a{
    font-weight: bold;
	
}
.question-col-right p > a, .question-col-right ul>li>a {
    
    text-decoration: underline !important;
	
}
p >a:hover, ul>li>a:hover{
	color:#7A00E6;
}

#menu3 {
    position: absolute;
    width: 30vw;
    height: 100%;
    z-index: 100;
    top: 105px;
    box-sizing: border-box;
    left: -30vw;
    background-color: #FFF;
}

#menu3 ul {
    margin: 0;
}

.elementor-type-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#menu3 #button {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 75px;
    background-color: #ffffff;
    height: 100vh;
    margin-left: 100%;
    text-align: center;
    font-size: 35px;
    color: #7A00E6;
    padding-top: calc((100vh - 230px) / 2 - 1em);
    border-top: 1px solid #23004C;
    border-right: 1px solid #23004C;
}
#button span{
    font-size:11px;
    display:block;
}
@media only screen and (max-width: 767px) {
    #menu3 #button{
        padding: 0;
        height: auto;
        width: 40px;
        margin-left: calc(100vw - 40px);
        font-size: 22px;
    }
    #menu3.active #button {
        height: 100vh;
        padding-top: calc((100vh - 230px) / 2 - 1em);
    }
    #menu3 {
        transition: left .3s 0s linear, background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        left: calc(-100vw + 40px);
        top: 67px;
        right: 0;
        width: calc(100vw - 40px);
        z-index: 501;
    }

    .chapitre_container, .extrait_container {
        padding-left: 0;
    }

    body {
        margin-left: 0;
    }

}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

.icon-facebook:before {
    content: "\ea91";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-linkedin:before {
    content: "\eac9";
}

.icon-plane:before {
    content: "\e903";
}
.icon-minus{
    padding: 15px;
}
.icon-minus:before {
    text-transform: none;
    content: "\ea0b";
}

.blue_button {
    color: white;
}
.blue_button a {
    max-width: 300px;
    display: block;
    margin: auto;
    background-color: #6ec1e4;
    color: white;
    padding: 10px;

}

@media (max-width: 767px) {
    #menu1{
        top: 0;
    }
    #main{
        margin: 0!important;
    }
    body {
        overflow: auto!important;
        margin-top: 100px;
    }

    .chapitre_container, .extrait_container {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin: 0;
    }
    #masterFooter{
        position: relative!important;
    }


}
.elementor-15 .elementor-element.elementor-element-36ae2e7 a,
.elementor-15 .elementor-element.elementor-element-0129c2e a {
    color: #7A00E6 !important

}

.elementor-25 .elementor-element.elementor-element-6fcc30c .elementor-nav-menu--main .elementor-item{
    color: #7A00E6 !important
}
@media (max-width: 1025px) {
    .elementor-nav-menu a, .elementor-nav-menu a:focus, .elementor-nav-menu a:hover {
        padding: 13px 10px;
        font-size: 12px;
        background-color: transparent!important;
        color: #7A00E6;
    }
}/* End custom CSS */
.faq {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (min-width: 767px) {
    #chapterMenu a.d-large-none{
        display: none;
    }
}
#chapterMenu.active a.d-large-none{
    display: none;
}
h1, h2, h3, h4, h5, p{
    font-family: Roboto;
}
.home #chapterMenu a:nth-child(2),#chapterMenu a:nth-child(1), .page #chapterMenu a:nth-child(2){
    display:none !important;
}

.postid-1400 .timecodes{
	display:none !important;
	
	
}
.elementor-25 .elementor-element.elementor-element-915aa97 {
    max-width: 200px !important;
}
.home .elementor-search-form{
    visibility:hidden;
}
.back-btn{cursor:pointer;}

.elementor-15 .elementor-element.elementor-element-8232449 {
    width: 50%;
    display: none;
}
.elementor-15 .elementor-element.elementor-element-2bbecfd {
    bottom: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
    width: 100% !important;
}
.chapitre_container p:nth-child(3) a{
    position:relative;
}

.chapitre_container a img.unhoverd {
  height: 25px;
  position: absolute;
  right: 8px;
  top: 9px;
}
.chapitre_container a{
    position:relative;
}
@media (max-width:900px){
    .home .chapitre_container{
        padding-bottom:50px !important;   
    }
}
.dynamic_bg {
    background-color: #d6d6d6;
}
.question-term-title{
    font-size:38px;
    color:#000000;
    margin-bottom:0;
    font-weight:bold;
	margin-top:90px;
	padding:10px
}
.question-term-title .question-term-heading{
    margin-bottom:.5em;
}
@media (min-width: 768px){
    .question-content{
        display: flex
    }
    .question-col-left{
        width: 10%;
    }
    .question-col-right {
        width: 89%;
    }
	.question-btn{
		margin-bottom:0
	}
	.question-term-title{
	margin-top:0
	}
	}
.question-heading-title h1{
    padding: 30px 20px 20px 20px;
    color: #000000;
    font-size: 29px;
}
.question-content{
    width:100%;
	padding:10px
}
.single-question h2{
	font-size:20px !important
}
.single-question h3{
	font-size:17px !important
}
.back-btn{
   background-color:#bababa;
   display: inline-block;
    line-height: 1;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width:auto;
     margin:auto;
}
.question-btn{
    text-align:center;
    display:flex;
    margin:auto;
}

.single-question .container.grid-container{
    width:auto !important;
    max-width: 1140px;
}

.post-footer-navigation{
    display:flex;
    justify-content: space-between;
    margin-bottom:50px
    padding:1em;
}