/*
Theme Name: Portfolio de Noah
Template: lekker
*/
@font-face {
    font-family: 'AlaskaBeta';
    src: url("AlaskaBeta/alaskabeta-light-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-light-webfont.woff") format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'AlaskaBeta';
    src: url("AlaskaBeta/alaskabeta-regular-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-regular-webfont.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'AlaskaBeta';
    src: url("AlaskaBeta/alaskabeta-bold-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-bold-webfont.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'AlaskaBeta';
    src: url("AlaskaBeta/alaskabeta-black-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-black-webfont.woff") format('woff');
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: 'AlaskaBetaexpanded';
    src: url("AlaskaBeta/alaskabeta-expandedlight-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-expandedlight-webfont.woff") format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'AlaskaBetaexpanded';
    src: url("AlaskaBeta/alaskabeta-expandedbold-webfont.woff2") format('woff2'),
         url("AlaskaBeta/alaskabeta-expandedbold-webfont.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}
video {
    object-fit: contain!important; /* Ajuste la vidéo pour qu'elle s'adapte au conteneur */
    width: 100%!important; /* S'assure que la largeur correspond à celle du conteneur */
    height: auto!important; /* Maintient le ratio de la vidéo */
}

body {color: white; font-family: 'AlaskaBeta'!important; margin: 0px!important; padding: 0px!important}
nav {}
a {}
#menu-menu-2 {font-family: 'AlaskaBetaexpanded'!important; font-weight: 200; color: white; font-size: 20px}
.qodef-header-navigation>ul>li>a {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold; color: white; font-size: 18px!important; text-decoration: none!important}
.qodef-m-filter-item-name {font-family: 'AlaskaBeta'!important; font-weight: bold}
#qodef-single-portfolio-navigation > div > a.qodef-m-nav.qodef--prev {color: white!important}
#qodef-single-portfolio-navigation > div > a.qodef-m-nav.qodef--prev > span.qodef-m-nav-lines {color: white!important}
.qodef-mobile-header-navigation {background-color: #000000!important}

.qodef-e-title-link {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold; background-color: white!important}
.qodef-e-info-category {font-family: 'AlaskaBeta'!important; font-weight: bold; background: linear-gradient(to top, grey, blue)!important;}
.qodef-e-title entry-title {background: linear-gradient(to top, grey, white)!important;}

#qodef-page-content > div > div > div > div.elementor-element.elementor-element-4f97b17.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-9b90747.elementor-widget.elementor-widget-lekker_core_portfolio_list > div > div > div.qodef-m-filter > div > a:nth-child(2) a:hover{color: aqua!important}

.texteprojet {font-family: 'AlaskaBeta'; font-weight: 300; color: white; font-size: 20px}
.titreprojet {font-family: 'AlaskaBetaexpanded'; font-weight: bold; color: white; font-size: 30px}
.downloadresume {font-family: 'AlaskaBetaexpanded'; font-weight: bold; color: white; font-size: 50px; text-align: center; animation: levitation 5s ease-in-out infinite; display: block}

.boldexpanded {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold;}
.expanded {font-family: 'AlaskaBetaexpanded'!important; font-weight: 200; line-height: 0px!important}
.titreexpanded {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold; font-size: 35px; padding-bottom: 20px}
.bold {font-family: 'AlaskaBeta'!important; font-weight: bold; color: white;}
.regular {font-family: 'AlaskaBeta'!important; font-weight: 300; color: white;}

#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-64bbee9.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > div > h2 {font-family: 'AlaskaBetaexpanded'; font-weight: bold;}
#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-b26939f.e-con-full.e-grid.e-con.e-child > 
#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-b26939f.e-con-full.e-grid.e-con.e-child > div.elementor-element.elementor-element-f9bb1f6.e-grid.e-con-boxed.e-con.e-child > div > div.elementor-element.elementor-element-3e95488.elementor-widget.elementor-widget-text-editor > div {font-family: 'AlaskaBeta'!important; font-weight: 200!important; color: white!important; font-size: 20px!important}

.page-id-5376 div#qodef-page-inner {width: 100%!important;}

/*MEDIA QUERIES*/
@media only screen and (max-width: 680px) {
    h1 {
        font-size: 70px!important;
    }
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 120px!important;
    }
}

#qodef-page-content > div {margin: 0 !important; padding: 0 !important}

#qodef-page-content > div > div > div > div.elementor-element.elementor-element-d19b197.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {margin: 0 !important; padding: 0 !important}

#qodef-page-content > div > div > div > article > div > div > div > div > div > div > header > div > div > img {margin: 0px!important; padding: 0px!important}

#qodef-page-outer > div.qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom.qodef--has-image > div > div > h4{
	display: none !important}

#qodef-page-content > div > div > div > div.elementor-element.elementor-element-4f97b17.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-9b90747.elementor-widget.elementor-widget-lekker_core_portfolio_list > div > div > div.qodef-m-filter > div > h5 {display: none !important}

#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-5ca6070.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > div > div > video {width: 120%!important}

#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-5ca6070.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > video {
    width: 1500px; /* Taille de l'image */
    height: auto;
	align-content: center;
	margin: auto;
    }

#qodef-page-content > div > div > div > article > div > div > div > div > div > div > div.elementor-element.elementor-element-557e166.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > video {width: 1500px; /* Taille de l'image */
    height: auto;
	align-content: center;
	margin: auto;}

#qodef-single-portfolio-navigation > div > a.qodef-m-nav.qodef--back-link {display: none!important;}

#qodef-page-content > div > div > div > div > div > div > div > h2 {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold;}

.qodef-back-to-top-text {font-family: 'AlaskaBetaexpanded'!important; font-weight: bold; color: white; font-size: 12px!important;}

#qodef-single-portfolio-navigation .qodef-m-nav-label {color: white!important; font-family: 'AlaskaBetaexpanded'!important; font-weight: bold;}






/*code pour l'animation de vol si tu veux mon gateau au sushi*/
#qodef-page-content > div > div > div > div.elementor-element.elementor-element-d5872ab.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-df69dca.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-3ac5299.e-con-full.e-flex.e-con.e-child > div > div > img {
    height: auto;
	align-content: center;
	margin: auto;
/* Définir l'animation de lévitation */
	animation: levitation 5s ease-in-out infinite}

@keyframes levitation {
    0% {
        transform: translateY(0); /* Position initiale */
    }
    50% {
        transform: translateY(-20px); /* Monter de 30px (ajuste selon ton besoin) */
    }
    100% {
        transform: translateY(0); /* Retour à la position initiale */
    }
}