/*
Theme Name: Kojilito
Template: koji
Author: e.lito
Author URI: https://www.e.lito.fr
Description: Theme enfant du theme Koji.
Version: 1.0.1571909356565
Updated: 2019-10-24 09:29:49

*/
body {
/*     font-family: 'Helvetica Neue', Helvetica, sans-serif; */
font-family: 'Helvetica Neue', Helvetica, Sans-serif;
}
/*modification de la colonne de gauche*/
#site-header {
    padding: 6rem 3rem 0 3rem;
}
/*Modification de l'équilibre des colonnes car j'aurais surement une scroll barre designer cf plus bas*/
@media (min-width: 1440px){
	#site-header {
	    width: 40.5rem;
      padding: 6rem 3rem 0 6rem;
	}
}

@media (min-width: 1000px){
	#site-content {
    	padding: 6rem 6rem 0 3rem;
	}
}

/*centrage du logo*/
.header-top a img{margin:0 auto;}

/*description sous le logo*/
.site-description{
    font-size: 1.5rem;
    text-align: center;
    margin-top:0;
    font-weight: 300;
    margin-top: -4rem;
    color:#000;
}
.home h2.site-description {line-height: 1.5;}
/*HOME - modifications sur les vignette masonry*/
.preview.will-be-spotted.spotted .preview-wrapper{
	position:relative;
	box-shadow: 0px 0px 49px -14px rgba(0,0,0,0);
    transition : box-shadow 500ms ease-out;
}

.home .site-title,
.custom-logo-link{
  margin:0 auto;
}

/*intégration d'un cadre pour révélation en hover*/
.preview.will-be-spotted.spotted .preview-wrapper:before{
	content:" ";
	pointer-events:none;/*magique ! permet de cliquer à travers*/
	display: block;
	position:absolute;
	z-index: 1;
	border: 1px solid rgb(24, 93, 148,0);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 10px;
    transition : border 500ms ease-out;
}
/*application d'une ombre sur les element mansonry en hover*/
.preview.will-be-spotted.spotted .preview-wrapper:hover {
	box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.5);
}
/*affichage du cadresur les element masonry en Hover*/
.preview.will-be-spotted.spotted .preview-wrapper:hover:before{
	border-color: rgb(24, 93, 148,1);
}
/*Changement de couleur sur le titre*/
.preview.will-be-spotted.spotted .preview-wrapper .preview-title a{
	transition: color 250ms ease-out;
}
.preview.will-be-spotted.spotted .preview-wrapper:hover .preview-title a{
	color:#FF663D;
}

/*création d'une animation de zoom sur les image des éléments masonry*/
.preview-image:hover img {
    transition: 1s ease-out;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

/*HOME*/
/*image en noir et blanc pour les article*/
.preview.preview-post .preview-wrapper .preview-image img{/*	-webkit-filter: grayscale(100%); 	filter: grayscale(100%);*/}
.preview.preview-post .preview-wrapper >a{position:relative;}
.preview.preview-post .preview-wrapper >a::after{
	content: 'Article';
    background-color: rgba(78, 87, 97, 1);
    color: #FFF;
    text-align: center;
    border-radius: 10px;
    font-size: 0.8em;
    padding: 0.2em 0.6em;
    font-weight: bold;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: -10px;
    left: 50%;
    margin-left: -30px;
}

/* .preview.preview-realisations .preview-wrapper >a{position:relative;}
.preview.preview-realisations .preview-wrapper >a::after{
  content: 'Projet';
    background-color: rgba(78, 87, 97, 1);
    color: #FFF;
    text-align: center;
    border-radius: 10px;
    font-size: 0.8em;
    padding: 0.2em 0.6em;
    font-weight: bold;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: -10px;
    left: 50%;
    margin-left: -30px;
} */


/*Scroll bars*/
header {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-highlight-color:#7D7E94;
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-track-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
    /*firefox*/
    scrollbar-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0);
	scrollbar-width: thin;
}

header::-webkit-scrollbar
{
  width: 2px;  /* for vertical scrollbars */
  height: 2px; /* for horizontal scrollbars */
}

header::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0);
}

header::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.05);
  height:10px
}



/*EMPLACEMENt DE MENU topmenulito*/

#topmenulito-wrapper{
    /* height: 3rem; */
    background-color: #28a7de;
    border-radius: 10px;
    margin: 0 auto ;
    /* margin-bottom: 2.5rem; */
    margin-bottom: 1.2rem;
	  box-shadow: inset 0px 0px 10px 1px rgb(14, 44, 97,0.3);
    border: 1px solid rgb(14, 44, 97,.5);
    background: -webkit-linear-gradient(275deg,#29a9e0, #0e2c61);
    width: calc( 100% - 6rem );
    }
    
    /*fil d'ariane*/
    #site-content > nav{
      margin: 0 auto ;
      margin-bottom: 1.2rem;
      width: calc( 100% - 6rem );
    }
    #site-content > nav .breadcrumb{
      font-size: 1.5rem;
            color: #0f3369;
    }
    
   @media (min-width: 1000px){
	#site-content {
    	padding-top: 1rem;
	}
	#topmenulito-wrapper,
  #site-content > nav{
		width:100%;
	}
}
 /*le menu haut*/
#menu-realisations{
	/* height: 3rem; */
	list-style: none;
	margin:0;
	padding:0;
	display: flex;
	flex-direction : row;
  justify-content: center;
}
@media(max-width: 550px) {
  #menu-realisations {
    flex-flow: column wrap; /*4*/
  }
}
#menu-realisations li{
	/* height: 3rem; */
  line-height: 1.2;
    margin: 1rem;
}
#menu-realisations li a {
  /* height: 3rem; */
  color:#fff;
  padding: 0 1.7rem;
  display: block;
  text-align:center;
  text-decoration: none;
  word-break: normal;  
}
#menu-realisations li a:hover{
/* 	color:#FF663D;	 ORANGE*/
	color:rgb(14, 44, 97,1);
}

/*MENU PRINCIPAL colonne gauche*/
/*cntrer les elements de menu*/
.site-nav li{
	text-align: center;
    font-size: 2rem;
}
/*sous menu*/
ul.site-nav ul{
	margin:0;
}
ul.site-nav ul li{
	margin-top:0;
	line-height: 1;
}
ul.site-nav ul li a{
	font-size: 1.4rem;
    font-weight: normal;
}
/*petite fantaisie pour les éléments parents*/
.site-nav > li > a{
	font-weight: bold;
	background: -webkit-linear-gradient(45deg,#29a9e0, #0e2c61);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
.site-nav > li > a:hover{
/* 	letter-spacing: 1px; */
}

/*Formulaires
Définition d'un cadre dégradé*/
.cadre_lito{
  border:2px solid #29a9e0;
  border-radius:1em;
  padding:0 1em 2em;
}

.gradient_text{
  color: #13447a;
  background: -webkit-linear-gradient(135deg,#29a9e0, #0e2c61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bloc_prix{
  background: #13447a;
  background: linear-gradient(135deg,#29a9e0, #0e2c61);
  color:#FFF;
  padding: 0.5em;
  font-size: 1.3em;
  border-radius: 1em;
}

/*************************
	Général
***************************/
/*Première lettre des mot en majuscule*/
h1{text-align: center;}
h1::first-letter{
	text-transform: uppercase;
}
::selection {
  background: #FF663D;
}
/*CONTENU*/
@media (min-width: 1000px){
	.single-container {
	    box-shadow: 0 0.3rem 1.8rem rgba( 5, 10, 15, 0.1 );
	}
}

.post-inner {
	max-width: 72rem;
}

.entry-content a{color:#238ec5;}
.entry-content a:hover{color:#FF663D;text-decoration: none;}

/*Block entete categorie*/
.archive .archive-header-desktop .preview-wrapper {
    background-color: #13457b;
    background: -webkit-linear-gradient(275deg,#29a9e0, #0e2c61);

}
.archive-title::first-letter{text-transform: uppercase;}
.archive .subheading{color: #FFF;}
.archive h1{text-align: left;}

/*GALERIE*/
@media (min-width: 1200px){
	.alignwide, .entry-content .gallery {
	    left: calc( 50% - 43rem );
	    right: auto;
	    width: 86rem;
	}
}
@media (min-width: 1440px){
	.alignfull {
	    right: calc( ( ( 100vw - 9rem - 44.4rem ) - 72rem ) / 2 );
	    width: calc( 100vw - 9rem - 44.4rem );
	}
}
/*SIDEBAR et widgets*/
.widget_media_image .image{margin: 0 auto;}

/*FOOTER crédits*/
.credits{
	font-weight: 200;
}
.credits a:hover, .credits a:focus {
	color:#FF663D;
    text-decoration: underline;
}

.copyright{
	font-weight: 100;
}

/*Page contact reCaptcha*/
.grecaptcha-badge { opacity: 0; visibility: hidden; display:none;}
#reCaptchaNote{
  float: right;
  font-size: 0.7em;
}