/*
 Theme Name:   type Child
 Theme URI:    https://www.designlabthemes.com/type-wordpress-theme/
 Description:  type Child Theme
 Author:       Cyril Bron
 Author URI:   http://www.cyrilbron.com
 Template:     type
 Version:      1.0.0
 License:
 License URI:
 Tags:
 Text Domain:  association-liane
*/

/*general settings */

.white {
  color: white;
}

.yellow h2, h3, h4, h5, h6{
  color: #f8ad00;
  text-transform: uppercase;
}

.entry-header h1{
  font-size: 3em;
  margin-bottom: 70px;
}

.center {
  margin: 0 auto;
  width: 60%;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 20px;
  color: white;
  line-height: 1.2;
}

#top-search-button {
  display: none;
}

.tabs-content li,
.news li {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 7px;
}

ul {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 0;
}

.tabs-content li:before, .postContent li:before, .entry-content li:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #f8ad00;
  display: inline-block;
  border-radius: 50%;
  margin-right: 7px;
}

input[type=submit] {
  color: white !important;
}

.entry-title {
  text-align: center;
}

/*modifications images header homepage, pages, articles et activités*/

.entry-thumbnail img {
  width: 100%;
  max-height: 600px;
  object-fit:cover;
  -o-object-fit: cover;
}

.fimg-fullwidth .featured-image {
  padding: 0;
}

.site-title-centered .site-description {
  text-transform: none;
}

/*fonts */

@font-face {
  font-family: 'Overlock';
  src: url('fonts/Overlock-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PT';
  src: url('fonts/PTC55F.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sofia';
  src: url('fonts/Sofia-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'grandHotel';
  src: url('fonts/GrandHotel-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

p, figcaption, input, textarea, h4, h5, h6, em, span, li, label {
  font-family: 'Overlock';
}

nav, h2, h3{
  font-family: 'PT';
}

h1 {
  font-family: 'sofia';
  font-size: 40px !important;
}

label {
  color: #f8ad00 !important;
}

/*
 * 04: Layout
 */

.container {
  max-width: 1600px;
}

footer {
  max-width: 1600px;
  margin: 0 auto;
}

/*header */

.site-title-centered {
  margin-bottom: -50px;
}

.site-description {
  font-size: 24px !important;
}

/*------------------------------------------------*/
/*navbar */
/*------------------------------------------------*/

/*retirer le background color du menu */
.main-navbar {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

.main-navigation {
  border-top: 0px;
  border-bottom: 1px solid white;
  margin: auto;
}

/*navigation */

.main-navigation > ul > li > a {
  font-size: 23px;
}

.main-navigation > ul > li.current-menu-item:before {
  content: '';
  position: static;
  width: 0;
  height: 0;
  margin-left: 0px;
  background-color: none;
  margin-right: 40px;
}

.site-title-left .main-navigation > ul > li.current-menu-item:before {
  bottom: 0;
  width: 0px;
  margin-left: 0px;
}

.current-menu-item {
  border-bottom: 3px solid #f8ad00;
}

li.menu-item + .menu-item::before {
  content: url('img/Papillon.png') !important;
  display: inline-block;
  margin-right: 10px;
}

/*distance entre la nav et le titre de la page */

.main-navbar {
  margin-bottom: 50px;
}

.entry-title {
  color: #f8ad00;
}

/*mobile */

.mobile-navbar {
  display: none;

}


/*------------------------------------------------*/
/*gallery activités */
/*------------------------------------------------*/


.margin {
  margin: 1em;
}

.gallery_card {
  text-decoration: none;
}

.gallery_center {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          align-items: center;
}


.gallery_center h2{
  text-transform: none;
  color: white;
  font-size: 22px;
  width: 50%;
  font-family: Overlock;
  font-weight: bold;
}

.content_gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}


.gallery_card {
  text-decoration: none;
}


.gallery_card a {
  text-decoration: none;
}

.card {
  position: relative;
  height: 100%;
  background-color: white;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.card_thumb img {
  width: 100%;
  height: 200px;
  -o-object-fit:cover;
  object-fit:cover;
}

.card_date {
  text-align: center;
  font-size: 50px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
  font-weight: bold;
}

.card_date2 {
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  margin-top: -20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
  font-weight: bold;
}

.card_title h3{
  text-align: center;
  color: #4f8300;
  text-decoration: none;
  text-transform: none;
  font-family: Overlock;
  font-weight: bold;
  font-style: italic;
  padding-left: 3px;
  padding-right: 3px;
}

.card:hover,
.card:focus,
.card:active {
  background-color: #f8ad00;
}

.card:hover .card_date,
 .card:focus .card_date,
 .card:active .card_date{
  color: white;
}

.card:hover .card_date2,
.card:focus .card_date2,
.card:active .card_date2 {
  color: white;
}

.card .complet {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 200px 0;
  border-color: transparent #f8ad00 transparent transparent;
}

.card p {
  position: absolute;
  color: #4f8300;
  font-size: 26px;
  z-index: 1000;
  margin-left: 200px;
}

.citation {
  text-align: center;
  font-family: Overlock;
  font-weight: bold;
}

.citation::before {
  content:'“';
  color: #f8ad00;
  padding-left: 6px;
  font-size: 28px;
}

.citation::after {
  content:'”';
  color: #f8ad00;
  padding-right: 6px;
  font-size: 28px;
}

.auteur_citation {
	text-align: center;
}

/*------------------------------------------------*/
/*single activité */
/*------------------------------------------------*/

.post-navigation_mobile {
  display: none;
}

.single_activite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 60%;
  margin-bottom: 70px;
}

.activite_text {
  width: 50%;
  margin-right: 2.5em;
  margin-top: -25px;
}

.dotted {
  border-bottom: 2px dotted white;
  padding-bottom: 7px;
  padding-top: 7px;
}

.activite_items {
  width: 50%;
  margin-bottom: 25px;
}

.activite_text h2 {
  font-size: 23px;
}

.activite_text_inscription {
  padding-top: 20px;
}

.activite_items p {
	margin-top: -15px;
}

.single_activite .button{
  height: 40px;
}

.single_activite a:hover{
  color: white !important;
}

.nav-previous a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent #f8ae00 transparent transparent;
  margin-right: 5px;
}

.nav-previous a {
  font-size: 20px;
}

.nav-previous a:hover,
.nav-previous a:focus {
  border-bottom: 2px solid #f8ae00;
}

.nav-next a:hover,
.nav-next a:focus  {
  border-bottom: 2px solid #f8ae00;
}

.nav-next a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #f8ae00;
  margin-left: 5px;
}

.nav-next a {
  font-size: 20px;
}

.animateur::before {
  content: "Animateur(s).trice(s)";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

.date::before {
  content: "date";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

.horaires::before {
  content: "horaires";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

.lieu::before {
  content: "lieu";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

.prix::before {
  content: "prix";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

.public::before {
  content: "public";
  text-transform: uppercase;
  font-size: 23px;
  color: #f8ad00;
  display: inline-block;
  font-family: 'PT';
  margin-right: 14px;
  font-weight: bold;
}

/*------------------------------------------------*/
/*inscriptions template */
/*------------------------------------------------*/

.inscription {
  width: 60%;
  margin: 0 auto;
}

.inscription iframe {
  width: 100% !important;
  height: 1200px !important;
}

.inscription p {
  color: white;
}

/*------------------------------------------------*/
/*association-liane page */
/*------------------------------------------------*/

.tabs-content {
  width: 60%;
  margin: 0 auto;
  min-height: 30vh;
}

.content_tabs {
  width: 90%;
  margin: 0 auto;
}

.content_tabs p {
  text-align: justify;
}

.selections_tabs {
  display: inline-block;
  width: 100%;
  font-family: 'PT';
  text-align: center;
  margin-bottom: 50px;
  white-space: nowrap;
  text-align: center;
}

.selection {
  display: inline-block;
  color: white;
  font-size: 16px;
  white-space: nowrap;
  padding: 5px 10px 5px 0;
}

.selection + .selection::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #f8ad00;
  display: inline-block;
  border-radius: 50%;
  margin-right: 14px;
}

.selections_tabs a:hover,
.selections_tabs a:focus {
  color: #f8ad00;
}

/* equipe */

.membre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em;
  padding-bottom: 1em;
}

.membre img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}

.membre p {
  align-self: baseline;
  margin: 15px;
  text-align: left;
}

.membre h3 {
  margin-left: 10px;
  margin-bottom: -10px;
}

.formation {
  margin-top: -15px;
}

/*selection des tabs script js*/

.tab-content {
  display: none;
}

.selection .active{
  color: #f8ad00;
}

.tab-content.active {
  display: block;
}

.yellow2 {
  color: #f8ad00;
}

/*------------------------------------*/
/* page news */
/*------------------------------------*/

.news{
  width: 60%;
  margin: 0 auto;
  min-height: 30vh;
}

.news p {
  text-align: justify;
}

.retour {
  margin-top: 15px !important;
}

.read {
  border: 0;
  border-radius: 128px;
  background: #f8ad00;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  padding: 10px;
  opacity: 1;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.read:hover {
  opacity: 0.85;
}

.realOver {
  margin-bottom: 120px;
}

.back {
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.back:hover {
  opacity: 0.85;
}

.loader {
  text-align: center;
}

/*pagination */

.paginate-links  {
  border: 0 none !important;
  text-align: center;
  margin-bottom: 15px;
}

.paginate-links li {
  display: inline-block;
  margin: 0 10px;
  font-size: 20px;
}

.paginate-links a {
  cursor: pointer;
  color: #f8ad00;
}

.paginate-links li.active a {
  color: white;
  background-color: #f8ad00;
  padding: 8px 16px;
  border-radius: 50%;
}

.paginate-links li.next:before {
  content: ' | ';
  margin-right: 13px;
  color: #ddd;
}

.paginate-links li.disabled a {
  color: #ccc;
  cursor: no-drop;
}

/*animations-VueJS*/

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0
}

/*page galerie photos*/

.entry-content {
  width: 60%;
  margin: 0 auto;
}

.gallery {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.gallery-icon img{
  display: block;
  width: 200px !important;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  margin: 0 auto;
  border: none;
}

.gallery-icon img:hover {
  opacity: 0.5;
}

.wp-caption-text {
  display: none;
}

/*footer */

footer {
  margin-top: 100px;
  border-top: 1px solid white;
}

.widget_footer_design {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin: 0 auto;
}

.widget-area aside {
  margin: 30px;
}

form#form-wysija-3.widget_wysija {
  display: flex;
}

.widget_wysija_cont .wysija-submit {
  margin-left: 10px;
  margin-top: -20px;
}

.widget-area input[type=submit] {
  height: 40px !important;
  align-self: center;
}

input.wysija-submit.wyssija-submit-field {
  padding: 10px;
  height: 20px;
  color: white !important;
}

.pictoFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pictoFooter img{
  margin: 25px;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.pictoFooter img:hover {
  opacity: 0.7;
}

.pictoFooter h6 {
  margin-top: -20px;
  text-align: center;
  color: #f8ad00;
  font-size: 14px;
  text-transform: uppercase;
}

#mainFooter {
  width: 100%;
  margin: 0 auto;
}

.widget-title {
  color: #f8ad00;
}

.footer-credits {
  text-align: center;
}

.credits p{
  color: white;
  font-size: 15px;
}

.soutiens_logos {
  width: 100%;
  text-align: center;
  margin: auto;
  object-fit: cover;
  background-color: white;
  margin-bottom: 20px;
}

/*404*/

.lost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto;
  align-items: center;
}

.lost p {
  text-align: center;
  margin-top: 20px;
}

.maintenance_text {
  margin-bottom: 10px;
}

/*calendrier le refuge */

a.back, span.ch-current, a.ch-next, a.ch-prev {
  color: #f8ad00 !important;
}

.chronosly-cal.ch-default .ch-navigate-type .ch-current, .chronosly-cal .ch-navigate-type a:hover {
  background: #f8ad00 !important;
}

.chronosly-cal.ch-default.medium .ch-navigate .ch-links a:hover .arrow-down {
  border-top: 10px solid white !important;
}

.chronosly-cal.ch-default.medium .ch-navigate .ch-links .arrow-down {
  border-top: 10px solid #f8ad00 !important;
}

.chronosly-cal.ch-default.medium .ch-navigate .ch-links a:hover .arrow-up {
  border-bottom: 10px solid white !important;
}

.chronosly-cal.ch-default.medium .ch-navigate .ch-links .arrow-up {
  border-bottom: 10px solid #f8ad00 !important;
}

.chronosly-cal.ch-month.ch-default .m_names span {
  background: #f8ad00 !important;
}

.chronosly-cal.year.ch-default .ch-month .m_names {
  background: #f8ad00 !important;
}

.chronosly-cal.year.ch-default .m_grid .ch-foot.today {
   background: #f8ad00 !important;
}

.chronosly-cal.year.ch-default .ch-month .m_tit a, .chronosly-cal.year.ch-default .ch-month .m_tit a:hover {
  color: #f8ad00 !important;
}

.chronosly-cal.week.ch-default .m_names span {
  background: #f8ad00 !important;
}

.chronosly-cal.ch-default .ch-navigate .ch-links a:hover .arrow-up {
   border-bottom: 10px solid white !important;
}

.chronosly-cal.ch-default .ch-navigate .ch-links .arrow-up {
  border-bottom: 10px solid #f8ad00 !important;
}

.chronosly-cal.ch-default .ch-navigate .ch-links a:hover .arrow-down {
  border-top: 10px solid white !important;
}

.chronosly-cal.ch-default .ch-navigate .ch-links .arrow-down {
  border-top: 10px solid #f8ad00 !important;
}

/*--------------------------------------------*/
/*media queries */
/*--------------------------------------------*/

@media (max-width: 1224px) {
  .content_gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1024px) {

	/*papillons menu responsive */

	li.menu-item + .menu-item::before {
	  content: '' !important;
	}

	/* gallery activités */
	.content {
	  display: block;
	}

  .content_gallery {
    grid-template-columns: repeat(3, 1fr);
  }

	/*single activité */

	.single_activite {
	  margin: 0 auto;
	  width: 80%;
	}

	.nav-previous {
	  white-space: nowrap;
	  overflow: auto;
	}

	.nav-next {
	  white-space: nowrap;
	  overflow: auto;
	}

	/* page association-liane */

	.tabs-content {
	  width: 90%;
	}

	/*tabs */

	.selections_tabs {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	  overflow: auto;
	}

	.selections_tabs a{
	  font-size: 16px;
	}

	.selections_tabs a:after {
	  content: '';
	  margin: 0px;
	}

	.gallery-columns-4 .gallery-item {
	  max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
	  max-width: 50%;
	}

	/*footer */

	.widget_footer_design {
	  display: block;
	  width: 100%;
	}

	.pictoFooter {
	  width: 50%;
	  margin: 0 auto;
	}

	form#form-wysija-3.widget_wysija {
	  display: block;
	}

	.widget_wysija_cont .wysija-submit {
	  margin-left: 0px;
	  margin-top: 0px;
	}

	.newsletter {
      width: 20%;
	  margin: 0 auto;
	}
}

@media (max-width: 768px) {
  .content_gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery_center h2{
    width: 100%;
  }
	/*single activité */

	.single_activite {
	  display: block;
	  margin-bottom: 160px;
	}

	.single_activite .read {
	  width: 90%;
	  margin-top: 25px;
	}

	.activite_text {
	  width: 90%;
	  margin-bottom: 30px;
	}

	.activite_items {
	  width: 90%;
	  margin-bottom: 40px;
	}

	/* footer */

	.pictoFooter {
	  width: 70%;
	  margin: 0 auto;
	}

	.newsletter {
	  width: 30%;
	  margin: 0 auto;
	}

	/*page association-liane - equipe */

	/* equipe */

	.membre {
	  margin: 0;
	}

	.membre img {
	  width: 75px;
	  height: 75px;
	  margin-top: 20px;
	}

	.membre p {
	  font-size: 16px;
	  -ms-flex-item-align: start;
      align-self: flex-start;
	}

	.membre h3 {
	  font-size: 18px;
	}

	/* devenir membre */

	input[type="text"],
	input[type="email"],
	input[type="tel"],
	noscript {
	  max-width: 100%;
	}

	/*page news */

	.news{
	  width: 80%;
	}

	.inscription {
	  width: 90%;
	  margin: 0 auto;
	}

	.lost {
	  display: block;
	  margin-top: 50px;
	}

	.lost p {
	  text-align: center;
	}

	.lost img {
	  width: 100%;
	  margin: 0 auto;
	}
}

@media (max-width: 667px) {
	/*gallery activités */

	.content_gallery {
    display: block;
  }

	.pictoFooter {
	  width: 80%;
	  margin: 0 auto;
	}

	/*footer */

	.newsletter {
	  width: 60%;
	  margin: 0 auto;
	}

	/*single activité */

	::-webkit-scrollbar {
      -webkit-appearance: none;
	}
	::-webkit-scrollbar:vertical {
	  width: 12px;
	}
	::-webkit-scrollbar:horizontal {
	  height: 12px;
	}
	::-webkit-scrollbar-thumb {
	  background-color: #f8ad00;
	  border-radius: 10px;
	  border: 2px solid #ffffff;
	}
	::-webkit-scrollbar-track {
	  border-radius: 10px;
	  background-color: #ffffff;
	}

	.dotted {
	  margin-bottom: 25px;
	}

	.animateur::before {
	  display: block;
	}

	.date::before {
	  display: block;
	}

	.horaires::before {
	  display: block;
	}

	.lieu::before {
	  display: block;
	}

	.prix::before {
	  display: block;
	}

	.prix::before {
	  display: block;
	}

	.activite_items_overflow {
      overflow-x: auto;
	}

	.activite_items p {
	  margin-top: 0px;
	}

	.animateur::before {
	  font-size: 20px;
	}

	.date::before {
	  font-size: 20px;
	}

	.horaires::before {
	  font-size: 20px;
	}

	.lieu::before {
	  font-size: 20px;
	}

	.prix::before {
	  font-size: 20px;
	}

	.public::before {
	  font-size: 20px;
	}

	.post-navigation_pc {
	  display: none;
	}

	.post-navigation_mobile {
	  display: block;
	}

	/*page news */

	.news{
	  width: 90%;
	}

	.news h2{
	  font-size: 22px;
	}

	.paginate-links  {
	  overflow-x: auto;
	  white-space: nowrap;
	  padding: 5px;
	}

	.realOver {
	  margin-bottom: 150px;
	}

	.paginate-links li.active a {
	  padding: 3.5px 9px;
	  border-radius: 50%;
  }

}

@media (max-width: 556px) {
	.entry-content {
	  width: 90%;
	  margin: 0 auto;
	}

	/*gallery photos */

	.gallery-columns-4 .gallery-item {
	  max-width: 100% !important;
	}

	.gallery-columns-3 .gallery-item {
	  max-width: 100% !important;
	}

	.gallery-icon img{
	  height: 100%;
	}

	/* equipe */

	.membre {
      overflow: auto;
	  white-space: nowrap;
	}

	.membre img {
	  min-width: 75px !important;
	}
}

@media (max-width: 524px) {
	.newsletter {
	  width: 70%;
	  margin: 0 auto;
	}
}

@media (max-width: 386px) {
	/*footer */

	.newsletter {
	  width: 90%;
	}
}