/*
Theme Name: Mellifera V3
Description: Child theme for The Fox Theme
Author: Cereal Concept
Template: fox
*/


/******************/
/***** GLOBAL *****/
/******************/

.post-body-inner .meta-categories a {
	color: black;
	border: 1px solid black;
	font-size: .75em;
	border-radius: 5px;
	padding: 3px 7px;
}

.hp-event-button button,
.page-event-button button,
.single-event-link button,
.page-id-2762 form input[type=submit] {
  background-color: rgb(255, 206, 53);
  color: black;
  font-weight: 600;
  line-height: 3rem;
  border-radius: 25px;
}

.hp-event-button button,
#block-18 .wp-block-button__link,
.single-event-link button,
.page-event-button button,
.page-id-2762 form input[type=submit] {
	transition: all 0ms ease-in-out;
}

.hp-event-button button:hover,
#block-18 .wp-block-button__link:hover,
.single-event-link button:hover,
.page-event-button button:hover,
.page-id-2762 form input[type=submit]:hover {
	background-color: #ea6109;
	color: #fff;
	transition: all 0ms ease-in-out;
}

.nomargin {
	margin:0;
}


/******************/
/***** HEADER *****/
/******************/

#masthead .slogan {
	margin-bottom: .25em;
}

#menu-item-2491 {
	background-color: #ea6109;
  color: white;
}

#menu-item-2491 a {
  color: white;
}

#menu-item-2489 a {
	cursor: wait;
	color: #7c7b7b !important;
  background: -o-repeating-linear-gradient( 45deg, #eee, #eee 10px, #e4e4e4 10px, #e4e4e4 20px) !important;
  background: repeating-linear-gradient( 45deg, #eee, #eee 10px, #e4e4e4 10px, #e4e4e4 20px) !important;
}


/* MOBILE */
.offcanvas .searchform {
	position: relative;
	margin-top: 60px;
}

.offcanvas .searchform::before {
	content: '';
	background: url(./svg/picto-bee.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  height: 40px;
  width: 40px;
  left: 130px;
  bottom: 60px;
}

.offcanvas .menu ul {
	text-align: center;
}

.offcanvas .social-list {
  margin-top: 0;
}

.offcanvas .social-list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}


/********************/
/***** HOMEPAGE *****/
/********************/


/* Landing Post */
#hp-landing-post {
  margin-top: 2em;
}

#hp-landing-post .post-item-meta {
  margin-top: 0.35em;
}

#hp-landing-post .meta-categories a {
	font-size: .9em;
	padding: 5px 10px;
}

#hp-landing-post .post-item-title {
	line-height: 1.15em;
	margin-top: .15em;
	font-size: 2.5em;
}


/* Last Posts */
#hp-last-posts {
	margin-top: 0;
}

#hp-last-posts .post-item-title {
	margin-top: .15em;
	line-height: 1.15em;
}

#hp-last-posts .post-item-meta {
	margin-top: 0;
	font-size: .85em;
}

#hp-last-posts .post-item-excerpt {
	margin-top: .65em;
}

#hp-last-posts .post-item-excerpt p {
	line-height: 1.25em;
}


/********************/
/***** SIDEBAR ******/
/********************/

.section-sidebar .widget_search .wp-block-search__inside-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.section-sidebar .widget_search .wp-block-search__button {
	margin-left: 0;
}

#block-5,
#block-6,
#block-28,
#wi-instagram-2,
#xyz_insert_php_widget-3,
#block-34,
#block-36,
#block-35,
#wi-instagram-3,
#block-37,
#block-39,
#block-40 {
	margin: 0;
}

#block-5 .wp-block-heading,
#block-28 .wp-block-heading,
#block-34 .wp-block-heading,
#block-36 .wp-block-heading,
#block-37 .wp-block-heading,
#block-39 .wp-block-heading {
	font-size: 1.15em;
}

#block-5 .wp-block-heading,
#block-34 .wp-block-heading,
#block-37 .wp-block-heading,
#block-39 .wp-block-heading {
	margin: .5em 0 .35em;
}

#block-28 .wp-block-heading,
#block-36 .wp-block-heading  {
	margin: 0 0 .5em;
}

#block-6 p,
#block-35 p,
#block-40 p {
	font-family: 'Raleway', sans-serif;	
	font-size: .9em;
	line-height: 1.25em;
}

#latest-posts-2 {
	margin: 0;
}

.page-id-3386 aside {
	margin-top: 30px;
}
#media_image-4 {
	margin-top: 1.5em
}


/* HP Agenda */
#xyz_insert_php_widget-3 h3.widget-title {
	position: relative;
	margin: 3rem 0 2rem;
}

#xyz_insert_php_widget-3 h3.widget-title::after {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 2px;
	background-color: #ffce35;
	height: 10px;
	width: 150px;
	z-index: -1;
}

.hp-agenda {
	font-family: 'Raleway', sans-serif;
}

.hp-single-event {
	margin-bottom: 2.35rem;
  box-shadow: 5px 5px 5px #f2f2f2;
}

.hp-single-event h4 {
	font-size: 1.5rem;
	line-height: 1.85rem;
  margin: 0 0 -0.6rem;
  font-weight: 600;
}

.hp-single-event h4 a {
	color: #000;
}

.hp-single-event h4 a:hover {
	color: #ea6109;
}

.hp-single-event .hp-event-meta {
  display: inline-block;
	font-size: 1.25rem;
	font-weight: 300;
}

.hp-single-event .hp-event-content {
	font-size: 1.35rem;
	line-height: 2rem;
	font-weight: 400;
}

.hp-single-event .hp-event-content p {
	padding-bottom: 1rem;
}

.hp-event-button button {
	font-size: .85em;
	padding: 5px 20px;
}


/********************/
/******* PAGES ******/
/********************/

.page-id-803 .post-header,
.page-id-2556 .post-header {
	margin: 1em 0 -1em;
}


/* Qui sommes-nous */
.page-id-803 .authors-list-items .authors-list-item-main {
	padding: 0;
}

.page-id-803 .authors-list-items .authors-list-item-title {
  font-size: 1em;
  margin: 0;
  padding: 0.5em 1em;
}


/* Agenda AEL */
.page-id-3386 .page-header,
.page-id-3392 .page-header {
	margin: 2rem 0 0;
}

.page-single-event {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3.5rem;
	align-items: center;
	margin-bottom: 2rem;
}

.page-event-img {
	grid-column: 1;
}

.page-event-content {
	grid-column: 2 / 4;
}

.page-event-meta,
.page-event-desc p {
	font-family: 'Raleway', sans-serif;
}

.page-event-content h2 {
	font-size: 2.4rem;
	line-height: 3rem;
	margin: 0;
	cursor: pointer;
}

.page-event-img img:hover .page-event-content h2 a,
.page-event-content h2 a {
	color: #000;
}

.page-event-content h2 a:hover {
	color: #ea6109;
}

.page-event-meta {
	font-weight: 300;
	margin-top: -0.25rem;
	margin-bottom: 0.3rem;
	font-size: 1.65rem;
}

.page-event-date {
	font-weight: 500;
}

.page-event-desc p {
	margin-bottom: 0;
	line-height: 2.75rem;
	font-weight: 400;
	font-size: 1.65rem;
}

.page-event-button button {
	font-size: 1.65rem;
  padding: 10px 25px;
  margin-top: 4rem;
}


/* Parutions */
.page-id-2556 #footer-instagram {
	display: none;
}

.page-id-2556 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-size: .85em;
	background: #ffce35;
	padding: 0.35em;
	color: black;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

.page-id-2556 .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
	background: #ea6109;
	color: white;
}


/* Archives */
.archive #titlebar {
	display: none;
}

.archive .post-item-title {
	margin-top: .15em !important;
}

.archive .post-item-meta {
	margin-top: 0;
	font-size: .85em;
}

.archive .post-item-excerpt {
	margin-top: .65em;
}

.archive .post-item-excerpt p {
	line-height: 1.25em;
}

.archive .post-list-sep {
  border-color: transparent;
  padding-top: 1em;
}


/* Contact */
.page-id-803 p,
.page-id-2556 p,
.page-id-2762 p,
.page-id-2762 span,
.page-id-2762 label,
.page-id-2762 input {
	font-family: 'Raleway', sans-serif;
}

.page-id-2762 input {
  height: 35px;
}

/******************/
/***** POSTS *****/
/******************/

.single-post .content-teaser p {
	font-weight: 600;
	font-size: .95em;
	line-height: 1.65em;
}

.single-post h2.wp-block-heading {
	font-size: 1.9em;
	text-align: left;
}

.single-post .saboxplugin-wrap .clearfix {
	display: none;
}

.single-post .saboxplugin-authorname {
	margin-top: 5px !important;
}

.post-item-header .fox-meta,
.single-post .wp-block-button__link {
	font-family: 'Raleway', sans-serif;
}

.single-post .content-main {
	text-align: justify;
}

.single-post .wp-block-button__link {
	background-color: #ffce35;
	padding: 0.35em 1.35em;
	color: black;
	font-size: 1em;
	margin: 0.75em 0;
}

.single-post .wp-block-button__link:hover {
	background-color: #db4a36;
	color: white;
}

.single-post p:has(+.wp-block-buttons) {
  margin-bottom: .0;
}

.single-post .wp-block-quote {
	font-family: 'Raleway', sans-serif;	
	background-color: #eee;
  padding: 1.5em 1.25em;
}

.single-post .wp-block-quote::before,
.single-post .wp-block-quote::after {
	position: absolute;
	opacity: .05;
	height: 45px;
	width: 70px;
	margin: 0;
}

.single-post .wp-block-quote::before {
	top: 15px;
	left: 20px;
}

.single-post .wp-block-quote::after {
	content: "";
	display: inline-block;
	text-align: center;
	z-index: 20;
	line-height: 1;
	background: url(https://www.abeillesenliberte.fr/app/themes/fox/images/quote.webp) center center no-repeat;
	background-size: 100%;
	-webkit-transform: rotate(0.5turn);
	    -ms-transform: rotate(0.5turn);
	        transform: rotate(0.5turn);
	bottom: 15px;
	right: 20px;
}

.single-post .wp-block-quote p {
	margin-bottom: 0;
	font-size: 1.1em;
	text-align: justify;
}

.single-post ol li {
	margin-bottom: 7px;
}

.single-post figcaption {
	text-align: center;
}


/* Single-AGENDA */
.category-agenda .post-item-meta {
	display: none;
}

.single-event .content-teaser,
.single-event .saboxplugin-wrap,
.single-event .single-component-comment {
	display: none;
}

.single-event-meta {
	text-align: center;
	font-size: 2rem;
	font-family: 'Raleway', sans-serif;
	margin: 2rem 0;
	font-weight: 300;
}

.single-event-link {
	display: flex;
	justify-content: center;
}

.single-event-link button {
  font-size: 2rem;
  padding: 15px 25px;
}


/******************/
/***** FOOTER *****/
/******************/

#footer-instagram {
	background-color: #eee;
}

#footer-instagram #block-31,
#footer-instagram #block-32 {
  width: 1080px;
  max-width: 97%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

#footer-instagram #block-31 {
  margin-top: 1em;
  padding-bottom: .75em;
}

#footer-instagram #block-32 h2 {
	margin: 0;
	padding-top: 0.75em;
}

#media_image-3 {
	margin-top: 1.5em;
}

#footer-widgets p,
#footer-widgets a {
	font-family: 'Raleway', sans-serif;	
}

#block-7 figure,
#block-23,
#block-23 p,
#block-25,
#block-25 p,
#block-12,
#block-12 p,
#block-17,
#block-17 p {
	margin: 0 !important;
}

#block-24 p,
#block-25 p {
  font-size: .85em;
  line-height: 1.5em;
}

#block-18 {
	margin-top: 1em !important;
}

#block-18 .wp-block-button__link {
  background-color: #ffce35;
  font-size: .85em;
  color: black;
  padding: 10px 25px;
  font-weight: 600;
}

#block-11 h3,
#block-16 h3 {
	margin-bottom: .5em;
	margin-top: 0;
}

#block-12,
#block-12 p,
#block-17,
#block-17 p,
#block-25,
#block-25 p {
	margin: 0 !important;
}

#block-17 p,
#block-23 p {
	line-height: 1.5em;
	font-size: .9em;
}

#block-24,
#block-22 {
	margin-top: 1em !important;
}

#block-22 .wp-block-social-links {
 -webkit-filter: grayscale(1);
         filter: grayscale(1);
}


/* Cookie notice */
.cookie-notice-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 0;
}

.cookie-notice-container .cookie-button,
#cookie-notice .cn-button {
  background-color: #fff;
  color: #db4a36 !important;
  height: auto;
  padding: 2px 10px;
  border-radius: 25px;
  line-height: 30px;
  font-weight: 600;
  padding: 0 15px;
}

.cookies-accepted #cookie-notice {
  display: none;
}


/**********************/
/***** RESPONSIVE *****/
/**********************/

@media (max-width: 1500px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {

  /* FRONTPAGE */
	#hp-landing-post .post-item-title {
		line-height: 1em;
		font-size: 2em;
	}

	/* ARTICLES */
	.single-post a,
	.single-post p {
		overflow: hidden;
	}
}

@media (max-width: 600px) {

  /* FRONTPAGE */
	#hp-landing-post .vertical-thumbnail+.post-body {
		margin-top: 1em;
	}

	#hp-last-posts .section-heading .container {
		display: none;
	}

	/* ARTICLES  */
	.single-post .post-item-title {
		font-size: 2em;
	}
	.single-post h2 {
		font-size: 1.75em;
    text-align: left;
	}

	/* FOOTER  */
	.cookie-notice-container .cookie-button {
	  font-size: 1rem;
	}
}

@media (max-width: 499px) {

  /* FRONTPAGE */
	.mobile-logo .text-logo {
		position: relative;
		padding-left: 55px;
	}
	.mobile-logo .text-logo::before {
    content: '';
    background: url(./svg/picto-bird.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
		height: 35px;
		width: 35px;
		bottom: 10px;
		left: 5px;
	}
  .offcanvas .searchform {
  	margin-top: 0;
  }
  .offcanvas .searchform::before {
    content: '';
    background: none;
	}

  /* PAGES */
	.page-id-75 .page-title,
	.page-id-844 .page-title,
	.page-id-854 .page-title,
	.page-id-848 .page-title {
		margin-top:  15px;
	}

	/* AGENDA	*/
	.page-single-event {
		display: flex;
	  justify-content: center;
	  flex-direction: column;
	  margin-bottom: 4rem;
	}
	.page-event-img {
		margin-bottom: 1.5rem;
	}

	/* SIDEBAR */
	#block-5,
	#block-6,
	#block-28,
	#wi-instagram-2,
	#xyz_insert_php_widget-3 {
		position: relative;
		top: inherit;
	}

  /* FOOTER */
  #wi-footer .footer-widgets-row .footer-col.col-1-2,
  #wi-footer .footer-widgets-row .footer-col.col-1-4 {
  	margin: 1em 0;
  }
  #wi-footer #block-24 p {
  	margin-bottom: 0;
  }
  #wi-footer .widget {
  	text-align: center;
  }
  #wi-footer .has-text-align-left {
  	text-align: center !important;
  }
  #wi-footer #block-18 .wp-block-buttons,
  #wi-footer #block-22 .wp-block-social-links {
  	-webkit-box-pack: center;
  	    -ms-flex-pack: center;
  	        justify-content: center;
  }
}