/*BODY*/

body{overflow-y:scroll;}

:focus { outline: none; }


/*TYPOGRAPHIE*/

h1 {
	font-family: karmillaregular;
	text-transform: uppercase;
	color:white;
	font-size: 0.8rem;
	margin-bottom: 0rem;
	line-height: 1;
}

h2 {
	font-family: Avara_Bold_italic;
	/*font-family: karmillaregular;
	text-transform: uppercase;*/
	color:white;
}

p {
	font-family: karmillaregular;
	color:white;
	font-size: 0.8rem;
}

a, a:hover {color: #FFFFFF}

a.button-select-project_white, a.button-select-project_white:hover {
	color: #000000
}

.image-cover {
	background-size:cover;
}

/*COLOR*/
.bg-white {
	background-color: #FFFFFF;
}

.bg-white h1 {
	color: #000000;
}

.bg-black {
	background-color: #000000;
}

/* (bootstrap changes) */
.card {
	border: none;
	border-radius: 0;
}
.card-img {
   	border-radius: 0;
}

a:hover {
	text-decoration: none;
}


/*NAVBAR*/


.navbar-main {
	height: 120px;
}

.navbar-buttons, .fabio_caldironi_title  {
	cursor: pointer;
	transition: all 150ms ease-in-out;
}
.navbar-buttons h1, .fabio_caldironi_title h1 {
	transition: all 150ms ease-in-out;
}


.button-select-project {
	width: 12rem;
	height: 3rem;
    border: 1px solid #ffffff;
}

.button-select-project_white {
	width: 12rem;
	height: 3rem;
    border: 1px solid #000000;
}

.height-collapsed {
	height: calc(100vh - 120px)
}

.background-thumbnail {
	background-size:cover;
}

.button-navbar-close img {
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	        transition:         transform .2s ease-in-out;
}

.button-navbar-close img:hover{
      -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
      }     

@keyframes example {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
      }

/*home*/
.project_mosaique_home img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*Page Project*/

.icon_play_video {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 37.5px 0 37.5px 65.0px;
	border-color: transparent transparent transparent #ffffff;
}

/*Page Infos*/

.infos h2 p {
	text-transform: initial;
	font-size: 1rem;
	margin-bottom:1rem;
}


/*BUTTON HOVERED AND ACTIVE*/

.hovered, .active {
	background-color: white;
	transition: all 200ms ease-in-out;
}
.hovered h1, .active h1 {
	color: black;
	/*border-bottom: 1px dashed #ffffff;*/
	transition: all 200ms ease-in-out;
}

.hovered-2 {
	border: 1px dashed #ffffff;
	transition: all 200ms ease-in-out;
}