/* 
Theme Name: from scratch_
Description: Thème de from scratch_
Author: from scratch_
Author URI: https://www.from-scratch.fr
Template: kadence
Version: 1.0.1
*/

@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Bold.eot');
    src: url('fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Bold.woff2') format('woff2'),
        url('fonts/AvenirNext-Bold.woff') format('woff'),
        url('fonts/AvenirNext-Bold.ttf') format('truetype'),
        url('fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Medium.eot');
    src: url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('fonts/AvenirNext-Medium.woff') format('woff'),
        url('fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-HeavyOblique.eot');
    src: url('fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-HeavyOblique.woff2') format('woff2'),
        url('fonts/Avenir-HeavyOblique.woff') format('woff'),
        url('fonts/Avenir-HeavyOblique.ttf') format('truetype'),
        url('fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Light.eot');
    src: url('fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Light.woff2') format('woff2'),
        url('fonts/Avenir-Light.woff') format('woff'),
        url('fonts/Avenir-Light.ttf') format('truetype'),
        url('fonts/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Ultra';
    src: url('fonts/AvenirNext-UltraLight.eot');
    src: url('fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-UltraLight.woff2') format('woff2'),
        url('fonts/AvenirNext-UltraLight.woff') format('woff'),
        url('fonts/AvenirNext-UltraLight.ttf') format('truetype'),
        url('fonts/AvenirNext-UltraLight.svg#AvenirNext-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Ultra';
    src: url('fonts/AvenirNext-UltraLightItalic.eot');
    src: url('fonts/AvenirNext-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-UltraLightItalic.woff2') format('woff2'),
        url('fonts/AvenirNext-UltraLightItalic.woff') format('woff'),
        url('fonts/AvenirNext-UltraLightItalic.ttf') format('truetype'),
        url('fonts/AvenirNext-UltraLightItalic.svg#AvenirNext-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-LightOblique.eot');
    src: url('fonts/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-LightOblique.woff2') format('woff2'),
        url('fonts/Avenir-LightOblique.woff') format('woff'),
        url('fonts/Avenir-LightOblique.ttf') format('truetype'),
        url('fonts/Avenir-LightOblique.svg#Avenir-LightOblique') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-BoldItalic.eot');
    src: url('fonts/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-BoldItalic.woff2') format('woff2'),
        url('fonts/AvenirNext-BoldItalic.woff') format('woff'),
        url('fonts/AvenirNext-BoldItalic.ttf') format('truetype'),
        url('fonts/AvenirNext-BoldItalic.svg#AvenirNext-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Oblique.eot');
    src: url('fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Oblique.woff2') format('woff2'),
        url('fonts/Avenir-Oblique.woff') format('woff'),
        url('fonts/Avenir-Oblique.ttf') format('truetype'),
        url('fonts/Avenir-Oblique.svg#Avenir-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Demi';
    src: url('fonts/AvenirNext-DemiBoldItalic.eot');
    src: url('fonts/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-DemiBoldItalic.woff2') format('woff2'),
        url('fonts/AvenirNext-DemiBoldItalic.woff') format('woff'),
        url('fonts/AvenirNext-DemiBoldItalic.ttf') format('truetype'),
        url('fonts/AvenirNext-DemiBoldItalic.svg#AvenirNext-DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-MediumOblique.eot');
    src: url('fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('fonts/Avenir-MediumOblique.woff') format('woff'),
        url('fonts/Avenir-MediumOblique.ttf') format('truetype'),
        url('fonts/Avenir-MediumOblique.svg#Avenir-MediumOblique') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Italic.eot');
    src: url('fonts/AvenirNext-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Italic.woff2') format('woff2'),
        url('fonts/AvenirNext-Italic.woff') format('woff'),
        url('fonts/AvenirNext-Italic.ttf') format('truetype'),
        url('fonts/AvenirNext-Italic.svg#AvenirNext-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Roman.eot');
    src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Roman.woff2') format('woff2'),
        url('fonts/Avenir-Roman.woff') format('woff'),
        url('fonts/Avenir-Roman.ttf') format('truetype'),
        url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-HeavyItalic.eot');
    src: url('fonts/AvenirNext-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-HeavyItalic.woff2') format('woff2'),
        url('fonts/AvenirNext-HeavyItalic.woff') format('woff'),
        url('fonts/AvenirNext-HeavyItalic.ttf') format('truetype'),
        url('fonts/AvenirNext-HeavyItalic.svg#AvenirNext-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Regular.eot');
    src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('fonts/AvenirNext-Regular.woff') format('woff'),
        url('fonts/AvenirNext-Regular.ttf') format('truetype'),
        url('fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Book';
    src: url('fonts/Avenir-BookOblique.eot');
    src: url('fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-BookOblique.woff2') format('woff2'),
        url('fonts/Avenir-BookOblique.woff') format('woff'),
        url('fonts/Avenir-BookOblique.ttf') format('truetype'),
        url('fonts/Avenir-BookOblique.svg#Avenir-BookOblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Black.eot');
    src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Black.woff2') format('woff2'),
        url('fonts/Avenir-Black.woff') format('woff'),
        url('fonts/Avenir-Black.ttf') format('truetype'),
        url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Heavy.eot');
    src: url('fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-Heavy.woff2') format('woff2'),
        url('fonts/AvenirNext-Heavy.woff') format('woff'),
        url('fonts/AvenirNext-Heavy.ttf') format('truetype'),
        url('fonts/AvenirNext-Heavy.svg#AvenirNext-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Black Oblique';
    src: url('fonts/Avenir-BlackOblique.eot');
    src: url('fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-BlackOblique.woff2') format('woff2'),
        url('fonts/Avenir-BlackOblique.woff') format('woff'),
        url('fonts/Avenir-BlackOblique.ttf') format('truetype'),
        url('fonts/Avenir-BlackOblique.svg#Avenir-BlackOblique') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Book';
    src: url('fonts/Avenir-Book.eot');
    src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Book.woff2') format('woff2'),
        url('fonts/Avenir-Book.woff') format('woff'),
        url('fonts/Avenir-Book.ttf') format('truetype'),
        url('fonts/Avenir-Book.svg#Avenir-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-MediumItalic.eot');
    src: url('fonts/AvenirNext-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-MediumItalic.woff2') format('woff2'),
        url('fonts/AvenirNext-MediumItalic.woff') format('woff'),
        url('fonts/AvenirNext-MediumItalic.ttf') format('truetype'),
        url('fonts/AvenirNext-MediumItalic.svg#AvenirNext-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Demi';
    src: url('fonts/AvenirNext-DemiBold.eot');
    src: url('fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-DemiBold.woff2') format('woff2'),
        url('fonts/AvenirNext-DemiBold.woff') format('woff'),
        url('fonts/AvenirNext-DemiBold.ttf') format('truetype'),
        url('fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Heavy.eot');
    src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Heavy.woff2') format('woff2'),
        url('fonts/Avenir-Heavy.woff') format('woff'),
        url('fonts/Avenir-Heavy.ttf') format('truetype'),
        url('fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Medium.eot');
    src: url('fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Medium.woff2') format('woff2'),
        url('fonts/Avenir-Medium.woff') format('woff'),
        url('fonts/Avenir-Medium.ttf') format('truetype'),
        url('fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body, input, select, optgroup, textarea{font-family:'Avenir'; font-size:14px; line-height:1.2;}
#inner-wrap{margin-top:35px;}

.main-navigation .primary-menu-container > ul > li.menu-item > a,
.header-navigation .header-menu-container ul ul li.menu-item > a,
.mobile-navigation ul li a{font-family:'Avenir';}
.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle,
.nav--toggle-sub .dropdown-nav-toggle{display:none;}
.nav-drop-title-wrap{padding:0px;}
.header-navigation ul ul.sub-menu,
.header-navigation ul ul.submenu{padding-top:5px; margin-left:-52px;}
.header-navigation .header-menu-container ul ul li.menu-item > a{text-align:center;}

video,
.vt_video{width:100%; height:unset;}
.vjs-poster,
.vjs-title-bar,
.vjs-text-track-display,
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-modal-dialog{display:none;}
.vjs-fluid:not(.vjs-audio-only-mode){padding-top:0px !important;}

.bold_paragraph p{font-family:'Avenir Next'; font-size:13px; font-weight:600; line-height:1.5;}

.projects_archives_container{margin:0px; padding-left:50px; padding-right:50px;}
.projects_archives_container ul{margin:0px; padding:0px;}
.projects_archives_container ul li.project_archives_item{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; margin-bottom:10em; width:calc(50% - 20px); list-style-type:none;}
.projects_archives_container ul li.project_archives_item.align_left{justify-content:start;}
.projects_archives_container ul li.project_archives_item.align_right{justify-content:end;}
.projects_archives_container ul li a{display:inline-block; max-width:77%; text-decoration:none; transition:all linear 0.3s;}
.projects_archives_container ul li a:hover{opacity:.8;}
.projects_archives_container ul li.project_archives_item:nth-of-type(2) a{margin-top:40px;}
.projects_archives_container ul li h2{padding:15px 25px; text-align:center; font-size:14px; line-height:1.2;}

body.single-project #inner-wrap{margin-top:0px;}
body.single-project .content-container{display:none;}
body.single-project .content-area{position:relative; margin-top:0px; margin-bottom:0px;}
body.single-project .entry-content.single-content{margin-bottom:17px;}
.owl-carousel .owl-stage{display:flex; align-items:center;}
.project_actions{position:fixed; left:0px; bottom:0px; width:100vw; background-color:#FFFFFF; padding:20px; display:flex; justify-content:space-between; align-items:center; z-index:99999;}
.fs_owl_nav{display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;}
.fs_owl_nav button{background-color:#FFFFFF; box-shadow:none; width:30px; height:50px; padding:0px; background-size:30px 50px; background-position:center;}
.fs_owl_nav button.owl-prev{background-image:url(imgs/arrow_prev.svg);}
.fs_owl_nav button.owl-next{background-image:url(imgs/arrow_next.svg);}
.close-carousel{width:50px; height:50px; padding:0px; background-image:url(imgs/cross.svg); background-size:50px 50px; background-position:center;}
.fs_owl_nav button,
.close-carousel{opacity:.7;}
.fs_owl_nav button:hover,
.close-carousel:hover{opacity:1;}
.owl-carousel .owl-nav{position:absolute; left:1.5rem; margin-top:22px;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{display:inline-block;}
.owl-carousel .owl-nav button.owl-prev{vertical-align:text-bottom;}
.owl-carousel .owl-nav button.owl-next{vertical-align:sub;}
.projects-carousel-container .fs_arrow{border:solid black; border-width:0 1px 1px 0; opacity:0.8;}
.owl-carousel .owl-dots{position:inherit; display:none; margin-top:-40px; text-align:center; z-index:999999;}
.owl-carousel button.owl-dot{margin:0px 3px; border-radius:50%; width:8px; height:8px; background-color:#ffffff !important; opacity:.3;}
.owl-carousel button.owl-dot.active{opacity:.5;}
.project_caption,
.project_caption h1{font-size:15px; line-height:1.2; font-weight:600; text-align:center;}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6{margin:0px;}


@media screen and (max-width: 767px) {
	.projects_archives_container ul li.project_archives_item{margin-bottom:40px; width:100%;}
	.projects_archives_container ul li a{margin:0px !important; max-width:100%;}

    .fs_owl_nav button{width:21px; height:35px; background-size:21px 35px;}
    .close-carousel{width:35px; height:35px; background-size:35px 35px;}
    .project_caption,
    .project_caption h1{font-size:13px;}
}