/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*******************
!!!!! INITIALISATION
*******************/
/*elementor header*/
.elementor-editor-active #site-header {
  display: none;
}
/*h1 normal page*/
h1.wp-block-heading {
	margin-top: 100px;
}
/*espace au dessus du footer*/
.page footer,
.category footer {
	margin-top:50px;
}

/*******************
Typographies
*******************/
h1 {
	text-shadow: 1px 1px #888;
}
.hoverblanc a:hover,
.hoverblanc .elementor-icon-list-text:hover {
	color: white !important;
}

/*HEADER*/
#site-header {
	position: fixed !important;
	border-bottom: 0px;
	top: 0px !important;
}
.home #site-header {
	background-color: rgba(0,0,0,0.075);
	transition:all 0.3s ease;
}
.normal-header {
	position:fixed !important;
	top:auto !important;
	background-color: #395c56 !important;
	transition:all 0.3s ease;
}
#site-navigation-wrap .dropdown-menu > li > a {
	line-height: 80px;
}
.dropdown-menu .sub-menu {
  border-color: #fff0;
	box-shadow:none;
}

/*ACCUEIL*/
.elementor-image-box-img {
  	display: flex !important;
  	width: 100% !important;
  	justify-content: center;
}
.elementor-image-box-img a {
  display: block;
  width: 115px;
  height: 115px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 5px solid white;
  border-radius: 50%;
-webkit-transform: translateY(0px);
  	transform: translateY(0px);
  	-webkit-animation: float 4s ease-in-out infinite;
}
@-webkit-keyframes float {
  0% {
    box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);
    -webkit-transform:translatey(0px);
    transform:translatey(0px)
  }
  50% {
    box-shadow:0 15px 15px 0px rgba(0,0,0,0.2);
    -webkit-transform:translatey(-10px);
    transform:translatey(-10px)
  }
  100% {
    box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);
    -webkit-transform:translatey(0px);
    transform:translatey(0px)
  }
}
@keyframes float {
  0% {
    box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);
    -webkit-transform:translatey(0px);
    transform:translatey(0px)
  }
  50% {
    box-shadow:0 15px 15px 0px rgba(0,0,0,0.2);
    -webkit-transform:translatey(-10px);
    transform:translatey(-10px)
  }
  100% {
    box-shadow:0 5px 15px 0px rgba(0,0,0,0.6);
    -webkit-transform:translatey(0px);
    transform:translatey(0px)
  }
}
.elementor-image-box-img img {
  width: 70px;
}
.elementor-image-box-title {
  width: 87px;
  margin: auto;
    margin-bottom: auto;
}
.elementor-image-box-img a:hover {
  box-sizing: ;
  box-shadow: 0 5px 15px 0px #395c56 !important;
  background: #74b49b;
}
/* accueil ACTU */
ul.oceanwp-recent-posts.clr {
  margin-left: 0px;
}
.oceanwp-recent-posts.clr li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px !important;
  padding: 25px !important;
  box-shadow: 0 .55rem 2rem rgba(0,0,0,.15) !important;
	border-radius: .55rem !important;
}
.oceanwp-recent-posts .recent-posts-thumbnail {
	width:100% !important;
	margin: 0px !important;
}
.recent-posts-details.clr {
  text-align: center;
  margin-top: 15px;
}
.recent-posts-title {
  background: #74b49b;
  color: white;
  padding: 8px 20px;
  display: block;
  margin: 0px 22px;
  border-radius: 20px;
}
.recent-posts-title:hover {
  color: #395c56;
}
.oceanwp-recent-posts .recent-posts-thumbnail:hover .overlay {
  opacity: 1;
  z-index: 10;
  background: #ffffff1c;
}
.recent-posts-comments, 
.sep {
  display: none !important;
}

/*******************
 ---> Page ACTUALITES
*******************/
#blog-entries article {
  margin: 0px;
  padding: 0px;
}
.tax-desc h1 {
	margin-top: 100px;
	text-align: center;
	color: #395c56 !important;
	font-size:42px;
}
.blog-entry-category {
  display: none !important;
}
.blog-entry-inner.clr {
	background: #74b49b;
	padding: 25px;
	border-radius: 5px;
	margin-bottom: 0px !important;
}
.blog-entry-inner.clr.left-position.center {
	margin: 40px;
}
.blog-entry.thumbnail-entry .thumbnail {
	width: 30%;
	min-width:141px;
}
.blog-entry-content {
	width: auto !important;
}
.blog-entry-title.entry-title a {
	color: #395c56;
}
.meta.obem-default.clr, .meta.obem-default.clr a {
	color: #35badd !important;
}
.blog-entry-summary.clr p {
	color: #ececec;
}
.blog-entry-readmore.clr a {
	background: #d0d801;
	color: #003054;
	border: 0px !important;
	font-family: Arimo;
	font-size: 0.9em !important;
	font-weight: bold;
}
.blog-entry-readmore.clr a:hover {
	background: #35b9db;
	color: #003054 !important;
}
/****** ACTU single post */
article .entry-header.clr {
  margin-top: 80px !important;
  padding-top: 50px;
  background: #74b49b;
}
article .entry-header.clr h1 {
	text-align:center;
	color:white;
}
article .entry-header.clr h1::after {
  content: "";
  background-image: url("/wp-content/uploads/2023/10/chouette.png");
  display: flex;
  height: 50px;
  width: 50px;
  margin: auto;
    margin-top: auto;
    margin-bottom: auto;
  position: relative;
  background-size: contain;
  margin-bottom: -35px;
  margin-top: 10px;
}
.meta.ospm-default.clr {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 40%;
}
.navigation.post-navigation {
	background: #74b49b;
}
nav .navigation.post-navigation {
	padding: 0px !important;
}
.navigation.post-navigation {
	padding: 20px !important;
}
.navigation.post-navigation a {
	background: #395c56;
	padding: 5px;
	border-radius: 5px;
	color: #74b49b;
	text-align: center;
}
.navigation.post-navigation .title {
	color: white !important;
	font-family:Arial;
}
.single nav.post-navigation .nav-links i {
	margin-right: -17px !important;
	margin-left: -17px !important;
}

/*******************
 ---> Page DON
*******************/
.Block--Title.Block--Title-Active {
  background: #74b49b !important;
}

.elementor embed, .elementor iframe, .elementor object, .elementor video {
height: 1600px !important;
overflow: visible !important;
}
#idIframe {
height: 1120px !important;
overflow: visible !important;
}
.elementor-shortcode {
overflow: visible;
height: 100% !important;
}
.Widget--Footer {
display: none;
}
.ActionReport--Button {
display: none;
}
.donation-header {
display: none;
}

/*******************
[[[[[[[[[[[[[ FOOTER
*******************/
footer .elementor-icon-wrapper a {
  background: white;
  padding: 14px;
  border-radius: 100%;
}
footer .elementor-icon-wrapper a:hover {
  background: #74b49b;
	transition:none;
	border:none;
}
#menu-menu-enpied a:hover {
  color: #95c6b3 !important;
  transition: none;
}

/******************************
PLUGINS :::::::
**************/
/****** Pop-Up */
#popmake-774 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
	padding: 32px 0px;
}
#pum_popup_title_774 {
  font-family: Arial;
}
.pum-title {
  text-align: center !important;
}
#popmake-774 i {
  color: white;
  font-size: 70px;
}
#popmake-774 i:hover {
  color: #74b49b;
  font-size: 70px;
}
.pum-close.popmake-close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3.5px !important;
}

/****** cookies */
#cookie-law-info-again {
	left: 0 !important;
	right: 0;
	margin: 0% 37%;
	background: #74b49b !important;
	color: white !important;
	box-shadow: #395c56 2px 2px 5px 2px;
	border-radius: 5px 5px 0px 0px;
}

/*********************************************
**********************************************
RESPONSIVE
*******************/
/*******************
ECRAN
*******************/
@media screen and (max-width: 1031px) {
	#site-navigation-wrap {
	  width: 100%;
	  display: flex;
	  justify-content: center;
	}
}
@media screen and (max-width: 1024px) {
	/*footer*/
	#Rsfooter {
		max-width:249px;
		margin:auto;
	}
	/*cookies*/
	footer {
	  margin-bottom: 18px;
	}
	#cookie-law-info-again {
		width: 100% !important;
		margin: auto;
	}
	/*scroll-top bouton*/
	.scroll-top-right {
		bottom: 45px !important;	
	}
}
@media screen and (max-width: 1112px) {
	/*helloasso*/
	#idIframe {
		height: 1308px !important;
	}
}

/*******************
TABLETTE
*******************/
@media screen and (max-width: 919px) {
	/*helloasso*/
	#idIframe {
		height: 2318px !important;
	}
}
@media screen and (max-width: 913px) {
	/*menu mobile*/
	#mobile-dropdown {
		max-height: none;
    	overflow-y: auto;
	}
	.mobile-menu span {
	  display: none !important;
	}
	.hamburger {
	  height: 79px;
	  padding: 0px 20px;
	  display: flex;
	  align-items: center;
	}
	.sub-menu li {
	  border: 0px !important;
	}
	.sub-menu li a:hover{
	  color: white;
	}
	/*articles*/
	.blog-entry.thumbnail-entry .thumbnail {
		width: 100%;
	}
}

/*******************
MOBILE
*******************/
@media (max-width: 767px) {
	
}
@media screen and (max-width: 340px) {
	/*helloasso*/
	#idIframe {
		height: 2584px !important;
	}
}