/*
Theme Name: Eric Lareine
Description: OceanWP child theme for Eric Lareine website.
Template: oceanwp
*/


/* ==========================================================
   $VARIABLES
========================================================== */

:root {
  --main-yellow: #fbfb7a;
  --transparent-yellow: #fbfb7a82;
  --light-grey: #f9f9f9;
  --text-color-body: #4a4a4a;
  --title-font: 'Syne Mono';
  --font-awesome: 'Font Awesome 5 Free';
}



/* ==========================================================
   $ANIMATIONS
========================================================== */

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}

@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-3px) }
  35% { transform: translateY(-3px) rotate(5deg) }
  55% { transform: translateY(-3px) rotate(-5deg) }
  65% { transform: translateY(-3px) rotate(5deg) }
  75% { transform: translateY(-3px) rotate(-5deg) }
  100% { transform: translateY(0) rotate(0) }
}



/* ==========================================================
   $RESETS
========================================================== */


body, .outer-wrap {
  overflow: clip;
}

ul, ol {
  margin: 15px 0 15px 0;
  padding-left: 20px;
}

blockquote cite {
  font-size: smaller;
  padding-top: 0;
}
 

/* Custom cursor */

@media (hover: hover) and (min-width: 768px) {

  a, body, button, .swiper-button-next, .swiper-button-prev {
    cursor: url('./assets/img/cursor-dot.png') 3 3, auto !important;
  }

  #follow-cursor {
    background-color: #fbfb7a52;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background-blend-mode: normal;
    z-index: 999999;
    transition: transform 0.1s linear;
    will-change: transform;
  }

  #follow-cursor.is-active {
    mix-blend-mode: multiply;
  } 

}

/********************************/


.home #main #content-wrap {
  padding-top: 0; 
  padding-bottom: 0;
  margin-bottom: 0;
}

#main #content-wrap {
  margin-bottom: 100px;
  padding-bottom: 0;
}

.entry-content .alignwide {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}

p.responsive-video-wrap {
  margin-bottom: 0;
}

@media only screen and (max-width: 959px) {
  .content-area, .content-left-sidebar .content-area {
    margin-bottom: 0;
  }
}


/* Magnific Popup Lightbox */

.mfp-bg, .mfp-fade.mfp-bg.mfp-ready {
	background: #000000;
	opacity: 0.9;
}

.mfp-image-holder button.mfp-close {
	background: rgba( 255, 255, 255, 0.1 );
	border-radius: 50%;
	color: #fff;
	opacity: 1;
	width: 44px;
	height: 44px;
	line-height: 44px;
	top: 20px;
	right: 20px;
	font-size: 28px;
	text-align: center;
  padding-right: 0;
}

.mfp-image-holder button.mfp-close:hover, .mfp-image-holder button.mfp-close:focus {
	background: rgba( 255, 255, 255, 0.25 );
	opacity: 1;
}

.mfp-arrow {
	background: rgba( 255, 255, 255, 0.1 ) !important;
	border-radius: 50%;
	opacity: 1;
	width: 52px;
	height: 52px;
	margin-top: -26px !important;
}

.mfp-arrow:hover, .mfp-arrow:focus {
	background: rgba( 255, 255, 255, 0.25 ) !important;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-a, .mfp-arrow .mfp-b {
	display: none !important;
}

.mfp-arrow-right {
  right: 20px;
}

.mfp-arrow-left {
  left: 20px;
}

.mfp-arrow-left:after, .mfp-arrow-right:after {
	display: block !important;
	content: '❮';
  color: #ffffff;
  font-size: 20px;
	width: 52px;
	height: 52px;
  line-height: 52px;
  top: 0;
  left: 0;
  margin: 0;
  border: none;
}

.mfp-arrow-right::after {
	transform: rotate( 180deg );
}

.mfp-bottom-bar,.mfp-title {
  text-align: center;
}

.mfp-counter {
  position: relative;
}

.mfp-counter, .mfp-title {
	color: rgba( 255, 255, 255, 0.85 ) !important;
}





/* ==========================================================
   $GLOBAL LAYOUT
========================================================== */


/* Titles & texts */


h1 {
  position: relative;
  display: block;
  z-index: 0;
}

h1 span {
  background-color: #ffffff;
  padding: 0 1rem;
  margin: 0 -1rem;
}

h1.line::before {
  content: "";
  position: absolute;
  border-top: 1px solid black;
  width: 100vw;
  left: 50%;
  transform: translateX(-50vw);
  top: 50%;
  z-index: -1;
} 

.home h1 {
  font-size: 2.6rem;
}

.mec-wrap h3 {
  font-family: var(--title-font);
  font-size: 1.75rem;
  font-weight: 600;
}

h3::before { 
  content: '';
  display: inline-block;
  background-color: var(--main-yellow);
  width: 40px;
  height: 4px;
  margin-right: 15px;
  margin-bottom: 3px;
}

html {
  font-size: 100%;
}

#site-navigation-wrap .dropdown-menu >li >a {
  font-size: clamp(0.8rem, 0.95rem, 1.15rem);
}

.wp-element-caption {
  font-size: 14px;
  font-weight: 500;
}


@media (max-width: 570px) {

  h1.line::before {
    top: 1.9rem;
  }

  .home h1 {
    font-size: 2.1rem;
  }
  
}


/* Links & buttons */

.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.home):not(.elementor-page):not(.woocommerce-page) .entry a:not(.mec-booking-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-post-excerpt__more-link), body[class*=mec-theme] .mec-wrap .mec-event-content a, body[class*=mec-theme] .mec-wrap a.mec-color-hover {
  text-underline-offset: 4px;
  font-weight: bolder;
  text-decoration: underline var(--main-yellow) solid 2px;
}

.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover, .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.mec-booking-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-post-excerpt__more-link):hover, body[class*=mec-theme] .mec-wrap .mec-event-content a:hover, body[class*=mec-theme] .mec-wrap a.mec-color-hover:hover {
  text-decoration: underline;
  text-underline-offset: 1px;
  text-decoration-thickness: 6px !important;
  text-decoration-color: #fbfb7ab8 !important;
}

.wp-block-button a::before, .mec-booking-button::before, .archive-link::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f061';
  font-weight: 600;
  margin-right: 10px;
}

.wp-block-button__link, .wp-block-button a, .agenda-section .mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
  display: inline-block;
  text-decoration: none !important;
  border: none;
  border-radius: 0;
  padding: 6px 12px;
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.wp-block-button__link::after, .wp-block-button a::after, .mec-event-list-modern .mec-btn-wrapper .mec-booking-button::after, .main-contact-form .ff-btn-submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--main-yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s ease-out;
  z-index: -1;
}

.wp-block-button__link:hover, .wp-block-button a:hover, .agenda-section .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover, .main-contact-form .ff-btn-submit:hover {
  background-color: transparent;
  color: #000000 !important;
}

.wp-block-button__link:hover::after, .wp-block-button a:hover::after, .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover::after, .main-contact-form .ff-btn-submit:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.blog-entry:hover .blog-entry-header .entry-title a {
  background-position: left;
  background-color: transparent;
}


/* LOGO */

#site-logo #site-logo-inner a:hover img {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}

body:not(.home) .custom-logo-link:hover img {
  animation: tilt-shaking 0.4s infinite;
}


/* MAIN MENU */

.main-navigation {
	padding: 26px 0;
}

#site-navigation-wrap .dropdown-menu>li>a {
  line-height: 18px;
	/* padding: 6px 12px; */
  /* padding: 0.4rem 0.75rem; */
  padding: 0.5vw 0.8vw;
  margin: 0 2px;
}

#menu-main_menu .menu-link {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

#menu-main_menu .menu-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--main-yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s ease-out;
  z-index: -1;
}

#menu-main_menu .menu-link:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

#menu-main_menu .menu-link:hover {
  color: #000 !important;
}

.oceanwp-social-menu {
  right: 0 !important;
  margin-left: 60px;
  margin-top: 5px;
}

@media (max-width: 1120px) {
  .oceanwp-social-menu {
    margin-left: 20px;
  }
}


/* Footer */

#footer-bottom #footer-bottom-menu li:after {
  content: "";
  margin-left: 25px;
  margin-right: 25px;
}

@media (min-width: 570px) {
  #footer-bottom #footer-bottom-menu {
    float: right;
    text-align: right;
    padding-left: 15px;
    width: 50%;
  }

  #footer-bottom #copyright {
    float: left;
    text-align: left;
    padding-right: 15px;
    width: 50%;
  }
}

@media (max-width: 570px) {
  #footer-bottom #copyright, #footer-bottom #footer-bottom-menu {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}


/* Helpers */

.dotted {
  background-image: radial-gradient(white 1px, transparent 0);
  background-size: 4px 4px;
  background-position: -19px -19px;
}

.dotted:hover {
  background-image: radial-gradient(#fbfb7a 1px, transparent 0);
}


p.open-quote, .open-quote > p {
	position: relative;
  z-index: 0;
}

p.open-quote::before, .open-quote > p::before {
	content: url(./assets/img/quote-open-icon.png);
  display: inline-block;
  position: relative;
  left: 20px;
  z-index: -1;
}

.main-quotes {
  font-family: var(--title-font);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
}

.home .main-quotes {
  font-weight: 700;
  margin-bottom: 0;
}


.cornered-image a:has(> img) {
  display: block;
  overflow: hidden;
}

.cornered-image div:has(> a > img), .cornered-image figure:has(> a > img)  {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  --s: 22px; 
  --t: 2px;  
  --g: 9px; 
  padding: calc(var(--g) + var(--t)) !important;
  outline: var(--t) solid #fbfb7a;
  outline-offset: calc(-1*var(--t));
  mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
     0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    conic-gradient(#000 0 0) content-box;
  transition: .4s;
}

.cornered-image img {
	--scale: 1;
	--transition-duration: 250ms;
	scale: var(--scale);
	transition: scale var(--transition-duration) ease-in-out;
}

.cornered-image div:has(> a > img):hover, .cornered-image figure:has(> a > img):hover {
  outline-offset: calc(-1*var(--g));
  outline-color: #000000;
  outline-width: 4px;
}

.cornered-image img:hover {
  --scale: 1.1;
}


.cornered-box, .wp-block-post.albums  {
  --s: 22px;
  --t: 2px;  
  --g: 9px;
  padding: calc(var(--g) + var(--t)) !important;
  outline: var(--t) solid var(--main-yellow);
  outline-offset: calc(-1*var(--t));
  mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
     0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    conic-gradient(#000 0 0) content-box;
  transition: .4s;
}

.cornered-box:hover, .wp-block-post.albums:hover {
  outline-offset: calc(-1*var(--g));
  outline-color: black;
  outline-width: 4px;
}


.creations-loader {
  position: absolute;
  left: calc( 50% - 25px );
  top: 125px;
  width: 50px;
  height: 50px;
}

@media (min-width: 976px) {

  .background-mid-screen.wp-block-uagb-container::before {
    width: 70%;
  }
  
}


/* Splide Sliders */

.splide .splide__arrows .splide__arrow {
  background: none;
  width: 60px;
  height: 60px;
}

.splide .splide__arrows .splide__arrow svg {
  fill: none;
  width: 30px;
  height: 30px;
}

.splide .splide__arrows .splide__arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.splide .splide__arrow--prev {
  left: 0;
}

.splide .splide__arrow--next {
  right: 0;
}

.gallery-slider.splide .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gallery-slider.splide .splide__slide a {
  width: 100%;
  height: 100%;
}

.gallery-slider.splide {
  padding: 0 70px;
}

.gallery-slider.splide::before {
  content: '';
  display: block;
  background-color: var(--main-yellow);
  opacity: 0.5;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 0;
}

.gallery-slider .splide__arrow svg {
  transition: width 200ms ease-in-out;
}

.gallery-slider .splide__arrow:hover svg {
  fill: #000000;
  width: 35px;
  height: 35px;
}

.gallery-slider.splide .splide__pagination {
  display: none;
}

@media (max-width: 570px) {

  .gallery-slider.splide {
    padding: 0;
  }

  .gallery-slider.splide .splide__arrows {
    display: none;
  }

  .gallery-slider.splide .splide__pagination {
    display: block;
    text-align: center;
  }

}



/* ==========================================================
   $HOMEPAGE
========================================================== */



/* Layout */

@media screen and (orientation: portrait) {

  .wp-block-uagb-container.portrait-section {
    min-height: auto !important;
  }

}


.homepage-title-link {
  position: absolute;
  top: 0;
}

.homepage-title-link.right {
  right: 0;
}

.home .wp-block-button__link {
  font-size: 12px;
  font-weight: 600;
}


@media (max-width: 570px) {

  section header.wp-block-group .wp-block-group__inner-container {
    display: flex;
    flex-direction: column-reverse;
  }

  .homepage-title-link {
    position: relative;
    top: -20px;
  }
  
}


/* Home custom logo */

.home .custom-logo-link {
  position: absolute;
	transform: translate3d(-8%, 90%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
	will-change: transform, width;
  width: 30%;
}

.home .custom-logo-link.modified {
	width: 159px;
	transform: none;
}

.home header .custom-logo-link:not(.modified) img {
  width: 100%;
	max-width: 100% !important;
}

.portrait-section .quote-column[data-aos][data-aos][data-aos-delay="0"] {
	transition-delay: .5s;
}

.uagb-button__link {
  padding: 14px 20px;
  border-radius: 0;
}

@media (max-width: 976px) {

  .home .custom-logo-link {
    transform: none;
  }
  
}

/* Portrait switch */

.contour {
  clip-path: polygon(100% 86%, 100% 100%, 0% 100%, 0% 89%, 19% 74%, 10% 29%, 22% 5%, 61% 9%, 81% 32%, 73% 72%);
}

.main-portrait::before {
  transition: opacity 500ms ease-in;
}

.main-portrait:hover::before {
  opacity: 1;
}

body.home:has(#menu-main_menu .menu-link:hover) .main-portrait::before {
  opacity: 1;
}


/* Audio Player */

.sticky-player {
  position: sticky;
  z-index: 100;
  top: 0;
}

.home .secure-audio-player {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.home .player-info {
  justify-content: flex-start;
  margin-bottom: 0;
}

.home .player-info .track-title {
  margin-right: 1rem;
}

.home .player-controls {
  width: 70%;
}

.home .player-controls .control-btn {
  background: transparent;
}

.home .player-controls .progress-area {
  margin-left: 1rem;
}



@media (max-width: 570px) {

  .home .secure-audio-player {
    flex-direction: column;
  }

  .home .player-info {
    width: 100%;
    justify-content: space-between;
  }

  .home .player-controls {
    width: 100%;
  }
  
}



/* Home creations slider */


.home-creations-slider .creation-entry {
  display: flex;
  gap: 2em;
  width: calc(90% + 32px);
  max-width: calc(90% + 32px);
  margin: 0px auto;
  padding: 15px 0 40px 0;
  flex-wrap: nowrap;
  align-items: center;
}

.home-creations-slider .creation-entry .image-col {
  flex-basis: 40%;
}

.home-creations-slider .creation-entry .content-col {
  flex-basis: 60%;
  padding: 0 35px;
}

.home-creations-slider .creation-entry .creation-categories {
  margin: 0;
  padding: 0;
}

.home-creations-slider .creation-entry .creation-categories li {
  font-family: var(--title-font);
  background-color: var(--main-yellow);
  color: #000000;
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 400;
  padding: 2px 10px;
}

.home-creations-slider .creation-entry .content-col a {
  text-decoration: none !important;
  position: relative;
  font-weight: 500;
}

.home-creations-slider .creation-entry .content-col a::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 600;
  margin-right: 10px;
}

.home-creations-slider .creation-entry .content-col a:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--main-yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s ease-out;
  z-index: -1;
}

.home-creations-slider .creation-entry .content-col a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

@media (max-width: 976px) {

  .home .creations-section .main-quotes {
    text-align: left;
  }
  
}

@media (max-width: 570px) {

  .home-creations-slider .creation-entry {
    flex-direction: column;
    padding: 15px 0 20px 0;
  }

  .home-creations-slider .splide__arrows {
    display: none;
  }
  
}



/* Home albums carousel */

.albums-carousel {
  margin: 60px 0;
}

.albums-carousel .splide__pagination__page
{
  background: #000000;
}

.albums-carousel .splide__pagination__page.is-active {
  background: var(--main-yellow);
}

.albums-carousel .splide__pagination {
  bottom: -30px;
}

.albums-carousel .splide__pagination__page {
  width: 6px;
  height: 6px;
  margin: 5px;
  opacity: .6;
}



/* Home news block */

.home .news-block {
  margin-top: 60px;
}



/* Random Images */

.images-aleatoires {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.images-aleatoires figure {
  max-width: 32.8%;
  overflow: hidden;
}

.images-aleatoires img {
  transition: filter .5s, transform .5s;
}

.images-aleatoires figure:hover img {
  transform: scale(1.1);
}



/* ==========================================================
   $BIO page
========================================================== */

.name-dropping-section h4 {
  font-family: var(--title-font);
}


@media (min-width: 576px) and (max-width: 976px) {

  .name-dropping-section .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 30% !important;
  }

}



/* ==========================================================
   $CONTACT page
========================================================== */

.main-contact-form.fluentform .ff-el-group {
  margin-bottom: 40px;
}

.main-contact-form.ff-default .ff_btn_style {
  border-radius: 0;
  border: none;
  z-index: 1;
}

.uagb-social-share__outer-wrap .uagb-ss__link {
  cursor: inherit;
}



/* ==========================================================
   $POSTS-GRID pages
========================================================== */

/* Grid Layout */

#blog-entries, .news-block {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
  height: auto !important;
}

.archive #blog-entries {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

#blog-entries article, .news-block article {
  /* aspect-ratio: 1 / 1; */
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100%;
}

.archive #blog-entries article, .home #blog-entries article {
  aspect-ratio: 1/1;
}

@media (max-width: 1023px) {

  .blog #blog-entries, .related-content #blog-entries, .news-block {
    grid-template-columns: repeat(1, minmax(0,1fr));
    width: 100% !important;
  }
  
}


@media (max-width: 976px) {

  .archive #blog-entries {
    grid-template-columns: repeat(2, minmax(0,1fr));
    width: 100% !important;
  }
  
}

@media (max-width: 570px) {

  .archive #blog-entries {
    grid-template-columns: repeat(1, minmax(0,1fr));
  }
  
}


/* Filter */

.creations-filter-nav {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 50px;
}

body .wp-block-button__link.filter-btn {
  padding: 6px 12px;
  background-color: transparent;
  font-family: var(--title-font);
  font-size: 1rem;
  font-weight: 600;
}


/* Entries Layout */

.blog-entry {
  container-type: inline-size;
}

.blog-entry.grid-entry .blog-entry-inner {
  border: none;
  background-color: #f4f4f2;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.archive .blog-entry.grid-entry .blog-entry-inner, .albums-carousel .blog-entry.grid-entry .blog-entry-inner {
  background-color: #f4f4f2;
  padding: 10px;
}

.blog-entry.grid-entry .blog-entry-inner:hover, .albums-carousel .blog-entry.grid-entry .blog-entry-inner:hover {
  background-color: #fbfb7a4d;
}

/* Entries header */

.blog-entry.grid-entry .blog-entry-header {
  margin-top: 0;
}

.blog-entry .blog-entry-header .entry-title, .blog-entry .blog-entry-header ul.meta {
  margin-bottom: 0;
}

.blog-entry .blog-entry-header .entry-title a, .blog-entry .blog-entry-readmore a, .blog-entry.thumbnail-entry .blog-entry-category a, ul.meta li a, body .related-post-title a, body .custom-links-widget .oceanwp-custom-links li a {
  background: linear-gradient(to left, transparent 50%, var(--main-yellow) 50%) right;
  background-size: 200%;
  transition: .5s ease-out;
	overflow: hidden;
}

.blog-entry .blog-entry-header .entry-title a:hover, .blog-entry .blog-entry-readmore a:hover, .blog-entry.thumbnail-entry .blog-entry-category a, ul.meta li a:hover, body .related-post-title a:hover, body .custom-links-widget .oceanwp-custom-links li a:hover  {
  color: #000000 !important;
  background-position: left;
  background-color: transparent;
}

.blog-entry .blog-entry-header .entry-title a {
  font-size: 1.5rem !important;
  font-size: 6cqi !important;
  line-height: 1.3;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.blog  .blog-entry .blog-entry-header .entry-title a, .related-content  .blog-entry .blog-entry-header .entry-title a, .news-block .blog-entry .blog-entry-header .entry-title a {
  font-size: 2rem !important;
  font-size: 5.5cqi !important;
  line-height: 1.2;
}

.has-blog-grid ul.meta {
  color: black;
  font-weight: 600;
  padding: 5px;
  margin-bottom: 0;
  font-family: var(--title-font);
  font-size: 0;
}

.has-blog-grid ul.meta li {
  font-size: 1rem;
}

.has-blog-grid .meta-cat .post-categories li::before {
  content: '-';
  margin: 0 10px;
}

.has-blog-grid ul.meta .post-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.has-blog-grid ul.meta .post-categories > li {
  padding-bottom: 0;
  display: inline-block;
}


@media (max-width: 570px) {

  .blog  .blog-entry .blog-entry-header .entry-title a, .related-content  .blog-entry .blog-entry-header .entry-title a, .news-block .blog-entry .blog-entry-header .entry-title a {
    font-size: 1.5rem !important;
    font-size: 6cqi !important;
  }

  .has-blog-grid ul.meta li {
    font-size: 0.9rem;
  }
  
}

/* Entries content */

.news-content-wrapper, .custom-content-wrapper {
  display: flex;
  margin-top: auto;
  overflow: hidden;
  align-items: self-end;
}

.custom-content-wrapper {
  justify-content: flex-end;
}

.archive .blog-entry.grid-entry .thumbnail, .albums-carousel .blog-entry.grid-entry .thumbnail {
  margin: 0;
  max-width: 80%;
}

.blog .blog-entry.grid-entry .thumbnail, .news-block .blog-entry.grid-entry .thumbnail, .related-content .blog-entry.grid-entry .thumbnail {
  margin: 0 -30px 0 0 ;
  max-width: 60%;
}

#blog-entries .grid-entry .thumbnail img {
  max-height: 100%;
  object-fit: contain;
  object-position: right;
}

.news-content-wrapper-inner {
  background-color: #fff;
  width: 50%;
  align-self: flex-end;
  padding: 10px 20px;
  z-index: 10;
}

.blog-entry.grid-entry .blog-entry-summary {
  line-height: 1.4;
  margin: 8px 0;
  color: black;
  font-size: 14px;
}


@media (max-width: 570px) {

  .news-content-wrapper {
    flex-direction: column;
    margin-top: 0;
  }

  .blog .blog-entry.grid-entry .thumbnail, .news-block .blog-entry.grid-entry .thumbnail, .related-content .blog-entry.grid-entry .thumbnail {
    margin: 0 ;
    max-width: 100%;
  }

  .news-content-wrapper-inner {
    width: 95%;
    margin-top: -25px;
  }
  
}

/* ==========================================================
   $POST SINGLE pages
========================================================== */


/* Reset */

.single-post.content-max-width .entry-content > .wp-block-gallery, .single-post.content-max-width .entry-content > .wp-block-image, .single-post.content-max-width .entry-content > .wp-block-embed, .single-post.content-max-width .entry-content .wp-block-column > .wp-block-gallery, .single-post.content-max-width .entry-content .wp-block-column > .wp-block-image,  .single-post.content-max-width .entry-content .wp-block-column > .wp-block-embed {
  padding-left: 20px;
  padding-right: 20px;
}

/* Social share */

.heateor_sss_sharing_container {
  display: flex;
  justify-content: flex-end;
  margin: -40px 0 40px 0;
  padding-right: 20px;
}

.mec-event-content .heateor_sss_sharing_container {
  margin: -20px 0 30px 0;
}

.heateor_sss_sharing_title {
  margin-right: 20px;
  font-family: var(--title-font);
  font-weight: 600;
}

.heateor_sss_sharing_title::before { 
  content: '';
  display: inline-block;
  background-color: var(--main-yellow);
  width: 40px;
  height: 4px;
  margin-right: 15px;
  margin-bottom: 3px;
}


/* Layout */

.single-post.content-max-width .entry-header, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .wp-block-image, .single-post.content-max-width .wp-block-gallery, .single-post.content-max-width .wp-block-video, .single-post.content-max-width .wp-block-quote, .single-post.content-max-width .wp-block-text-columns, .single-post.content-max-width .wp-block-code, .single-post.content-max-width .entry-content ul, .single-post.content-max-width .entry-content ol, .single-post.content-max-width .wp-block-cover-text, .single-post.content-max-width .post-tags, .single-post.content-max-width .comments-area {
  margin: 1em auto;
}

.post-template-default article {
	max-width: 1200px;
	margin: 0 auto;
}

.single-post .wp-block-uagb-image {
  padding: 20px;
}

/* Header */

.single .entry-header {
  margin: 0 !important;
}

.single .entry-header {
  margin-bottom: 60px;
}

.single-post .entry-header, .single .entry-header {
  background-color: #fbfb7a;
  padding: 10px 20px;
}

.single-post .entry-header .entry-title, .single .entry-header .entry-title {
  margin: 0;
  padding-bottom: 0;
  border-bottom: none; 
  text-align: center;
}

/* Meta */

.single.content-max-width ul.meta.main {
  justify-content: center;
  color: black;
  border-bottom: 1px solid black;
  font-weight: 600;
  padding: 15px;
  margin: 0 0 60px 0;
  font-family: var(--title-font);
}

.single-albums ul.meta.main li {
  font-size: 21px;
}

/* Post navigation */

.single nav.post-navigation .nav-links .title, .mec-next-previous-events a {
  display: inline-block;
  color: white !important;
  background-color: black;
  padding: 10px;
  border: none;
  border-radius: 0;
  background: linear-gradient(to left, black 50%, #fbfb7a 50%) right;
  background-size: 200%;
  transition: .5s ease-out;
	overflow: hidden;
}

.single nav.post-navigation .nav-links .title:hover, .mec-next-previous-events a:hover {
  background-position: left;
  background-color: transparent;
  color: #000000 !important;
}

.single-post.content-max-width nav.post-navigation {
  margin: 80px 0 0 0;
  max-width: 100%;
}

.single nav.post-navigation .nav-previous {
  border: none;    
}


@media only screen and (max-width: 959px) {
  .single-post.content-max-width #main #content-wrap {
    max-width: 90%;
  }

  .single-post.content-max-width nav.post-navigation {
    margin: 60px 0 0 0;
  }
}




/* SINGLE CUSTOM */

.single-post ul.ospm-default li:after, .single.ocean-cpt ul.ospm-default li:after {
  content: "";
  padding: 0;
}

.link-creation {
  padding: 0 20px;
}

.link-creation a, .link-youtube a {
  padding: 8px 14px;
  margin-top: 10px;
  border: solid 1px #000000;
}

.pro-documents h1 {
  font-size: 2.6rem;
}

.pro-documents .wp-block-uagb-icon-list.uagb-block-878ea351 .uagb-icon-list__wrap {
  flex-direction: row;
  justify-content: space-evenly;
}

.pro-documents .wp-block-uagb-icon-list.uagb-block-878ea351.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child {
  padding: 8px 20px;
  font-weight: 600;
  text-transform: uppercase;
  justify-content: center;
  background-color: var(--transparent-yellow);
  width: 100%;
  margin: 5px;
}

.pro-documents .wp-block-uagb-icon-list.uagb-block-878ea351.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child:hover {
  background-color: var(--main-yellow);
}

.related-content {
  margin-top: 100px;
}

.related-content h1 {
  font-size: 2.6rem;
  margin: 30px 0 50px 0;
  position: relative;
}

.related-content .events-section {
  margin-bottom: 50px;
}


@media (max-width: 570px) {
  .related-content h1, .pro-documents h1 {
    font-size: 2.4rem;
  }

  .pro-documents .wp-block-uagb-icon-list.uagb-block-878ea351 .uagb-icon-list__wrap {
    flex-direction: column;
  }
}


/* ==========================================================
   $MEC EVENT List
========================================================== */

.mec-event-list-modern .mec-event-date {
  padding: 0;
  line-height: 1;
}

.mec-event-list-modern .mec-event-date .event-d {
  padding: 0; 
}

.mec-event-list-modern .mec-event-article {
  border-bottom: 1px solid #d8d8d8;
  padding: 15px 0 10px;
}

.mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
  position: relative;
  border: none;
  letter-spacing: normal;
  color: #000000 !important;
  background: none;
  padding: 6px 12px;
  font-weight: 600;
  font-size: 15px;
  box-shadow: none;
  transition: inherit;
  text-transform: none;
  text-decoration: none;
}

.mec-event-list-modern .mec-event-date .event-d {
  background-color: #fbfb7a;
  color: black;
  font-size: 31px;
  font-weight: 500;
  padding: 0 5px 5px 10px;
}

.mec-event-list-modern .mec-event-date .event-f {
  color: black;
  padding: 6px 10px 0 5px;
}

.mec-wrap .mec-event-list-modern .mec-event-title {
  margin-bottom: 5px;
  text-transform: none;
}


@media only screen and (min-width: 768px) {
  .mec-event-list-modern .mec-event-article {
    min-height: auto;
  }
}



/* ==========================================================
   $MEC EVENT Archive
========================================================== */


.post-type-archive-mec-events h1 {
  font-family: var(--title-font);
}

.upcoming-events-section {
  margin-bottom: 100px;
}

.past-events-section h3 {
  font-family: var(--title-font);
}

.past-events-section .mec-past-event::before {
  content: '';
  background-color: #f1f1f1;
  width: calc(100% + 40px);
  height: calc(100% - 10px);
  position: absolute;
  top: 5px;
  margin: 0 -20px;
  z-index: -1;
}

.past-events-section .mec-past-event .mec-event-date .event-d {
  background-color: #d8d8d8;
}

.past-events-section .mec-past-event .mec-event-title a.mec-color-hover, .past-events-section .mec-past-event .mec-event-title a.mec-color-hover:hover {
  text-decoration-color: #d8d8d8 !important;
}

.past-events-section .mec-event-list-modern .mec-btn-wrapper .mec-booking-button::after {
  background: #d8d8d8;
}

.upcoming-events-section .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover, .past-events-section .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover {
  border: none;
  background: transparent;
  color: #000000 !important;
}


/* ==========================================================
   $MEC EVENT Single pages
========================================================== */

/* Layout & resets */

.mec-wrap .row {
  margin-left: 0;
  margin-right: 0;
}

.mec-container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.mec-single-event .mec-events-content {
  margin-bottom: 0;
}

.mec-single-event .mec-event-content {
  padding-bottom: 0;
}

.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover {
  background-color: transparent;
}

.mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover {
  border-color: transparent;
}


/* Header */

.mec-wrap .mec-single-title {
  font-size: 2.25rem;
  padding: 10px 20px;
  text-align: center;
  background-color: #fbfb7a;
  line-height: 1.4;
}

.mec-single-modern .mec-single-event-bar {
  margin: 0;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: transparent;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #000000;
  font-family: var(--title-font);
  color: #000000;
}

.mec-single-modern .mec-single-event-bar abbr, .mec-single-modern .mec-single-event-bar .location-name, .mec-single-modern .mec-single-event-bar  .mec-events-event-cost, .mec-single-modern .mec-single-event-bar .mec-events-event-organizer {
  font-weight: 600;
}

.mec-single-modern .mec-single-event-bar .mec-events-event-organizer .organizer-infos {
  font-weight: 400;
}

.mec-single-modern .mec-single-event-bar>div dd {
  font-size: 16px;
  color: #000000;
  padding-left: 8px;
}

.mec-single-modern .mec-single-event-bar dl {
  margin: 0;
}

.mec-single-modern .mec-single-event-bar .mec-single-event-date, .mec-single-modern .mec-single-event-bar .mec-single-event-time, .mec-single-modern .mec-single-event-bar .mec-event-cost, .mec-single-modern .mec-single-event-bar .mec-single-event-location, .mec-single-modern .mec-single-event-bar .mec-single-event-organizer {
  display: flex;
}

.mec-single-modern .mec-single-event-bar .mec-date, .mec-single-modern .mec-single-event-bar .mec-time, .mec-single-modern .mec-single-event-bar .mec-cost {
  display: none;
}

.mec-single-event .mec-single-event-bar .mec-single-event-location dd span {
  padding-left: 0;
}

.mec-single-event .mec-single-event-bar .mec-single-event-location dd span.location-name {
  color: #000000;
}

.mec-single-modern .mec-single-event-bar address.mec-events-address a, .mec-single-modern .mec-single-event-bar .organizer-infos {
  color: #8d8d8d;
  font-size: 14px;
  margin-bottom: 0;
}

.mec-single-event-bar address {
  margin-bottom: 0;
}

.mec-single-event-bar .mec-events-address a::after {
  content: '\f08e';
  font-family: var(--font-awesome);
  font-weight: 600;
  margin-left: 8px;
  font-size: 12px;
}

.mec-single-event-bar .mec-events-event-organizer a, .more-infos a {
  text-underline-offset: 4px;
  text-decoration: underline var(--main-yellow) solid 2px !important;
}

.mec-single-event-bar .mec-events-event-organizer a:hover, .more-infos a:hover {
  text-underline-offset: 1px;
  text-decoration-thickness: 6px !important;
  text-decoration-color: #fbfb7ab8 !important;
}


@media only screen and (min-width: 768px) {

  .mec-single-modern .mec-single-event-bar {
    flex-wrap: wrap;
  }

  .mec-event-cost, .mec-event-more-info, .mec-event-website, .mec-events-meta-date, .mec-local-time-details, .mec-single-event-additional-locations, .mec-single-event-additional-organizers, .mec-single-event-category, .mec-single-event-date, .mec-single-event-label, .mec-single-event-location, .mec-single-event-organizer, .mec-single-event-sponsor, .mec-single-event-time {
    margin-bottom: 0;
    max-width: 45%;
  }

}

@media (max-width: 570px) {

  .mec-single-modern .mec-single-event-bar {
    flex-direction: column;
  }

}

/* Content */

.mec-wrap .mec-single-modern  p {
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.6;
  padding: 0 20px;
}

.more-infos {
  padding: 0 20px;
  margin-bottom: 50px;
}

.more-infos a {
  font-weight: bolder;
}

.mec-wrap .mec-next-previous-events li a:hover {
  color: #000000 !important;
}

.mec-next-previous-events .mec-border-color, .mec-next-previous-events .mec-border-color-hover:hover, .mec-wrap .mec-next-previous-events .mec-border-color, .mec-wrap .mec-next-previous-events .mec-border-color-hover:hover {
  border: none;
}

.mec-wrap.colorskin-custom .mec-next-previous-events .mec-border-color {
  border: none;
}

.mec-wrap.colorskin-custom .mec-next-previous-events .mec-color {
  color: #ffffff;
}

.mec-wrap .mec-next-previous-events {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgb(241, 241, 241);
}

.mec-next-previous-events li:last-child.mec-previous-event {
    text-align: inherit;
    float: inherit;
}

.mec-next-previous-events li a {
  border-radius: 0;
}