/*
 Theme Name:   Twenty Seventeen La Resistencia
 Template:     twentyseventeen
 Text Domain: twentyseventeen-laresistencia
*/

.custom-header {
	background-color: rgb(128,32,35);
}

.single-featured-image-header {
	background-color: transparent;
	border: none;
}

.panel-image {
  position: relative;
}

.panel-image > .widget-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.panel-image > .widget-area > .widget {
  margin: auto 2em;
  text-align: center;
  color: #fff;
  font-size: 16pt;
  text-shadow: 2px 2px 2px #000;
  font-family: 'Playfair Display', serif;
  max-width: 30em;
}

@media screen and (min-width: 30em) {
  .site-branding {
    padding: 1em 0;
  }

  .panel-image > .widget-area > .widget {
    font-size: 20pt;
  }
}

@media screen and ( min-width: 67em ) {
  .navigation-top .wrap {
    padding: 0.25em 2em;
  }
}

@media screen and ( min-width: 48em ) {
  .navigation-top .wrap {
    max-width: 1000px;
    /* The font size is 14px here and we need 50px padding in ems */
    padding: 0.25em 3.4166666666667em;
  }
}

/* navigation colors */
.navigation-top, #top-menu {
  background-color: rgb(128,32,35);
  border: none;
}

.navigation-top a {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

.navigation-top a[aria-current=page] {
	color: #c9afaf;
}

.navigation-top li a:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

.navigation-top li a:hover, .main-navigation ul li a:hover, .main-navigation button:hover {
	color: #c9afaf;
}

.main-navigation ul ul, .main-navigation ul ul li:hover, .main-navigation ul ul li:focus, .main-navigation button.menu-toggle:hover, .main-navigation button.menu-toggle:focus, .main-navigation button.dropdown-toggle:hover, .main-navigation button.dropdown-toggle:focus {
  background-color: rgb(128,32,35);
}

/* .main-navigation ul ul li {
	border: 0.1px #FFFFFF;
	border-style: solid none;
} */

.main-navigation ul ul {
	border: none;
}

.main-navigation button {
  color: #ffffff;
}
/* ^ navigation colors */


:not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #767676;
}

.menu-toggle {
  color: #000:q
  ;
}

.social-navigation a {
  background-color: #ffffff;
  border-radius: 5px;
}

/*
.site-branding {
  background-image: url("/wp-content/themes/twentyseventeen-laresistencia/images/rays.png");
  background-size: 100% auto;
}
*/
#panel2 > div.panel-image {
  background-size: contain;
  background-color: #ffffff;
}

/* creates a gradient on the sides of the website, adjusts for smaller screen sizes */
#content, #page {
	background: linear-gradient(to right, rgb(244,169,20) 0%, rgb(244,169,20,0.2) 15%, rgb(244,169,20,0.2) 85%, rgb(244,169,20) 100%);
	min-height: 100vh; 
}

@media screen and ( max-width: 67em ) {
  #content, #page {
	  background: linear-gradient(to right, rgb(244,169,20) 0%, rgb(244,169,20,0.2) 10%, rgb(244,169,20,0.2) 90%, rgb(244,169,20) 100%);
	}
}

@media screen and ( max-width: 48em ) {
  #content, #page {
	  background: linear-gradient(to right, rgb(244,169,20) 0%, rgb(244,169,20,0.2) 5%, rgb(244,169,20,0.2) 95%, rgb(244,169,20) 100%);
	}
}
/* ^ gradient */


.tribe-events .tribe-events-l-container {
	width: 70%;
	color: red;
}

#tribe-events-content {
	width: 80%;
	margin: auto;
}

.background-fixed .panel-image {
    background-attachment: scroll;
}

/* hide the unused footer */
#colophon {
	display: none;
}