/* 
Theme Name:		 Morgane Portfolio
Theme URI:		 
Description:	 Morgane Portfolio is a child theme of Twenty Twenty-Five
Author:			 Morgane
Author URI:		 
Template:		 twentytwentyfive
Version:		 1.0.0
Text Domain:	 morgane-portfolio
*/


/*
    Accueil
*/
.page-id-22,
.page-id-228,
.home {
	background-color: black;
}
.page-id-22 *,
.page-id-228 *,
.home * {
	color: white;
}
.home main#wp--skip-link--target {
	margin-top: 0 !important;
}
.page-id-217 > .wp-site-blocks > main > div:first-child .wp-block-post-title,
.page-id-22 > .wp-site-blocks > main > div:first-child .wp-block-post-title,
.page-id-228 > .wp-site-blocks > main > div:first-child .wp-block-post-title,
.home > .wp-site-blocks > main > div:first-child .wp-block-post-title {
	opacity: 0;
	font-size: 0;
}
.home .background-paper * {
	color : rgb(17, 17, 17);
}


/*
    Navigation
*/
.wp-block-navigation__submenu-container a span {
	color: #000;
}


.wp-block-navigation__container a:focus{
	outline: none !important;
}
.wp-block-navigation__container .wp-block-navigation-item__content{
	text-decoration: none;
}
.wp-block-navigation__container .wp-block-navigation-item__label {
	text-decoration: none;
	position: relative;
	padding: 2px;
}
.wp-block-navigation__container .wp-block-navigation-item__label:before{
	content: '';
	width: 0;
	display: block;
	background-color: yellow;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;	
	transition-duration: 0.5s;
	z-index: -1;
}
.wp-block-navigation__container .wp-block-navigation-item__label:hover:before{
	width: 100%;
}
.wp-block-navigation__container .wp-block-navigation-item__label:hover{
	color: rgb(17, 17, 17);
}
/*
    H1 masqué
*/
.page-id-26  h1.wp-block-post-title,
.page-id-202 h1.wp-block-post-title {
	opacity: 0;
	font-size: 0;
}

/*
    H1 pages
*/
.wp-block-post-title {
	text-align: center;
	margin-bottom: 1em;
}

/* bloc */
body{
	position: relative;
}
body::before {
	content: '';
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/* background-image: url('img/background-texture.png');*/
	/*background-attachment: fixed; */
	background-image: url('img/background-body2.jpg');
	opacity: 0.3;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	background-size: cover;
}
.margin-top-none{
	margin-top:0 !important;
}
.padding-top-none{
	padding-top: 0 !important;
}

/* carrousel */
.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination {
	bottom: 1em;
}
.wp-block-cb-carousel-v2 .cb-button-prev.swiper-button-prev {
	left: 0;
}
.wp-block-cb-carousel-v2 .cb-button-next.swiper-button-next {
	right: 0;
}
/* animation */

.rotate-hover{
	transition: all 4s ease-out;
}
.rotate-hover:hover{
	-webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
	transition-duration: 0.5s;
}

.hover-scale:hover img{ 
	transform: scale(1.1);
	transition-duration: 0.5s;
}

.hover-black-btn:hover a{
	background-color: white !important;
	color:black !important;
}

/* Footer */
.text-footer a {
	text-decoration: none;
	position: relative;
	padding: 2px;
}
.text-footer a:before{
	content: '';
	width: 0;
	display: block;
	background-color: yellow;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;	
	transition-duration: 0.5s;
	z-index: -1;
}
.text-footer a:hover:before{
	width: 100%;
}
.text-footer a:hover{
	color: rgb(17, 17, 17);
}




@media screen and (max-width: 780px) {

}
@media screen and (max-width: 600px) {





	.page-id-228 .wp-block-navigation__container.is-responsive .wp-block-navigation-item a,
	.home .wp-block-navigation__container.is-responsive .wp-block-navigation-item a,
	
	.page-id-228 .wp-block-navigation__container.is-responsive .wp-block-navigation-item a *,
	.home .wp-block-navigation__container.is-responsive .wp-block-navigation-item a *{
		color: black;
	}

	nav > .wp-block-navigation__responsive-container > div > div > .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item > a {
		text-transform: uppercase;
	}

	nav > .wp-block-navigation__responsive-container > div > div > .wp-block-navigation__responsive-container-content > ul > li .wp-block-navigation__submenu-container,
	nav > .wp-block-navigation__responsive-container > div > div > .wp-block-navigation__responsive-container-content > ul > li .wp-block-navigation__submenu-container a {
		padding-right:0 !important;
	}




}