body{
	font-family: "trueno";
	font-size: $font-normal ;
	font-weight: 300;
	line-height: 1.5;
}
main{
	h2{
		text-transform: uppercase;
		font-family: 'duke';
		font-size: $font-extra;
	}
}
a{
	color:inherit;
}
.close-block, .open-block{
	background: red;
	cursor:pointer;
}

//header

.header_top_left_container{
	height: 3rem;
	#block-identitedusite{
		height: 100%;
		// max-height: 5rem;
		a[rel~='home']{
			height: 100%;
			display: block;
			color: transparent;
			background: left / contain no-repeat url(../images/popsu-home-logo.png);
		}
		
	}
}

.header_top_middle_container{
	background: red;


	// div{
	// 	div{
	// 		div:first-child{
	// 			display: grid;
	// 			grid-template-columns: repeat(3, 1fr);
	// 		}
	// 	}
	// }
	//how to access the view js id
	.views-row{
		display: inline-block;
		width: auto;
	}
}

#header-top-right{
	.header_top_right_container{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: rgb(161, 161, 161);
		display: none;
		grid-template-columns: 5% 30% 30% 30% 5%;
		padding: 1rem 0;
		z-index: 100;
		line-height: 2;
		nav{
			grid-column-start: 2;
		}
		// padding: 1rem .5rem 1rem .5rem;
		a{
			text-decoration: none;
			font-weight: 400;
			&:hover{
				text-decoration: underline;
			}
		}
		h2{
			font-weight: 100;
			margin-bottom: .3rem;
		}
		.is-active{
			font-weight: 800;
		}
		#block-views-block-programmes-block-2-2{
			.views-row{
				width: 100%;
			}
		}
	}
}
nav{

	// position: absolute;
	// display: none;
}
//footer

footer{
	*{
		word-wrap: break-word;
	}
}

//TEMP
iframe{
	display: none;
}