/* Layout alterations */

/* Icon styling */
img.icon {display: inline-block; width: 1em; height: 1em; position: relative; top: 0.15em;}
.content__side-nav>ul>li .side-nav:before {
 content: url('/images/icons/dropdown.svg');
 width: 0.75rem;
 height: 0.75rem;
 position: absolute;
 top: 1rem;
 right: 0;
}

/* Top navigation */
.header__mainNav {opacity: 1.0;}
.header__mainNav .header__mainNav--main {transition: height 0.3s ease-out;}
.header__mainNav .header__mainNav--tabs .is-active-tab span {padding-right: 0.3em;}
@media (max-width: 990px) {
    /* On mobile, don't show menu icon on active tab, there is already a mobile menu button */
    .header__mainNav .header__mainNav--tabs .is-active-tab span {display: none;}
}

/* Side navigation */
.content__side-nav > ul > li a {padding-left: 1rem;}
.content__side-nav a.current {background: #eee; color: #000;}

/* Breadcrumbs */
.content__main .content__breadcrumb {display: flex; justify-content: flex-start; background: none; padding: 0 0 1rem 0; opacity: 0.7;}
.content__main .content__breadcrumb ul {display: flex; flex-flow: row wrap;}
.content__main .content__breadcrumb ul li {font-size: 1rem;}


/* Special content groups */

/* iframes */
.content__main iframe {
    width: 100% !important;
    border: none;
}

/* Info banners (e.g. on-campus writing lab reminder) */
.owl_info_banner {background-color: #ebd99f; padding: 1rem; margin-bottom: 1rem;}
.owl_info_banner p:last-child {margin-bottom: 0;}

/* Tile links */
.tile-links ul {margin: 2rem 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; gap: 1.5rem;}
li.tile-link {display: block; box-sizing: border-box; width: 30%; min-width: 200px; padding: 1rem; box-shadow: 5px 5px 1rem #888; transition: box-shadow 0.2s;}
li.tile-link:hover {box-shadow: 0px 0px 0.7rem #ccc;}
li.tile-link a {display: block; width: 100%; height: 100%; font-weight: normal; text-decoration: none;}
h3.tile-title {color: #8e6f3e; font-size: 1.5rem; font-weight: bold; font-family: acumin-pro-semi-condensed, "Franklin Gothic", sans-serif; margin: 0 0 1rem 0;}
p.tile-description {font-size: 0.9rem; line-height: normal;}