@charset "UTF-8";

/*!
Theme Name: Hereditas
Theme URI: https://hereditas.codephenix.com
Description: Theme enfant Hereditas.
Author: CodePhenix
Author URI: https://codephenix.fr/
Template: astra
Version: 1.0
*/

:root {
	/* Colors */
	--app-color-primary: #0005a0;
	--app-color-secondary: #faf0ca;
	--app-color-background: #ffffff;
	--app-color-white:#ffffff;
	--app-color-black:#000000;
	--app-color-gray:#808080;
	--app-color-default: var(--app-color-black);
	/* Fonts, text, lines */
	--app-font-primary: "Open Sans", sans-serif;
	--app-font-title: "firula", sans-serif;
	--app-font-secondary: serif;
	/* Global constants */
	/* External pages (outside template) */
}

/* ================ */
/* Modern Reset CSS */
/* ================ */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role ou class, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'],
ul.list,
ol.list{
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}


/* ========== Paramètres généraux ===========*/
/*
╔═════════════════════════════════════════════╗
║                                             ║
║                   MOBILE                    ║
║                                             ║
╚═════════════════════════════════════════════╝
*/
#page{
	overflow-x: hidden;
	margin-top: var(--header-height);
}

#masthead{
    position: fixed !important;
    top: 0;
	width: 100%;
}
#masthead header{
    position: static;
}

.custom-logo-wrapper{
	transition: width 0.5s;
}

.scrolled .custom-logo-wrapper{
	width: 50px;
}

.wpcf7 input:not([type=submit]),
.wpcf7 select,
.wpcf7 textarea{
  width:100%;
  padding:.75em;
  text-align: center;
  color: #0404A4;
  font-weight: 900;
  border: 1px solid #0404A4;
}

.footer .wpcf7 form > p {
  margin-bottom: 5px;
}
.footer .wpcf7 input{
	font-size: 16px;
}

.wpcf7 input{
	display: flex;
	justify-content: center;
	margin: auto;
	color: #0404A4;
	background-color: white;
	font-weight: 900;
  	border: 1px solid #0404A4;
	font-family: "DrukWideBold";
}

.wpcf7 input[type=submit]:hover{
	color:var(--app-color-white);
	background: var(--app-color-primary);
}

.wpcf7 p{
	display: flex;
	justify-content: center;
}

.wpcf7-spinner {
	visibility: hidden;
	display: none;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

.activity1{
	position:relative;
}

/* .activity1:hover{
	display: block;
} */

.activity1:before{
	content: "";
	background-color: rgba(0,0,0,0.6);
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	z-index: 1;
	display: block;
}

.activity1 .titreactivity1{
	position:relative;
	z-index:2;
}


.activity1 .titreactivity1 a,
.activity1 .elementor-heading-title{
	position: relative;
	text-decoration:none;
	font-size: clamp(1.25rem, 1.25rem + 2.9297vw, 3.125rem) !important;
}
/* .titreactivity1{
	display: none;
	position:relative;
	z-index:2;
} */

.post-type-archive-eloquence .site-content,
.site-content .ast-container,
.site-main.eloquence-archive-page{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.site-content .ast-container{
	margin: 0;
}

.eloquences-list{
	height: 100%;
}

.eloquence{
		height:100%;
		width:100%;
		max-width:100%;
		object-fit:cover;
	    border-radius:20px;
}
.f-height .elementor-element {height: 100%;}

.embrouilles{
		height:100%;
		width:100%;
		max-width:80%;
		object-fit:cover;
        border-radius:20px;
	}
.f-height .elementor-element {height: 100%;}

.actuimage{
	height:500px;
	width:800px;
	padding-left:10px;
}
#d49cae7{
	display:none;
	
}

.page-id-112 #post-112 .wpcf7 input:not([type="submit"]),
.page-id-112 #post-112 .wpcf7 select,
.page-id-112 #post-112 .wpcf7 textarea{
	padding: 18px 10px;
	margin-bottom: 25px;
	border: none;
	background: linear-gradient(to right, #fdf3d3, #ffffff);
	font-size: 20px;
	text-align: left;
}

.page-id-112 #post-112 .wpcf7 label,
.page-id-112 #post-112 .wpcf7 input[type="submit"]{
	font-family: "DrukWideBold";
	color: var(--app-color-primary);
	font-size: 20px;
}

.page-id-112 #post-112 .wpcf7 label{
	display: block;
    width: 100%;
}

.page-id-112 #post-112 .wpcf7 input[type="submit"]:hover,
.page-id-112 #post-112 .wpcf7 input[type="submit"]:focus,
.page-id-112 #post-112 .wpcf7 input[type="submit"]:active{
	background-color: var(--app-color-primary);
	color: var(--app-color-white);
}
.wpcf7 p {
  display: flex;
  justify-content: left;
}
.bouton{
   margin-left: 10px !important;
   font-size:9px;
}
.page-id-112 #post-112 .wpcf7 label, .page-id-112 #post-112 .wpcf7 input[type="submit"] {
  font-family: "DrukWideBold";
  color: var(--app-color-primary);
  font-size: 12px;
}
.single .post-content{
	margin-bottom:35px;
}

.single .post-navigation{
	display: flex;
	max-width: 1440px;
	margin: 0 auto 35px auto;
}
.single .post-navigation a{
	color: var(--app-color-primary);
	font-size: 16px;
}

.single .post-navigation .nav-next{
	margin: auto 0 auto auto;
}
.single .post-navigation .nav-prev{
	margin: auto auto auto 0;
}
.single .ast-container{
	max-width: 100%;
	padding: 0;
}
.single .post-meta{
	max-width: 1440px;
	margin: 0 auto;
}

h1,
h2,
h3{
	position: relative;
	display: inline;
}

h1:not(.eloquence-title)::before,
h2:not(.eloquence-title)::before,
h3:not(.eloquence-title)::before,
h1.eloquence-title a::before,
h2.eloquence-title a::before,
h3.eloquence-title a::before {
	content: ".";
	background-color: rgba(0, 0, 0, 0) !important;
	color: inherit;
}

h1.premium-blog-entry-title::before,
h2.premium-blog-entry-title::before,
h3.premium-blog-entry-title::before{
	color: var(--app-color-primary);
}

.no-dot h1:before,
.no-dot h2:before,
.no-dot h3:before{
	content: none;
}

h1 a,
h2 a,
h3 a{
	position: relative;
}

.activity1 .titreactivity1 .elementor-heading-title{
	display: inline;
}

.elementor-widget-premium-addon-blog .elementor-widget-container,
.premium-blog-post-container{
	background: var(--app-color-white) !important;
}

.elementor-widget-premium-addon-blog .premium-blog-thumbnail-container {
	box-shadow: 10px 10px 0px 0px var(--app-color-secondary);
	margin: 10px;
	height: auto !important;
}

.elementor-widget-premium-addon-blog .premium-blog-post-time i,
.elementor-widget-premium-addon-blog .carousel-arrow.slick-arrow{
	display: none !important;
}

.hereditas-swiper-carousel .swiper-pagination{
	position: static;
}

.hereditas-swiper-carousel.elementor-element .swiper .elementor-swiper-button{
	display:none;
}

.hereditas-swiper-carousel.elementor-element .swiper .swiper-pagination-bullets{
	display: block;
}

.hereditas-blog-carousel .carousel-arrow.carousel-prev.slick-arrow .fas.fa-angle-left:before,
.hereditas-blog-carousel .carousel-arrow.carousel-next.slick-arrow .fas.fa-angle-right:before{
	content: "";
	background-size: contain;
	height: 60px;
	width: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}

.hereditas-blog-carousel .carousel-arrow.carousel-prev.slick-arrow .fas.fa-angle-left:before {
	background-image: url("assets/images/icons/arrow_left_nav_icon.svg");
}

.hereditas-blog-carousel .carousel-arrow.carousel-next.slick-arrow .fas.fa-angle-right:before {
	background-image:url("assets/images/icons/arrow_right_nav_icon.svg");
}

/*
╔═════════════════════════════════════════════╗
║                                             ║
║                   TABLET                    ║
║                                             ║
╚═════════════════════════════════════════════╝
*/
@media screen and (min-width: 768px) {
	.bouton{
	 	margin-left: 0px !important;
	}
}

/*
╔═════════════════════════════════════════════╗
║                                             ║
║                    DESKTOP                  ║
║                                             ║
╚═════════════════════════════════════════════╝*/
@media screen and (min-width: 1024px) {
	.header__menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu{
		display:flex;
		justify-content:space-between;
		width: 100%;
	}
	
	.header__menu .menu-item .hfe-menu-item::before,
	.header__menu .menu-item .hfe-menu-item::after,
	.footer .custom-heading-link a::before,
	.footer .custom-heading-link a::after{
		content:".";
		opacity: 0;
		background-color: rgba(0,0,0,0) !important;
		color: var(--app-color-primary);
		position: static;
		transition: opacity .2s linear;
	}
	
	.header__menu .menu-item.current_page_item .hfe-menu-item::before,
	.header__menu .menu-item.current_page_item .hfe-menu-item::after,
	.header__menu .menu-item .hfe-menu-item:hover::before,
	.header__menu .menu-item .hfe-menu-item:hover::after,
	.footer .custom-heading-link a:hover::before,
	.footer .custom-heading-link a:hover::after{
		opacity: 1 !important;
	}
	
	.logo img{
		height:auto;
		width:100px;
	}
	
	.logo2 img{
		height:auto;
		width:220px;
	}
	.logo3 img{
		height:auto;
		width:300px;
	}
	/* .titreactivity1 .elementor-heading-title:hover{
		display: none;
	} */

	.activity1:before{
		display: none;
	}
	
	.activity1:hover:before {
		display: block;
	}

	.activity1 .titreactivity1 {
		display: none;
	}
	
	.activity1 .titreactivity1 h2{
		
		transform: translateY(-50%);
	}

	.activity1:hover .titreactivity1,
	.activity1:hover .titreactivity1 h2 {
		display: inline-block;
	}
	
	/* .activity1:hover{
		
		display: block;
		background-color: rgba(0,0,0,0,5);
	} */
	
	.actuimage{
	height:500px;
	width:800px;
	padding-left:100px;
    }
	
.bouton{
 margin-left: 0px !important;
}
	.page-id-112 #post-112 .wpcf7 label, .page-id-112 #post-112 .wpcf7 input[type="submit"] {
  font-family: "DrukWideBold";
  color: var(--app-color-primary);
  font-size: 20px;
}

	
	
	.elementor-widget-premium-addon-blog .carousel-arrow.carousel-prev {
		left: -50px;
	}
	.elementor-widget-premium-addon-blog .carousel-arrow.carousel-next{
		right: -50px;
	}
	
	/*.elementor-widget-premium-addon-blog .premium-blog-wrap ul.slick-dots{
		width: 40%;
	}*/
	.elementor-widget-premium-addon-blog .carousel-arrow.slick-arrow{
		display: block !important;
	}

	.right-limit{
		padding-right: calc(calc(100% - 1440px) / 2)
	}

	.left-limit {
		padding-left: calc(calc(100% - 1440px) / 2)
	}

	.hereditas-swiper-carousel.elementor-element .swiper .elementor-swiper-button {
		display: block;
	}
	.hereditas-swiper-carousel.elementor-element .swiper .swiper-pagination-bullets {
		display: none;
	}
}
/*
╔═════════════════════════════════════════════╗
║                                             ║
║              DESKTOP PLUS                   ║
║                                             ║
╚═════════════════════════════════════════════╝*/

@media screen and (min-width: 1200px) {
	
	
}