/*
Theme name : Thème Crèche Pierre et le Loup
Theme URI : https://oceane.com
Author : Lao Océane
Author URI : https://oceane.com
Description : Création d'un thème Wordpress pour la crèche Pierre et le Loup
Version : 1.0
*/
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

header,
footer {
  color: white;
  background-color: #f4b18b;
  font-family: "Vibur", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
}

/* Dimension et disposition du logo dans l'en-tête */
img.custom-logo {
	width: auto;
	height: 150px;
	position : absolute;
	top : 10px;
	left : 145px;
}

.menu {
  margin-top: 10px;
}

.paragraph-header{
	font-size : 30px;
}

.menu > li {
  display: inline-flex;
  list-style: none;
  margin: 10px 10px 0px 10px;
}

li > a {
  color: white;
  list-style-type: none;
  text-decoration: none;
  text-transform: uppercase;
}

h1 {
  display: none;
}

h2,
#n2-ss-2item1 {
  font-size: 40px;
}

h3 {
  font-size: 35px;
}

li > a,
h2,
h3,
#n2-ss-2item1 {
  font-family: "Vibur", cursive;
  font-weight: 400;
  font-style: normal;
}

/* Afficher le contenu de l'image entièrement */
.wp-block-cover.custom-cover>img{
  object-fit: contain;
  padding: 25px;
}

/* Disposition des articles - Page Actualités */
.wp-block-uagb-container {
  flex-direction: column;
  justify-content: center;
}

/*Border colors des paginations - Page Actualités*/
.rt-pagination .pagination-list>.active>a, .rt-pagination .pagination-list>.active>a:focus, .rt-pagination .pagination-list>.active>a:hover, .rt-pagination .pagination-list>.active>span, .rt-pagination .pagination-list>.active>span:focus, .rt-pagination .pagination-list>.active>span:hover{
  border-color : white;
}

.rt-pagination .pagination-list>li>a:focus, .rt-pagination .pagination-list>li>a:hover, .rt-pagination .pagination-list>li>span:focus, .rt-pagination .pagination-list>li>span:hover{
  border-color:white;
}

/* Ajouter des borders autour des Questions FAQ */
.uagb-faq-questions-button.uagb-faq-questions{
  border-radius : 20px;
}

/*Customisation du menu de navigation en version mobile first*/
@media screen and (max-width: 1024px) {
  #rmp-menu-wrap-538 {
    display: flex;
    width: 100%;
    height: auto;
  }
  
  #rmp-menu-wrap-538 .rmp-menu,
  #rmp-menu-wrap-538 .rmp-submenu, 
  #rmp-menu-wrap-1113 .rmp-menu-wrap-1113 {
    margin-top: 200px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}

@media only screen and (max-width: 768px) {
  img.custom-logo{
    position : sticky;
    height : 80px;
  }
	
	.paragraph-header{
		display : none;
	}
	
  /* For mobile phones: */
  #menu-menu-principal-container{
    display: none;
  }
	
  #rmp-menu-wrap-538 .rmp-menu-item-link {
    padding-right: 0px;
  }

  .custom-logo {
    margin-right: 150px;
  }

  h2,
  #n2-ss-2item1 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
    padding : 0px;
  }

  /*Responsive design disposition des blocs - Page Journée à la crèche*/
  .uagb-container-inner-blocks-wrap{
    flex-direction: column;
  }

  .wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-838ef105 > .uagb-container-inner-blocks-wrap, .wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-23425eb7 > .uagb-container-inner-blocks-wrap{
    flex-direction : column-reverse;
  }

   /*Responsive design taille des titres Questions - Page FAQ*/
  .uagb-block-b5ee3a4b .uagb-faq-questions-button .uagb-question {
    font-size : 16px;
  }
}