@charset "UTF-8";

/*
Theme Name: Materialis Child
Theme URI: https://extendthemes.com/go/materialis-home/
Author: Conectiweb
Description: Theme enfant de Materialis
Template: materialis
*/
@font-face {
	font-family: "Oregano";
	src: url('fonts/Oregano-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: "Oregano";
	src: url('fonts/Oregano-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
}
body {
	font-family: "Roboto", sans-serif;
	color: #646C7B;
}
.container {
	max-width: 1400px;
	margin: auto;
}
.gridContainer {
   max-width: 1396px;
}
.navigation-bar.fixto-fixed {
	left: auto !important;
	max-width: 1400px;
	margin: auto;
	position: absolute !important;
	width: 100% !important;
	box-shadow: unset !important;
	top: 0 !important;
}
#mainmenu_container {
	display: block;
	font-size: 2rem;
	font-weight: 600;
	font-style: italic;
	padding-right: 1%;
   line-height: 1;
   color: #017891;
}
.main_menu_col a {
	display: none;
}
.gridContainer .navigation-wrapper {
	padding: 0 1%;
}
img.logo.dark, img.custom-logo {
	max-height: 100px !important;
}
.header-homepage.color-overlay {
	background-image: none !important;
	background-color: #fff !important;
	padding-bottom: 0 !important;
}
.header-description, .post-footer-link:first-of-type {
	display: none;
}
.header-top {
   background-color: #fff;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.1)
}
.materialis-front-page #page > .blog-page, .materialis-content-padding #page > .page-content, .materialis-inner-page #page > .page-content {
   padding-top: 4rem;
}
.inner-header-description {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
h1.hero-title, p.header-subtitle {
	margin-bottom: 0 !important;
} 
ul.materialis-footer-menu li a {
	text-transform: initial;
}
.footer.footer-dark .footer-content {
	background: #017891;
}
.footer p {
	color: #fff;
}
.footer a:hover {
	color: #f9f1ad;
}
input[type="submit"].color2.link:not(:disabled), .button.color2.link:not(:disabled) {
	color: #9B3B11;
}
input[type="submit"].color5.link:not(:disabled), .button.color5.link:not(:disabled) {
	color: #017891;
}
.post-thumbnail {
	padding: 15px;
}
.post-list-item.multiple-per-row img.attachment-post-thumbnail, .post-item.multiple-per-row img.attachment-post-thumbnail {
	width: auto;
	max-width: 90%;
	max-height: 280px;
   margin: auto;
}
a.post-list-item-thumb > img.materialis-post-list-item-thumb-placeholder, a.post-list-item-thumb > svg.materialis-post-list-item-thumb-placeholder {
	width: auto;
	max-width: 90%;
	max-height: 280px;
   margin: auto;
}
.post-content-inner {
	text-align: center;
}
.post-content-inner .col-padding {
	text-align: left;
}
.header.color-overlay::before {
	background: transparent !important;
}
.header-homepage.color-overlay::before {
	background: #fff !important;
}
.header.color-overlay {
	background-image: none !important;
	background-color: #F5FAFD !important;
}
#entete {
	padding: 1.5rem 0;
	background-color: #F5FAFD;
	z-index: 1;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	flex-grow: 1;
}
.materialis-front-page #page > .blog-page {
   padding-top: 0;
}
#entete .mdc-card, .hero-title {
	padding: 3rem 1rem;
	border-radius: 4px;
	font-size: clamp(1rem, 2.5vw + 1rem, 3rem) !important;
	text-align: center;
	font-weight: 900;
	background-color: #017891;
	color: white;
	text-shadow: 3px 3px 2px #001a20;
   font-family: "Oregano";
   line-height: 1rem !important;
   box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.site > .content.post-page, .site > .content.blog-page {
   padding-top: 0;
}