/**
 * @file
 * Subtheme specific CSS.
 

:root{
	--default-font: 'Satoshi', Arial, sans-serif;

	--size-14: .875rem;;
	--size-15: .94rem;
	--size-18: 1.125rem;
	--size-20: 1.25rem;
	--size-24: 1.5rem;
	--size-28: 1.75rem;
	--size-32: 2rem;
	--size-36: 2.25rem;
	--size-40: 2.5rem;
	--size-44: 2.75rem;
	--size-48: 3rem;
	--size-50: 3.125rem;

	--primary-color: #BD472A;
	--secondary-color: #C69214;
	--primary-gray: #6C6C65;
	--secondary-gray: #656565;
	--primary-black: #1D1D1B;

	--background-section: #FAFAFA;

	--container-size: 1320px;
	--section-padding: 80px 0;
	--extra-space: 80px;

	--close-button: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DC4920'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");

}*/


/**
 * @file
 * Subtheme specific CSS.
 */

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	
}
@media only screen and (max-width: 1280px) {
	html {
		font-size: 95%;
	}
	
}

@media screen and (max-width: 1199px) {
	
	
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	
	.inner-header.sticky{
		position: static;
	}
	#navbar-top .navbar-brand{
		display: none;
	}
	#navbar-main .navbar-brand{
		display: inline-block;
		margin: 14px 0;
	}
	#navbar-top .navbar-form{
		width: 100%;
	}
	.region-top-header-form{
		justify-content: space-between;
	}
	#navbar-main .tbm{
		position: relative;
	}
	.tbm-subnav.level-1.items-1 {
		padding-left: 21px;
	}
	.tbm-subnav.level-2 li .tbm-link-container::before{
		display: none;
	}
	.tbm.tbm--mobile .tbm-item{
		border: none;
	}
	#navbar-main .tbm .tbm-button{
		position: absolute;
		margin: 0;
		bottom: 14px;
		right: 0;
		border: none;
		background: transparent;
		display: flex;
		align-items: center;
	}
	#navbar-main .tbm-link.level-2{
		color: #909090;
	}
	#navbar-main .tbm-link.level-3{
		color: #bbb;
	}
	#navbar-main .tbm-link.level-2.active-trail,
	#navbar-main .tbm-link.level-3.active-trail{
		color: var(--primary-color);
	}
	#navbar-main .tbm .tbm-button::before{
		content: 'Menu';
		display: block;
	}

	.tbm-button-container{
		width: 20px;
		height: 20px;
	}
	#navbar-main .tbm .tbm-collapse {
		padding: 0;
	}
	
	.tbm-button-container span{
		height: 0.2rem;
		color: var(--secondary-color);
	}
	.tbm-button-container span:nth-child(2), .tbm-button-container span:nth-child(3){
		top: calc(50% - 0.09rem);
	}
	.tbm.tbm--mobile .tbm-nav{
		background-color: #fff;
		box-shadow: 0px 10px 8px #33333333;
	}
	.tbm.tbm--mobile .tbm-submenu-toggle {
		background-color: transparent;
		border-color: #fff;
	}
	#navbar-main .tbm-item--has-dropdown > .tbm-link-container > .tbm-link::after{
		display: none;
	}
	.slick__arrow .slick-arrow::before{
		right: 0;
		left: -80px;
		margin: auto;
	}
	.slick__arrow .slick-next::before{
		left: 80px;
	}

	.home-slider .post-content{
		text-align: center;
		margin: auto;
	}
	.home-slider .slider-desc {
		height: 700px;
	}

	.region-footer-fifth{
		margin-top: 26px;
	}
	
}

@media only screen and (min-width: 992px)  and (max-width: 1024px)  {
	.block-tb-megamenu-menu-blockmain{
		width: 100%;
		align-self: end;
	}
}
@media only screen and (max-width: 1023px)  {
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(1) .post-partenaire a{
		border-radius: 8px 0 0 0;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(2) .post-partenaire a{
		border-radius: 0 8px 0 0;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(3) .post-partenaire a{
		border-radius: 0 0 0 8px;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(4) .post-partenaire a{
		border-radius: 0 0 8px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)  {
	.views-view-responsive-grid--horizontal {
		grid-template-columns: 1fr 1fr;
	}
}

/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/
@media only screen and (max-width: 992px) {
	:root {
		--container-size: 720px;
	}
	html {
		font-size: 94%;
	}
	.post-offre-emploi{
		flex-direction: column;
	}
}
@media only screen and (max-width: 991px) { /*960*/
	
}

@media screen and (min-width: 769px) and (max-width: 991px) {
	.ebt-counter-four_columns .ebt-container .field--name-field-ebt-counter-items{
		grid-template-columns: 1fr 1fr;
	}
}
/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	#search-page .region-content .node_search-results{
		grid-template-columns: repeat(2, 1fr);
	}
	
}
/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
	:root {
		--container-size: 540px;
		--section-padding: 30px 0;
		--extra-space: 30px;
	}
	.post-membre-ca .post-content img{
		height: 416px;
		object-position: top;
	}
	.post-equipe img {
		height: 420px;
		object-position: top;
	}
	.field.field--name-field-image.field--type-image.field--label-hidden.field__items {
		grid-template-columns: 1fr 1fr;
	}
	
	.post-offre-emploi .post-infos{
		flex-wrap: wrap;
	}
	.post-offre-emploi .post-infos .post-date{
		flex: 1 1 100%;
	}
	#navbar-top .menu--contact .nav{
		margin: 0 5px 0 0;
		padding: 0 5px 0 0;
		border-right: 0;
	}
	.notation .bs-region--left .content, .notation .bs-region--right .content{
		margin-bottom: 10px;
	}
	#search-page .region-content .node_search-results{
		grid-template-columns: repeat(1, 1fr);
	}
	
	

}

/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	
	#navbar-main .tbm {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#navbar-main .tbm .tbm-button {
		margin: 0 1rem 0 0;
	}
	
	.views-view-responsive-grid--horizontal {
		grid-template-columns: 1fr;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(1) .post-partenaire a{
		border-radius: 8px 8px 0 0;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(2) .post-partenaire a{
		border-radius: 0;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(3) .post-partenaire a{
		border-radius: 0;
	}
	.actionnaire .view-actionnaires .views-view-responsive-grid__item:nth-of-type(4) .post-partenaire a{
		border-radius: 0 0 8px 8px;
	}
	
}

/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	.main-footer__top .region{
		margin-bottom: 1rem;
	}
	.region-footer-fifth{
		flex-direction: column-reverse;
		gap: 20px;
		text-align: center;
	}
	.region-footer-fifth #block-afinhab-theme-agrement-commission-bancaire-umoa .field--name-body{
		justify-content: center;
	}
	.float-nav-about-crrh{
		display: none;
	}
}

@media only screen and (max-width: 480px) {

}