/*
  Global.css - All the non-default CSS goes here!
*/

body, html{
    -webkit-font-smoothing: antialiased;
}

#top a.avia-button, 
#top .alternate_color a.avia-button.avia-color-theme-color, 
#top #wrap_all .main_color a.avia-button.avia-color-theme-color {
    background-color: #ADF533;  
    padding: 14px 75px 14px 65px;
    background-image: url(/wp-content/uploads/2020/11/btnFleche-bleu-fonce.png) !important;
    color: black;
    background-position: center right 25px;
    background-repeat: no-repeat !important;
    filter: drop-shadow(-5px 10px 0px #000000);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-width: 0;
}

#top a.avia-button:focus, #top .alternate_color a.avia-button.avia-color-theme-color:focus, #top #wrap_all .main_color a.avia-button.avia-color-theme-color:focus {
    color: white;
    background-color: #000000;
}

#top a.avia-button:hover, #top .alternate_color a.avia-button.avia-color-theme-color:hover, #top #wrap_all .main_color a.avia-button.avia-color-theme-color:hover {
    background-position: center right 12px;
}

#top #header_main_alternate .container {
    padding: 0;
    margin: 0 auto;
}

#top #header_main_alternate .container #avia-menu {
    display: flex;
    justify-content: center;
}

#top .avia_wpml_language_switch {
    font-family: 'lalezar', sans-serif;
}

.avia_transform a:hover .image-overlay{
    opacity: 0 !important;
}

#top h1.aw_dropshadowheading , #top h2.aw_dropshadowheading , #top h3.aw_dropshadowheading {
    font-weight: 900;
}

#header_main_alternate.container_wrap{
    border-top-width: 0;
}

#header_main{
    border-top-width: 0;
    border-bottom-width: 0;
}

#header .container .social_bookmarks li {
    border: none;
}

#top .av_header_transparency #header_meta{
    border: none !important;
}

#top #header .av-main-nav>li.menu-item>a{
    text-transform: uppercase;
    font-size: 14px;
}

.language_flag, .avia_current_lang{
    display: none !important;
}

.language_native{
    display: block !important;
}

#header:not(.av_header_transparency).header_color .container_wrap_meta{
    border-bottom: 0px;
    margin-bottom: 0px;
}
#header:not(.av_header_transparency).header_color .header_bg{
    opacity: 1;
}

.html_header_transparency #header_meta,
.header_bg{
    transition: 0s !important;
}

#mep_0{
    width: 100% !important;
}

#mep_0 .mejs-inner{
    width: 100%;
    height: 150%;
}

#mep_0 .mejs-inner mediaelementwrapper{
    width: 100%;
    height: 140%;
    display: block;
}

#mep_0 .mejs-inner mediaelementwrapper video{
    width: 100%;
    height: 100%;
}

#nav_menu-2 a,
#nav_menu-3 a{
    font-size: 22px;
    text-transform: uppercase;
}

#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside, #top .av_header_glassy.av_header_transparency #header_main {
    border: none;
}

#top #header_main {
    padding-bottom: 20px;
}

#media_image-2, #text-2,
#media_image-3, #text-3{
    text-align: center;
}

#text-2 a,
#text-3 a{
    display: inline-block;
}

#text-2 a img,
#text-3 a img{
    margin: 0 20px;
}

.mobile-only{
    display: none;
}

#footer .mobile-only{
    display: block;
}

#fadeinhomepage:after {
    content: "";
    background-image: url(/wp-content/themes/enfold-oiq/images/fadeForHomePage.png);
    display: block;
    height: 100px;
    position: relative;
    z-index: 1;
    margin-top: -100px;
}

.home #main #after_section_2.main_color {
    background-color: white;
    border: none;
}

.clickable{
    cursor: pointer !important;
}

#top .light-blue-btn .avia-button.avia-color-light {
    background-image: url(/wp-content/uploads/2020/11/btnFleche-bleu.png) !important;
    border-color: #3ccbbb;
}

#top .dark-blue-btn .avia-button.avia-color-light {
    background-image: url(/wp-content/uploads/2020/11/btnFleche-bleu-fonce.png) !important;
    border-color: #342c8b;
}

#top .light-blue-btn .avia-button:hover .avia_button_background, #top .dark-blue-btn .avia-button:hover .avia_button_background {
    display: none;
}

.footerlogo {
	margin-top: 40px;
}

#top .footer-button a.avia-button {
    border-radius: 25px;
    font-family: 'lalezar', sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding: 15px 50px 8px 50px;
    filter: none;
    min-width: 0;
    background-image: none !important;
}

#top #main .flex_column_table .footer-button a:hover {
    border-radius: 25px;
    font-weight: 300;
    font-size: 18px;
    color: white !important;
    background-color: #6b6b6b !important;
}

#top .footer-button .avia-button:hover .avia_button_background {
    display: none;
}

#top .footer-link h5 a {
    text-decoration: none;
}

.avia-icon-list li:first-child .iconlist_icon {
    background-image: url(/wp-content/themes/enfold-oiq/images/iconFilleIngenieure.png);
    background-size: 102%;
    background-position: center;
}

.avia-icon-list li:first-child .iconlist_icon span {
    display: none;
}

ul#avia2-menu > li > a {
    display: inline-block;
    background-color: #06def2;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    width: 260px;
    padding: 5px 15px;
    line-height: 19px;
    border-radius: 10px;
}

.main_color .av-masonry-outerimage-container {
    background-color: none;
}

.small-visible {
    display: none;
}

#top .main_color .av-masonry-outerimage-container {
    background-color: white;
}

.custom-icon-container {
    -webkit-box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.08);
    box-shadow: 1px 1px 9px 4px rgba(0,0,0,0.08);
    color: blue;
}

.custom-icon-container .header {
    color: #5f5f5f;
    text-transform: uppercase;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0px;
    opacity: 0.7;
    margin-top: 25px;
}

.custom-icon-container .title {
    color: #0d198d;
    text-transform: uppercase;
    font-size: 29px;
    width: 100%;
    margin: 0;
}

.custom-icon-container .subtitle {
    color: #5f5f5f;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 25px;
}

.custom-icon-image  {
    width: 100px;
}

.custom-icon-text  {
    width: calc(100% - 105px);
    padding-left: 20px;
}

.custom-icon-link  {
    display: flex;
    align-items: center;
}

.custom-icon-container img {
    max-width: 100px;
    margin-left: 5px;
}

#top .main_color .avia-animated-number {
    font-family: 'lalezar', sans-serif;
    font-size: 60px;
}

#top .main_color .avia-animated-number .avia-single-number, #top .main_color .avia-animated-number .avia-animated-number-content {
    font-size: 60px;
}

#top.page-id-223 .avia-button, #top.page-id-956 .avia-button {
    filter: none !important;
    background-image: none !important;
}

/*---------------------- du grand génie---------------------- */

#main .dark-blue-btn.btn-inscription a{
    font-size: 36px;
    /*font-family: TradeGothicLT-BoldCondTwenty;*/
    border-radius: 45px;
    padding: 24px 55px 22px 55px;
    box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.3);
}

.price-color {
    color: #B4C7FF;
}

#top #wrap_all .alternate_color .voir-episode h4 {
    color: white;
}

/*---------------------- Websérie Génie ou quoi ---------------------- */

body .container_wrap .play-btn {
    display: flex;
    margin: 0 auto;
    padding-top: 10%;
    padding-bottom: 30px;
}

body .container_wrap .play-btn .avia-image-container-inner {
    align-self: center;
}

.episode-description p {
    min-height: 190px;
}



/*--------------------- page Genie ou quoi ------------------*/
#top #wrap_all #main .yellow-slide a::before,
#top #wrap_all #main .yellow-slide .avia-slideshow-dots a {
    border: 2px solid #ffe42d;
    color: #ffe42d;
}
#top #wrap_all #main .yellow-slide .avia-slideshow-dots a.active {
    background-color: #ffe42d;
}

#top #wrap_all #main .green-slide a::before,
#top #wrap_all #main .green-slide .avia-slideshow-dots a {
    border: 2px solid #61d890;
    color: #61d890;
}
#top #wrap_all #main .green-slide .avia-slideshow-dots a.active {
    background-color: #61d890;
}

#top #wrap_all #main .red-slide a::before,
#top #wrap_all #main .red-slide .avia-slideshow-dots a {
    border: 2px solid #ff5550;
    color: #ff5550;
}
#top #wrap_all #main .red-slide .avia-slideshow-dots a.active {
    background-color: #ff5550;
}

#top #wrap_all #main .blue-slide a::before,
#top #wrap_all #main .blue-slide .avia-slideshow-dots a {
    border: 2px solid #4a5eff;
    color: #4a5eff;
}
#top #wrap_all #main .blue-slide .avia-slideshow-dots a.active {
    background-color: #4a5eff;
}
/*----------------- end of page Genie ou quoi ---------------*/


/*--------------------- page Du genie pour la planete ------------------*/
.page-id-8490 .avia-builder-el-68 p > span,
.page-id-8352 .avia-builder-el-68 p > span {
    font-weight: bold;
}

#top.page-id-8490 a.avia-button, 
#top.page-id-8490 .alternate_color a.avia-button.avia-color-theme-color, 
#top.page-id-8490 #wrap_all .main_color a.avia-button.avia-color-theme-color,
#top.page-id-8352 a.avia-button, 
#top.page-id-8352 .alternate_color a.avia-button.avia-color-theme-color, 
#top.page-id-8352 #wrap_all .main_color a.avia-button.avia-color-theme-color {
    background-image: url(/wp-content/themes/enfold-oiq/images/btnFleche.png) !important;
}

#top.page-id-8490 .avia-builder-el-68 a.avia-button, 
#top.page-id-8490 .alternate_color .avia-builder-el-68 a.avia-button.avia-color-theme-color, 
#top.page-id-8490 #wrap_all .avia-builder-el-68.main_color a.avia-button.avia-color-theme-color,
#top.page-id-8352 .avia-builder-el-68 a.avia-button, 
#top.page-id-8352 .alternate_color .avia-builder-el-68 a.avia-button.avia-color-theme-color, 
#top.page-id-8352 #wrap_all .avia-builder-el-68.main_color a.avia-button.avia-color-theme-color {
    background-image: url(/wp-content/themes/enfold-oiq/images/btnFlecheNoire.png) !important;
}

#top.page-id-8490 .white-shadow a.avia-button, 
#top.page-id-8490 .alternate_color .white-shadow a.avia-button.avia-color-theme-color, 
#top.page-id-8490 #wrap_all .main_color .white-shadow a.avia-button.avia-color-theme-color,
#top.page-id-8352 .white-shadow a.avia-button, 
#top.page-id-8352 .alternate_color .white-shadow a.avia-button.avia-color-theme-color, 
#top.page-id-8352 #wrap_all .main_color .white-shadow a.avia-button.avia-color-theme-color {
    filter: drop-shadow(-5px 10px 0px #fff);
}

/*--------------------- page Engineering ------------------*/
#top.page-id-37 .avia-builder-el-5 a.avia-button,
#top.page-id-952 .avia-builder-el-5 a.avia-button {
    background-image: url(/wp-content/themes/enfold-oiq/images/btnFleche.png) !important;
}

/*--------------------- page Home ------------------*/
#top.page-id-17 .avia-builder-el-1 a.avia-button,
#top.page-id-849 .avia-builder-el-1 a.avia-button {
    background-image: url(/wp-content/themes/enfold-oiq/images/btnFleche.png) !important;
}

@media screen and (max-width: 1230px) {
    #top #header .av-main-nav>li.menu-item>a{
        text-transform: uppercase;
        font-size: 14px;
    }
}

@media screen and (max-width: 1101px) {
    #top #header .av-main-nav>li.menu-item>a{
        text-transform: uppercase;
        font-size: 12px;
    }
}

@media screen and (max-width: 1025px) {
    #top #header .av-main-nav>li.menu-item>a{
        text-transform: uppercase;
        font-size: 11px;
    }
}

@media only screen and (max-width: 1024px) {
    #header {
        height: 120px;
    }
    .menu-item {
        display: none;
    }
    .main_menu {
        display: block !important;
    }
    .av-burger-menu-main.menu-item-avia-special {
        display: block;
    }
    #header_main_alternate {
        display: none;
    }
    .html_header_top #top .av_menu_left .main_menu {
        left: auto !important;
        right: 0 !important;
    }
    #top #header_main .container.av-logo-container .inner-container {
        margin-top: 20px;
    }
}

@media screen  and (max-width: 989px) {
    #top .av_header_glassy.av_header_transparency #header_main .social_bookmarks li a {
        color: #04198f;
    }

    .episode-description p {
        min-height: 115px;
    }
}

@media screen and (min-width: 768px) and (max-width: 989px) {
    body .container_wrap .play-btn {
        padding-top: 15%;
        padding-bottom: 10%;
    }
}

@media screen and (max-width: 768px) {
    .responsive #top #wrap_all .avia-section:not(.header-animation) .flex_column {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .container_wrap .play-btn {
        padding-top: 8%;
        padding-bottom: 6%;
    }
    .small-visible {
        display: block !important;
    }

    .small-hidden {
        display: none !important;
    }

    .html_header_top.html_logo_center .logo{
        padding-top: 30px;
    }

    .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
        padding-top: 5px;
    }
	.footerlogo {
		margin-top: 0px;
	}
}

/*--------------- responsive Genie ou quoi --------------*/
@media screen and (min-width: 768px) {

    #top #wrap_all #main #top-section .left-side,
    #top #wrap_all #main #top-section .middle-image,
    #top #wrap_all #main #top-section .right-side {
        position:relative;
    }

    #top #main #top-section .left-side .top-left-image {
        position: absolute;
        top: 0;
        right: 120px;
    }

    #top #main #top-section .left-side .bottom-left-image {
        position: absolute;
        top: 200px;
        left: 132px;
    }

    #top #main #top-section .right-side .top-right-image {
        position: absolute;
        top: 0;
        left: 120px;
    }

    #top #main #top-section .right-side .bottom-right-image {
        position: absolute;
        top: 200px;
        right: 132px;
        z-index: -1;
    }
}

@media screen and (min-width: 990px) and (max-width: 1204px) {
    #top #wrap_all #main #top-section .left-side .top-left-image {
        top: 0;
        right: 114px;
    }

    #top #wrap_all #main #top-section .left-side .bottom-left-image {
        top: 145px;
        left: 100px;
    }

    #top #wrap_all #main #top-section .right-side .top-right-image {
        top: 0;
        left: 114px;
    }

    #top #wrap_all #main #top-section .right-side .bottom-right-image {
        top: 145px;
        right: 100px;
    }
}

@media screen and (max-width: 767px) {
	#top #wrap_all #main #top-section .left-side .top-left-image {
        margin-left: 7%;
    }

    #top #wrap_all #main #top-section .left-side .bottom-left-image {
        margin-right: 7%;
        margin-top: -17%;
    }

    #top #wrap_all #main #top-section .right-side .top-right-image {
        margin-right: 7%;
    }

    #top #wrap_all #main #top-section .right-side .bottom-right-image {
        margin-left: 7%;
        margin-top: -17%;
        z-index: -1;
    }
}

@media screen and (min-width: 767px) and (max-width: 853px) {
    #top #wrap_all #main #top-section .left-side .top-left-image {
        top: 0;
        right: 43px;
    }

    #top #wrap_all #main #top-section .left-side .bottom-left-image {
        top: 145px;
        left: 48px;
    }

    #top #wrap_all #main #top-section .right-side .top-right-image {
        top: 0;
        left: 43px;
    }

    #top #wrap_all #main #top-section .right-side .bottom-right-image {
        top: 145px;
        right: 48px;
    }
}

@media screen and (min-width: 854px) and (max-width: 942px) {
    #top #wrap_all #main #top-section .left-side .top-left-image.avia-image-container {
        top: 0;
        right: 60px;
    }

    #top #wrap_all #main #top-section .left-side .bottom-left-image.avia-image-container {
        top: 145px;
        left: 60px;
    }

    #top #wrap_all #main #top-section .right-side .top-right-image.avia-image-container {
        top: 0;
        left: 60px;
    }

    #top #wrap_all #main #top-section .right-side .bottom-right-image.avia-image-container {
        top: 145px;
        right: 60px;
    }
}

@media screen and (min-width: 943px) and (max-width: 1039px) {
    #top #wrap_all #main #top-section .left-side .top-left-image.avia-image-container {
        top: 0;
        right: 85px;
    }

    #top #wrap_all #main #top-section .left-side .bottom-left-image.avia-image-container {
        top: 145px;
        left: 75px;
    }

    #top #wrap_all #main #top-section .right-side .top-right-image.avia-image-container {
        top: 0;
        left: 85px;
    }

    #top #wrap_all #main #top-section .right-side .bottom-right-image.avia-image-container {
        top: 145px;
        right: 75px;
    }
}
/*--------------- end of responsive Genie ou quoi --------------*/