/*
Theme Name:     Custom Theme
Author:         C2Web
Author URI:     http://www.c2w.fr
Template:       c2web_framework
*/

/*
Indication :
font-family: "Font Awesome 5 Free";
font-family: "Font Awesome 5 Regular";
font-family: "Font Awesome 5 Solid";
*/

body{
	background:#FFF;
	color:#000;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
}

.no-margin{
  margin: 0;
}

h1, h2, h3, h4{
	position: relative;
}

a {
    color: #000;
    text-decoration: none;
}

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

a:focus, a:active{
	color:#000;
}


header{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
  padding-top: 1rem;
}

header.mini{
	height: 50px;
	background:rgba(0,0,0,1);
	padding-top: 0.5rem;
}

footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
}

.container-menu a{
	text-transform: uppercase;
}

#main-container{
  margin: 75px 0 0 0;
  padding: 0;
}

#main-container > .container-fluid{
  padding: 0;
}

body.single-batiment #main-container,
body.single-maquette #main-container{
  margin: 0;
  padding: 0;
}

body.single-batiment #main-container > .container-fluid,
body.single-maquette #main-container > .container-fluid{
  padding: 0;
}

header .container-menu{
	text-align: right;
}

header .menu{
	margin: 0;
	display: inline-block;	
}

header .menu > li > a{
	padding: 0 0.6rem;
}


body.home .content{
  width: 100vw;
}

body .container_sidebar{
  user-select: none;
}

body.single-batiment .container_sidebar,
body.single-maquette .container_sidebar{
  position: fixed;
  left: 0;
  z-index: 10;
}

body.single-batiment footer,
body.single-maquette footer{
  display: none;
}

body.single-batiment #main-container,
body.single-maquette #main-container{
  height: 100vh;
}

div#tourDIV {
  height:100vh;
  width: 100vw;
  position:relative;
  overflow:hidden;
}
div#panoDIV { height:100%; position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; user-select:none; }

.container_sidebar{
  position: fixed;
  left: 0;
  top: 0;
  background:rgba(0,0,0,0.9);
  height: 100vh;
  width: 15vw;
  color:rgba(200, 200, 200, 0.7);
  padding:1rem;
  transition:0.25s all;
  padding-top: 8vh;
}

body.single-batiment .container_sidebar.inactive,
body.single-maquette .container_sidebar.inactive{
  left:-15vw;
}

.container_sidebar a{
  color:rgba(200, 200, 200, 0.7);
}

.container_sidebar ul{
  padding: 0;
  margin-top: 1.5vh;
  margin-bottom: 5vh;
}

.container_sidebar li{
  list-style-type: none;
  padding:0.2rem 0;
}

.container_sidebar li.btn_scene{
  cursor: pointer;
  transition:0.25s all;
}

.container_sidebar li.btn_scene:hover,
.container_sidebar li:hover a,
.container_sidebar li.current,
.container_sidebar li.current a{
  color:var(--couleur2);
}

.container_sidebar h3{
  font-size: 1.2rem;
  color:var(--couleur2);
  border-bottom: 1px solid rgba(200, 200, 200, 0.7);
}

#sidebar .fwf_open{
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 20;
  background:var(--couleur2);
  color:var(--couleur1);
  border-radius:999rem;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-left: 2px;
  transition: 0.25s all;
}

.container_sidebar.inactive #sidebar .fwf_open{
  right:-3rem;
}

#sidebar .fwf_open:hover{
  opacity: 0.8;
}

.logo_projet{
  width: 100%;
  height: 10vh;
  margin-bottom: 5vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.liste_projets{
  border-top:1px solid var(--couleur1);
  border-bottom:1px solid var(--couleur1);
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 2rem 2rem !important;
  background:rgba(200, 200, 200, 0.7);
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

#maquette-container{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}