/**********************************************************
    This file stores the styles that are shared
    between CA Web (Wordpress) and our R4 Web Apps
**********************************************************/

/*******************************
   Main Navigation CSS
*******************************/

header.global-header .navigation .container .nav-item a[aria-current=page] {
    color: #254994;
}

header.global-header .navigation .container a {
    color: #254994;
    padding: 12px;
    font-weight: 500;
    border-bottom: 3px solid transparent;
}

/**********************************************
    .ctc-top-navigation-link is applied in each
    main navigation item. 
***********************************************/
.ctc-top-navigation-link {
    border-bottom: 1px solid #bcbbc1;
}

/************************************************************************************
   Side Navigation CSS
   - Interacts with the Side Navigation Code Widget found on Division Sub-Pages
   - Affects any element that has the .side-navigation class
************************************************************************************/

.ctc-side-navigation > ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ctc-side-navigation ul li {
    font-size: calc(1.125rem + .05vw);
    border-bottom: 1px solid #d4d4d7;
    /* border-left: 5px solid transparent; */
}

.ctc-side-navigation ul li a {
    color: #254994;
    border-bottom: none;
}

/*Landing page link style*/
.ctc-side-navigation .landing {
    color: #254994;
    font-weight: bold;
}

/*Active page link style*/
.ctc-side-navigation ul li a.active::before {
    width: 5px;
    border-left: 5px solid #9be293;
}

.ctc-side-navigation ul li a.active {
    font-weight: 600;
}

/*Sub-menu style*/
.ctc-side-navigation .sub-menu {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ctc-side-navigation .sub-menu li {
    padding-left: 20px;
}