/* ANNOTATED PORTAL THEME COLOURS
--portalThemeColor1: PRIMARY PORTAL GREEN
--portalThemeColor2: #111827; NIGHT GREEN - FOR TEXT ON WHITE BACKGROUNDS
--portalThemeColor3: LINK COLOUR
--portalThemeColor4: PRIMARY HIGHLIGHT GREEN (also button primary colour)
--portalThemeColor5: BUTTON ON-HOVER COLOUR
--portalThemeColor6: FOOTER COLOUR
--portalThemeColor7: WHITE - BACKGROUND
--portalThemeColor8: BLACK
--portalThemeColor9: HOMEPAGE TILE COLOUR 1
--portalThemeColor10: HOMEPAGE TILE COLOUR 2
--portalThemeColor11: HOMEPAGE TILE COLOUR 3
--portalThemeColor12: HOMEPAGE TILE COLOUR 4
*/

/*//////////////////////
GENERAL
//////////////////////*/

/*Setting the global font*/
p,
a,
h1,
h2,
h3,
h4,
h5,
span:not(.fa-search, .fa-magnifying-glass),
ul,
div,
select,
label,
input,
option,
button {
    font-family: "Outfit", "Roboto" !important;
}

/*Defining link hover colour (ran out of theme colours)*/
:root {
    --linkHoverColour: #006656;
}

/*Global link styling*/
a:hover,
a:active,
a:focus {
    color: var(--linkHoverColour) !important;
}

/*//////////////////////
HEADER
//////////////////////*/

/*Shrinking the search box border so it aligns with surrounding elements*/
#navbar .dropdown-search {
    margin: 4px !important;
}

/*Left-aligning breadcrumb items*/
.breadcrumb>li a {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

/* Branding on Header banner */
.tdx-header-bar-container {
    background: var(--portalThemeColor1) !important;
    /*url(https://brand.exeter.ac.uk/wp-content/themes/MammothPress/src/assets/images/hero-bg.png)*/
    border-top: solid var(--portalThemeColor4) 1px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 70% !important;
}

/*Removing bullet point from list item and setting bell colour*/
#notification-bell-container {
    list-style: none !important;
    color: var(--portalThemeColor4)
}

/*Burger menu SVG colour*/
.navbar-toggler-icon {
    filter: brightness(0) saturate(100%) invert(50%) sepia(34%) saturate(3511%) hue-rotate(131deg) brightness(102%) contrast(101%) !important;
}

/*Header logo height - big screen*/
@media only screen and (min-width: 1200px) {
    .navbar-expand-xl.navbar.navbar-dark.static-top>div>div>div>div>a>img {
        height: 80px !important;
    }
}

/*Header logo height - small screen*/
@media only screen and (max-width: 1199px) {
    .navbar-expand-xl.navbar.navbar-dark.static-top>div>div>div>div>a>img {
        height: 48px !important;
    }
}

/*Correcting breadcrumb fontsize*/
ul.breadcrumb {
    font-size: 16px !important;
}

/*Header navigation dropdown colour*/
.navbar-dark .navbar-nav .show.dropdown-menu>li>a {
    color: var(--portalThemeColor4) !important;
}

/*Styling when active, hovering & focusing on navigation elements*/
.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li>a:focus,
.navbar-dark .navbar-nav>li>a:active,
.navbar-dark .navbar-nav>.dropdown>a.show:hover,
.navbar-dark .navbar-nav>.dropdown>a.show:focus,
.navbar-dark .navbar-nav>.dropdown>a.show:active,
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:focus,
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:active,
#notificationBellIcon:hover,
#notificationBellIcon:focus,
#notificationBellIcon:active {
    color: var(--portalThemeColor3) !important;
    text-decoration: none !important;
    background-color: var(--portalThemeColor1) !important;
    outline: none !important;
}

/*Removing horizontal and vertical dividers between navigation items*/
.dropdown-divider,
.static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
    display: none !important;
}

/*Colour of information banners
.tdx-page-info {
    background-color: var(--portalThemeColor4) !important;
}*/

/*Hiding icon and reducing font size of Info banners on smaller screens*/
@media only screen and (max-width: 767px) {
    .tdx-page-info-text p {
        font-size: 16px;
    }

    .tdx-page-info-text i {
        display: none;
    }
}

/*Updating Info banner text colour*/
.tdx-page-info-text p {
    color: white;
}

/*Updating Info banner icon colour*/
.tdx-page-info-text i.fa-solid {
    color: white !important;
}

/*Removing underline from breadcumb items*/
.breadcrumb-item>a {
    text-decoration: none !important;
}

/*//////////////////////
FOOTER
//////////////////////*/

/*Footer logo width*/
#footer-logo {
    width: 210px;
}

/*Footer colours*/
footer .footer-bottom {
    color: var(--portalThemeColor7) !important;
    background-color: var(--portalThemeColor6) !important;
}

/*//////////////////////
LANDING PAGE
//////////////////////*/

/*Main accordian styling*/
.accordion-button,
.accordion-button.collapsed {
    background-color: var(--portalThemeColor1) !important;
    color: var(--portalThemeColor7) !important;
}

/*Center aligning accordian body text and buttons*/
.accordion-body {
    text-align: center;
}

/*Accordian chevron with corrected colour*/
.accordion-button::after,
.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300c896'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg>");
}

/*Landing page text colours*/
#userTypeHeading,
.unauthenticated-main-page>div>div>div>.ump-description,
#userTypeDescription,
.accordian-item {
    color: var(--portalThemeColor2) !important;
}

/*Title text colour*/
.ump-title {
    color: var(--portalThemeColor1) !important;
}

/*Hiding the landing page User Type accordion*/
#home-unauthenticated-user-type-selection {
    display: none;
}

/*//////////////////////
HOME
//////////////////////*/

/*Center aligning homepage boxes*/
#dashboard-cards {
    justify-content: center;
}

/*Removing underlining on dashboard counts*/
.dashboard-link {
    text-decoration: none !important;
}

/*Correcting the font size of the icons on the homepage boxes*/
#dashboard-cards>div>div>div>i {
    font-size: 2em;
}

/*Correct colours for text on homepage*/
.dashboard-label,
#dashboard-cards .card-title,
#dashboard-cards .card-text {
    color: var(--portalThemeColor2) !important;
}

/*Styling QuickLink body text*/
#dashboard-weblinks .card-text {
    font-size: 18px;
}

/*Styling QuickLink titles*/
#dashboard-weblinks h3 {
    font-size: 18px;
    font-weight: bold;
    white-space: wrap;
}

/*Homepage welcome message*/
#GreetingMessage {
    font-size: 40px;
    font-weight: 700;
}

/*Quick links section background colour*/
.tdx-bg-contrast {
    background-color: #eeeeee !important;
}

/*Hiding quick links title*/
div:has(> #dashboard-weblinks)>h2 {
    display: none;
}

/*//////////////////////
FAQS
//////////////////////*/

div.columnBlockLayout:has(.home-topArticles-container #highest-rated-article-title) {
    display: none !important;
}

/*Styling on FAQ content*/
.knowledge-article-content,
.knowledge-article-content div {
    font-size: 18px !important;
    color: var(--portalThemeColor2) !important;
}

.knowledge-article-content span,
.knowledge-article-content p,
.knowledge-article-content li,
.knowledge-article-content div {
    font-size: inherit !important;
    color: inherit !important;
}

.knowledge-article-content a {
    font-size: 18px !important;
    color: var(--portalThemeColor3) !important;
    text-decoration: underline !important;
}

.knowledge-article-content a:hover,
.knowledge-article-content a:active,
.knowledge-article-content a:focus {
    color: var(--linkHoverColour) !important;
}

.knowledge-article-content h1 {
    font-size: 40px !important;
    color: var(--portalThemeColor1) !important;
    font-weight: 700 !important;
}

.knowledge-article-content h2 {
    font-size: 36px !important;
    color: var(--portalThemeColor1) !important;
    font-weight: 400 !important;
}

.knowledge-article-content h3 {
    font-size: 24px !important;
    color: var(--portalThemeColor2) !important;
    font-weight: 400 !important;
}

.knowledge-article-content ul {
    list-style-position: unset !important;
}

/*Hide print button*/
div.btn-toolbar>div:has(> a > i.fa-print) {
    display: none;
}

/*Left-align FAQ title*/
.page-heading .page-header {
    justify-content: left !important;
}

/*Container for anonymous FAQ actions*/
#anonymousActionContainer {
    display: flex;
    background-color: #f8f9fa;
    padding: 0px 0px 10px 20px;
    flex-wrap: wrap;
}

/*Text and link for anonymous FAQ action*/
#anonymousAction {
    display: flex;
    padding: 15px 5px 15px 5px;
    margin: 0px 20px 10px 0px;
    width: fit-content;
    flex-direction: column;
    min-width: 240px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
}

/*Anonymous FAQ action header text*/
#anonymousActionTitle {
    color: var(--portalThemeColor1);
    margin-top: 20px;
}

/*FAQ keyword text colour*/
.card-footer {
    color: var(--portalThemeColor3) !important;
    text-decoration: underline;
}

/*FAQ keyword text colour on hover*/
.card-footer:hover {
    color: var(--linkHoverColour) !important;
}

/*Increasing width of Category list side-pane*/
@media screen and (min-width: 901px) {
    .category-list-container {
        width: 25% !important;
    }
}

/*Hiding Category list side-pane and removing white space on small screens*/
@media screen and (max-width: 900px) {
    .category-list-container {
        display: none !important;
    }

    .category-list {
        margin-top: 0px !important;
    }
}

/*Decreasing height of Category buttons on small screens*/
@media screen and (max-width: 600px) {
    .categoriesContainer .category {
        min-height: 100px;
    }
}

/*Hiding Category button descriptions*/
.categoryDescription {
    display: none !important;
}

/*Updating text colour on FAQ Popular/Highest Rated/Recent articles*/
.popular-item>a {
    color: var(--portalThemeColor3);
}

/*FAQ Popular/Highest Rated/Recent articles on hover*/
.popular-item>a:hover,
.popular-item>a:focus,
.popular-item>a:active {
    color: var(--linkHoverColour);
}

/*Left align "Ask a Question" button*/
#ShowCreateEnquiry {
    float: left !important;
}

/*Hide Search*/
#searchSection {
    display: none !important;
    visibility: hidden !important;
} 

/*Search button height aligned with search box*/
#searchSection>form>div>div>button {
    line-height: 1.5;
}

/*//////////////////////
CATEGORY
//////////////////////*/

/*Category results hide keywords */
.category-list-ul div.card-body>span:nth-child(2) {
  display: none;
  visibility: hidden;
}

/*Category results remove outline */
.category-list-ul a {
    border: none;
}

.category-list-ul .card:hover {
    box-shadow: none !important;
    text-decoration: none !important;
}

/*Category results remove underline */
.category-list-ul a,
.category-list-ul div.card-body span:nth-of-type(3),
.category-list-ul div.card-body span:nth-of-type(3):hover,
.category-list-ul div.card-body span:nth-of-type(3)::before,
.category-list-ul div.card-body span:nth-of-type(3)::after {
    text-decoration: none !important;
}

/*Hide BR within Category Results*/
.category-list-ul div.card-body>br {
  display: none;
  visibility: hidden;
}

/*Category results hide KB Article Number */
.category-list-ul div.card-footer {
  display: none;
  visibility: hidden;
}

/*//////////////////////
QUESTIONS
//////////////////////*/

/*Updating Portal Message conversation icon colour*/
.messageavatar {
    background-color: var(--portalThemeColor1) !important;
}

/*Removing border around Ask a Question - FAQ Search*/
#searchEnquirySection {
    border: none !important
}

/*Align search button height with search box*/
#searchEnquirySection>div>div>button>span {
    line-height: 1.5;
}

/*Ask a Question search result colours*/
.card-body {
    color: inherit !important;
}

/*Ask a Question search results hide keywords */
#deflectionResults .card .card-footer {
    display: none;
    visibility: hidden;
}

/*Ask a Question search results hide KB Article Number */
#deflectionResults .card .card-text {
    display: none;
    visibility: hidden;
}


/*Underlining on FAQ search results*/
#articles-list span,
a.ask-a-question-card span {
    text-decoration: underline;
}

/*//////////////////////
ENTITY LISTS
//////////////////////*/

/*Styling on the Appointments/Enquiries grid "View Details" ellipse*/
.ms-Button.ms-Button--icon.ms-Button--hasMenu>.ms-Button-flexContainer.flexContainer-171>.ms-Icon.root-109.css-180.ms-Button-icon.icon-173,
.ms-Button.ms-Button--icon.is-expanded.ms-Button--hasMenu>.ms-Button-flexContainer.flexContainer-171>.ms-Icon.root-109.css-180.ms-Button-icon.icon-173 {
    font-size: 30px !important;
    color: var(--portalThemeColor1) !important;
}

/*Border between records in mobile view of Appointment and Enquiry grids*/
.ms-List-page>.ms-List-cell>.ms-Stack {
    border-top: 15px solid var(--portalThemeColor1) !important;
}

/*Font colour for cells within Appointment and Enquiry grids*/
.ms-DetailsRow-fields {
    color: var(--portalThemeColor2);
}

/*Font colour for links within Appointment and Enquiry grids*/
.ms-DetailsRow-fields a {
    color: var(--portalThemeColor3) !important;
}

/*Pagination button styling*/
#pagination li.active a {
    border-radius: 20px !important;
    border: none !important;
    background-color: var(--portalThemeColor1) !important;
}

/*//////////////////////
ENTITY FORMS
//////////////////////*/

/*Removing borders on Entity Forms*/
#EntityFormPanel {
    border: none !important;
}

/*Increasing spacing between Entity Form rows*/
.crmEntityFormView .cell {
    padding: 0px 0px 35px 0px !important;
    margin: 0px !important;
}

/*Aligning action buttons with form*/
#ActionsContainer {
    padding-left: 13px !important;
}

/*//////////////////////
SEARCH
//////////////////////*/

/*Hiding AI summary and Other Results header*/
.___1deevqm {
    display: none !important;
    visibility: hidden !important;
}

.___a92l640 {
    display: none !important;
    visibility: hidden !important;
}