﻿
/*******************************/
/*Banner*/
/*.sub-banner {
    max-width: 100% !important;
    height: 299px;
    padding: 0px;
    background-color: #442142 !important;
}

.banner-title {
    margin-bottom: 42px;
}

.banner-subtitle {
    font-size: 23px;
}*/

/*Highlights*/
#sector_1_box {
    padding-bottom: 77px;
}

#sector_1_container {
    margin-top: 60px;
}

#sector_1_col {
    margin-bottom: 40px;
}


/*Insights*/
#sector_2_box {
    padding: 20px;
    padding-bottom: 0px;
}

#sector_2_container {
    margin-top: 60px;
}

#sector_2_col {
    margin-bottom: 40px;
}

#drop_group {
    width: 306px;
    height: 36px;
}

#filterLabel {
    padding: 5px;
    font-size: 17px;
    padding-left: 24px !important;
    text-align: left;
}

#filterBtn {
    padding: 8px;
    padding-right: 24px !important;
    text-align: right;
}

#drop_menu {
    left: -105px !important;
    background-color: #FFF;
    transform: translate(105px, 38px) !important;
    width: 306px !important;
}


/*Connect*/
#connect_line {
    width: 106px;
    height: 1px;
    background-color: #B0903D;
}


/*********/

.connect {
    width: 100%;
    height: 300px;
    background-image: url('../images/insight-contact.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 24px;
}

    .connect h2 {
        color: #fff !important;
        margin-top: 33px;
        margin-bottom: 30px;
    }

    .connect p {
        color: #fff !important;
        margin-top: 30px;
        line-height: 29px;
    }

        .connect p a {
            color: #fff !important;
            text-decoration: underline;
        }


/***************/ /*DROPDOWN*/

#drop_group .dropdown-toggle::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: .35rem;
    border: none !important;
    width: 1rem;
    height: 1.25rem;
    background: url('../images/drop-arrow1.png');
    background-repeat: no-repeat;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: #442144 !important;
    border-color: #442144 !important;
}

#filterBtn.show::after {
    background-image: url('../images/drop-arrow2.png');
}

.buttonDefault {
    background-color: #442144 !important;
    border-color: #442144 !important;
}
.dropdown-menu {
    inset: -2px auto auto 0px !important;
}
#drop_group .dropdown-menu {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px #51284F solid;
}

    #drop_group .dropdown-menu .dropdown-item {
        padding: 0px;
        line-height: 29px;
    }
