/**Module — Modules are reusable individually separated and distinct UI component. 
Some very common examples are accordion , modal , button , carousal , etc.
VIEW specific styles are also contained here.
**/

/*-----------------------------------------List with bars as items-----------------------------------------*/
.bars .item-list ul li, .paragraph--type--link-list .field__item{
    padding: 1em;
    margin-bottom: 10px;
    border: 1px solid #cecece;
    position: relative;
    transition: all 300ms ease;
}
.bars .item-list ul li:hover, .paragraph--type--link-list .field__item:hover{
    background-color: #e0ebf4;
    border-left: 5px solid #5285C4;
}
.bars .item-list ul li a, .paragraph--type--link-list .field__item a{
    display: block;
}

/*-----------------------------------------Page Title-----------------------------------------*/
.page-title{
    padding: 2em 0 1em 0;
    font-weight: bold;
    transition: all 1s ease;
    position: relative;
    animation: expand 1s;
    animation-fill-mode: forwards;
    margin: 0;
    color: #3b3b3b;
}
.page-title::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(0,0,0,.2); */
    z-index: -1;
}

.page-title::after{
    width: 0;
    height: 4px;
    content: "";
    display: block;
    margin-top: 9px;
    background-color: #104B8A;
    animation: slideInX 800ms forwards;
}

.page-title .page-title__text{
    border-radius: 4px;
    padding: .5em;
    display: block;
}
/*---------------------------------Reponsive Page Title---------------------------------*/
@media only screen and (max-width : 1400px) {

}
@media only screen and (max-width : 992px) {
    .page-title{
        padding: .5em;
        line-height: 1.2em;
        font-size: 1.5em;
    }
    .page-title .page-title__text{
        line-height: 40px;
    }
}
/*---------------------------------------Main header---------------------------------------*/
.region-header{
    padding: 0;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    align-items: center;
    /* margin-right: 3em; */
}
.region-header nav[role="navigation"]{
    float: left;
    width: 100%;
    border: 0;
}
.region-header .block:not(.site-branding){
    margin-right: 3em;
}
.region-header .block-menu li a, .region-header .block-menu li span{/*span are "<nolink>" menu items*/
    border: 0;
    font-size: 1rem;
    padding: 1em;
    position: relative;
    color: #3b3b3b;
    font-size: 1.4em;
    display:block;
    width: 100%;
}
/*---------------------------------------Responsive Main header---------------------------------------*/
@media only screen and (max-width : 992px) {
    .region-header{
        margin: 0;
    }
}
/*-------------------------Main Menu-------------------------*/
.region-header nav[role="navigation"] .menu{
    display:flex;
    justify-content: space-evenly;
    padding: 1em 0;
    transition: margin-top 500ms ease;
    height: 100%;
    padding: 0;
    border-left: 2px solid #353641;
    /* border-bottom: 2px solid #353641; */
}
.region-header nav[role="navigation"] .menu.menu-level-0{
    border: 0;
    background-color: #ffffff;
}
/*Down caret Icon for main menu items*/
.region-header nav[role="navigation"] .menu li.menu-item.has-children::after{ 
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
    right: 1.5em;
    top: 50%;
    transform: translatey(-50%) rotate(45deg);
}
@media only screen and (max-width : 1200px) {
    .region-header nav[role="navigation"] .menu li.menu-item.has-children::after{ 
        right: 0;
    }
}
@media only screen and (max-width : 992px) {
    .region-header nav[role="navigation"] .menu li.menu-item.has-children .sub-menu-icon-wrapper{
        width:56px;
        height: 60px;
        position:absolute;
        top:0;
        right: 0;
        z-index: 1;
        background-color: #353641;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .region-header nav[role="navigation"] .menu li.menu-item.has-children .sub-menu-icon-wrapper::after{
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        transform: translatey(-50%) rotate(45deg);
        transition:all 300ms ease;
    }
    .region-header nav[role="navigation"] .menu li.menu-item.has-children.mobile-active > .sub-menu-icon-wrapper{
        background-color: #15151A;
    }
    .region-header nav[role="navigation"] .menu li.menu-item.has-children.mobile-active > .sub-menu-icon-wrapper::after{
        transform: translatey(0%) rotate(225deg);
    }
}
/*Right caret Icon for sub menu items with children*/
.region-header nav[role="navigation"] .menu li.menu-item.has-children .menu-dropdown .menu > li.menu-item.has-children::after{ 
    border-left: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
    border-right: none;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
    right: 2em;
}
/* .region-header nav[role="navigation"] .menu li.menu-item.has-children .menu-dropdown .menu li.menu-item.has-children:hover::after{
    border-left: 10px solid #ffffff;
} */
/*Rotate caret on hover for main menu items and sub menu items*/
/* .region-header nav[role="navigation"] .menu li.menu-item.has-children:hover::after{ 
    transform: rotate(-180deg);
} */
/*----------------------------------Mobile Main Menu----------------------------------*/
.mobile-menu{
    color: #ffffff;
    margin-right: 3em;
    display: none;
}
.mobile-menu #nav-icon{
    width: 50px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.mobile-menu #nav-icon span{
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #3b3b3b;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.mobile-menu #nav-icon span:nth-child(1) {
    top: 0px;
}
.mobile-menu #nav-icon span:nth-child(2),.mobile-menu #nav-icon span:nth-child(3) {
    top: 18px;
    width: 50%;
    left: inherit;
    right: 0;
}
.mobile-menu #nav-icon span:nth-child(4) {
    top: 36px;
}
.mobile-menu #nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.mobile-menu #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}  
.mobile-menu #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mobile-menu #nav-icon.open span:nth-child(2),.mobile-menu #nav-icon.open span:nth-child(3){
    width:100%;
}
  
.mobile-menu #nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#avatar-mobile{
    z-index: 1;
    position: absolute;
    top: 1em;
    right: 1em;
    display: none;
}
#avatar-mobile img{
    width: 30px;
}
/*----------------------------------Responsive Main Menu----------------------------------*/
@media only screen and (max-width : 1200px) {
    /*Right caret Icon for sub menu items with children*/
    .region-header nav[role="navigation"] .menu li.menu-item.has-children .menu-dropdown .menu > li.menu-item.has-children::after{
        right: 1em;
    }
}
@media only screen and (max-width : 992px) {
    .mobile-menu, #avatar-mobile{
        display: block;
        cursor: pointer;
    }
    .header__content{
        padding: 0;
    }
    .region-header nav[role="navigation"] .menu{
        border-bottom: 2px solid #353641;
    }
    .region-header .block-menu li a, .region-header .block-menu li span{ /*span are "<nolink" menu items*/
        padding: 1em;
        /* width: 100%; */
        color: #3b3b3b;
        text-align: left;
        align-self: flex-start;
        width: auto;
    }
    /******Disable hover on menu items for mobile. This causes inconsistancies when a click event happens on mobile*******/
    .region-header .block-menu .menu-item:hover > .menu-dropdown, .region-header .block-gcrta-menu-item-extras-children .menu-item:hover > .menu-dropdown, .region-header .block-menu .menu-item .menu-dropdown:hover{
        display: none !important;
    }
    .region-header .block-menu .menu-item .menu-dropdown{
        position: relative;
        opacity: 1;
        width: 100%;
        top: 0;
        padding: 1em;
        text-align: inherit;
    }
    .region-header .block-menu .menu-item .menu-dropdown::after{
        display: none;
    }
    .region-header .block-menu .menu-item .menu-dropdown{
        padding: 0;
        display: none;
    }
    .region-header .block-menu .menu-item .menu-dropdown .block{
        background-color: #353641;
    }
    .region-header .block-menu .menu-item .menu-dropdown .block .content{
        background-color: #ffffff;
    }
    .region-header .block-menu .menu-item .menu-dropdown.is-active{ /*Responsive Sub menu*/
        position: relative;
        top: 0;
        z-index: 2;
        width: 100%;
        padding: 0;
        display: block !important;
    }
    .region-header .block-menu .menu-item .menu-dropdown .main-region{
        border-top: 0  !important;
    }
    .region-header .block-menu .menu-item:hover > .menu-dropdown, .region-header .block-menu .menu-item .menu-dropdown:hover{
        position: relative;
        top: 0;
        padding: 0;
    }
    .region-header nav[role="navigation"] .block-gcrta-menu-item-extras-children .menu{
        margin: 0;
        padding-left: 1em;
    }
    /*-------------------Plus Icon-------------------*/
    .region-header nav[role="navigation"] .menu li.menu-item.has-children::after{
        top: 2.5em;
    }
    /* .region-header nav[role="navigation"] .menu li.menu-item.has-children::before{
        content: "";
        position: absolute;
        top: 2.5em;
        right: 1em;
        width: 20px;
        height: 2px;
        background-color: #3b3b3b;
        transform: rotate(90deg);
    } */
    /*-----------Responsive Divisions Group Menu-----------*/
    .region-header nav[role="navigation"] .menu .view-groups .views-row{
        border-bottom: 1px solid #cecece;
    }

}
/*-------------------------Menu Item Extras block menu Module-------------------------*/
.region-header .block-menu, .region-header .block-menu .content{
    margin: 0;
    height: 100%;
}
.region-header .block-menu .menu-item{
    display: flex;
    align-items: center;
}
.region-header .block-menu .menu-item .menu-dropdown{
    width: 100%;
}
.region-header .block-menu .menu-level-0 > .menu-item .menu-dropdown-0::after{
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #104B8A;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 1em;
    margin: auto;
    left: 0;
    right: 0;
}
.region-header .block-menu .menu-item:hover > .menu-dropdown, .region-header .block-gcrta-menu-item-extras-children .menu-item:hover > .menu-dropdown, .region-header .block-menu .menu-item .menu-dropdown:hover{
    opacity: 1;
    z-index: 2;
    display: block;
}
/* .region-header .block-gcrta-menu-item-extras-children ul.menu .menu-item a{
    color: #3b3b3b !important;
} */
.block-gcrta-menu-item-extras-children ul.menu .menu-item:hover a{
    color: #3b3b3b;
}
.region-header .block-menu .menu-item > .menu-dropdown{ /*1st level*/
    position: absolute;
    top: 4.5em;
    z-index: 0;
    display: none;
    left: 0;
    background-color: transparent;
    text-align: center;
    /* overflow: hidden; */
    transition: transform 300ms ease, opacity 300ms ease;
    padding: 2em 0 0 0;
    animation: growDown 200ms ease;
    /* transform: translateY(0); */
    /* width: 100%; */
    /* opacity: 0; */
    /* width: 0; */
}
.region-header .block-menu .menu-item > .menu-dropdown .menu-dropdown{ /*2nd level and beyond*/
    background-color: white;
    position: absolute;
    top: 0;
    right: -100%;
    left: inherit;
    padding: 0;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
.region-header .block-menu .menu-item > .menu-dropdown .menu-dropdown:after{
    display: none;
}
.region-header .block-menu .menu-item .menu-dropdown .views-row:hover{
    background: #56739D;
}    
/* .region-header .block-menu .menu-item .menu-dropdown .views-row:hover a, .region-header .block-menu .menu-item .menu-dropdown .block-gcrta-menu-item-extras-children a:hover{
    color: #ffffff;
} */
.region-header .block-menu .menu-item:hover .menu-dropdown .main-region{
    border-top: 6px solid #104B8A;
    box-shadow: rgb(16 14 23 / 25%) 0px 0px 30px;
}
.region-header .block-menu .menu-item .menu-dropdown .main-region{
    padding: 0;
    background-color: white;
}
.region-header .block-menu .menu-item .menu-dropdown .block{
    margin: 0;
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
}
.region-header .block-menu .menu-item .menu-dropdown .block-views{
    float: inherit;
    width: 100%;
    margin: 0;
}
.region-header .block-menu .menu-item .menu-dropdown .block{
    width: 100%;
}
.region-header .block-menu .menu-item.has-no-children .menu-dropdown{
    display: none;
}
/*-------------------------End of Menu Item Extras block menu Module-------------------------*/
.header__wrapper-top{
    /*background-color: #104B8A;*/
    display:flex;
    height: 120px;
}
/* .header__branding::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 80px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right: -1px;
} */
#header{
    background-color: #104B8A;
    background-image: none;
    /* box-shadow: rgb(16 14 23 / 25%) 0px 0px 30px; */
    box-shadow: rgb(16 14 23 / 25%) 0px 0px 30px;
    position: relative;
    /*z-index: 2;*/
}
#header .menu li{
    float: left;
    text-align: center;
    position: relative;
    flex-grow: 1;
    justify-content: center;
}
/*----------------------------------Header Bottom (Secondary Menu Area)---------------------------------*/
.header__wrapper-bottom{
    background-color: #104B89;
    flex-wrap:wrap;
    opacity: .985;
}
.header__wrapper-bottom .menu{
    display: flex;
    padding: .5em 0 .5em 0;
    overflow-x: auto;
}                           
.header__wrapper-bottom .menu li{
    padding: 0 1em;
    display: flex;
    min-width: 150px;
}
.header__wrapper-bottom .menu a{
    color: #ffffff;
    display: block;
}
/*----------------------------------Header Site Branding----------------------------------*/
.header__branding{
    background-color: #104B8A;
    display: flex;
    align-items: center;
    z-index: 1;
}
.header__branding #site-name{
    float: left;
    top: .6em;
    z-index: 1;
    line-height: 1.4rem;
    padding-left: .5em;
    margin: 0;
    display: block;
    width: 100%;
    align-self: center;
    font-weight: bold;
    letter-spacing: 0.4px;
}
.header__branding #site-name span{
    display: block;
    font-size: 2em;
    transition: all 1000ms ease;
}
.logo{
    width: 100px;
}
.header__branding a{
    color: #ffffff;
    font-size: 1rem;
}
.header__content{
    display: flex;
}
/*----------------------------------Responsive Headers----------------------------------*/
@media only screen and (max-width : 992px) {
    #header.open{
        top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: rgba(0,0,0,.8);
    }
    #header .menu li{
        flex-direction: column;
    }
    #header .menu li > a, #header .menu li .menu-item:hover{
        border: 0;
    }
    #header .menu li.mobile-active{
        background-color: #353641;
    }
    #header .menu li.mobile-active > a, #header .menu li.mobile-active > span{
        color: white;
    }
    /* #header .menu li.mobile-active a::after{
        content: "";
        height: 2px;
        width: 40px;
        background-color: #3b3b3b;
        position: absolute;
        left: -2.5em;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    } */
    .region-header nav[role="navigation"] .menu{
        margin: 0;
    }
    .region-header .block:not(.site-branding){
        margin: 0;
        z-index: 0;
        height: auto;
    }
    .header__branding{
        max-width: 100%;
    }
    /* .header__branding::before{
        content: "";
        height: 75px;
        background-color: white;
        position: relative;
        top: 0;
        right: -3em;
        width: 130%;
        border-bottom: 1px solid #e4e4e4;
        transform: skewX(40deg);
        transition: all 300ms ease;
    } */
    .header__branding::after{
        display: none;
    }
    .header__wrapper-top{
        display: block;
    }
    .header__branding {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    /* .header__branding a{
        position: absolute;
    } */
    /* .header__branding #site-name{
        visibility: hidden;
    } */
    .header__wrapper-top{
        height: auto;
    }
    .region-header nav[role="navigation"] .menu{
        flex-direction: column;
        padding: 0;
        margin-top: -300%;
        background-color: #ffffff;
    }
    .region-header nav[role="navigation"] .menu.open{
        margin-top: 0;
    }
    .region-header .block-menu .menu-item > .menu-dropdown .menu-dropdown{ /*2nd level and beyond*/
        right: 0;
        margin: 0;
        position: relative;
        border-left: 0;
    }
}
@media only screen and (max-width : 768px) {
    /* .header__branding #site-name{
        visibility: hidden;
    } */
    .header__branding #site-name span{
        font-size: 1.4em;
        line-height: 1.2em;
    }
}
/*----------------------------------Search----------------------------------*/
#block-gcrta-search{
    width: 300px;
    display:flex;
    flex-shrink: 0;
}

#search-block-form{
    display: flex;
}
#search-block-form #edit-actions{
    padding: 0;
}
/*----------------------------------Drupal Search Overrides----------------------------------*/
.search-form .form-search{
    margin-right: 15px;
    width: 220px;
    height: 100%;
    padding-left: 1em;
    text-transform: uppercase;
    background-color: #F4F4F4;
    border: 0;
    border-radius: 50em;
    /* border-bottom: 2px solid #3b3b3b; */
}
.form-type-search{
    margin: 0;
}
.button.search-form__submit, .search-form__submit{
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: url(/themes/custom/gcrta/assets/images/icons/magnifier_icon.png) no-repeat;
}

.button.search-form__submit:hover, .search-form__submit:hover{
    background: url(/themes/custom/gcrta/assets/images/icons/magnifier_icon.png) no-repeat;
}
/*----------------------------------Action Buttons----------------------------------*/
.action-button{
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
    background: none;
    border: 2px solid #59739B;
    color: #59739B;
    border-radius: 3px;
    padding: 1em 2em;
    display: inline-block;
    transition: all 300ms ease;
    margin: 1em 1em 1em 0;
}
.action-button:hover{
    background: #59739B;
    transform: scale(1.05);
}
.action-button:hover a{
    color: #ffffff;
}
.action-button.logout{
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 1em 4em;
    background-color: #D51D49;
    z-index: 1;
    border-radius: 4px 0 0 0;
    border: 0;
    border: 0;
}
.action-button.logout a{
    color: white;
}
/*---------------------------------- Add Solicitation AND View all Solicitation Action Button----------------------------------*/
#block-addsolicitationbutton, #block-buttontoviewallsolicitations{
    display: inline-block;
} 
/*----------------------------------Breadcrumbs----------------------------------*/
.region-breadcrumb{
    padding: 0;
    margin-bottom: 1em;
}
.breadcrumb{
    padding: 0;
    background-color: #F4F4F4;
    border-radius: 0;
    font-family: 'Quicksand', sans-serif;
    font-size: inherit; 
    /* box-shadow: 0 -2px 6px 0 rgb(32 33 36 / 28%); */
}
.breadcrumb ol, .breadcrumb ol li{
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb ol li{
    background-color: #56739D;
    /*margin-right: .25em;*/
    position: relative;
    transition: background-color 300ms ease;
}
.breadcrumb ol li:not(:first-of-type){
    padding-left: 3em;
}
.breadcrumb ol li a{
    border-bottom: 0;
    padding: 1.5em;
    color: #3b3b3b;
    border-bottom: 0;
    color: white;
}
.breadcrumb ol li:before{
    display: none;
}
.breadcrumb ol li::after{
    content:"";
    border-right: none;
    border-top: 39px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 36px solid #56739D;
    transition: all 300ms ease;
    position: absolute;
    right: -34px;
    z-index: 1;
    top: -2px;
}
.breadcrumb ol li:nth-of-type(1){
    background-color: #3F6FA1;
}
.breadcrumb ol li:nth-of-type(1)::after{
    border-left: 36px solid #3F6FA1;
}
.breadcrumb ol li:nth-of-type(2){
    background-color: #6F93B8;
}
.breadcrumb ol li:nth-of-type(2)::after{
    border-left: 36px solid #6F93B8;
}
.breadcrumb ol li:nth-of-type(3){
    background-color: #9FB7D0;
}
.breadcrumb ol li:nth-of-type(3)::after{
    border-left: 36px solid #9FB7D0;
}
.breadcrumb ol li:nth-of-type(4){
    background-color: #B7C9DB;
}
.breadcrumb ol li:nth-of-type(4)::after{
    border-left: 36px solid #B7C9DB;
}
.breadcrumb ol li.mobile-show{
    background-color: #6F93B8;
}
.breadcrumb ol li.mobile-show::after{
    border-left: 36px solid #6F93B8;
}
.breadcrumb li:hover{
    background-color: #104B8A !important;
}
.breadcrumb li:hover::after{
    border-left: 36px solid #104B8A !important;
}
/* .breadcrumb ol li.first:nth-of-type(1):hover::after{
    border-left: 36px solid #3F6FA1 !important;
} */
/*----------------------------------Javascript Dropdown Breadcrumbs----------------------------------*/
.responsive-breadcrumb-wrapper.js{
    width: 60px;
    background-color: transparent;
    border-radius: 4px;
    height: 100%;
}
.responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    height: 100%;
}
.responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse span{
    width: 6px;
    height: 6px;
    background-color: white;
    display: block;
    border-radius: 100%;
}
.responsive-breadcrumbs{
    border: 0;
    font-size: 1rem;
    position: absolute;
    display: block;
    min-width: 250px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-top: 4px solid #3F6FA1;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    transition: all 300ms ease;
    background-color: grey;
    transform: scale(0);
}
/*Home Icon*/
.responsive-breadcrumbs .responsive-breadcrumb-home-icon{
    width: 20px;
    margin-right: .5em;
}
/*Mouse hover and mobile click*/
.responsive-breadcrumbs:hover, .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse:hover + .responsive-breadcrumbs, .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse.active + .responsive-breadcrumbs{
    transform: scale(1);
    z-index: 2;
}
.responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse + .responsive-breadcrumbs::after, .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse.active + .responsive-breadcrumbs::after{
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3F6FA1;
    height: 10px;
    width: 10px;
    position: absolute;
    top: -12px;
    margin: auto;
    left: 18px;
}
/*end of Mouse hover and mobile click*/
.responsive-breadcrumbs .mobile-breadcrumb{
    padding: 0 !important;
    display: flex;
    background-color: #F4F4F4 !important;
    transition: all 300ms ease;
    text-align: left;
}
.responsive-breadcrumbs .mobile-breadcrumb:hover{
    background: #efefef !important;
}
.responsive-breadcrumbs .mobile-breadcrumb a{
    color: inherit;
    padding: 1em;
    width: 100%;
}
.responsive-breadcrumbs .mobile-breadcrumb::before, .responsive-breadcrumbs .mobile-breadcrumb::after{
    display: none;
}
/*----------------------------------Responsive Breadcrumbs----------------------------------*/
@media only screen and (max-width : 992px) {
    .breadcrumb ol li{
        background-color: transparent !important;
        height: 50px;
        display: flex;
        align-items: center;
    }
    .breadcrumb li:hover{
        background-color: inherit !important;
    }
    .breadcrumb ol li::after{
        content: "/";
        position: relative;
        border: none !important;
        right: 0;
    }
    .breadcrumb ol li:nth-of-type(1)::after{
        border-left: 0 !important;
    }
    .breadcrumb ol li:last-of-type::after{
        display: none;
    }
    .breadcrumb ol li a{
        color: #3b3b3b;
        padding: 0;
    }
    .breadcrumb ol li:not(:first-of-type){
        padding-left: .5em;
        padding-right: .5em;
    }
    .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse span{
        background-color: #3b3b3b;
    }
    /*Remove hover on mobile*/
    /* .responsive-breadcrumbs:hover, .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse:hover + .responsive-breadcrumbs{ 
        transform: scale(0);
        z-index: 0;
    } */
    /* .responsive-breadcrumbs{
        transform: scale(0);
    }
    .responsive-breadcrumbs, .responsive-breadcrumb-wrapper.js .responsive-breadcrumbs-ellipse + .responsive-breadcrumbs{
        pointer-events: none !important; 
    } */
    .tabs ul.primary li a{
        padding: 0 1em;
    }
}
/*-----------------------------------------Logged in User with Local Tasks Tabs-----------------------------------------*/
#block-gcrta-local-tasks{
    margin-bottom: 1em;
}
/*-----------------------------------------Flags-----------------------------------------*/
.flag{
    border: 1px solid #353641;
    background-color: #ffffff;
    display: inline-block;
    padding: 1em;
    transition: all 300ms ease;
    position: relative;
    border-radius: 3px;
    margin-bottom: 1em;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
.flag.flag-bookmark.action-flag a{
    padding-left: 1.5em;
    color: #3b3b3b;
}
.flag.flag-bookmark.action-flag a::before{
    content: "";
    width: 16px;
    height: 25px;
    background-color: transparent;
    background-image: url(/themes/custom/gcrta/assets/images/icons/bookmark-icon.png);
    position: absolute;
    background-size: 16px 25px;
    background-repeat: no-repeat;
    top: 15px;
    left: 14px;
}
/* .block-extra-field-blocknodeformflag-bookmark .flag.flag-bookmark.action-flag::after{
    content: "Add to your User Menu";
    width: 200px;
    position: absolute;
    padding: 1em;
    transition: all 300ms ease;
    bottom: 0;
    transform: translateX(-200px);
    background-color: #353641;
    color: white;
    opacity:0;
}  */
.flag.flag-bookmark.action-unflag{
    border:1px solid rgb(215,24,42);
}
.flag.flag-bookmark.action-unflag a{
    color: rgb(215,24,42);
}
.flag.flag-bookmark.action-unflag:hover{
    background: rgb(215,24,42);
}
.flag.flag-bookmark.action-unflag:hover a{
    color: white;
}
/* .flag.flag-bookmark.action-unflag::after{
    background-image: url(/themes/custom/gcrta/assets/images/icons/bookmark-icon-white.png);
} */
.flag:hover{
    background-color: #104B8A;
    border: none;
    box-shadow:rgb(16 14 23 / 25%) 0px 0px 30px;
}
.flag.flag-bookmark.action-flag:hover a{
    color: #ffffff;
}
.flag.flag-bookmark.action-flag:hover a::before{
    background-image: url(/themes/custom/gcrta/assets/images/icons/bookmark-icon-white.png);
}
/* .block-extra-field-blocknodeformflag-bookmark .flag.flag-bookmark.action-flag:hover::after{
    background-image: url(/themes/custom/gcrta/assets/images/icons/bookmark-icon-white.png);
    transform: translateX(30px);
    opacity: 1;
} */
.flag:hover a, .flag.action-unflag a{
    color: #ffffff;
}
/*----------------------------------Bookmark Flag Message----------------------------------*/
#bookmark-flag-message{
    position: fixed;
    bottom: 1em;
    left: 1em;
    z-index: 2000;
    border-left: 10px solid #104B8A;
    background: white;
    text-align: center;
    padding: 1em;
    border-radius: 4px;
    font-weight: bold;
    font-size: 1.2em;
    box-shadow: rgb(16 14 23 / 25%) 0px 0px 30px;
    transform: translateX(-110%);
    transition: all 300ms ease;
    animation: fadeinx 300ms ease;
}
#bookmark-flag-message.active{
    transform: translateX(0);
}
#bookmark-flag-message img{
    margin-right: 1em;
}

/*----------------------------------Employee Covid Page (https://onerta.riderta.com/coronavirus)----------------------------------*/
@media only screen and (max-width : 480px) {
    .percent{
        display: none;
    }
}

@media only screen and (max-width : 992px) {
    #bookmark-flag-message{
        width: 100%;
        left: 0;
        bottom: 0;
        border-radius: 0;
    }
}
/*----------------------------------Mobile Loader Message----------------------------------*/
@media only screen and (max-width : 992px) {
    .page-loading::before {
        content:" ";
        display:block;
        position:fixed;
        z-index:10;
        height:6px;
        width:100%;
        top:0;
        left:0;
        background-color:#06D;
        animation: page-load infinite ease-out 2s;
        box-shadow:0 2px 2px rgba(0,0,0,.2);
    }
}
/*----------------------------------View / Block - Specific Styles----------------------------------*/
/*************View - Pager************/
.view .pager{
    /* background-color: #353641; */
    border: 1px solid #CFD7DF;
    padding: 1em;
}
.view .pager .pager__item{
    position: relative;
}
.view .pager .pager__item.is-active{
    border: 2px solid #59739B;
    color: #59739B;
    border-radius: 3px;
}
.view .pager .pager__item.is-active a{
    color: #59739B;
}
/* .view .pager .pager__item, .view .pager .pager__item a{
    color: #ffffff;
} */
.view .pager .pager__item a{
    font-size: 1.2em;
}
/*************View - List of documents by department************/
.view-list-of-documents-by-department .view-content{
    animation: fadeIn 1000ms;
}
.view-list-of-documents-by-department .view-filters{
    z-index: 1;
    position: relative;
    background-color: #ffffff;
}
.view-list-of-documents-by-department .view-content .item-list ul{
    margin-bottom: 2em;
}
/* .view-list-of-documents-by-department .view-content .item-list ul li .views-field-body{
    display: none;
    position: absolute;
    top: -1em;
    left: 60%;
    background-color: #d7182a;
    padding: 1em;
    margin: 0;
    animation: fadeinx 500ms;
    color: #ffffff;
}
.view-list-of-documents-by-department .view-content .item-list ul li .views-field-body p{
    margin: 0;
    font-size: .9em;
}
.view-list-of-documents-by-department .view-content .item-list ul li .views-field-body::after{
    content: "";
    border-right: 15px solid #d7182a;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transition: all 300ms ease;
    position: absolute;
    z-index: 2;
    left: -.8em;
    top: 2.3em;
    transform: translateY(-50%);
} */
.view-list-of-documents-by-department .view-content .item-list ul li:hover .views-field-body{
    display: block;
    max-width: 400px;
    z-index: 1;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    height: 100%;
    font-size: .9em;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags .field-content{
    display: flex;
    align-items: center;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags .item-list ul{
    display: flex;
    margin: 0;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags .item-list ul li{
    color: #353641;
    margin-right: .5em;
    border: 2px solid #353641;
    height: 25px;
    display: flex;
    align-items: center;
    padding: .8em 1em;
    border-radius: 15px;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags .item-list ul li::after{
    display: none;
}
.view-list-of-documents-by-department .view-content .item-list .views-field-field-tags .views-label-field-tags{
    display: flex;
    align-items: center;
    margin-right: .5em;
}
/*************View - List of department content************/
.view-department-content .view-content .item-list .views-field-field-tags{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    height: 100%;
    font-size: .9em;
}
.view-department-content .view-content .item-list .views-field-field-tags .field-content{
    display: flex;
    align-items: center;
}
.view-department-content .view-content .item-list .views-field-field-tags .item-list ul{
    display: flex;
    margin: 0;
}
.view-department-content .view-content .item-list .views-field-field-tags .item-list ul li{
    color: #353641;
    margin-right: .5em;
    border: 1px solid #353641;
    height: 25px;
    display: flex;
    align-items: center;
    padding: .8em 1em;
    border-radius: 15px;
}
.view-department-content .view-content .item-list .views-field-field-tags .item-list ul li::after{
    display: none;
}
.view-department-content .view-content .item-list .views-field-field-tags .views-label-field-tags{
    display: flex;
    align-items: center;
    margin-right: .5em;
}
.view-department-content .view-content .view-content .item-list .views-field-field-tags .item-list ul li{
    color: #353641;
    margin-right: .5em;
    border: 2px solid #353641;
    height: 25px;
    display: flex;
    align-items: center;
    padding: .8em 1em;
    border-radius: 15px;
}
.view-department-content .view-content .view-content .item-list .views-field-field-tags .item-list ul li::after{
    display: none;
}
/*************View - Content Attachments************/
.view.view-content-attachments .view-content{
    display: flex;
    flex-wrap: wrap;
}
.view.view-content-attachments .views-field-field-media-document{
    cursor: pointer;
}
.view.view-content-attachments .views-field-field-media-document img{
    max-width: 100px;
    height: auto;
    width: auto;
    transition: all 300ms ease;
}
.view.view-content-attachments .views-field-field-media-document a:hover img{
    transform: scale(1.1);
}
.block-views-blockcontent-attachments-block-1{
    /* border: 1px solid #CFD7DF; */
    margin-bottom: 1em;
}
/*************View - Event Date************/
.view.view-event-date{
    font-size: 1.2em;
    margin-bottom: 1em;
}
/*************View - Content Reference************/
.view.view-content-reference .views-field.views-field-field-references .text{
    position: relative;
}
.view.view-content-reference .views-field.views-field-field-references .text .summary{
    position: absolute;
    color: #3b3b3b;
    background-color: #353641;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    padding: 1em;
    right: 0;
    z-index: 1;
    top: -1em;
    color: white;
    min-width: 300px;
    max-width: 500px;
    border-radius: 4px;
    transition: all 300ms ease;
    opacity: 0;
    transform: translateX(105%) scale(0);
    pointer-events: none;
}
.view.view-content-reference .views-field.views-field-field-references .text .summary::after{
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid #353641;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 1em;
    left: -1em;
    right: 0;
}
.view.view-content-reference .views-field.views-field-field-references:hover .text .summary{
    opacity: 1;
    transform: translateX(105%) scale(1);
}
@media only screen and (max-width : 992px) {
    /*Hide hover summary on smaller devices*/
    .view.view-content-reference .views-field.views-field-field-references .text .summary{
        display: none;
    }
}
/*************View - Link to Existing Resource************/
.view.view-link-to-existing-resource{
    margin-bottom: 1em !important;
}
.view.view-link-to-existing-resource .link-url{
    font-size: 1.5em;
}
.view.view-link-to-existing-resource .views-field-field-link .link-ico{
    transition: all 300ms ease;
    margin-right: .5em;
}
.view.view-link-to-existing-resource .views-field-field-link a{
    color: #0071b3 !important;
}
.view.view-link-to-existing-resource .views-field-field-link a:hover .link-ico{
    transform: rotate(45deg);
}
/*************View - Image Gallery************/
.view.view-image-gallery .view-content{
    display:flex;
    flex-wrap: wrap;
}
.view.view-image-gallery img{
    box-shadow: 0 10px 30px -16px rgb(16 75 138 / 40%);
    border-radius: 4px;
    margin: 5px;
    transition: all 300ms ease;
    border: 6px solid #ffffff;
}
.view.view-image-gallery img:hover{
    transform: scale(1.02);
}

/*************View - User Bookmarks************/
.view-flags .flag-bookmark{
    margin: 0;
    /* padding: .5em 1em; */
}
.view-flags .views-exposed-form .form-item{
    margin-top: 0;
}
.view-flags .views-exposed-form .form-item label{
    margin: 0 0 .5em 0;
}
/*----------------------------------Views - Solicitation Summary------------------------------------*/
.view.view-solicitations-summary tbody .views-field-field-solicitation-number{
    width: 150px;
}
/*************Webform************/
.webform-submission-solicitation-registration-form .form-item-solicitation-reference{
    display: none;
}
/*************Block - Node Webform Field************/
.block-field-blocknodesolicitationwebform{
    margin-top: 1em;
}
/*************Confirmation page************/
.webform-complete-text{
    color: #325e1c;
    font-size: 1.1em;
    margin-left: 8px;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    /* background-image: url(../../../../../misc/icons/73b355/check.svg); */
    box-shadow: -8px 0 0 #77b259;
    padding: 1em;
}