/*
Theme Name: photoglenz v2
Author: PARALLELE
Version: v2.1


/* !!! Important note : I used @import rule to be able to import the KNACSS build from the official repository more easily using either CSS, Less or Sass, but on a "real" project you might want to include an merge the CSS rules directly in your main stylesheet (or use a preprocessor to do the job) */
@import "css/knacss/knacss.min.css"; 
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/*
a,a:active,a:visited {
	color: #9C9E9F;
}*/

a:hover {
	color: #9C9E9F;
}
a {
	text-decoration: none;
}

a:link {
	-webkit-tap-highlight-color: #F9F7F6;
}

a img {
	border: 0;
}


/* ----------------------------- */
/* == Helpers */
/* ----------------------------- */

.trans,
#login .widgettitle {
	-o-transition: .4 ease-out;
	-ms-transition: .4 ease-out;
	-moz-transition: .4 ease-out;
	-webkit-transition: .4 ease-out;
	transition: .4s ease-out;
}

.w880p {
	width: 880px;
}

.clear-both {
	clear: both;
}


@media (max-width: 768px) {
	/* quick tablet reset */
	
	.w880p { 
		width: auto;
		float: none;
	} 

}





/* ----------------------------- */
/* == General */
/* ----------------------------- */


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?3350go');
	src:url('fonts/icomoon.eot?#iefix3350go') format('embedded-opentype'),
		url('fonts/icomoon.woff?3350go') format('woff'),
		url('fonts/icomoon.ttf?3350go') format('truetype'),
		url('fonts/icomoon.svg?3350go#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-glenz-logo:before {
	content: "\e600";
}


body {
	font-family: 'Roboto', sans-serif;
	color: #4B4B4D;
	background-color: #F9F7F6;
}



/* == Page des galeries */
/* ----------------------------- */

ul#galleryOrderViewThumbnails {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#galleryOrderViewThumbnails li.gallery-item {
	position: relative;
	width: 274px;
	min-height: 274px;
	float: left;
	overflow: hidden;
	margin-right: 29px;
	margin-bottom: 30px;
}
ul#galleryOrderViewThumbnails li.gallery-item.end-col {
	margin-right: 0px;
}

ul#galleryOrderViewThumbnails li.gallery-item:hover .image-overlay {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

ul#galleryOrderViewThumbnails li.gallery-item a.galerieLightBox {
	display: block;
	position: relative;
	width: 274px;
	height: 274px;
}

ul#galleryOrderViewThumbnails li.gallery-item .image-overlay {
	position: absolute;
    top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(images/image-overlay.png) no-repeat center center;

	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
}

.clear-item {
	margin-right: 0;
}




/* = Page présentation */
/* ---------------------------------------------------------- */

#tab-part {
	margin-top: 60px;
	border-top: 2px solid #b5b7b9;
	padding-top: 30px;
}
#tab-part ul.tabs {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	list-style: none;
}
#tab-part ul.tabs li {
	display: inline-block;
	margin: 0px;
	cursor: pointer;
	padding: 0px 20px 0px 0px;
	line-height: 31px;
	font-weight: bold;
	position: relative;
}


#tab-part ul.tabs li a:hover {
	color: #090909;
}	
#tab-part ul.tabs li a.active {
	color: #333;
}
#tab-part .tab_container {
	clear: both; 
}
#tab-part .tab_content {
	padding: 0px;
	display: none;
}





/* = LightBox */
/* ---------------------------------------------------------- */

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("images/fancybox_sprite.png") !important;
}

body.single-format-standard div.fancybox-title {
	display: none !important;
}

/* afficher le titre dans les reportages */
body.postid-96 div.fancybox-title {
	display: block !important;
}



/* == Typo */
/* ----------------------------- */

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Condensed', sans-serif;
}


h2 {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 1.5em;
	margin-bottom: .5em;
}


/* ----------------------------- */
/* == Header */
/* ----------------------------- */

#site-header {
	padding-top: 50px;
	padding-bottom: 35px;
	background-color: #fff;
}

.site-title {
	font-size: 140px;
	line-height: 1;
	margin-bottom: 30px;
}
.site-title a {
	line-height: 1;
}

.site-description {
	margin: 0 0 1em;
	font-weight: normal;
}



.page-entry-header {
	margin-bottom: -40px;
}


.title-box-wrapper {
	display: inline-block;
	position: relative;
	padding: 0 10px;
}

.page-entry-header .title-box {
	position: absolute;
	bottom: 0;
	display: block;
	width: 10px;
	height: 30px;
	background-image: url(images/bg-sprt-page-title.png);
}
.page-entry-header .title-box-left {
	left: 0;
}
.page-entry-header .title-box-right {
	right: 0;
	background-position: top right;
}
.page-entry-header h1 {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: #4B4B4D;
	color: #fff;
}




/* ----------------------------- */
/* == Menu */
/* ----------------------------- */



/*font-family: 'Roboto Condensed', sans-serif;*/



.main-menu {
	border-top: 2px solid #b5b7b9;
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
}

.main-menu a:hover {
	color: #595a5b;
}

.main-menu a,
#tab-part ul.tabs li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	color: #9C9E9F;
	line-height: 2em;
	text-decoration: none;

	-o-transition: .4 ease-out;
	-ms-transition: .4 ease-out;
	-moz-transition: .4 ease-out;
	-webkit-transition: .4 ease-out;
	transition: .4s ease-out
}

.main-menu ul.menu {
	padding: 0;
	list-style-type: none;
}
.main-menu ul.menu li {
	display: block;
	float: left;
	margin-right: 30px;
}

.main-menu ul.sub-menu {
	display: none;
	max-width: 10px;
	overflow: visible !important;
	padding-left: 0;
	padding-bottom: 30px;
}
.mobile.main-menu ul.sub-menu {
	display: block;
}

.main-menu li.sub-nav-open:hover ul.sub-menu li a {
	opacity: 1;
	-o-transition: .4 ease-in-out;
	-ms-transition: .4 ease-in-out;
	-moz-transition: .4 ease-in-out;
	-webkit-transition: .4 ease-in-out;
	transition: .4s ease-in-out
}
.main-menu ul.sub-menu li a {
	opacity: 0;
	-o-transition: .4 ease-in-out;
	-ms-transition: .4 ease-in-out;
	-moz-transition: .4 ease-in-out;
	-webkit-transition: .4 ease-in-out;
	transition: .4s ease-in-out
}

.main-menu ul.sub-menu li {
	float: none;
	width: auto;
	min-width: 300px;
	overflow: visible;
	line-height: 1;

}
.main-menu ul.sub-menu li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-style: italic;
}


/* current */

.main-menu li.current-menu-item a {
	color: #4B4B4D;
}


/* Styling the toggle menu link and hiding it */


.navtoggle,
.toggle-link {
	display: none;
}

.main-menu .navtoggle {
	width: 100%;
	padding: .8em 1em;
	text-align: right;
	background: none;
	border: none;
	cursor: pointer;
	color: black;
}

.navtoggle:before {
	content: '\2630';
	padding-right: .5em;
	font-size: 1em;
	color: black;
}



/* = connexion */
/* ---------------------------------------------------------- */

#privat-gallery-link {
	margin-top: 0px;
}

#login {
	width: 160px;

	
}

#login .widgettitle {
	font-size: 16px;
	color: #9c9e9f;
	cursor: pointer;
	text-align: right;
}
#login .widgettitle:hover {
	color: #595a5b;
}

.logged-menu .widgettitle {
}

.deconnexion-link a {
	text-align: right;
	padding-right: 0;
}

a.logout-link {
	font-size: 14px;
    font-style: italic;
    font-weight: lighter !important;
    padding-left: 13px;
}

#login #loginform,
.deconnexion-link {
	margin: 0;
	padding-right: 2px;
	z-index: 100;
	display: none;
}

#login .login-username label,
#login .login-password label,
#login .login-submit input {
	font-family: 'Roboto Condensed',sans-serif;
	color: #9C9E9F;
    font-style: italic;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}
#login .login-submit input:hover {
	background-color: #595a5b;
}
#login .login-submit input {
	margin-top: 10px;
	padding: 0 5px;

	-o-transition: .4 ease-out;
	-ms-transition: .4 ease-out;
	-moz-transition: .4 ease-out;
	-webkit-transition: .4 ease-out;
	transition: .4s ease-out
}

#loginform input {
	padding: 2px 0px;
	background-color: #F9F7F6;
	border: none;
}
#login .widget_wp_sidebarlogin form p {
	margin: 0;
}



/*
#login {
	width: 160px;
	text-align: right;
}

#login p.login-username:hover {
	color: #595a5b !important;
}


#login input,
.login-username,
.login-password,
.login-submit {
	font-family: 'Roboto Condensed',sans-serif;
	color: #9C9E9F;
    font-style: italic;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
	text-align: left;

	-o-transition: .4 ease-out;
	-ms-transition: .4 ease-out;
	-moz-transition: .4 ease-out;
	-webkit-transition: .4 ease-out;
	transition: .4s ease-out
}
#login h2 {
	cursor: pointer;
}
#login #loginform {
	margin: 0;
	padding: 0;
	z-index: 100;
	display: none;
}
#login #loginform p {
	margin-bottom: 0;
}
#loginform input {
	width: 135px;
	padding: 2px 5px;
	border: none;
	background-color: #F9F7F6;
}
.login-remember {display: none;}

#login ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#login ul a {
	text-decoration: none;
}
body.bgBlack #login ul a {
	color: #fff;
}
*/



/* ----------------------------- */
/* == Content */
/* ----------------------------- */

#main-content {
	padding-top: 40px;
	background: url(images/content-top-shadow.png) repeat-x top left;
}

/* ----------------------------- */
/* == Footer */
/* ----------------------------- */

#site-footer {
	display: block;
	padding: 10px 0 20px 0;
}

#site-footer .copyright span {
	font-size: 11px;
}





/* ----------------------------- */
/* == WordPress Images */
/* ----------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.alignleft {
	margin-right: 1em;
	margin-bottom: 60px;
}

img.alignright {
	margin-left: 1em;
	margin-bottom: 60px;
}


/*
.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
}

.gallery-item {
	float: left;
	width: 33%;
	margin-top: 10px;
	text-align: center;
}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
	-ms-interpolation-mode: bicubic;
}



/* ----------------------------- */
/* == WordPress alignement */
/* ----------------------------- */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ----------------------------- */
/* == Hidding / unhidding content */
/* ----------------------------- */

/* for image replacement */

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}


/* Hide for both screenreaders and browsers 
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
} 

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.assistive-text, 
.visually-hidden {
	position: absolute !important;
	left: -7000px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}

a.assistive-text:active,
a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* skip-links */
.skip-links {
	position: absolute;
}

.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color: #fff;
	text-decoration: none;
}

.skip-links a:focus {
	position: static;
}

.fancybox-nav span {
 visibility: visible;
}

/* ----------------------------- */
/* ==desktop medias */
/* ----------------------------- */

 /* Responsive Menu */



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

	/* site */

	.menu,
	.site-header,
	#main-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* galeries */

	#galleryOrderViewThumbnails li.gallery-item {
		margin: 5px auto !important 0;
		width: 100% !important;
		height: auto !important;
	}
	#galleryOrderViewThumbnails li.gallery-item .image-overlay {
		display: none;
	}
	#galleryOrderViewThumbnails li.gallery-item img {
		width: 100%;
		max-width: 400px;
		height: auto;
	}


	/* navigation */
	
	.navtoggle,
	.toggle-link {
		display: block;
	}

	.main-menu .menu  li {
		float: none !important;
		margin: 0;
	}
	#menu.desktop li.sub-nav-open ul.sub-menu {
		display: block !important;
	}
	.main-menu ul.sub-menu li a {
		opacity: 1;
	}

	.js .menu > ul {
		overflow: hidden;
		max-height: 0em;
	}

	.main-menu .active + ul,
	.main-menu .keyboardactive + ul {
		max-height: 90em;
	}
  
	/*
	.toggle-link {
		position: absolute;
		top: 0;
		right: 0px;
		height: 42px;
		width: 40px;
		border: none;
		z-index: 200;
		font-size: 0em;
		background: rgba(255, 255, 255,0.1);
		cursor: pointer;
	}*/
	.toggle-link {
		display: none;
	}

	#site-header {
		padding-top: 80px;
	}
	#login {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		padding: 5px 10px;
		background-color: #4B4B4D;

	}
	#login p {
		color: #9c9e9f;
	}

	#menu.mobile ul.menu > li {
		width: 100%;
		float: none;
		padding: 5px 0;
		border-bottom: 1px solid #9c9e9f;

	}


	/* Tabs */

	#tab-part ul.tabs li a {
		background-color: #4b4b4d;
		color: #fff;
		padding: 0px 5px;
		margin-bottom: 2px;
	}
	#tab-part ul.tabs li a.active {
		background-color: #97969c;
	}

	img.alignright, img.alignleft {
		float: none;
	}

	
	/*.main-menu .menu .has-subnav > .toggle-link:after {
		content: "▼";
		font-size: 16px;
		position: absolute;
		width: 15px;
		top: 10px;
		bottom: 0px;
		right: 10px;
		color: #607890;
	}

	.main-menu .menu .has-subnav  > .toggle-link.active:after {
		content: "▲";
	}
	
	
	.main-menu li:hover .sub-menu,
	.main-menu li:hover .children {
		max-height: 0;
		overflow: hidden;
	}

	
	.main-menu li .sub-menu.active,
	.main-menu li.hover .sub-menu,
	.main-menu li .children.active,
	.main-menu li.hover .children {
		max-height: 30em;
		overflow: visible;
		position: relative;
	}


	.main-menu .sub-menu, 
	.main-menu .children {
		background: none;
	}

	.main-menu .sub-menu a,
	.main-menu .children a {
		color: #607890;
	}

	.main-menu .sub-menu .current-menu-item a,
	.main-menu .children .current-menu-item a {
		color: #fff;
	}

	.main-menu .sub-menu li a,
	.main-menu .children li a {
		padding-left: 30px;
	};*/
}