/*
Theme Name: Blank Gutenberg
Theme URI: https://www.dannyhebert.com
Author: Danny Hébert
Author URI: https://www.dannyhebert.com
Description: Blank theme for Wordpress Gutenberg.
Version: 1.0.0
*/

/*------------------------------------------------------------------------------------------------------------------------------------
>>> IMPORTANT! STYLES ARE IN src/sass, don't edit here or in dest/style.css and use the webpack configs included to compile your style
------------------------------------------------------------------------------------------------------------------------------------*/

.clearFix{
	float:none!important;
	clear:both;
}
.hide{
	display:none;
	visibility:hidden;
}
.signup__popop-btn{
	display:none;
}
.page__main h4, .page__sidebar h4, .page__main h3, .page__sidebar h3{
	color:#21592A;
}
.header__top-inner div{
	/*border-right: 1px solid #fff;*/
}
.header__top-inner div:last-child{
	min-width: 351px;
	position: absolute;
    right: 48%;
    transform: translateX(265%);
    border-right: none;
}
.header__top-inner div:nth-last-child(3) {
    border-right: 1px solid #fff;
}
.fa-x-twitter:before {
	content:"\E61B";
}
#top_nav{
	width: 919px;
	position: relative;
	right: 48%;
	transform: translateX(100%);
}   
.header__bottom #top_nav ul { 
    width: auto;
    float: right;
}
.header__bottom #top_nav ul li.top-level .sub_nav {
    top: 88px;
	background-color: #21592A;
}
.header__bottom #top_nav ul li.leftSubMenu .sub_nav{
	right: -5%;
    left: auto;
} 
.header__bottom #top_nav ul li.leftSubMenu .sub_nav:before{
	left: 215px;
} 
.header__top #social_menu {
	list-style: none;
    margin: 0;
    padding-right: 11px;
    position: static;
    float: right;
}
.header__top #social_menu li {
    display: inline-block;
    font-family: sofia-pro,sans-serif;
    font-size: 15px;
}
.header__top #social_menu li, .header__top #social_menu li a {
    color: #fff;
	margin: 0 3px;
}
.header__top-inner #close, .header__top-inner #search {
	position: static;
    padding-right: 16px;
	float: right;
}
.hero-home {
    min-height: 650px;
}
.page__downloads li a.download {
	padding-right:10px;
}

.page-template-page-committees-tabs-php .download {
    display: flex;
    justify-content: space-between;
}

.page-template-page-committees-tabs-php .download .download-link > a:hover {
    border-bottom: 1px solid #e5a12c!important
}

.page-template-page-committees-tabs-php .download .download-link > a:hover span {
    color: #1c1b1a
}

.page-template-page-committees-tabs-php .download .download-link > a:hover span:after {
    background-color: #1c1b1a
}

.page-template-page-committees-tabs-php .download .download-link > a {
    bottom: 10px;
    color: #989898;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

#about .downloads {
	flex-direction: row;
	width: 33%;
	background-color: #f4f4f4;
}
#about .downloads >div{ 
	width:45%;
}
#about .downloads div:first-of-type, #about .downloads div:last-of-type {
    background-color: transparent;
}
#about .downloads div:first-of-type  a {
    background: url(assets/images/icon_corpo-present.png) no-repeat center 140px;
	background-size: 70px;
}
#about .downloads div:last-of-type  a {
    background: url(assets/images/icon_fact.png) no-repeat center 140px;
	background-size: 70px;
}
#about .downloads div a>span{
	white-space:normal;
	text-align: center;
	top: 63%;
    font-weight: 600;
    font-family: 'roboto', sans-serif;
	width:75%;
}
#about .downloads div:last-of-type a>span{
	color:#000;
}
#about .downloads div a>span i {
	display:none;
}
#about .text {
    height: auto;
	width: 66%;
    max-width: 1000px;
}
#subscribe{
	position:relative;
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position:center;
}
.subscribe-wrapper {
	position: relative;
    z-index: 100;
}
.shadow {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom:0;
}
.btn.signup, button.signup{
	color:#e5a12c;
}
#subscribe h4, #subscribe p{
	color:#fff;
}
#about h3, #project-overview h3, #updates>div h4{
	color:#21592A;
	font-family: 'Roboto', sans-serif;
	font-weight:600;
}
/*temporaire sans fact sheet */
#about .downloads > div:first-child{
	width:100%;
}
#about .downloads > div:last-child{
	display:none;
}
/*temporaire sans fact sheet */
#project-overview{
	background-color: #E0E0E0;
    padding: 20px 0;
	width:100%;
}
#project-overview .wideContainer{
	height:100%;
}
#project-overview .wideContainer > div{
	float: left;
    width: 50%;
	height:100%;
}
#project-overview img{
	width:75%;
	max-height:640px;
	float:right;
	object-fit:contain
}
#project-overview .colDroit{
	text-align: center;
	position:relative;
}
#project-overview .colDroit > div{
	width:75%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding-left:100px;
}
#project-overview h3{
	text-transform:uppercase;
}
#project-overview .bouton{
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin-top:40px;
}
#project-overview .bouton a, #project-overview .bouton a:hover{
	color:#fff;
	padding: 10px 50px;
	background-color:#D0A73B;
	text-transform:uppercase;
}

#shareholders {
    background-color: #b0b0b0;
}

#shareholders h4 {
    color: #21592A;
}

#shareholders .container{
	max-width:60%;
	width:100%;
}

.agnicoLogo{
	max-height:80px;
	margin-top:-10px;
}

.stephensLogo{
	max-height: 140px;
    margin-top: -65px;
}

.wp-block-gallery.fullWidth .blocks-gallery-grid{
	width:100%;
}
.wp-block-gallery:not(.fullWidth) .blocks-gallery-item img {
    max-width: 500px;
	width: 100%;
}
.blocks-gallery-grid, .wp-block-gallery {
    margin: 0 auto;
}
.career__post{
	border-top: 1px solid #959595;
    padding: 79px 0 75px;
    width: 100%;
}
.career__post-wrapper{
	margin: 0 auto;
    max-width: 790px;
    text-align: center;
}
.career__post .form-group label {
	text-align:left;
}
.career__post h4 {
    color: #1c1b1a;
    text-transform: uppercase;
    margin: 0;
}
.career__post h4 .fa-envelope {
    color: #e5a12c;
    font-size: 25px;
    margin-right: 17px;
    position: relative;
    top: 2px;
}
.career__post p {
    color: #989898;
    margin: 5px 0 40px;
}
form .btn {
    position: relative;
	left:50%;
    transform: translateX(-50%);
}
img.fancybox-image{
	height:auto;
}
@media (min-width: 600px){
	.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
		width: calc(20% - 1em);
		margin-right: 0.6em;
		height: 230px;
	}
}
#top_nav {
    width: 1045px;
    right: 53%;
}
.download.presentation a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
}
figure.fullTable{
	margin:0;
	overflow:hidden;
}
.fullTable table tr:first-of-type td{
	background-color: #fff;
    color: #000;
}
.fullTable .wp-block-table td, .fullTable table tr td{
	padding: 30px 20px;
}

.tabs.pdf-tabs .hold.tabArch{
	padding-top:50px!important;
}
.footer {
    background-color: #21592A;
}
.footer__nav {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: calc(100vw - 410px);
	position:relative;
}
.footer__nav ul.footer__nav-list {
	max-height: 230px;
}
.footer__nav ul.footer__nav-list li.top-level {
    margin-right: 100px;
}
.footer__logo {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-width: 240px;
    text-align: right;
	padding-left:20px;
}
.footer__bottom {
    border-top: 2px solid #fff;
}
.footer__nav .social {
    position: absolute;
    right: -223px;
    top: 100px;
}
@media screen and (max-width: 1940px){
	#top_nav {
		position: relative;
		right:0;
		transform:none;
	}
	.header__top-inner div:last-child{
		position: absolute;
		right: 0;
		padding-right: 65px;
		transform:none;
	}
	.header__top #social_menu {
		padding-right: 35px;
	}
	.header__top-inner #close, .header__top-inner #search {
		padding-left: 0;
	}
	.footer__nav ul.footer__nav-list {
		max-height: 360px;
	}
	.footer__logo {
		padding-left: 0;
	}
	.footer__nav .social {
		right: -203px;
	}
}
@media screen and (max-width: 1660px){
	.footer__nav ul.footer__nav-list li.top-level {
		margin-right: 100px;
	}
}
@media screen and (max-width: 1440px){
	.header__bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 1366px){
	.header__top-inner div:last-child{
		padding-right: 30px;
	}
	#project-overview .colDroit > div {
	    max-width: 100%;
	}
	.footer__nav ul.footer__nav-list {
		max-height: 440px;
	}
}
@media screen and (max-width: 1024px){
	.header__bottom #top_nav ul li.top-level{
		position:static;
	}
	.header__bottom #top_nav ul li.top-level .sub_nav {    
		width: 90%;
		margin-top: 16px;
		padding-left: 15px;
		background-color: transparent;
	}
	.header__bottom #top_nav ul {
		width: 300px;
	}
	.header__bottom #top_nav ul li.top-level .sub_nav li a {
		white-space: normal;
	}
	.header__mob-tickers {
		display: none;
	}
	#shareholders .container{
		max-width:90%;
	}
}
@media screen and (max-width: 900px){
	#about div {
		height: auto;
	}
	#about .downloads{
		flex-wrap:wrap;
		width:100%;
	}
	#about .text {
		width:100%;
	}
	#about .downloads > div {
		width: 100%;
		height:100px;
	}
	#about .downloads div:first-of-type a, #about .downloads div:last-of-type a  {
		background:none;
	}
	#about .downloads div a>span i {
		display: inline-block;
	}
	#project-overview .wideContainer > div {
		width:100%;
		height:auto;
	}
	#project-overview .colDroit > div {
		width:100%;
		transform:none;
		position:static;
		padding:20px;
	}
}
@media screen and (max-width: 480px){
	#about .downloads div a>span{
		white-space:normal;
		width:80%;
	}
}