/*
 Theme Name:   VIOS Astra Child
 Theme URI:    https://vios-reeuwijk.nl/
 Description:  Astra child theme voor Toneelvereniging VIOS (sinds 1921)
 Author:       VIOS
 Template:     astra
 Version:      1.0.0
 Text Domain:  vios-astra-child
*/

/* Variabelen volgens styleguide */
:root{
  --vios-blue:#1E2C62;
  --vios-red:#E03138;
  --vios-white:#FFFFFF;
}

/* Basis */
body{
  font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: var(--vios-blue);
  font-weight:700;
}

/* Knoppen */
.wp-block-button__link, .ast-button, .button, button, input[type=submit]{
  background: var(--vios-red);
  border-radius: 6px;
  border: 0;
  color: #fff;
  padding: 12px 20px;
  text-decoration: none;
}
.wp-block-button__link:hover, .ast-button:hover, .button:hover, button:hover, input[type=submit]:hover{
  filter: brightness(0.92);
}

/* Header CTA knop (Tickets) */
.header-cta .menu-link{
  background: var(--vios-red);
  color:#fff !important;
  padding:10px 16px;
  border-radius:8px;
}

/* Hero */
.vios-hero{
  background: linear-gradient(180deg, rgba(30,44,98,0.85), rgba(30,44,98,0.6)), url(assets/hero-fallback.jpg);
  background-size: cover;
  background-position: center;
  color:#fff;
  padding: 80px 0;
}
.vios-hero h1, .vios-hero p{
  color:#fff;
}

/* Secties */
.section{
  padding: 56px 0;
}
.section.blue{
  background: var(--vios-blue);
  color:#fff;
}
.section.red{
  background: var(--vios-red);
  color:#fff;
}
.section .section-title{
  margin-bottom: 8px;
}
.section .section-subtitle{
  opacity:.9;
  margin-bottom: 24px;
}

/* Footer */
.site-footer{
  background: var(--vios-blue);
  color:#fff;
}
.site-footer a{ color:#fff; }