/*
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 */

a.bouton:active {
  outline-style: none !important;
}

#site-header-inner {
  height: 4.5em;
}
#site-logo:hover {
  transition-duration: 200ms;
  transform: scale(1.05);
  opacity: 1 !important;
}

#site-header {
  border-bottom: none;
  height: 5em;
}
#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a,
#searchform-header-replace-close {
  font-size: 2rem;
}
.page-header {
  background-color: #ffffff;
}
.page-header-title {
  font-family: 'Anton', sans-serif;
}
.page-subheading {
  font-family: 'Roboto', Sans-serif;
}
.site-breadcrumbs nav,
.site-breadcrumbs ol {
  display: none;
}
#top-bar-wrap {
  position: relative;
  background-color: #fff;
  font-size: 12px;
  border-bottom: none;
  z-index: 101;
}

.fixedTop {
  top: 0px;
  width: 100%;
  background: #ffffffe1;

  box-shadow: 0px 3px 4px 2px rgb(0 0 0 / 20%);
  animation: fadeIn ease 0.1s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.2s;
  -o-animation: fadeIn ease 0.2s;
  -ms-animation: fadeIn ease 0.2s;
}

.fixedTopBase {
  top: 0px;
  width: 100%;
  background: #ffffffe1;

  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 0.8s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@media (max-width: 1024px) {
  .slide-form {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  .slide-form {
    max-width: 70%;
    margin: 0 auto;
  }
}

/*css anti icone captcha*/
.grecaptcha-badge {
  visibility: hidden;
}

/* 
########################
### Navbar mega menu ###
########################
*/
@media only screen and (min-width: 959px) {
  .navigation li.megamenu-li.auto-mega .megamenu.col-2 {
    width: 440px;
    border-top: none;
    border-bottom: 5px solid #128c7e !important;
  }
}

.dropdown-menu ul li.menu-item,
.navigation > ul > li > ul.megamenu.sub-menu > li,
.navigation .megamenu li ul.sub-menu {
  border: none;
}
ul.sub-menu {
}
.sf-menu li.menu-item {
  position: relative;
  white-space: nowrap;
  border-collapse: separate;
  border-spacing: 20px;
  transition-duration: 200ms;
}
li .menu-item:hover {
  transform: translate(10px) scale(1.05);

  box-shadow: 2px 1px 4px rgb(0 0 0 / 10%);
}

/* Fin Navbar mega menu */

/* ###############################
### Section titre des articles ###
##################################
*/
#main #content-wrap {
  padding-top: 100px;
  padding-bottom: 50px;
}
.thumbnail {
  height: 35vh;
  display: flex;
  overflow: hidden;
}
.thumbnail img {
  object-fit: contain;
  align-self: center;
  width: 100%;
}

.single nav.post-navigation .nav-links .title {
  color: #128c7e;
}
.theme-heading .text::before {
  color: #128c7e;
}

/* carte blog */

@media (min-width: 1024px) {
  .premium-blog-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    margin: 0px 0px 0px 0px !important;
    padding: 2em 1em 2em 1em !important;
  }
  .premium-blog-entry-title {
    display: flex;
    text-align: center !important;
    font-size: 1.2em !important;
  }
  .premium-blog-entry-meta {
    display: flex;
    flex-direction: column;
  }
  .premium-blog-post-categories {
    margin-top: 0.3em !important;
  }
  .premium-blog-meta-separator {
    display: none !important;
  }

  .premium-blog-post-content {
    display: flex;
  }
  .premium-blog-excerpt-link-wrap {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-end;
  }
}

.site-navigation-wrap .dropdown-menu > li > a {
  font-size: 2rem;
}

.zoomNav:hover {
  transform: scale(1.02);
  transition-duration: 200ms;
}
.navigation .megamenu > li > a.menu-link {
  font-size: 13px;
  font-weight: 300;
}

.bouton-modal {
  font-family: 'Roboto', Sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin-top: 5px;
  color: #ffffff;
  background-color: var(--e-global-color-8538b43);
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: var(--e-global-color-7cbb0da);
  border-radius: 7px;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.bouton-modal:hover {
  color: var(--e-global-color-7cbb0da);
  background-color: #ffffff;
  border-color: var(--e-global-color-7cbb0da);
  -webkit-transition: all 0.3s ease;
}

.rotation-g {
  transform: rotate(-4deg);
}

.carte-team {
  -webkit-transition: all 0.3s ease;
  transition-duration: 200ms;
}
.carte-team:hover {
  -webkit-transition: all 0.3s ease;
  transition-duration: 200ms;
  transform: scale(1.02);
}

.sfsiplus_footerLnk {
  display: none;
}

.premium-modal-box-modal {
  background: #ffffff !important;
  align-items: center !important;
  height: 100vh !important;
}
.premium-modal-box-modal-dialog {
  padding-top: -1em !important;
}
.premium-modal-box-modal-content {
  display: flex;
  flex-direction: column;
  border: none !important;
}
.premium-modal-box-modal-footer {
  border: none !important;
}

#searchform-dropdown,
#icon-searchform-dropdown {
  border-bottom: 3px solid #128c7e;
  border-top: none !important;
}

.pum-close {
  letter-spacing: 1px !important;
  width: auto !important;
  font-weight: 200 !important;
}
@media (max-width: 1024px) {
  .pum-close {
    letter-spacing: 1px !important;
    width: auto !important;
    font-weight: 200 !important;
    font-size: 1em !important;
  }
}

@media (min-width: 1024px) {
  .pum-title {
    text-transform: uppercase !important;
    font-size: 2em !important;
  }
}
@media (max-width: 1024px) {
  .pum-title {
    text-transform: uppercase !important;
    font-size: 1.7em !important;
  }
}
/* popup Builder */
@media (min-width: 1024px) {
  .sgpb-main-html-content-wrapper h2 {
    font-size: 3em !important;
  }
  .sgpb-popup-close-button-6 {
    transform: rotate(4deg) !important;
    transition: 200ms !important;
  }

  .sgpb-popup-close-button-6:hover {
    transform: scale(1.04) !important;
    transition: 200ms !important;
  }
}
@media (max-width: 1024px) {
  .sgpb-main-html-content-wrapper h2 {
    font-size: 1.5em !important;
  }
  .sgpb-popup-close-button-6 {
    transform: rotate(4deg) !important;
    transition: 200ms !important;
    width: 70px !important;
  }
}

/* MEC  */

.mec-event-footer .mec-booking-button:hover {
  background: #3fd185;
}

.mec-single-event-category {
  display: none;
}

.col-md-4 {
  display: none;
}
.mec-wrap .col-md-8 {
  width: 100%;
}

.mec-event-cost,
.mec-event-more-info,
.mec-event-website,
.mec-events-meta-date,
.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-time {
  background: #075e54;
}

.entry-content .mec-wrap h1,
.entry-content .mec-wrap h2,
.entry-content .mec-wrap h3,
.entry-content .mec-wrap h4,
.entry-content .mec-wrap h5,
.entry-content .mec-wrap h6,
.mec-wrap h1,
.mec-wrap h2,
.mec-wrap h3,
.mec-wrap h4,
.mec-wrap h5,
.mec-wrap h6 {
  color: #128c7e;
}
.mec-single-modern .mec-single-event-bar > div h3 {
  color: white;
}
.mec-single-modern .mec-single-event-bar > div .mec-time-comment {
  color: white;
}
.mec-events-abbr {
  color: white;
}
.mec-wrap .mec-sl-calendar {
  font-weight: 300;
  color: #ffffff;
}
.mec-wrap .mec-sl-clock {
  font-weight: 300;
  color: #ffffff;
}

.mec-events-event-image img {
  width: 50% !important;
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.mec-event-grid-modern .mec-event-article {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 7px;
  text-align: center;
  margin-bottom: 30px;
  padding: 45px 15px 10px;
  background: #fff;
  box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 20%);
}

@media (max-width: 1024px) {
  .mec-wrap .col-md-3 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .mec-wrap .col-md-3 {
    width: 100%;
  }
}

.mec-event-footer .mec-booking-button {
  box-shadow: none;
  transition: all 0.21s ease;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #fff;
  color: #2b4042;
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  position: absolute;
  top: 20px;
  right: 15px;
  padding: 0 16px;
  line-height: 37px;
  height: 38px;
}

@media (max-width: 1024px) {
  .mec-event-grid-modern .mec-event-title {
    color: #128c7e;
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    letter-spacing: -1px;
  }
}
@media (min-width: 1024px) {
  .mec-event-grid-modern .mec-event-title {
    color: #128c7e;
    margin: 0 0 10px 0;
    font-weight: 100;
    font-size: 24px;
    text-transform: none;
    letter-spacing: -1px;
  }
}
@media (max-width: 1024px) {
  .mec-event-grid-modern .event-grid-modern-head .mec-event-day {
    margin-top: 9px;
    color: silver;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: -1px;
  }
}
@media (min-width: 1024px) {
  .mec-event-grid-modern .event-grid-modern-head .mec-event-day {
    margin-top: 9px;
    color: silver;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: -1px;
  }
}
.mec-single-modal.mec-single-modern .mec-single-event-bar > div h3 {
  font-size: 15px;
  font-weight: 100;
}

.mec-table-side-title {
  display: none;
}

.mec-load-more-button {
  display: none;
}

.clockdiv {
  color: #128c7e;
}

#panneauPocketContainer {
  display: flex !important;
  justify-content: center !important;
}

#socialMediaMobile .elementor-social-icons-wrapper {
  display: flex !important;
  flex-direction: column !important;
}