/*
Theme Name: Monika MORAWSKA Child
Author: Amélie Bontoux
Description: Thème créé avec les spécifications pour le site internet de Monika MORAWSKA - Avocat au Barreau de PARIS
License: GNU General Public License v2 or later
License URI: LICENSE
Template: monika-morawska
Version: 1.0.1
Requires PHP: 5.6
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 1.0 Normalize
# 2.0 Typography
# 3.0 Header
	## 3.1 Main menu
# 4.0 Content
# 5.0 Footer
# 6.0 Navigation
# 7.0 Animations


# 10.0 Content

# 13.0 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 1.0 @Import & @font-face
----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@font-face {
	font-family: 'Lato', sans-serif;
	src: url("/fonts/lato/Lato-Regular.ttf") format("ttf"),
}

@font-face {
	font-family: 'Prata', serif;
	src: url("/fonts/prata/Prata-Regular.ttf") format("ttf"),
}
/*--------------------------------------------------------------
# 1.0 Normalize
----------------------------------------------------------------*/
* {
	clear: both;
	margin: 0;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
	padding: 0;
	text-decoration: none;
}
body{
	background-color: #f4f4f4;
	margin: 0;
}
.post, .page {
    margin: 0;
}
figure {
    margin: 0;
}
ul, ol {
    margin: 1em 0 1.5em 3em;
}
.resp{
	display: none;
}
.desktop{
	display: block;
}

/*--------------------------------------------------------------
# 2.0 Typography
----------------------------------------------------------------*/
body{
	font-family: 'Lato', sans-serif;
	color: #535353;
	font-size: 16px;
	line-height: 1.6;
}
p {
	margin:1.5em 0;
}
.wp-justify{
	text-align: justify;
}
a, a:visited{
	color: #ffffff;
}
a:hover{
	color: #A0ABAD;
}
a:hover, a:active, a:focus {
    outline: 0;
}
h1, h3, h4, h5, h6{
	font-family: 'Prata', serif;
	font-weight: normal;
}
h1, h3{
	font-size: 3em;
}
h1{
	line-height: 1.1em;
	color: #121332;
	margin: 0;
}
h2{
	font-family: 'Lato', sans-serif;
	font-size: 1.8em;
	color: #c9b783;
	font-weight: 400;
	line-height: 1em;
	padding-bottom: 0.5em;
}
h3{
	color: #121332;
	padding : 0.8em 0;
}
h3:after{
	display: block;
	content: "";
    border-bottom: 1px solid #121332;
    margin: auto;
    width: 5%;
}
h4{
	font-size: 1.5em;
}
h5{
	font-size: 1.2em;
	text-align: left;
}
.wp-block-cover h5{
	font-size: 1.8em;
	color: #3f3f3f;
    line-height: 1.8;
}
/*--------------------------------------------------------------
# 3.0 Header
----------------------------------------------------------------*/
header.site-header{
	position: fixed;
	top: 0;
	width: 100%;
	background: #1f2049;
	background: linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	background: -webkit-linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	background: -moz-linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	z-index: 9999;
}
.block-header{
	max-width: 1290px;
    margin: auto;
    padding: 1em 0;
	display: flex;
}
img.custom-logo.lazyloaded {
    width: 120px;
}
a.custom-logo-link {
    display: flex;
}
.site-title, .site-description {
	display: none;
}
	/*--------------------------------------------------------------
	## 3.1 Main menu
	----------------------------------------------------------------*/
	.main-navigation{
    	line-height: inherit;
		justify-items: end;
	}
	.main-navigation ul li{
		list-style: none;
		margin-left: 1em;
	}
	.main-navigation ul li a{
		font-family: 'Prata', serif;
		font-size: 0.9em;
	}
	.menu-main-menu-container, .menu-main-menu-uk-container, .menu-main-menu-pl-container {
		padding: 0.5em 0;
	}
	.menu-langage-menu-container ul {
		list-style-type: none;
		display: flex;
	}
	.menu-langage-menu-container ul a:hover {
		color: #A0ABAD;
	}

/*--------------------------------------------------------------
# 4.0 Content Home
----------------------------------------------------------------*/
.wp-block {
	max-width: 1290px;
    margin: auto;
}
.wp-block-padding {
	padding: 2em;
}
.wp-block-image img {
	width: 100%;
	height: auto;
}
	/*--------------------------------------------------------------
	# 4.1 Bloc Bleu
	----------------------------------------------------------------*/
	.wp-block-blue{
		background: #121332;
	}
	.wp-block-blue h3{
		color: #c9b783;
	}
	.wp-block-blue h3:after{
		border-bottom: 1px solid #c9b783;
	}
	.wp-block-blue h4{
		color: #ffffff;
	
	}
	.wp-block-blue p{
		color: #ffffff;
	}
	.wp-block-blue .wp-block-column h3:after{
		display: none;
	}
	/*--------------------------------------------------------------
	# 4.2 Bloc Blanc
	----------------------------------------------------------------*/
	.wp-block-white {
		background: #ffffff;
	}
	/*--------------------------------------------------------------
	# 4.3 Bloc Valeurs
	----------------------------------------------------------------*/
	.wp-block-blue .wp-block-column{
		margin: 0 auto;
		padding: 0 1em;
	}
	/*--------------------------------------------------------------
	# 4.4 Bloc Compétences
	----------------------------------------------------------------*/
	.wp-block-white ul{
		padding-inline-start: 10em;
		list-style-type:  '-  ';
	}
	/*--------------------------------------------------------------
	# 4.5 Bloc Honoraire
	----------------------------------------------------------------*/
	.wp-block-blue .wp-block-column.column, .wp-block-blue .wp-block-column.column h3{
		margin: auto;	
	}
	.wp-block-blue .wp-block-column h3:after{
		display: none;
	}
	/*--------------------------------------------------------------
	# 4.6 Bloc Contact
	----------------------------------------------------------------*/
	.contact h5 {
		padding-top: 0.5em;
		font-weight: 600;
	}
	.contact p {
		margin: 0.2em 0 1em 0;
	}
	/*--------------------------------------------------------------
	# 4.7 Bloc map
	----------------------------------------------------------------*/
	.map{
		display: flex;
	}
/*--------------------------------------------------------------
# 5.0 Content List News
----------------------------------------------------------------*/
.page-template-news-page .entry-content{
	margin-top: 8em;
}
.wp-block-news {
    display: flex;
	padding: 3em 0;
}
.wp-list-news h1{
    font-size: 2.2em;
	padding-left: 0.5em;
}
.wp-list-news h1 a, .wp-list-news h1 a:visited {
    color: #1f2049;
}
.wp-list-news h1 a:hover {
    color: #A0ABAD;
}
.wp-block-news-col2 {
	display: grid;
	align-items: end;
}
.wp-block-news-img {
	width: 400px;
	height: 500px;
}
.wp-block-news-img img {
	object-fit: cover;
	border-radius: 50% 50% 0% 0% / 40% 40% 0% 0%;
	height: 500px;
}
.wp-block-news-content{
	padding: 1em;
	background: #223d3c;
}
.wp-block-news-content p{
	font-size: 1em;
	color: #ffffff;
}
.wp-block-read-more {
	float: right;
}
.wp-block-news a.wp-block-read-more, .wp-block-news a:visited.wp-block-read-more {
    color: #1f2049;
	padding: 0.2em 0.5em;
	background: #fff;
	opacity: 1;
	font-weight: bold;
}
.wp-block-news a:hover.wp-block-read-more {
    color: #223d3c;
	opacity: .8;
}
.wp-block-read-more:after {
    content: "\f30b";
    font-family: "fontAwesome";
    font-size: 0.7em;
    padding: 0 0 0 0.5em;
}
/*--------------------------------------------------------------
# 5.0 Content List News Homepage
----------------------------------------------------------------*/
.wp-block-news-homepage {
    display: flex;
	padding: 1em 0;
}
.wp-list-news-homepage h3{
    font-size: 1.2em;
	padding-left: 0.5em;
}
.wp-list-news-homepage h3:after{
    border-bottom: none;
    content: none;
}
.wp-list-news-homepage h3 a, .wp-list-news-homepage h3 a:visited {
    color: #1f2049;
}
.wp-list-news-homepage h3 a:hover {
    color: #A0ABAD;
}
.wp-block-news-homepage-img {
	width: 320px;
	height: 400px;
}
.wp-block-news-homepage-img img {
	object-fit: cover;
	border-radius: 50% 50% 0% 0% / 40% 40% 0% 0%;
	height: 400px;
}
.wp-block-news-homepage a.wp-block-read-more, .wp-block-news-homepage a:visited.wp-block-read-more {
    color: #1f2049;
	padding: 0.2em 0.5em;
	background: #fff;
	opacity: 1;
	font-weight: bold;
}
.wp-block-news-homepage a:hover.wp-block-read-more {
    color: #223d3c;
	opacity: .8;
}
/*--------------------------------------------------------------
# 5.0 Content Page News
----------------------------------------------------------------*/
.single-post .entry-content.wp-block {
    margin: 8em auto;
}
.wp-content-post-header {
    display: flex;
	padding: 0;
}
.wp-content-post-img {
	width: 225px;
    height: 300px;
}
.wp-content-post-img img {
	object-fit: cover;
	border-radius: 50% 50% 0% 0% / 35% 35% 0% 0%;
	height: 300px;
}
.wp-content-post-col2 h1{
	padding: 0.5em;
    color: #1f2049;
    font-size: 2em;
}
.wp-block-color{
	background: #223d3c;
	width: 100%;
	height: 4em;
}
.wp-content-post-col2 {
    display: grid;
    align-items: end;
	width: 100%;
}
.wp-content-post-text p {
	margin: 1em 0;
}
/*--------------------------------------------------------------
# 5.0 Content Notice
----------------------------------------------------------------*/
.page-template-notice-page .entry-content{
	margin-top: 8em;
}

/*--------------------------------------------------------------
# 13.0 Footer
----------------------------------------------------------------*/
.site-footer{
	background: #1f2049;
	background: linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	background: -webkit-linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	background: -moz-linear-gradient(180deg,#1f2049 0%, #0d0e2f 75%);
	z-index: 9999;
	padding: 1em;
}
.site-info {
	font-size: 0.6em;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}


/*--------------------------------------------------------------
# 7.0 Animations
----------------------------------------------------------------*/

.reveal [class*="reveal-"] {
	opacity: 0;
	transform : translateY(30px);
}
.reveal-visible [class*="reveal-"]{
	opacity: 1;
	transform : translateY(0);
	transition : 1s cubic-bezier(.5, 0, 0, 1);
}
.reveal-visible .reveal-2{
	transition-delay : .1s;
}
.reveal-visible .reveal-3{
	transition-delay : .3s;
}
.reveal-visible .reveal-4{
	transition-delay : .4s;
}



/************************* @media laptop low *************************/
@media (max-width:1280px){
	.wp-block, .block-header {
		margin: 0 1em;
	}

}
/************************* @media Tablette High *************************/
@media (max-width:1024px){
	.wp-block-cover h5 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 2.3em;
	}
	h5 {
		font-size: 0.95em;
	}
	:where(.wp-block-columns.is-layout-flex) {
		gap: 1em;
	}
	.wp-block-white ul {
		padding-inline-start: 5em;
	}

}
/************************* @media Tablette Low *************************/
@media (max-width:768px){
	h5 {
		font-size: 1em;
	}
	
	img.custom-logo.lazyloaded {
		width: 150px;
	}
	.menu-toggle {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
	.main-navigation .menu-burger {
		padding: 0.5em;
	}
	.main-navigation .menu-burger button {
        background: rgb(0 0 0 / 0);
		padding: 0.6em;
		border: 1px solid #ffffff;
    }
	.main-navigation .menu-burger .bars::after {
        content: "\f0c9";
        font-family: "fontAwesome";
        color: #ffffff;
        font-size: 1.6em;
    }
	.main-navigation ul li a {
		font-size: 1em;
	}
	.menu-langage-menu-container ul {
		display: flex !important;
	}
	.wp-block-blue h4 {
		margin-top: 1em;
	}
	h3:after {
		width: 10%;
	}
	.wp-block-blue .wp-block-column h3:after{
		display: inherit;
	}
	.page-content, .entry-content, .entry-summary {
		margin: 5.5em 0 0;
	}



}

/************************* @media Mobile High *************************/
@media (max-width:480px){
	.resp{
		display: initial;
	}
	p.resp {
		margin: 0.5em 0;
	}
	h1{
		font-size: 2.5em;
	}
	h2{
		font-size: 1.6em;
	}
	h3 {
		font-size: 2.1em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5{
		font-size: 1.2em;
	}
	h3:after {
        width: 15%;
    }
	
	.wp-block-cover h5 {
		font-size: 1.3em;

	}
	.wp-block-title {
		flex-basis: 100% !important;
		display: block;
	}
	.wp-block-language {
		display: none;
	}
	.wp-block-white ul {
		padding-inline-start: 2em;
	}
	.single-post .entry-content.wp-block {
		margin: 8em auto 6em auto;
	}
	.wp-block-news {
		display: block;
	}
	.wp-list-news h1 {
		padding-left: 0;
		font-size: 1.8em;
		padding: 1em 0;
	}
	.wp-block-news-img {
		width: 100%;
	}
	.wp-block-news-content p {
		margin: 0.5em 0 1.5em 0;
	}
	.wp-content-post-col2 h1 {
		font-size: 1.8em;
		line-height: normal;
	}
	.wp-content-post-header {
		flex-direction: column-reverse;
	}
	.wp-content-post-img {
		width: 100%;
		height: 500px;
	}
	.wp-content-post-img img {
		height: 500px;
	}
	.wp-content-post-col2 {
		margin: 0 0 2em 0;
	}
	.wp-block-color {
		height: 1em;
	}
	.wp-block-news-homepage {
		display: block;
	}
	.wp-list-news-homepage h3 {
		font-size: 1.4em;
		padding: 0.5em 0;
	}
	.wp-block-news-homepage-img {
		width: 100%;
	}
	.wp-block-news-homepage-content p {
		margin: 0.5em 0 1.5em 0;
	}
}
/************************* @media Mobile Low *************************/
@media (max-width:360px){
	h1 {
        font-size: 2.2em;
    }
	h2{
		font-size: 1.6em;
	}
	h5{
		font-size: 1.1em;
	}
	.wp-block-padding {
		padding: 1em;
	}
	ul, ol {
		margin: 1em 0 1.5em 1em;
	}
	.wp-block-news-img {
		height: 450px;
	}
	.wp-block-news-img img {
		height: 450px;
	}
	.wp-content-post-img {
		height: 450px;
	}
	.wp-content-post-img img {
		height: 450px;
	}
	.wp-content-post-col2 h1 {
        font-size: 1.6em;
        line-height: normal;
    }
    .wp-list-news-homepage h3 {
		font-size: 1.3em;
	}
    .wp-block-news-homepage-img {
		height: 400px;
	}
	.wp-block-news-homepage-img img {
		height: 400px;
	}
}