/*
Green - 88FF00  6CB01E
DGreen - 6E993D 6A7D54
Gold - FFEF00   E3D83D
Purple - 2132CC 7C78E6
Blue -          1E3FB0

E97926

 */

.bs4-city-primary { color: #EF7E2D; }
.bs4-city-secondary { color: #6A7D54; }
.bs4-jumbotron-p { color: #6A7D54; }
.bs4-city-navigation {
	background-color: white;
    color: #46620B;
}
.bs4-city-nav-active {
	background-color: #46620B;
    color: white;
	font-weight: bold;
}
.bs4-button-text {
    color: white;
    font-weight: bold;
    border-color: white;
}
.wessex-tag {
    font-size: 2rem;
    font-weight: bold;
}

header {
    border: 2px solid #46620B;
}
main {
    border: 2px solid #46620B;
    border-top: none;
    border-bottom: none;
}
footer {
    border: 2px solid #46620B;
    border-top: none;
}
h1 { text-shadow: .1rem .25rem #46620B; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', serif; }
p { font-family: "Montserrat", sans-serif; font-weight: 500; }

/* ################     JUMBOTRON     ################ */
@media (max-width: 575px) { .jumbotron h2 { display: none; } }

/* ################     CAROUSEL     ################ */
.carousel { margin: 0 auto; }
.carousel img { margin: 0 auto; }
@media (max-width: 667px) { .carousel { display: none; } }

/* ################     MAYOR     ################ */
.mayor-office { margin: 0 auto; }
@media (max-width: 576px) {
    h5 { font-size: 1.3rem; }
    p { font-size: .9rem;} }
	
@media (min-width: 992px)  AND (max-width: 1100px){
    h5 { font-size: 1.2rem; }
    p { font-size: .8rem;} }

/* ################     HIGHLIGHTS     ################ */
.card-img-overlay {
    text-align: center;
    margin: 0 -1rem 0 -1rem;
}
.fa-scroll { color: gold; }
.fa-money-bill { color: lightgreen; }
.fa-dragon { color: red; }
.fa-industry { color: lightblue; }
@media (max-width: 575px) { h6 { font-size: .5rem; font-weight: bold; } }
@media (min-width: 576px) { h6 { font-size: .8rem; } }
@media (min-width: 1200px) { h6 { font-size: 1rem; } }
.card { border: 2px solid #46620B; }
.news-cards h6 { 
	font-family: "Arial Black", sans-serif;
	color: black;
}
/* ################     TABLE     ################ */
.table .thead-dark th {
    background-color: #46620B;
}
.table tbody th {
    color: #EF7E2D;
}


/* ################     FOOTER     ################ */
footer {
    background-color: #46620B;
    color: #EF7E2D;
    font-weight: bold;
}