/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


.logo-name-wrapper {
	height:100px;
	margin-left:35px;
	display:flex;
	align-items: center;
}

.logo-name-container {
	font-size:0.6em;
	text-transform: lowercase;
}

#copyrights {
	background-color: rgba(0,0,0,0.05)!important;
}

#footer {
    border-top: 0px solid rgba(0,0,0,0.2);
    
   }

.portfolio-overlay {
    display:flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.4);

}

.portfolio-overlay a {
	border-radius: 0%;
	margin:0px;
	top: 0px;
	left: 0px;
}

.portfolio-overlay a {
    background-color: transparent;
    color:#FFF;
    font-weight: 300;
	position:relative;
	width:100%!important;
	height:100%!important;

}

.logo-name-wrapper a:hover {
	opacity:0.8;
}

.portfolio-overlay a:hover {
    background-color: transparent;
}

.current {
/* 	border-bottom: 4px solid #0088aa; */
}

#primary-menu li a {
	text-transform: lowercase!important;
	font-size: 1.3em!important;
	font-weight: 400!important;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  opacity:0;
}

.grid-justify::after {
  content: '';
  flex-grow: 0;
}

.grid-no-justify::after {
  content: '';
  flex-grow: 999999999;
}

.grid > figure {
  margin: 10px;
  background-color: rgba(0,0,0,0.05);
  position: relative;
}

.grid > figure > i {
  display: block;
}

.grid > figure > img, .grid > figure > .wrapper-slideshow-grille {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
  height:100%;
}

.wrapper-image-grille  {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	display:flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.wrapper-image-grille div {
	margin:0;
	text-align: center;
	font-size: 1.0em;
	text-align: center;
	width:100%;
}

.sous-titre-grille {
	font-size: 0.8em!important;
}

.wrapper-image-grille, .wrapper-image-grille div {
	transition: all 0.5s ease;	
}

.wrapper-image-grille {
	opacity:0;
	z-index:100;
}

.img-grille, .lum-img {
	height:100%;
}


.img-grille-no-thumb {
	width:100%;
	height:100%;
}

figure a, figure a:hover {
	color:#FFF;
	font-family: 'Cardo', serif!important;
	font-size: 1.5em;
}

.wrapper-image-grille:hover {
	opacity:1;
	background-color: rgba(0,0,0,0.6);
}

.figure-for-mobile {
	margin-bottom:80px!important;
}

.title-for-mobile {
	display:none;
	bottom:-35px;
	position:absolute;
	font-family: 'Cardo', serif!important;
	font-size:1.5em;
}

.sous-title-for-mobile {
	font-size:0.8em;
	color:#000;
}

#copyrights {
	font-family: 'Cardo', serif!important;
}

#mon-breadcum {
	margin:10px;
	font-family: 'Cardo', serif!important;
	font-size:1.3em;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-left: 0px;
	display:none;
}

#mon-portfolio-horizontal-wrapper, .portfolio-text-wrapper-slideshow {
	opacity: 0;
}

#mon-portfolio-horizontal {
	height:100%;
	opacity: 0;
	z-index:1;
	position:relative;
	width:90vw;
	overflow: hidden;
}


.slick-dots{
position:static;
text-align: center;
margin-top:15px;
}

.slick-dots li.slick-active button:before {
	font-size:8px;
	opacity:1;
}

.slick-dots li {
	margin: 0 0px!important;
}
	
.container-portfolio {
	height:100vh;
	width:100%!important;
}


.frame, .slidee, .wrapper-slidee {
	padding: 0px!important;
	margin:0px!important;
}

.wrapper-slidee {
	display: inline-block;
}

.portfolio-horizontal-mobile {
	position:static!important;
}

.portfolio-horizontal-mobile > .slidee > .wrapper-slidee {
	margin-bottom:40px!important;
}

.portfolio-horizontal-mobile > .slidee {
	margin-top:60px!important;
}


.portfolio-horizontal-mobile > .scrollbar {
	display:none;
}

#mon-portfolio-horizontal img  {
	margin-right:20px;
}

.slidee-legende p {
	margin-right:40px;
}

.slidee-legende-mobile p {
	margin-right:0px;
}

.scrollbar { 
	width: 100%;
	height: 4px;
	margin-top:15px;
	display:block;
	position:relative;
	background-color: rgba(0,0,0,0.05);
}
	 
.scrollbar .handle {
	width: 100px; /* overriden if dynamicHandle: 1 */
	height: 100%;
}

#copyrights {
	padding: 40px 0px 0px 0px;
}

#copyrights p {
	margin:0px;
}

.copyright-large {
	position:fixed;
	bottom:0px;
	width:100%;
}

.slidee-legende p {
	margin-bottom: 0px;
	margin-top:5px;
	font-family: 'Cardo', serif!important;
	text-align:right;
}

.wrapper-portfolio-titre {
	font-family: 'Cardo', serif!important;
	margin-bottom:18px;
	font-size:1.5em;
}

.portfolio-sous-titre {
	font-size:0.7em;
}

.wrapper-grille {
	margin-bottom: 25px;
}

.wrapper-grille img {
	width:100%;
}

#ma-grille {
	opacity:0;
}

.mon-portfolio-horizontal-wrapper {
	display:block;
}

.portfolio-text-wrapper-slideshow {
	margin-top:0%; /* compensate the relative div before */
	margin-top:40px;
	margin-left:20px;
	padding-bottom: 20px;
}

.portfolio-text-wrapper-notoggle {
	margin-top:60px;
	margin-left:0px;
}


.portfolio-text-wrapper-slideshow div {
	margin-right: 50px;
}

.mon-portfolio-horizontal-control {
	position: relative;
	height:30px;
}

.slidee-control {
	font-size:1.4em;
}

.slidee-img-last {
	font-size: 1.6em;
	background-color: rgba(0,0,0,0.02);
	padding:25px;
	margin-left:25px;
}

.slidee-img-last:hover {

	background-color: rgba(0,0,0,0.08);

}


.wrapper-slidee-last {
	display:flex;
	align-items:center;
}

.slidee-previous, .slidee-end-previous {
	margin-right:20px;
}

.portfolio-text-trigger {
	margin-left: -20px!important;
}

.portfolio-text-body-toggle {
	display:none;
}

.portfolio-text-body {

}

.contact-img {
	width:160px;
	margin-bottom: 15px;
}

.mon-portfolio-horizontal-control-block {
	float:left;
}

.mon-portfolio-horizontal-control-block-01 {
	margin-right:35px;
}

.mon-portfolio-horizontal-control-block-02 {
	font-size:0.7em;
	padding-top:6px;
	display:none;
}

.lum-open {
	z-index:999;
}

.lum-lightbox {
	background:rgba(255,255,255,0.9)!important;
} 

.lum-close-button {
	opacity: .6;
}

.slidee-zoom {
	margin-left:20px;
	font-size: 1.2em;
	display: inline-block;
	transform: translateY(-2px)
}

.wrapper-video {
	position: relative;
	width: 100%;
	cursor: hand; 
}

.wrapper-video-trigger:hover i {
	opacity:0.8;
}

.wrapper-video-trigger {
	position: absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	left: 0;
  	height: 100%;
  	right: 0;
	background-color: rgba(250,250,250,.0);
}

.wrapper-video-trigger i {
	font-size: 6em;
}

a[class*='lightcase-icon-']:hover {
	text-shadow: 0 0 0;
	opacity:.7!important;
}

#lightcase-overlay {
	background: #FFF;
}

.malightboxImage-div {

}

.slidee-zoom {
	opacity:1;	
}

.slidee-zoom-no-show {
	display:none;
}

.slidee-zoom-no-show:hover {

}

.portfolio-text-wrapper-mobile {
	display:none;
}

[data-page~=portfolio] {
/*     overflow: hidden; */
}

@media (max-width: 991.98px) {
	
	#mon-portfolio-horizontal-wrapper, .portfolio-text-wrapper-slideshow {
		opacity: 0!important;
		display:none!important;
	}
	
	.portfolio-titre {
		display: none;
	}
	
	#ma-grille {
		opacity:1;
	}
	
	.this-is-a-portfolio {
	overflow:auto;
	}
	
	.container-portfolio {
	    height: 100%;
	}
	
	html {
		overflow-x: scroll;
	}
	
	.grid-no-justify::after {
		flex-grow: 0;
	}
}


/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px)
 { 

	.container{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	
	.toggle {
		margin-left: 0px!important;
	}

}