/*Squares CSS*/
.newssquare{
    width: auto;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    color: white;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.onesquare {
    height: 191px;
    width: 191px;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    color: white;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.carousel{
    height: 191px;
    width: 191px;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    color: white;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.carousel-indicators [data-bs-target] {
    width: 25px;
}

.onesquare:hover {
    filter: brightness(1.1) drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.9));;
    transition: 511ms;
}

.doublesquare:hover {
    filter: brightness(1.1) drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.9));;
    transition: 511ms;
}

.quadsquare:hover {
    filter: brightness(1.1) drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.9));;
    transition: 511ms;
}

.doublesquare {
    height: 191px;
    width: 386px;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    color: white;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.quadsquare {
    height: 386px;
    width: 386px;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: cover;
    overflow: hidden;
    text-decoration: none;
    color: white;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.tiles {
    transition: 300ms;
    padding: 0 !important;
}

.quadsquare, .doublesquare, .onesquare a {
    color: #FFFFFF !important;
}
.onesquare header h2{
    color: #FFFFFF !important;
}

h2 a{
    color: white;
}
header h2 a:hover{
    color: white;
}

.onesquare h2  {
    padding: 32px 20px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;

}

.doublesquare h2 {
    padding: 32px 20px;
    text-transform: uppercase;
}

.quadsquare h2 {
    padding: 32px 20px;
    font-size: 45px;
    font-weight: 500;
}

.onesquare h3 {
    padding: 32px 20px;
}

.doublesquare h3 {
    padding: 32px 20px;
}

.quadsquare h3 {
    padding: 32px 20px;;
}
/*New Spd Colors*/
.bred{
    background-color: #e00a1d!important;
}
.bblue{
    background-color: #1da0d6!important;
}
.bpurple{
    background-color:#6c226f!important;
}
/*Old Spd Colors*/
.bredold{
    background-color: #e30613!important;
}
.bdarkredold{
    background-color: #b61c3e!important;
}
.bblueold{
    background-color: #046285!important;
}
.bgreenold{
    background-color: #005d69!important;
}
.bpinkold{
    background-color: #e30067!important;
}
.bgreyold{
    background-color: #666666!important;
}
.full-width header h2{
    color:#e00a1d;
}
@media only screen and (max-width: 1199px) {
    .onesquare{
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
    }
    .doublesquare{
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
    }
    .quadsquare{
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
    }
}