/* Import font CSS file  */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Variables - edit values based on partner institution branding */
:root {
  --bg-white: #fff;
  --bg-light: #E8E9EA;
  --bg-mid: #A5A8AA;
  --bg-dark: #5E6669;
  --accent-color-pri: #005777;
  --accent-color-sec: #d44427;
  --accent-color-pri-dark: #002d3d;
  --accent-color-sec-dark: #bc3f26;
  --statusGreen: #0f7632;
  --statusRed: #c5050c;
  --statusRedHover: #9B0000;
  --font-fam-pri: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-fam-sec: "Lato", sans-serif;
  --font-color-pri: #333333;
  --font-color-sec: #005777;
  --a-color-pri: #002d3d;
  --a-color-hvr: #005777;
  --border: 1px solid #ddd;
  --width-constraint: 1170px;
}

/*MAIN THEME*/

/* Core Element Styles and Widths */

body {
    background-color: var(--bg-white);
    color: var(--font-color-pri);
    font-family: var(--font-fam-pri);
    font-size: 100%;
    line-height: 1.5;
    display:flex;
    flex-direction: column;
    min-height: 100vh;
}

h1,h2,h3,h4 {
    font-family: var(--font-fam-sec);
    font-weight: 800;
}

h1 {
	font-size: 1.7rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.3rem;
}

h4 {
	font-size: 1.1rem;
}

img {
    border: medium none;
}

a, a:visited {
   color: var(--a-color-pri);
   text-decoration: underline;
}

a:hover, a:focus {
    color: var(--a-color-hvr);
}

a[name] {
	color:inherit; 
	background-color:inherit; 
	text-decoration:inherit;
}

/* Header, Logo, Search */

#top-links, #top-links-int {
    background-color:var(--accent-color-pri-dark);
    padding:0;

}

.section.group.top {
  max-width: var(--width-constraint);
  margin: auto;
}

#top-left-links li, #top-right-links li {
    display: inline-block;
    font-size: 100%;
    line-height: 2.2rem;
    padding: 0 .95rem;
    font-weight: 400;
}

#top-left-links a, #top-right-links a {
	color: var(--bg-white);
	}

#top-left-links a:hover, #top-right-links 
a:hover {
    text-decoration: none;
}


#logo-search {
    background-color: var(--accent-color-pri);
    color: #fff;
    padding: .5rem 0 0;
    min-height: 80px;
}

.logo-search {
    max-width: var(--width-constraint);
    padding-bottom: 1.5rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

#group-logo {
    max-width: var(--width-constraint);
    margin: auto;
    padding-left: 1rem;
}

#group-logo img {
    padding-left: 1rem;
    max-width:500px;
	max-height:100px;
	margin:auto .8rem auto 0;
}

#group-logo a, #group-logo a:hover {
	display: flex;
}


/* Subline if needed */
.group-name::after, .group-name-hide::after, #group-logo .group-name-hide::after {
    display: none;
}


/* Link Bars and Dropdown Menus */

#under-logo-links, #under-search-links, div#mouseover-dropdown {
    background-image: none;
    background-color: var(--bg-white);
    border-top: var(--border);
    border-bottom: none;
    height: auto;
}

#under-logo-links ul, #under-search-links ul, div#mouseover-dropdown ul {
    margin: 0 auto;
    text-align: left;
    max-width: var(--width-constraint);
}

#under-logo-links li, #under-search-links li, div#mouseover-dropdown li {
    background: rgba(0, 0, 0, 0);
    font-size: 100%;
    line-height: 1;
}

/* Border-bottom hover 

#under-logo-links li, #under-search-links li {
    padding: 0 .95rem;
}

div#mouseover-dropdown li {
    padding: 0 .5rem 0 1.55rem;   
}

#under-logo-links li.first, #under-search-links li.first, div#mouseover-dropdown li:first-child {
    padding-left: 0;
}

#under-logo-links li a, #under-search-links li a, div#mouseover-dropdown span {
    color: var(--font-color-pri);
    display: inline-block;
    padding: .3rem 0;
    border-bottom: .2rem solid transparent;
    margin: .8rem 0;
}

#under-search-links ul li a:hover, #under-logo-links ul li a:hover, div#mouseover-dropdown span:hover {
    background: none;
    border-bottom: .2rem solid var(--accent-color-pri);
}

div#mouseover-dropdown li ul {
    background-color: var(--bg-white);
    left: .6rem;
    top: 3.3rem;
}

div#mouseover-dropdown li:first-child ul {
  left: -.9rem;
}
*/
/* Color hover */

#under-logo-links li, #under-search-links li {
    padding: 0;
}

div#mouseover-dropdown li {
    padding: 0;
    margin-right: -.2rem;
}

#under-logo-links li.first, #under-search-links li.first, div#mouseover-dropdown li:first-child {
    padding-left: 0;
}

#under-logo-links li a, #under-search-links li a, div#mouseover-dropdown span {
    color: var(--font-color-pri);
    display: inline-block;
    padding: .8rem .9rem;
    margin: 0;
}

#under-search-links ul li a:hover, #under-logo-links ul li a:hover, div#mouseover-dropdown span:hover {
    background: var(--bg-light);
}

div#mouseover-dropdown li ul {
   background: var(--bg-light);
   left: 0;
   top: 2.6rem;
}

/* Start optional dropdown arrow styling */

div#mouseover-dropdown span {     
	padding-right: 1.5rem;
}

span.module_name::after {
    content: '';
    background-image: url('https://kb.wisc.edu/images/inst1/black-menu-arrow.png');
    position: absolute;
    width: .7rem;
    height: .6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .7rem;
    padding: .3rem .4rem;
}

span.module_name:hover::after {   
    padding: .5rem .4rem 1.1rem;
    margin-top: -.5rem;
}

/* End arrow styling */

div#mouseover-dropdown li ul {
    border: none;    
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    display: none;
    padding: 0 1rem .5rem;
    width: 188px;
}

div#mouseover-dropdown li li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: none;
    padding: .5rem!important;
    width: auto;
    display: block;
}

div#mouseover-dropdown a {
    color: var(--font-color-pri);
    font-size: 100%;
    font-weight: 700;
    line-height: 1.25;
    border-bottom: .2rem solid transparent;
    width: 168px;
}

div#mouseover-dropdown a:hover {
    text-decoration: underline;
    border-bottom: .2rem solid transparent;
}

/* Hero and Search */

#kb-landing-featured-hero {
  display: none;
}


#kb-header-banner a {
    color: var(--a-color-pri);
}

.yes_match {
    color: #4E9958;
}

.suggest-doc1 a {
    color: var(--a-color-pri);
    text-decoration: underline;
}

.suggest-doc1 a:hover {
    color: var(--a-color-hvr;);
}


/*Center Modules*/

.kb-landing-content {
	flex:1;
	}

#news h2, #topDocs h2, #recentDocs h2, .custom h2 {
    font-size: 2rem;
    font-weight: 500;
    font-family: var(--font-fam-sec);
    line-height: 1.35;
    padding: 0;
    position: relative;
    margin-bottom: .5rem;
}

#news ul, #news li {
    padding: .2rem .7rem .5rem;
    line-height: 1.5;
}

#topDocs li, #recentDocs li, .custom li {
    font-size: 1.125rem;
}

#news .title {
    background-color: inherit;
    color: var(--a-color-pri);
    font-size: 1.125rem;
    font-weight: normal;
}

#news a, #topDocs a, #recentDocs a, .custom a {
    color: var(--a-color-pri);
    text-decoration: none;
}

#news a:hover, #topDocs a:hover, #recentDocs a:hover, .custom a:hover {
    color: var(--a-color-hvr);
    text-decoration: none;
}

#news a.seemore, #topDocs a.seemore, #recentDocs a.seemore, a.seemore {
    background: none;
    border: none;
    color: var(--a-color-pri);
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
    text-transform: none;
    line-height: 1.25;
    margin-right: 1rem;
    padding: 0 .1rem;
}

#news a.seemore:hover, #topDocs a.seemore:hover, #recentDocs a.seemore:hover, a.seemore:hover {
    background: none;
    color: var(--a-color-hvr);
    text-decoration: inherit;
}

.news-update-time {
    font-size: .75rem;
}

#news .highImpactTitle {
  font-family: inherit;
  line-height: inherit;
  color: unset;
  padding-bottom: 0;
}

#news .highImpactTitle .title {
  font-weight: bold;
}

#news .highImpactSummary {
  font-family: inherit;
  line-height: inherit;
  display: block;
}

#news .summary {
  font-size: inherit;
  padding: 0;
}

#news .summary p {
  margin: 0;
}

#news .nonews {
    color: var(--font-color-pri);
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 0;
}

/* Other Elements */

.auto-pre-txt {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

.fr-view ul, .fr-view ol { /*froala override*/
    list-style-position: unset;
}

#header-banner {
    background-color: var(--bg-light);
    border: 7px solid var(--accent-color-pri);
    border-radius: 0;
    color: var(--font-color-pri);
    padding: 5px 15px;
    width: 90%;
	max-width: var(--width-constraint);
    margin: 1rem auto;
    text-align: center;
}

#header-banner ul {
    text-align: left;
    display: inline-block;
}

#header-banner a {
	color: var(--font-color-pri);
	text-decoration: underline;
}

h2.kb-module-header:before {
    background-color: var(--accent-color-pri);
}

/*Footer and Copyright*/


#copyright {
    background: var(--accent-color-pri);
    border-top: 8px solid var(--accent-color-pri);
    color: var(--bg-white);
    font-family: var(--font-fam-pri);
    margin-bottom: .2rem;
    font-size: .925rem;
}

#copyright a {
    background-color: var(--accent-color-pri);
    color: var(--bg-white);
    text-decoration: underline;
}

#copyright a:hover {
    color: var(--bg-white);
}

/* Footer section */
#kb-landing-copyright {
	border-top:2px solid var(--accent-color-pri);
	background: var(--accent-color-pri);
	color: #fff;
}
#kb-landing-copyright a {color:#fff;}