﻿/**Custom Classes - styles that are unique to particular site**/
/*ITDG Cusom color for login: 10/28/24*/

.sf-menu ul{
	z-index: 1000;
}
.verticalFilters .divFltrDiv {
	background-color: #f1f1e7;
    }

.material-icons {
    /*line-height: 1.3;*/
    /*previously implemented to adjust for different font 12-02-24*/
}
.uc.profileCard{
height:100%;
}

/*Changing Forum color*/
div.divForumTop {
    border-bottom: 1px solid #9db2bf;
    padding: 5px 5px 20px 0px;
}

.forumTitleLink .lblBlogTitle {
}

    .forumTitleLink .lblBlogTitle:hover {
        cursor: pointer;
        color: #9db3bf;
    }


input.pagerBtn:hover, a.pagerBtn:hover {
    background-color: transparent;
    border: 2px solid #3a3c51;
    color: #3A3C51;
}

input.pagerBtn, a.pagerBtn {
    color: #fff;
    background-color: #9db2bf;
    border: 2px solid #9db2bf;
}

div #divLogin {
}
/*//Password Reset section*/
div.pass_show .ptxt {
    color: #9db2bf;
}

    div.pass_show .ptxt:hover {
        color: #3A3C51;
    }

/*Table Grid*/
table.grid_basic th, .grid_basic th a, a.gridAddContent, div.AlphaGridTdNoBdr > a, td.itemdatagridcrl > a {
    color: #333142;
}


/******** Media Queries *******/
/* Extra small devices (phones, 576px and under) */
@media (max-width: 576px) {
    section.hero-video-banner {
        height: max-content;
    }

        
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
   
}

/* Medium devices (tablets, 768px and under) */
@media (max-width: 768px) {
    /* Add your styles here */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .uc.profileCard .modal-dialog {
        max-width: 1140px;
        width: max-content;
    }
}
/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}

/* Additional styles for max-width: 991px */
@media (max-width: 991px) {
    .divLogoDetails {
        text-align: center;
    }

    .smNavImg {
        display: none;
    }

    .divNavLogo {
        width: calc(100% - 115px);
        height: 100%;
        text-align: left;
    }

        .divNavLogo a {
            height: 100%;
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: center;
        }

        .divNavLogo img {
            /* width: 100%; */
            padding-left: 1%;
        }
}

/* Styles for min-width: 992px and max-width: 1241px */
@media (min-width: 992px) and (max-width: 1241px) {
    .divNavLogo img {
        width: 100%;
    }

    .lgNavImg {
        display: none;
    }

    .smNavImg {
        display: block;
    }
}

/* SF Menu padding */
.sf-menu {
    padding-left: 0px;
}

/* Styles for min-width: 1242px */
@media (min-width: 1242px) {
    .divNavLogo img {
        width: 100%;
    }

    .lgNavImg {
        display: block;
    }

    .smNavImg {
        display: none;
    }
}
