/*
Theme Name: Studio Tamani
Text Domain: studiotamani
*/

/*
 * General
 */
body{
	font-family: 'Montserrat', sans-serif;
}
a,
a:hover{
	text-decoration:none;
}
.row{
	margin-bottom:30px;
}
.row.noBottomMargin{
	margin-bottom:0;
}
.row.forceBottomMargin{
	margin-bottom:30px !important;
}

/*
 * Boutons
 */
.Button{
	border: solid 1px #f2b300;
	color:#f2b300;
	padding:5px 10px;
	font-size:12px;
}
.Button:hover{
	background-color:#f2b300;
	color:#fff;
}

/*
 * Dots
 */
.slick-dots{
	list-style-type:none;
	margin-top:8px;
}
.slick-dots li{
	float:left;
}
.slick-dots button{
	width:12px;
	height:12px;
	border-radius:6px;
	background-color:#e2e2e2;
	border:none;
	margin-right:10px;
	text-indent:-100px;
	overflow:hidden;
}
.slick-dots .slick-active button{
	background-color:#f2b300;
}

/*
 * Header
 */
.navbar-is-fixed-top .header{
	position: fixed;
	top:0;
	background-color:#fff;
	z-index:100;
	right:0;
	left:0;
	padding-top:0 !important;
}
.navbar-is-fixed-top .headerContent{
	max-width:none;
}
.navbar-is-fixed-top .primaryNavbarContainer{
	baaackground-color:#fcc;
	margin-top:0;
	margin-bottom:-24px;
}
.navbar-is-fixed-top .primaryNavbarContainer:before{
	background:none;
}
.navbar-is-fixed-top .primaryNavbarContent{
	display:flex;
	justify-content:space-between;
	margin-bottom:0px;
	
}
.navbar-is-fixed-top .siteLogoLink{
	display:none;
}
.navbar-is-fixed-top .stickyLogoContainer{
	display:block !important;
}

.navbar-is-fixed-top .stickySiteLogo{
	height:80px;
	max-width:none;
	margin-top:10px;
}

.navbar-is-fixed-top #main-menu .nav-link {
    display: block;
    padding: 0 38px;
    line-height:100px;
}
.navbar-is-fixed-top .headerBarSearch {
    line-height:100px;
}
.navbar-is-fixed-top #main-menu .dropdown-menu {
    top: 102px;
}
.navbar-toggler{
	font-size:28px;
	color:#f2b300;
	margin-bottom:0px;
}
@media (max-width: 1550px)
{
	.navbar-is-fixed-top #main-menu .nav-link {
		padding: 0 28px;
	}
}
@media (max-width: 1400px)
{
	.navbar-is-fixed-top #main-menu .nav-link {
		padding: 0 20px;
	}
}
@media (max-width: 1350px)
{
	.navbar-is-fixed-top #main-menu .nav-link {
		padding: 0 12px;
	}
}
@media (max-width: 1200px)
{
	.navbar-is-fixed-top #main-menu .nav-link {
		padding: 0 6px;
	}
}
@media (max-width: 1050px)
{
	.navbar-is-fixed-top #main-menu .nav-link {
		padding: 0 6px;
	}
}
@media (min-width: 768px) and (max-width: 991px)
{
}
@media (max-width: 991px)
{
	.navbar-is-fixed-top .navbarContainer{
		width:100%;
	}
	.navbar-is-fixed-top .primaryNavbarContainer{
		margin-top:-1.5rem;
		padding-bottom:10px;
	}
	.navbar-is-fixed-top .primaryNavbarContent{
		margin-bottom:10px;
		-webkit-flex-flow: row wrap;
	}
	.navbar-is-fixed-top .stickyMenuTooglerContainer{
		display:block !important;
		line-height:90px;
		font-size:28px;
		color:#f2b300;
	}
	.navbar-is-fixed-top .navbar-toggler{
		display:none !important;
	}
	.navbar-is-fixed-top #main-menu .nav-link {
		line-height:3em;
	}
	
	#menu-menu-principal > li.current-menu-item,
	#menu-menu-principal > li.current-category-ancestor,
	#menu-menu-principal > li.current_page_item,
	#menu-menu-principal > li.current-post-ancestor,
	#menu-menu-principal > li:hover {
		border-bottom: none !important;
	}
}

/*
 * Top banner
 */
.topBanner{
	background-color:#f2b300;
	text-align:center;
	vertical-align:middle;
	margin-bottom:15px;
	padding:6px 30px;
	color:#000;
}
.topBanner .row{
	margin-bottom:0;
}
.topBanner .socialIcon{
	color:#000;
	margin-right:14px;
	font-size:20px;
}
.topBanner .socialIcon svg{
	height:20px;
	width:auto;
	fill:#000;
}
.topBanner .socialIcon svg path{
	fill:#000;
}
.topBanner .socialIcon--whatsapp svg,
.topBanner .socialIcon--instagram svg,
.topBanner .socialIcon--youtube svg{
	height:24px;
}
.topBanner-text{
	font-weight:bold;
	line-height:30px;
}

/*
 * Header logo
 */
.siteLogo{
	width:270px;
}
 
/*
 * Main menu
 */
.primaryNavbarContainer{
	margin-top:20px;
}
.primaryNavbarContainer::before,
.primaryNavbarContainer::after{
	content:'';
	display:block;
	height: 1px;
	background-color: #f2b300; /* For browsers that do not support gradients */
	background-image: linear-gradient(to right, white , #f2b300,  white);
	width:100%;
}
.primaryNavbarContainer::before{
    margin-bottom:6px;	
}
.primaryNavbarContainer::after{
    margin-top:0px;	
}
.navbar-nav li:hover > ul.dropdown-menu {
	display: block;
}
.primaryNavbar{
	width:100%;
	background-color:#fff !important;
	padding:0;
}
#menu-menu-principal{
	display:flex;
	align-items: stretch;
	width:100%;
}
#menu-menu-principal > li {
    flex-grow:1;
    text-align:center;
	border-bottom:2px solid #fff;
}
#menu-menu-principal > li a{
    color:#4f4d4b;
}
#menu-menu-principal > li > a{
    text-transform:uppercase;
}
#menu-menu-principal > li.current-menu-item,
#menu-menu-principal > li.current-category-ancestor,
#menu-menu-principal > li.current_page_item,
#menu-menu-principal > li.current-post-ancestor,
#menu-menu-principal > li:hover{
    border-bottom:2px solid #f2b300;
    color:#f2b300;
}
#menu-menu-principal > li.current-menu-item > a,
#menu-menu-principal > li.current-category-ancestor > a,
#menu-menu-principal > li.current_page_item > a,
#menu-menu-principal > li.current-post-ancestor > a,
#menu-menu-principal > li:hover > a{ 
    color:#f2b300;
}
#menu-menu-principal .dropdown-menu{
	top: 41px;
	min-width: initial;
	width: 100%;
}
#menu-menu-principal .dropdown-menu .dropdown-item.active,
#menu-menu-principal .dropdown-menu .dropdown-item:active {
    color: #fff;
    background-color: #f2b300;
}
#menu-menu-principal .dropdown-menu a{
	white-space:normal;
	line-height:18px;
	padding:8px 8px;
}

.headerBarSearch{
	line-height: 40px;
	cursor:pointer;
	color:#f2b300;
	font-size:24px;
}

/*
 * Overlay
 */
.Overlay{
	background-color:rgba(255,255,255,0.95);
	bottom:0;
	left:0;
	position:fixed;
	right:0;
	top:0
}

/*
 * Audio player
 */
.mejs-container{
	margin-bottom:30px;
	overflow:hidden;
}
#homeJournaux .mejs-container{
	margin-bottom:10px !important;
}

/*
 * Tabs
 */
.wp-block-ub-tabbed-content-tabs-title,
ul.nav nav-tabs{

}
.wp-block-ub-tabbed-content{
	margin-top:0;
}
.tab-content,
.wp-block-ub-tabbed-content{
    margin-bottom:30px;
}
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap,
ul.nav.nav-tabs .nav-item .nav-link{
    padding:10px;
    border:1px solid #ccc;
    margin-left:0;
    margin-right:5px;
    color:#f2b300 !important;
    border-bottom:none;
	text-transform:uppercase;
}
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap.active,
ul.nav.nav-tabs .nav-item .nav-link.active{
    background-color:#f2b300 !important;
    border-bottom:none;
    color:#fff !important;
    border:1px solid #f2b300 !important;
}
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content,
.tab-content{
	background-color:#f2b300;
	padding:20px;
	border:none;
	color:#fff;
}
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content a,
.tab-content a{
	color:#fff !important;
	text-decoration:underline;,
}

/*
 * Search
 */
.SiteHeader-search {
    bottom: 0;
    color: #f2b300;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}
.SiteHeader-search.is-visible {
    display: block
}
.SiteHeader-searchContent {
    margin: 0 auto;
    padding-top: 80px;
    position: relative;
    width: 1020px
}
.SiteHeader-searchTitle {
    color: inherit;
    text-align: center
}
.SiteHeader-searchCloseButton {
    background:transparent;
    border:none;
    font-size:50px;
    display: block;
    height: 34px;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 34px;
	line-height: 25px;
}
.SiteHeader-searchField.SiteHeader-searchQueryField,
.SiteHeader-searchField.SiteHeader-searchSubmitButton {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f2b300;
    color: inherit;
    float: left;
    height: 58px
}
.SiteHeader-searchField.SiteHeader-searchQueryField {
    font-size: 22px;
    width: 962px;
}
.SiteHeader-searchField.SiteHeader-searchQueryField:focus{
    outline: none;
}
.SiteHeader-searchField.SiteHeader-searchQueryField::-moz-input-placeholder {
    color: inherit
}
.SiteHeader-searchField.SiteHeader-searchQueryField:-ms-placeholder {
    color: inherit
}
.SiteHeader-searchField.SiteHeader-searchQueryField::-webkit-input-placeholder {
    color: inherit
}
.SiteHeader-searchField.SiteHeader-searchSubmitButton {
    font-size: 30px;
    width: 58px
}
.Title.Title--overlay {
    color: #f2b300;
    font-size: 48px;
    margin-bottom: 65px;
    text-align: center;
}

/*
 * Pagination
 */
.pagination{
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	justify-content: center!important;
}
.pagination .page-numbers{
	color: #f2b300;
	background-color: #fff;
	border-color: #f2b300;
	display: inline-block;;
	padding: .5rem .75rem;
	margin:0;
	line-height: 1.25;
	background-color: #fff;
	border: 1px solid #f2b300;
}
.pagination .page-numbers:first-child {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.pagination .page-numbers:last-child {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.pagination .page-numbers.current{
	background-color: #f2b300;
	color:#fff;
}
.pagination .screen-reader-text{
	dipsplay:none;
}
.pagination .next .screen-reader-text{
	displday:block;
}

/*
 * Page title
 */
.pageTitleContainer{
	background-image:url(assets/image/menu_brade.png);
	background-size:cover;
	margin-bottom:20px;
	padding:40px 20px 30px;
	text-align:center;
	color:#fff;
}
.pageTitle{
	font-size:38px;
	margin-bottom:20px;
}
.pageTitle span{
	font-size:22px;
}
.pageTitle span:before{
	content:':';
	margin:0 10px;
}
.pageTitleContainer ul.nav {
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.pageTitleContainer ul.nav li {
	padding:10px 0;
	margin:0 20px;
}
.pageTitleContainer ul.nav li a {
	border:1px solid #fff;
	padding:10px;
	color:#fff;
}
.pageTitleContainer ul.nav li.active a,
.pageTitleContainer ul.nav li a:hover {
	background-color:#fff;
	color:#000;
}

/*
 * News feed
 */
.Module-featuredArticles,
.Module-feed{
	height:672px;
}
.Module-feed .Module-content{
	position:relative;
    height: 620px;
    margin-top: 10px;
}
.Module-feed .Module-content .Module-scrollableContent{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    overflow-y: scroll;
    overflow-x: hidden;
	font-size:12px;
}
.Module-feed .mejs-container{
	margin-top:5px;
}

/*
 * Fil élections
 */
.Module-filElections{
	height:1600px;
}
.Module-filElections .Module-content{
	position:relative;
    height: 1250px;
    margin-top: 10px;
}
.Module-filElections .Module-content .Module-scrollableContent{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    overflow-y: scroll;
    overflow-x: hidden;
	font-size:12px;
}
.Module-filElections .mejs-container{
	margin-top:5px;
}

/*
 * Article list
 */
.widget-title,
.articleList-title{
	font-size:24px;
	font-family:MyriadPro;
	text-transform:uppercase;
	border-bottom:1px solid #9b9593;
	color:#9b9593;
	margin-bottom:30px;
	padding:0 0 10px 0;
	line-height:24px;
}
.articleList .articleLink{
	margin-bottom:30px;
}
.articleList--singleArticle .articleLink{
	margin-bottom:0px;
}
.articleList .row{
	margin-bottom:0;
}

/*
 * Article link
 */
.articleLink{
	display:block;
	position:relative;
	overflow:hidden;
	text-decoration:none !important;
}
.articleLink--podcast:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '\f2ce';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #fff;
	display: flex;
	text-align: center;
	font-size: 50px;
	align-items: center;
	justify-content: space-around;
	opacity:0.7;
}
.articleLink-topLabel{
	background-color:#cdcac9;
	display:block;
	height:22px;
	line-height:22px;
	padding:0 10px;
	color:#382f2e;
	text-transform:uppercase;
	text-decoration:none !important;
}
.articleLink-imageContainer {
	display:block;
	padding-bottom:66%;
	position:relative;
}
.articleLink-imageWrapper {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}
.articleLink-backgroundedImage{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	background-size:cover;
}
.articleLink-image {
	display:block;
	width:100%;
	height:auto;
	max-width:100%;
}
.articleLink-defaultImage{
	background-image:url(images/ji-visuel-defaut.jpg);
	background-size:cover;
	width:100%;
	height:100%;
}
.articleLink-readingTimeContainer {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index:30;
}
.articleLink:hover .articleLink-readingTimeContainer{
	display:flex;
}
.articleLink-readingTimeContainer:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#382f2e;
	opacity:0.4;
}
.articleLink-readingTime:before {
	font-family:"Font Awesome 5 Free";
	content:'\f017';
	margin-right:5px;
}
.articleLink-readingTime {
	z-index:1000;
	display:block;
	background-color:#fff;
	color:#382f2e;
	padding:3px 8px;
	opacity:0.8;
}
.articleLink-titleContainer{
	position:absolute;
	z-index:20;
	bottom:0;
	left:0;
	right:0;
	color:#000;
	padding:10px;
	font-size:16px;
	line-height:18px;
	background-color:#f2b300;
	/*
	background: -moz-linear-gradient(top, rgba(226 88 49) 0%, rgba(226 88 49) 100%);
	background: -webkit-linear-gradient(top, rgba(226 88 49) 0%,rgba(226 88 49) 100%);
	background: linear-gradient(to bottom, rgba(226 88 49) 0%,rgba(226 88 49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
	*/
}
.articleLink-title{
	/* max-height:68px; */
	overflow:hidden;
}
.articleLink-text{
	background-color:#382e2c;
	padding:20px 20px 0 20px;
	height:171px;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.articleLink-excerpt{
	font-size:18px;
	font-family:MyriadPro;
	line-height:24px;
	font-weight:bold;
}
.articleLink-author{
	margin-top:6px;
	font-size:14px;
	text-transform:uppercase;
	color:#9b9593;
}
.articleLink-authorName{
	color:#fff;
}
.articleLink-readMore{
	position:absolute;
	bottom:30px;
	right:30px;
	color:#382e2c;
	background-color:#fff;
	font-family:MyriadPro;
	padding:2px 10px;
	text-transform:uppercase;
}
.articleLink--featured .articleLink-titleContainer{
	bottom:auto;
	top:0;
	font-size:40px;
	line-height:40px;
	padding:20px 20px 100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc72c+0,ffc72c+100&1+0,0+100 */
	/* background: -moz-linear-gradient(top, rgba(255,199,44,1) 0%, rgba(255,199,44,0) 100%); */ /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top, rgba(255,199,44,1) 0%,rgba(255,199,44,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom, rgba(255,199,44,1) 0%,rgba(255,199,44,0) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc72c', endColorstr='#00ffc72c',GradientType=0 ); */ /* IE6-9 */
	background: -moz-linear-gradient(top, rgba(226 88 49,1) 0%, rgba(0,199,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226 88 49,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226 88 49,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
.articleLink--featured .articleLink-title,
.articleLink--titleTop .articleLink-title{
	height:auto;
	max-height:none;
}
.articleLink--titleTop .articleLink-titleContainer{
	bottom:auto;
	top:0;
	font-size:28px;
	line-height:28px;
	padding:14px 14px 60px;
	background: -moz-linear-gradient(top, rgba(226 88 49,1) 0%, rgba(0,199,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226 88 49,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226 88 49,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

.articleLink--dossier{
	margin-bottom:30px;
}
.articleLinkInline{
	display:block;
	margin-bottom:13px;
	border-bottom:1px dotted #cccccc;
	padding-bottom:13px;
	line-height:20px;
	font-size:12px;
	color: #382e2c;
	text-decoration: none !important;
}
.articleLinkInline:last-of-type {
	border-bottom:none;
}
.articleLinkInline:hover{
	color:#000;
}
.articleLinkInline-publicationDate{
	color:#ffc72c;
	font-weight:bold;
	border-right:1px solid #ccc;
	padding-right:10px;
	margin-right:10px;
}
.articleLinkLarge-title,
.articleLinkLarge-title:hover{
	display:block;
	font-size:30px;
	line-height:35px;
	margin-bottom:15px;
	color:#333;
}
.articleLinkLarge-author{
	margin-top:15px;
	text-transform:uppercase;
}
.articleLinkLarge-readMore{
	margin-top:20px;
	display:inline-block;
}

/* 
 * Back to top
 */
.back-to-top {
	bottom: 35px;
	height: 40px;
	margin: 0;
	position: fixed;
	right: 15px;
	width: 40px;
	z-index: 1000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 350ms;
	-o-transition: opacity 350ms;
	transition: opacity 350ms;
	background-color:#f2b300;
}
.back-to-top.reveal {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 30;
	filter: alpha(opacity=3000);
	cursor: pointer;
}
.back-to-top i {
	color: #fff;
	left: 35%;
	margin-top: -15px;
	margin-left: -4px;
	position: absolute;
	top: 50%;
}

/*
 * Cookies
 */
.CookieNotification{
	background-color:#f2b300;
	bottom:0;
	color:#000;
	font-size:14px;
	left:0;
	padding:10px 0;
	position:fixed;
	right:0;
	z-index:2900;
}
.CookieNotification-text{
	display:block;
	padding:0 14px;
	text-align:center
}
.CookieNotification-text a,
.CookieNotification-text button{
	border:none;
	display:inline-block;
	padding:0 7px;
	height:auto;
	margin:0 3px;
	width:auto;
	line-height: 22px;
}
.CookieNotification-text a{
	color:#000;
	text-decoration:underline;
}

/*
 * Newsletter banner
 */
.newsletterBanner{
    background-color:#f2b300;
    padding-top:50px;
    padding-bottom:50px;
    margin-bottom:60px;
    color:#000
}
.newsletterBanner .row{
	margin-bottom:0;
}
.newsletterBanner-mainText{
	font-size:26px;
}
.newsletterBanner-secondaryText{
	font-size:20px;
}
.newsletterBanner-button{
	border:2px solid #000;
	text-align:center;
	padding:20px;
	font-size:20px;
	cursor:pointer;
}

/*
 * Newsletter modal
 */
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group{
	margin-bottom:10px;
}
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group input[type=text],
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group input[type=email]{
	height:40px;
	line-height:40px;
	width:100%;
	padding-left:10px;
}
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group.input-group strong{
	display:inline-block;
	line-height:40px;
	margin:0;
	padding:0;
	float:left;
}
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group.input-group ul{
	float:left;
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;
}
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group.input-group ul li{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	display:inline-block;
	height:40px;
	line-height:40px;
}
#FHNewsletterBannerModal #mc_embed_signup .mc-field-group.input-group ul li input{
	float:left;
	margin:0 5px 0;
	padding:0;
	height:40px;
}
#FHNewsletterBannerModal #mc_embed_signup .mce_inline_error{
	background:none;
	color:#ef4123;
}
#FHNewsletterBannerModal #mc_embed_signup #mce-responses{
	font-weight: bold;
}
#FHNewsletterBannerModal #mc_embed_signup #mce-responses  #mce-success-response{
	color:#1e6d36;
}
#FHNewsletterBannerModal #mc_embed_signup #mce-responses  #mce-error-response{
	color:#ef4123;
}
#FHNewsletterBannerModal #mc_embed_signup .clear{
	text-align:center;
}
#FHNewsletterBannerModal #mc_embed_signup #mc-embedded-subscribe{
	background-color: #f2b300;
	border:none;
	color: #f7f7f7;
	cursor: pointer;
	font-size:16px;
	margin:10px 0 0;
	padding:10px 30px;
}
#FHNewsletterBannerModal #mc_embed_signup .input-group.input-group--newsletters strong,
#FHNewsletterBannerModal #mc_embed_signup .input-group.input-group--newsletters ul {
  float:none;
}
#FHNewsletterBannerModal #mc_embed_signup .input-group.input-group--newsletters ul li{
  margin-left:0;
  display:block;
  float:none;
}
#FHNewsletterBannerModal #mc_embed_signup .input-group.input-group--newsletters ul li input{
  margin-right:10px;
}

/*
 * Footer
 */
.footer{
	background-color:#5f5150;
	background-image:url(./assets/image/background-picture-footer.jpg);
	background-size:cover;
	background-position:center;
	color:#fff;
	padding-top:60px;
	padding-bottom:30px;
}
.footerTitle{
	text-transform:uppercase;
	font-size:22px;
	margin-bottom:30px;
}
.footerText{
	margin-bottom:20px;
}
.footerTitle::after{
	content:'';
	display:block;
	width:120px;
	height:2px;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:30px;
}
.footerButton{
	border:1px solid #fff;
	padding:5px 30px;
	color:#fff;
	float:left;
}
.footerButton:hover{
	border-color:#f2b300;
	color:#f2b300;
}
.footerSocialIcons .socialIcon{
	color:#fff;
	margin-right:20px;
	font-size:30px;
}
.footerSocialIcons .socialIcon svg{
	height:30px;
	width:auto;
	fill:#fff;
}
.footerSocialIcons .socialIcon svg path{
	fill:#fff;
}
.footerSocialIcons .socialIcon--whatsapp svg,
.footerSocialIcons .socialIcon--instagram svg,
.footerSocialIcons .socialIcon--youtube svg{
	height:34px;
}
.footerSocialIcons .socialIcon:hover{
	color:#f2b300;
}
.footerLogoContainer{
	display:block;
	margin-bottom:30px;
}
.footerLogo{
	max-width:260px;
}

/*
 * Footer partners
 */
.footerPartners{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.footerPartner{
	display:inline-block;
	text-align:center;
	margin:0 20px 30px;
}
.footerPartnerLogo{
	height:100px;
}

/*
 * Copyright Footer
 */
.copyrightFooter{
	background-color:#000;
	color:#fff;
	text-align:center;
	padding:20px 0;
}
.copyrightFooter a{
	color:#fff;
}


/*
 * First footer
 */
/*
.first-footer .container:before{
	content:' ';
	display:table;
}
.first-footer{
    background-color:#afafae;
    margin-top:100px;
}

.first-footer .top-footer{
    background-color:#f2f2f1;
    text-align:center;
    margin-top:-60px;
    font-size:17px;
    color:#827e79;
}
.first-footer .top-footer img{
	max-width:100%;
}
.first-footer .top-footer h3{
	display:block;
	background:none;
    text-transform:uppercase;
    margin-bottom:0px;
    color:#f2b300;
    font-weight:bold;
    text-align:center;
    position:static;
	font-size:18px;
}

.first-footer .bottom-footer{
    color:white;
    padding:40px 0;
}
.first-footer .bottom-footer .stam_sociallinks li a {
    color:white;
}
.first-footer .bottom-footer .stam_sociallinks li a:hover{
    color:#f2b300;
}
.first-footer .bottom-footer a{
    color:white;
}
.first-footer .bottom-footer ul{
    list-style-type:none;
    margin:0;
}
.first-footer .bottom-footer ul li{
    margin-bottom:10px;
}
.first-footer .bottom-footer h3{
	position:static;
	background:none;
    text-align:left;
    text-transform:uppercase;
    margin:0;
    border-bottom:3px solid #f2b300;
    padding:0 0 15px;
    width:150px;
    font-size:14px;
    margin-bottom:30px;
}
.first-footer .bottom-footer .socialIcon{
	font-size:24px;
}
.first-footer .bottom-footer .socialIcon:hover{
	color:#f2b300;
}
*/
 
/*
 * Footer
 */
/*
.footer{
    background-color:#f2b300;
    padding:20px 0;
    color:white;
    text-transform:uppercase;
}
.footer a{
	color:#fff;
}
.footer a:hover{
	text-decoration:underline;
}
*/

/*
 * Module
 */
.Module{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	border: solid 1px #f5f5f5;
	margin-bottom:30px;
	padding:15px;
}
/*
.Module{
    border: solid 1px transparent !important;
    border-color: #eee !important;
    position:relative !important;
    background-color: #fff !important;
	padding: 1.42857rem !important;
	margin-bottom:30px;
}
.Module::before,
.Module::after{
    content: "";
    position: absolute;
    left: 0.35714rem;
    bottom: 1.07143rem;
    width: 50%;
    max-width: 21.42857rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
    height:2px;
	top: 75%;
}
.Module::before{
	box-shadow: 0 15px 10px rgb(0 0 0 / 20%);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.Module::after{
	box-shadow: 0 15px 10px rgb(0 0 0 / 20%);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    left: auto;
    right: 0.35714rem;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
*/
.Module-title{
	font-weight:bold;
	font-size:18px;
	padding:10px 0;
}
.Module-header::after{
	content:'';
	background-color:#f2b300;
	width:50px;
	height:2px;
	display:block;
	margin-bottom:15px;
}
/*
.Module-content img{
	width:100%;
}
*/
.ModulePost--video .ModulePost-videoImageContainer::after{
    font-family: "Font Awesome 5 Free";
    content: "\f144";
    font-weight: normal;
    display: block;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -30px;
    z-index: 100;
    color: #fff;
}
.ModulePost-videoImageContainer{
	position:relative;
	width:100%;
	padding-bottom:86%;
	background-color:#fcc;
	margin-bottom:10px;
}
.ModulePost-videoImage{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-position:center;
	
}
.ModulePost-image{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
}
.ModulePost-defaultImageLink{
	position:relative;
	display:block;
	margin-bottom:10px;
}
.ModulePost-defaultImage{
	position:absolute;
	background-color:#e9e9e9;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image:url(/wp-content/themes/studiotamani/assets/image/logo.svg);
	background-size:60%;
	background-repeat:no-repeat;
	background-position:center;
}
.ModulePost-defaultImageLink--homepage-post-thumb{
	padding-bottom:86%;
}
.ModulePost-title{
	color:#000;
	font-weight:bold;
	font-size:16px;
}
.ModulePost-title:hover{
	color:#f2b300;
}
.ModulePost-text{
	font-size:12px;
	margin-bottom:14px;
}
.Module.Module--colored{
	background-color:#f2b300;
	border: solid 1px #f2b300;
	color:#fff;
}
.Module.Module--colored .Module-header::after{
	background-color:#fff;
}
.ModulePost--featured{
	padding-bottom:5px;
}
.ModulePost--featured .ModulePost-image{
	margin-bottom: 15px;
}
.ModulePost--featured .ModulePost-title{
	margin-bottom: 4px;
    display: block;
}


/*
 * Radio
 */
.radioPopupLink{
	cursor:pointer;
}

/*
 * Tags cloud
 */
.tagsCloud{
	text-align:center;
	padding:0 20px;
	align-items: center;
	justify-content: center;
	list-style-type:none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: colmn wrap;
	flex-flow: row wrap;
	/* min-height:240px; */
}
.tagsCloudItem{
	border-radius:5px;
	border:1px solid #f2b300;
	padding:5px 10px;
	margin:5px;
}
.tagsCloudItem a{
	color:#f2b300;
	line-height:2.1em;
}
.tagsCloudItem:hover,
.tagsCloudItem.is-active{
	background-color:#f2b300;
}
.tagsCloudItem:hover a,
.tagsCloudItem.is-active a{
	color:#fff;
	text-decoration:none;
}


@media (min-width: 1400px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1340px;
	}
}

/*
 * Medium devices (tablets, 768px and up)
 */
@media (min-width: 768px) and (max-width: 991px)
{
	/*
	 * General
	 */
	/*
	body:before{
		content:"medium";
	}
	*/
	.container {
		padding-right: 10px;
		padding-left: 10px;
		max-width: none;
	}
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}
	.row {
		margin-right: -10px;
		margin-left: -10px;
		margin-bottom:20px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	/*
	 * Search
	 */
	.SiteHeader-searchContent{margin:0 10px;width:auto}
	.SiteHeader-searchForm{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
	.SiteHeader-searchField.SiteHeader-searchQueryField{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%}
	.SiteHeader-searchField.SiteHeader-searchSubmitButton{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:auto;padding:0 20px;}
}

/*
 * Small devices
 */
@media (max-width: 767px)
{
	.topBanner {
		font-size:14px;
	}
	.socialIconsContainer,
	.topBanner-text {
		margin-top:10px;
		display:flex;
		justify-content:center;
		text-align:center !important;
		line-height:1.5em;
	}
	.headerLogo{
		text-align:center;
	}
	.headerLogo img{
		max-width:50vw;
	}
	.headerBaseLine{
		margin-top:10px;
	}
	.headerBaseLine a{
		font-size:14px;
		color:#f2b300;
		font-weight:bold;
	}
	.primaryNavbarContainer {
		margin-top: 0px;
	}
	.primaryNavbar{
		width:auto;
	}

	/*
	 * Logo
	 */
	.siteLogo {
		width: auto;
		max-width:60vw;
	}
	
	/*
	 * Menu
	 */
	.primaryNavbarContainer::before{
	}
	.primaryNavbarContainer::after{
		margin-top:6px;	
	}
	.navbar-nav li:hover > ul.dropdown-menu {
		display: none;
	}
	.navbar-nav li:hover > ul.dropdown-menu.show {
		display: block;
	}
	#menu-menu-principal{
		padding:0 10px;
	}
	/*
	.nav-link {
		display: block;
		flex-grow: 1;
		text-align: left;
	}
	*/
	.navbar {
        justify-content: space-around;
		
	}
	.navbar-toggler,
	.navbar-toggler:focus{
		border:none;
		box-shadow:none;
	}
	.navbar-nav > .menu-item:first-of-type {
		margin-top:4px;
	}
	.navbar-nav > .menu-item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-around;
		border-top: 1px solid #ddd;
	}
	.navbar-nav > .menu-item .nav-link.dropdown-toggle:after{
		border:none !important;
	}
	.navbar-nav > .menu-item .dropdown-toggle-xs{
		width:40px;
		display:flex !important;
		align-items:center;
		justify-content:end;
	}
	.navbar-nav > .menu-item .dropdown-menu{
		margin-bottom:10px;
	}
	.navbar-is-fixed-top #main-menu .nav-link{
		padding:0;
	}
	#menu-menu-principal > li,
	#menu-menu-principal > li:hover > a	{
		color: #4f4d4b;
	}
	
	/*
	 * search overlay
	 */
	.SiteHeader-searchContent {
		margin: 0 3.125vw;
		padding-top: 25vw;
		width: auto;
	}
	.SiteHeader-searchForm {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.SiteHeader-searchTitle .Title-content{
		font-size:10vw;
	}
	.SiteHeader-searchForm .SiteHeader-searchQueryField{
		font-size:6vw;
	}
	.SiteHeader-searchField.SiteHeader-searchSubmitButton{
		width:auto;
		padding:0 4vw;
	}

	/*
	 * Module
	 */
	.Module{
		height:auto !important;
	}
	.Module .Module-afterTitle{
		display:block;
		float:none !important;
		text-align:center;
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:15px;
	}
	.Module .Module-afterTitle .slick-dots{
		margin:0;
		padding:0;
	}
	.ModulePost-imageLink{
		display:block;
	}
	.ModulePost-image{
		width:100%;
	}

	/*
	 * Page title
	 */
	.pageTitleContainer{
		padding:20px 20px 20px;
	}
	.pageTitle{
		font-size:28px;
	}
	.pageTitle span{
		font-size:20px;
	}
	.pageTitleContainer ul.nav {
		display:block;
		flex-direction:row;
		justify-content:center;
	}
	.pageTitleContainer ul.nav li {
		padding:5px;
	}
	.pageTitleContainer ul.nav li a {
		display:block;
		margin-bottom:5px;
	}

	/*
	 * Article link
	 */
	.articleLinkLarge-title, .articleLinkLarge-title:hover{
		margin-top:20px;
		margin-bottom:10px;
		font-size:20px;
		line-height:1.2em;
	}
	.articleLinkLarge-text{
		font-size:14px;
	}
	
	/* 
	 * Back to top
	 */
	.back-to-top {
		bottom: 11vw;
		height: 12vw;
		right: 2vw;
		width: 12vw;
	}
	.back-to-top i {
		font-size:9vw;
		margin-top: -5vw;
		margin-left: -1.3vw;
	}

	/*
	 * Newsletter banner
	 */
	.newsletterBanner{
		padding-top:30px;
		padding-bottom:50px;
		margin-bottom:30px;
	}
	.newsletterBanner-mainText{
		font-size:20px;
		text-align:center;
	}
	.newsletterBanner-secondaryText{
		margin:20px;
		text-align:center;
		font-size:16px;
	}
	.newsletterBanner-button{
		padding:10px;
		font-size:18px;
	}
	
	/*
	 * Footer
	 */
	.footer{
		padding-top:40px;
		padding-bottom:30px;
	}
	.footerTitle{
		font-size:18px;
		margin-bottom:20px;
	}
	.footerText{
		margin-bottom:20px;
	}
	.footerTitle::after{
		width:80px;
		margin-top:10px;
		margin-bottom:20px;
	}
	.footerSocialIcons{
		text-align:center;
		display:flex;
		justify-content:center;
		margin-bottom:20px;
	}
	.footerSocialIcons .socialIcon{
		font-size:30px;
	}
	.footerLogoContainer{
		margin-bottom:30px;
	}
	.footerLogo{
		max-width:70%;
	}
	.footerPartnerLogo {
		height: auto;
		max-width:70%;
	}
	.footerButton{
		float:right;
	}
}

/* Page "A PROPOS" */

.outcome_table{
	background-color:#9fb4aa;
	padding:2%;
	color:#fff;
}
.outcome_table h2{
	color:#fff;
}
.outcome_table ul{
	padding-left:2%;
}

.projet_banners{
	margin-top:4%;
	padding:4%;
	opacity:0.85;
	color:#fff;
	min-height:450px;
	
}
.projet_banners h2{
	color:#fff;
}
.projet_banners ul {
	padding-left:5%;
}
.projet_banners ul li{

}
.projet_banner_1{
	background-color:#544544;
}

.projet_banner_2{
	background-color:#f2b300;
	color:#000;
}
.projet_banner_2 h2{
	color:#000;
}

/*
 * Contact form
 */
.wpcf7-form label{
	display: block;
}