/*
Theme Name: AOW Theme
Theme URI: https://ao-wien.at/
Author: Maximilian Groß
Description: AOW One-Pager
Version: 1.0
*/

:root {
  --bs-primary: #0099a8;   /* Primary color for buttons, links, etc. */
  --bs-body-color: #57585a; /* Default text color */
}

/* Optional: Ensure buttons use new color */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #008896; /* slightly darker shade for hover */
  border-color: #008896;
}

/* Outline buttons */
.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  background-color: transparent;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn:disabled {
	background-color: #57585a;
	border-color: #57585a;
}

a {
  color: var(--bs-primary);
}

a:hover,
a:focus {
  color: darken(var(--bs-primary), 10%); /* optional slight darken on hover */
}

body, h1, h2, h3, h4, h5, h6, p, button, input, select, textarea, label, .card, .accordion-button {
    font-family: 'Roboto Slab', serif !important;
	overflow-wrap: break-word;
}


#heroCarousel img{
	width: 100%;              
    max-height: 750px;            
    object-fit: cover;         
    object-position: center;   
    display: block;             
}

/* Make carousel arrows circular, centered, and stylish */
.carousel-control-prev span,
.carousel-control-next span{
    background-color: rgba(0,0,0,0.4);
	color: white;
	padding: 20px;
	border-radius: 5px;
	transition: padding .15s linear;
}

.carousel-control-prev:hover span,
.carousel-control-next:hover span {
	padding: 25px;
}

.video-wrapper {
  background-color: #000; /* background behind video */
  max-width: 100%;
}