/*
Theme Name: Edyta child inside
Description: Thème enfant de Inside
Author: Webformation
Template: inside
*/

@import url("../inside/style.css");

#style1 {
    float:left;
}

div#foliocontent .entry_item p {
    column-count: 1;
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
}

.singleslider .flex-caption {
    display:none;
}

.top_fix {
    padding-top: 160px !important;
}

h1.itemtitle {
    font-size:45px;
}

p.folio_meta, p.meta { 
    display:none;
}

h2.widget {padding:5px; background-color:#D2001A; text-align:center;}

div.fl p {font-weight:bold; color:#D2001A;}
#layoutpost-83{
    background-color: #D2001A ;
}

.social-menu a{
    font-size: 2em !important;
}

.social-menu li:hover a{
    color: #D2001A !important;
}

.mk-social-linkedin::before{
    top: 6px ;
    right: 0px;
    position: absolute !important;
}

/* design des moyens/services en bas de la homepage */

div#services-wrap {
    margin-top:0px;
    overflow: visible !important;
}
ul#servicesbox {
    padding-top:0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

.services{
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    transition: all 5s;
}

.services:hover{
    background-color: unset !important; 
    transition: all 5s;
}

.services h3 a{
    color: white;
    font-size: 1.7em;
}

.services:hover h3{
    transform: scale(1.4);
}

.servicesdesc{ 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    color: white;
    max-height: 0 ;
    opacity: 0;
    transition-property: opacity, max-height;
    transition-duration: 1s, 0.5s;
    transition-timing-function: ease-in;
    overflow: hidden;
}

.services:hover .servicesdesc{
    opacity: 1;
    max-height : 200px;
    margin-bottom: 20px;
}

.servicesdesc p{
    font-size: 1em !important;
}


.section h2 {margin:20px 15% 30px 15%;}

li.magnifie a {
    font-size:1.3em !important;
    padding-bottom:0;
    padding-top:21px;
    padding-left:0px;
    padding-right:25px
}

#header h1{
    margin:0 0 0 0;
    padding:0;
    float:left;
    line-height:.9;
    font-size:33px;
    text-transform:uppercase;
    letter-spacing:-3px !important;
    display:block;
    z-index: 99999;
}
#header img {
    padding:0;
}
#main-nav 
{
    margin-top:30px!important;
    font-size:1.2em!important;
}
.navi li a {
    font-size: 15px !important;
}

.section .container {
    padding: 20px 4%;
}

/* Gestion affichage slider page d'accueil */

.stuff{
    top: 0px;
    bottom: unset;
    padding: 55vh 0 0 0 ;
}

.slider_full{
    display: block;
    text-align: center;
}

.slider_full img{
    height: 100vh;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

/* Bouton photographe de l'entête */

.homebutton{

    position: absolute;
    top: 10px;
    left: 300px;
    
}

.homebutton a{
    font: 700 11px/1.2em "Source Sans Pro", sans-serif !important;
    color: white !important;
    font-size: 1.565em !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.homebutton a:hover{
    color: #D2001A !important;
}

#main-nav li:first-child {
    display: none;
}

#main-nav .menu-item li:first-child {
    display: block;
}

/* Correction hauteur bandeau des pages*/

div.section_template {
    background-position: 50%;
    background-size: cover !important;
}

div.section_template .container {
    padding-top:115px;
    padding-bottom:45px;
}

/* Flèche invitant au scroll page d'accueil */

.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
}
  
.scroll-down {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #FFF;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: scale(1);
}
  
.scroll-down:before {
    position: absolute;
    top: calc(50% - 9.5px);
    left: calc(50% - 6.75px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

/* Gestion affichage sliders articles */

.singleslider{
    display: block;
    text-align: center;
}

.singleslider img{
    height: 640px;
    width: 100%;
    object-position: center;
    object-fit: contain;
}
/* liens contact */

.contact_link{
    color: white !important;
    text-decoration: underline !important;
}

.contact_link:hover{
    color: #D2001A !important;
}

/*Retrait loupe services (lightbox) */

.hoverstuff-zoom{
    display:none;
}

/* caroussel référence + background white de la page*/

.page-id-33{
    background-color : white;
}

.owl-stage{
    display: flex;
    align-items: center;
}
.smls-main-logo-wrapper{
    width: 100% !important;
}

.owl-item{
    max-height:180px;
}

.owl-item div{
    max-height:180px;
}

.owl-item img{
    object-position: center;
    object-fit: contain;
    max-height: 180px;
}

video{
   width: 100%;
}

figure{
   margin : 0 !important;
   margin-bottom : 1em !important;
}


/*espacement images*/

.wp-block-image{
    margin-top : 30px !important;
    margin-bottom : 30px !important;
}
.loop{
    margin-top : 30px !important;
}

/*disparition recaptcha*/

.grecaptcha-badge{
    display:none !important;
}

/*custom h1 pour aligner au centre*/

h1.itemtitle {
    margin-top: 50px !important;
    float: none !important;
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Responsive */

@media only screen and (max-width: 1000px) {
	.slider_full img{
        height: calc(100vh - 100px);
    }
    .stuff{
        padding: 45vh 0 0 0 ;
    }
    #main-nav {
        margin-top: 32px!important;
    }
    div.section_template .container {
        padding-top:45px;
    }
    .singleslider img{
        height: 500px;
    }
}

@media only screen and (max-width: 880px) {
 a#navtrigger{
     display: block;
 }
 #navigation{
     display: none;
 }
}

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

    .homebutton{
        top: 35px;
    }

	.slider_full img{
        height: calc(100vh - 100px);
    }
    .stuff{
        padding: 45vh 0 0 0 ;
    }
    .singleslider img{
        height: 400px;
    }
    
}

@media only screen and (max-width: 770px) {
    .stuff{
        padding: 55vh 0 0 0 !important;
    }

    .resmode-No {
        display: block !important;
        visibility: visible !important;
    }
}

@media only screen and (max-width: 600px) {
    .singleslider img{
        height: 300px;
    }
}

@media only screen and (max-width: 550px) {
    #navigation ul li:first-child {
        display: block;
    }
    .homebutton{
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .singleslider img{
        height: 250px;
    }
}

@media only screen and (max-width: 400px) {
    .singleslider img{
        height: 200px;
    }
}