/*
Theme Name: Nite
Theme URI: http://www.yootheme.com
Description: Nite is the June 2014 theme of the YOOtheme club. It is based on YOOtheme's Warp theme framework. NOTE: It is not free or public. This theme is for members of the YOOtheme club only.
Version: 1.0.2
Author: YOOtheme
Author URI: http://www.yootheme.com
*/

/****************************************************/
/*                      GLOBAL                      */
/****************************************************/

.clear { clear: both; }
.center { text-align: center; }
.left { float: left; }
img { border-radius: 8px; }
em { color: #999; }
.text-primary { color: #ADC539; }

/**************************/
/*         TITLES         */
/**************************/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #ADC539;
	text-transform: uppercase;
}

.technos h4 { 
	letter-spacing: -1px; 
	font-size: 20px;
	text-transform: capitalize;
}

xmp {
    margin: 0;
    padding: 10px;
    border: 1px solid #a4a29e;
    background: white;
    font-size: 12px;
    line-height: 1.2;
	overflow-x: scroll;
}

/**************************/
/*         IMAGES         */
/**************************/

.overlay {
	position: relative;
	display: inline-block;
}
.overlay:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
bottom: 0;
right: 0;
	width: 100%;
	height: 100%;
	background: url('/wp-content/uploads/2014/09/overlay.png');
	opacity: 0.2;
	border-radius: 8px;
}

.uk-article .overlay img, .tm-sidebar-a img {
	width: 100%;
}

.logoPress {
	width: 300px;
	height: 59px;
}

img.wp-post-image { display: none }

/**************************/
/*         YOUTUBE        */
/**************************/

@media (max-width: 767px) {
	iframe#youtube {
		width: 90%;
		height: 250px;
	}
}

/**************************/

hr {
	border: 0;
	height: 2px;
	width: 90%;
	margin: 40px auto;
	background: #ADC539;
	background-image: -webkit-linear-gradient(left, #f8f8f6, #ADC539, #f8f8f6); 
	background-image:    -moz-linear-gradient(left, #f8f8f6, #ADC539, #f8f8f6); 
	background-image:     -ms-linear-gradient(left, #f8f8f6, #ADC539, #f8f8f6); 
	background-image:      -o-linear-gradient(left, #f8f8f6, #ADC539, #f8f8f6);
}

/**************************/
/*     PERSONAL  DATA     */
/**************************/

#personal_data {
	display: flex;
	justify-content: center;
}

#personal_data > div { }

#personal_data > div:first-child {
	width: 60%;
}

#personal_data .bar {
	margin: 20px 20px;
}

#personal_data > div:last-child { 
	width: 35%;
}

#personal_data > div:last-child ul {
	text-align: left
}

#personal_data h3 { text-align: center }

@media (min-width: 450px) {	
	.show-xs { display:none }
	
	#personal_data .bar { margin: 20px }
}
@media (max-width: 450px) {
	body { display:inline-block }
	
	.hidden-xs { display:none }
	.show-xs { display:block }
	
	#personal_data { display: block }
	
	#personal_data > div { width: 100% !important }
	
	#personal_data .bar { margin: 20px 0 }
}

/**************************/
/*          FLAG          */
/**************************/

.topRight {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 10px;
}

/**************************/
/*         FOOTER         */
/**************************/

footer .logos {
	display: flex;
	justify-content: space-between;
}

.logo_left { 
	margin-top: -70px;
}

.logo_right {
	margin: -70px 30px 0 5px;
	opacity: 0.9;
}

@media (max-width: 768px) {
	.iab, .fevad { margin: 0 }
}


@media (max-width: 950px) { 
	footer .logos {
		flex-direction: column;
		flex-flow: initial;
		align-items: baseline;
		margin-top: 20px;
	}
}

/****************************************************/
/*                     SIDEBAR                      */
/****************************************************/

.tm-sidebar-a h3 { 
	letter-spacing: -1px; 
}
.tm-sidebar-a a { 
	letter-spacing: -0.5px;
	color: #a4a29e;
	line-height: 30px; 
	margin-left: -10px;
}
a:hover { text-decoration: none; color: #ADC539; }

/****************************************************/
/*                     HOMEPAGE                     */
/****************************************************/

/**************************/
/*         BANNER         */
/**************************/

.tm-block-top-a.tm-block-primary {
	border-image: url("/wp-content/themes/yoo_nite_wp/images/border/blue/primary_bottom.svg") 15 15 round;
}

/**************************/
/*       FULLSCREEN       */
/**************************/

.liste-horizontale>li {
	display: inline-block;
	list-style: none;
	margin: 0 15px;
	padding: 0;
}
@media (max-width: 768px) {
	.liste-horizontale {
		-webkit-transform: scale(0.8);
	}
}
.liste-horizontale img {
	width: 128px;
	border: 3px solid white;
	border-radius: 100px;
	margin: 15px 0;
	padding: 10px;
}
.liste-horizontale figcaption {
	text-align: center;
}
.liste-horizontale figure {
	color: #FFF;
	text-shadow: 0px 2px 3px #000000;
}
.liste-horizontale figure, 
.liste-horizontale figure img,
.liste-horizontale figure:hover, 
.liste-horizontale figure:hover img {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
}
.liste-horizontale figure:hover { text-shadow: 0px 2px 3px #ADC539; }
.liste-horizontale figure:hover img { 
	background-color: rgba(173, 197, 57, 0.5); 	
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	     -o-transform: scale(1.2);	
}

/**************************/

#partners img {
	margin: 5px; 
	display: inline-block;
	border-radius: 0;
}

/**************************/
/*         SOCIAL         */
/**************************/

ul.contact { padding: 0; }
ul.contact li {
	display: inline-block;
	top: 0;
	margin: 0 0.25em;
	-webkit-transition: top .15s ease-in-out;
	   -moz-transition: top .15s ease-in-out;
	    -ms-transition: top .15s ease-in-out;
	     -o-transition: top .15s ease-in-out;
		transition: top .15s ease-in-out;
}
ul.contact li:hover { top: -5px; }
ul.contact li a {
	display: block;
	background: #c1cac5 url(/wp-content/uploads/2014/09/icons-contact.png);
	width: 48px;
	height: 48px;
	text-indent: -9999em;
	border-radius: 6px;
	outline: 0;
	-webkit-transition: background-color .2s ease-in-out;
	   -moz-transition: background-color .2s ease-in-out;
	    -ms-transition: background-color .2s ease-in-out;
	     -o-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
}
ul.contact li a.facebook    { background-position: 0px 0px; }
ul.contact li:hover a.facebook { background-color: #3b5998; }
ul.contact li a.twitter	  { background-position: -48px 0px; }
ul.contact li:hover a.twitter  { background-color: #2daddc; }
ul.contact li a.dribbble { background-position: -144px 0px; }
ul.contact li:hover a.dribbble { background-color: #ff7919; }
ul.contact li a.linkedin { background-position: -192px 0px; }
ul.contact li:hover a.linkedin { background-color: #0073b2; }

/****************************************************/
/*                   CONTACT FORM                   */
/****************************************************/

textarea {
	height: 100px;
	max-height: 200px;
	max-width: 300px;
}

input { width: 300px; }

input, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
}
input:focus, textarea:focus {
  box-shadow: 0 0 5px #ADC539;
  border: 1px solid #ADC539;
}

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

nav .tm-nav-wrapper {
  margin-left: 0 !important;
}

/**************************/
/*          LOGO          */
/**************************/

.tm-nav-logo.uk-hidden-small {
	width: 250px;
	height: 105px;
	margin-top: -53px;
	margin-left: 40px !important;
	z-index: 5;
}
.tm-navbar-small .tm-nav-logo {
	width: 200px;
	height: 50px;
	margin-left: 60px;
	margin-top: -42px;
	letter-spacing: -0.31em;
}

.uk-visible-small .tm-logo-small img {
	max-width: initial;
}

a.tm-logo-small img {
  margin-top: -40px;
}

@media only screen and (max-width: 750px) {
  a.tm-logo-small img {
    margin-top: -75px;
  }
}

@media screen and (max-width : 1065px) {
  .tm-nav {
    display: none !important;
  }
  .uk-navbar-toggle {
    display: initial !important;
    top: 0px;
    left: 0px;
    position: relative;
  }
}

.wk-accordion-default .toggler { margin-bottom: 0; }
.wk-accordion-default .content-wrapper { padding: 10px; background-color: #FFF; border-radius: 5px; }
.wk-accordion-default .content { min-height: 0 !important; }

.fontawesome-text {
	display: none;
}

/**************************/
/*          ACTU          */
/**************************/

.actu .content { 
	text-align: justify;
	display: flex;
	align-items: center;
}

.actu img {
	float: left;
	width: 200px;
	min-width: 200px;
	margin-right: 10px;
}
.actu img.with-border { border: 2px solid #ADC539 }

.actu .desc .with-left-img { 
	display: flex;
	align-items: center;
}

.contact_sirdata .employee > div { margin-bottom: 10px }	
.contact_sirdata .employee:first-child { float: left }
.contact_sirdata .employee:last-child { float: right }

.uk-article-title .smaller { font-size:35px !important }

@media (max-width: 550px) { 
	.actu .content { 
		text-align: justify;
		display: inline-flex;
		flex-direction: column;
	}
	
	.actu .desc .with-left-img {
		flex-direction: column;
	}
	
	.actu img {
		float: left;
		margin-bottom: 10px;
	}
	
	.actu img.xs-hidden { display: none; }
}
@media (max-width: 850px) { 
	.uk-article-title, .uk-article-title .smaller { 
		font-size: 20px !important;
		line-height: 22px;
		font-weight: 500;
	}
}

@media (max-width: 550px) {
	.contact_sirdata .employee { float: none !important }
	.contact_sirdata .employee:last-child { margin-top: 20px; }
}