Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • adi-ia/ia-angular2-seed-project
  • PNOGAL/ia-angular2-seed-project
  • KJOYNER/ia-angular2-seed-project
  • jvanboxtel/ia-angular2-seed-project
4 results
Show changes
Showing
with 2710 additions and 358 deletions
// adds red bottom border
@mixin uw-boxed($padding: 1.5rem 2rem 1.5rem 2rem) {
background-color: $uw-white;
border-bottom: 4px solid $uw-red;
padding: $padding;
@include breakpoint($uw-main-nav-breakpoint) {
border-right: 1px solid $uw-gray-light;
}
}
// a full width photo
.uw-hero {
line-height: .5;
img {
width: 100%;
}
&.uw-hero-constrained-height { // > 1200px fix hero height to 400px
@include breakpoint(1200px) {
img {
object-fit: cover;
object-position: 100% 100%;
max-height: 400px;
}
}
}
}
// floats and figures
.uw-float-right {
float: right;
}
.uw-float-left {
float: left;
}
figure {
&.uw-float-right, &.uw-float-left {
float: none;
}
margin: 0 auto 1rem;
@include breakpoint(rem-calc(500)) {
margin: 0;
&.uw-float-right {
float: right;
margin: 0.5rem 0 2rem 2rem;
}
&.uw-float-left {
float: left;
margin: 0.5rem 2rem 2rem 0;
}
&.uw-float-25 {
width: 25%;
}
&.uw-float-33 {
width: 33.3333%;
}
&.uw-float-50 {
width: 50%;
}
}
}
figure img {
border: 1px solid $uw-gray-light;
&.uw-no-border {
border: none;
}
}
figure figcaption {
font-size: 1rem;
font-family: $uw-verlag-font;
line-height: 1.4;
}
.uw-credit {
text-transform: uppercase;
color: $uw-gray-darker;
font-size: 0.8rem;
}
// a generic content container with a thick bottom red border
// and thin gray right border
.uw-content-box {
@include uw-boxed;
background-color: darken($uw-page-bg,2%);
&.uw-content-box-bleed { // need an visual example for bleed
padding: 0 0 1.5rem 0;
> * {
padding-left: 2rem;
padding-right: 2rem;
}
> .bleed {
padding-left: 0;
padding-right: 0;
}
}
+ .uw-content-box { // stacked content boxed have vertical spacing
margin-top: 3rem;
}
}
// if the body bg color is light gray, set the box bg color to white
body.uw-light-gray-bg .uw-content-box {
background-color: #fff;
}
.uw-footer {
-webkit-font-smoothing: antialiased;
clear: both;
background-color: $uw-gray-darkest;
border-top: 5px solid $uw-red;
color: $uw-gray-footer-text;
a {
color: $uw-gray-footer-text;
&:hover {
color: $uw-gray-footer-text-hover;
}
}
}
.uw-footer-content {
padding-top: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 1200px;
margin: 0 auto;
> div {
flex: 1 0 100%;
max-width: 100%;
padding: 0 2rem;
text-align: center;
&.uw-logo {
padding-bottom: 2rem;
text-align: center;
}
}
ul {
margin-left: 0;
margin-bottom: 2rem;
}
p,li {
font-size: .9rem;
margin: 0 0 .5rem;
line-height: 1.25;
list-style: none;
}
@include breakpoint(40em) {
> div {
flex: 1 0 33.333%;
max-width: 33.333%;
padding: 0 2rem;
text-align: center;
&.uw-logo:nth-last-child(2):nth-child(1) { // i.e. first of 2
flex-basis: 50%;
max-width: 50%;
text-align: right;
}
&:nth-last-child(1):nth-child(2) { // i.e. second of 2
flex-basis: 50%;
max-width: 50%;
text-align: left;
}
&.uw-logo:nth-last-child(3):nth-child(1) { // i.e. first of 3
flex-basis: 33.333333%;
max-width: 33.333333%;
text-align: right;
}
&:nth-last-child(2):nth-child(2) { // i.e. second of 3
flex-basis: 33.333333%;
max-width: 33.333333%;
text-align: left;
}
&:nth-last-child(1):nth-child(3) { // i.e. third of 3
flex-basis: 33.333333%;
max-width: 33.333333%;
text-align: left;
}
}
.uw-logo {
flex: 0 1 100%;
max-width: 100%;
padding-bottom: 2rem;
}
p,li {
font-size: 1.1rem;
margin-bottom: .75rem;
}
}
@include breakpoint(60.75em) {
padding-top: 4rem;
> div {
flex: 1 0 25%;
max-width: 25%;
padding: 0 2rem;
text-align: left;
}
.uw-logo {
flex-basis: 25%;
max-width: 25%;
}
}
}
.uw-footer-menu ul ul {
margin: .75rem 0;
}
.uw-logo {
padding-bottom: 1.625rem;
a svg {
width: 200px;
height: 150px;
min-width: 175px;
fill: $uw-gray-footer-text;
color: $uw-gray-footer-text;
}
a:hover svg {
fill: $uw-gray-footer-text-hover;
color: $uw-gray-footer-text-hover;
}
}
.uw-footer-header {
color: $uw-gray-footer-text;
font-weight: 800;
font-size: .9rem;
line-height: 1.25;
margin: 0 0 1rem;
@include breakpoint(60.75em) {
font-size: 1.2rem;
}
}
.uw-footer-contact {
text-align: center;
}
.uw-contact-list {
margin-left: 0;
}
.uw-contact-item {
list-style: none;
margin-bottom: .75rem;
line-height: 1.25;
}
[class="uw-contact-item"] > a {
text-decoration: underline;
}
.uw-map-marker, .uw-footer-icon {
width: 1rem;
height: 1rem;
vertical-align: -2px;
fill: $uw-gray-footer-text;
&:hover {
fill: $uw-gray-footer-text-hover;
}
}
.uw-copyright {
padding: 2rem 0.5em 1rem;
text-align: center;
p {
margin-bottom: .2rem;
font-size: .925rem;
a {
text-decoration: underline;
}
}
}
.uw-social-icons {
margin-top: 1rem;
margin-left: 0;
.uw-social-icon {
display: inline-block;
margin: 0 .5rem;
&:first-child {
margin-left: 0;
}
}
a {
display: inline-block;
background-color: $uw-gray-footer-text;
padding: 0.4rem;
font-size: 1.3rem;
line-height: 1.3rem;
border-radius: 1.05rem;
&:hover {
background-color: $uw-gray-footer-text-hover;
}
}
svg {
display: inline-block;
vertical-align: top;
width: 1.3rem;
height: 1.3rem;
margin: 0;
padding: 0;
fill: $uw-gray-darkest;
}
}
// Originally sourced from FormHack v1.1.0 (formhack.io)
// https://github.com/ireade/formhack
// Config -----------------------------
// Font
$fh-font-size: 1rem !default;
$fh-font-color: $uw-body-font;
// Borders
$fh-border-radius: 0px !default;
$fh-border-width: 1px !default;
$fh-border-style: solid !default;
$fh-border-color: rgb(200, 200, 200) !default;
// Inputs, Textareas, Select, Option
$fh-input-height: 2.5rem !default;
$fh-input-width: 100% !default;
$fh-input-max-width: 100% !default;
$fh-input-bg-color: #fff !default;
$fh-focus-bg-color: $uw-anchor-color !default;
$fh-focus-border-color: $fh-border-color !default;
$fh-focus-font-color: $fh-font-color !default;
// Select Vendor Styling
$fh-allow-vendor-styling: true !default;
// Fieldset & Legend Styling
$fh-fieldset-bare: false !default;
// Buttons & Input Submits
$fh-button-height: 40px !default;
$fh-button-width: 100% !default;
$fh-button-max-width: inherit !default;
$fh-button-font-color: $uw-white !default;
$fh-button-bg-color: $fh-focus-bg-color !default;
$fh-button-hover-bg-color: scale-color($uw-anchor-color, $lightness: -15%) !default;
$fh-button-hover-font-color: $uw-white !default;
// Layout
$fh-centered: false !default;
$fh-display: block !default;
// Center/Left-Aligned Layout
@mixin center-layout {
@if $fh-centered == true {
margin: 0 auto;
text-align: center;
}
@else {
margin: 0;
}
}
/* Global Reset Styles ------------------ */
input,
textarea,
select,
option,
optgroup,
legend,
fieldset {
font-size: $fh-font-size;
color: $fh-font-color;
vertical-align: top;
display: $fh-display;
@include center-layout;
}
datalist {
font-size: $fh-font-size;
}
label {
display: $fh-display;
@include center-layout;
}
.uw-input-row {
margin: 0 0 1rem 0;
}
/* Input & Textarea ------------------ */
/* Fields with standard width */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list],
input[type="file"],
select,
textarea {
width: $fh-input-width;
max-width: $fh-input-max-width;
padding: $fh-input-height / 5;
background-color: $fh-input-bg-color;
border-radius: $fh-border-radius;
border: $fh-border-width $fh-border-style $fh-border-color;
}
/* Fields with standard height */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[list] {
height: $fh-input-height;
}
/* Other */
textarea {
overflow: auto;
}
input[type="range"] {
height: $fh-input-height;
width: $fh-input-width;
max-width: $fh-input-max-width;
}
input[type="file"] {
min-height: $fh-input-height;
}
input[type="search"] {
height: $fh-input-height;
}
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
vertical-align: .1rem;
margin: 0 .1rem;
}
/* Select ------------------ */
select {
height: $fh-input-height;
}
select[multiple] {
height: auto;
min-height: $fh-input-height;
padding: 0;
option {
margin: 0;
padding: $fh-input-height / 5;
}
}
/* Fieldset ------------------ */
fieldset {
@if $fh-fieldset-bare == true {
padding: 0;
border: 0;
}
@else {
padding: 10px 25px;
border-radius: $fh-border-radius;
border: $fh-border-width $fh-border-style $fh-border-color;
}
margin-bottom: 1rem;
}
legend {
@if $fh-fieldset-bare == true {
padding: 0;
font-weight: inherit;
}
@else {
padding: 0 5px;
font-weight: 700;
}
}
/* Buttons, Input Type Submit/Reset ------------------ */
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"] {
height: $fh-button-height;
width: $fh-button-width;
max-width: $fh-button-max-width;
background-color: $fh-button-bg-color;
padding: $fh-input-height / 5;
cursor: pointer;
color: $fh-button-font-color;
font-weight: 700;
font-family: $uw-verlag-font;
border-radius: $fh-border-radius;
border: $fh-border-width $fh-border-style $fh-border-color;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
input[type="image"] {
text-align: center;
padding: $fh-input-height / 5;
}
/* States ------------------ */
input[disabled],
textarea[disabled],
select[disabled],
option[disabled] {
cursor: not-allowed;
}
input:focus,
textarea:focus,
select:focus,
option:focus {
background-color: inherit;
border-color: $fh-focus-border-color;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
outline: $fh-focus-border-color solid 2px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
background-color: $fh-button-hover-bg-color;
color: $fh-button-hover-font-color;
}
.uw-global-bar {
-webkit-font-smoothing: antialiased;
background-color: $uw-red;
color: white;
padding: 0 1rem;
display: flex;
justify-content: space-between;
text-transform: uppercase;
font-size: .825rem;
font-weight: 700;
&.uw-global-bar-inverse {
background-color: white;
border-bottom: 1px solid $uw-gray-light;
position: relative;
z-index: 10;
a, a:visited, a:active, a:hover {
color: $uw-gray-darker;
}
}
}
.uw-global-name-link {
color: white;
line-height: 2.2rem;
&:hover, &:visited, &:active {
text-decoration: none;
}
span {
display: none;
}
.uw-of {
text-transform: none;
}
@include breakpoint(17.5em) {
span {
display: inline;
}
}
}
.uw-header {
// @include uw-container($uw-max-content-width);
display: flex;
justify-content: center;
background-color: white;
&.uw-has-search {
.uw-header-crest-title {
width: auto;
width: 100%;
// padding-left: 1rem;
@include breakpoint($uw-header-search-breakpoint) {
width: 70%;
padding-right: 5%;
}
@include breakpoint($uw-header-search-breakpoint + 140) {
width: 75%;
padding-right: 5%;
}
}
.uw-header-search {
padding-right: 1rem;
@include breakpoint($uw-header-search-breakpoint) {
width: 30%;
}
@include breakpoint($uw-header-search-breakpoint + 140) {
width: 25%;
}
}
}
}
.uw-header-container {
padding: $uw-padding 0;
flex: 0 0 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
position: relative;
@include breakpoint($uw-main-nav-breakpoint) {
max-width: $uw-max-content-width;
}
}
.uw-header-crest-title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.uw-header-crest {
flex-basis: auto;
margin-right: .5rem;
}
.uw-crest-svg {
width: 2.5rem;
}
.uw-title-tagline {
flex-basis: 100%;
}
.uw-site-title {
-webkit-font-smoothing: antialiased;
font-weight: 800;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.1;
margin-bottom: .1rem;
a {
color: $uw-red;
&:hover {
text-decoration: none;
}
}
}
.uw-site-tagline {
font-size: .95rem;
font-weight: 700;
color: $uw-gray-darker;
text-transform: none;
margin: .2rem 0 0 .1rem;
line-height: 1.2;
}
.uw-search-form {
display: flex;
}
.uw-search-input[type="text"] {
flex: 1 1 80%;
max-width: 80%;
}
.uw-search-submit {
width: 2.5rem;
height: 2.5rem;
color: white;
background-color: $uw-red;
svg {
width: 1.2rem;
height: 1.2rem;
fill: white;
}
flex: 0 0 auto;
}
.uw-header-search .uw-search-form {
margin-top: 0.5rem;
}
// if DOM switch script is used to move search input within menu
li.uw-search-list-item form {
margin-top: 0;
margin-bottom: 0;
padding: 0.75rem 1rem;
border-bottom: 1px solid $uw-gray-light;
text-align: center;
justify-content: center;
}
li.uw-search-list-item .uw-search-input[type="text"] {
float: none;
width: 100%;
max-width: 400px;
transition: none;
}
@include breakpoint(27.5em) {
.uw-site-title {
font-size: 1.5rem;
}
}
@include breakpoint(40em) {
.uw-header-crest {
margin-right: .8rem;
img {
width: 2.6rem;
}
}
.uw-site-title {
font-size: 1.7rem;
}
.uw-site-tagline {
margin: -.1rem 0 0 .2rem;
}
}
@include breakpoint(64em) {
.uw-header-crest {
img {
width: 2.8rem;
}
}
.uw-site-title {
font-size: 1.8rem;
}
.uw-header-search .uw-search-form {
margin-top: 1rem;
}
}
@include breakpoint(75em) {
.uw-header-crest {
img {
width: 3rem;
}
}
.uw-site-title {
font-size: 2rem;
}
}
\ No newline at end of file
@import "uw_side_nav";
@import "uw_card";
.uw-full-row {
}
.uw-row {
@include uw-container($uw-max-content-width);
display: flex;
flex-wrap: wrap;
position: relative;
}
.uw-full-row-has-bg-img {
background-repeat: no-repeat;
background-size: cover;
}
.uw-row-page-title {
padding-top: $uw-padding*2;
padding-bottom: $uw-padding*2;
}
.uw-col {
@include uw-flex-column;
padding: 0 $uw-padding*1;
}
.uw-body {
@include uw-flex-column(66.6667%);
p,li,dd,dt {
font-family: $uw-serif-font;
-webkit-font-smoothing: auto;
}
&:first-child:last-child {
@include uw-flex-column;
padding-top: 0;
}
h2.uw-mini-bar {
margin-top: 3.2rem;
}
}
.uw-sidebar {
@include uw-flex-column(33.3333%);
margin-bottom: 3rem;
}
.uw-sidebar-box {
@include uw-boxed(1rem 1.25rem);
> h3 {
@include uw-mini-bar;
}
> h3:first-child {
// margin-top: 0;
}
> p, li {
margin-bottom: 1.35rem;
line-height: 1.35;
}
@include breakpoint($uw-main-nav-breakpoint) {
border-top: 1px solid $uw-gray-light;
border-left: 1px solid $uw-gray-light;
}
}
@mixin uw-mini-bar($align: left, $color: $uw-red) {
position: relative;
margin-top: 2.2rem;
&:before {
position: absolute;
left: 0;
height: 4px;
content: '';
width: 2rem;
top: -12px;
background-color: $color;
@if $align == center {
right: 0;
margin: 0 auto;
}
}
}
// any element (e.g., heading) that has a short bar above it. For presentation-only.
.uw-mini-bar {
@include uw-mini-bar();
}
h1.uw-mini-bar:before {
height: 4px;
width: 3rem;
}
.uw-mini-bar-center {
@include uw-mini-bar($align: center);
}
.uw-mini-bar-white {
@include uw-mini-bar($color: white);
}
.uw-mini-bar-white-center {
@include uw-mini-bar($align: center, $color: white);
}
\ No newline at end of file
// simple media query mixins
// @mixin uw-breakpoint($width) {
// @media (min-width: $width) { @content; }
// }
// @mixin uw-breakpoint-max($width) {
// @media (max-width: $width) { @content; }
// }
// linear gradient
@mixin linear-gradient($direction, $color-stops...) {
// Direction has been omitted and happens to be a color-stop
@if is-direction($direction) == false {
$color-stops: $direction, $color-stops;
$direction: 180deg;
}
background: nth(nth($color-stops, 1), 1);
background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
background: linear-gradient($direction, $color-stops);
}
// uw-nav-menu submenu class name subsitution
// this allows for easier overriding of the submenu class name
@mixin uw-dropdown($class_name: "uw-dropdown") {
.uw-nav-menu ul li.#{$class_name}.uw-is-active > ul {
display: block;
opacity: 1.0;
transform: scaleY(1);
animation: reveal .2s ease-in-out;
}
.uw-nav-menu ul > li > ul > li.#{$class_name} > ul {
display: none;
}
@include breakpoint($uw-main-nav-breakpoint) {
.uw-nav-menu ul li.#{$class_name} > ul {
background-color: $uw-red;
}
.uw-nav-menu-reverse, .uw-nav-menu-secondary-reverse {
ul li.#{$class_name} > ul, .uw-nav-menu-secondary-reverse ul li.#{$class_name} > ul {
background-color: white;
a {
color: $uw-gray-darkest;
background-color: transparent;
}
}
}
.uw-nav-menu-reverse ul li.#{$class_name} > ul {
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.uw-nav-menu-reverse-flat, .uw-nav-menu-secondary-reverse {
ul li.#{$class_name} > ul {
box-shadow: none;
border-left: 1px solid $uw-gray-light;
border-right: 1px solid $uw-gray-light;
border-bottom: 1px solid $uw-gray-light;
}
}
.uw-nav-menu.uw-nav-menu-reverse ul ul {
.#{$class_name} > a {
// background-color: white;
color: $uw-red;
}
}
}
}
// hide from non screen readers
@mixin uw-element-invisible {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
// width-constrained container
@mixin uw-container($max-width: 100%) {
max-width: $max-width;
margin-left: auto;
margin-right: auto;
}
// flexed column
@mixin uw-flex-column($width: 100%, $breakpoint: $uw-main-nav-breakpoint) {
flex-basis: 100%;
max-width: 100%;
@include breakpoint($breakpoint) {
flex-basis: $width;
max-width: $width;
}
}
\ No newline at end of file
.uw-mobile-menu-button-bar {
display: none;
&.uw-is-visible {
display: block;
}
width: 100%;
background-color: $uw-red;
border: 0;
padding: 1.1rem 1rem 1.1rem 1rem;
color: $uw-white;
text-transform: uppercase;
font-weight: bold;
font-size: 1rem;
line-height: 1rem;
&:focus {
outline: none;
}
svg {
width: 1.2rem;
height: 1.2rem;
vertical-align: middle;
margin-top: -.3rem;
margin-left: .7rem;
fill: $uw-white;
&:last-child {
display: inline;
}
}
&[aria-expanded="true"] svg {
display: none;
&:last-child {
display: inline;
}
}
&[aria-expanded="false"] svg {
display: inline;
&:last-child {
display: none;
}
}
&.uw-mobile-menu-button-bar-reversed {
background-color: $uw-white;
color: $uw-gray-darkest;
border-top: 1px solid $uw-gray-light;
border-bottom: 1px solid $uw-gray-light;
svg {
fill: $uw-gray-darkest;
}
}
}
// whether the menu button bar is visible is controlled
// by javascript dynamically determing the best breakpoint for
// the menu item content instead of by using CSS media query
// breakpoints; the state of #uw-top-menus is tied to the state
// of .uw-mobile-menu-button-bar and assumes that #uw-top-menus
// is an adjacent sibling of .uw-mobile-menu-button-bar
// always show the menu to non-JS browsers
.no-js #uw-top-menus.uw-is-visible.uw-hidden {
display: block;
visibility: visible;
}
// styles for all states of #uw-top-menus
#uw-top-menus {
display: none;
&.uw-is-visible {
display: block;
// we load page with the menu visibility hidden so we can
// calculate the width of the menu
&.uw-hidden {
visibility: hidden;
}
}
.uw-nav-menu {
a {
display: inline-block;
font-size: .925rem;
font-weight: 800;
line-height: 1.25;
color: white;
text-transform: uppercase;
border-bottom: .2rem solid rgba(0, 0, 0, 0);
&:hover {
text-decoration: none;
border-bottom-color: white;
}
&:active,&:focus {
text-decoration: none;
}
}
li {
list-style: none;
}
// used in uwmadison-160 theme to DOM-swap search form into
// mobile menu; drop from the Style Guide?
li.uw-search-form {
margin-top: 1rem;
}
ul {
padding: 0 1rem;
line-height: 1.625;
ul {
margin: 0;
a {
font-weight: 700;
text-transform: none;
}
}
}
li {
margin-bottom: 0;
}
}
.uw-nav-menu ul ul {
display: none;
transform: scaleY(0);
transform-origin: top;
opacity: 0;
transition: transformY .2s ease-in-out, opacity .2s ease-in-out;
padding-bottom: .5rem;
}
.uw-nav-menu ul li.uw-dropdown.uw-is-active > ul {
display: block;
opacity: 1.0;
transform: scaleY(1);
animation: reveal .2s ease-in-out;
}
.uw-nav-menu ul ul ul {
display: none; // don't show grandchild menus
left: 100%;
top: 0;
}
.uw-nav-menu svg.uw-caret {
width: 1rem;
height: 1rem;
fill: white;
vertical-align: text-top;
display: inline;
margin-right: -1rem; // for preventing line wrapping
&:last-child {
display: none;
}
}
.uw-nav-menu .uw-is-active {
svg.uw-caret {
display: none;
&:last-child {
display: inline;
}
}
}
.uw-nav-menu.uw-nav-menu-reverse svg.uw-caret, .uw-nav-menu.uw-nav-menu-secondary-reverse svg.uw-caret {
fill: $uw-red;
}
}
// #uw-top-menus {
// display: none;
// &.uw-is-visible {
// display: block;
// // we load page with the menu visibility hidden so we can
// // calculate the width of the menu
// &.uw-hidden {
// visibility: hidden;
// }
// }
// }
// styles for when the menu button is hidden; i.e. larger viewports
#uw-top-menus.uw-horizontal {
.uw-nav-menu {
-webkit-font-smoothing: antialiased;
// display: block;
clear: both;
margin: 0 auto;
width: 100%;
background-color: $uw-red;
&.uw-nav-menu-reverse {
-webkit-font-smoothing: auto;
background-color: white;
}
}
.uw-nav-menu.uw-nav-menu-secondary {
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
right: 0;
z-index: 20;
margin-bottom: 0;
background-color: transparent;
width: auto;
display: inline-block;
> ul > li {
float: right;
> a {
font-weight: 700;
font-size: .825rem;
line-height: 2.2rem;
border-bottom: none;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
&:hover {
border-bottom: none;
}
}
}
&.uw-nav-menu-secondary-reverse {
a {
color: $uw-gray-darker;
}
ul ul a:hover {
border-bottom: .2rem solid $uw-red;
}
}
}
.uw-nav-menu ul {
display: flex;
align-items: center;
margin: 0 auto;
max-width: $uw-max-content-width;
}
.uw-nav-menu li {
display: table-cell;
position: relative;
vertical-align: middle;
padding: 0 .95rem;
}
.uw-nav-menu li li {
display: block;
padding: .5rem .5rem;
line-height: 1;
text-align: left;
}
.uw-nav-menu > ul > li {
text-align: center;
}
.uw-nav-menu > ul > li > a {
padding: 1.05rem 0 0.1rem;
margin-bottom: .8rem;
}
.uw-nav-menu ul li.uw-dropdown > ul {
background-color: $uw-red;
}
.uw-nav-menu-reverse, .uw-nav-menu-secondary-reverse {
ul li.uw-dropdown > ul, .uw-nav-menu-secondary-reverse ul li.uw-dropdown > ul {
background-color: white;
a {
color: $uw-gray-darkest;
background-color: transparent;
}
}
}
.uw-nav-menu-reverse ul li.uw-dropdown > ul {
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.uw-nav-menu-reverse-flat, .uw-nav-menu-secondary-reverse {
ul li.uw-dropdown > ul {
box-shadow: none;
border-left: 1px solid $uw-gray-light;
border-right: 1px solid $uw-gray-light;
border-bottom: 1px solid $uw-gray-light;
}
}
.uw-nav-menu.uw-nav-menu-reverse ul ul {
.uw-dropdown > a {
// background-color: white;
color: $uw-red;
}
}
.uw-nav-menu > ul > li.uw-dropdown > a, .uw-nav-menu.uw-nav-menu-reverse > ul > li.uw-dropdown > a {
padding-right: 1rem; // to prevent svg down caret wrapping
}
.uw-nav-menu > ul > li.uw-dropdown.uw-is-active > ul {
display: block;
}
.uw-nav-menu.uw-nav-menu-reverse a {
color: $uw-gray-darkest;
font-weight: 700;
}
.uw-nav-menu ul ul {
position: absolute;
left: 0;
width: 188px;
z-index: 99999;
display: none;
}
.uw-nav-menu {
> ul > li:first-child {
padding-left: 0;
}
> ul > li.current-menu-item > a,> ul > li.current-menu-parent > a {
border-bottom-color: white;
}
&.uw-nav-menu-reverse {
-webkit-font-smoothing: auto;
border-top: 1px solid $uw-gray-light;
border-bottom: 1px solid $uw-gray-light;
> ul > li:first-child {
padding-left: 0;
}
> ul > li > a {
padding: .3rem 0 .1rem;
margin-bottom: .8rem;
margin-top: .8rem;
border-bottom: .2rem solid transparent;
&:hover {
border-bottom: .2rem solid $uw-red;
}
}
> ul > li > a + ul > li > a:hover {
border-bottom: .2rem solid $uw-red;
}
> ul > li.current-menu-item > a, > ul > li.current-menu-parent > a {
border-bottom: .2rem solid $uw-red;
}
}
}
.uw-nav-menu ul ul a {
display: inline;
margin-bottom: 0;
padding-bottom: 0;
height: auto;
width: 168px;
}
}
// styles for when the menu button is visible; i.e. smaller viewports
#uw-top-menus.uw-stacked {
.uw-nav-menu {
background-color: darken($uw-page-bg, 2%);
a {
color: $uw-gray-darkest;
&:hover {
border-bottom-color: $uw-gray-light;
background-color: darken($uw-page-bg, 6%);
}
}
ul {
margin: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding: 0;
display: block;
ul {
position: static;
padding: 0;
display: none;
a {
font-weight: 400;
}
ul {
margin-top: 0;
}
}
}
> ul > li {
display: block;
text-align: left;
padding: 0;
li a {
padding-left: 2rem;
}
}
> ul > li a {
padding: 1rem;
margin-bottom: 0;
margin-top: 0;
display: block;
border: none;
border-bottom: 1px solid $uw-gray-light;
}
&.uw-nav-menu-secondary {
border-top: 2px solid $uw-gray-light;
li a {
text-transform: none;
font-weight: 400;
}
}
svg.uw-caret {
color: $uw-red;
fill: $uw-red;
width: 1rem;
height: 1rem;
vertical-align: -.2rem;
}
}
}
// fixed width element used for detecting getComputedStyle width support
#test-get-computed-style-width {
width: 100px;
padding: 10px;
display: inline-block;
position: absolute;
bottom: 0;
}
\ No newline at end of file
.uw-pagination {
background-color: $uw-page-bg;
padding: 0 1rem;
}
.uw-pagination-prev-next {
display: flex;
justify-content: space-between;
align-items: center;
> [class*="uw-pagination"] {
display: inline-block;
}
}
// expand for page-numbered pagination
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
// font-weight: 400;
margin: 0;
/*outline: 0;*/
padding: 0;
vertical-align: baseline;
}
body {
// background-color: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, main, summary {
display: block;
}
button {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
.spell-out {
speak-as: spell-out;
}
* {
box-sizing: border-box;
}
\ No newline at end of file
.uw-side-nav {
@include uw-boxed;
background-color: $uw-page-bg;
padding: 0;
border-left: none;
border-right: none !important;
+ div {
margin-top: 2rem;
@include breakpoint($uw-main-nav-breakpoint) {
margin-top: 4rem;
}
}
ul {
margin-left: 0;
}
li {
position: relative;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid $uw-gray-lightest;
transition: .25s border-left ease-in;
font-size: 1rem;
font-weight: 700;
line-height: 1.35;
a {
display: block;
padding: $uw-padding;
position: relative;
}
ul {
margin-top: 0;
margin-left: 2rem;
margin-bottom: .5rem;
li {
font-weight: 400;
border-bottom: 1px solid transparent;
a {
padding: 0.5rem 1rem;
line-height: 1;
&.uw-current-menu-item, &:hover {
color: $uw-red;
}
}
&:first-child > a {
padding-top: 0;
}
}
}
}
> ul > li {
> a {
border-left: .25rem solid transparent;
&.uw-current-menu-item, &:hover {
border-left: .25rem solid $uw-red;
color: $uw-red;
}
}
}
}
body.uw-light-gray-bg .uw-side-nav {
background-color: $uw-white;
border: 1px solid $uw-gray-lightest;
}
.uw-side-nav-ui {
text-align: right;
}
.uw-side-nav-button {
display: none;
.uw-side-nav {
display: none;
}
background-color: transparent;
border-bottom: 0;
padding: 6px 6px 6px;
position: absolute;
left: 1rem;
top: -0.75rem;
width: calc(100% - 2rem);
text-align: left;
font-size: .7rem;
font-family: verdana;
line-height: 1;
svg {
width: 1rem;
height: 1rem;
fill: $uw-anchor-color;
vertical-align: -4px;
}
}
.uw-side-nav-button {
display: none;
&:focus {
outline: none;
}
}
.uw-side-nav-is-hidden {
.uw-side-nav {
max-height: 0;
overflow: hidden;
transition: 0.25s max-height ease-in;
border-bottom: none;
}
.uw-side-nav-button {
background-color: $uw-page-bg;
box-shadow: none;
transition: .25s box-shadow ease-in;
border: 1px solid #aec2ca;
svg {
transform: rotate(0deg);
transition: 0.25s transform ease-in;
}
&:focus {
border-color: $uw-anchor-color;
box-shadow: 0 0 4px rgba(0,0,154,0.5);
}
}
}
.uw-overlay {
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
transition: 0.25s background-color ease-in;
&.uw-is-active {
position: absolute;
z-index: 1;
background-color: rgba(0,0,0,0.3);
}
}
@media (max-width: rem-calc(640px)) {
.uw-side-nav {
margin-top: 1.7rem;
position: absolute;
width: calc(100% - 2rem);
top: 2px;
left: 1rem;
max-height: 800px;
transition: 0.25s max-height ease-in;
border-bottom: .25rem solid $uw-red;
z-index: 20;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
body.uw-light-gray-bg .uw-side-nav {
border: none;
}
.uw-side-nav-button {
display: block;
z-index: 10;
top: 0.25rem;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
background-color: $uw-page-bg;
border: 1px solid transparent;
svg {
transform: rotate(180deg);
transition: 0.25s transform ease-in;
}
&:focus {
border-color: $uw-anchor-color;
box-shadow: 0 0 4px rgba(0,0,154,0.5);
}
}
.uw-sidebar {
margin-bottom: 0;
order: 2;
}
.uw-body.uw-body {
padding-top: 3rem;
}
}
\ No newline at end of file
table {
width: 100%;
margin-bottom: $uw-padding*2;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #dbdbdb;
}
tfoot, thead {
background: $uw-gray-footer-text-hover;
color: $uw-body-font;
border: 1px solid $uw-gray-lightest;
}
caption {
font-weight: 700;
text-align: center;
margin-top: 1rem;
margin-bottom: 0.5rem;
}
tbody {
border: 1px solid $uw-gray-lightest;
background-color: $uw-white;
}
tr {
background-color: transparent;
}
table tbody tr:nth-child(even) {
background-color: $uw-gray-footer-text-hover;
}
th, td {
padding: $uw-padding;
line-height: 1.35;
}
th {
text-transform: uppercase;
font-weight: 700;
font-size: 1rem;
}
td {
font-size: 1.125rem;
}
body {
color: $uw-body-font;
font-family: $uw-verlag-font;
font-weight: 400;
line-height: 1.625;
position: relative;
background-color: #fff;
&.uw-white-bg {
background-color: #fff;
}
&.uw-light-gray-bg {
background-color: $uw-page-bg;
}
}
// override normalize
abbr[title],acronym[title] {
border-bottom: none;
text-decoration: none;
color: currentColor;
}
// BEGIN BASE ELEMENT STYLES
// Be careful when changing any of these style rules as they
// might throw off like elements elsewhere if those elements
// don't have explicit rules set for the same attributes.
p, li {
font-size: rem-calc(18); // verlag is a small font
margin-bottom: 1.5rem;
}
.uw-body {
p, li, dd {
a {
border-bottom: 1px solid currentColor;
}
}
}
a {
color: $uw-anchor-color;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
text-transform: uppercase;
}
.uw-no-case-transform {
text-transform: none;
}
h1,h2 {
font-weight: 800;
}
h1 {
font-size: 1.5rem;
-webkit-font-smoothing: antialiased;
}
h2 {
font-size: 1.3rem;
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.4;
}
h3 {
font-size: 1.125rem;
margin-top: 1.8rem;
margin-bottom: .9rem;
line-height: 1.4;
}
h4, h5, h6 {
font-size: 1rem;
margin-top: 1.8rem;
line-height: 1.4;
text-transform: none;
}
h5 {
font-size: .925rem;
}
h6 {
font-size: .85rem;
}
.small-gray-heading {
font-size: rem-calc(18);
color: $uw-gray-medium;
margin: 2rem 0 1rem 0;
}
@include breakpoint(40em) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.6rem;
}
}
h2 + ul {
margin-top: 1rem;
}
ul, ol {
margin-left: 1.2rem;
li {
ul, ol {
margin-top: 1.5rem;
margin-left: 2.4rem;
}
}
}
ul {
list-style: disc;
}
ol li {
// list-style: decimal;
}
ol li li {
// list-style-type: lower-alpha;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: decimal;
}
.uw-list-tight {
margin-top: -1rem;
}
.uw-list-tight li {
margin-bottom: 0;
}
.uw-list-no_bullets {
margin-left: 0;
list-style: none;
}
.uw-list-multi_column {
display: flex;
flex-wrap: wrap;
li {
flex-basis: 100%;
max-width: 100%;
}
@include breakpoint(rem-calc(600)) {
li {
flex-basis: 50%;
max-width: 50%;
padding-right: 3rem;
}
}
@include breakpoint(rem-calc(900)) {
li {
flex-basis: 33.333333%;
max-width: 33.333333%;
}
}
@include breakpoint(rem-calc(1200)) {
li {
flex-basis: 25%;
max-width: 25%;
}
}
}
.uw-list-inline {
display: inline;
list-style: none;
margin-left: 0;
li {
display: inline;
&:before {
content: "\00b7";
padding: 0 0.5rem;
}
&:first-child:before {
content: "";
padding: 0;
}
}
}
dl {
margin: 0;
dd, dt {
font-size: rem-calc(18);
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.5rem;
}
}
cite, em, i {
font-style: italic;
}
b,strong {
font-weight: bold;
}
td, th, caption {
font-size: rem-calc(18);
}
blockquote {
font-family: $uw-serif-font;
-webkit-font-smoothing: auto;
font-style: italic;
font-size: rem-calc(20);
// color: darken($uw-gray-medium,20%);
// font-weight: bold;
padding-left: 1.5rem;
margin-bottom: 2rem;
border-left: .25rem solid $uw-red;
cite, + cite {
// padding-left: rem-calc(20);
// padding-right: rem-calc(20);
font-style: normal;
font: .9rem $uw-verlag-font;
text-transform: uppercase;
margin: 1rem 0 0 1.5rem;
display: block;
&:before {
content: "\2014";
}
}
cite {
margin-left: 0;
}
p {
font-size: rem-calc(20);
}
&.uw-stylized-quote {
font-family: $uw-vitesse-font;
margin-bottom: 0;
border-left: none;
padding-left: 0;
text-align: center;
p {
font-family: $uw-vitesse-font;
font-size: 1rem*1.1;
&:last-of-type {
margin-bottom: .5rem;
}
}
cite {
text-align: center;
}
}
&.uw-mini-bar-center {
margin-top: 2rem;
&:before {
margin-top: -1rem;
height: 6px;
width: 3rem;
}
}
@include breakpoint(small only) {
&.uw-mini-bar-center {
margin-top: 2rem;
}
}
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
address {
display: block;
margin: 0 0 1.625em;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd, samp, var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: .9rem;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
q {
&:before {
content: "\201C";
}
&:after {
content: "\201D";
}
}
// END BASE ELEMENT STYLES
.uw-double-size-text {
font-size: 1.7rem;
line-height: 1.5;
}
.uw-small-text {
font-size: .9rem;
}
.uw-smaller-text {
font-size: .8rem;
}
@include breakpoint($uw-main-nav-breakpoint) {
.uw-double-size-text {
font-size: 2rem;
line-height: 1.625;
}
}
.uw-more-link {
text-transform: uppercase;
font-size: rem-calc(13);
font-weight: 800;
&.uw-more-link-black {
color: $uw-gray-darkest;
}
}
.uw-more-link {
svg {
width: .75rem;
height: .75rem;
vertical-align: -0.05rem;
margin-left: -.1rem;
fill: $uw-red;
}
}
// container background colors
.uw-gray-med-bg {
background-color: $uw-gray-medium
}
.uw-greyblue-bg {
background-color: $uw-gray-blue;
}
.uw-white-bg {
background-color: white;
}
.uw-light-grer-bg {
background-color: $uw-page-bg;
}
.uw-red-bg {
background-color: $uw-red;
}
.uw-red-bg, .uw-gray-med-bg {
color: white;
p,li,blockquote,a,a.uw-more-link,dd,dt,abbr,acronym,cite,strong {
color: white !important;
}
svg {
fill: white;
}
blockquote {
font-weight: 500;
}
a {
&.uw-more-link {
color: white;
}
}
}
// .vertical-gradient-to-top {
// @include linear-gradient(to top, rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.0));
// }
// .vertical-gradient-to-bottom {
// @include linear-gradient(to bottom, rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.0));
// }
.uw-nowrap {
white-space: nowrap;
}
// text alignment
.uw-text-center {
text-align: center;
}
.uw-text-left {
text-align: left;
}
.uw-text-right {
text-align: right
}
$spacing-scale: (
xs: .25rem,
s: .5rem,
m: 1rem,
l: 2rem,
xl: 4rem,
xxl: 8rem
);
$large-sizes: (l, xl, xxl);
@each $name, $size in $spacing-scale {
// rescale larger sizes at small viewports
@if index($large-sizes, $name) {
$size: $size/2;
.uw-pad-#{$name} {
padding: $size;
}
.uw-pad-t-#{$name} {
padding-top: $size;
}
.uw-pad-b-#{$name} {
padding-bottom: $size;
}
.uw-pad-l-#{$name} {
padding-left: $size;
}
.uw-pad-r-#{$name} {
padding-right: $size;
}
.uw-pad-tb-#{$name} {
padding-top: $size;
padding-bottom: $size;
}
.uw-mg-#{$name} {
margin: $size;
}
.uw-mg-t-#{$name} {
margin-top: $size;
}
.uw-mg-b-#{$name} {
margin-bottom: $size;
}
.uw-mg-l-#{$name} {
margin-left: $size;
}
.uw-mg-r-#{$name} {
margin-right: $size;
}
.uw-mg-tb-#{$name} {
margin-top: $size;
margin-bottom: $size;
}
$size: $size*2;
}
@include breakpoint($uw-main-nav-breakpoint) {
.uw-pad-#{$name} {
padding: $size;
}
.uw-pad-t-#{$name} {
padding-top: $size;
}
.uw-pad-b-#{$name} {
padding-bottom: $size;
}
.uw-pad-l-#{$name} {
padding-left: $size;
}
.uw-pad-r-#{$name} {
padding-right: $size;
}
.uw-pad-tb-#{$name} {
padding-top: $size;
padding-bottom: $size;
}
.uw-mg-#{$name} {
margin: $size;
}
.uw-mg-t-#{$name} {
margin-top: $size;
}
.uw-mg-b-#{$name} {
margin-bottom: $size;
}
.uw-mg-l-#{$name} {
margin-left: $size;
}
.uw-mg-r-#{$name} {
margin-right: $size;
}
.uw-mg-tb-#{$name} {
margin-top: $size;
margin-bottom: $size;
}
}
}
@media screen and (max-width: $uw-max-content-width) {
.uw-pad-tb-none-sm {
padding-top: 0;
padding-bottom: 0;
}
.uw-pad-t-none-sm {
padding-top: 0;
}
.uw-pad-b-none-sm {
padding-bottom: 0;
}
}
// white space helper classes
// .uw-pad-t {
// padding-top: $uw-padding*1;
// &.uw-2x {
// padding-top: $uw-padding*2;
// }
// }
// .uw-pad-b {
// padding-bottom: $uw-padding*1;
// &.uw-2x {
// padding-top: $uw-padding*2;
// }
// }
// .uw-pad-l {
// padding-left: $uw-padding*1;
// }
// .uw-pad-r {
// padding-right: $uw-padding*1;
// }
// .uw-mar-t {
// margin-top: $uw-padding*1;
// }
// .uw-mar-b {
// margin-bottom: $uw-padding*1;
// }
// .uw-mar-l {
// margin-left: $uw-padding*1;
// }
// .uw-mar-r {
// margin-right: $uw-padding*1;
// }
// show for screen readers only
.uw-show-for-sr-only, .uw-sr-only {
@include uw-element-invisible;
}
// show on focus
.uw-show-on-focus {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0,0,0,0);
&:focus {
position: static;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
}
#uw-skip-link {
position: absolute !important;
z-index: 40;
color: $uw-anchor-color;
padding: .3rem;
background-color: $uw-white;
}
// flex helpers
.uw-flex-reverse {
flex-direction: row-reverse;
}
// clearfix
.uw-clearfix {
&::before,
&::after {
content: ' ';
display: table;
}
&::after {
clear: both;
}
}
// colors
$uw-red: #c5050c !default;
$uw-red-dark: #9B0000 !default;
$uw-page-bg: #f7f7f7 !default;
$uw-body-font: #494949 !default;
$uw-gray-lightest: #e4e4e4 !default;
$uw-gray-light: #cfcfcf !default;
$uw-gray-footer-text: #adadad !default;
$uw-gray-footer-text-hover: $uw-page-bg !default;
$uw-gray-darker: #646569 !default;
$uw-gray-darkest: #282728 !default;
$uw-gray-medium: #8e8e92 !default;
$uw-gray-blue: #dadfe1 !default;
$uw-white: #fff !default;
// link/anchor color
$uw-anchor-color: #0479a8 !default;
// foundation vars needed for using Foundation Table styling
$white: $uw-white !default;
$body-font-color: $uw-body-font !default;
$global-margin: 1rem !default;
$global-radius: 0 !default;
$global-weight-bold: 700 !default;
$global-left: ltr !default;
// fonts
$uw-verlag-font: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$uw-serif-font: Georgia,Times New Roman,Times,serif !default;
$uw-vitesse-font: "Vitesse", "Helvetica Neue", "Helvetica", "Arial" !default;
// layout
$uw-max-content-width: 62.5em !default;
$uw-padding: 1rem !default;
// images directory path relative to CSS
$uw-img-path-relative-to-css: "images/" !default; // not currently in use
// breakpoints
$uw-header-search-breakpoint: 500px !default;
$uw-main-nav-breakpoint: 640px !default;
@charset 'utf-8';
/**
* UW Style
* Version 1.0.6
* Maintained by University Marketing, UW–Madison, web@umark.wisc.edu
*/
@import "vendor/foundation/unit";
@import "vendor/foundation/breakpoint";
@import 'uw_reset';
@import 'uw_mixins';
@import 'uw_vars';
@import 'uw_typography';
@import "uw_utils";
@import "uw_content";
@import 'uw_mini_bar';
@import 'uw_global_bar';
@import "uw_header";
@import 'uw_nav_menu';
@import 'uw_footer';
@import 'uw_button';
@import "uw_pagination";
@import "uw_breadcrumbs";
@import "uw_form";
@import "uw_table";
@import "uw_layouts";
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group breakpoints
////
// scss-lint:disable ZeroUnit
/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
/// @type Map
$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
) !default;
/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.
/// @type List
$breakpoint-classes: (small medium large) !default;
/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.
///
/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.
@function breakpoint($val: small) {
// Size or keyword
$bp: nth($val, 1);
// Value for max-width media queries
$bp-max: 0;
// Direction of media query (up, down, or only)
$dir: if(length($val) > 1, nth($val, 2), up);
// Eventual output
$str: '';
// Is it a named media query?
$named: false;
// Orientation media queries have a unique syntax
@if $bp == 'landscape' or $bp == 'portrait' {
@return '(orientation: #{$bp})';
}
@else if $bp == 'retina' {
@return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
}
// Try to pull a named breakpoint out of the $breakpoints map
@if type-of($bp) == 'string' {
@if map-has-key($breakpoints, $bp) {
@if $dir == 'only' or $dir == 'down' {
$next-bp: -zf-map-next($breakpoints, $bp);
@if $next-bp == null {
$bp-max: null;
@warn 'breakpoint(): the media query "#{$val}" cannot be used because #{$bp} is the largest breakpoint.';
}
@else {
$bp-max: $next-bp;
}
}
$bp: map-get($breakpoints, $bp);
$named: true;
}
@else {
$bp: 0;
}
}
// Convert any pixel, rem, or unitless value to em
$bp: -zf-bp-to-em($bp);
@if $bp-max {
$bp-max: -zf-bp-to-em($bp-max) - (1/16);
}
// Skip media query creation if the input is "0 up"
@if $bp > 0em or $dir == 'only' or $dir == 'down' {
// `only` ranges use the format `(min-width: n) and (max-width: n)`
@if $dir == 'only' {
@if $named == true {
$str: $str + '(min-width: #{$bp})';
@if $bp-max != null {
$str: $str + ' and (max-width: #{$bp-max})';
}
}
@else {
@warn 'Only named media queries can have an `only` range.';
}
}
// `down` ranges use the format `(max-width: n)`
@else if $dir == 'down' {
$max: 0;
// For named breakpoints, subtract the breakpoint value by one "pixel", or 1/16em.
@if $named {
$max: $bp-max;
}
@else {
$max: $bp;
}
// Skip media query creation if input value is exactly "0 down" but don't "small down"
@if $named or $bp > 0em {
$str: $str + '(max-width: #{$max})';
}
}
// `up` ranges use the format `(min-width: n)`
@else if $bp > 0em {
$str: $str + '(min-width: #{$bp})';
}
}
@return $str;
}
/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:
/// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.
/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.
/// - If a rem value is passed, the unit will be changed to em.
/// - If an em value is passed, the value will be used as-is.
///
/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.
///
/// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.
@mixin breakpoint($value) {
$str: breakpoint($value);
// If $str is still an empty string, no media query is needed
@if $str == '' {
@content;
}
// Otherwise, wrap the content in a media query
@else {
@media screen and #{$str} {
@content;
}
}
}
/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.
/// @access private
///
/// @param {Map} $map - Map to convert.
///
/// @returns {String} A string containing the map's contents.
@function -zf-bp-serialize($map) {
$str: '';
@each $key, $value in $map {
$str: $str + $key + '=' + -zf-bp-to-em($value) + '&';
}
$str: str-slice($str, 1, -2);
@return $str;
}
/// Find the next key in a map.
/// @access private
///
/// @param {Map} $map - Map to traverse.
/// @param {Mixed} $key - Key to use as a starting point.
///
/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
@function -zf-map-next($map, $key) {
// Store the values of the map as a list, so we can access them with nth
$values: map-values($map);
// Ghetto for loop
$i: 1;
$found: false;
@each $val in map-keys($map) {
@if $found == false {
@if ($key == $val) {
$found: true;
}
$i: $i + 1;
}
}
// If the key doesn't exist, or it's the last key in the map, return null
@if $i > length($map) {
@return null;
}
// Otherwise, return the value
@else {
@return nth($values, $i);
}
}
/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.
/// @access private
///
/// @param {Map} $map - Input config map.
/// @param {Keyword} $value - Breakpoint name to use.
///
/// @return {Mixed} The corresponding breakpoint value.
@function -zf-get-bp-val($map, $value) {
// Check if the breakpoint name exists globally
@if not map-has-key($breakpoints, $value) {
@return null;
}
// Check if the breakpoint name exists in the local config map
@else if map-has-key($map, $value) {
// If it does, just return the value
@return map-get($map, $value);
}
// Otherwise, find the next lowest breakpoint and return that value
@else {
$anchor: null;
$found: false;
@each $key, $val in $breakpoints {
@if not $found {
@if map-has-key($map, $key) {
$anchor: $key;
}
@if $key == $value {
$found: true;
}
}
}
@return map-get($map, $anchor);
}
}
// Legacy breakpoint variables
// These will be removed in 6.2
$small-up: null;
$small-only: null;
$medium-up: null;
$medium-only: null;
$large-up: null;
$large-only: null;
$xlarge-up: null;
$xlarge-only: null;
$xxlarge-up: null;
$xxlarge-only: null;
@if map-has-key($breakpoints, small) {
$small-up: screen;
$small-only: unquote('screen and #{breakpoint(small only)}');
}
@if map-has-key($breakpoints, medium) {
$medium-up: unquote('screen and #{breakpoint(medium)}');
$medium-only: unquote('screen and #{breakpoint(medium only)}');
}
@if map-has-key($breakpoints, large) {
$large-up: unquote('screen and #{breakpoint(large)}');
$large-only: unquote('screen and #{breakpoint(large only)}');
}
@if map-has-key($breakpoints, xlarge) {
$xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
$xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
}
@if map-has-key($breakpoints, xxlarge) {
$xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
}
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group functions
////
$global-font-size: 100% !default;
// scss-lint:disable ZeroUnit
/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
///
/// @param {Number} $num - Number to strip unit from.
///
/// @returns {Number} The same number, sans unit.
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
/// Converts one or more pixel values into matching rem values.
///
/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
///
/// @returns {List} A list of converted values.
@function rem-calc($values, $base: null) {
$rem-values: ();
$count: length($values);
// If no base is defined, defer to the global font size
@if $base == null {
$base: $global-font-size;
}
// If the base font size is a %, then multiply it by 16px
// This is because 100% font size = 16px in most all browsers
@if unit($base) == '%' {
$base: ($base / 100%) * 16px;
}
@if $count == 1 {
@return -zf-to-rem($values, $base);
}
@for $i from 1 through $count {
$rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
}
@return $rem-values;
}
// Converts a unitless, pixel, or rem value to em, for use in breakpoints.
@function -zf-bp-to-em($value) {
// Pixel and unitless values are converted to rems
@if unit($value) == 'px' or unitless($value) {
$value: rem-calc($value, $base: 16px);
}
// Then the value is converted to ems
@return strip-unit($value) * 1em;
}
/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
/// @access private
///
/// @param {Number} $value - Pixel value to convert.
/// @param {Number} $base [null] - Base for pixel conversion.
///
/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
@function -zf-to-rem($value, $base: null) {
// Check if the value is a number
@if type-of($value) != 'number' {
@warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
@return $value;
}
// Calculate rem if units for $value is not rem
@if unit($value) != 'rem' {
$value: strip-unit($value) / strip-unit($base) * 1rem;
}
// Turn 0rem into 0
@if $value == 0rem {
$value: 0;
}
@return $value;
}
<!DOCTYPE html>
<!--[if lte IE 9]>
<html class="old-ie" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9) ]><!-->
<html lang="en-US" class="no-js">
<!--<![endif]-->
<head>
<title>
UW Style Sample Page
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="fonts/uw160/fonts.0.0.1.css">
<link rel="stylesheet" href="css/uw-style.css?version=1.0.6">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'')})(document.documentElement)</script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="css/uw-style-ie.css?version=1.0.6">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<a class="uw-show-on-focus" href="#main" id="uw-skip-link">Skip to main content</a>
<!-- UW navbar -->
<div class="uw-global-bar">
<a class="uw-global-name-link" href="http://www.wisc.edu">U<span>niversity <span class="uw-of">of</span> </span>W<span>isconsin</span>–Madison</a>
</div>
<!-- branding header -->
<header id="branding" class="uw-header uw-has-search">
<div class="uw-header-container">
<div class="uw-header-crest-title">
<div class="uw-header-crest">
<a href="http://www.wisc.edu"><img class="uw-crest-svg" src="images/uw-crest.svg" alt="Link to University of Wisconsin-Madison home page"></a>
</div>
<div class="uw-title-tagline">
<h1 id="site-title" class="uw-site-title">
<a href="" rel="home">Sample Site</a>
</h1>
<div id="site-description" class="uw-site-tagline">Sample site has a tagline</div>
</div>
</div>
<div class="uw-header-search">
<form role="search" method="get" action="" class="uw-search-form form-inline collapse">
<label for="s" class="uw-show-for-sr-only">Search this site</label>
<input type="text" class="uw-search-input" placeholder="Search" name="s" id="s" value="">
<button class="unstyle uw-search-submit" type="submit">
<svg aria-hidden="true" role="presentation">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-search"></use>
</svg>
<span class="uw-show-for-sr-only">Submit search</span>
</button>
</form>
</div>
</div>
</header>
<!-- Mobile menu button -->
<button class="uw-mobile-menu-button-bar uw-mobile-menu-button-bar-reversed uw-is-closed " data-menu="uw-top-menus" aria-label="Open menu" aria-expanded="false" aria-controls="uw-top-menus">Menu<svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-menu"></use></svg><svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-close"></use></svg></button>
<!-- Main and secondary nav menus -->
<div id="uw-top-menus" class="uw-is-visible uw-horizontal uw-hidden" aria-hidden="false">
<div class="uw-main-nav">
<nav class="uw-nav-menu uw-nav-menu-reverse" aria-label="Main Menu">
<ul id="uw-main-nav">
<li>
<a href="">Home</a>
</li>
<li id="menu-templates" class="uw-dropdown current-menu-parent">
<a href="fallback_url_for_no_js" role="button" aria-haspopup="true" aria-expanded="false">
Templates<svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-down"></use></svg><svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-up"></use></svg>
</a>
<ul aria-hidden="true" aria-label="Templates submenu" class="uw-child-menu">
<li>
<a href="home-page.html">Home page</a>
</li>
<li class="current-menu-item">
<a href="content-sidebar.html" aria-current="page">Content with right sidebar</a>
</li>
<li>
<a href="sidebar-content.html">Content with left sidebar</a>
</li>
</ul>
</li>
<li id="menu-about" class="uw-dropdown">
<a href="fallback_url_for_no_js" role="button" aria-haspopup="true" aria-expanded="false">
About<svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-down"></use></svg><svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-up"></use></svg>
</a>
<ul aria-hidden="true" aria-label="About submenu" class="uw-child-menu">
<li>
<a href="url">About</a>
</li>
<li>
<a href="url">Our Location</a>
</li>
<li>
<a href="url">News</a>
</li>
<li>
<a href="url">Contact Us</a>
</li>
</ul>
</li>
<li>
<a href="url">Location</a>
</li>
<li>
<a href="url">Jobs</a>
</li>
<li>
<a href="url">Contact Us</a>
</li>
</ul>
</nav>
</div>
<div class="uw-secondary-nav">
<nav class="uw-nav-menu uw-nav-menu-secondary" aria-label="Secondary Menu">
<ul>
<li id="menu-news" class="uw-dropdown">
<a href="http://news.wisc.edu" aria-haspopup="true" aria-expanded="false">
News<svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-down"></use></svg><svg aria-hidden="true" class="uw-caret"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-up"></use></svg>
</a>
<ul aria-hidden="true" aria-label="News submenu" class="uw-child-menu">
<li>
<a href="http://localhost:8001/about/">About</a>
</li>
<li>
<a href="http://localhost:8001/contact-us/our-location/">Our Location</a>
</li>
<li>
<a href="http://localhost:8001/news/">News</a>
</li>
</ul>
</li>
<li>
<a href="http://today.wisc.edu">Calendar</a>
</li>
<li>
<a href="http://map.wisc.edu">Map</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- main content -->
<main id="main">
<!-- Page title -->
<div class="uw-row-full uw-row-page-title">
<div class="uw-row">
<div class="uw-col">
<h1 class="uw-mini-bar">
Content with Right Sidebar
</h1>
</div>
</div>
</div>
<!-- Page content -->
<div class="uw-full-row">
<div class="uw-row">
<!-- Body content -->
<div class="uw-col uw-body">
<img src="https://placeholdit.imgix.net/~text?txtsize=84&amp;bg=666666&amp;txt=Photo&amp;w=900&amp;h=400" alt="Placeholder image for deomnstration">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate aperiam vero atque sunt ipsum odio molestiae, repellat commodi quasi eligendi laudantium molestias excepturi voluptates a totam, laborum quaerat numquam explicabo.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur rerum, voluptatem, totam at alias id eligendi harum, quo placeat quae, consectetur excepturi. Vel praesentium, illo. Sed corrupti quia laborum laboriosam!
</p>
<h2>Subhead here</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi explicabo, harum error nemo ipsam illo natus consequuntur vero officia odio ipsum ea voluptatem expedita! Nisi officia, saepe cum maiores aut.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi et est quisquam ipsum, consequuntur facilis tempora sapiente odio libero aperiam porro, id maiores amet accusantium quae sint, nesciunt nihil omnis.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga blanditiis maxime reprehenderit ut quam, incidunt ex quos obcaecati officiis odit asperiores mollitia eius laudantium eveniet, similique saepe at fugit non.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at omnis adipisci quis molestias quae, repellendus id officia delectus nam perspiciatis necessitatibus. Ipsam minus aperiam voluptatibus corrupti fugiat delectus sequi.</li>
</ul>
</div>
<!-- Sidebar content -->
<aside class="uw-col uw-sidebar">
<button class="uw-button-unstyle uw-side-nav-button"><svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-caret-down"></use></svg> Select a section…</button>
<!-- Sidebar nav -->
<div class="uw-side-nav">
<ul>
<li class="uw-current-menu-item"><a href="admissions/">Overview</a></li>
<li><a href="#">Admission</a></li>
<li><a href="#">Majors and Certificates</a></li>
<li><a href="#">Schools and Colleges</a></li>
<li><a href="#">Advising</a></li>
<li><a href="#">Academic Resources</a></li>
<li><a href="#">Requirements for Undergraduate Study</a></li>
<li><a href="#">Enrollment and Records</a></li>
<li><a href="#">Rules, Rights, and Responsibilities</a></li>
<li><a href="#">Division of Student Life</a></li>
<li><a href="#">Academic Calendar</a></li>
</ul>
</div>
<!-- Sidbar callout box -->
<div class="uw-sidebar-box">
<h3>Prospective students contact:</h3>
<p>Department of Biomolecular Chemistry</p>
<p><a href="mailto:email@wisc.edu">email@wisc.edu</a></p>
</div>
</aside>
</div>
</div>
</main>
<footer id="colophon" class="uw-footer">
<div class="uw-footer-content">
<div class="uw-logo">
<a href="http://www.wisc.edu" aria-label="Link to main university website">
<svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-crest-footer"></use></svg>
</a>
</div>
<div class="uw-footer-menu" role="complementary">
<h3 class="uw-footer-header">Partners</h3>
<ul>
<li><a href="https://students.wisc.edu/">Division of Student Life</a></li>
<li><a href="http://provost.wisc.edu/climate.htm">Division of Diversity, Equity &amp; Educational Achievement</a></li>
<li><a href="https://chancellor.wisc.edu/">Office of the Chancellor</a></li>
<li><a href="https://universityrelations.wisc.edu/">University Relations</a></li>
<li><a href="https://msc.wisc.edu/">Multicultural Student Center</a></li>
<li><a href="http://www.oed.wisc.edu/">Office for Equity and Diversity</a></li>
</ul>
</div>
<div class="uw-footer-menu" role="complementary">
<h3 class="uw-footer-header">Quick Links</h3>
<ul>
<li><a href="http://www.wisc.edu/accessibility/">Accessibility</a></li>
<li><a href="https://diversity.wisc.edu/">Diversity</a></li>
<li><a href="http://www.wisc.edu/governance/">Governance</a></li>
<li><a href="http://www.wisc.edu/policies/">Policies</a></li>
<li><a href="http://uwpd.wisc.edu/">Safety</a></li>
<li><a href="http://www.oed.wisc.edu/title-ix.htm">Title IX</a></li>
</ul>
</div>
<div class="uw-footer-contact">
<h3 class="uw-footer-header">Contact Us</h3>
<ul class="uw-contact-list">
<li class="uw-contact-item">Email: <a href="mailto:email@wisc.edu">email@wisc.edu</a></li>
<li class="uw-contact-item">Phone: <a href="tel:608-555-5555">608-555-5555</a></li>
<li>
<ul class="uw-social-icons">
<li id="uw-icon-twitter" class="uw-social-icon">
<a aria-label="twitter" href="https://twitter.com"><svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-twitter"></use></svg></a>
</li>
<li id="uw-icon-instagram" class="uw-social-icon">
<a aria-label="instagram" href="https://www.instagram.com"><svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-instagram"></use></svg></a>
</li>
<li id="uw-icon-facebook" class="uw-social-icon">
<a aria-label="facebook" href="https://facebook.com/"><svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#uw-symbol-facebook"></use></svg></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="uw-copyright">
<p class="uw-contact-item">Feedback, questions or accessibility issues: <a href="mailto:changethis@domain">changethis@domain</a></p>
<p>© 2017 Board of Regents of the <a href="http://www.wisconsin.edu">University of Wisconsin System</a></p>
</div>
</footer>
<div class="uw-overlay"></div>
<svg aria-hidden="true" style="display: inline; height: 0; position: absolute;" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Site icons</title>
<defs>
<symbol id="uw-symbol-more" viewBox="0,0,1792,1792">
<title id="title">More</title>
<path d="M979 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23zm384 0q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
</symbol>
<symbol id="uw-symbol-menu" viewBox="0 0 1024 1024">
<title id="svg-menu">open menu</title>
<path class="path1" d="M128 256h768v86h-768v-86zM128 554v-84h768v84h-768zM128 768v-86h768v86h-768z"></path>
</symbol>
<symbol id="uw-symbol-close" viewBox="0 0 805 1024">
<title>close</title>
<path class="path1" d="M741.714 755.429q0 22.857-16 38.857l-77.714 77.714q-16 16-38.857 16t-38.857-16l-168-168-168 168q-16 16-38.857 16t-38.857-16l-77.714-77.714q-16-16-16-38.857t16-38.857l168-168-168-168q-16-16-16-38.857t16-38.857l77.714-77.714q16-16 38.857-16t38.857 16l168 168 168-168q16-16 38.857-16t38.857 16l77.714 77.714q16 16 16 38.857t-16 38.857l-168 168 168 168q16 16 16 38.857z"></path>
</symbol>
<symbol id="uw-symbol-search" viewBox="0 0 951 1024">
<title>search</title>
<path class="path1" d="M658.286 475.429q0-105.714-75.143-180.857t-180.857-75.143-180.857 75.143-75.143 180.857 75.143 180.857 180.857 75.143 180.857-75.143 75.143-180.857zM950.857 950.857q0 29.714-21.714 51.429t-51.429 21.714q-30.857 0-51.429-21.714l-196-195.429q-102.286 70.857-228 70.857-81.714 0-156.286-31.714t-128.571-85.714-85.714-128.571-31.714-156.286 31.714-156.286 85.714-128.571 128.571-85.714 156.286-31.714 156.286 31.714 128.571 85.714 85.714 128.571 31.714 156.286q0 125.714-70.857 228l196 196q21.143 21.143 21.143 51.429z"></path>
</symbol>
<symbol id="uw-symbol-search-gray" viewBox="0 0 951 1024">
<title>search</title>
<path class="path1" d="M658.286 475.429q0-105.714-75.143-180.857t-180.857-75.143-180.857 75.143-75.143 180.857 75.143 180.857 180.857 75.143 180.857-75.143 75.143-180.857zM950.857 950.857q0 29.714-21.714 51.429t-51.429 21.714q-30.857 0-51.429-21.714l-196-195.429q-102.286 70.857-228 70.857-81.714 0-156.286-31.714t-128.571-85.714-85.714-128.571-31.714-156.286 31.714-156.286 85.714-128.571 128.571-85.714 156.286-31.714 156.286 31.714 128.571 85.714 85.714 128.571 31.714 156.286q0 125.714-70.857 228l196 196q21.143 21.143 21.143 51.429z"></path>
</symbol>
<symbol id="uw-symbol-search-in-blank" viewBox="0 0 951 1024">
<title>search</title>
<path class="path1" d="M658.286 475.429q0-105.714-75.143-180.857t-180.857-75.143-180.857 75.143-75.143 180.857 75.143 180.857 180.857 75.143 180.857-75.143 75.143-180.857zM950.857 950.857q0 29.714-21.714 51.429t-51.429 21.714q-30.857 0-51.429-21.714l-196-195.429q-102.286 70.857-228 70.857-81.714 0-156.286-31.714t-128.571-85.714-85.714-128.571-31.714-156.286 31.714-156.286 85.714-128.571 128.571-85.714 156.286-31.714 156.286 31.714 128.571 85.714 85.714 128.571 31.714 156.286q0 125.714-70.857 228l196 196q21.143 21.143 21.143 51.429z"></path>
</symbol>
<symbol id="uw-symbol-envelope" viewBox="0 0 1024 1024">
<title>envelope</title>
<path class="path1" d="M1024 405.714v453.714q0 37.714-26.857 64.571t-64.571 26.857h-841.143q-37.714 0-64.571-26.857t-26.857-64.571v-453.714q25.143 28 57.714 49.714 206.857 140.571 284 197.143 32.571 24 52.857 37.429t54 27.429 62.857 14h1.143q29.143 0 62.857-14t54-27.429 52.857-37.429q97.143-70.286 284.571-197.143 32.571-22.286 57.143-49.714zM1024 237.714q0 45.143-28 86.286t-69.714 70.286q-214.857 149.143-267.429 185.714-5.714 4-24.286 17.429t-30.857 21.714-29.714 18.571-32.857 15.429-28.571 5.143h-1.143q-13.143 0-28.571-5.143t-32.857-15.429-29.714-18.571-30.857-21.714-24.286-17.429q-52-36.571-149.714-104.286t-117.143-81.429q-35.429-24-66.857-66t-31.429-78q0-44.571 23.714-74.286t67.714-29.714h841.143q37.143 0 64.286 26.857t27.143 64.571z"></path>
</symbol>
<symbol id="uw-symbol-pinterest" class="uw-social-symbols" viewBox="0 0 731 1024">
<title>pinterest-p</title>
<path class="path1" d="M0 341.143q0-61.714 21.429-116.286t59.143-95.143 86.857-70.286 105.714-44.571 115.429-14.857q90.286 0 168 38t126.286 110.571 48.571 164q0 54.857-10.857 107.429t-34.286 101.143-57.143 85.429-82.857 58.857-108 22q-38.857 0-77.143-18.286t-54.857-50.286q-5.714 22.286-16 64.286t-13.429 54.286-11.714 40.571-14.857 40.571-18.286 35.714-26.286 44.286-35.429 49.429l-8 2.857-5.143-5.714q-8.571-89.714-8.571-107.429 0-52.571 12.286-118t38-164.286 29.714-116q-18.286-37.143-18.286-96.571 0-47.429 29.714-89.143t75.429-41.714q34.857 0 54.286 23.143t19.429 58.571q0 37.714-25.143 109.143t-25.143 106.857q0 36 25.714 59.714t62.286 23.714q31.429 0 58.286-14.286t44.857-38.857 32-54.286 21.714-63.143 11.429-63.429 3.714-56.857q0-98.857-62.571-154t-163.143-55.143q-114.286 0-190.857 74t-76.571 187.714q0 25.143 7.143 48.571t15.429 37.143 15.429 26 7.143 17.429q0 16-8.571 41.714t-21.143 25.714q-1.143 0-9.714-1.714-29.143-8.571-51.714-32t-34.857-54-18.571-61.714-6.286-60.857z"></path>
</symbol>
<symbol id="uw-symbol-twitter" class="uw-social-symbols" viewBox="0 0 951 1024">
<title>twitter</title>
<path class="path1" d="M925.714 233.143q-38.286 56-92.571 95.429 0.571 8 0.571 24 0 74.286-21.714 148.286t-66 142-105.429 120.286-147.429 83.429-184.571 31.143q-154.857 0-283.429-82.857 20 2.286 44.571 2.286 128.571 0 229.143-78.857-60-1.143-107.429-36.857t-65.143-91.143q18.857 2.857 34.857 2.857 24.571 0 48.571-6.286-64-13.143-106-63.714t-42-117.429v-2.286q38.857 21.714 83.429 23.429-37.714-25.143-60-65.714t-22.286-88q0-50.286 25.143-93.143 69.143 85.143 168.286 136.286t212.286 56.857q-4.571-21.714-4.571-42.286 0-76.571 54-130.571t130.571-54q80 0 134.857 58.286 62.286-12 117.143-44.571-21.143 65.714-81.143 101.714 53.143-5.714 106.286-28.571z"></path>
</symbol>
<symbol id="uw-symbol-youtube" class="uw-social-symbols" viewBox="0 0 878 1024">
<title>youtube</title>
<path class="path1" d="M554.857 710.857v120.571q0 38.286-22.286 38.286-13.143 0-25.714-12.571v-172q12.571-12.571 25.714-12.571 22.286 0 22.286 38.286zM748 711.429v26.286h-51.429v-26.286q0-38.857 25.714-38.857t25.714 38.857zM196 586.857h61.143v-53.714h-178.286v53.714h60v325.143h57.143v-325.143zM360.571 912h50.857v-282.286h-50.857v216q-17.143 24-32.571 24-10.286 0-12-12-0.571-1.714-0.571-20v-208h-50.857v223.429q0 28 4.571 41.714 6.857 21.143 33.143 21.143 27.429 0 58.286-34.857v30.857zM605.714 827.429v-112.571q0-41.714-5.143-56.571-9.714-32-40.571-32-28.571 0-53.143 30.857v-124h-50.857v378.857h50.857v-27.429q25.714 31.429 53.143 31.429 30.857 0 40.571-31.429 5.143-15.429 5.143-57.143zM798.857 821.714v-7.429h-52q0 29.143-1.143 34.857-4 20.571-22.857 20.571-26.286 0-26.286-39.429v-49.714h102.286v-58.857q0-45.143-15.429-66.286-22.286-29.143-60.571-29.143-38.857 0-61.143 29.143-16 21.143-16 66.286v98.857q0 45.143 16.571 66.286 22.286 29.143 61.714 29.143 41.143 0 61.714-30.286 10.286-15.429 12-30.857 1.143-5.143 1.143-33.143zM451.429 300v-120q0-39.429-24.571-39.429t-24.571 39.429v120q0 40 24.571 40t24.571-40zM862.286 729.143q0 133.714-14.857 200-8 33.714-33.143 56.571t-58.286 26.286q-105.143 12-317.143 12t-317.143-12q-33.143-3.429-58.571-26.286t-32.857-56.571q-14.857-64-14.857-200 0-133.714 14.857-200 8-33.714 33.143-56.571t58.857-26.857q104.571-11.429 316.571-11.429t317.143 11.429q33.143 4 58.571 26.857t32.857 56.571q14.857 64 14.857 200zM292 0h58.286l-69.143 228v154.857h-57.143v-154.857q-8-42.286-34.857-121.143-21.143-58.857-37.143-106.857h60.571l40.571 150.286zM503.429 190.286v100q0 46.286-16 67.429-21.143 29.143-60.571 29.143-38.286 0-60-29.143-16-21.714-16-67.429v-100q0-45.714 16-66.857 21.714-29.143 60-29.143 39.429 0 60.571 29.143 16 21.143 16 66.857zM694.857 97.714v285.143h-52v-31.429q-30.286 35.429-58.857 35.429-26.286 0-33.714-21.143-4.571-13.714-4.571-42.857v-225.143h52v209.714q0 18.857 0.571 20 1.714 12.571 12 12.571 15.429 0 32.571-24.571v-217.714h52z"></path>
</symbol>
<symbol id="uw-symbol-facebook" class="uw-social-symbols" viewBox="0 0 602 1024">
<title>facebook</title>
<path class="path1" d="M548 6.857v150.857h-89.714q-49.143 0-66.286 20.571t-17.143 61.714v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571q0-106.286 59.429-164.857t158.286-58.571q84 0 130.286 6.857z"></path>
</symbol>
<symbol id="uw-symbol-instagram" class="uw-social-symbols" viewBox="0 0 878 1024">
<title>instagram</title>
<path class="path1" d="M778.286 814.857v-370.286h-77.143q11.429 36 11.429 74.857 0 72-36.571 132.857t-99.429 96.286-137.143 35.429q-112.571 0-192.571-77.429t-80-187.143q0-38.857 11.429-74.857h-80.571v370.286q0 14.857 10 24.857t24.857 10h610.857q14.286 0 24.571-10t10.286-24.857zM616 510.286q0-70.857-51.714-120.857t-124.857-50q-72.571 0-124.286 50t-51.714 120.857 51.714 120.857 124.286 50q73.143 0 124.857-50t51.714-120.857zM778.286 304.571v-94.286q0-16-11.429-27.714t-28-11.714h-99.429q-16.571 0-28 11.714t-11.429 27.714v94.286q0 16.571 11.429 28t28 11.429h99.429q16.571 0 28-11.429t11.429-28zM877.714 185.714v652.571q0 46.286-33.143 79.429t-79.429 33.143h-652.571q-46.286 0-79.429-33.143t-33.143-79.429v-652.571q0-46.286 33.143-79.429t79.429-33.143h652.571q46.286 0 79.429 33.143t33.143 79.429z"></path>
</symbol>
<symbol id="uw-symbol-caret-up" viewBox="0 0 1792 1792">
<title>Collapse</title>
<path d="M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
</symbol>
<symbol id="uw-symbol-caret-down" viewBox="0 0 1792 1792">
<title>Expand</title>
<path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"></path>
</symbol>
<symbol id="uw-symbol-chevron-right" viewBox="0 0 695 1024">
<title id="svg-next-slide">next slide</title>
<path class="path1" d="M632.571 501.143l-424 424q-10.857 10.857-25.714 10.857t-25.714-10.857l-94.857-94.857q-10.857-10.857-10.857-25.714t10.857-25.714l303.429-303.429-303.429-303.429q-10.857-10.857-10.857-25.714t10.857-25.714l94.857-94.857q10.857-10.857 25.714-10.857t25.714 10.857l424 424q10.857 10.857 10.857 25.714t-10.857 25.714z"></path>
</symbol>
<symbol id="uw-symbol-chevron-left" viewBox="0 0 768 1024">
<title id="svg-previous">previous slide</title>
<path class="path1" d="M669.143 172l-303.429 303.429 303.429 303.429q10.857 10.857 10.857 25.714t-10.857 25.714l-94.857 94.857q-10.857 10.857-25.714 10.857t-25.714-10.857l-424-424q-10.857-10.857-10.857-25.714t10.857-25.714l424-424q10.857-10.857 25.714-10.857t25.714 10.857l94.857 94.857q10.857 10.857 10.857 25.714t-10.857 25.714z"></path>
</symbol>
<symbol id="uw-symbol-crest-footer" viewBox="0 0 200 132.78">
<title id="svg-crest-footer">Footer Crest</title>
<path d="M31.65,93.63c3,1.09,1.75,4.35,1,6.65L28.31,115l-5.4-17.44a8.47,8.47,0,0,1-.58-4.07H16.85v0.12c2.14,1.13,1.36,3.75.62,6.2l-4.55,15.31L7.14,96.41a7.23,7.23,0,0,1-.47-2.9H1v0.12c1.94,1.37,2.53,4,3.23,6.2l4.58,14.86c1.28,4.15,1.63,3.87,5.16,6.53L20,100.88l4.27,13.86c1.29,4.15,1.56,3.95,5.13,6.49l8.19-27.71h-6v0.12Z" transform="translate(-1 -0.61)"/><path d="M38.95,93.63c2,0.77,1.71,3.71,1.71,5.56v15.18c0,1.81.23,4.8-1.71,5.52V120h7.38v-0.12c-1.94-.77-1.71-3.71-1.71-5.52V99.19c0-1.81-.23-4.79,1.71-5.56V93.51H38.95v0.12Z" transform="translate(-1 -0.61)"/><path d="M53.12,99.43c0-2.78,2.8-3.67,5-3.67a8.68,8.68,0,0,1,6.1,2.54V93.75a18.9,18.9,0,0,0-5.79-.89c-4.74,0-9.75,1.94-9.75,7,0,8.54,13.36,7.41,13.36,13.7,0,2.82-3.34,4.19-5.55,4.19A13.17,13.17,0,0,1,48,114.41l1.13,5a19.44,19.44,0,0,0,7,1.21c6.06,0,10.41-4,10.41-8.34C66.49,104.87,53.12,104.95,53.12,99.43Z" transform="translate(-1 -0.61)"/><path d="M82.23,117.32c-6,0-9.87-5.28-9.87-11.2s3.73-9.91,9.09-9.91a13.15,13.15,0,0,1,7.19,2.3V93.87a30,30,0,0,0-7.07-1c-8,0-13.64,5.52-13.64,13.86,0,8.62,5.67,13.94,14.84,13.94a13.31,13.31,0,0,0,5.86-1.21l2-4.67H90.5A16.7,16.7,0,0,1,82.23,117.32Z" transform="translate(-1 -0.61)"/><path d="M104.63,92.83a14,14,0,0,0-14.57,13.85,13.83,13.83,0,0,0,14.18,14,14.09,14.09,0,0,0,14.29-14.18A13.63,13.63,0,0,0,104.63,92.83Zm-0.19,24.93c-6.1,0-9.95-5.8-9.95-11.44,0-6.08,3.85-10.59,9.87-10.59s9.75,5.68,9.75,11.56S110.34,117.75,104.44,117.75Z" transform="translate(-1 -0.61)"/><path d="M138.49,93.63c2.06,1.21,2,2.82,2,5.08V114L126.29,95.36l-0.55-.81a2.48,2.48,0,0,1-.58-1v0H119.5v0.12c2,1.21,2,2.82,2,5.08v16.07c0,2.25,0,3.86-2.06,5.11V120h6.88v-0.12c-2.06-1.25-2-2.86-2-5.11V99.19l13.32,17.52c1.71,2.3,2.91,3.63,5.67,4.6V98.7c0-2.25,0-3.87,2-5.08V93.51h-6.84v0.12Z" transform="translate(-1 -0.61)"/><path d="M151,99.43c0-2.78,2.8-3.67,5-3.67a8.68,8.68,0,0,1,6.1,2.54V93.75a18.86,18.86,0,0,0-5.79-.89c-4.73,0-9.75,1.94-9.75,7,0,8.54,13.36,7.41,13.36,13.7,0,2.82-3.34,4.19-5.56,4.19a13.18,13.18,0,0,1-8.51-3.34l1.13,5a19.46,19.46,0,0,0,7,1.21c6.06,0,10.41-4,10.41-8.34C164.37,104.87,151,104.95,151,99.43Z" transform="translate(-1 -0.61)"/><path d="M165.84,93.63c2,0.77,1.71,3.71,1.71,5.56v15.18c0,1.81.24,4.8-1.71,5.52V120h7.38v-0.12c-1.94-.77-1.71-3.71-1.71-5.52V99.19c0-1.81-.24-4.79,1.71-5.56V93.51h-7.38v0.12Z" transform="translate(-1 -0.61)"/><path d="M194.16,93.51v0.12c2.06,1.21,2,2.82,2,5.08V114L182,95.36l-0.55-.81a2.6,2.6,0,0,1-.58-1v0h-5.67v0.12c2,1.21,2,2.82,2,5.08v16.07c0,2.25,0,3.86-2.06,5.11V120H182v-0.12c-2.06-1.25-2-2.86-2-5.11V99.19l13.32,17.52c1.71,2.3,2.92,3.63,5.67,4.6V98.7c0-2.25,0-3.87,2-5.08V93.51h-6.84Z" transform="translate(-1 -0.61)"/><path d="M12.72,126.16v4.62a2.75,2.75,0,0,1-.34,1.38,2.27,2.27,0,0,1-1,.91,3.4,3.4,0,0,1-1.54.32,2.87,2.87,0,0,1-2.07-.7,2.55,2.55,0,0,1-.74-1.93v-4.6H8.24v4.52a1.81,1.81,0,0,0,.41,1.3,1.69,1.69,0,0,0,1.26.42,1.5,1.5,0,0,0,1.65-1.73v-4.51h1.17Z" transform="translate(-1 -0.61)"/><path d="M20.74,133.29H19.31l-3.51-5.69h0l0,0.32q0.07,0.91.07,1.66v3.71H14.79v-7.14h1.42l3.5,5.66h0c0-.08,0-0.35,0-0.82s0-.84,0-1.1v-3.74h1.07v7.14Z" transform="translate(-1 -0.61)"/><path d="M23,133.29v-7.14h1.17v7.14H23Z" transform="translate(-1 -0.61)"/><path d="M30.42,126.16h1.21l-2.5,7.14H27.9l-2.49-7.14h1.2l1.49,4.44c0.08,0.21.16,0.48,0.25,0.82s0.14,0.58.17,0.75c0-.25.11-0.53,0.2-0.86s0.16-.57.21-0.72Z" transform="translate(-1 -0.61)"/><path d="M37,133.29h-4v-7.14h4v1H34.08v1.94h2.69v1H34.08v2.24H37v1Z" transform="translate(-1 -0.61)"/><path d="M40,130.44v2.85H38.84v-7.14h2a3.32,3.32,0,0,1,2,.52,1.86,1.86,0,0,1,.66,1.56,2,2,0,0,1-1.39,1.9l2,3.16H42.86l-1.71-2.85H40Zm0-1h0.81a1.85,1.85,0,0,0,1.18-.3,1.1,1.1,0,0,0,.37-0.9,1,1,0,0,0-.4-0.87,2.17,2.17,0,0,0-1.19-.26H40v2.33Z" transform="translate(-1 -0.61)"/><path d="M49.68,131.36a1.8,1.8,0,0,1-.69,1.49,3,3,0,0,1-1.9.54,4.53,4.53,0,0,1-2-.38v-1.1a5.34,5.34,0,0,0,1,.36,4.39,4.39,0,0,0,1,.13,1.62,1.62,0,0,0,1-.26,0.86,0.86,0,0,0,.33-0.71,0.89,0.89,0,0,0-.3-0.68A4.57,4.57,0,0,0,47,130.1a3.31,3.31,0,0,1-1.38-.9,1.91,1.91,0,0,1-.4-1.22,1.71,1.71,0,0,1,.63-1.41,2.63,2.63,0,0,1,1.7-.51,5,5,0,0,1,2,.45l-0.37,1a4.47,4.47,0,0,0-1.7-.4,1.31,1.31,0,0,0-.86.25,0.81,0.81,0,0,0-.29.65,0.92,0.92,0,0,0,.12.48,1.2,1.2,0,0,0,.39.37,6.52,6.52,0,0,0,1,.46,5.31,5.31,0,0,1,1.15.61,1.8,1.8,0,0,1,.54.64A1.93,1.93,0,0,1,49.68,131.36Z" transform="translate(-1 -0.61)"/><path d="M51.41,133.29v-7.14h1.17v7.14H51.41Z" transform="translate(-1 -0.61)"/><path d="M57.26,133.29H56.1v-6.14H54v-1h5.37v1h-2.1v6.14Z" transform="translate(-1 -0.61)"/><path d="M62.81,129.41l1.69-3.26h1.27l-2.38,4.37v2.77H62.22v-2.73l-2.37-4.41h1.27Z" transform="translate(-1 -0.61)"/><path d="M76.33,129.71a3.9,3.9,0,0,1-.87,2.71,3.66,3.66,0,0,1-5,0,3.93,3.93,0,0,1-.87-2.73,3.86,3.86,0,0,1,.87-2.71A3.21,3.21,0,0,1,73,126a3.14,3.14,0,0,1,2.46,1A3.9,3.9,0,0,1,76.33,129.71Zm-5.45,0a3.19,3.19,0,0,0,.53,2,2.16,2.16,0,0,0,3.15,0,4.05,4.05,0,0,0,0-4A1.86,1.86,0,0,0,73,127a1.9,1.9,0,0,0-1.58.68A3.18,3.18,0,0,0,70.88,129.71Z" transform="translate(-1 -0.61)"/><path d="M79.36,133.29H78.2v-7.14h4v1H79.36v2.23h2.69v1H79.36v2.93Z" transform="translate(-1 -0.61)"/><path d="M93.39,133.29H92.12L90.91,129c-0.05-.19-0.12-0.45-0.2-0.8s-0.12-.59-0.14-0.73q0,0.31-.16.81c-0.07.33-.13,0.58-0.18,0.74L89,133.29H87.78l-0.92-3.57-0.94-3.56h1.19l1,4.16q0.24,1,.34,1.77c0-.28.09-0.59,0.16-0.93s0.14-.62.2-0.83L90,126.16h1.16l1.19,4.19a15.38,15.38,0,0,1,.36,1.74,12.74,12.74,0,0,1,.35-1.78l1-4.15h1.18Z" transform="translate(-1 -0.61)"/><path d="M96.6,133.29v-7.14h1.17v7.14H96.6Z" transform="translate(-1 -0.61)"/><path d="M104.11,131.36a1.8,1.8,0,0,1-.69,1.49,3,3,0,0,1-1.9.54,4.53,4.53,0,0,1-2-.38v-1.1a5.4,5.4,0,0,0,1,.36,4.42,4.42,0,0,0,1,.13,1.63,1.63,0,0,0,1-.26,0.86,0.86,0,0,0,.33-0.71,0.89,0.89,0,0,0-.3-0.68,4.59,4.59,0,0,0-1.25-.66,3.29,3.29,0,0,1-1.38-.9,1.91,1.91,0,0,1-.4-1.22,1.71,1.71,0,0,1,.63-1.41,2.63,2.63,0,0,1,1.7-.51,5,5,0,0,1,2,.45l-0.37,1a4.47,4.47,0,0,0-1.7-.4,1.31,1.31,0,0,0-.86.25,0.81,0.81,0,0,0-.29.65,0.92,0.92,0,0,0,.12.48,1.2,1.2,0,0,0,.39.37,6.43,6.43,0,0,0,1,.46,5.31,5.31,0,0,1,1.15.61,1.81,1.81,0,0,1,.54.64A1.93,1.93,0,0,1,104.11,131.36Z" transform="translate(-1 -0.61)"/><path d="M108.87,127.05a1.92,1.92,0,0,0-1.58.71,3.75,3.75,0,0,0,0,4,2,2,0,0,0,1.61.67,4.26,4.26,0,0,0,.88-0.09c0.28-.06.58-0.14,0.88-0.23v1a5.34,5.34,0,0,1-1.9.32,3,3,0,0,1-2.41-.95,4,4,0,0,1-.84-2.72,4.4,4.4,0,0,1,.41-1.95,2.92,2.92,0,0,1,1.18-1.28,3.58,3.58,0,0,1,1.81-.44,4.5,4.5,0,0,1,2,.46l-0.42,1a6.37,6.37,0,0,0-.77-0.3A2.75,2.75,0,0,0,108.87,127.05Z" transform="translate(-1 -0.61)"/><path d="M118.85,129.71a3.9,3.9,0,0,1-.87,2.71,3.15,3.15,0,0,1-2.47,1,3.18,3.18,0,0,1-2.48-1,3.94,3.94,0,0,1-.87-2.73A3.86,3.86,0,0,1,113,127a3.21,3.21,0,0,1,2.49-.95,3.15,3.15,0,0,1,2.46,1A3.91,3.91,0,0,1,118.85,129.71Zm-5.45,0a3.21,3.21,0,0,0,.53,2,2.16,2.16,0,0,0,3.15,0,4,4,0,0,0,0-4,1.86,1.86,0,0,0-1.56-.68,1.9,1.9,0,0,0-1.59.68A3.18,3.18,0,0,0,113.4,129.71Z" transform="translate(-1 -0.61)"/><path d="M126.67,133.29h-1.43l-3.51-5.69h0l0,0.32q0.07,0.91.07,1.66v3.71h-1.06v-7.14h1.42l3.5,5.66h0c0-.08,0-0.35,0-0.82s0-.84,0-1.1v-3.74h1.07v7.14Z" transform="translate(-1 -0.61)"/><path d="M133,131.36a1.8,1.8,0,0,1-.69,1.49,3,3,0,0,1-1.9.54,4.52,4.52,0,0,1-2-.38v-1.1a5.31,5.31,0,0,0,1,.36,4.39,4.39,0,0,0,1,.13,1.62,1.62,0,0,0,1-.26,0.86,0.86,0,0,0,.33-0.71,0.88,0.88,0,0,0-.3-0.68,4.53,4.53,0,0,0-1.25-.66,3.31,3.31,0,0,1-1.38-.9,1.92,1.92,0,0,1-.4-1.22,1.71,1.71,0,0,1,.63-1.41,2.64,2.64,0,0,1,1.71-.51,5,5,0,0,1,2,.45l-0.37,1a4.47,4.47,0,0,0-1.7-.4,1.3,1.3,0,0,0-.86.25,0.81,0.81,0,0,0-.29.65,0.92,0.92,0,0,0,.12.48,1.22,1.22,0,0,0,.38.37,6.63,6.63,0,0,0,1,.46,5.26,5.26,0,0,1,1.15.61,1.79,1.79,0,0,1,.54.64A1.9,1.9,0,0,1,133,131.36Z" transform="translate(-1 -0.61)"/><path d="M134.73,133.29v-7.14h1.17v7.14h-1.17Z" transform="translate(-1 -0.61)"/><path d="M144.07,133.29h-1.43l-3.51-5.69h0l0,0.32c0,0.61.07,1.16,0.07,1.66v3.71h-1.06v-7.14h1.42l3.5,5.66h0c0-.08,0-0.35,0-0.82s0-.84,0-1.1v-3.74h1.07v7.14Z" transform="translate(-1 -0.61)"/><path d="M145.75,131.07v-0.93h4.2v0.93h-4.2Z" transform="translate(-1 -0.61)"/><path d="M154.72,133.29l-2.07-6h0q0.08,1.33.08,2.49v3.47h-1.06v-7.14h1.64l2,5.68h0l2-5.68H159v7.14h-1.12v-3.53q0-.53,0-1.39c0-.57,0-0.92,0-1h0l-2.14,6h-1Z" transform="translate(-1 -0.61)"/><path d="M165.63,133.29l-0.71-2h-2.73l-0.7,2h-1.23l2.67-7.17h1.27l2.67,7.17h-1.24Zm-1-3-0.67-1.94c0-.13-0.12-0.33-0.2-0.62s-0.14-.49-0.18-0.62a11.19,11.19,0,0,1-.38,1.31l-0.64,1.86h2.08Z" transform="translate(-1 -0.61)"/><path d="M174,129.66a3.56,3.56,0,0,1-1,2.7,3.94,3.94,0,0,1-2.83.94h-2v-7.14h2.21a3.65,3.65,0,0,1,2.65.92A3.43,3.43,0,0,1,174,129.66Zm-1.23,0q0-2.56-2.4-2.56h-1v5.18h0.83A2.3,2.3,0,0,0,172.73,129.7Z" transform="translate(-1 -0.61)"/><path d="M175.83,133.29v-7.14H177v7.14h-1.17Z" transform="translate(-1 -0.61)"/><path d="M183.34,131.36a1.8,1.8,0,0,1-.69,1.49,3,3,0,0,1-1.9.54,4.52,4.52,0,0,1-2-.38v-1.1a5.31,5.31,0,0,0,1,.36,4.39,4.39,0,0,0,1,.13,1.62,1.62,0,0,0,1-.26,0.86,0.86,0,0,0,.33-0.71,0.88,0.88,0,0,0-.3-0.68,4.53,4.53,0,0,0-1.25-.66,3.31,3.31,0,0,1-1.38-.9,1.92,1.92,0,0,1-.4-1.22,1.71,1.71,0,0,1,.63-1.41,2.64,2.64,0,0,1,1.71-.51,5,5,0,0,1,2,.45l-0.37,1a4.47,4.47,0,0,0-1.7-.4,1.3,1.3,0,0,0-.86.25,0.81,0.81,0,0,0-.29.65,0.92,0.92,0,0,0,.12.48,1.22,1.22,0,0,0,.38.37,6.63,6.63,0,0,0,1,.46,5.26,5.26,0,0,1,1.15.61,1.79,1.79,0,0,1,.54.64A1.9,1.9,0,0,1,183.34,131.36Z" transform="translate(-1 -0.61)"/><path d="M191.4,129.71a3.91,3.91,0,0,1-.87,2.71,3.66,3.66,0,0,1-5,0,3.93,3.93,0,0,1-.87-2.73,3.87,3.87,0,0,1,.87-2.71,3.21,3.21,0,0,1,2.49-.95,3.14,3.14,0,0,1,2.46,1A3.9,3.9,0,0,1,191.4,129.71Zm-5.45,0a3.19,3.19,0,0,0,.53,2,2.16,2.16,0,0,0,3.15,0,4.05,4.05,0,0,0,0-4,1.86,1.86,0,0,0-1.56-.68,1.89,1.89,0,0,0-1.58.68A3.16,3.16,0,0,0,185.95,129.71Z" transform="translate(-1 -0.61)"/><path d="M199.22,133.29h-1.43l-3.51-5.69h0l0,0.32q0.07,0.91.07,1.66v3.71h-1.06v-7.14h1.42l3.5,5.66h0c0-.08,0-0.35,0-0.82s0-.84,0-1.1v-3.74h1.07v7.14Z" transform="translate(-1 -0.61)"/><path d="M131.41,31.93a49.5,49.5,0,0,0-.86-5.5,39.81,39.81,0,0,0-1.39-4.93,31.28,31.28,0,0,0-2.23-4.93,22.63,22.63,0,0,0-3-4.1,14.94,14.94,0,0,0-11-5.23h-0.09a5.77,5.77,0,0,0-4.16-2.91,4.93,4.93,0,0,0-9.56,0A5.77,5.77,0,0,0,95,7.25H95a14.94,14.94,0,0,0-11,5.23,22.63,22.63,0,0,0-3,4.1,31.28,31.28,0,0,0-2.23,4.93,39.81,39.81,0,0,0-1.39,4.93,49.49,49.49,0,0,0-.86,5.5c-2.3,22.62,7.87,50.42,26.16,54.68A3.17,3.17,0,0,0,104,87.89a3.17,3.17,0,0,0,1.27-1.28C123.54,82.35,133.71,54.55,131.41,31.93ZM104,1.48a3.9,3.9,0,0,1,3.93,2.76,4.86,4.86,0,0,0-3.86,2.47,0.17,0.17,0,0,1-.07.09,0.15,0.15,0,0,1-.07-0.09,4.86,4.86,0,0,0-3.86-2.47A3.9,3.9,0,0,1,104,1.48Zm-1.86,4.29a3.51,3.51,0,0,1,1.59,2.11,0.29,0.29,0,1,0,.53,0,3.51,3.51,0,0,1,1.59-2.11,4.19,4.19,0,0,1,6,1.58,13.38,13.38,0,0,0-1.67.42,6.6,6.6,0,0,0-2.38,1.32,9.4,9.4,0,0,0-3,6.1c-0.67,7.31,7.72,6.16,8.14,6.13,1.08,0,1.9-1.71,1.9-4s-0.84-4-1.9-4c-0.65,0-1.77.52-1.88,2.55-0.07,1.42.62,3.32,1.52,3.44,0.47,0.06.89-.76,1-1.6s0.06-1.87-.59-2a0.38,0.38,0,0,0-.46.28,3.83,3.83,0,0,1,.39,1.34c0,1.25-1.28.63-1.12-1.36,0.15-1.76,1.05-1.65,1.09-1.65,0.5,0,1.26,1,1.26,3,0,1.75-.84,3.63-2.46,2.65-1.36-1-1.89-3.28-1.52-5,0.17-.81.87-3,3.13-3,3.26,0,6.3,1.71,8.72,4.9-0.27.85-1.95,4.1-7.28,7.21l-0.29.15a11,11,0,0,0-4.93-1,27.08,27.08,0,0,0-4.64.74,2.89,2.89,0,0,1-1.84,0,27.08,27.08,0,0,0-4.64-.74,11,11,0,0,0-4.93,1L93.2,24c-5.34-3.11-7-6.36-7.28-7.21,2.42-3.19,5.46-4.9,8.72-4.9,2.26,0,3,2.21,3.13,3,0.38,1.77-.16,4.05-1.52,5-1.61,1-2.46-.9-2.46-2.65,0-2,.76-3,1.26-3,0,0,.94-0.11,1.09,1.65C96.31,18,95,18.6,95,17.35A3.83,3.83,0,0,1,95.41,16a0.38,0.38,0,0,0-.46-0.28c-0.65.16-.71,1.3-0.59,2s0.56,1.66,1,1.6c0.9-.12,1.6-2,1.52-3.44-0.1-2-1.23-2.55-1.88-2.55-1.06,0-1.9,1.71-1.9,4s0.82,4,1.9,4c0.42,0,8.81,1.18,8.14-6.13a9.4,9.4,0,0,0-3-6.1,6.6,6.6,0,0,0-2.38-1.32,13.38,13.38,0,0,0-1.67-.42A4.19,4.19,0,0,1,102.12,5.77ZM86.34,35.9a15.81,15.81,0,0,1-5.8-1.67c0.44-7.31,2.29-13.05,5-16.87,0.48,1.24,2.57,4.35,7.39,7.18C88.82,27,87,32.1,86.34,35.9Zm7.08-10.48a9.35,9.35,0,0,1,4.37-1.21c2.74-.18,4.79.87,6.16,0.91H104c1.37,0,3.4-1.09,6.14-.91a9.41,9.41,0,0,1,4.39,1.21c5.58,3.56,6.37,11.77,6.48,14.46a43.53,43.53,0,0,1-3.54,19c-3.86,8.51-8.53,14.53-13.14,16.57L104,75.6l-0.37-.16c-4.61-2-9.27-8.06-13.14-16.57a43.52,43.52,0,0,1-3.54-19C87,37.19,87.83,29,93.42,25.42Zm-7.16,11a32.49,32.49,0,0,0-.32,3.31A44.42,44.42,0,0,0,88,55a49.48,49.48,0,0,0,4.13,9.32A11.48,11.48,0,0,1,87,66.64a66.66,66.66,0,0,1-6.47-31.82A16.13,16.13,0,0,0,86.26,36.43Zm6.14,28.35c3.08,5.3,6.12,8.46,8.45,10.14a11.54,11.54,0,0,1-3.54,4.36c-4-2.7-7.4-7-10.07-12.13A11.81,11.81,0,0,0,92.39,64.78Zm8.91,10.46A12.19,12.19,0,0,0,104,76.71a12.2,12.2,0,0,0,2.67-1.47,12,12,0,0,0,3.53,4.34,18.69,18.69,0,0,1-3.58,1.78s0-.09,0-0.13c-0.26-1.32-2-1.59-2.61-1.59s-2.35.27-2.61,1.59c0,0,0,.09,0,0.13a18.69,18.69,0,0,1-3.58-1.78A12,12,0,0,0,101.31,75.24Zm5.81-.32c2.33-1.67,5.37-4.83,8.45-10.14a11.81,11.81,0,0,0,5.16,2.36c-2.67,5.16-6.06,9.43-10.07,12.13A11.54,11.54,0,0,1,107.12,74.91Zm8.72-10.61A49.48,49.48,0,0,0,120,55a44.42,44.42,0,0,0,2-15.25,32.48,32.48,0,0,0-.32-3.31,16.13,16.13,0,0,0,5.75-1.61A66.66,66.66,0,0,1,121,66.64,11.48,11.48,0,0,1,115.84,64.3Zm5.78-28.4c-0.62-3.8-2.5-8.8-6.58-11.36,4.82-2.83,6.92-5.94,7.39-7.18,2.69,3.82,4.55,9.56,5,16.87A15.81,15.81,0,0,1,121.62,35.9ZM101,85a23.29,23.29,0,0,1-5.87-2.93,27.5,27.5,0,0,1-3.25-2.62A31.1,31.1,0,0,1,89.53,77q-0.76-.88-1.46-1.81a47.49,47.49,0,0,1-5.58-9.69,63.91,63.91,0,0,1-3.42-10.2,70.46,70.46,0,0,1-1.79-10.85,64.57,64.57,0,0,1-.07-10.84c0.16-1.93.39-3.86,0.74-5.77a39.32,39.32,0,0,1,1.43-5.61,31,31,0,0,1,2.1-4.86,20.93,20.93,0,0,1,3.15-4.44,16.19,16.19,0,0,1,4-3.1A13.93,13.93,0,0,1,90.53,9q0.51-.18,1-0.32a4.35,4.35,0,0,1,1-.24,14,14,0,0,1,2.56-.23,7.58,7.58,0,0,1,3.88,1,8,8,0,0,1,3.34,6c0.39,4.52-4.21,5.23-5.11,5.22-0.14,0-.21-0.13.24-0.59a6.53,6.53,0,0,0,1-5.1c-0.44-2.07-1.9-3.69-4-3.69A11.16,11.16,0,0,0,86.41,15a22.78,22.78,0,0,0-4.47,7.87,42.69,42.69,0,0,0-2.2,11.38A62.43,62.43,0,0,0,80,44.88a68.71,68.71,0,0,0,1.95,10.59,60.82,60.82,0,0,0,3.53,9.85,43.36,43.36,0,0,0,5.48,9,25.89,25.89,0,0,0,8.13,6.87,18.15,18.15,0,0,0,2.21,1,6.71,6.71,0,0,0,.67,3.1A6.63,6.63,0,0,1,101,85Zm3.29,1.55a0.34,0.34,0,0,1-.62,0,6.49,6.49,0,0,1-1.51-5.17c0.12-.64,1.2-0.93,1.82-0.94s1.7,0.3,1.82.94A6.49,6.49,0,0,1,104.29,86.55Zm26.38-42.11a70.46,70.46,0,0,1-1.79,10.85,63.9,63.9,0,0,1-3.42,10.2,47.49,47.49,0,0,1-5.58,9.69q-0.7.93-1.46,1.81a31.1,31.1,0,0,1-2.35,2.47,27.5,27.5,0,0,1-3.25,2.62A23.29,23.29,0,0,1,107,85a6.63,6.63,0,0,1-.93.28,6.71,6.71,0,0,0,.67-3.1,18.15,18.15,0,0,0,2.21-1A25.89,25.89,0,0,0,117,74.35a43.36,43.36,0,0,0,5.48-9A60.82,60.82,0,0,0,126,55.47,68.71,68.71,0,0,0,128,44.88a62.43,62.43,0,0,0,.23-10.64A42.69,42.69,0,0,0,126,22.86,22.78,22.78,0,0,0,121.55,15a11.16,11.16,0,0,0-8.12-3.89c-2.12,0-3.58,1.62-4,3.69a6.53,6.53,0,0,0,1,5.1c0.45,0.46.38,0.59,0.24,0.59-0.9,0-5.51-.71-5.11-5.22a8,8,0,0,1,3.34-6,7.58,7.58,0,0,1,3.88-1,14,14,0,0,1,2.56.23,4.35,4.35,0,0,1,1,.24q0.52,0.14,1,.32a13.93,13.93,0,0,1,1.93.87,16.19,16.19,0,0,1,4,3.1,20.93,20.93,0,0,1,3.15,4.44,31,31,0,0,1,2.1,4.86A39.33,39.33,0,0,1,130,27.84c0.35,1.91.58,3.84,0.74,5.77A64.57,64.57,0,0,1,130.68,44.45Z" transform="translate(-1 -0.61)"/><path d="M112.28,33.43v1.86l0.38-.06h0.18a1.17,1.17,0,0,1,.82.28,1.27,1.27,0,0,1,.21,1.11s-3.74,16.19-4.45,19.27c-0.82-3.9-5.26-25.18-5.26-25.18l0-.09h-0.88v0.1L99.38,55.57,95,36.62a2.7,2.7,0,0,1,0-.28,1.27,1.27,0,0,1,.31-1A1,1,0,0,1,96,35.17l0.37,0v-1.8H90.11v1.76l0.28,0a1.16,1.16,0,0,1,.95.83l7.61,32.67,0,0.09h1.1v-0.1l3.56-23.3,4.53,23.31,0,0.09h1L116.41,36a1,1,0,0,1,1-.75h0.07l0.36,0V33.43h-5.58Z" transform="translate(-1 -0.61)"/>
</symbol>
</defs>
</svg>
<!--[if lte IE 9]>
<script src="js/polyfills/classList.js"></script>
<![endif]-->
<script src="js/_uw-style.min.js?version=1.0.6"></script>
</body>
</html>
\ No newline at end of file