/* Xavier Giró 14/2/2017 */
/* ARMIF Proposta interuniversitària de formació inicial de mestres en tecnologies digitals */

/* body */

body {
  font-family: "Open Sans", Roboto, Arial, "Helvetica Neue", Helvetica,
    sans-serif;
}

/* Header */
header {
  background: #444;
  background-image: url("../img/header-min.jpg");
  background-size: cover;
  padding: 0.5vm;
  margin: 0 auto;
}

header h1 {
  color: #e8e8e8;
  font-family: "Raleway", "Open Sans", Roboto, Arial, "Helvetica Neue",
    Helvetica, sans-serif;
  font-size: 3rem;
  text-shadow: 1px 1px 4px #444;
  line-height: 1.1em;
  padding-bottom: 4rem;
}

.hero-simposi h1 {
  font-weight: bold;
  padding-bottom: 0;
}

.hero-simposi h2 {
  font-family: "Open Sans", Roboto, Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  color: #e8e8e8;
  font-weight: 300;
  text-shadow: 1px 1px 2px #222;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 0.1rem;
}

header .subtitol {
  color: #e8e8e8;
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  font-size: 1.2rem;
}

header .hero,
header .hero-simposi {
  padding: 10rem 0;
}

a.boto,
form button[type="submit"] {
  border: 3px solid #e8e8e8;
  padding: 0.8em 2em;
  border-radius: 8px;
  text-transform: uppercase;
  color: #e8e8e8;
}

a.boto:hover,
form button:hover {
  background-color: #e8e8e8;
  color: #424242;
}

header a.boto {
  font-size: 1.2rem;
}

/* Common config */
section h2 {
  font-family: "Open Sans", Roboto, Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  font-weight: 200;
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
}

section hr {
  width: 140px;
  height: 6px;
  margin: -1rem 0 2rem;
  background-color: #e8e8e8;
  border: none;
  text-align: left;
}

section {
  padding: 4rem 0;
}

section h2 {
  text-align: center;
}

.extra-vertical-padding {
  padding: 3rem 0;
}

.extra-bottom-padding {
  padding-bottom: 2rem;
}

.exta-top-padding {
  padding-top: 2rem;
}

section h3 {
  font-family: "Open Sans", Roboto, Arial, "Helvetica Neue", Helvetica,
    sans-serif;
  font-size: 1.5rem;
  margin-top: 0;
}

.clear-all {
  clear: both;
}

.menu > li > a {
  padding: 1rem 0;
  margin: 0 1.5rem;
  border-bottom: 1px solid #e8e8e8;
}

nav {
  background-color: transparent;
  box-shadow: none;
}

nav ul li {
  text-transform: uppercase;
  padding: 0;
  /* margin: 0 2rem; */
}

nav ul a {
  padding: 0;
  line-height: 3rem;
  color: #e8e8e8;
}

nav ul a:hover {
  background-color: inherit;
  border-bottom: 1px dashed #e8e8e8;
  color: #e8e8e8;
}

nav ul.menu {
  padding-top: 2rem;
  /* max-width: 780px; */
}

/* Section: Simposi */
#seminari {
  background: #e8e8e8 url(../img/curls.png);
  color: #e8e8e8;
}

#seminari a {
  border: 2px solid #e8e8e8;
  border-radius: 50px;
  padding: 1em 2em;
  color: #e8e8e8;
  font-weight: bold;
  display: inline-block;
}

#seminari a:hover {
  background-color: #e8e8e8;
  color: #333;
}

#seminari h2 {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  padding: 1rem;
}

#seminari p {
  margin: 1rem 0;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* Section: Antecedents */
#antecedents {
  background-color: #444;
  color: #e8e8e8;
}

#antecedents-ill {
  padding-top: 1.78rem;
  padding-right: 1rem;
}

/* Section: Participants */
#participants {
  background-color: #3f51b5;
  color: #e8e8e8;
}

#participants h3 {
  margin: 1rem 0 0.5rem;
}

#participants img {
  padding: 1.2rem 2rem;
}

#participants p {
  margin: 0.2rem 0;
}

/* Section: Documents */
#documents {
  background-color: #37474f;
  color: #e8e8e8;
}

#documents a {
  color: #e8e8e8;
}

#documents .column:last-child:not(:first-child),
#documents .columns:last-child:not(:first-child) {
  float: left;
}

.doc {
  padding-top: 2em;
}

.doc img {
  float: left;
}

.doc p {
  padding-left: 100px;
}

.doc a {
  font-weight: bold;
}

.doc .subtitle {
  font-size: 0.9rem;
  color: #aaa;
}

/* Section: Contacte */
#contacte {
  background-color: #8bc34a;
  color: #e8e8e8;
}

#contacte .contacte-gran a {
  font-size: 1.5rem;
  font-weight: 300;
  color: #e8e8e8;
  display: block;
}

#contacte hr {
  width: 100%;
  height: 0;
  background-color: transparent;
  border-bottom: 5px dotted #ddd;
}

#contacte .boto-contacte {
  margin-top: 3rem;
}

/* Footer */
footer {
  padding: 3rem 0;
  background-color: #263238;
  color: #e8e8e8;
}

footer ul li {
  padding: 0.5rem 0 0.5rem 3rem;
  text-transform: uppercase;
  list-style-type: none;
}

footer ul a {
  color: #e8e8e8;
  padding-bottom: 0.5rem;
}

footer ul a:hover,
#footer-menu-small a:hover {
  color: #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.copyright {
  font-size: 1.2rem;
}

#footer-menu-small {
  text-transform: uppercase;
  margin: 2rem 0;
}

#footer-menu-small a {
  color: #e8e8e8;
  padding: 0 0.5rem 0.5rem;
  line-height: 2.5rem;
}

#footer-menu-small li {
  list-style: none;
}

/* simposi */

#sim-presentacio {
  background: #e8e8e8 url(../img/curls.png);
  color: #e8e8e8;
}

#sim-presentacio a {
  color: #888;
  font-weight: bold;
}

#sim-video {
  background: #888 url(../img/funky-lines.png);
  color: #222;
}

#sim-video p {
  text-transform: uppercase;
  padding: 0.5rem 0.5rem 0 0;
  margin-top: 1rem;
  border-top: 2px dotted #ddd;
}

#sim-programa {
  background: #e8e8e8 url(../img/circles-light.png);
}

#sim-programa table td {
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
  padding: 0.6rem;
}

#sim-programa table,
#sim-programa table tr,
#sim-programa table tbody {
  background-color: transparent;
  border: none;
}

#sim-lloc {
  color: #e8e8e8;
  background-color: #333;
  padding: 0;
}

#sim-lloc h2 {
  text-align: left;
}

#sim-lloc h3 {
  text-transform: uppercase;
}

#sim-organitzacio ul li {
  list-style: none;
  padding-bottom: 1rem;
}

#sim-organitzacio ul {
  margin-left: 0;
}

#sim-inscripcio {
  color: #fff;
  background-color: #8bc34a;
}

#sim-inscripcio a {
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid;
}

#sim-participants {
  background-color: #3f51b5;
  color: #e8e8e8;
}

.min-bloc {
  min-height: 250px;
}

.pd-top {
  padding-top: 2rem;
}

.pd-top-ext {
  padding-top: 4rem;
}

.pd-all {
  padding: 4rem;
}

.subtitol {
  font-size: 0.9em;
  color: #666;
}

/* Media queries */

/* Small only */
@media screen and (max-width: 39.9375em) {
  header h1 {
    font-size: 2rem;
  }

  .llista-persones,
  .llista-fases {
    text-align: center;
  }

  .llista-fases img {
    margin-top: 2rem;
  }

  .menu > li > a {
    padding: 1rem 0;
    margin: 0 0.5rem;
    font-size: 0.8rem;
  }

  header .hero {
    padding: 3rem 0;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  header h1 {
    font-size: 2.5rem;
  }

  .llista-fases {
    text-align: center;
  }

  .llista-fases img {
    margin-top: 2rem;
  }

  .menu > li > a {
    padding: 1rem 0;
    margin: 0 1rem;
  }
}

.pt-3 {
  padding-top: 3rem;
}

/* Large and up */
@media screen and (min-width: 64em) {
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}