/* e-GOS DSM Typography attributes  */

h1{
    font-family: Merriweather;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    color: #434750
}

h2{
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: #3D3D3D;
	border-bottom: solid thick;
	padding-bottom: 0.5em;

}

h3{
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: #434750;
	border-bottom: double;
	padding-bottom: 0.5em;
}

h4{
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: #3D3D3D;
	border-bottom: solid medium;
	padding-bottom: 0.5em;
}

h5{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    color: #434750;
	border-bottom: double;
	padding-bottom: 0.5em;
}

h6{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    color: #434750;
	border-bottom: solid thin;
	padding-bottom: 0.5em;
}


p{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #434750
}

.featured-content-label {
    border: none;
	padding-bottom: none;
}

.featured-title {
    border: none;
	padding-bottom: none;
}

.subtitle {
    border: none;
	padding-bottom: none;
}


/* This approach applies direct CSS adjustments to panel icons based on their order and not their content. 
   While it works, it should be revisited for a more efficient implementation. */

/* Not all of font awesome worked and since we can only change this css file right now
this resource is where I found some that worked https://astronautweb.co/snippet/font-awesome/ */

.cat-panel-1:before {
    content: "\f129";
}

.cat-panel-2:before {
    content: "\f025";
}

.cat-panel-3:before {
    content: "\f022";
}

.cat-panel-4:before {
    content: "\f108";
}

.cat-panel-5:before {
    content: "\f0db";
}

.cat-panel-6:before {
    content: "\f128";
}

.cat-panel-7:before,.cat-panel-8:before {
    content: "\f059";
}

.cat-panel-9:before {
    content: "\f086";
}

.cat-panel-10:before {
    content: "\f057";
}

.cat-panel-11:before {
    content: "\f00d";
}

.cat-panel-12:before, .cat-panel-13:before {
    content: "\f00b";
}

.cat-panel-14:before {
    content: "\f07b";
}

.cat-panel-15:before {
    content: "\f02e";
}

.cat-panel-16:before {
    content: "\f045";
}

a {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    color: #0A5694
}

a:hover {
    color: #217ABF
}

a.topic-link.section {
    color: #0A5694;
    font-size: 16px;
    font-family: 'Roboto';
    text-decoration: underline;
}

.error {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #CD001F
}

/* A majority of these are styled in theme-1.css but I was told to keep all styles within here and not to touch 
any other files such as other css or the html file.
This is to rapidly prototype the design of the support section so this can and should be improved in the future  */


.portal-single-publication .publication-icon {
    background-color: #3081bd;
    text-decoration: none;
}

.portal-single-publication a {
    text-decoration: none;
}

.portal-single-publication a:hover {
    transition: all 0.3s;
    text-decoration: none;
}

.publication-contents a {
    text-decoration: none;
}

.show-all-categories a {
    text-decoration: none;
    color: #434750;
}

.publication-contents li:before {
    opacity: 1;
}

.portal-header .portal-search button, .publication-contents h4 span {
    background-color: #428533;
}

.portal-header .portal-search button:hover {
    background-color: #3A762D;
}
.portal-header .search-field {
    background-color: #ffffff
}

input#search::placeholder {
    color: #807F7F;
}

/* Primary color for links, buttons, sidebar, portal-header etc */
a,.text-primary,.btn-link,.pagination>li>a,.pagination>li>span {
    color:#D9DFE9;
}

.theme1 .procedure > li::before {
    background-color: #428533;
}

.pager li>a{
    color: #01579B;
}

.pager li>a:hover {
    background-color: #0A5694;
    color: white;
}

a {
    color: #0A5694;
    text-decoration: underline;
}

a:hover {
    color: #217ABF;
    text-decoration: underline;
}

.publication-contents a:hover {
    color: #1976d2;
    text-decoration: underline;
}

.search-field {
    border: 0;
    color: #434750;
    padding: 12px 15px;
    height: auto;
    background-color: white;
}


.theme1 .site-sidebar .logo {
    width: 100%;
    max-width: 100%;
    padding: 35px 2px;
    display: inline-block;
}

ul.searchresults .search-highlight {
    background-color: transparent;
    padding: 0px;
    font-style: normal;
    font-weight: bold;
    color: inherit;
}

li.searchresultitem.selected-searchresultitem a, li.searchresultitem a {
    text-decoration: none; 
}

.search-result-breadcrumbs {
    color: #555;
}

/* A majority of these are styled in theme-1.css */

/* We dont do hero images anywhere and it feels out of place so since I cant restructure the html
Im just making it a solid background  */

.portal-header::after {
    z-index: -5;
    background-size: cover;
    background: #d9dfe9;
    opacity: 1;
    filter: none;
}


.bg-primary,.btn-primary,.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus,.site-sidebar {
    background-color:#D9DFE9;
}


.portal-header::before{
    background-color: #ffffff;  
}

.guibutton{
    font-style: italic;
    font-weight: bold;
}

.guilabel{
    font-weight: bold;
    font-variant-caps: small-caps;
}

span.toc-count {
visibility: hidden;
}

.publication-contents .featured-title {
    margin-left: 0px;
}

footer .copyright {  
visibility: hidden;
}

*/ .publication-date {
display: block;
}

span.publication-date-text {
visibility: hidden;
} 

span.pubdate-delimiter {
visibility: hidden;
}


*/

.uwy.utb .uai img:not(.userway_check_on), .uwy.utb .ulsti img:not(.userway_check_on), .uwy.utb .ups img:not(.userway_check_on), body .uwy.utb .uai img:not(.userway_check_on), body .uwy.utb .ulsti img:not(.userway_check_on), body .uwy.utb .ups img:not(.userway_check_on) {
  width: 68px;
  height: 68px;
  padding: 0 !important;
  margin: 0 !important;
  background: 0 0 !important;
  border: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  bottom: 5px;
}

.uwy .uai img:not(.userway_check_on), .uwy .ulsti img:not(.userway_check_on), body .uwy .uai img:not(.userway_check_on), body .uwy .ulsti img:not(.userway_check_on) {
  width: 68px;
  height: 68px;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  background: 0 0 !important;
  border: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .uwy .uai, body .uwy .ulsti {
  cursor: pointer;
  border-radius: 50% !important;
  padding: 0;
  transition: .1s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  position: relative;
}

#bottom-pager {
	visibility: hidden;

}

.date-modified {
	float: right;
}