.sparta-button-list {
    padding-left: 0em;
    margin-bottom: 0px;
}

.color-sparta-lightgrey {
    color: #eeeeee !important;
}

.color-sparta-lightgrey-bg {
    background-color: #eeeeee;
}

.color-sparta-darkgrey {
    color: #666666;
}

.color-sparta-darkgrey-bg {
    background-color: #666666 !important;
}

.color-sparta-blue {
    color: #003366 !important;
}

.color-sparta-orange {
    color: #ff6600 !important;
}

.color-sparta-orange-bg {
    background-color: #ff6600 !important;
}


.no-sparta-blue {
    color: #3498db !important;
}

.color-sparta-negative {
    background-color: #ee3a1f;
}

.color-sparta-positive {
    background-color: #44aa44;
}

.color-sparta-neutral {
    background-color: #aaaaaa;
}

.mt-6 {
    margin-top: 4rem;
}

.mt-7 {
    margin-top: 5rem;
}


.justyfied-text {
    text-align: justify;

}

.active-sparta-navbar {
    color: #003366;
    border-bottom: solid #ed6600;
  }

.sparta-active {
    font-weight: bold;
    /*background-color: #003366 !important;*/
    border-bottom: solid #ed6600;
}

.sparta-button {
    margin: 2px;
    box-shadow: None;
    color: #fff;
    background-color: #003366;
    border-color: #003366;
    border: 3px solid #003366;
}

.sparta-button:focus {
    box-shadow: None ! Important;
    color: #003366;
    background-color: #ed6600 ! Important;
    border-color: #ed6600 ! Important;
    border: 3px solid #ed6600;
}

.sparta-button-active {
    box-shadow: None ! Important;
    background-color: #ed6600 ! Important;
    /*border-color: #ed6600 ! Important;*/
    border: 3px solid #003366;
}

.sparta-button:hover {
    box-shadow: None ! Important;
    color: #003366;
    background-color: #ed6600 ! Important;
    border-color: #ed6600 ! Important;
    border: 3px solid #ed6600;
}

.large-sparta-icon{
    height: 100%;
    stroke: #ed6600 !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.text-margin-sparta {
    margin-left: 20rem;
    margin-top: 3.5rem;
    margin-right: 20rem;


}

.center {
    margin-left: auto;
    margin-right: auto;
  }

.blogentry {
    margin-top: calc(5px + 2vmin);
}

.blogentry span {
    float: right;
}

.newsentry {
    margin-top: 3vmin;
    border-bottom: 1px solid grey;
}

.newsentry h5{
    float: left;
}

.newsentry span{
    float: right;
}

.sparta-heading {
    color: black;
    text-align: left;
}

.party-candidate-card {
    width: 100%;
    background-color: rgb(248, 248, 248);
}

.sparta-contain-small {
    width: 50%;
    height: 4vh;
    object-fit: contain;
}


.sparta-contain-middle {
    width: 100%;
    height: 8vh;
    object-fit: contain;
}

.sparta-contain-big {
    width: 100%;
    height: 16vh;
    object-fit: contain;
}

/* design cards */
.sparta-card-header {
    height: 3.3rem;
}
.sparta-card-header .party-logo {
    float: right;
    max-width: 30%;
    margin-left: 5%;
}

@media (max-width: 576px) {
    .sparta-card-header  {
        height: 4.5rem;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .sparta-card-header  {
        height: 3.3rem;
    }
    .sparta-card-header .party-logo {
        height: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .sparta-card-header  {
        height: 4.5rem;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .sparta-card-header  {
        height: 4.5rem;
    }
}

/*for alternative header*/
.navbar a {
    margin: 0px;
    margin-left: 24px;
    margin-right: 24px;
}

body {
    display: flex;
    min-height: 100vh; /* spread the body to the whole visible page */
    flex-direction: column;
}
#sparta-container {
    flex:1; /* main content grows - remaining space will be filled up */
    margin-bottom: 20px;
}

.section-title {
    margin-top: 3vh;
}