/*
 Theme Name:   BRT BLU TARANTO
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

/* Definizione delle variabili dei colori */
:root {
    --matisse: #2253A1;
    --havelock-blue: #449DD7;
    --boulder: #7c7c7c;
    --black: #000000;
    --white: #FFFFFF;
}

/* Stili generali */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--white); /* Imposta il colore di sfondo bianco */
    color: var(--black); /* Imposta il colore del testo in Boulder */
}

/* Testo dei titoli */
h1, h2, h4, h5 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: var(--matisse); /* Imposta il colore dei titoli in Matisse */
    margin-bottom: 25px;
}

.card-title{
    color: var(--matisse);
}

h2 {
    font-weight: 900;
    border-bottom: 2px dashed var(--matisse);
    margin-bottom: 15px;
    margin-top: 25px;
    display: inline-block;
}

h2.p3 {
    border-bottom: 2px dashed var(--white);
    margin-bottom: 15px;
    margin-top: 25px;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--matisse);
}

h6 {
    text-transform: uppercase;
}

a {
    text-decoration: none;
    color: var(--havelock-blue);
}

a:hover {
    color: var(--matisse);
}

p {
    text-align: justify;
}

/* Effects & Animations */
.enlarge {
    transition: transform 330ms ease-in-out;
}

.enlarge:hover {
    transform: scale(1.05);
}


/* Button */
.btn-primary {
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid white;
    color: var(--white);
    background-color: transparent;
    font-weight: 600;
    padding: 15px 20px;
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
    background-color: white;
    color: var(--matisse);
    border: 1px solid white; /* Bordo bianco */
}

/* Fix per il problema del rosso su alcuni browser */
.btn-primary:active {
    background-color: white !important; 
    color: var(--matisse) !important;
    border: 1px solid var(--white) !important;
}

.btn-secondary {
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid var(--matisse);
    color: var(--matisse);
    background-color: transparent;
    font-weight: 600;
    padding: 15px 20px;
}

.btn-secondary:hover, 
.btn-secondary:active, 
.btn-secondary:focus {
    background-color: var(--havelock-blue);
    color: var(--white);
    border: 1px solid white; /* Bordo bianco */
}

/* Fix per il problema del rosso su alcuni browser */
.btn-secondary:active {
    background-color: var(--havelock-blue) !important;
    color: var(--white) !important;
    border: 1px solid var(--white) !important; /* Bordo bianco */
}

.btn-tertiary {
    text-transform: uppercase;
    border-radius: 0;
    color: var(--white);
    background-color: var(--matisse);
    font-weight: 600;
    border: none;
}

.btn-tertiary:hover, 
.btn-tertiary:active, 
.btn-tertiary:focus {
    background-color: var(--havelock-blue);
    color: var(--white);
}

/* Fix per il problema del rosso su alcuni browser */
.btn-tertiary:active {
    background-color: var(--havelock-blue) !important;
    color: var(--white) !important;
}

/* Voci di menù */
.navbar-nav .nav-link {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--matisse);
}

.navbar-nav .nav-link:hover {
    color: var(--havelock-blue);
}

/* Voci di menù attive */
.navbar-nav .nav-link.active {
    color: var(--havelock-blue);
}

.nav-toggler {

}

.nav-toggler:hover {

}

/* Quando il pulsante è in focus o attivo, cambia il colore dell'icona */
.nav-toggler:focus i,
.nav-toggler:active i {

}

.nav-toggler:focus,
.nav-toggler:active {

}

.nav-toggler.btn:focus {

}

/* Dropdown menù */
.dropdown-menu {

}

.dropdown-item {

}

.dropdown-item:hover {

}

/* Dropdown voci attive */
.dropdown-item.active {

}