@charset "utf-8";
/*
Theme Name: v_zero kid
Template: vzero
Author: INCH
Version: 1.0
*/

/* --------------------------------------------------
  fonts
-------------------------------------------------- */



/* --------------------------------------------------
  variables
-------------------------------------------------- */
/* :root {
  --main-bg-color: rgba(96,97,236,1);
  --main-bg-color-hover: #A4A4E9;
} */



/* --------------------------------------------------
  elements
-------------------------------------------------- */
body {
	color: #727171;
}
h2 {
	font-size: 1.0rem;  
	/*1.4*/
}
h3 {
	margin-bottom: 0;
	font-size: 1.0rem; /*1.4*/
}
h4 {
	font-size: 0.8rem; /*1.0*/
}
p {
	margin: 0.8rem 0;  /*1.0*/
}
ul {
	font-size: 0.65rem;  /*0.88*/
}



/* --------------------------------------------------
  bootstrap
-------------------------------------------------- */



/* --------------------------------------------------
  wrapper & container
-------------------------------------------------- */
.wrapper {
	padding-right: 0.4rem;  /*1.0*/
	padding-left: 0.4rem;   /*1.0*/
}
@media (min-width: 768px) {
	.wrapper {
		padding-right: 6rem;   /*10*/
		padding-left: 6rem;     /*10*/
	}
}



/* --------------------------------------------------
  language switch
-------------------------------------------------- */



/* --------------------------------------------------
  slide show (swiper.js)
  INCH : I think this is deactivated
-------------------------------------------------- */
/* image height / width × 100 */
.swiper-slide {
	padding: 100% 0 0 0;
}
@media (min-width: 992px) {
	.swiper-slide {
		padding: 40% 0 0 0;
	}
}
/* image path */
.vv-slide1 { background-image: url("images/slide_tablet1.jpg"); }
@media (min-width: 992px) {
	.vv-slide1 { background-image: url("images/slide1.jpg"); }
}
.vv-slide2 { background-image: url("images/slide_tablet2.jpg"); }
@media (min-width: 992px) {
	.vv-slide2 { background-image: url("images/slide2.jpg"); }
}
.vv-slide3 { background-image: url("images/slide_tablet3.jpg"); }
@media (min-width: 992px) {
	.vv-slide3 { background-image: url("images/slide3.jpg"); }
}
.vv-slide4 { background-image: url("images/slide_tablet4.jpg"); }
@media (min-width: 992px) {
	.vv-slide4 { background-image: url("images/slide4.jpg"); }
}
.vv-slide5 { background-image: url("images/slide_tablet5.jpg"); }
@media (min-width: 992px) {
	.vv-slide5 { background-image: url("images/slide5.jpg"); }
}



/* --------------------------------------------------
  common
-------------------------------------------------- */
#page {
	/* border-top: rgba(96,97,236,1) solid 3px; */
}
.entry-footer {
	display: none;
}
.section-block {
	margin-bottom: 2rem; /*3*/
}



/* --------------------------------------------------
  header
-------------------------------------------------- */
/* ----- header images ----- */

/* INCH This is splash screen backgound page */
.vv-header-hero {
	background-image: url("./images/hero_pc.jpg");
	padding: 30% 0 0 0; /* image height / width × 100  49.15%*/
}


.vv-header-compact {
	background-image: url("./images/header_compact.jpg");
	padding: 20% 0 0 0; /* image height / width × 100  30% */
}

.navbar {
	background-color: #fff;
}
#vv-navbar-logo img {
	width: auto;
	height: 30px; /*80*/
}
.xlb-logo {
	text-align: right;
	margin-top: -100px;
	padding-right: 10rem;
}
.xlb-logo.login-page {
	margin-top: 10px;
}
.xlb-logo img {
	width: 70.8px;
	height: 50px;  /*100*/
	position: relative;
	z-index: 10;
}


/* --------------------------------------------------
  footer
-------------------------------------------------- */
#vv-footer-custom {
	padding: 1.2rem;  /*2*/
	color: #FFFFFF;
	/* background-color: #5C5C5C; */
	background-color: #000;
}



/* --------------------------------------------------
	sidebar
-------------------------------------------------- */



/* --------------------------------------------------
  home
-------------------------------------------------- */

/* INCH This is splash screen backgound page */
#wrapper-index, #page-wrapper {
	background-image: url("./images/background_main.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* .batiment-time {
	padding-top: 1rem;
	text-align: center;
	font-size: 2rem;
} */

table.batiment {
	/* background-color: #fff; */
	/* opacity: 0.5; */
	background: rgba(255,255,255, 0.5);
	/* font-size: 0.6rem; */
	font-size: 0.4rem;
}
table.batiment th, table.batiment td {
	border: 2px solid gray;
	text-align: left;
}
table.batiment i {
	/* font-size: 1rem; */
	font-size: 0.8rem;
	/* margin-left: 0rem; */
	margin-left: 0;
	/* margin-right: 0rem; */
	margin-right: 0;
	color: #000;
}
.col-a7j {
	display: table-cell;
	width: 6rem;
	height: 1.6rem; /*1.8*/
	background-position: center;
	vertical-align: middle;
}
td .col-a7j {
	background-image: url("images/agent_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 0.2rem;
	text-align: center;
	font-size: small;
	color: #000;
}
td.g {
	background-color: #58D68D;
}
td.r {
	background-color: #F1948A;
}
td.o {
	background-color: #FBC87F;
}
td.t {
	background-color: #11ffee00;
}
td.x {
	background-color: #FF5733;
}
td.b {
	background-color: #58d6cd;
}
td.batiment-time {
	border-style:none !important;
	/* font-size: 0.9rem !important; */
	font-size: 0.7rem !important;
	text-align: center !important;
	background: transparent !important;
}
.col-dp {
	display: table-cell;
	width: 14rem;
	background-position: center;
	vertical-align: middle;
}
td .col-dp {
	color: #fff;
}
th .col-dp {
	text-align: right;
}
ta .col-dp {
	text-align: right;
}
.dummy-cell {
	background-color: silver;
}
span.warning {
	background-color: orange;
	font-weight: bolder;
}
@media (min-width: 768px) {
	table.batiment {
		font-size: 1.0rem;  /*1.2*/
	}
	table.batiment i {
		font-size: 1.5rem;  /*2*/
		margin-left: 1rem;
		margin-right: 0.5rem;
	}
	.col-a7j {
		width: 6rem; 
		height: 1.6rem; /*1.8*/
	}
	td .col-a7j {
		padding-top: 0.2rem; /*0.3*/
		font-size: small;
	}
	td.batiment-time {
		font-size: 1.6rem !important; /*1.8*/
	}
	.col-dp {
		width: 14rem;
	}
}


/* --------------------------------------------------
  page
-------------------------------------------------- */

table.sanitaire {
	background: rgba(255,255,255, 0.5);
}
table.sanitaire tr td {
	background: #eee;
}
table.sanitaire tr:nth-child(odd) td {
	background: #fff;
}
td.space {
	background: transparent !important;
}
.sanitaire-name {
	font-size: 1.8rem;
	background: transparent !important;
	color: green;
	text-align: center;
}

/* --------------------------------------------------
  single
-------------------------------------------------- */



/* --------------------------------------------------
  archive
-------------------------------------------------- */



/* --------------------------------------------------
  Password Protected Login Page
-------------------------------------------------- */
.login.login-password-protected.login-action-password-protected-login.wp-core-ui {
	background-color: #fff;
	background-image: url("./images/background_login.png");
	background-repeat: no-repeat;
	background-position: center;
}

#login {
	margin-top: 200px;
}

#login h1 {
	/* position: relative;
	z-index: 10;
	margin-bottom: -40px; */
	display: none;
}

#loginform {
	padding-top: 100px;
}

.login-form-title {
	padding: 1rem;
	margin-bottom: -100px;
	background-color: #fff;
}

.box-img,
.box-text{
	display: inline-block;
	vertical-align: top;
}