/* Free Profile */

.free-banner--img {
    width: 100%;
}

.free-banner {
    overflow: hidden;
    max-height: 80px;
}

.Proper {
    text-transform: capitalize !important;
}

.free-tabs a {
    color: black;
    padding: 10px;

}
.free-tabs::after {
    content: "";
    position: relative;
    right: -9px;
    top: 1px;
    bottom: 8px;
    border-left: 1px solid #c9c9c9;
    height: 12px;
}

.free-tabs:last-child::after {
    display: none;
}

.nav-main--link:before {
    display: none;
}

.free-banner {
    border-bottom: 2px hsla(9, 87%, 54%, 0.5) solid;
    margin-bottom: 10px;
}

.brand-details.free {
    padding: 0!important;
}
/* End Free Profile */
/* Featured Profiles */
.banner--img {
    max-height: 450px
} 

#map { 
    margin: 0 auto;
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.banner--title {
    text-transform: capitalize;
    /*-webkit-text-stroke: 1px black !important;*/
    text-shadow: 3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000 !important;
}

.banner--text {
    text-transform: capitalize;
    /*-webkit-text-stroke: 0.5px black !important;*/
    text-shadow: 1px 1px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000 !important;
}

.breadcrumb-holder {
    width: 100%;
    background-color:#f5f5f5; 
}

.brand-details {
    padding: 20px;
    background: #eee;
    -webkit-box-shadow: 0 6px 3px -2px #eee;
    -moz-box-shadow: 0 6px 3px -2px #eee;
    box-shadow: 0 6px 3px -2px #eee;
    margin: -20px 0 4px;
}

.sticky-wrapper { 
    z-index: 99999;
}

.no-decoration:hover {
    text-decoration:none!important
}

.header-box {
    z-index: 99999 !important;
    border-bottom: 2px solid #ccc;
    background: #fff;
    width: 100% !important;
}
    .header-box nav.navbarprofile {
        padding-bottom: 0; 
    }

    .header-box nav.navbarprofile a { 
        color: #333333 !important;
    }

        .header-box nav.navbarprofile a:hover {
            color: #3B56A1 !important;
        }

    nav.navbarprofile  .navbar-nav li.active a {
        color: #333333 !important; 
    }

    nav.navbarprofile .navbar-nav {
        text-align: center;
        width: 100%;
        float: right !important;
        margin-top: 7px !important;
    }

.toggle-box-onsmall {
    position: absolute;
    float: right;
    top: 0.7rem;
    right: 1rem;
}

nav.navbarprofile .nav-item-link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    bottom: 8px;
    border-left: 1px solid #c9c9c9;
    height: 12px;
}
 
.navbar-company-logo {
    display: table;
    padding-left: 10px;
    padding-right: 11px;
    background-repeat: no-repeat;
    max-width: 161px;
    background-size: cover;
    background-size: 98%;
    background-position: 1px 0;
    background-image: url(/Images/company--bg-transfarant.png);
}

    .letterlogo {
        width: 120px;
    }

    .navbar-company-logo {
        position: relative; /* Ensure positioning for the badge placement */
        display: inline-block; /* If needed to ensure proper sizing and display */
        line-height: 0
    }

    /* Style only applies if the gold-member class is present */
    .navbar-company-logo.gold-member::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px; 
        height: 30px;
        background: url('/Images/Badges/LargeGoldSponsor.gif') no-repeat center center;
        background-size: contain; /* Ensures the badge image fits nicely */
    }

    .navbar-company-logo.silver-member::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px; 
        height: 30px;
        background: url('/Images/Badges/LargeSilverSponsor.gif') no-repeat center center;
        background-size: contain; /* Ensures the badge image fits nicely */
    }

    .navbar-company-logo.bronze-member::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px; 
        height: 30px;
        background: url('/Images/Badges/LargeBronzeSponsor.gif') no-repeat center center;
        background-size: contain; /* Ensures the badge image fits nicely */
    }

.bronze-icon {
    display: inline-block;
    width: 32px; /* Adjust width as needed */
    height: 32px; /* Adjust height as needed */
    background: url('/Images/Badges/LargeBronzeSponsor.gif') no-repeat center center;
    background-size: contain;
    vertical-align: middle; /* Keep it aligned with text */
    margin-top: -6px; /* Add some spacing before the text */
}

a.company-logo:hover {
    text-decoration: none;
}

.imageHolder {
    text-align: center;
    display: block;
    max-width: 230px;
    max-height: 230px;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 10px 20px;
    
}

.company-logo {
    text-align: center;
    padding: 0px;
    border-radius: 10px;
    margin-top: -60px;
    display: block; 
}

.company-letter { 
    background: white;
}

    .company-logo img {
        border-radius: 10px;
        max-height: 125px;
        max-width: 225px;
        border: solid 1px white;
    }

h3.CompanyLetter {
    color: rgba(61,88,162, 0.4);
    font-size: 125px;
    text-align: center;
    line-height: 100px;
    height: 100px;
    margin-top: 28px;
    margin-bottom: 0px;
}

    h3.CompanyLetter:hover {
        color: #3B56A1;
        font-size: 130px;
        text-align: center;
        line-height: 90px;
        border-radius: 10px;
        border: solid 1px #3B56A1;
        margin-bottom: 0px;
    }

/* Spelling sticky the same way to stay consistant with the other sytle sheet (not my spelling mistake) */
.stickey h3.CompanyLetter {
    color: rgba(61,88,162, 0.4);
    font-size: 69px;
    text-align: center;
    line-height: 82px;
    height: 73px;
    margin-top: -5px;
    margin-bottom: 0px;
}

.stickey .company-logo img { 
    max-height: 50px;
    max-width: 150px;
    border: solid 2px white;
    margin: 10px;
}

.stickey .navbar-company-logo {
    background: white;
}

.in-front {
    position: relative;
    z-index: 999999999
} 

.stickey {
    position: fixed !important;
    top: 0 !important;
}

    .stickey .company-logo {
        margin-top: 0;
    }

     

    .bigger {
        font-size: 2rem
    }

.btn-alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

    .btn-alert:hover {
        background-color: #cf2a0e;
        border-color: #f04124;
        color: #eeeeee;
    }

.dropdown-menu .dropdown-item {
    padding: 5px 18px !important; 
}

.profileSpacing {
    margin-bottom: 100px;
}

.profileData {
    margin-top: 15px;
    overflow: hidden !important;
}

/* End Featured Profiles */

/* Service Description page */

h3.serviceHeader {
    color: hsla(0,0%, 100%, 0.86);
    position: absolute;
    text-align: center;
    width: 90%;
    top: 2%;
    font-size: 3rem;
}

/* Service Description page */

@media only screen and (max-width: 993px) {
    .header-top .header-main-bg {
        padding: 40px 10px;
    }
    h3.CompanyLetter {
        color: rgba(61,88,162, 0.4);
        font-size: 69px;
        text-align: center;
        line-height: 82px;
        height: 73px;
        margin-top: -17px;
        margin-bottom: 0px;
    }

    .stickey h3.CompanyLetter {
        margin-top: -15px;
        font-size: 60px;
        line-height: 87px;
        height: 66px;
    }

    .stickey .company-logo img { 
        margin: 2px;
    }

    h3.CompanyLetter:hover {
        font-size: 65px;
        line-height: 87px;
    }

    nav.navbarprofile .nav-item-link:before {
        border-left: none;
        top: 12px
    }
     
    nav.navbarprofile .navbar-nav {
        margin-top: 5px!important;
    }

    .company-logo {
        margin: 0;
    }

    .supporterIcon img {
        right: 60px;
        width: 28px
    }

    .header-box nav.navbarprofile {
        padding-top: 0!important
    }

    .highlight-data a{
        font-size: 1.5rem
    }

    .company-logo img {
        height: 58px;
        border: solid 2px white;
    }

    .navbar-company-logo {
        background: white;
    }

    .header-box .navbar-collapse {
        background: #fff;
    }

    .free-banner--img {
        display: none;
    }

    .free-banner {
        padding-top: 30px;
        overflow: visible;
        max-height: none;
    }
    header#stick.stickey {
        height: 6rem;
    }
}
@media only screen and (max-width: 768px) {
     
    .profileData img { 
        max-width: 100% !important;
    }

    li.nav-item.nav-item-li {
        padding: 10px;
    }

    p.banner--text {
        font-size: 1.5em !important;
    }
     
}
 
@media only screen and (max-width: 993px) {
    .free-banner {
        border-bottom: none;
    }
}