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

.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-top ul.menu > li:last-child a {
    color: #fff;
  }
}

.navigation-top {
  background-color: #a60707;
  border: none;
}

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

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

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

.navigation-top .wrap {

}

: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: #fff:q
  ;
}

.social-navigation a {
  background-color: #a60707;
  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: #571200;
}