You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
2.5 KiB
127 lines
2.5 KiB
/* Header Top |
|
------------------------------- */ |
|
.header-top { |
|
//background: var(--dark); |
|
background: var(--upei-red); |
|
//color: var(--light); |
|
color: var(--light); |
|
} |
|
.header-top a { |
|
color: var(--light); |
|
} |
|
.header-top a:hover, |
|
.header-top i { |
|
color: var(--primary); |
|
} |
|
.header-top-block { |
|
text-align: center; |
|
} |
|
/* Header |
|
------------------------------- */ |
|
.header { |
|
//background: var(--secondary); |
|
background: #fff; |
|
color: #ffffff; |
|
} |
|
.header a, |
|
.page-header a { |
|
color: var(--primary); |
|
color: var(--dark-grey); |
|
} |
|
.header-container { |
|
padding: 1rem 0; |
|
} |
|
.site-brand img { |
|
max-height: 50px; |
|
display: block; |
|
} |
|
.site-name { |
|
font-family: var(--heading-font); |
|
color: var(--primary); |
|
font-weight: 700; |
|
//font-size: 2rem !important; |
|
font-size: ms(2); |
|
} |
|
.site-name a:hover { |
|
color: var(--primary); |
|
} |
|
/* Header -> Main menu */ |
|
.mobile-menu { |
|
border-top: 2px solid #ffffff; |
|
border-bottom: 2px solid #ffffff; |
|
} |
|
.mobile-menu span { |
|
background-color: #ffffff; |
|
} |
|
.menu-wrap { |
|
font-family: var(--heading-font); |
|
font-weight: 700; |
|
.menu a { |
|
color: var(--dark-grey); |
|
} |
|
} |
|
.menu-wrap ul.menu > li { |
|
margin-left: 6px; |
|
} |
|
.menu-wrap ul.menu li > a { |
|
padding: 10px; |
|
} |
|
.menu-wrap ul.menu { |
|
font-size:ms(0); |
|
} |
|
/* Header -> search block region */ |
|
.search-icon { |
|
width: 36px; |
|
height: 36px; |
|
} |
|
.search-icon img { |
|
max-height: 30px; |
|
} |
|
.search-box { |
|
background-color: var(--dark); |
|
} |
|
.search-box-content .block-title, |
|
.search-box-content form label { |
|
color: var(--light); |
|
} |
|
.search-box-content input[type='search'] { |
|
background: url(../images/icons/search-icon.svg) top right no-repeat; |
|
color: #ffffff; |
|
-webkit-text-fill-color: #ffffff; |
|
border-bottom: 2px solid var(--border); |
|
} |
|
.search-box-content input[type='search']:focus { |
|
background: url(../images/icons/search-icon.svg) top right no-repeat; |
|
border: 0; |
|
border-bottom: 2px solid var(--border); |
|
} |
|
.search-box-content input[type='search']:-webkit-autofill { |
|
-webkit-box-shadow: 0 0 0px 1000px var(--dark) inset; |
|
background-color: transparent; |
|
color: #ffffff; |
|
} |
|
.header-search-close { |
|
border: 3px solid var(--primary); |
|
} |
|
/* Header -> Page header */ |
|
.page-header { |
|
//background: var(--secondary); |
|
background: #fff; |
|
color: var(--upei-green); |
|
box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc; |
|
} |
|
.page-header a:hover { |
|
color: #ffffff; |
|
} |
|
.region-page-header { |
|
align-items: center; |
|
} |
|
.breadcrumb { |
|
color: var(--light); |
|
} |
|
.page-header .page-title { |
|
color: #ffffff; |
|
color: var(--upei-green); |
|
color: var(--dark); |
|
font-variant: small-caps; |
|
}
|
|
|