:root{
    --blue:#2B5797;
    --light:#f8f9fa;
    --white:#ffffff;
    --gray:#6c757d;
    --primary:#2B5797;
    --warning:#FFD600;
}

body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    background-color:var(--light);
    color:#212529;
}

.bg-primary{background-color:var(--blue)!important}
.text-primary{color:var(--blue)!important}

.navbar-brand img{max-height:40px}
.carousel-caption{background:rgba(0,0,0,.5);border-radius:.5rem}
.city-list .btn{margin-bottom:.25rem;font-size:.8rem}

.card{
    transition:transform .3s,box-shadow .3s;
    overflow:hidden;
}
.card:hover{
    transform:translateY(-5px);
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){
    background:var(--blue);
    color:var(--white);
}

.btn-primary{
    background:var(--blue);
    border-color:var(--blue);
}
.btn-primary:hover{
    background:#1e3d6f;
    border-color:#1e3d6f;
}

.form-control:focus{
    border-color:var(--blue);
    box-shadow:0 0 0 .2rem rgba(43,87,151,.25);
}

footer a:hover{text-decoration:underline!important}

.ratio iframe{border-radius:.5rem}

@media(max-width:576px){
    .carousel-caption h2{font-size:1.25rem}
    .carousel-caption .lead{font-size:1rem}
    .city-list .btn{font-size:.75rem}
}