html {
box-sizing: border-box;
}
*,
*::after,
*::before {
box-sizing: inherit;
}
#leaderboard-ad,
#feature-wrapper,
.feature-wrapper,
#inside-content .item-wrapper,
.inside-content .item-wrapper,
body.magazine #footer,
#accomplishments-wrapper,
#memoriams-wrapper,
#archives-wrapper,
#main #contact-wrapper {
padding: 30px;
}
@media only screen and (min-width: 1025px) {
#main.single-feature #media-banner .content,
#feature-wrapper .item:nth-child(1) .content,
.feature-wrapper .item:nth-child(1) .content {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.97);
width: 40%;
padding: 20px;
}
#feature-wrapper .item:nth-child(1) .content.top, .feature-wrapper .item:nth-child(1) .content.top { top: 20%; }
#feature-wrapper .item:nth-child(1) .content.middle, .feature-wrapper .item:nth-child(1) .content.middle { top: 50%; }
#feature-wrapper .item:nth-child(1) .content.bottom, .feature-wrapper .item:nth-child(1) .content.bottom { top: 70%; }
#main.single-feature #media-banner .content.top { top: 20%; }
#main.single-feature #media-banner .content.middle { top: 50%; }
#main.single-feature #media-banner .content.bottom { top: 70%; }
}
#main.single-feature #media-banner .type,
#main.single-feature .feature-content > article blockquote .author,
#main.single-feature .feature-content-full-width > article blockquote .author,
#feature-wrapper .item .type, .feature-wrapper .item .type {
color: #fdb817;
font-size: 13px;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}
#main.single-feature #media-banner h2,
#feature-wrapper .item h2, .feature-wrapper .item h2 {
font-size: 24px;
line-height: 1em;
margin: 10px 0;
}
@media only screen and (min-width: 769px) {
#main.single-feature #media-banner h2,
#feature-wrapper .item h2, .feature-wrapper .item h2 {
font-size: 30px;
}
}
@media only screen and (min-width: 1025px) {
#main.single-feature #media-banner h2,
#feature-wrapper .item h2, .feature-wrapper .item h2 {
font-size: 38px;
}
}
#main.single-feature #media-banner p,
#feature-wrapper .item h2 + p,
.feature-wrapper .item h2 + p,
#inside-content .item h4 + p {
color: #808284;
font-size: 18px;
font-weight: 400 !important;
line-height: 1.5em;
margin: 0 0 10px;
padding-right: 0;
padding-left: 0;
}
#main.single-feature #media-banner .author,
#feature-wrapper .item .author,
.feature-wrapper .item .author {
font-size: 13px;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 2px;
}
#main h5.sub-head,
#main aside h5.sub-head {
text-transform: uppercase;
font-weight: 700 !important;
font-size: 16px;
margin-top: 30px;
margin-bottom: 5px;
}
@media only screen and (min-width: 481px) {
#main h5.sub-head,
#main aside h5.sub-head {
font-size: 20px;
}
}
#content.magazine #primaryFeed.archive h1,
#main.single-class-notes h1.title,
#archives-wrapper h1.title {
font-size: 22px;
font-weight: 700 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
}
@media only screen and (min-width: 641px) {
#content.magazine #primaryFeed.archive h1,
#main.single-class-notes h1.title,
#archives-wrapper h1.title {
font-size: 32px;
letter-spacing: 1px;
}
}
#main.single-feature #media-banner p,
#feature-wrapper .item h2 + p,
.feature-wrapper .item h2 + p,
#inside-content .item h4 + p,
#main h5.sub-head,
#main aside h5.sub-head,
#main h6.sub-sub-head,
#main aside h6.sub-sub-head,
#main h2,
#main h3,
#main p.intro,
#main aside,
#main aside p,
#main .pagination p,
.archive-link a,
.share-icons span,
.caption,
#new-header.magazine .search-block input[type="text"],
#new-header.magazine .search-block #main #contact-wrapper input[type="email"],
#main #contact-wrapper #new-header.magazine .search-block input[type="email"],
.top-bar a,
#network-bar span.name,
#silo #silo p,
#silo > article > section > header .author,
#silo > article p,
#inside-content h2,
#inside-content .item small,
body.magazine #footer h5,
body.magazine #footer a,
#accomplishments-wrapper,
#memoriams-wrapper,
#main.single-class-notes .memoriams-content p,
#main.single-class-notes .column.blue p,
#main.single-class-notes .column.brown p,
#main.single-class-notes .outer-container.notes h3,
#main.single-class-notes .outer-container.notes p,
#main.single-class-notes .memoriam-block a,
#main.single-class-notes .memoriam-block > div,
#archives-wrapper .column,
#archives-wrapper .divider,
#main #contact-wrapper p,
#main #contact-wrapper input,
.call-out,
.intro-sub-text p {
font-family: "Whitney A", "Whitney B", "Whitney";
font-style: normal;
font-weight: 400;
}
#main.single-feature #media-banner .type,
#main.single-feature .feature-content > article blockquote .author,
#main.single-feature .feature-content-full-width > article blockquote .author,
#feature-wrapper .item .type,
.feature-wrapper .item .type,
#main.single-feature #media-banner h2,
#feature-wrapper .item h2,
.feature-wrapper .item h2,
#main.single-feature #media-banner .author,
#feature-wrapper .item .author,
.feature-wrapper .item .author,
#content.magazine #primaryFeed.archive h1,
#main.single-class-notes h1.title,
#archives-wrapper h1.title,
#main p,
#network-bar span.news-from,
#network-bar span.network,
.promo-box h2,
#main.single-feature .feature-content > article > p:first-child:first-letter,
#main.single-feature .feature-content-full-width > article > p:first-child:first-letter,
#silo > article .type,
#content.magazine #primaryFeed.archive .featureTitle,
#inside-content .item h4,
#main #contact-wrapper h2 {
font-family: "Hoefler Text A", "Hoefler Text B";
font-style: normal;
font-weight: 400;
}
#main h1.page-title,
.promo-box .title,
#main.single-feature .feature-content > article blockquote p,
#main.single-feature .feature-content-full-width > article blockquote p,
#silo > article > section > header h2 {
font-family: "Hoefler Titling A", "Hoefler Titling B";
font-style: normal;
font-weight: 300;
}
#main .wp-caption p {
font-family: "proxima-nova-condensed", sans-serif;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
#network-bar > div > div.slick-track:nth-child(2):after,
#network-bar > div > div.slick-track:nth-child(3):after,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
#header {
position: relative;
overflow: hidden;
visiblity: hidden;
}
.instapress-shortcode .instapress-shortcode-image {
max-width: 100%;
}
#content {
border-top: none;
}
#content.magazine #main {
font-size: 16px;
}
#content.magazine hr {
height: 1px;
border: 0;
border-top: 1px solid #fdb817;
display: block;
}
#content.magazine aside {
background-color: #eee;
margin-bottom: 15px;
padding: 10px 15px;
}
#content.magazine aside::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 769px) {
#content.magazine aside {
background-color: transparent;
margin-bottom: 0;
padding: 0;
}
}
#content.magazine .call-out {
border-left: 4px solid #fdb817;
margin-bottom: 15px;
padding-left: 15px;
}
@media only screen and (min-width: 769px) {
#content.magazine .call-out {
border-left: none;
margin-bottom: 15px;
padding-left: 0;
}
}
#content.magazine .wp-caption.alignright,
#content.magazine .wp-caption.alignleft {
padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
#content.magazine .wp-caption.alignright,
#content.magazine .wp-caption.alignleft {
float: none !important;
}
}
#wrapper {
max-width: 1200px;
margin: 0 auto;
overflow-x: hidden;
position: relative;
}
.stripes {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.stripes::after {
clear: both;
content: "";
display: table;
}
.stripes div {
float: left;
height: 0;
border-bottom: 5px solid;
}
.stripes div:first-child {
border-bottom-color: #653a15;
width: 60%;
}
.stripes div:last-child {
border-bottom-color: #fdb817;
width: 40%;
}
#main h1 {
font-size: 30px;
}
#main h1.page-title {
text-align: center;
padding-bottom: 0.5em;
}
#main h2 {
font-size: 28px;
margin: 0;
}
#main h3 {
font-size: 26px;
margin: 1em 0 0 0;
}
#main h4 {
font-size: 24px;
}
#main h5 {
font-size: 22px;
}
#main p {
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 15px;
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 481px) {
#main p {
font-size: 18px;
}
}
#main p.intro {
font-size: 18px;
margin-bottom: 20px;
}
@media only screen and (min-width: 481px) {
#main p.intro {
font-size: 22px;
}
}
#main aside {
font-size: 14px;
line-height: normal;
}
#main aside strong {
font-size: 16px;
}
#main aside p {
font-size: 15px;
line-height: normal;
margin-bottom: 10px;
}
#main aside p strong {
font-size: 16px;
}
#main .wp-caption p {
font-size: 13px;
font-weight: 600;
padding: 10px 0;
}
#main a {
color: #035595;
text-decoration: underline;
}
#main ul,
#main #theContent ol,
#theContent #main ol {
list-style-type: disc;
padding-left: 30px;
}
#main .pagination {
margin-top: 40px;
}
#main .pagination::after {
clear: both;
content: "";
display: table;
}
#main .pagination > div {
text-align: center;
}
@media only screen and (min-width: 769px) {
#main .pagination > div.left {
float: left;
}
}
#main .pagination > div.left .fa {
margin-left: 0;
}
@media only screen and (min-width: 769px) {
#main .pagination > div.right {
float: right;
}
}
#main .pagination > div.right .fa {
margin-right: 0;
}
#main .pagination .fa {
font-size: 18px;
margin: 0 5px;
}
#main .pagination a {
color: #000;
font-size: 18px;
text-decoration: none;
}
#main .pagination a:hover {
color: #fdb817;
}
#main .pagination p {
text-align: center;
}
a:link,
a:visited,
a:active,
a:hover {
-webkit-transition: background-color 0.15s ease-in, color 0.15s ease-in;
-moz-transition: background-color 0.15s ease-in, color 0.15s ease-in;
transition: background-color 0.15s ease-in, color 0.15s ease-in;
}
@media screen and (max-width: 1024px) {
a:link,
a:visited,
a:active,
a:hover {
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
}
.outer-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.outer-container::after {
clear: both;
content: "";
display: table;
}
.outer-container > div.column {
margin-bottom: 10px;
}
@media only screen and (min-width: 641px) {
.outer-container > div.column {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
.outer-container > div.column:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 641px) {
.outer-container > div.column:nth-of-type(even) {
margin-right: 0;
}
}
.archive-link {
padding: 0 30px 30px;
text-align: right;
}
.archive-link a {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
.archive-link a:hover .fa {
color: #fdb817;
}
.archive-link .fa {
font-size: 18px;
}
.share-icons {
text-align: left;
padding: 0 15px;
}
@media only screen and (min-width: 481px) {
.share-icons {
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 769px) {
.share-icons {
padding-right: 64px;
padding-left: 64px;
}
}
.share-icons ul,
.share-icons #theContent ol,
#theContent .share-icons ol {
list-style-type: none !important;
padding: 0 !important;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.share-icons li {
display: inline-block;
}
.share-icons span {
color: #653a15;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
padding: 0;
text-transform: uppercase;
}
.share-icons a {
display: inline-block;
height: 32px;
width: 32px;
border-radius: 100%;
background-color: #653a15;
color: #fff !important;
position: relative;
}
.share-icons a .fa {
font-size: 16px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.share-icons a:hover {
background-color: #fdb817 !important;
}
.share-icons a:hover .fa {
color: #fff;
}
.caption {
font-size: 14px;
font-weight: 500;
padding-right: 20px;
padding-left: 20px;
background-color: #fff;
}
.caption a {
text-decoration: underline;
color: #1e5c91;
}
.ad img {
display: none;
margin: 0 auto;
}
.ad .small {
display: block;
}
@media screen and (min-width: 768px) {
.ad .small {
display: none;
}
}
@media screen and (min-width: 768px) {
.ad .tablet-portrait {
display: block;
}
}
@media screen and (min-width: 1024px) {
.ad .tablet-portrait {
display: none;
}
}
@media screen and (min-width: 1024px) {
.ad .tablet-landscape {
display: block;
}
}
@media screen and (min-width: 1200px) {
.ad .tablet-landscape {
display: none;
}
}
@media screen and (min-width: 1200px) {
.ad .large {
display: block;
}
}
.nav-toggle:before,
#network-bar > div > div.nav-toggle:nth-child(2):after,
#network-bar > div > div.nav-toggle:nth-child(3):after,
.nav-toggle:after {
border-bottom: 2px solid #000;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 641px) {
#new-header .logo_2017 img,
#new-header .logo-wrapper .logo-uofm img,
#new-header .logo-wrapper .logo-large img {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
#new-header .logo_2017 img,
#new-header .logo-wrapper .logo-uofm img,
#new-header .logo-wrapper .logo-large img {
width: auto;
}
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1),
#menu-alumni-top > li:nth-child(2) {
position: static;
}
}
#menu-news-top > li:nth-child(1) > a.open + .sub-menu .sub-menu,
#menu-alumni-top > li:nth-child(2) > a.open + .sub-menu .sub-menu {
display: block !important;
}
#menu-news-top > li:nth-child(1) .sub-menu,
#menu-alumni-top > li:nth-child(2) .sub-menu {
border-radius: 0;
}
#menu-news-top > li:nth-child(1) > .sub-menu,
#menu-alumni-top > li:nth-child(2) > .sub-menu {
background-color: #a64c1b;
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu,
#menu-alumni-top > li:nth-child(2) > .sub-menu {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 10px 25px;
}
#menu-news-top > li:nth-child(1) > .sub-menu::after,
#menu-alumni-top > li:nth-child(2) > .sub-menu::after {
clear: both;
content: "";
display: table;
}
}
#menu-news-top > li:nth-child(1) > .sub-menu li,
#menu-alumni-top > li:nth-child(2) > .sub-menu li {
border-bottom: none;
}
#menu-news-top > li:nth-child(1) > .sub-menu a,
#menu-alumni-top > li:nth-child(2) > .sub-menu a {
color: #fff;
font-weight: 400;
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu a,
#menu-alumni-top > li:nth-child(2) > .sub-menu a {
padding: 15px 0;
}
}
#menu-news-top > li:nth-child(1) > .sub-menu a:hover,
#menu-alumni-top > li:nth-child(2) > .sub-menu a:hover {
background-color: transparent;
color: #fdb817;
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin-bottom: 30px;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li:last-child,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:last-child {
margin-right: 0;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(2n),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(2n) {
margin-right: 0;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(2n + 1),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 992px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
margin-bottom: 0;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li:last-child,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(2n),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(2n):last-child,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(2n):last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(2n + 1),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(2n + 1) {
clear: none;
}
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(3),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(3),
#menu-news-top > li:nth-child(1) > .sub-menu > li:nth-child(4),
#menu-alumni-top > li:nth-child(2) > .sub-menu > li:nth-child(4) {
margin-bottom: 0;
}
}
#menu-news-top > li:nth-child(1) > .sub-menu > li > a,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > a {
display: none;
}
#menu-news-top > li:nth-child(1) > .sub-menu > li > .sub-menu,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > .sub-menu {
border-top: none;
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li > .sub-menu,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > .sub-menu {
position: static;
box-shadow: none;
background-color: transparent;
padding: 0;
}
}
#menu-news-top > li:nth-child(1) > .sub-menu > li > .sub-menu li,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > .sub-menu li {
border-bottom: 1px solid #fdb817;
}
@media only screen and (min-width: 641px) {
#menu-news-top > li:nth-child(1) > .sub-menu > li > .sub-menu li:last-child,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > .sub-menu li:last-child {
border-bottom: 0;
}
}
#menu-news-top > li:nth-child(1) > .sub-menu > li > .sub-menu li.current-menu-item a,
#menu-alumni-top > li:nth-child(2) > .sub-menu > li > .sub-menu li.current-menu-item a {
color: #fdb817;
}
#new-header {
margin: 0 auto;
position: relative;
z-index: 101;
}
#new-header .logo_2017 {
display: none;
}
@media only screen and (min-width: 641px) {
#new-header .logo_2017 {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
margin-left: 76.76824%;
text-align: left;
position: absolute;
bottom: 15px;
}
#new-header .logo_2017:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#new-header .logo_2017 {
float: none;
display: inline-block;
width: auto;
left: 30px;
}
}
#new-header .logo_2017 img {
max-width: 167px;
}
@media only screen and (min-width: 641px) {
#new-header .logo_2017 img {
margin-bottom: 10px;
}
}
#new-header .logo_2017 img {
max-width: 110px;
}
#new-header .logo_2017_mono {
display: inline-block;
width: 25%;
}
@media only screen and (min-width: 641px) {
#new-header .logo_2017_mono {
display: none;
}
}
#new-header .logo_2017_mono img {
padding-top: 5px;
}
#new-header.open .nav-toggle {
border-top: none;
}
#new-header.open .nav-toggle:before,
#new-header.open #network-bar > div > div.nav-toggle:nth-child(2):after,
#new-header.open #network-bar > div > div.nav-toggle:nth-child(3):after {
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#new-header.open .nav-toggle:after {
top: 50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#new-header.open .top-bar {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
#new-header.news .logo-large img {
max-width: 410px;
}
#new-header.magazine > section {
background-color: #fff;
}
#new-header.magazine .logo-large img {
max-width: 616px;
}
@media only screen and (min-width: 641px) {
#new-header.magazine .top-bar {
background-color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
}
@media only screen and (min-width: 641px) {
#new-header.magazine .top-bar ul.sub-menu,
#new-header.magazine .top-bar #theContent ol.sub-menu,
#theContent #new-header.magazine .top-bar ol.sub-menu {
background-color: #fff;
}
}
#new-header.magazine .search-block input[type="text"],
#new-header.magazine .search-block #main #contact-wrapper input[type="email"],
#main #contact-wrapper #new-header.magazine .search-block input[type="email"] {
font-weight: 600;
}
@media only screen and (min-width: 641px) {
#new-header.magazine .search-block input[type="text"]:focus,
#new-header.magazine .search-block #main #contact-wrapper input[type="email"]:focus,
#main #contact-wrapper #new-header.magazine .search-block input[type="email"]:focus {
background-color: #d1d2d4;
}
}
#new-header > section {
background-color: #fdb817;
max-width: 1200px;
padding: 20px 15px;
}
@media only screen and (min-width: 641px) {
#new-header > section {
background-color: #fff;
padding: 0;
}
}
#new-header .logo-wrapper {
position: relative;
}
@media only screen and (min-width: 641px) {
#new-header .logo-wrapper {
padding: 40px 15px 15px;
text-align: center;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#new-header .logo-wrapper::after {
clear: both;
content: "";
display: table;
}
}
#new-header .logo-wrapper .logo-small {
display: inline-block;
width: 50%;
}
@media only screen and (min-width: 641px) {
#new-header .logo-wrapper .logo-small {
display: none;
}
}
#new-header .logo-wrapper .logo-small img {
max-width: 100%;
}
#new-header .logo-wrapper .logo-medium {
display: none;
position: absolute;
top: -18px;
left: 15px;
}
#new-header .logo-wrapper .logo-uofm {
display: none;
}
@media only screen and (min-width: 641px) {
#new-header .logo-wrapper .logo-uofm {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
text-align: right;
position: absolute;
left: auto;
bottom: 15px;
}
#new-header .logo-wrapper .logo-uofm:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#new-header .logo-wrapper .logo-uofm {
float: none;
display: inline-block;
width: auto;
left: 30px;
}
}
#new-header .logo-wrapper .logo-uofm img {
max-width: 167px;
}
@media only screen and (min-width: 641px) {
#new-header .logo-wrapper .logo-uofm img {
margin-bottom: 10px;
}
}
#new-header .logo-wrapper .logo-large {
display: none;
}
@media only screen and (min-width: 641px) {
#new-header .logo-wrapper .logo-large {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin-left: 25.58941%;
text-align: left;
}
#new-header .logo-wrapper .logo-large:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#new-header .logo-wrapper .logo-large {
float: none;
display: inline-block;
width: auto;
margin-left: 0%;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky > section {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin: 0 auto;
padding-top: 30px;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .logo-wrapper {
padding: 0;
z-index: 1002;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .logo-wrapper .logo-medium {
display: inline-block;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .logo-wrapper .logo-large {
display: none;
}
}
#new-header.sticky .logo-wrapper .logo-uofm {
display: none;
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .top-bar {
background-color: #ffffff;
border: none;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .top-bar {
margin: 0;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .top-bar ul,
#new-header.sticky .top-bar #theContent ol,
#theContent #new-header.sticky .top-bar ol {
margin-left: 385px;
text-align: left;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky .top-bar ul.sub-menu,
#new-header.sticky .top-bar #theContent ol.sub-menu,
#theContent #new-header.sticky .top-bar ol.sub-menu {
margin-left: 0;
}
}
@media only screen and (min-width: 641px) {
#new-header.sticky .search-block input[type="text"]:focus,
#new-header.sticky .search-block #main #contact-wrapper input[type="email"]:focus,
#main #contact-wrapper #new-header.sticky .search-block input[type="email"]:focus {
background-color: #fff;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky ~ #content {
padding-top: 304px;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar {
position: absolute;
top: 5px;
left: 0;
right: 0;
background-color: transparent;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div {
max-width: 1200px;
margin: 0 auto;
text-align: right;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div {
float: none;
display: inline-block;
height: 30px;
line-height: 36px;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div:nth-child(1) {
color: #aa511d;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div:nth-child(2),
#new-header.sticky #network-bar > div > div:nth-child(3) {
background-color: #aa511d;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div:nth-child(2):before,
#new-header.sticky #network-bar > div > div:nth-child(2):after,
#new-header.sticky #network-bar > div > div:nth-child(3):after,
#new-header.sticky #network-bar > div > div:nth-child(3):before {
height: 0;
width: 0;
border-bottom: 18px solid transparent;
border-left: 8px solid #aa511d;
border-top: 18px solid transparent;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div:nth-child(2):after,
#new-header.sticky #network-bar > div > div:nth-child(3):after {
height: 0;
width: 0;
border-bottom: 18px solid transparent;
border-left: 8px solid #fff;
border-top: 18px solid transparent;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar > div > div:nth-child(3) {
display: none;
}
}
@media only screen and (min-width: 1025px) {
#new-header.sticky #network-bar span {
font-size: 16px;
}
}
#new-header .stripes {
display: none;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (min-width: 641px) {
#new-header .stripes {
display: block;
}
}
.nav-toggle {
position: absolute;
top: 15px;
right: 15px;
z-index: 1002;
border-top: 2px solid #000;
padding: 15px 0;
height: 20px;
width: 40px;
-webkit-transition: border 0.3s;
-moz-transition: border 0.3s;
transition: border 0.3s;
}
@media only screen and (min-width: 641px) {
.nav-toggle {
display: none;
}
}
.nav-toggle:before,
#network-bar > div > div.nav-toggle:nth-child(2):after,
#network-bar > div > div.nav-toggle:nth-child(3):after {
top: 7px;
-webkit-transition: -webkit-transform 0.3s, top 0.3s;
-moz-transition: -moz-transform 0.3s, top 0.3s;
transition: transform 0.3s, top 0.3s;
}
.nav-toggle:after {
top: 16px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.top-bar {
background-color: #d1d2d4;
padding: 0 15px;
position: absolute;
top: 0;
right: 0;
width: 320px;
z-index: 1001;
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.top-bar::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 641px) {
.top-bar {
background-color: #fdb817;
box-shadow: none;
padding-right: 0;
padding-left: 0;
opacity: 1;
position: relative;
width: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.top-bar .logo-inverted {
padding: 20px 0;
}
@media only screen and (min-width: 641px) {
.top-bar .logo-inverted {
display: none;
}
}
.top-bar .logo-inverted img {
max-width: 100%;
}
.top-bar ul,
.top-bar #theContent ol,
#theContent .top-bar ol {
border-top: 1px solid #000;
list-style-type: none;
margin: 20px -15px 0;
padding: 0;
}
@media only screen and (min-width: 641px) {
.top-bar ul,
.top-bar #theContent ol,
#theContent .top-bar ol {
border-top: none;
margin: 0;
text-align: left;
}
}
@media only screen and (min-width: 769px) {
.top-bar ul,
.top-bar #theContent ol,
#theContent .top-bar ol {
text-align: center;
}
}
.top-bar ul.sub-menu,
.top-bar #theContent ol.sub-menu,
#theContent .top-bar ol.sub-menu {
margin: 0;
display: none;
}
@media only screen and (min-width: 641px) {
.top-bar ul.sub-menu,
.top-bar #theContent ol.sub-menu,
#theContent .top-bar ol.sub-menu {
border-radius: 2px;
background-color: #fdb817;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
position: absolute;
top: 100%;
left: 0;
text-align: left;
}
}
.top-bar ul.sub-menu li:last-child,
.top-bar #theContent ol.sub-menu li:last-child,
#theContent .top-bar ol.sub-menu li:last-child {
border-bottom: none;
}
@media only screen and (min-width: 641px) {
.top-bar ul.sub-menu li,
.top-bar #theContent ol.sub-menu li,
#theContent .top-bar ol.sub-menu li {
display: block;
}
}
.top-bar ul.sub-menu a,
.top-bar #theContent ol.sub-menu a,
#theContent .top-bar ol.sub-menu a {
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
}
@media only screen and (min-width: 641px) {
.top-bar ul.sub-menu a,
.top-bar #theContent ol.sub-menu a,
#theContent .top-bar ol.sub-menu a {
padding-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.top-bar ul.sub-menu a,
.top-bar #theContent ol.sub-menu a,
#theContent .top-bar ol.sub-menu a {
font-size: 18px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 25px;
}
}
.top-bar ul.sub-menu .sub-menu a,
.top-bar #theContent ol.sub-menu .sub-menu a,
#theContent .top-bar ol.sub-menu .sub-menu a {
padding-left: 45px;
}
.top-bar li {
border-bottom: 1px solid #000;
position: relative;
}
@media only screen and (min-width: 641px) {
.top-bar li {
border-bottom: none;
display: inline-block;
}
}
.top-bar li.menu-item-has-children > a:after {
content: "";
height: 0;
width: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
float: right;
margin-top: 9px;
margin-left: 7px;
}
.top-bar li.menu-item-has-children > a:hover:after,
.top-bar li.menu-item-has-children > a.open:after {
border-top-color: #fff;
}
.top-bar li.current-menu-item a {
background-color: #a64c1b;
color: #fff;
}
.top-bar li.current-menu-item > a:after {
border-top-color: #fff;
}
.top-bar a {
font-weight: 600;
font-size: 18px;
color: #000;
display: block;
width: 100%;
padding: 16px 15px;
text-decoration: none;
}
@media only screen and (min-width: 1200px) {
.top-bar a {
padding-right: 25px;
padding-left: 25px;
}
}
.top-bar a:hover {
background-color: #a64c1b;
color: #fff;
}
@media only screen and (min-width: 641px) {
.top-bar a.open {
background-color: #a64c1b;
color: #fff;
}
}
.top-bar a.open + ul.sub-menu,
.top-bar #theContent a.open + ol.sub-menu,
#theContent .top-bar a.open + ol.sub-menu {
display: block;
}
.top-bar .logo-uofm {
padding: 20px 0;
}
@media only screen and (min-width: 641px) {
.top-bar .logo-uofm {
display: none;
}
}
.search-block {
position: relative;
max-width: 290px;
}
@media only screen and (min-width: 641px) {
.search-block {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
width: 55px;
}
}
.search-block input[type="text"],
.search-block #main #contact-wrapper input[type="email"],
#main #contact-wrapper .search-block input[type="email"] {
font-size: 16px;
border: none;
float: none;
height: 52px;
width: 100%;
padding: 10px;
}
@media only screen and (min-width: 641px) {
.search-block input[type="text"],
.search-block #main #contact-wrapper input[type="email"],
#main #contact-wrapper .search-block input[type="email"] {
-webkit-transform: translate(200%, -50%);
-moz-transform: translate(200%, -50%);
-ms-transform: translate(200%, -50%);
-o-transform: translate(200%, -50%);
transform: translate(200%, -50%);
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
background-color: #fff;
position: absolute;
top: 50%;
right: 0;
opacity: 0;
width: 270px;
}
}
@media only screen and (min-width: 641px) {
.search-block input[type="text"]:focus,
.search-block #main #contact-wrapper input[type="email"]:focus,
#main #contact-wrapper .search-block input[type="email"]:focus {
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
opacity: 1;
z-index: 99;
}
}
.search-block input[type="submit"] {
display: none;
}
.search-block label {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
body {
background: transparent url("../img/body_bg.gif") repeat center center;
}
body.magazine {
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
@media screen and (max-width: 640px) {
#menu-alumni-top > li:nth-child(4).current-page-ancestor > .sub-menu,
#menu-alumni-top > li:nth-child(4).current-menu-item > .sub-menu {
display: block;
}
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) {
position: static;
}
}
@media screen and (min-width: 961px) {
#menu-alumni-top > li:nth-child(4) {
display: none;
}
}
#menu-alumni-top > li:nth-child(4).current-page-ancestor {
background-color: #a64c1b;
}
#menu-alumni-top > li:nth-child(4).current-page-ancestor a {
color: #fff;
}
#menu-alumni-top > li:nth-child(4).current-page-ancestor > a:after {
border-top-color: #fff;
}
#menu-alumni-top > li:nth-child(4).current-page-ancestor .sub-menu {
background-color: #a64c1b;
}
#menu-alumni-top > li:nth-child(4) > .sub-menu {
background-color: #a64c1b;
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu {
width: 100%;
}
}
@media screen and (min-width: 961px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu {
display: none;
visibility: hidden;
}
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu li {
border-bottom: 1px solid #f38f00;
}
}
@media screen and (max-width: 960px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu li.current-menu-item.menu-item-has-children > ul,
#menu-alumni-top > li:nth-child(4) > .sub-menu #theContent li.current-menu-item.menu-item-has-children > ol,
#theContent #menu-alumni-top > li:nth-child(4) > .sub-menu li.current-menu-item.menu-item-has-children > ol {
display: block;
}
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu .sub-menu {
position: relative;
top: auto;
left: auto;
box-shadow: none;
border-top: 1px solid #f38f00;
}
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu .sub-menu li:last-child {
border-bottom: none;
}
}
@media only screen and (min-width: 641px) {
#menu-alumni-top > li:nth-child(4) > .sub-menu .sub-menu a {
padding-left: 30px;
}
}
#menu-alumni-top > li:nth-child(4) li.current-menu-parent .sub-menu {
display: block;
}
#menu-alumni-top > li:nth-child(4) li.current-menu-item > a {
color: #fdb817;
}
#menu-alumni-top > li:nth-child(4) li.menu-item-has-children > a:after {
border-top-color: #fff;
}
@media screen and (max-width: 960px) {
.menu-alumni-menu-container {
display: none;
}
}
#network-bar {
background-color: #aa511d;
padding: 10px 15px;
}
#network-bar::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 992px) {
#network-bar {
padding: 0;
}
}
#network-bar > div > div {
color: #fff;
float: left;
position: relative;
overflow: hidden;
padding: 0;
margin-right: 5px;
}
@media only screen and (min-width: 992px) {
#network-bar > div > div {
height: 56px;
line-height: 63px;
margin-right: 0;
padding: 0 30px;
}
}
@media only screen and (min-width: 992px) {
#network-bar > div > div:nth-child(2),
#network-bar > div > div:nth-child(3) {
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) {
#network-bar > div > div:nth-child(2):before,
#network-bar > div > div:nth-child(2):after,
#network-bar > div > div:nth-child(3):after,
#network-bar > div > div:nth-child(3):before {
content: "";
position: absolute;
top: -3px;
left: 2px;
height: 0;
width: 0;
border-bottom: 31px solid transparent;
border-left: 15px solid #fdb817;
border-top: 31px solid transparent;
}
}
@media only screen and (min-width: 992px) {
#network-bar > div > div:nth-child(2):after,
#network-bar > div > div:nth-child(3):after {
left: 0;
height: 0;
width: 0;
border-bottom: 31px solid transparent;
border-left: 15px solid #aa511d;
border-top: 31px solid transparent;
}
}
@media only screen and (min-width: 992px) {
#network-bar > div > div:nth-child(3) {
float: right;
}
}
#network-bar span {
line-height: 1.4em;
font-size: 20px;
display: inline-block;
letter-spacing: 2px;
}
#network-bar span.news-from {
font-style: italic;
}
#network-bar a {
color: #fff;
}
.promo-box {
background-color: #eee;
padding: 20px 30px;
}
.promo-box h2 {
font-size: 24px;
letter-spacing: 2px;
padding-right: 0 !important;
margin-bottom: 15px;
}
.promo-box .title {
font-size: 40px;
display: block;
line-height: 1em;
margin-top: 15px;
}
@media screen and (max-width: 960px) {
#isAlumni .menu-alumni-menu-container {
display: none;
}
}
#theContent ul,
#theContent ol {
list-style: disc outside none;
margin-left: 32px !important;
}
@media screen and (min-width: 801px) {
#theContent ul,
#theContent ol {
margin-left: 47px !important;
}
}
#theContent ul ul,
#theContent ol ul,
#theContent ul ol,
#theContent ol ol,
#theContent ul ol,
#theContent ol ol {
margin-left: 17px !important;
}
#theContent ol {
list-style: decimal outside none;
}
.story {
padding: 20px 0 !important;
margin: 0 !important;
}
.story:first-of-type {
margin-top: 20px !important;
}
.story.magazine {
background-color: #eee;
}
#main.single-feature .feature-content > article blockquote,
#main.single-feature .feature-content > article .alignright,
#main.single-feature .feature-content > article #content.magazine .wp-caption.alignleft,
#content.magazine #main.single-feature .feature-content > article .wp-caption.alignleft,
#main.single-feature .feature-content > article aside {
margin: 20px 0;
}
@media only screen and (min-width: 769px) {
#main.single-feature .feature-content > article blockquote,
#main.single-feature .feature-content > article .alignright,
#main.single-feature .feature-content > article #content.magazine .wp-caption.alignleft,
#content.magazine #main.single-feature .feature-content > article .wp-caption.alignleft,
#main.single-feature .feature-content > article aside {
margin: 0;
padding-bottom: 20px;
padding-left: 20px;
float: right;
width: 40%;
}
}
#main.single-feature .feature-content > article > .call-out,
#main.single-feature .call-out {
margin: 0 0 20px;
}
@media only screen and (min-width: 769px) {
#main.single-feature .feature-content > article > .call-out,
#main.single-feature .call-out {
margin: 0;
float: right;
width: 24%;
}
}
#main.single-feature #media-banner {
position: relative;
}
@media only screen and (min-width: 1025px) {
#main.single-feature #media-banner {
background-color: #ddd;
min-height: 500px;
}
}
#main.single-feature #media-banner img {
width: 100%;
}
#main.single-feature #media-banner .content {
padding: 15px;
}
@media only screen and (min-width: 481px) {
#main.single-feature #media-banner .content {
padding: 30px;
}
}
@media only screen and (min-width: 769px) {
#main.single-feature #media-banner .content {
padding: 64px 64px 0;
}
}
@media only screen and (min-width: 1025px) {
#main.single-feature #media-banner .content {
padding: 20px;
}
}
#main.single-feature .feature-content {
padding: 15px;
position: relative;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 481px) {
#main.single-feature .feature-content {
padding: 30px;
}
}
@media only screen and (min-width: 769px) {
#main.single-feature .feature-content {
padding: 64px;
}
}
#main.single-feature .feature-content::after {
clear: both;
content: "";
display: table;
}
#main.single-feature .feature-content > article > p:first-child:first-letter,
#main.single-feature .feature-content-full-width > article > p:first-child:first-letter {
float: left;
font-size: 75px;
line-height: 50px;
padding-right: 15px;
}
@media only screen and (min-width: 769px) {
#main.single-feature .feature-content > article > p:first-child:first-letter,
#main.single-feature .feature-content-full-width > article > p:first-child:first-letter
{
font-size: 100px;
line-height: 75px;
}
}
@media only screen and (min-width: 769px) {
#main.single-feature .feature-content > article > * {
width: 74%;
}
}
#main.single-feature .feature-content > article blockquote {
color: #fdb817;
font-style: italic;
}
#main.single-feature .feature-content > article blockquote p {
font-size: 36px;
font-weight: 300;
line-height: 1.2em;
margin: 0;
}
#main.single-feature .feature-content > article blockquote .author {
display: block;
color: #fdb817;
margin-top: 20px;
line-height: 1em;
}
#main.single-feature .feature-content > article aside .wp-caption {
width: auto !important;
}
#main.single-feature .feature-content > article hr {
margin-left: 0;
}
#main.single-feature .feature-content img {
max-width: 100%;
}
#main.single-feature .feature-content img.alignright,
#main.single-feature .feature-content #content.magazine img.wp-caption.alignleft,
#content.magazine #main.single-feature .feature-content img.wp-caption.alignleft {
width: auto;
}
@media only screen and (min-width: 769px) {
#silo > article > section > section > * {
float: left;
display: block;
margin-right: 2.35765%;
width: 74.41059%;
margin-right: 0;
float: right;
padding-left: 0;
}
#silo > article > section > section > :last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#silo .call-out,
#silo > article > section > section > .call-out,
#silo > article > section > section > aside {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#silo .call-out:last-child,
#silo > article > section > section > aside:last-child {
margin-right: 0;
}
}
#silo {
padding: 15px;
}
@media only screen and (min-width: 481px) {
#silo {
padding: 30px;
}
}
@media only screen and (min-width: 769px) {
#silo {
padding: 64px;
}
}
#silo #silo p {
font-weight: 300;
}
@media only screen and (min-width: 769px) {
#silo .wp-caption.alignnone {
width: 74.41059% !important;
}
}
#silo > article {
border: 1px solid #000;
border-top-width: 10px;
border-bottom: none;
margin-top: 30px;
margin-bottom: 30px;
padding: 60px 15px 15px;
position: relative;
}
@media only screen and (min-width: 769px) {
#silo > article {
padding: 100px 30px 30px;
margin-top: 70px;
margin-bottom: 64px;
}
}
#silo > article + div {
border-top: 10px solid #000;
height: 0;
}
#silo > article .type {
border: 1px solid #000;
padding: 26px 32px;
font-size: 16px;
position: absolute;
background-color: #fff;
top: 0;
left: 10%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
#silo > article .type {
font-size: 24px;
padding-top: 80px;
}
}
#silo > article > section {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#silo > article > section::after {
clear: both;
content: "";
display: table;
}
#silo > article > section > figure {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
display: block;
}
@media only screen and (min-width: 769px) {
#silo > article > section > figure {
float: left;
display: block;
margin-right: 2.35765%;
width: 74.41059%;
margin-left: 25.58941%;
margin-top: -150px;
}
#silo > article > section > figure:last-child {
margin-right: 0;
}
}
#silo > article > section > figure img {
display: inline;
max-width: 100%;
}
#silo > article > section > header {
margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
#silo > article > section > header {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
text-align: right;
}
#silo > article > section > header:last-child {
margin-right: 0;
}
}
#silo > article > section > header h2 {
font-size: 28px;
line-height: 1.2em;
}
@media only screen and (min-width: 769px) {
#silo > article > section > header h2 {
margin-bottom: 20px;
font-size: 36px;
text-align: right;
}
}
#silo > article > section > header .author {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
#silo > article > section > section {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#silo > article > section > section::after {
clear: both;
content: "";
display: table;
}
#silo > article > section > section p:first-child {
margin-top: 0;
}
#silo > article > section > section > ul,
#theContent #silo > article > section > section > ol {
padding-left: 30px;
}
#content.magazine #primaryFeed.archive h1 {
margin-bottom: 10px;
text-align: left;
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item:nth-child(2) .image > div,
#feature-wrapper #network-bar > div > div.item:nth-child(3) .image > div,
#feature-wrapper .item:nth-child(4) .image > div,
.feature-wrapper .item:nth-child(2) .image > div,
.feature-wrapper #network-bar > div > div.item:nth-child(3) .image > div,
.feature-wrapper .item:nth-child(4) .image > div {
padding-bottom: 118.645%;
}
}
.item a:hover .image {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#feature-wrapper, .feature-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#feature-wrapper::after, .feature-wrapper::after {
clear: both;
content: "";
display: table;
}
#feature-wrapper .item, .feature-wrapper .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin-bottom: 20px;
position: relative;
}
#feature-wrapper .item:last-child, .feature-wrapper .item:last-child {
margin-right: 0;
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item:nth-child(1), .feature-wrapper .item:nth-child(1) {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#feature-wrapper .item:nth-child(1):last-child, .feature-wrapper .item:nth-child(1):last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item:nth-child(2),
#feature-wrapper #network-bar > div > div.item:nth-child(3),
.feature-wrapper .item:nth-child(2),
.feature-wrapper #network-bar > div > div.item:nth-child(3) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#feature-wrapper .item:nth-child(2):last-child,
#feature-wrapper #network-bar > div > div.item:last-child:nth-child(3),
.feature-wrapper .item:nth-child(2):last-child,
.feature-wrapper #network-bar > div > div.item:last-child:nth-child(3) {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item:nth-child(3),
#feature-wrapper #menu-news-top > li:nth-child(1) > .sub-menu > li.item:nth-child(4),
#feature-wrapper #menu-alumni-top > li:nth-child(2) > .sub-menu > li.item:nth-child(4),
.feature-wrapper .item:nth-child(3),
.feature-wrapper #menu-news-top > li:nth-child(1) > .sub-menu > li.item:nth-child(4),
.feature-wrapper #menu-alumni-top > li:nth-child(2) > .sub-menu > li.item:nth-child(4) {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#feature-wrapper .item:nth-child(3):last-child,
#feature-wrapper #menu-news-top > li:nth-child(1) > .sub-menu > li.item:last-child:nth-child(4),
#feature-wrapper #menu-alumni-top > li:nth-child(2) > .sub-menu > li.item:last-child:nth-child(4),
.feature-wrapper .item:nth-child(3):last-child,
.feature-wrapper #menu-news-top > li:nth-child(1) > .sub-menu > li.item:last-child:nth-child(4),
.feature-wrapper #menu-alumni-top > li:nth-child(2) > .sub-menu > li.item:last-child:nth-child(4) {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item:nth-child(4), .feature-wrapper .item:nth-child(4) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#feature-wrapper .item:nth-child(4):last-child, .feature-wrapper .item:nth-child(4):last-child {
margin-right: 0;
}
}
#feature-wrapper .item a, .feature-wrapper .item a {
color: #000;
text-decoration: none;
}
#feature-wrapper .item a:hover h2, .feature-wrapper .item a:hover h2 {
color: #fdb817;
}
#feature-wrapper .item .image, .feature-wrapper .item .image {
overflow: hidden;
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#feature-wrapper .item .image:last-child, .feature-wrapper .item .image:last-child {
margin-right: 0;
}
@media only screen and (min-width: 641px) {
#feature-wrapper .item .image, .feature-wrapper .item .image {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#feature-wrapper .item .image:last-child, .feature-wrapper .item .image:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item .image, .feature-wrapper .item .image {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#feature-wrapper .item .image:last-child, .feature-wrapper .item .image:last-child {
margin-right: 0;
}
}
#feature-wrapper .item .image > div, .feature-wrapper .item .image > div {
height: 0;
padding-bottom: 75%;
position: relative;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media only screen and (min-width: 992px) {
#feature-wrapper .item .image > div, .feature-wrapper .item .image > div {
padding-bottom: 56.25%;
}
}
#feature-wrapper .item .content, .feature-wrapper .item .content {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin-top: 15px;
}
#feature-wrapper .item .content:last-child, .feature-wrapper .item .content:last-child {
margin-right: 0;
}
@media only screen and (min-width: 641px) {
#feature-wrapper .item .content, .feature-wrapper .item .content {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin-top: 0;
}
#feature-wrapper .item .content:last-child, .feature-wrapper .item .content:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#feature-wrapper .item .content, .feature-wrapper .item .content {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin-top: 15px;
}
#feature-wrapper .item .content:last-child, .feature-wrapper .item .content:last-child {
margin-right: 0;
}
}
#feature-wrapper .item small, .feature-wrapper .item small {
text-transform: uppercase;
}
#inside-content h2, .inside-content h2 {
background-color: #fbb216;
color: #000;
font-size: 22px;
font-weight: 500;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
}
#inside-content .item-wrapper, .inside-content .item-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#inside-content .item-wrapper::after, .inside-content .item-wrapper::after {
clear: both;
content: "";
display: table;
}
#inside-content .item, .inside-content .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#inside-content .item:last-child, .inside-content .item:last-child {
margin-right: 0;
}
@media only screen and (min-width: 641px) {
#inside-content .item, .inside-content .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin-bottom: 40px;
}
#inside-content .item:last-child, .inside-content .item:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#inside-content .item, .inside-content .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#inside-content .item:last-child, .inside-content .item:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 641px) {
#inside-content .item:nth-child(2n), .inside-content .item:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#inside-content .item:nth-child(2n), .inside-content .item:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#inside-content .item:nth-child(2n):last-child, .inside-content .item:nth-child(2n):last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 641px) {
#inside-content .item:nth-child(2n + 1), .inside-content .item:nth-child(2n + 1) {
clear: both;
}
}
@media only screen and (min-width: 992px) {
#inside-content .item:nth-child(2n + 1), .inside-content .item:nth-child(2n + 1) {
clear: none;
}
}
@media only screen and (min-width: 992px) {
#inside-content .item:nth-child(4n), .inside-content .item:nth-child(4n) {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
#inside-content .item:nth-child(4n + 1), .inside-content .item:nth-child(4n + 1) {
clear: both;
}
}
#inside-content .item a, .inside-content .item a {
text-decoration: none;
}
#inside-content .item a:hover h4, .inside-content .item a:hover h4 {
color: #fdb817;
}
#inside-content .item .image, .inside-content .item .image {
height: 0;
padding-bottom: 75%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#inside-content .item small, .inside-content .item small {
color: #0f8077;
font-size: 14px;
font-weight: 600;
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
margin: 15px 0;
}
#inside-content .item h4, .inside-content .item h4 {
color: #231f20;
font-size: 24px;
margin: 5px 0;
text-align: center;
}
@media only screen and (min-width: 1025px) {
#inside-content .item h4, .inside-content .item h4 {
font-size: 30px;
}
}
#inside-content .item h4 + p, .inside-content .item h4 + p {
text-align: center;
}
#inside-content ~ .share-icons, .inside-content ~ .share-icons {
padding-right: 30px;
padding-left: 30px;
margin-bottom: 30px;
}
body.magazine #footer .copyright,
body.magazine #footer .emergency {
color: #000;
font-size: 12px;
text-align: center;
}
@media only screen and (min-width: 992px) {
body.magazine #footer .copyright,
body.magazine #footer .emergency {
text-align: left;
}
}
body.magazine #footer {
background-color: #fff;
border-top: 3px solid #f5f1ed;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
body.magazine #footer::after {
clear: both;
content: "";
display: table;
}
body.magazine #footer .item {
margin-bottom: 30px;
}
@media only screen and (min-width: 481px) {
body.magazine #footer .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
body.magazine #footer .item:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
body.magazine #footer .item {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
body.magazine #footer .item:last-child {
margin-right: 0;
}
}
body.magazine #footer .item:first-child {
text-align: center;
}
@media only screen and (min-width: 481px) {
body.magazine #footer .item:first-child {
text-align: left;
}
}
@media only screen and (min-width: 481px) {
body.magazine #footer .item:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
body.magazine #footer .item:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
body.magazine #footer .item:nth-child(2n):last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
body.magazine #footer .item:nth-child(4) {
margin-right: 0;
}
}
body.magazine #footer h5 {
margin: 0 0 10px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
body.magazine #footer ul,
body.magazine #footer #theContent ol,
#theContent body.magazine #footer ol {
list-style-type: none;
margin: 0;
padding: 0;
}
body.magazine #footer li {
margin: 0 0 10px;
}
body.magazine #footer li:last-child {
margin-bottom: 0;
}
body.magazine #footer a {
font-size: 15px;
font-weight: 500;
color: #9b998a;
text-decoration: none;
}
body.magazine #footer a:hover {
color: #fdb817;
}
body.magazine #footer .copyright {
margin-bottom: 15px;
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
body.magazine #footer .copyright:last-child {
margin-right: 0;
}
@media only screen and (min-width: 992px) {
body.magazine #footer .copyright {
margin-left: 0;
margin-right: 0;
padding: 0;
margin-left: 25.58941%;
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
body.magazine #footer .copyright:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
body.magazine #footer .emergency {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
margin-right: 0;
}
body.magazine #footer .emergency:last-child {
margin-right: 0;
}
}
body.magazine #footer .emergency a {
color: #000;
font-size: 12px;
}
#accomplishments-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#accomplishments-wrapper::after {
clear: both;
content: "";
display: table;
}
#accomplishments-wrapper .page-title {
font-size: 32px;
}
#accomplishments-wrapper h2 {
font-size: 24px;
}
#accomplishments-wrapper h3 {
font-size: 18px;
}
#accomplishments-wrapper .full-width {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#accomplishments-wrapper .full-width:last-child {
margin-right: 0;
}
#accomplishments-wrapper .full-width hr {
margin-top: 0;
height: 0.1em;
background-color: black;
}
#accomplishments-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#accomplishments-wrapper .column:last-child {
margin-right: 0;
}
@media only screen and (min-width: 641px) {
#accomplishments-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#accomplishments-wrapper .column:last-child {
margin-right: 0;
}
}
#accomplishments-wrapper .last-column {
margin-right: 0;
}
#accomplishments-wrapper .honours {
color: #567c99;
}
#accomplishments-wrapper .honours h3 {
color: #1d5077;
}
#accomplishments-wrapper .honours p:first-of-type {
margin: 0;
}
#accomplishments-wrapper .honours p {
margin: 0 0 1em 0;
}
#accomplishments-wrapper .honours .name-reference {
color: #1d5077;
}
#accomplishments-wrapper #accomplishment-photo {
margin-top: 1em;
width: 100%;
}
@media only screen and (min-width: 641px) {
#accomplishments-wrapper #accomplishment-photo {
margin-top: 0;
}
}
#accomplishments-wrapper .order-of-canada {
color: #8f6a50;
}
#accomplishments-wrapper .order-of-canada h3 {
color: #693816;
}
#accomplishments-wrapper .order-of-canada .name-reference {
color: #693816;
}
#accomplishments-wrapper .david-richert {
margin-top: 1em;
}
#accomplishments-wrapper .david-richert a {
text-decoration: none;
color: black;
position: relative;
}
#accomplishments-wrapper .david-richert a > div {
padding-left: 2em;
position: relative;
}
#accomplishments-wrapper .david-richert .nested-column {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#accomplishments-wrapper .david-richert .nested-column:last-child {
margin-right: 0;
}
#accomplishments-wrapper .david-richert .divider {
height: 16em;
border-left: 0.2em solid #693816;
position: absolute;
top: 0em;
left: -0.2em;
}
#accomplishments-wrapper .david-richert .divider .icon {
background: url("../img/circle-envelope.png") no-repeat;
background-size: 3em;
width: 3em;
height: 3em;
margin: 0 0 0 -1.5em;
}
#accomplishments-wrapper .david-richert h4 {
margin: 1em 0 0 0;
padding: 0;
}
#accomplishments-wrapper .notes h3 {
display: block;
text-align: center;
}
#accomplishments-wrapper .notes .name-reference {
color: #693816;
}
#accomplishments-wrapper .notes p:last-child {
margin-bottom: 0;
}
#memoriams-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#memoriams-wrapper::after {
clear: both;
content: "";
display: table;
}
#memoriams-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
}
#memoriams-wrapper .column:last-child {
margin-right: 0;
}
@media only screen and (min-width: 769px) {
#memoriams-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%;
margin-left: 17.05961%;
}
#memoriams-wrapper .column:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
#memoriams-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin-left: 25.58941%;
}
#memoriams-wrapper .column:last-child {
margin-right: 0;
}
}
#memoriams-wrapper .column p:first-child {
margin: 1em 0 1em 0;
}
#memoriams-wrapper h2 {
margin: 10em 10em 15em 10em;
padding-top: 1em;
border-bottom: 0.15em solid black;
}
#memoriams-wrapper .group h2 {
margin-bottom: 1em;
}
#memoriams-wrapper .group p {
margin: 0.5em 0 0.5em 0;
}
#main.single-class-notes .accomplishments-content,
#main.single-class-notes .memoriams-content {
padding: 15px;
position: relative;
}
@media only screen and (min-width: 481px) {
#main.single-class-notes .accomplishments-content,
#main.single-class-notes .memoriams-content {
padding: 30px;
}
}
@media only screen and (min-width: 769px) {
#main.single-class-notes .accomplishments-content,
#main.single-class-notes .memoriams-content {
padding: 64px;
}
}
#main.single-class-notes .memoriams-content {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#main.single-class-notes .memoriams-content::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 769px) {
#main.single-class-notes .memoriams-content > section {
margin-left: 25.58941%;
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#main.single-class-notes .memoriams-content > section:last-child {
margin-right: 0;
}
}
#main.single-class-notes .column.blue {
color: #1d5077;
}
#main.single-class-notes .column.brown {
color: #693816;
}
#main.single-class-notes .outer-container.notes h3 {
font-size: 24px;
font-weight: 500;
letter-spacing: 3px;
text-align: center;
}
#main.single-class-notes .outer-container.notes strong {
color: #693816;
}
#main.single-class-notes .memoriam-block {
font-size: 18px;
line-height: 1.6em;
margin: 20px 0;
}
#main.single-class-notes .memoriam-block a {
font-weight: 600;
display: block;
border-bottom: 3px solid #000;
letter-spacing: 4px;
margin-bottom: 10px;
}
#main.single-class-notes .memoriam-block > div {
display: none;
}
#archives-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#archives-wrapper::after {
clear: both;
content: "";
display: table;
}
#archives-wrapper .column {
font-size: 18px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
@media only screen and (min-width: 481px) {
#archives-wrapper .column {
margin-bottom: 40px;
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#archives-wrapper .column:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#archives-wrapper .column {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#archives-wrapper .column:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 481px) {
#archives-wrapper .column:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#archives-wrapper .column:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#archives-wrapper .column:nth-child(2n):last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 481px) {
#archives-wrapper .column:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 769px) {
#archives-wrapper .column:nth-child(2n + 1) {
clear: none;
}
}
@media only screen and (min-width: 769px) {
#archives-wrapper .column:nth-child(4n) {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#archives-wrapper .column:nth-child(4n + 1) {
clear: left;
}
}
#archives-wrapper .column a {
display: block;
text-align: center;
}
#archives-wrapper .column a:hover img {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#archives-wrapper .column img {
max-width: 170px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#archives-wrapper .column > div {
display: inline-block;
margin-bottom: 30px;
}
#archives-wrapper .divider {
background-color: #fbb216;
color: #000;
font-size: 22px;
font-weight: 500;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 40px;
}
#main #contact-wrapper {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#main #contact-wrapper::after {
clear: both;
content: "";
display: table;
}
@media only screen and (min-width: 769px) {
#main #contact-wrapper .call-out {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%;
}
#main #contact-wrapper .call-out:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#main #contact-wrapper .call-out + .column {
margin-left: 0;
}
}
@media only screen and (min-width: 769px) {
#main #contact-wrapper > .column {
margin-left: 25.58941%;
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
}
#main #contact-wrapper > .column:last-child {
margin-right: 0;
}
}
#main #contact-wrapper .wpcf7 {
margin: 0 0 40px;
}
@media only screen and (min-width: 481px) {
#main #contact-wrapper .wpcf7 {
margin-bottom: 60px;
}
}
#main #contact-wrapper .wpcf7-form {
background: transparent;
margin: 20px 0 0;
padding: 0;
border-radius: none;
}
#main #contact-wrapper .wpcf7-form p {
margin-bottom: 20px;
}
#main #contact-wrapper .wpcf7-form-control-wrap {
display: block;
margin-top: 5px;
}
#main #contact-wrapper h2 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
}
@media only screen and (min-width: 641px) {
#main #contact-wrapper h2 {
font-size: 28px;
letter-spacing: 1px;
}
}
#main #contact-wrapper p {
font-size: 16px;
font-weight: 400;
line-height: 1.2em;
}
#main #contact-wrapper input {
font-size: 20px;
}
#main #contact-wrapper input[type="text"],
#main #contact-wrapper input[type="email"] {
height: 50px;
padding: 0 10px;
width: 100%;
}
@media only screen and (min-width: 641px) {
#main #contact-wrapper input[type="text"],
#main #contact-wrapper input[type="email"] {
width: 75%;
}
}
#main #contact-wrapper input.wpcf7-submit {
text-transform: none;
background-color: #cdcccc;
border-radius: 0;
border: 1px solid #000;
color: #000;
}
#main #contact-wrapper input.wpcf7-submit:hover {
background-color: #653a15;
color: #fff;
}
#main #contact-wrapper textarea {
width: 100%;
font-size: 20px;
}
.call-out {
display: inline-block;
font-size: 16px;
}
.call-out span {
display: block;
}
.call-out .icon {
position: relative;
display: inline-block;
border-radius: 100%;
height: 40px;
width: 40px;
background-color: #693816;
}
.call-out .fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
}
.call-out .title {
font-weight: 600;
}
.call-out a {
color: #000;
text-decoration: none;
}
.call-out a .fa {
color: #fff;
}
.call-out a:hover {
color: #693816;
}
.call-out a:hover .icon {
background-color: #fdb817;
}
#main .call-out a {
color: #000;
text-decoration: none;
}
#main .call-out a:hover {
color: #693816;
}
#silo > article .type {
padding-top: 20px;
padding-left: 0;
top: -33px;
font-size: 20px;
background-color: #fff;
color: #000;
border-width: 0px;
left: 0;
padding-bottom: 0;
}
@media only screen and (max-width: 1200px) {
#silo > article .type {
padding-top: 0;
top: -30px;
font-size: 14px;
top: -20px;
padding-right: 0px;
}
}
@media only screen and (max-width: 768px) {
#silo > article .type {
padding-top: 0;
top: -33px;
font-size: 20px;
}
}
.caption {
padding-left: 0;
}
#media-banner figure figcaption.caption {
padding-left: 20px;
}
.caption.fullwidth {
background-color: transparent;
margin-top: 0px;
width: 100%;
display: block;
}
#inside-content .item .image.top-thumb-align {
background-position: top center;
}
#inside-content .item .image.bottom-thumb-align,
#feature-wrapper .item .image.bottom-thumb-align > div,
.feature-wrapper .item .image.bottom-thumb-align > div {
background-position: bottom center;
}
#inside-content .item .image.center-thumb-align {
background-position: center center;
}
.inside-content .item .image.top-thumb-align {
background-position: top center;
}
.inside-content .item .image.bottom-thumb-align,
#feature-wrapper .item .image.bottom-thumb-align > div,
.feature-wrapper .item .image.bottom-thumb-align > div {
background-position: bottom center;
}
.inside-content .item .image.center-thumb-align {
background-position: center center;
}
div#content.single.cf.magazine p.wp-caption-text {
font-size: 13px;
font-weight: 600;
padding: 10px 0;
font-family: "proxima-nova-condensed", sans-serif;
padding-left: 0 !important;
line-height: 1.5em;
margin-bottom: 15px;
}
#main.single-feature #media-banner p.article-published-date { font-size: 13px;
font-weight: 700 !important;
letter-spacing: 2px; font-family: "Hoefler Text A", "Hoefler Text B"; font-style: normal; }
#silo .article-published-date { font-size: 14px;
font-weight: 600;
letter-spacing: 2px; color: #69675b; text-align: right; }
#magazine-new-landing .magazine-landing-heading { background-color: #000; color: #fff; font-weight: 600; font-size: 22px; padding: 15px 0; text-align: center; text-transform: uppercase; }
#magazine-new-landing { padding: 30px 0; }
#magazine-new-landing .feature-wrapper, #magazine-new-landing #feature-wrapper { padding: 0 30px; }
#magazine-new-landing .feature-wrapper span.type {
color: #0f8077;
font-size: 14px;
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0px 0;
font-family: "Whitney A", "Whitney B", "Whitney", sans-serif !important;
font-style: normal;
font-weight: 600;
}
#feature-wrapper .item .content {
margin-top: 0;
}
#feature-wrapper .item .content:nth-child(1) {
margin-top: 15px;
}
#magazine-new-landing .feature-wrapper .item:nth-child(1) span.type {
text-align: center;
}
@media only screen and (min-width: 768px) {
#magazine-new-landing .feature-wrapper .item:nth-child(1) span.type {
text-align: left;
}
}
@media only screen and (max-width: 768px) {
#magazine-new-landing .feature-wrapper .item:nth-child(1) span.type {
text-align: left;
}
}
@media only screen and (max-width: 1199px) {
#magazine-new-landing .feature-wrapper .item span.type { text-align: left; }
}
@media only screen and (max-width: 641px) {
#magazine-new-landing #inside-content .item { width: 100%; margin-right: 0 }
#magazine-new-landing .feature-wrapper .item span.type { text-align: center; }
#magazine-new-landing #feature-wrapper .item h2,
#magazine-new-landing .feature-wrapper .item h2,
#magazine-new-landing #feature-wrapper .item h2 + p,
#magazine-new-landing .feature-wrapper .item h2 + p,
#magazine-new-landing #feature-wrapper .item h2 + p,
#magazine-new-landing .feature-wrapper .item:nth-child(1) span.type
{ text-align: center; }
#magazine-new-landing .feature-wrapper .item .author {
display: none;
}
}
#magazine-new-landing #inside-content.magazine-landing .item:nth-child(4n+1) { clear: none; }
#magazine-new-landing #inside-content.magazine-landing .item:nth-child(4n) { margin-right: 2.35765%; }
/* V5.1.1 Changes */
#main h6.sub-sub-head,
#main aside h6.sub-sub-head {
text-transform: uppercase;
font-weight: 700 !important;
font-size: 18px;
margin-top: 30px;
margin-bottom: 5px;
}
@media only screen and (min-width: 481px) {
#main h5.sub-sub-head,
#main aside h5.sub-sub-head {
font-size: 16px;
}
}
#main .interview-question {
font-weight: 600;
font-size: 18px;
margin-top: 30px;
}
#main .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
#main .embed-container iframe, #main .embed-container object, #main .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.intro-sub-text p {
font-family: "Whitney A", "Whitney B", "Whitney" sans-serif !important;
font-style: normal;
font-weight: 400;
}
#main h5.sub-head-no-top,
#main aside h5.sub-head-no-top {
text-transform: uppercase;
font-weight: 700 !important;
font-size: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
#main aside h5.sub-head-no-top {
font-size: 16px;
}
body.magazine #main h4, body.magazine #main h5, body.magazine #main h3 {
font-family: "Whitney A", "Whitney B", "Whitney" sans-serif !important;
font-style: normal;
font-weight: 700;
}
#isPageMag #new-header.sticky .top-bar, #isSingleMag #new-header.sticky .top-bar {
background-color: #ffffff;
border: none;
}
#isPageMag #new-header.sticky .top-bar a:hover, #isSingleMag #new-header.sticky .top-bar a:hover {
background-color: #000000;
color: #fff;
}
#main .two-col {
column-count: 2;
column-gap: 40px;
font-family: "Whitney A", "Whitney B", "Whitney", sans-serif !important;
font-size: 16px;
}
#main .two-col p, #main .two-col li {
font-family: "Whitney A", "Whitney B", "Whitney", sans-serif !important;
font-size: 16px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media only screen and (max-width: 768px) {
#main .two-col {
column-count: 1;
}
#silo > article > section > header h2 {
font-size: 48px;
}
}
#isSingleMag #main h4 { font-size: 22px; }
@media only screen and (max-width: 769px) { #main.single-feature #media-banner h2 {
font-size: 38px !important;
}
#silo .article-published-date { text-align: left; }
}
.magazine .top-bar a:hover {
background-color: #000;
}
#main .feature-content-full-width {
margin: 3em 0px;
}
#main .feature-content-full-width p,
#main .feature-content-full-width h2,
#main .feature-content-full-width h3,
#main .feature-content-full-width h4,
#main .feature-content-full-width h5,
#main .feature-content-full-width h6,
#main .feature-content-full-width .su-column p {
padding-left: 30px;
padding-right: 30px;
}
#main .silo-content-full-width p {
padding-left: 30px;
}
#main.single-feature .feature-content-full-width > article > p:first-child:first-letter {
float: left;
font-size: 75px;
line-height: 50px;
padding-right: 15px;
}
.feature-content-full-width .pagination { margin: 0 30px; }
.magazine-landing-heading {
background-color: #fbb216;
color: #000;
font-size: 22px;
font-weight: 600;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
}
/* Magazine blockquotes */
#silo article blockquote.magazine-blockquote-fullwidth {
font-size: 30px;
width: 74.41059%;
font-weight: 600;
float: right;
display: block;
font-style: normal;
margin-bottom: 1em;
}
blockquote.magazine-blockquote-fullwidth .quote-before {
display: block;
width: 50px;
height: 50px;
background-image: url('/wp-content/themes/umtoday_ver5_1/img/l-quote.png');
background-size: 50px 50px;
background-position: center;
margin: 0 auto;
}
blockquote.magazine-blockquote-fullwidth .quote-after {
display: block;
width: 50px;
height: 50px;
background-image: url('/wp-content/themes/umtoday_ver5_1/img/r-quote.png');
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: center;
margin: 0 auto;
}
blockquote.magazine-blockquote-fullwidth .citation, div.blockquote-box-wrap div.blockquote-box p.quote-author {
font-size: 22px;
text-align: center;
display: block;
font-style: italic;
margin-top: 10px;
}
.blockquote-box-wrap .blockquote-box .quote-author {
font-size: 22px;
text-align: center;
display: block;
font-style: italic;
margin-top: 10px;
}
@media screen and (max-width: 770px) {
#silo article blockquote.magazine-blockquote-fullwidth {
width: 100%;
}
#main.single-feature .feature-content > article blockquote.magazine-blockquote-fullwidth {
font-size: 30px;
width: 100%;
font-weight: 600;
float: none;
display: block;
font-style: normal;
}
blockquote.magazine-blockquote-fullwidth .quote-before {
display: block;
width: 50px;
height: 50px;
background-image: url('/wp-content/themes/umtoday_ver5_1/img/l-quote.png');
background-size: 50px 50px;
background-position: center;
margin: 0 auto;
}
blockquote.magazine-blockquote-fullwidth .quote-after {
display: block;
width: 50px;
height: 50px;
background-image: url('/wp-content/themes/umtoday_ver5_1/img/r-quote.png');
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: center;
margin: 0 auto;
}
@media screen and (max-width: 770px) {
#main.single-feature .feature-content > article blockquote.magazine-blockquote-fullwidth {
width: 100%;
}
.mag-hr { width: 20%; border-top: solid 3px #000; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }