/*
Theme Name: Cinéma
Theme URI: http://localhost/cinema/
Template: twentyseventeen
Author: Marie Bourdon
Author URI: http://mariebourdon.fr/
Description: Thème enfant basé sur Twenty Seventeen
Version: 1.0.1643031309
Updated: 2022-01-24 14:35:09

*/

/* ----------------
 * titre des panels
 * */
 @media screen and (min-width: 48em){
	.panel-image{
		height:60vh;
		max-height:1200px;
	}
}

.page.page-one-column .entry-header {
  background: #fff;
  padding: 0.5rem;
  position: absolute;
  top: -30vh;
}

.home.colors-dark .page .panel-content .entry-title {
  font-size: 2rem;
  color: #000;
}

.home.colors-dark a {
  color: #000;
}

.page .post .entry-header {
  background: initial;
  padding: initial;
  position: initial;
}

.colors-dark .page .post .entry-title {
  font-size: 1.5rem;
}

/* ----------------
 * liste des films
 * */
.page-one-column .panel-content .wrap {
    max-width: 1000px;
}
.wp-block-post-template li {
    margin-bottom: 0 !important;
}
.wp-block-group {
    padding: 0 !important;
}
.wp-block-group__inner-container {
    display: grid;
}
.wp-block-post-featured-image {
    grid-column: 1;
    grid-row: 1/3;
    background: #000;
    max-height: 380px;
    overflow: hidden;
}
.wp-block-group__inner-container:hover .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    opacity: 0.1;
}
.wp-block-post-title {
    grid-column: 1;
    grid-row: 1;
    padding: 2rem 1rem 0;
    align-self: end;
    display: none;
	  z-index:1;
}
.wp-block-post-excerpt {
    grid-column: 1;
    grid-row: 2;
    padding: 0 1rem 2rem;
    display: none;
}
.colors-dark .wp-block-query a {
  color: #fff;
}
.wp-block-group__inner-container:hover .wp-block-post-title,
.wp-block-group__inner-container:hover .wp-block-post-excerpt {
    display: block;
}


/* ----------------
 * film seul
 * */

 .content {
  border-bottom: 1px solid #333;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

@media screen and (min-width:768px) {
  .wrap-single{
  display:flex;
  flex-direction:row-reverse;
}


.figure {
  margin-left:3rem;
}
}

/*---------------
menu légal pied de page
*/
.footer-menu-nav {
  float: left;
}
@media screen and (min-width:400px) {
  .footer-menu {
    display: flex;
  }
}
.footer-menu {
  list-style: none;
}
@media screen and (min-width:48em) {
  .footer-menu {
    padding: 0.7em 0 0;
  }
}
.footer-menu .menu-item {
  margin-right: 1rem;
}
.colors-dark .footer-menu a {
  color: #eee;
  font-size: 0.875rem;
}
.site-info {
  float: right;
  width: auto;
}