/*
Theme Name: Standish
Theme URI: http: //mysite.com/
Description: Theme enfant par Standish
Author: Standish Communications
Author URI: https: //www.standish.ca/
Template: oceanwp
Version: 0.1
*/

/* Reparer header après MAJ2022*/
.container.clr.page-header-inner {
    position: relative;
    top: 200px;
}

/*  TOP MENU  */

#menu-top-bar>li.btn>a {
    background-color: #13aff0;
    color: #fff;
    padding: 12px 22px;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

/*  HEADER  */

header.page-header {
    top: -54px;
    margin-bottom: -54px;
}
@media only screen and (max-width: 768px){
  header.page-header {
    top: -11px;
    margin-bottom: -11px;
    min-height: 329px;
}
}
.page-subheading {
    position: relative !important;
    color: #fff !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    z-index: 2 !important;
    text-transform: uppercase !important;
}
.page-subheading::before, .page-subheading p::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #3388ff;
    width: 3rem;
    margin: 0 0.5rem;
    transform: translateY(-0.4rem);
}
.container.clr.page-header-inner {
    display: flex;
    flex-direction: column;
    order: 1
}
h1.page-header-title.clr{
  order: 2;
}

/*  SEARCH  */

#searchform-overlay form input, #searchform-overlay form label {
    font-size: 16px !important;
    text-transform: inherit !important;
    font-weight: 500
}


/*  HOME  */

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



/*  TYPO  */

h2.elementor-heading-title.elementor-size-default{
  line-height: 1.4em !important;
}
h4.elementor-heading-title.elementor-size-default::before{
    display: inline-block;
    content: "";
    border-top: 2px solid #3388ff;
    width: 2rem;
    margin: 0 0.5rem;
    transform: translateY(-0.4rem);
}

h4.elementor-cta__title.elementor-cta__content-item.elementor-content-item:before {
    display: inline-block;
    content: "";
    border-top: 2px solid #3388ff;
    width: 2rem;
    margin: 0 0.5rem;
    transform: translateY(-0.4rem);
}

/*  CONTENT  */


/*  ACTIVITES  */

body.post-type-archive-standish_activite .page-header{
  display: none;
}

body.post-type-archive-standish_activite .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
}
.elementor_custom_loop {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.elementor_custom_loop > div.elementor {
    width: 50%;
    padding: 10px;
}
.clickable_column{
  cursor: pointer;
}

/*  PAGES CONTENU CARDS  */

body.page-parent .page-header.background-image-page-header {
  z-index: 0;
}

body.page-parent #content-wrap {
  z-index: 10;
}


body.page-parent .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
}
body.page-parent .elementor-shortcode .elementor-location-archive {
    width: 50%;
    padding: 10px;
}

/*  WIDGETS  */

a.elementor-button{
  background-color: red;
  color: #fff;
}


/*  FOOTER  */


/*  FOOTER BOTTOM  */

#footer-bottom #copyright {
    font-size: 14px !important;
}

        
/* STANDISH CARDS & SEARCH */

.container.cards{
  padding-top:0 !important;
}

.card-container a {
    color: #000;
}


div.cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  padding-top: 20px;
  padding-bottom: 20px;
}

div.cards > div.card {
  width: calc(25% - 16px);
  margin: 8px;
  cursor: pointer;
}

@media screen and (max-width: 800px) { div.cards > div.card { width: calc(33% - 16px); } }
@media screen and (max-width: 600px) { div.cards > div.card { width: calc(50% - 16px); } }
@media screen and (max-width: 420px) { div.cards > div.card { width: calc(100% - 16px); } }

div.cards > div.card > div.card-container {
  display: flex;
  flex-direction: column;
  height: 200px;
  box-shadow: 4px 4px 30px 0 rgba(46,61,73,.15) !important;
  transition: box-shadow 0.5s;
  /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */
}
div.cards > div.card > div.card-container:hover {
box-shadow: 0 1px 3px rgba(0,0,0,.08)!important;
    transition: box-shadow 0.5s;
}

div.cards > div.card > div.card-container > div.images {
  flex-grow: 1;
  position: relative;
  background-size: cover;
  background-image: url(/wp-content/themes/standish/assets/images/default.jpg); 
}

div.cards > div.card > div.card-container > div.images:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

div.cards > div.card > div.card-container > div.content {
  min-height: 60px;
}

div.cards > div.card > div.card-container > div.content > h3 {
  margin: 8px;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}

/* CLOSE STANDISH CARDS */

/* CENTER ALIGN TExt animation */

.elementor-headline-dynamic-text.elementor-headline-text-inactive, .elementor-headline-dynamic-text.elementor-headline-text-active {
    width: 100%;
    text-align: center;
}

    #main-header .elementor-column {
        width: 100% !important;
    }

/* MISE EN FORME DU BOUTON TOP BAR */

#menu-top-bar>li.btn>a,
#menu-top-bar-en>li.btn>a{
    font-size: 14px !important;
    background-color: #3388FF !important;
    font-weight: 500 !important;
    line-height: 1.2em !important;
    border-radius: 4px !important;
    padding: 12px 22px 12px 22px !important;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#menu-top-bar>li.btn>a:hover,
#menu-top-bar-en>li.btn>a:hover {
    color: #3388FF !important; 
    background-color: #FFF !important;
}

#sub-menu .menu-link a:hover {
    font-weight: 500 !important;
}

#site-header #site-navigation .btn_menu_button {
  padding-right: 4px;
  display: none;
}
#site-header #site-navigation .btn_menu_button > a > span {
  font-weight: 500;
  letter-spacing: normal;
}
#site-header-sticky-wrapper.is-sticky #site-header #site-navigation .btn_menu_button {
  display: list-item;
}
#site-header-sticky-wrapper.is-sticky #menu-menu-principal li:not(.main-menu-visiter) {
  display: none;
}
#mobile-fullscreen-inner .fs-dropdown-menu .main-menu-visiter {
  display: none;
}

/* END - MISE EN FORME DU BOUTON TOP BAR */

/* ALIGNER VERTICALEMENT BULLET POINTS DES LISTES */

span.elementor-icon-list-icon {
    padding-bottom: 0.3rem !important;
}

/* END - ALIGNER VERTICALEMENT BULLET POINTS DES LISTES */

/* FILTRE GRADIENT BLEU SUR CALL-TO-ACTION MODULE D'ELEMENTOR */

.elementor-cta__bg-overlay {
transition-duration: 1494ms;
background-color: transparent;
background-image: linear-gradient(180deg, rgba(0,0,0,0.1) 65%, #000 100%);
transition: background 1s, border-radius 1s, opacity 0.8s;
}

/* END - FILTRE GRADIENT BLEU SUR CALL-TO-ACTION MODULE D'ELEMENTOR */


/* Custom hamburger menu, add language switcher to his left */
.oceanwp-mobile-menu-icon {
    display: none !important;
}
.oceanwp-mobile-menu-icon .mobile-menu {
    order: 2;
}
.wpml-ls-statics-shortcode_actions {
    line-height: 45px;
}
.wpml-ls-statics-shortcode_actions ul {
    list-style: none !important;
    margin: 0 20px 0 0;
}
@media only screen and (max-width: 959px) {
  .oceanwp-mobile-menu-icon {
      display: flex !important;
  }
  body.default-breakpoint .oceanwp-mobile-menu-icon {
      display: flex !important;
  }
  body.default-breakpoint .oceanwp-mobile-menu-icon .mobile-menu {
      order: 2;
  }
  body.default-breakpoint .wpml-ls-statics-shortcode_actions {
      line-height: 45px;
  }
}
/* END - Custom hamburger menu, add language switcher to his left */

/* REMONTER LA PAGE ARCHIVE SOUS LE MENU TRANSPARENT */

body.post-type-archive-standish_activite .archive {
    /*margin-top: -60px !important;*/
    top: -60px;
}

body.post-type-archive-standish_activite .shortcode {
    margin-top: -100px !important;
}

/* END - REMONTER LA PAGE ARCHIVE SOUS LE MENU TRANSPARENT */

/* CACHER L'OVERFLOW DES PLANÈTES QUI SORTENT DE LA GRID */

body, body.home {
    overflow-x: hidden; 
}


/* END - CACHER L'OVERFLOW DES PLANÈTES QUI SORTENT DE LA GRID */