/*
Theme Name: SENDRES
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@import 'https://fonts.googleapis.com/css?family=Questrial';

/********************************************
    LAYOUT
********************************************/
body.side-header-left #wrapper {
  margin-left: 320px !important;
}
body.side-header-right #wrapper {
  margin-right: 320px !important;
}
#side-header {
  width: 320px !important;
}
#side-header .side-header-background,
#side-header .side-header-border {
  width: 320px !important;
}

/********************************************
    MUSIQUE
********************************************/
.myButton_play, .myButton_stop{
    position: fixed !important;
    top: 35px;
    right: 35px;
    z-index: 3000;
}
/********************************************
    COMMON
********************************************/

.fusion-page-title-bar{
    border: none !important;
}
.fusion-page-title-bar h1 {
    font-size: 48px !important;
    background: url('img/h1white.png') left bottom no-repeat;
    padding-bottom: 30px;
}
.fusion-page-title-bar h6 {
    color:#fff;
    font-size: 18px;
    font-family: 'Questrial';
}
#content{
    padding-top: 80px;
}
.home #content{
    padding-top: 0px;
}
.fusion-content-sep {
  margin-top: 20px;
  height: 1px;
  border-top: 1px solid #EAEAEA;
  border-bottom: none;
}
.sep-post{
    margin : 20px 0 40px;
}
.post {
    margin-bottom: 0px; 
}
/********************************************
    YOUTUVE VIDEO IN SLIDER
********************************************/
.video-wrapper {
	width: 1200px;
	max-width: 100%;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/********************************************
    MENU
********************************************/

.fusion-main-menu{
    text-transform: uppercase;
}
#side-header .fusion-main-menu > ul > li > a,
#side-header .fusion-main-menu > ul > li:first-child > a {
    border-bottom-width: 0;
    border-top-width: 0;
}
.wrapper-flex{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sButton{
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #010204;
    align-self: center;
    text-align: center; 
}
.sButton:hover {
    color: #fff;
    background: #959595;
    border-color: #959595;
}
h1{
    background: url('img/h1.png') left bottom no-repeat;
    padding-bottom: 30px;
}
.h1center{
    background: url('img/h1.png') center bottom no-repeat;
}
h6{
    text-transform: uppercase;
}
.citation{
    font-family: 'Questrial';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
}

/********************************************
    HOME
********************************************/
.home .fusion-page-title-bar{
    display:none;
}
.home_wrapper .fusion-row{
    max-width: none !important;
}
.de_moi .sButton {
    margin: 40px 0 20px;
}
.mini-logo{
    float: left;
    width: 19%;
}
.metiers{
    float: left;
    width: 27%;
}
.desc-bloc{
    margin: 20px 0;
}
.quote-home {
    padding: 0 40px;
}

.wrapper-pf-item{
    float: left;
    padding: 20px;
    width: 30%;
    background: #fff;
    margin-bottom: 60px;
}
.wrapper-pf-item:hover{
    box-shadow: 0px 1px 8px #afafaf;
}
.wrapper-pf-item:first-child{
    margin-right: 5%;
}
.wrapper-pf-item:last-child{
    margin-left: 5%;
}
.pf-item img{
    background-size: cover;
    width: 100%;
}
.pf-title{
    margin-top: 10px;
    text-transform: uppercase;
    min-height: 60px;
    font-family: 'Questrial';
}

/********************************************
    POSTS
********************************************/
.send-cat {
    font-size: 13px;
    line-height: 18px;
    color:#737373;
}
.send-date{
    color:#fff;
    background: #000;
    padding: 2px 10px 1px;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
}

.fusion-blog-layout-grid .fusion-post-content-container {
    margin-top:40px;
    font-size: 13px;
    line-height: 18px;
}

/********************************************
    SINGLE POST
********************************************/
#main.sendres-blog{
    padding-left:0;
    padding-right: 0;
    display: table;
    width:100%;
}
.wrapper-content{
    display: table-cell;    
    width: 75%;
}
.wrapper-sidebar{
    display: table-cell;
    vertical-align: top;
    width: 25%;
    background: #f4f6f8;
}
body.has-sidebar .wrapper-content #content{
    width: 900px;
    float: right !important;
    padding: 80px 60px 0 0;
    margin: 0;
}
body.has-sidebar #main .wrapper-sidebar .sidebar{
    width: 300px;
    float: left !important;
    padding: 80px 0 0 40px;
    margin: 0;
}

/********************************************
    SIDEBAR
********************************************/
.sidebar-logo{
    text-align: center;
}
.blog-item{
    width: 100%;
}
.blog-item img{
    float: left;
    width:30%;
}
.blog-title{
    float: left;
    width:70%;
    padding-left: 20px;
    font-size: 13px;
    line-height: 18px;
}

/********************************************
    PRESSE
********************************************/
.doc-item{
    width: 100%;
    margin-top: 15px;
}
.doc-item img{
    float: left;
    width:80px;
}
.doc-title{
    display: inline-block;
    padding-left: 20px;
}
.doc-date{
    font-size: 13px;
    line-height: 18px;
}

/********************************************
    PORTFOLIO SINGLE
********************************************/

.fancybox-social-bar{
    background-color: transparent !important;
    bottom: -20px;
    transform: translate(0%, 0px) !important;
}
.fancybox-button:hover{
    color: white !important;
}
.fancybox-navigation .fancybox-button div{
    background:#4b4b4b !important;
}

.fancybox-navigation .fancybox-button div:hover {
    background: #6b6b6b !important;
}

.fancybox-button--arrow_left{
    left: 50px !important;
}

.fancybox-button--arrow_right{
    right: 50px !important;
}

.single-avada_portfolio #sliders-container .iframe-video-container, .ls-defaultskin{
    background-color: #f7f7f7 !important;
    padding: 24px !important;
}

.single-avada_portfolio #sliders-container{
    margin-bottom: 50px;
    text-align: center;
}

.slider-for .slick-arrow {
    display: none !important;
}

.slider-for, .single-avada_portfolio #sliders-container .iframe-video-container, .ls-defaultskin{
box-shadow: 0px 0px 3px rgba(3, 7, 18, 0.02),
  0px 2px 10px rgba(3, 7, 18, 0.04),
  0px 4px 23px rgba(3, 7, 18, 0.06),
  0px 6px 41px rgba(3, 7, 18, 0.08),
  0px 10px 64px rgba(3, 7, 18, 0.10)  !important;
}
.slider-nav .slick-prev, .slider-nav .slick-next{
    background-color: #4b4b4b !important;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.slider-nav .slick-prev:hover, .slider-nav .slick-next:hover{
    background-color: #6b6b6b !important;
}

.slider-nav .slick-prev:before {
    content: "";
    background-size: contain;
    width: 28px;
    height: 28px;
    background: url(/wp-content/themes/Sendres/img/arrow-before.svg) no-repeat;
}
.slider-nav .slick-next:before {
    content: "";
    background-size: contain;
    width: 28px;
    height: 28px;
    background: url(/wp-content/themes/Sendres/img/arrow-next.svg) no-repeat;
}

.download-book-button {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.download-book-button:hover {
    background-color: #555;
}

.wrapper-portfolio h2{
    margin-bottom: 0.2em;
}
.p-cat{
    margin-bottom: 40px;
}
.portfolio-left{
    width: 47%;
    float:left;
    margin-right: 6%;
}
.portfolio-right{
    width: 47%;
    float:left;
    font-size: 14px;
    line-height: 19px;
}
.portfolio-right > p {
    margin: 0;
}
.p-line{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    padding-bottom: 10px;
    border-top: 1px solid #000;
}
.post-content .p-data > p {
    margin: 0;
}
.p-desc{
    width: 30%;
    font-size: 12px;
    line-height: 17px; 
    color: #fff;
    text-align: left;   
}
.p-desc span {
    background: #000;
    padding: 2px 10px 1px;
}
.p-data{
    width: 70%;
    font-size: 14px;
    line-height: 19px;
}
/********************************************
    MEDIA QUERIES
********************************************/

@media only screen and (max-width: 1520px) {
    body.has-sidebar .wrapper-content #content{
        width: 100%;
        padding: 80px 20px;
    }
    body.has-sidebar #main .wrapper-sidebar .sidebar{
        width: 100%;
    }
}
@media only screen and (max-width: 1200px) {
    .wrapper-content{ 
        display: block;
        width: 100%;
    }
    .wrapper-sidebar{
        display: block;
        width: 100%;
    }  
}

@media only screen and (max-width: 1000px) {
    .wrapper-pf-item{
        float: none;
        width: 80%;
        margin : 10% 40px;
    }
    .wrapper-pf-item:first-child{
         margin-right: 10%;
    }
    .wrapper-pf-item:last-child{
        margin-left: 10%;
    }   
    .mini-logo{
        width: 100%;
        text-align: center;
    }
    .metiers{
        width: 50%;
    }
    .portfolio-left, .portfolio-right {
        width: 100%;
        margin-right: 0;
    }
    .doc-title{
        display:block;
    }
    .doc-item img{
        margin-right: 20px;
    }

}

@media only screen and (max-width: 800px){
    #side-header, .side-header-background {
        background-color: #010204 !important;
    }
    .myButton_play, .myButton_stop{
        position: fixed !important;
        top: 100px;
        right: 26px;
        z-index: 3000;
    }
}

/* Slick Slider */
.slick-slider{
    background: #f7f7f7;
    padding: 15px;
    border: 1px solid #f1f1f1;
}
/* Container principal */
.slick-gallery-container {
    max-width: 1190px;
    padding: 10px;
    margin: 0 auto;
}

/* Slider principal */
.slider-for {
    margin-bottom: 30px;
    
}

.slider-for .slick-slide {
    height: 600px;
}


.slider-for img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Container des thumbnails */
.slider-nav {
    max-width: 750px;
    margin: 0 auto;
    padding: 5px;
    background: white;
    box-shadow: 0px 3px 20px -15px black;
    margin-bottom: 15px;
    border-radius: 4px;
}

/* Fix pour la hauteur des slides thumbnails */
.slider-nav .slick-list {
    height: 70px;
}

.slider-nav .slick-slide {
    padding: 0 15px; /* 30px d'espacement total */
}

/* Assure que tous les conteneurs internes prennent toute la hauteur */
.slider-nav .slick-slide > div {
    height: 70px;
}

.slider-nav .slick-slide div div {
    height: 100%;
}

.slider-nav img {
    height: 70px !important;
    object-fit: contain;
}

/* Style actif pour la thumbnail sélectionnée */
.slider-nav .slick-current img {
    opacity: 0.5;
}

/*
.slider-nav .slick-prev,
.slider-nav .slick-next {
    display: none !important;
}*/

@media only screen and (max-width: 1250px){

.slider-nav .slick-prev {
    left: -40px;
}
.slider-nav .slick-next {
    right: -40px;
}

.single-avada_portfolio .slider-nav{
    max-width: 50vw;
}

}

@media only screen and (max-width: 900px){

    .slider-nav .slick-prev {
        left: -30px;
    }
    .slider-nav .slick-next {
        right: -30px;
    }
    
    .single-avada_portfolio .slider-nav{
        max-width: 330px;
    }
    
    }
    

.slider-nav .slick-prev {
left: -50px;
}
.slider-nav .slick-next {
right: -50px;
}

.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
    font-size: 30px;
}

.fancybox-social-btn {
    background-color: #4b4b4b !important;
}

.fancybox-social-btn:hover {
    background: #6b6b6b !important;
}

.fancybox-inner{
    display: flex !important;
    justify-content: center !important;
    align-items: end !important;
}

.fancybox-toolbar{
    position: relative !important;
}
.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--fsenter,
.fancybox-button--close{
    display: none !important;
}

.fancybox-download-btn:hover{
    background:#6b6b6b !important;
}

.fancybox-download-btn{
    position: relative !important;
    bottom: 6vh !important;
    top: unset !important;
    right: unset !important;
    /*left: 150px !important;*/
    width: auto !important;
    background-color: #4b4b4b !important;
}

.fancybox-download-btn p{
    min-width: 135px;
}

.slick-list * {
    border: none !important;
}





    
iframe{
    min-width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.video-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

.fancybox-image{
    height: 60vh !important;
    object-fit: contain !important;
    position: relative !important;
    width: auto !important;
}
.fancybox-image:before{
    content: "";
    background-size: contain;
    width: 28px;
    height: 28px;
    background: url(/wp-content/themes/sendres/img/arrow-before.svg) no-repeat;
}

.fancybox-content{
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
}