/*!
Theme Name: Compagnie des Indes
Theme URI: https://www.compagniedesindes.tv/
Author: Me
Author URI: https://www.compagniedesindes.tv/
Description: Custom theme: _s, developed by Me
Version: 1.0.0
*/


.une-contenu .moyen p{
	font-size: 1.3em;
}

.une-contenu .grand p{
	font-size: 1.9em;
}

.une-contenu .tresgrand p{
	font-size: 2.3em;
}

#menu-cover .menu-level1 a:hover, .layer-cover .menu-level1 a:hover{
	color:#b60101 !important;
}
body .eapps-link{
	display: none !important;
}
body.page-template-pourallerplusloin .p-content{
	max-width: 100%;
}
body.page-template-pourallerplusloin:after{
	display: none !important;

}
.centrer .une .une-details .une-toolbar{
	justify-content: center;
}
body.header-sticky-light .c-header.sticky{
	background-color: rgba(0,0,0,0.6);
	color: #fff;
}
.sticky #logo .ico-desktop{
	background-image: url(logos/desktop-white.svg) !important;
}
.sticky #logo .ico-desktop{
	margin-left: 56px;
}
body.header-sticky-light .c-header.sticky svg{
	color:#fff !important;
}
#logo .ico-desktop{
	width: 221px;
	height: 59px;
	background-size: contain;
	display: block;
	background:url(logos/desktop-white.svg) 0 0 no-repeat;

}

.sticky #logo .ico-desktop{
	width: 221px;
	height: 45px;
	background: url(logos/desktop-black.svg) 0 0 no-repeat;
	background-size: contain;
	margin-top: -2px;

}

body .searchon #logo .ico-desktop{
	background: url(logos/desktop-white.svg) 0 0 no-repeat !important;
	background-size: contain !important;

}
body .sticky.searchon #logo .ico-desktop{
	background: url(logos/desktop-black.svg) 0 0 no-repeat !important;
	background-size: contain !important;
}


body.blog #logo .ico-desktop,
body.single-post #logo .ico-desktop,
body.page-template-default #logo .ico-desktop{
	background: url(logos/desktop-black.svg) 0 0 no-repeat;
	background-size: contain;

}

body.blog:after,
body.single-post:after,
body.page-template-default:after{
	display: none;
}

.une .une-details .une-text, .une .une-details .une-text p {
	font-size: 1.2rem !important;
}
.centrer .une .une-details .une-title{

}

.centrer .une{
	align-items: center;
	text-align: center;
}

.centrer .une .une-details{
	margin:80px auto 0;
	padding:0 50px;

}

.centrer .une .une-details .une-title{
	font-size: 70px;


}
.centrer .une .une-details .une-text, 
.centrer .une .une-details .une-text p{
	font-size: 25px;
	line-height: 1.5;
}
.vimeo-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.o-content-doublecols{
	display: flex;
	flex-wrap:wrap;
	gap:40px;
}
.o-content-doublecols .col{
	flex-basis: 100%;

}
.o-content-doublecols .col.col1{
	margin-bottom: 80px;
}
.o-content-doublecols .col.col1 p{
	font-weight: 400;
	font-size: 27px;
	line-height: 120%;
	margin: 0 0 1.25rem;
	font-weight: normal;


}
.o-content-doublecols .col.col1 p strong{
	font-weight: normal;

}
.o-content-doublecols .c-nav__menu {
	margin:0;
	padding:0;

	}.o-content-doublecols .c-nav__menu li{
		list-style: none;
		margin-bottom: 4px;
	}
	.o-content-doublecols .c-nav__menu a{
		color:#000;
		text-transform: uppercase;

	}
	.o-content-doublecols .c-nav__menu a:before{
		opacity: 1 !important;

	}
	.o-content-doublecols .i-vimeo a:before {
		background: url(ico/vimeo.svg) 0 0 no-repeat;
		background-size: contain;
	}
	.o-content-doublecols .i-instagram a:before {
		background: url(ico/instagram.svg) 0 0 no-repeat;
		background-size: contain;
	}
	.o-content-doublecols .i-facebook a:before {
		background: url(ico/facebook.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.col .with_frm_style{
		margin-top: 0;
	}
	.contact-title{
		font-size: 19px;
		line-height: 120%;
		margin-bottom: 40px;
	}

	.page-template-search-memoires footer{
		padding:0;
	}
	.page-template-contact .o-wrapper.o-content{
		/*padding-top: 40px;*/
	}
	.page-template-contact .p-title.p-title-image{
	/*height: 300px;
	margin-top: 100px;*/

}
.map {
	position: static;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 650px;
	z-index: 0;
}

.map{

}
.map iframe{
	width:100%;
	height: 650px;

}


.cat-head .cat-title sup{
	display: none;
}
body .searchwp-live-search-results-showing{
	background:#262626;
}

body .searchwp-live-search-result{
	border-bottom: 1px solid #000;
	transition: 400ms;

}
body .searchwp-live-search-result p {
	font-size: 1em;
	padding: 6px 20px;
	color:#fff;
	line-height: 1.2em;
}
body .searchwp-live-search-result p a{
	color: #fff;

}
body .searchwp-live-search-result:hover{
	background-color: #b60101;

}
body .searchwp-live-search-result p a span{
	display: block;
	font-size: 0.9em;

}

.cat-head .cat-title h1{
	display: inline-block;

}
#menu-cover .ml-links.ml-social{
	border-bottom: none !important;

}
body .alm-btn-wrap .alm-load-more-btn{
	background: #262626 !important;
	color: #fff;
	border: 1px solid #262626 !important;
	font-size: .875rem;
	font-weight: 500;
	text-transform: uppercase;
	height: 2.875rem;
	background: none;
	opacity: 1 !important;
	padding:0 20px !important;

}
body .alm-btn-wrap .alm-load-more-btn.loading:before,
body .alm-btn-wrap .alm-load-more-btn.done{
	display: none !important;
	opacity: 0 !important;

}
#ajax-load-more{
	width: 100%;
}

.card-list.infini {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 1rem;
	margin-bottom: 2.5rem;
}


.card-list.infini .alm-reveal{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 1rem;
	margin-bottom: 2.5rem;
}

.card-meta a:hover{
	color:#fff;
}
.card-cat a{
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1;
	height: auto;
	padding: 5px 10px;
	font-size: 14px;}

	body .cn-button.bootstrap {
		background: #b60101;
	}

	body #cookie-notice{
		background: #000 !important;
	}
	.o-wrapper{
		box-sizing: border-box !important;
	}


	#menu-cover ul li sup, .layer-cover ul li sup{
		display: none;

	}
	body .p-title.p-title-image{
		background:none;
	}
	.i-vimeo a:before,
	.i-instagram a:before,
	.i-facebook a:before{
		content:" ";
		display: inline-block;
		width: 19px;
		height:22px;
		background-size: cover;
		vertical-align: middle;
		margin: 0 10px 0 0px;
		opacity:0.4;
		transition: 400ms;
	}


	.i-vimeo a:hover:before,
	.i-instagram a:hover:before,
	.i-facebook a:hover:before{
		opacity:1
	}


	.i-vimeo a:before{

		background: url(ico/vimeo-w.svg) 0 0 no-repeat;

	}

	.i-instagram a:before{
		background: url(ico/instagram-w.svg) 0 0 no-repeat;
	}

	.i-facebook a:before{
		background: url(ico/facebook-w.svg) 0 0 no-repeat;
	}


	.cat-title sup{
		/*  display: none;*/

	}
	footer .sep{
		display: inline-block;
		width: 20px;
		height:10px;

	}
	body:after {
		content: " ";
		background: linear-gradient(180deg, #131313 70%, rgba(255, 255, 255, .3) 100%);
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.o-content{
		box-sizing: border-box;
	}
	.c-button-link.red{

		background-color: #b60101;
	}
	.c-button-link.red:hover{
		background-color: #262626;
		color:#fff;
	}

	.c-button-simple.red{
		background: #262626;
		color:#fff;

	}
	.c-button-simple.red:hover,
	.c-button-simple.red.active{
		background-color: #b60101;
		color:#fff;

	}

	.card-list .card .card-image .card-duree{
		opacity: 1 !important;
	}
	footer,.footer-wrapper{
		/* background: none !important;*/
	}
	footer .footer-wrapper.breadcrumbs{
		padding-left: 0;
		padding-right: 0;
	}

	footer .footer-wrapper.breadcrumbs ol {
		left: 10px;
	}


	#menu-cover ul li, .layer-cover ul li{
		line-height: 1;
		padding:6px 0px;
	}
	.layer-cover ul li{
		margin:20px 0;
	}
	.une .une-nav{
		box-sizing: border-box;
	}
	main p.voirprogramme{
		margin-top: 50px;
	}
	iframe{
		outline:none !important;
	}
	body.admin-bar {
		/*padding-top: 70px;*/
	}

	body.admin-bar .c-header{
		margin-top: 32px;
	}
	body.admin-bar.single-programme main,
	body.admin-bar.page-template-404 main{
		margin-top: -70px;
	}

	body.admin-bar.search {
		padding-top: 0;
	}

	#btn-menu,#btn-search{
		cursor:pointer;
	}

	.c-related .title-md{
		color:#fff;
	}

	.search-wrapper .searchfield{
		flex-grow:1;
	}
	body .searchwp-live-search-no-min-chars .spinner{
		display: none;

	}
	body .searchwp-live-search-no-min-chars{
		padding:10px 20px;
		text-align: left;
		font-style: italic;

	}
	body .searchwp-live-search-no-min-chars:after{
		content:"3 caractères minimum";
		padding:0px;
		text-align:left;
		color:#909090;

	}
	.searchwp-live-search-results{
		background: #262626;
		position: fixed;
	}
	.searchwp-live-search-results-showing{
		min-height: 0;
	}

	.home {

	}

	body .searchwp-live-search-no-results {
		padding:0;
		text-align: left;
		text-align:left;
		color:#909090;
		font-size:1em;
		margin: 10px 20px;

	}

	.searchwp-live-search-result p {
		font-size: 1.1em;
		padding: 0.5em 1em;
		margin: 0;
		border-bottom: 1px solid rgba(0,0,0,0.4);
	}

	.searchwp-live-search-result:hover{
		background-color: rgba(0,0,0,0.4);
	}
	.searchwp-live-search-result:hover a{
		color:#fff;

	}

	.searchwp-live-search-result a{
		color:#909090;
	}
	body.page.home footer{
		margin-top: -84px;


	}

	.p-title {
		position: relative;
	}


	body.page.home .p-title footer{
		background-color: #000;
		color: #fff;
		z-index: 1;
		width: 100%;
		bottom: 0;
		position: absolute;
	}

	body.page.home.admin-bar .p-title footer {

		bottom: 35px;

	}

	body .swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
	}
	body .swiper-pagination {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 14px;
		position: fixed;
		z-index: 3;
		right: 30px;
		gap: 13px;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	body .swiper-pagination-bullet{
		background-color: #fff;
		width:12px;
		height:12px;
		border-radius: 10px;
		opacity: 0.7;
	}

	.home main{
		background-color: #000;
	}
/*
.wow.swiper-slide-active{
  visibility: visible !important;
}
*/
body .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
body .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 10px;

}

body .swiper-pagination-bullet-active{
	background: #e52337;
	opacity: 1;
}


body.page.home footer,
body.page.home footer .footer-wrapper,
body.page-template-search-memoires footer .footer-wrapper{
	background-color: #000;
	color:#fff;
	position: relative;
	z-index: 1;
}
body.page-template-search-memoires .footer-wrapper.breadcrumbs ol li a span{
	color:#fff !important;

}
.max-1lines{
	display: inline !important;
	-webkit-line-clamp: 1 !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	word-wrap: break-word  !important;/* Important for long words! */
}

.max-2lines{
	display: inline !important;
	-webkit-line-clamp: 2 !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	word-wrap: break-word  !important;/* Important for long words! */
}

.max-3lines{
	display: inline !important;
	-webkit-line-clamp: 3 !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	word-wrap: break-word  !important;/* Important for long words! */
}


.c-header.sticky.c-header-bg.searchon{
	height: 130px;
}
.c-header.sticky.c-header-bg.searchon .search-wrapper{
	margin-top: 22px;

}
.header-sticky-light .c-header.sticky .search-wrapper svg{
	color:#fff !important;
}
.wp-block-gallery{
	justify-content: center;
}

.wp-block-gallery .wp-block-image {
	text-align: center;
	margin:2em 0;

}

.wp-block-gallery .wp-element-caption{
	margin-top: 10px;
	font-size: 1.1875rem;
	line-height: 160%;
}
.with_frm_style{
	margin-top: 60px;
}
.with_frm_style .frm_fields_container  textarea{
	border-width:1px !important;
	padding:15px;

}

.with_frm_style input[type=text]:placeholder {
	color: #000 !important;
	opacity: 1 !important
}

.single-post .c-button-arrow:hover{
	color: #000;
}

.cat-head {
	margin-top: 110px;
}

.c-header{
	z-index: 102;
}

.aa-dropdown-menu {
	font-size: 12px !important;
}

.suggestion-post-title{
	font-size: 14px !important;

}
.suggestion-post-content{
	font-size: 14px !important;

}

.cat-search{
	max-width: 600px;
	margin:0 auto 50px;

}
.search-wrapper.s-memoires .sw-elem{
	padding:0;

}
.search-wrapper.s-memoires .searchfield{
	padding-left: 20px;

}
.search-wrapper.s-memoires{
	position: static;
	opacity: 1;
	visibility: visible;
	padding:0 0 0 0px ;

}

.search-wrapper.s-memoires button{
	border:none;
	padding: 0.4rem 1.5rem 0.6em;
}

button{
	cursor: pointer;
}
body.tax-cats{
	padding-bottom: 70px;
}
.footer-wrapper.breadcrumbs{
	position: relative;
	overflow-y: scroll;
	padding:10px;

	height: 40px;

}

.footer-wrapper{
	padding:20px;
}

.footer-wrapper.breadcrumbs::-webkit-scrollbar{
	width: 0 !important
}

.footer-wrapper.breadcrumbs ol{
	position: absolute;
	top: 20px;
	left: 20px;


}
.breadcrumbs li,
.breadcrumbs span{
	white-space: nowrap;
}

footer{
	padding: 0
}



.une-fixe{
	height: 620px;
	background-size:cover !important;
	background-position: center center;
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index: 0;
}

.une-fixe .une{
	background:none !important;

}

.une-infos{
	background: #000;
	z-index: 1;
	position: relative;
	padding-bottom: 2.5rem;
	padding-top: 1.25rem;
	margin:0;
}
.c-related{
	position: relative;
}

.footer-wrapper.breadcrumbs ol li, .footer-wrapper.breadcrumbs ul li{
	white-space: nowrap;
}

.swiper {
	width: 100%;
	height: 100vh;
}



.une:after{
	z-index: 1;
}

.une .o-wrapper{
	z-index: 2;
}

.wow{
	visibility: hidden;
}


footer {
	position: relative;
}

body.single-programme .une-infos {
	margin-top: 0;
	padding-bottom: 2.5rem;
	margin-bottom: 0;
}

body.home .une-list{
	margin-top: 0 !important;

}
body.home .une-list .une{
	height:100vh;
	box-sizing: border-box;
	padding-bottom: 100px;
}



.light .c-header.searchon #btn-menu, 
.light .c-header.searchon #logo svg, 
.light .c-header.searchon #btn-search{
	color:#fff;

}

body .une .une-nav {
	top: 140px;
}
.lien-social .ico {
	display: inline-block;
	margin-right: 10px;
}
.lien-social .ico img{
	width:40px;
	height:40px;

}

.c-header{
	box-sizing: border-box !important;
}


body .swiper-wrapper{
	display: block;
}
.swiper-slide-active {
	z-index: 3;
}
.cta {
	padding: 12% 0;
}
.cta__slider-wrapper {
	position: relative;
	width: 100%;
	float: left;
	height: 100vh;
}
.cta__slider-wrapper .block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}
.cta__slider {
	min-height: 50vh;
}
.cta__slider .swiper-slide {
	overflow: hidden;
}
.cta__slider-arrows {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.cta__slider-arrow {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
}
.cta__slider-arrow.cta__slider-arrow--previous {
	left: 0;
}
.cta__slider-arrow.cta__slider-arrow--next {
	left: 50%;
}
.cta__slider-item {
	position: relative;
}
.cta__slider-item .media-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
.cta__slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cta__slider-counter {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 20px 40px;
	color: #ffffff;
}
.cta__cta {
	padding-top: 12%;
	max-width: 480px;
}

.swiper-slide .une{
	height:100% !important;
}

.une-contenu{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
}

body .swiper-pagination{
	right:10px;
}
body.home{
	overflow: hidden; /* Hide scrollbars */
}

header .c-h-top{
	max-width: 1240px;
	margin: auto;
}

.card-list.infos-full .card-title a:before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	z-index: 1;
}

.card-list.infos-full .card-meta a{
	color:#8a8b8e;
}

.moyen .une .une-details .une-text, 
.moyen .une .une-details .une-text p{
	font-size: 1.4rem !important;
}

.grand .une .une-details .une-text, 
.grand .une .une-details .une-text p{
	font-size: 1.7rem !important;
}

.tresgrand .une .une-details .une-text, 
.tresgrand .une .une-details .une-text p{
	font-size: 2rem !important;
}

.moyen .une .une-details ,
.grand .une .une-details ,
.tresgrand .une .une-details {
	max-width: 60rem;

}

#menu-cover .menu-level2 a:hover, #menu-cover .menu-level2 .c-button-ico-text:hover, .layer-cover .menu-level2 a:hover, .layer-cover .menu-level2 .c-button-ico-text:hover {
	color: #b60101 !important;
}


/* responsive */
@media (min-width: 767px)  {
	.une-fixe {
		height: 100%;
	}

	body .swiper-pagination{
		right:30px;
	}


	.une {
		height: 100vh;
		padding-bottom: 60px;
	}

	.o-content-doublecols .o-wrapper {
		display: flex;
		flex-wrap:nowrap;
		justify-content: space-between;
		max-width: 900px;

	}
	.o-content-doublecols .col{
		flex-basis: 47%;

	}
	#header-menu-liens{
		margin-top: 60px;
	}
	.o-content-doublecols .col.col1 p{
		font-size: 36px;
	}

}
@media (min-width: 1280px)  {
	body .o-wrapper{
		width:80rem ;
	}

}
@media (min-width: 48rem){

	.cat-head {
		margin-top: 8.75rem;

	}
	.actu.full .actu-titre .actu-title {
		font-size: 3rem;
		line-height: 100%;
	}
	body.tax-cats{
		padding-bottom: 0px;
	}

	body .p-title.p-title-image.p-large {
		padding-top: 0;
		padding-bottom: 0;
	}


}

@media (max-width: 36rem){
	.une .o-wrapper {
		padding: 10rem 1rem;
	}
}
@media (min-width: 36rem){
	.c-header #btn-search {
		margin-left: 52px;
	}

}


@media (max-width: 767px){

	

	.centrer .une .une-details{
		margin:50px auto 0;
		padding:0 20px;

	}

	.centrer .une .une-details .une-title{
		font-size: 50px;


	}
	.centrer .une .une-details .une-text, 
	.centrer .une .une-details .une-text p{
		font-size: 22px;
	}


}

@media (max-width: 575px){



	.centrer .une .une-details{
		margin:50px auto 0;
		padding:0 20px;

	}

	.centrer .une .une-details .une-title{
		font-size: 50px;


	}
	.centrer .une .une-details .une-text, 
	.centrer .une .une-details .une-text p{
		font-size: 16px;
	}

	#logo .ico-desktop{
		display: none;
	}
	#logo .ico-mobile{
		width: 252px;
		height: 34px;
		display: block;
		background: url(logos/mobile-white.svg) 0 0 no-repeat;
		margin-top: 8px;
		background-size: contain;
	}

	.sticky #logo .ico-mobile{
		width: 252px;
		height: 34px;
		display: block;
		background: url(logos/mobile-white.svg) 0 0 no-repeat;
		margin-top: 5px;
		background-size: contain;
	}

	body .sticky.searchon #logo .ico-mobile{
		background: url(logos/mobile-white.svg) 0 0 no-repeat !important;
		background-size: contain !important;
	}

	body .searchon #logo .ico-mobile{
		background: url(logos/mobile-white.svg) 0 0 no-repeat !important;
		background-size: contain !important;

	}


	body.blog #logo .ico-mobile,
	body.single-post #logo .ico-mobile,
	body.page-template-default #logo .ico-mobile{
		background: url(logos/mobile-white.svg) 0 0 no-repeat;
		background-size: contain;

	}
	#menu-cover .menu-level, .layer-cover .menu-level{
		padding: 30px !important;
	}
	.footer-wrapper{
		flex-wrap:wrap;
		display: flex;
	}
	.f-left{
		flex-basis: 100%;
		order:2;
		display: flex;
	}
	.f-right{
		flex-basis: 100%;
		order:1;
		margin-bottom: 9px;
		display: flex;

	}





}
@media (min-width: 64rem){
	body #menu-cover.show.level1 .menu-level1, 
	body .layer-cover.show.level1 .menu-level1{
		width: 420px;

	}
	body #menu-cover.show.level2 .menu-level1, 
	body.layer-cover.show.level2 .menu-level1 {
		width: 420px;
	}

	#menu-cover.show.level2 .menu-level2, .layer-cover.show.level2 .menu-level2 {
		left: 410px !important;
	}

	body.home .c-link{
		position: relative;

	}
	body.home .c-link:before{
		position: absolute;
		content: " ";
		display: block;
		top: -9px;
		left: -10px;
		width: 130%;
		z-index: 1;
		height: 180%;

	}
	body.home .c-link:hover{
		color:var(--color-red) !important;

	}
}


