/* Font info ---------------------------------------- */ /* Variables ---------------------------------------- */ :root { /* *colors */ --upei-red: #8c2004; --upei-green: #5c8727; --upei-yellow: #fbb040; --primary: #365ab5; --primary: var(--upei-red); --secondary: #d05700; --dark: #333; --light: #eee; --border: #a8a6a6; --color-text: #444444; --color-heading: #333; --font-family-serif: 'Noto Serif', sans-serif; --font-family-sans-serif: 'Noto Sans', sans-serif; /* *body */ --body-bg-color: #fff; --page-container-width: 1440px; --body-font: var(--font-family-sans-serif); --heading-font: var(--font-family-serif); /* *branding */ /*--header-bg-color: #333;*/ --header-top-bg-color: var(--dark); --header-top-text-color: #fff; --header-bg-color: none; --header-text-color: var(--color-text); --header-padding: 1rem; --header-bottom-border: 1px solid #ddd; --logo-width: 160px; --site-name-font-family: var(--font-family-serif); --site-name-font-size: 2em; --site-name-font-color: var(--header-text-color); --site-slogan-font-family: var(--font-family-sans-serif); --site-slogan-font-size: inherit; --site-slogan-font-color: var(--header-text-color); --branding-separator: 2px solid #333; --branding-separator-padding: .5rem; --header-menu-font-width: 75 /*65-100*/; /* *tabs */ --tabs-font: var(--font-family-sans-serif); --page-tab-bg-color: var(--light); --page-tab-text-color: #333; --page-tab-text-color-active: var(--primary); --page-tab-border-color: var(--border); /* *search button */ --search-button-color: var(--upei-green); --search-button-text-color: #fff; /* *headings */ --h1-size: 2.2rem; --h2-size: 1.9rem; --h3-size: 1.6rem; --h4-size: 1.3rem; --h5-size: 1.1rem; --h6-size: 1.1rem; /* *block styles */ --sidebar-block-title-font-size: var(--h3-size); --sidebar-block-title-font-family: var(--font-family-serif); --sidebar-block-title-font-color: var(--color-text); --sidebar-block-title-background: inherit; --sidebar-block-background: var(--light); --sidebar-block-font-size: inherit; --sidebar-block-font-family: var(--font-family-sans-serif); --sidebar-block-font-color: var(--color-text); --sidebar-block-border: 1px solid var(--light); --sidebar-block-link-color: var(--color-text); --sidebar-block-link-color-hover: var(--primary); --sidebar-ul-separator-line: 2px solid var(--primary); /* *footer */ --footer-bg-color: #ccc; --footer-text-color: initial; --footer-link-color: var(--upei-red); }