/* Nxtstp.com Portal Style Guide 2.0 */

@import url("/N2/Resources/Css/smoothness/jquery-ui-1.8.14.custom.css");
@import url(../../Templates/UI/Css/Layout.css);

@import "Mobile.css";
@import "Desktop.css";
@import "Navbar.css";
@import "Footer.css";
@import "grid_basic.css";
@import "Custom.css";
@import "CustomControllers.css";
@import "Reports.css";
@import url("../root/root.css");
@import url("../root/site-override/findby-pages.css");

/**************************************** GLOBALS *******************************************************************************************/

.jumbotron{
	background-color: #f1f1e7 !important;
}

/* added for conference awards - 7-31-24 -jose for imgcontrol*/
.img-w-100 img {
    width: 100%;
    object-fit: contain;
}

.temp-Banners img {
    /* max-width: none; */
    margin: 0 auto;
    width: inherit;
}

/** Site Settings **/

/*

* {
    margin:0;
    padding:0
}
 
 .main {
    width: 100%;
     float:left;
     position: relative;
}

 
 #wrap {
     max-width: 1280px;
     width: 100%;
     margin: 0 auto;
     overflow: visible;
     height: 100%;
     padding-bottom: 25px;
}
*/

body {
    /*font-family: 'Roboto', sans-serif !important;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    color: #444 !important;
    overflow: hidden;

}

.bannerBackgroundGreyColor {
    background-color: #e9ecef;
    padding: 0% 0%;
}

.footerRow {
    background-color: #2b3b6f;
}

.footerCol {
    color: #444;
    text-align: center;
}

    .footerCol a,
    .btmFooterRow a {
        font-weight: normal;
        text-decoration: none;
        color: white;
    }

        .footerCol a:hover,
        .btmFooterRow a:hover {
            text-decoration: underline;
            color: #26bccd;
        }

/** General Styles -- Probably don't need to change from site to site **/

/*Button classes*/
a.btn.btn-primary,
button.btn.btn-primary {
    border: 2px solid #26bccd;
    background-color: #26bccd;
    border-color: #26bccd;
    border-radius: 0px;
    transition: background-color 300ms;
}

    a.btn.btn-primary:not(:disabled):not(.disabled):active,
    button.btn.btn-primary:not(:disabled):not(.disabled):active {
        background-color: #26bccd;
        border-color: #26bccd;
        border-radius: 0px;
        box-shadow: 0 0 0 0.2rem #26bccd;
        transition: background-color 300ms;
    }

    a.btn.btn-primary:hover,
    button.btn.btn-primary:hover {
        border: 2px solid #3A3C51;
        color: #3A3C51;
        background-color: transparent;
        box-shadow: none;
    }

.linkSubButton {
    margin-top: 10px !important;
    display: inline-block !important;
    padding: 10px 30px 10px 30px !important;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 300ms;
    background-color: #26bccd !important;
    border: 2px solid #26bccd !important;
}

    .linkSubButton:hover {
        background-color: transparent !important;
        border: 2px solid #cea52e !important;
        color: #cea52e !important;
        text-decoration: none !important;
    }

a.btn.btn-primary.focus,
a.btn.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #26bccd;
}

    a.btn.btn-primary.focus,
    a.btn.btn-primary:focus a.btn.btn-link {
        color: #26bccd;
        transition: color 300ms;
    }

a.btn.btn-link,
.uc.text a,
button.btn.btn-link,
div.phone-contact > a,
div.email-contact > a,
div.membership-benefits a,
a.NewsLink,
a.LinkLink,
.divDetailsContainer a,
.benefits-membership-modal-blurb a,
.card-link {
    transition: color 300ms;
}

    .benefits-membership-modal-blurb a:hover,
    .divDetailsContainer a:hover,
    .uc.text a:hover,
    .btn-link.focus,
    a.btn.btn-link:hover,
    a.btn-link:focus,
    button.btn.btn-link:hover,
    div.phone-contact > a:hover,
    div.email-contact > a:hover,
    div.membership-benefits a:hover,
    a.NewsLink:hover,
    .bullet_style_type_none a:hover,
    .card-link:hover {
        color: #26bccd;
        text-decoration: none;
        text-decoration-style: inherit;
    }

    a.btn.btn-link.accordion-buttons,
    .uc.profileCard > a.btn-link {
        text-decoration: none;
    }

.profileCard .card img {
    object-fit: cover; /* Ensures the image fits nicely */
    aspect-ratio: 1/1; /* Keeps image square */
    object-position: top; /* Focuses on the top portion of the image */
}

.profile-modal .modal-body img {
    max-width: 350px;
    /*height: auto;*/
}

/*.profile-modal .modal-dialog {
        max-height: 80vh;
        overflow-y: auto;
    }*/

.full-width {
    /*Enables full width for Banners*/
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
}

img {
    /*max-width: 100%;*/
}

a img:hover {
    opacity: 0.6;
}

body {
    overflow-x: hidden;
}

html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

.homeImg img {
    width: 100%;
}

.bodyContent {
    position: relative;
    padding-top: 70px;
    min-height: 100vh;
}

.footer_background_color {
    margin-top: 30px;
}

.btmFooterRow {
    padding-top: 30px;
    border-top: 1px solid #888;
}

.footerContent li {
    padding-bottom: 5px;
}

    .footerContent li a {
        transition: color 300ms;
    }

/** Site Wide Icon Sizes */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-30 {
    font-size: 30px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.inactiveIcon {
    opacity: 0.2;
    cursor: not-allowed !important;
}

    .inactiveIcon:hover {
        opacity: 0.2 !important;
        cursor: not-allowed !important;
    }

#pagenohead {
    max-width: 1280px;
    margin: 0 auto;
}

/********Media Queries*******/

/* Extra SM devices */
@media (max-width: 575.98px) {
    p.display-2 {
        font-size: 4.6rem;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #wrap.container,
    #page.container,
    div.threeCardBanner .container,
    div.container {
        max-width: 1280px;
    }
}