/*
  Theme Name:   Hello Elementor Child
  Description:  Child Theme for Hello Elementor
  Author:       Jim Joligeon
  Template:     hello-elementor
  Version:      1.0
  License:      GNU General Public License v2 or later
  License URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:  hello-elementor-child
*/


/***
 * Others
 */

.my-custom-elem-to-hide {
  display: none;
}


main {
	background-color: white;
}

/***
 * Header / Menu
 */

/** Dropdown Menu */
#myheader-nav {
  z-index: 100;
}
#myheader-dropdown {
  display: none;
  max-width: 100%;
  width: 100%;
  padding-bottom: 200px;
}
#myheader-dropdown[active-menu='active'] {
  display: block;
}
#myheader-dropdown,
#myheader-nav,
#myheader-bar-mobile {
  transition: 0s;
}
img[src='https://preprod.groupesida.ch/wp-content/uploads/2019/09/bouton_menu.png'] {
  margin-top: 0;
}
img[src='https://preprod.groupesida.ch/wp-content/uploads/2019/09/cancel.svg'] {
  margin-top: 5px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
#mydropdown-btn {
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  #myheader-dropdown {
}
  #myfilter-buttons .pp-buttons-group {
    justify-content: flex-start;
  } 
}

/** Dropdown Icon */
#mydropdown-menu a.elementor-item-active {
  color: black;
}
#mybtn-faire-un-don {
  color: white;
}
#mybtn-faire-un-don:hover {
  color: black;
}

/** Sub Menu */
#mydropdown-menu .sub-arrow.active i::before,
#mydropdown-menu2 .sub-arrow.active i::before {
  content: '-';
  font-weight: 300 !important;
  font-size: 60px;
  padding-right: 5px;
}
#mydropdown-menu span,
#mydropdown-menu2 span {
  text-align: center;
}
#mydropdown-menu span i::before,
#mydropdown-menu2 span i::before{
  font-weight: 300 !important;
  font-size: 60px;
}
/* size link menu */
#mydropdown-menu2 nav .has-submenu {
  line-height: 100%;
}
#myheader-dropdown a {
  color: #000000 !important;
}
#myheader-dropdown a:hover {
  color: #cccccc !important;
}

/** "Faire un don" and "Aider" button */
.my-custom-btn-adjust-hover {
  color: white;
}
.my-custom-btn-adjust-hover:hover {
  color: black;
}

/** Search Bar */
@media screen and (min-width: 901px) {
  #mynav-left .elementor-column-wrap.elementor-element-populated {
    padding-right: 105px;
  }
}
@media screen and (max-width: 900px) {
  #mynav-left .elementor-column-wrap.elementor-element-populated {
    padding-right: 25px;
  }
}
@media screen and (max-width: 758px) {
  #mynav-left .elementor-column-wrap.elementor-element-populated {
    padding-right: 25px;
  }
}

#mynav-left .mysearch-bar form,
#mynav-left2 form,
#mynav-left .mysearch-bar .mysearch-form-active input,
#mysearch-bar2 .mysearch-form-active input {
  display: none;
}
#mynav-left div,
#mynav-left2 div,
#mynav-left .mysearch-bar .mysearch-form-active,
#mysearch-bar2 .mysearch-form-active {
  display: flex;
  flex-flow: row nowrap;
}
#mynav-left div,
#mynav-left2 div {
  flex-flow: row nowrap;
}
#mynav-left .mysearch-btn-active,
#mysearch-bar2 .mysearch-btn-active {
  background: transparent;
  border: 1px solid black;
  padding: 12px;
}
/* animations */
#mynav-left .my-custom-search-bar,
#mysearch-bar2 .my-custom-search-bar {
  transition: all .2s ease-in-out;
}
#mysearch-bar form .elementor-search-form__submit,
#mysearch-bar form .elementor-search-form__container {
  background: transparent !important;
  background-color: transparent !important;
}

/** Menu Scroll Down (mobile) */
@media screen and (max-width: 900px) {
  .elementor-location-header {
    position: sticky;
    position: -webkit-sticky; /* safari */
    z-index: 100;
  }
  /* animation */
  .elementor-location-header {
    transition: .5s;
  }
  #myheader-logo,
  #myheader-bar-mobile {
    transition: 0s;
  }
}


/***
 * Footer
 */

/* #myfooter-banner {
  position: sticky !important;
  bottom: 0;
} */

#myfooter-banner {
	z-index: -1;
}

/***
 * Home 
 */

#myposts-featured article {
  display: none;
}
#myposts-featured article:nth-child(1),
#myposts-featured article:nth-child(2),
#myposts-featured article:nth-child(3) {
  display: block;
}
.latest-post-selection article .item-date i {
  display: none;
}
#myfeatured-post article .elementor-portfolio-item__title {
  font-size: 1.8rem;
  text-align: left;
}

/* Menu for Home animation */
div[data-elementor-type="header"] .elementor-inner .elementor-section-wrap {
  z-index: 100;
  width: 100%;
  overflow: auto;
}

@media screen and (min-width: 900px) {
  div[data-elementor-type="header"] .elementor-inner .elementor-section-wrap { 
    position: fixed;
  }
  #myheader-dropdown {
    position: absolute !important;
    width: 100%;
    overflow: auto;
  }
  #myheader-dropdown,
  #myheader-bar-mobile {
    z-index: 100;
  }
}


/**
 * News Page
 */

#mybtn-more-container,
#mynews-pagination {
  padding-top: 50px;
  padding-bottom: 50px;
	background-color: #fff;
}
.mybtn-filter,
#mybtn-latest, 
#mybtn-more span,
#mynews .mynews-article ul li a {
  border-radius: 50px 50px;
  margin: 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: Caros ExtraBold, Sans-serif;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.5px;
}

/* News Container */
#mynews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 50px 0;
  background-color: #fff;
}

@media screen and (max-width: 700px) {
  #mynews {
    grid-template-columns: 1fr;
  }
}

/* Posts Article */
.mynews-article {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mynews-article .mynews-image-link {
  display: block;
  overflow: hidden;
  z-index: 10;
}
.mynews-article .mynews-image-link img {
  display: block;
  width: 100%;
}
.mynews-article .mynews-image-link img:hover {
  transform: scale(1.1);
  transition: 0.5s;
  z-index: 1;
}
#mynews .mynews-article .mynews-date,
#mynews .mynews-article .mynews-title {
  padding-left: 50px;
  padding-right: 50px;
}
.mynews-article .mynews-title-link,
.mynews-article .mynews-title {
  color: #000;
  font-family: Caros;
  font-size: 20px;
  font-weight: 600;
}
#mynews .mynews-article .mynews-title,
#mynews .mynews-article .mynews-category {
  margin-top: 30px;
}
#mynews .mynews-article ul {
  list-style-type: none;
}
#mynews .mynews-article ul li:first-child {
  margin-top: 14px;
}
#mynews .mynews-article ul li {
  margin-bottom: 14px;
}
#mynews .mynews-article ul li a {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: inline-block;
  color: #000;
  font-size: 14px;
  width: auto;
  border: 1px solid #000;
  padding: 12px 15px;
  margin: 10px;
  transition: all .3s ease-in-out;
}
#mynews .mynews-article ul li a:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

/** Post Date */
.mynews-date {
  color: #54595f;
  font-size: 12px;
  text-decoration: underline;
  font-family: Caros ExtraBold, Sans-serif;
  font-weight: 400;
  margin-top: 20px;
}

/** Post Title */
#news-title {
  box-sizing: border-box;
  text-align: center;
  padding-left: 50px;
  padding-bottom: 50px;
}
#news-title h1 {
  color: #000;
  box-sizing: border-box;
  font-size: 90px;
  font-family: Caros;
  font-weight: 700;
}

@media screen and (max-width: 700px) {
  #mybtn-filter-container {
    display: block;
    padding: 0;
    padding-left: 20px;
  }
  #news-title h1 {
    font-size: 50px !important;
  }
  #news-title {
    padding-left: 20px;
  }
}

/** Filter Buttons */
#mybtn-filter-container {
  display: flex;
  justify-content: center;
}
.mybtn-filter {
  padding: 12px 15px;
  color: #000 !important;
  border: 1px solid #000 !important;
  background: transparent !important;
  transition: all .3s ease-in-out;
}
.mybtn-filter.active {
  background: black;
  color: white;
}
.mybtn-filter:focus {
  outline: 0 !important;
}

/** Button "Back" */
#mybtn-latest {
  border: 1px solid #000;
  color: #ffffff;
  background: #000;
  padding: 12px 15px;
  visibility: hidden;
}
#mybtn-latest.active {
  visibility: visible;
}

/** pagination */
#mynews-pagination {
  display: none;
}
#mybtn-more-container {
  text-align: center;
	background-color: #fff;
}
#mybtn-more span {
  background: #000;
  color: #ffffff;
  padding: 12px 15px;
  margin: 20px;
  border: 1px solid #000;
  width: auto;
}
#mybtn-more span:hover,
#mybtn-latest:hover {
  background: #ffffff;
  color: #000;
}

/** Filter Buttons custom */
/* button 1 acces */
.mybtn-filter[value='#accès aux soins'].active {
/*   color: #a1d7f6 !important;
  border-color: #a1d7f6 !important; */
  color: black!important;
  background-color: #a1d7f6!important;
  border-color: #a1d7f6 !important;
}
/* button 2 approche */
.mybtn-filter[value='#approche globale de la santé'].active {
/*   color: #fbdbc6 !important;
  border-color: #fbdbc6 !important; */
  color: black!important;
  background-color: #fbdbc6!important;
  border-color: #fbdbc6!important;
}

/* button 3 demarche */
.mybtn-filter[value='#démarche communautaire'].active {
/*   color: #f5bed8 !important;
  border-color: #f5bed8 !important; */
  color: black!important;
  background-color: #f5bed8!important;
  border-color: #f5bed8!important;
}
/* button 4 lutte */
.mybtn-filter[value='#lutte contre les discriminations'].active {
/*   color: #9aceaf !important;
  border-color: #9aceaf !important; */
  color: black!important;
  background-color: #9aceaf!important;
  border-color: #9aceaf!important;
}

@media screen and (min-width: 800px) {
.mybtn-filter[value='#accès aux soins']:hover {
/*   color: #a1d7f6 !important;
  border-color: #a1d7f6 !important; */
  color: black!important;
  background-color: #a1d7f6!important;
  border-color: #a1d7f6 !important;
}
/* button 2 approche */
.mybtn-filter[value='#approche globale de la santé']:hover {
/*   color: #fbdbc6 !important;
  border-color: #fbdbc6 !important; */
  color: black!important;
  background-color: #fbdbc6!important;
  border-color: #fbdbc6!important;
}

/* button 3 demarche */
.mybtn-filter[value='#démarche communautaire']:hover {
/*   color: #f5bed8 !important;
  border-color: #f5bed8 !important; */
  color: black!important;
  background-color: #f5bed8!important;
  border-color: #f5bed8!important;
}
/* button 4 lutte */
.mybtn-filter[value='#lutte contre les discriminations']:hover {
/*   color: #9aceaf !important;
  border-color: #9aceaf !important; */
  color: black!important;
  background-color: #9aceaf!important;
  border-color: #9aceaf!important;
}
}


/**
 * Article Post
 */

#mypreview-container .elementor-row:first-child {
  display: inline-block !important;
}

/* Button "Lire plus" */
#mypreview-container .mybtn-readmore {
  border: none;
  max-height: 41px;
  overflow: hidden;
  margin-top: 1em;
  padding: 0;
}
#mypreview-container .mybtn-readmore img {
  padding: 0;
}
#mypreview-container .mybtn-readmore:hover {
  background: transparent;
  max-height: 41px;
  overflow: hidden;
  margin-top: 1em;
  padding: 0;
}

/* Post Image */
#mypreview-container .mypreview-img-container {
  box-sizing: border-box;
  float: left;
  padding-right:2em;
  padding-bottom: 1em;
}

/* Post Content */
#mypreview-container .mypreview-text-container { 
  float: right;
  width: 50%;
}
#mypreview-container .mypreview-text-container-active { 
  width: 100%;
}
/*
#mypreview-container .mypreview-text-container-active div {
  display: inline !important;
}
*/

#mypreview-container .mypreview-text-container-active .elementor-column-wrap.elementor-element-populated:first-child,
#mypreview-container .mypreview-text-container-active .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap:first-child,
#mypreview-container .mypreview-text-container-active .mypreview-post,
#mypreview-container .mypreview-text-container-active .mypreview-post div {
	display: inline !important;
}
#mypreview-container .mypreview-text-container-active .share-article-text,
#mypreview-container .mypreview-text-container-active .share-article-buttons {
	display: inline-grid !important;
}

@media screen and (max-width: 600px) {
  #mypreview-container div {
      padding: 0 !important;
  }
  #mypreview-container .mypreview-text-container { 
  float: none;
  width: 100%;
  }
  #mypreview-container .mypreview-img-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  #mypreview-container .mypreview-text-container,
  #mypreview-container .mypreview-text-container-active { 
    margin: 0 !important;
    padding: 1em !important;
  }
}

@media screen and (max-width: 700px) {
  #mybtn-filter-container {
    display: block;
  }
  #news-title h1 {
    font-size: 50px !important;
  }
}

/* Buttons "Catégories" */
@media screen and (min-width: 800px) {
  #myarticles-terms .elementor-post-info__terms-list {
    display: inline-flex;
    justify-content: space-around;
    flex-flow: row nowrap;
  }
  #myarticles-terms .elementor-post-info__terms-list-item {
    margin: 10px;
    width: auto;
  }
}
@media screen and (max-width: 700px) {
  #myarticles-terms .elementor-post-info__terms-list {
    display: inline-flex;
    justify-content: space-around;
    flex-flow: row nowrap;
  }
  #myarticles-terms .elementor-post-info__terms-list-item {
    margin: 10px;
  }
  #myarticles-terms li[itemprop="datePublished"] {
margin-left: 30px;
  }
  #myarticles-terms div:first-child {
    padding-left: 0 !important;
  }
  #myarticles-terms .elementor-icon-list-icon {
    display: none;
  }
  #myarticles-terms .elementor-post-info__terms-list {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  #myarticles-terms .elementor-post-info__terms-list-item {
    display: inline-block;
  }
}



/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: calc(99vw/3) !important;
    height: calc(99vw/3) !important;
    max-height: calc(99vw/3) !important;
    overflow: hidden;
  }
	
	.myhome-image-container img,
.myhome-title-container {
	height: calc(100vw/3) !important;
}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: calc(99vw/3) !important;
    height: calc(99vw/3) !important;
    max-height: calc(99vw/3) !important;
    overflow: hidden;
  }
	
	.myhome-image-container img,
.myhome-title-container {
	height: calc(100vw/3) !important;
}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) 
  and (max-width: 1024px) {
  
  .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: calc(100vw/2) !important;
    height: calc(100vw/2) !important;
    max-height: calc(100vw/2) !important;
    overflow: hidden;
  }
		
		.myhome-image-container img,
.myhome-title-container {
	height: calc(100vw/2) !important;
}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px)
  and (max-width: 767px)
  and (orientation: landscape) {
  
  .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: calc(100vw/2) !important;
    height: calc(100vw/2) !important;
    max-height: calc(100vw/2) !important;
    overflow: hidden;
  }
		
		.myhome-image-container img,
.myhome-title-container {
	height: calc(100vw/2) !important;
}
	  .elem-mobile-landscape {
		  min-width: calc(100vw/2) !important;
    width: calc(100vw/2) !important;
    max-width: calc(100vw/2) !important;
	  }
	  
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) 
  and (max-width: 480px) 
  and (orientation: portrait) {
  
  .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: 100vw !important;
    height: 100vw !important;
    max-height: 100vw !important;
    overflow: hidden;
  }
		
		.myhome-image-container img,
.myhome-title-container {
	height: 100vw !important;
}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) 
  and (max-width: 480px) 
  and (orientation: landscape) {
  
   .mysection-to-height
  .mybloc-to-height,
  .mybloc-to-height .elementor-flip-box,
  .myelem-to-height {
    min-height: calc(100vw/2) !important;
    height: calc(100vw/2) !important;
    max-height: calc(100vw/2) !important;
    overflow: hidden;
  }
	  .elem-mobile-landscape {
		  min-width: calc(100vw/2) !important;
    width: calc(100vw/2) !important;
    max-width: calc(100vw/2) !important;
	  }
		
		.myhome-image-container img,
.myhome-title-container {
	height: calc(100vw/2) !important;
}
  
}

.single-post #mynews {
	display: block;
}

.single-post #mynews .elementor-shortcode {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.post .mynews-image-link .wp-post-image {
	max-height: unset;
}

@media screen and (max-width: 700px){
	.single-post #mynews .elementor-shortcode {
		display: grid;
    	grid-template-columns: 1fr;
	}
}