/*
Theme Name: Vase
Theme URI:  http://vasetheme.com/main
Description: Vase is a Premium WordPress Theme with a clean and minimal style touch. Vase is suitable for freelancers, agencies, photographers, architects and other creative people that may find this a great way to showcase their portfolio or as an alternative to their existing sites.
Vase is responsive with all devices and supports popular plugins like Visual Composer, Revolution Slider, Layer Slider, Contact Form 7 etc.
Author: Umbrella
Author URI: http://themeforest.net/user/UmbrellaStudios
Version: 1.0
Template: vase
*/

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

h1 {
    line-height: 30px !important;
}

.site-desc {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.partner-img {
	padding: 0 30px;
}
.partner-img-no-display {
	display:none;
}

.vase_video_button.playing #vasePlay, .vase_video_button.playing #vasePause {
    display: none !important;
}

#services-valeur-ajoutee  .vc_icon_element {
	margin-bottom: 0px !important;	
}

#k-projets .projects {
    margin-top: 15px;
}

#k-projets .projects.gridProjects .projectsWrapper {
    margin-bottom: 0;
}

#k-projets .articlePadding article {
    margin-bottom: 0;
}

#k-projets section.loadMore {
	padding-bottom: 0;
	padding-top: 32px;
}

#k-blog section.loadMore {
	padding-bottom: 0;
}

@media (max-width: 1024px){
	#k-projets section.loadMore {
		padding-top: 0;
	}
}

.list-inline>li {
	padding-right: 15px !important;
    padding-left: 15px !important;
}

.mCSB_scrollTools .mCSB_dragger {
	background: #ffffff;
    border: 1px solid;
}

.k-job-grid-wrap, .grid-view {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: left;
	list-style: none;
}

/* THIS IS THE CLASS FOR EACH LIST ITEM */

.k-job-grid-item {
	flex-basis: 200px;	
	height: 200px;		
	margin: 10px;		
	position: relative;
}

.k-job-grid-item a {
	display:block;
	background: transparent;
	height: 100%;
	width: 100%;
}

.k-job-image, .k-job-image-master {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.k-job-image img {
	width: 100%;
	height: 100%;
	margin: auto;
}

.k-job-image img {
	max-width: 200px;	/* SET WHATEVER SIZE VALUE YOU WANT */
}
.k-job-image-master img {
	max-width: 265px;	/* SET WHATEVER SIZE VALUE YOU WANT */
}

.k-job-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.k-job-overlay:hover {
	z-index: 4;
	background: rgba(0,0,0,0.6);
}

.k-job-overlay a {
	display:block;
	background: transparent;
	height: 100%;
	width: 100%;
}

.k-job-title {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	font-weight: bold;
	font-size: 20px;
	color: #ededed;
	background-image:linear-gradient(transparent, rgba(0,0,0,0.5));
}

/* YOU MIGHT NEED THIS TO FIX THE TYPICAL INDENTION BEHAVIOR OF UNORDERED LISTS */

ul.k-job-grid-wrap {
	margin-left: 0;
	padding-left: 0;
}


.grid-view {
	margin-bottom: 60px;
}


.k-sjb-container {
	padding-top: 170px;
}

.k-sjb-row {
	padding-bottom: 60px;
}

input#keywords {
	font-size: 18px;
}

select#category, select#jobtype, select#location {
	padding: 9px 10px;
	width: 100%;
	border: 1px solid #686868;
}

.k-job-grid-item-master {
	flex-basis: 265px;	
	height: 265px;		
	margin: 10px;	
	padding: 10px;
	position: relative;
	background: #f9e333;
}

.k-job-grid-item-title {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	font-weight: bold;
	font-size: 20px;
	color: #ededed;
	background-image:linear-gradient(transparent, rgba(0,0,0,0.5));
}
.job-info h4 {
	line-height: 24px;
	/*margin: 0;*/
}

.k-job-grid-item-master .job-type, .k-job-grid-item-master .job-location, .k-job-grid-item-master .job-date {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	margin: 0;
}

.job-type, .job-location, .job-date {
	line-height: 32px;
	margin: 10px 0;
}

.job-type i, .job-location i, .job-date i {
	margin-right: 5px;
	width: 20px;
}

.sjb-page, .sjb-page .list-data, .sjb-page .list-data .job-description p {
	background-color: transparent;
	color: inherit;
    font-size: inherit;
}

.jobpost-form {
	background-color: #e6e6e6;
    padding: 20px 25px 0 25px;
	margin: 35px 0;
}

.jobpost-form .form-control {
    height: 35px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    transition: none;
}

.jobpost-form input[type=file] {
    opacity: 1!important;
}

.jobpost-form textarea {
    min-height: 100px;
}

.row-bordered {
  border-bottom: 1px solid #ccc;
  padding: 15px;
}
.row-bordered:last-child {
  border-bottom: 0px;
  padding: 15px;
}

h2.error404 {
	font-size: 200px;
    font-weight: 700 !important;
    margin: 0;
    line-height: normal !important;
}

html .error404 h2 {
	color: #f9e333;
}

#valeurs-box .vase_fancyBox2.fancy2Anim_box_lift {
    min-height: 270px;
}

#services-blocs-line-1 .vase_fancyBox2_content, #services-blocs-line-2 .vase_fancyBox2_content {
	min-height: 270px;
}

#k-services .vase_fancyBox2_content{
	min-height: 270px;
}

.widget.widget_vase_social_networks .socialWrapper .socialInfo .sIcon {
	background-color: transparent !important;
	color: #686868 !important;
}

.widget.widget_vase_social_networks .socialWrapper .socialInfo h5 {
	font-family: Titillium Web;
	font-size: 18px;
	line-height: 40px;
}

.box-valeur-1:hover h4{
	color: #f1c30f;
}

.img-box-valeur-1-jaune {
	display:none !important;
}

.box-valeur-1:hover  .img-box-valeur-1-jaune {
	display:inline !important;
}

.box-valeur-1:hover  .img-box-valeur-1-noir {
	display:none;
}

.box-valeur-2:hover h4{
	color: #f2c30f;
}

.img-box-valeur-2-jaune {
	display:none !important;
}

.box-valeur-2:hover  .img-box-valeur-2-jaune {
	display:inline !important;
}

.box-valeur-2:hover  .img-box-valeur-2-noir {
	display:none;
}

.box-valeur-3:hover h4{
	color: #f3c30f;
}

.img-box-valeur-3-jaune {
	display:none !important;
}

.box-valeur-3:hover  .img-box-valeur-3-jaune {
	display:inline !important;
}

.box-valeur-3:hover  .img-box-valeur-3-noir {
	display:none;
}

.box-valeur-4:hover h4{
	color: #f4c30f;
}

.img-box-valeur-4-jaune {
	display:none !important;
}

.box-valeur-4:hover  .img-box-valeur-4-jaune {
	display:inline !important;
}

.box-valeur-4:hover  .img-box-valeur-4-noir {
	display:none;
}

.box-services-1:hover h3{
	color: #f1c30f;
}

.img-box-services-1-jaune {
	display:none !important;
}

.box-services-1:hover  .img-box-services-1-jaune {
	display:inline !important;
}

.box-services-1:hover  .img-box-services-1-noir {
	display:none;
}

.box-services-2:hover h3{
	color: #f2c30f;
}

.img-box-services-2-jaune {
	display:none !important;
}

.box-services-2:hover  .img-box-services-2-jaune {
	display:inline !important;
}

.box-services-2:hover  .img-box-services-2-noir {
	display:none;
}

.box-services-3:hover h3{
	color: #f3c30f;
}

.img-box-services-3-jaune {
	display:none !important;
}

.box-services-3:hover  .img-box-services-3-jaune {
	display:inline !important;
}

.box-services-3:hover  .img-box-services-3-noir {
	display:none;
}

.box-services-4:hover h3{
	color: #f4c30f;
}

.img-box-services-4-jaune {
	display:none !important;
}

.box-services-4:hover  .img-box-services-4-jaune {
	display:inline !important;
}

.box-services-4:hover  .img-box-services-4-noir {
	display:none;
}

footer#siteFooter .footerContent {
    left: 100px !important;
}

.pageContent .projectContentType.fixedContainer {
	width: 600px !important;
}

.pageContent .projectContentType.fixedContainer .projectContainer .um_description {
	max-height: calc(100% - 230px) !important;
}
.projectContent {
	height: 100%;
}

.pageContent .projectContentType .projectContainer {
	padding: 40px !important;
}

.pageContent .projectContentType .projectContainer footer.projectFooter {
	padding: 40px !important;
}

.mentions-legales {
	text-align:center;
	font-size: .8em;
}

label {
	display: block !important;
}

.k-rejoindre-input {
	/*width:100%;*/
}
.k-rejoindre-textarea {
	/*width:100%;*/
	height: 150px !important;
}

@media (max-width: 1025px) {
    .pageContent .projectContentType.fixedContainer .projectContainer .um_description {
		max-height: none !important;
		height: auto !important;
	}
	.pageContent .projectContentType.fixedContainer .projectContainer {
		height: auto !important;
	}
	.pageContent .projectContentType.fixedContainer {
		width: auto !important;
	}
	.mCSB_1_scrollbar_vertical, .mCSB_scrollTools .mCSB_draggerContainer {
		display: none !important;
	}
	.pageContent .projectContentType .projectContainer footer.projectFooter {
		padding: 40px 0 0 0 !important;
	}
	.sidebarFooter {
		padding: 0 15px !important;
	}
}
.egaliser-hauteur {
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}