:root {
    --client-cell-padding: 10px;
}

.horizToStackList {
    padding-left: 12px;
    margin-bottom: 0;
}

.card-bids, .card-sys {
    padding: 10px;
}

    .card-bids h4, .card-sys h4 {
        font-weight: bold;
    }

/* Overrule js for equal panel height on small screen, where they should stack*/
@media only screen and (max-width:767px) {
    .card-bids, .card-sys {
        height: auto !important;
    }
}

.client-row {
    margin-left: calc(-1 * var(--client-cell-padding));
    margin-right: calc(-1 * var(--client-cell-padding));
}

.client-cell {
    padding: var(--client-cell-padding);
}

.bordershadow:hover {
    border: 2px solid rgb(86, 180, 239);
    box-shadow: 0px 0px 8px rgba(86, 180, 239, 0.6);
}

.clientLogoImage {
    height: 30px;
}

.card-default > .card-header {
    background-color: white;
}

.serviceSummary {
    padding-top: 1em;
    padding-bottom: 2em;
}

/* add media responsiveness- for small screen limit below 762px make 2 columns, then 1, limit height */
.serviceSummary-image {
    width: 100%;
    margin-bottom: 0.5em;
}

#homeHeadline {
    background-image: url(/lib/images/skyscraper.jpg);
}

#servicesHeadline {
    background-image: url(/lib/images/Corridor.jpg);
    border: .5px solid gainsboro;
}

#finmodelHeadline {
    background-image: url(/lib/images/BusinessPlan.jpg);
}

#bidPriceHeadline {
    background-image: url(/lib/images/DollarMaze.jpg);
}

#systemanalyticHeadline {
    background-image: url(/lib/images/SpheresArrows.jpg);
}

#clientHeadline {
    background-image: url(/lib/images/HumanNetwork.jpg);
}

#contactusHeadline {
    background-image: url(/lib/images/CellPhoneOnKeyboard.jpg);
}

/*Collapse does not work input iOs. This solves it TBC*/
[data-toggle~="collapse"] {
    cursor: pointer;
}