/*
Theme Name: Citizen Light
Theme URI: 
Description: Thme pour Ctiizen
Author: Citizen light
Author URI: 
Version: 1.0.1
Text Domain: pelicula
Template: pelicula
*/

#qodef-page-footer {
  position: relative;
  background-color:  black;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  z-index: 2;
}

#qodef-page-footer-top-area {
  padding: 10px 0;
  background-color:  black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0 solid rgba(0, 0, 0, 0.05);
}
#qodef-page-footer-bottom-area {
  padding: 10px 0;
  background-color:  black;
  border-top: 0 solid rgba(0, 0, 0, 0.05);
}

.archive div.qodef-e-content.qodef-e-content-main.qodef-e-content--appear {
  margin-top: 24px !important;
}

h2.qodef-e-title {
	font-size:30px;
	line-height:35px;
}

/* Timeline */
h2.cd-timeline-item-title {
  font-size: 18px;
  line-height: inherit;
}
.timeline-date {
  font-weight: 600;
}
.cd-timeline-content .the-excerpt {
  color: #333;
}

@media only screen and (max-width: 920px) {
  .qodef-grid.qodef-responsive--custom.qodef-col-num--768--1.qodef-layout--columns > .qodef-grid-inner > .qodef-grid-item {
    width: 100%;
  }

  body[class*="pelicula-core"] #qodef-page-footer-top-area .widget.widget_media_image a, body[class*="pelicula-core"] #qodef-page-footer-top-area .widget.widget_media_image img,
  body[class*="pelicula-core"] #qodef-page-footer-bottom-area .widget.widget_media_image a,
  body[class*="pelicula-core"] #qodef-page-footer-bottom-area .widget.widget_media_image img {
    display: block;
    margin: 0 auto !important;
  }
  body[class*="pelicula-core"] #qodef-page-footer-top-area .widget.widget_nav_menu ul,
  body[class*="pelicula-core"] #qodef-page-footer-bottom-area .widget.widget_nav_menu ul {
    -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;
  }
  body[class*="pelicula-core"] #qodef-page-footer-top-area .widget.widget_nav_menu ul > li,
  body[class*="pelicula-core"] #qodef-page-footer-bottom-area .widget.widget_nav_menu ul > li {
    margin: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
	.qodef-content-grid {
  		width: auto !important;
	}
}