/* NAVBAR */
.bg-light {
    background-color: #fff !important;
    padding-bottom: 3%;
}

#top-brand {
    margin-top: 1.3%;
    margin-bottom: 0%
}

.navbar-brand {
    font-weight: 600;
}
.top-header{
    font-weight: 600;
}

#search-icon {
    position: relative;
    margin-top: -11.5%;
    margin-bottom: 0%;
    margin-left: 90%;
    color: rgba(0, 0, 0, 0.38);
}

#no-results-col {
    min-height: 40px;
}
/* SLIDE SHOWS */
.carousel-item{
    height: 450px;
}
.carousel-item img{
    height: 100%;
}
.carousel-control-prev,
.carousel-control-next{
    border: 0px;
    background-color: transparent;
}
.carousel-caption{
    background-color: #1718189e;
   
    border-radius: 5px;
}
.carousel-caption h3{
    font-weight: 600;
}
.carousel-caption a{
    color: #FFF;
}


/* .nav{
    font-size:24 !important;
    position: relative;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;

} */
nav {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
}

.nav-item {
    padding-right: 27px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}



/* Body */
#apa-body {
    padding-top: 5%;
    margin-bottom: 0%;
    margin-left: 0px;
    margin-right: 0px;
    /* padding-left: 2%;
    padding-right: 2%; */
}

.important-text {
    font-size: large;
}
.peikko-image2{
    margin-top: 7%;
}

.overlay-text {
    position: absolute;
    top: 40%;
    left: 20%;
    text-align: center;
    height: 170px;
    width: 60%;
    color: #ffff;
    border-radius: 4px;
    background: rgba(33,37,41,.4);
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
}
.products-header{
    margin-top: 5%;
    margin-bottom: 0%;
}
.jch-bottom-section{
    margin-top: 4%;
}
.johnson-icons{
    text-align: center;
}

.overlay-text p {
    font-weight: 400;
    font-size: large;
}

.apa-body h3 {
    margin-top: 0px;
}

.member-logo {
    text-align: center;
    margin-bottom: 2%;
    border-radius: 5px;
    padding-bottom: 2%;
}

.members {
    padding: 2%;
}

.member-title {
    margin-top: 2%;
    text-align: center;
}

.member-card {
    border-radius: 5px;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
    margin-left: 0%;
}

.member-card:hover {
    transform: scale(1.05);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.member-card p {
    padding: 2%;
}

.afri-log h3 {
    text-align: left;
}

.afri-log {
    margin-bottom: 5%;
}

.bold-text {
    font-weight: bold;

}
.intro-text{
    text-align: left;
    font-weight: bold;
}
.members-heading{
    font-weight: bold;
}
.eurosteel{
    text-align: left;
}

/* OUTEC */
.outec h3{
    margin-bottom: 5%;
}
.outec h4{
    margin-top: 3%;
    margin-bottom: 3%;
}

/* FOOTER */
.altsa-brand {
    font-weight: bold;
}

.primary-color {
    color: #0155a5;
}

.page-footer {
    background: #0155a5;
    color: #fff;
}

.footer-copyright {
    width: 100%;
    background-color: #5050506e;
}

#facebook-btn {
    z-index: 10;
    border-radius: 50px;
    width: 45px;
    height: 45px;
}

.social-link {
    text-decoration: none;
    color: #FFF;
}

#twitter-btn {
    margin-left: 50px;
    z-index: 10;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    background-color: #00acee;

}

#linkedin-btn {
    margin-left: 50px;
    z-index: 10;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    background-color: #0a66c2;
    border: solid 1px #0a66c2;

}