@import url('https://fonts.googleapis.com/css?family=Lora:400,700;Roboto:400,500,700');

body {
    font-family: 'Lora', serif;
}

a {
    color: #024794;
    text-decoration: none;
}
a:hover {
    color: #016ee8;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #c60;
    font-weight: normal;
}

.wp-caption {
    padding: 15px 20px;
    border: 1px solid #d2d2d2;
    clear: right;
}
.wp-caption > .wp-caption-text {
    margin: 1em 0 0 0;
    font-size: 12px;
    color: #666;
}

.alignright {
    margin-left: 15px;
    margin-bottom: 10px;
}
.alignleft {
    margin-right: 15px;
    margin-bottom: 10px;
}


/* MAIN MENU
================================================== */
#zone-main-menu {
    background: #bac7d5;
}

#zone-main-menu .mfwMenu .hamburger-header h3 {
    display: none;
}

#zone-main-menu .mfwMenu.responsive .hamburger-header h3 {
    display: block;
}
#zone-main-menu .mfwMenu .hamburger-header h3 .fa {
    padding-right: 0.9375rem;
}

#zone-main-menu .mfwMenu ul {
    margin: 0 -5px;
    padding: 0;
}

#zone-main-menu .mfwMenu ul li {
    display: inline;
    position: relative;
    float: left;
    white-space: nowrap;
    line-height: 1em;
    padding: 0;
}

#zone-main-menu .mfwMenu ul li a {
    display: block;
    padding: 15px 0;
    margin-right: 1px;
    color: #024794;
    font-size: 15px;
    text-decoration: none;
}

#zone-main-menu .mfwMenu ul li:hover > a {
    background: #6284a7;
    color: #fff;
}

#zone-main-menu .mfwMenu > ul > li > a > span {
    display: block;
    padding: 0 20px;
    margin-left: -1px;
}
#zone-main-menu .mfwMenu > ul > li + li > a > span {
    border-left: 1px solid #fff;
}

#zone-main-menu .mfwMenu > ul > li.menu-item-has-children > a > span:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    margin-left: 10px;
}

#zone-main-menu .mfwMenu > ul > li:first-child {
    padding-left: 5px;
}

#zone-main-menu .mfwMenu ul li.menu-item-home a {
    font-size: 19px;
    padding: 13px 20px;
}

#zone-main-menu .mfwMenu ul li.menu-item-home a:before {
    content: "\f015";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#zone-main-menu .mfwMenu ul li.menu-item-home a span {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

#zone-main-menu .main-menu {
    xfloat: left;
}


#zone-main-menu .social {
    float: right;
}
#zone-main-menu .mfwMenu .social li {
    padding: 9px 5px 8px 5px;
}
#zone-main-menu .mfwMenu .social li a {
    padding: 0;
    width: 27px;
    line-height: 27px;
    border-radius: 50%;
    background: #757575;
    color: #fff;
    text-align: center;
    transition: background .1s linear;
}

/* responsive */
#zone-main-menu .mfwMenu.responsive .hamburger-header {
    color: #000;
}
#zone-main-menu .mfwMenu.responsive .hamburger-header h3 {
    color: #024794;
}
#zone-main-menu .mfwMenu.responsive a.hamburger-header:hover h3 {
    color: #000;
}

#zone-main-menu .mfwMenu.responsive > ul {
    margin: 0 -0.9375rem;
}
#zone-main-menu .mfwMenu.responsive > ul > li:first-child {
    padding: 0;
}

#zone-main-menu .mfwMenu.responsive > ul > li + li > a > span {
    border-left: 0;
}

#zone-main-menu .mfwMenu.responsive > ul > li.menu-item-has-children > a > span:after {
    content: '';
}
#zone-main-menu .mfwMenu.responsive > ul > li:hover .sub-menu {
    display: none;
}

/* social */
#widget-header .social {
    margin: 0;
    padding: 15px 0 0 0;
    list-style: none;
    text-align: right;
}
#widget-header .social li {
    display: inline-block;
}
#widget-header .social li a {
    display: block;
    padding: 0;
    width: 27px;
    line-height: 27px;
    border-radius: 50%;
    background: #dadada;
    background: #ffcb0b;
    color: #555;
    text-align: center;
    transition: background .1s linear;
}
#widget-header .social li a:hover {
    background: #555;
    background: #00274c;
    color: #fff;
    text-decoration: none;
}
#widget-header .social li.subscribe {
    float: left;
}
#widget-header .social li.subscribe a {
    display: inline-block;
    float: left;
    clear: left;
    width: auto;
    border-radius: 2px;
    padding: 0 10px;
    font-size: 15px;
    text-transform: lowercase;
}
#widget-header .social li.update {
    display: block;
    clear: both;
}
#widget-header .social li.update a {
    width: auto;
    font-size: 12px;
    background: 0;
    padding: 0;
    text-align: left;
}
#widget-header .social li.update a:hover {
    color: #000;
    text-decoration: underline;
}


/* sub-menu */
#zone-main-menu .mfwMenu .sub-menu {
    display: none;
}
#zone-main-menu .mfwMenu > ul > li:hover .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    margin: 0;
    width: 250px;
    background: #595959;
}
#zone-main-menu .mfwMenu > ul > li:hover .sub-menu li {
    display: block;
    float: none;
}
#zone-main-menu .mfwMenu > ul > li:hover .sub-menu li a {
    padding: 12px 18px;
    color: #fff;
    font-size: 14px;
}
#zone-main-menu .mfwMenu > ul > li:hover .sub-menu li:hover a {
    background: #486380;
}


/* responsive menu version */
#zone-main-menu .mfwMenu.responsive ul li {
    display: block;
    float: none;
}


/** BRANDING **/
#zone-header-branding {
    padding: 10px 0;
}
#zone-header-branding .logo {
    margin: 0;
}


/** SEARCH **/
#zone-header-branding .widget_search .search-form {
    position: relative;
    margin-top: 45px;
    margin-top: 15px;
    border: 1px solid #ccc;
    line-height: 1;
}
#zone-header-branding .widget_search .search-form input {
    display: block;
    padding: 0 45px 0 10px;
    border: none;
    line-height: 33px;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
}
#zone-header-branding .widget_search .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    margin: -1px 0;
    line-height: 35px;
    border-left: 1px solid #ccc;
}

/** SLOGAN **/
#zone-header-slogan {
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    color: #696868;
}
#zone-header-slogan .slogan {
    margin: 0;
    border-top: 2px solid #ffcb0b;
    border-bottom: 2px solid #ffcb0b;
}


/** CONTENT **/
#content {
    padding-bottom: 40px;
}


/* callout */
#content .callout {
    position: relative;
    padding: 20px;
    margin: 1em 20px;
    border: 1px solid #ddd;
    background: #efefef;
    font-family: 'Roboto', sans-serif;
}
#content .callout:before {
    content: "\f069";
    content: "\f02e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    top: 5px;
    left: 8px;
    color: #999;
    font-size: 40px;
    opacity: 0.2;
}
#content .callout.left,
#content .callout.right {
    max-width: 50%;
}
#content .callout.left {
    float: left;
    margin-left: -1.5rem;
}
#content .callout.right {
    float: right;
    margin-right: -0.5rem;
}
#content .callout h1,
#content .callout h2,
#content .callout h3,
#content .callout h4,
#content .callout h5,
#content .callout h6 {
    margin-top: 0;
}

#content blockquote {
    padding: 0;
    margin: 0;
    color: #c60;
    font-style: italic;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.1;
}


/* accordion */
.mfw-accordion > label {
    padding: 10px 30px 10px 10px;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
.mfw-accordion > input[type="checkbox"] + label:after,
.mfw-accordion > label:after {
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    margin-right: -20px;
}
.mfw-accordion > input[type="checkbox"]:checked + label:after {
    content: "\f068";
}
.mfw-accordion > input[type="checkbox"]:checked ~ .mfw-accordion-content-wrap {
    background: #fafafa;
    border: 1px solid #efefef;
    border-color: #eee;
}
.mfw-accordion > input[type="checkbox"]:checked ~ .mfw-accordion-content-wrap p:first-child {
    margin-top: 0;
}

/** CONTENT **/


/** SIDEBAR **/
#content .sidebar {
    font-size: 13px;
}

#content .sidebar .post-meta dt {
    padding: 0 5px;
}

#content .sidebar .post-meta dt,
#content .sidebar h4 {
    margin: 0;
    color: #555;
    font-size: 15px;
    text-transform: uppercase;
}
#content .sidebar .category-list {
    padding: 20px;
    margin-top: 50px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
}
#content .sidebar .category-list:first-child {
    margin-top: 10px;
}
#content .sidebar .category-list ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}
#content .sidebar .category-list ul li {
    padding: 8px 0;
    line-height: 1;
    break-inside: avoid;
    border-bottom: 1px dotted #c60;
}
#content .sidebar .category-list ul li + li {
}
/** END SIDEBAR **/


/** PAGINATION **/
#content .page-numbers {
    margin: 0;
    padding: 20px 0 40px 0;
    list-style: none;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
#content .page-numbers li {
    display: inline-block;
}
#content .page-numbers li > span,
#content .page-numbers li > a {
    display: block;
    padding: 5px 8px;
    color: #555;
    text-transform: uppercase;
}
#content .page-numbers li > span.current,
#content .page-numbers li > a:hover {
    background: #ffcb05;
    color: #555;
    text-decoration: none;
}
#content .page-numbers li .fa {
    color: #024794;
}
#content .page-numbers li .prev .fa {
    margin-right: 5px;
}
#content .page-numbers li .next .fa {
    margin-left: 5px;
}
/** END PAGINATION **/


/** POST ARCHIVE **/
body.archive .catTitle {
    font-size: 40px;
}

#posts.tiles {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
#posts.tiles > li {
    display: inline-block;
    float: left;
    width: 33.33333%;
    padding: 10px;
}
#posts.tiles > li .postWrapper {
    border: 1px solid #ccc;
    border-top: 6px solid #bac7d5;
}
#posts.tiles > li .postWrapper .featured-image {
    margin: 0 -1px;
    padding-bottom: 20px;
    min-height: 127px;
    overflow: hidden;
}
#posts.tiles > li .postWrapper .featured-image img {
    xheight: 127px;
    width: 100%;
}
#posts.tiles > li .postWrapper .postTitle,
#posts.tiles > li .postWrapper .excerpt,
#posts.tiles > li .postWrapper .post-categories {
    margin: 0 10px;
}
#posts.tiles > li .postWrapper .postTitle {
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px dotted #999;
}
#posts.tiles > li .postWrapper .postTitle a {
    display: block;
    padding: 10px 0;
}
#posts.tiles > li .postWrapper .excerpt {
    font-size: 15px;
}
#posts.tiles > li .postWrapper .post-categories {
    padding: 10px 0 0 0;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    font-size: 12px;
    border-top: 1px dotted #999;
    font-family: 'Roboto', sans-serif;
}
#posts.tiles > li .postWrapper .post-categories li {
    display: inline;
}
#posts.tiles > li .postWrapper .post-categories li + li:before {
    content: ' | ';
}
/** END POST ARCHIVE **/


/** SEARCH **/
body.search-results #posts.tiles > li {
    width: 25%;
}
/** END SEARCH **/


/** SINGLE POST **/
#post {
    padding-bottom: 50px;
}

#post .post-meta {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
#post .post-meta dd {
    margin: 0;
    padding: 10px 5px;
}
#post .post-meta dt:first-child + dd {
    padding-top: 0;
}
#post .post-meta dd + dt + dd {
    border-top: 1px solid #e3e3e3;
}
#post .post-meta dd.social a {
    font-size: 18px;
}
#post .post-meta dd.social a {
    display: inline-block;
    min-width: 23px;
    text-align: center;
}

#post .postMeta {
    padding-bottom: 1em;
    font-size: 13px;
}
#post .postMeta .post-meta dt {
    float: left;
    margin-right: 5px;
    font-weight: bold;
}
#post .postMeta .post-meta dd {
    padding: 0;
}
#post .postMeta .post-meta dd + dt + dd {
    border: none;
}
#post .postMeta h4 {
    display: inline-block;
    margin: 0;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
}


#post .author img {
    margin-top: 10px;
}
#post .author .bio {
    margin-top: 10px;
}
#post .author .bio .author-name {
    color: #ac5600;
    font-weight: bold;
}

#post .postTitle {
    font-size: 40px;
    font-weight: 400;
    border-bottom: 1px solid #e3e3e3;
}

#post .featured-image img {
    width: 100%;
}

#post .soundcloud-podcast {
    padding: 20px 0;
}


/** COMMENTS **/
#comments {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
#comments h3 {
    padding: 10px 18px;
    background: #eae6db;
    border-top: 1px dotted #999;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
}

#comments #comment-pending {
    padding: 15px;
    margin: 10px 0;
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffeeba;
    font-weight: bold;
    text-align: center;
}

#comments .commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .commentlist li {
    padding: 10px 0;
}
#comments .commentlist li + li {
    border-top: 1px dotted #999;
}

#comments .commentlist .comment h6 {
    margin: 0;
    color: #868686;
    font-size: 16px;
    font-weight: normal;
}

#comments .commentlist .comment .comment-text p:first-child {
    margin-top: 0;
}

#comments .commentlist .comment .reply {
    display: none;
    text-align: right;
    margin: 0;
}

#comments .commentlist .comment .children {
    margin: 0;
    padding: 15px 0 0 40px;
    list-style: none;
}
#comments .commentlist .comment .children,
#comments .comment #respond {
    background-repeat: no-repeat;
    background-position: -15px 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAB1ElEQVRoge2Z3W0TQRRGjxHvDg1cuQNcwqYClApiKoB04A6ACgwdmA7SgdMB5KsgqcA8eEFrNLuLs/PZGjRH8oM1P9dHV/Nzx7P9fs//yqtL/wAnVa5UqlypVLlSqXKlUuVKxS4naSXpsztOipnz4ixpBWzar98iYmULlsCWub/EAG4lfXTFS2HJXEKsy/uI+Jo9aILsmRsRA9i0fexkzZykJbD7x+72DGbLXCt2f8IQewazyHXE5icOtQpOlpsg9hub4KQ1l0Gsy01EbDPM84cXy2UWA3gGmoh4yDQfryeMbYBPPW3rkbF97Q2QTc51iP8AFn3tETHLHjSB6/r1aJr3JFxyP4caJTWmuEe45MbWzdIU9wiX3NiW3pjiHmGr5yTtGM7Qm4h4sgRvcVbiX0ba7bWduxIfOhKegYUze+43lLuBtjnm7FkzByBpA6wGulxHxL0j9jme9u4YPhq2khaOwHa5dk1d0y84xyR4lkfZjmDf+fcWeGgrjWyc7cU5Ip4i4obDJpLaIefATtI6V0z7hpJC0hXwgYPoVaLLI4eyaDvlqLiIXBdJ7zhcx5btpyv7HVi/tIC9uJyT+i9PqVS5UqlypVLlSqXKlUqVK5UqVyq/ACixsBOQNBckAAAAAElFTkSuQmCC);
}
#comments .commentlist .comment .children li {
    border-top: 1px dotted #ddd;
}


#comments .comment #respond {
    padding-left: 40px;
}

#comments #respond > h3 small {
    float: right;
    text-transform: initial;
}

#comments #commentform label {
    font-weight: bold;
    color: #555;
}
#comments #commentform label .note {
    font-weight: normal;
    font-style: italic;
}

#comments #commentform input,
#comments #commentform textarea {
    padding: 5px;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d2d2d2;
}
#comments #commentform input {
    max-width: 400px;
}

#comments #commentform .form-submit {
    text-align: right;
}
#comments #commentform .form-submit input[type="submit"] {
    padding: 6px 18px;
    width: auto;
    background: #c60;
    color: #fff;
    border: none;
}
#comments #commentform .form-submit input[type="submit"]:hover {
    background: #DE6F00;
}


/** HOMEPAGE **/
body.home #content .featured-post {
    margin: 10px 0;
    background: #333;
    color: #fff;
}
body.home #content .featured-post img {
    float: left;
    width: 60%
}
body.home #content .featured-post .content {
    float: left;
    width: 40%;
}
body.home #content .featured-post .content > div {
    padding: 40px 40px;
}
body.home #content .featured-post .content .postTitle {
    margin: 0;
    font-size: 30px;
    line-height: 1.3;
    padding-bottom: 10px;
}
body.home #content .featured-post .content .postTitle a {
    color: #ffcb05;
}

body.home #content .featured-post .post-categories {
    padding: 10px 0 0 0;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    font-size: 12px;
    border-top: 1px dotted #999;
    font-family: 'Roboto', sans-serif;
}
body.home #content .featured-post .post-categories li {
    display: inline;
}
body.home #content .featured-post .post-categories li + li:before {
    content: ' | ';
}
body.home #content .featured-post .post-categories li a {
    color: #bbb;
}


/** stacked featured-post layout overrides **/
body.home #content .main-content .featured-post .content {
    float: none;
    width: auto;
}
body.home #content .main-content .featured-post .content > div {
    padding: 30px 40px;
}
body.home #content .main-content .featured-post .content .postTitle {
    line-height: 1;
}
body.home #content .main-content .featured-post img {
    float: none;
    width: auto;
}


body.home #posts.tiles {
    margin-bottom: -20px;
}
body.home #posts.tiles + .page-numbers {
    margin-top: 40px;
}


/* featured columns */
body.home #featured-columns {
    margin-top: 10px;
    padding: 15px;
    background: #efeeeb;
}
body.home #featured-columns h4 {
    margin: 0;
    color: #002144;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
body.home #featured-columns ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.home #featured-columns ul li {
    padding: 15px 0 30px 0;
}
body.home #featured-columns ul li + li {
    padding-top: 30px;
    border-top: 1px dotted #97c0ea;
}
body.home #featured-columns ul li .category {
    display: block;
    color: #535353;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
body.home #featured-columns ul li h5 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 1.2;
}
body.home #featured-columns ul li .featured-image {
    float: right;
}
body.home #featured-columns ul li .excerpt {
    padding-right: 71px;
    font-size: 15px;
    line-height: 1.3;
}
body.home #featured-columns ul li .excerpt p {
    margin: 0;
}

/* podcasts */
body.home #podcasts {
    xmargin-top: 30px;
    xpadding: 25px 0;
    margin: 30px 0;
    padding: 10px;
    background: #bac7d5;
}
body.home #podcasts > h3 {
    margin: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
    color: #00274c;
}
body.home #podcasts > h3 a {
    color: #00274c;
    border-bottom: 1px dotted;
}
body.home #podcasts > h3 a:hover {
    text-decoration: none;
    border-color: transparent;
}

/* In The News */
body.home #in-the-news {
    padding: 25px;
    border: 1px solid #ddd;
    background: #f5f5f5;
}
body.home #in-the-news > h3 {
    margin: 0;
    text-transform: capitalize;
}
body.home .umich-news.in-the-news .news-items {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    line-height: 1.2;
    font-size: 15px;
}
body.home .umich-news.in-the-news .news-items > li {
    display: inline-block;
    float: left;
    width: 33%;
    padding: 10px;
}
body.home .umich-news.in-the-news .news-items > li + li {
    border-left: 1px solid #ccc;
}
body.home .umich-news.in-the-news .news-items > li a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
body.home .umich-news.in-the-news .news-items > li a:hover {
    border-bottom: 1px dotted #999;
}
body.home .umich-news.in-the-news .news-items .outlet {
    color: #000;
    border: none;
    padding-bottom: 5px;
}


/* gallery */
body.home .mtgallery {
    margin: 25px 0;
}
/** END HOMEPAGE **/


/** ALUMNI NOTES **/
#content #alumni-notes {
    margin: -15px 0 0 0;
    padding: 0;
    list-style: none;
}
#content #alumni-notes > li {
    padding: 15px 0;
}
#content #alumni-notes > li + li {
    border-top: 1px dotted #999;
}
#content #alumni-notes > li .noteAuthor {
    margin: 0;
    color: #000;
}
#content #alumni-notes > li .note {
    margin-top: 10px;
}
#content #alumni-notes > li .note p {
    margin: 0;
}
/** END ALUMNI NOTES **/


/** ALUMNI MEMORIES **/
#content #alumni-memories {
    margin: -15px 0 0 0;
    padding: 0;
    list-style: none;
}
#content #alumni-memories > li {
    padding: 15px 0;
}
#content #alumni-memories > li + li {
    border-top: 1px dotted #999;
}
#content #alumni-memories > li .memoryTitle {
    margin: 0;
    color: #000;
}
#content #alumni-memories > li .memory {
    margin-top: 10px;
}
#content #alumni-memories > li .author {
    list-style: none;
}
/** END ALUMNI MEMORIES **/


/** ALUMNI BOOKS **/
#content #alumni-books {
    margin: -15px 0 0 0;
    padding: 0;
    list-style: none;
}
#content #alumni-books > li {
    padding: 15px 0;
}
#content #alumni-books > li + li {
    border-top: 1px dotted #999;
}
#content #alumni-books > li h3,
#content #alumni-books > li h4 {
    color: #000;
}
#content #alumni-books > li h4 {
    font-weight: normal;
}
#content #alumni-books > li .featured-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
/** END ALUMNI BOOKS **/



/** PODCASTS ARCHIVE **/
body.category-podcast #posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.category-podcast #posts > li {
    padding: 15px 0;
}
body.category-podcast #posts > li + li {
    border-top: 1px solid #ccc;
}
body.category-podcast #posts > li .postTitle {
    margin: 0;
    padding-bottom: 10px;
}
body.category-podcast #posts > li .excerpt {
    padding-top: 10px;
    font-size: 15px;
}
body.category-podcast #posts > li .excerpt p {
    margin: 0;
}
/** END PODCASTS ARCHIVE **/


/** CATEGORY LIST **/
#content .topics-list > ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
#content .topics-list > ul > li {
    float: left;
    width: 33.3333%;
    padding: 10px;
}
#content .topics-list > ul > li > .catWrapper {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 6px solid #bac7d5;
}
#content .topics-list > ul > li > .catWrapper h3 {
    margin: 0;
    padding-bottom: 20px;
    line-height: 1.2;
}
#content .topics-list > ul > li > .catWrapper h3 a {
    color: #c60;
}
#content .topics-list > ul > li > .catWrapper .posts {
    padding: 0;
    list-style: none;
    font-size: 15px;
}
#content .topics-list > ul > li > .catWrapper .posts li {
    padding: 5px 0;
}
#content .topics-list > ul > li > .catWrapper .posts li + li {
    border-top: 1px solid #ccc;
}
/** END TOPICS LANDING **/


/** GALLERIES **/
body.post-type-archive-gallery #content #posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.post-type-archive-gallery #content #posts > li {
    padding: 30px 0;
}
body.post-type-archive-gallery #content #posts > li + li {
    border-top: 1px solid #ccc;
}
body.post-type-archive-gallery #content #posts > li .postTitle {
    margin: 0;
}
body.post-type-archive-gallery #content #posts > li .content {
    font-size: 15px;
}
body.post-type-archive-gallery #content #posts > li .slides {
    margin: 0;
    padding: 15px 0 0 0;
    list-style: none;
}
body.post-type-archive-gallery #content #posts > li .slides > li {
    display: inline-block;
}
/** END GALLERIES **/

#gallery {
    padding-top: 10px;
}

/** GALLERY **/
.mtgallery {
    position: relative;
    padding: 40px;
    background: #444;
    color: #fff;
    font-size: 15px;
}
.mtgallery a {
    color: #ffcb05;
}
.mtgallery .galleryTitle {
    margin: 0;
    color: #ffcb05;
    line-height: 1.1;
}
.mtgallery .galleryDescription {
    margin-top: 20px;
    padding-bottom: 20px;
}
.mtgallery .gallerySlides {
    position: relative;
    background: #000;
    margin: -40px;
    padding: 40px 40px 50px 40px;
}
.mtgallery.mtgallery-type--full .gallerySlides {
    margin-top: 0;
}
.mtgallery .gallerySlides ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mtgallery .gallerySlides .slideContent {
    width: 50%;
    float: right;
    padding-left: 20px;
}
.mtgallery .gallerySlides .slideImage {
    width: 50%;
    float: left;
    text-align: center;
}
.mtgallery .gallerySlides .slideTitle {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    color: #ffcb05;
}
.mtgallery .gallerySlides .slideDescription {
    margin-top: 15px;
}
.mtgallery .gallerySlides .slideImage a {
    display: inline-block;
}
.mtgallery .gallerySlides .slideImage.slideImgOrientation-portrait a img {
    max-height: 300px;
    width: auto;
    margin: 0 auto;
}


.mtgallery .slideNavPager ul {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.mtgallery .slideNavPager .slideNav {
    top: 50%;
    margin-top: -0.5em;
    font-size: 25px;
}
.mtgallery .slideNavPager .slideNav a:hover {
    color: #ccc;
}
.mtgallery .slideNavPager .slideNav .prev {
    position: absolute;
    left: 12px;
}
.mtgallery .slideNavPager .slideNav .next {
    position: absolute;
    right: 12px;
}

.mtgallery .slideNavPager .slidePager {
    bottom: 11px;
    font-size: 12px;
    text-align: center;
}
.mtgallery .slideNavPager .slidePager > li {
    display: inline-block;
    padding: 0 5px;
}
.mtgallery .slideNavPager .slidePager a {
    color: #ccc;
}
.mtgallery .slideNavPager .slidePager .active a,
.mtgallery .slideNavPager .slidePager a:hover {
    color: #ffcb05;
}

.mtgallery.active .slides {
    position: relative;
}
.mtgallery.active .slides > li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
/** END GALLERY **/



/** FOOTER **/
#zone-footer #footer-content {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #dadada;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    border-top: 7px solid #003e78;
}

#zone-footer #footer-umichlogo {
    float: left;
    width: 110px;
}

#zone-footer #footer-content-wrapper {
    margin-left: 120px;
}

#zone-footer #footer-content-wrapper .footer-menu {
    float: left;
    columns: 3;
    column-gap: 50px;
    padding: 0;
    margin: 0 0 30px 0;
    min-height: 100px;
    list-style: none;
}

#zone-footer #footer-content-wrapper .footer-menu li {
    border-bottom: 1px dotted #8b8b8b;
    padding: 6px 0;
    break-inside: avoid;
}

#zone-footer #footer-content-wrapper .footer-menu li a {
}

#zone-footer #footer-content-wrapper .copyright {
    clear: both;
}


 
@media screen and (min-width: 64rem) {
    body.home #content .main-content .columns + .columns {
        padding-left: 0;
    }
}

@media screen and (max-width: 63.9375rem) {
    body.home #featured-columns ul li {
        position: relative;
        padding-right: 70px;
    }

    body.home #featured-columns ul li + li {
        padding-top: 15px;
    }

    body.home #featured-columns ul li .featured-image {
        position: absolute;
        top: 36px;
        right: 0;
    }

    #content .sidebar .category-list ul {
        columns: 2;
    }
}

@media screen and (max-width: 960px) {
    body.search-results #posts.tiles > li {
        width: 33%;
    }
}

@media screen and (max-width: 800px) {
    .mtgallery .gallerySlides .slideContent {
        width: auto;
        float: none;
        padding-left: 0;
    }
    .mtgallery .gallerySlides .slideImage {
        width: auto;
        float: none;
        text-align: center;
    }
    .mtgallery .gallerySlides .slideImage.slideImgOrientation-portrait a img {
        max-height: inherit;
    }
}

@media screen and (max-width: 740px) {
    body.home #content .featured-post img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    body.home #content .featured-post .content {
        float: none;
        width: auto;
    }

    #zone-footer #footer-content-wrapper .footer-menu {
        columns: 2;
    }
}

@media screen and (max-width: 39.9375rem) {
    body.search-results #posts.tiles > li,
    #posts.tiles > li {
        width: 50%;
    }

    body.home .umich-news.in-the-news .news-items > li {
        float: none;
        width: auto;
    }
    body.home .umich-news.in-the-news .news-items > li + li {
        border-left: none;
        border-top: 1px solid #ccc;
    }


    #content .topics-list > ul > li {
        width: 50%;
    }

    #content .sidebar .category-list ul {
        columns: 1;
    }
}

@media screen and (max-width: 460px) {
    body.search-results #posts.tiles > li,
    #posts.tiles > li {
        float: none;
        width: 100%;
    }

    body.home #content .featured-post .content > div {
        padding: 25px 20px;
    }


    #content .topics-list > ul > li {
        float: none;
        width: 100%;
    }


    #zone-footer #footer-umichlogo {
        float: none;
        margin: 0 auto;
    }

    #zone-footer #footer-content-wrapper {
        margin-left: 0;
        margin-top: 40px;
    }

    #zone-footer #footer-content-wrapper .footer-menu {
        float: none;
        column-gap: 20px;
    }
}