.tag-description { margin-bottom: 20px; }

.tile-container .tile, .tile-container .grid-sizer { width: 255px; }

.tile-container .tile {
    margin-bottom: 20px;
    border-radius: 10px;
    color: #000;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .3);
}
.tile-container .tile .image img {
    width: 100%;
    height: auto;
}

.tile-container .tile .perex {
    padding: 15px;
}

.tile-container .tile .research-team {
    font-size: 18px;
    padding: 0 15px;
    margin: 0;
    color: #bfbfbf;
}

.tile-container .tile:hover .research-team {
    color: #fff;
}

.tile-container .tile .research-team a {
    color: #bfbfbf;
}

.tile-container .tile:hover .research-team a,
.tile-container .tile.hovered .research-team a {
    color: #fff;
}

.tile-container .tile hr {
    margin-top: 0;
    margin-bottom: 10px;
    border-color: #000;
    opacity: .3;
}

.tile-container .tile h2 {
    margin-top: 0;
    padding: 0 15px;
    font-weight: 300;
    font-size: 18px;
}
.tile-container .tile.size-2 {
    width: 530px;
}
.tile-container .tile.size-3 {
    width: 805px;
}

.tile-container .tile.link:hover, .static-tile.link:hover { cursor: pointer; }
.tile-container .tile.link.hovered, .static-tile.link:hover  { cursor: pointer; }

.blue .tile-container .tile:hover { background-color: #6096b7; }
.blue .tile-container .tile.hovered { background-color: #6096b7; }
.blue .tile-container .tile h2 > * { color: #6096b7; }
.tile-container .tile.blue:hover { background-color: #6096b7; }
.tile-container .tile.blue.hovered { background-color: #6096b7; }
.tile-container .tile.blue h2 > * { color: #6096b7; }

.green .tile-container .tile:hover { background-color: #80a35c; }
.green .tile-container .tile.hovered { background-color: #80a35c; }
.green .tile-container .tile h2 > * { color: #80a35c; }
.tile-container .tile.green:hover { background-color: #80a35c; }
.tile-container .tile.green.hovered { background-color: #80a35c; }
.tile-container .tile.green h2 > * { color: #80a35c; }

.red .tile-container .tile:hover { background-color: #bf3530; }
.red .tile-container .tile.hovered { background-color: #bf3530; }
.red .tile-container .tile h2 > * { color: #bf3530; }
.tile-container .tile.red:hover { background-color: #bf3530; }
.tile-container .tile.red.hovered { background-color: #bf3530; }
.tile-container .tile.red h2 > * { color: #bf3530; }

.yellow .tile-container .tile:hover { background-color: #cfa044; }
.yellow .tile-container .tile.hovered { background-color: #cfa044; }
.yellow .tile-container .tile h2 > * { color: #cfa044; }
.tile-container .tile.yellow:hover { background-color: #cfa044; }
.tile-container .tile.yellow.hovered { background-color: #cfa044; }
.tile-container .tile.yellow h2 > * { color: #cfa044; }

.pink .tile-container .tile:hover { background-color: #c77396; }
.pink .tile-container .tile.hovered { background-color: #c77396; }
.pink .tile-container .tile h2 > * { color: #c77396; }
.tile-container .tile.pink:hover { background-color: #c77396; }
.tile-container .tile.pink.hovered { background-color: #c77396; }
.tile-container .tile.pink h2 > * { color: #c77396; }

.tile-container .tile:hover h2 > * { color: #fff; }
.tile-container .tile h2 *:hover { color: inherit; text-decoration: none; }
.tile-container .tile.hovered h2 > * { color: #fff; }
.tile-container .tile h2 *.hovered { color: inherit; text-decoration: none; }

.tile-container .tile:hover, .tile-container .item:hover h2 { color: #fff; }
.tile-container .tile.no-category:hover, .tile-container .item.no-category:hover h2 { color: #000; }
.tile-container .tile.hovered, .tile-container .item.hovered h2 { color: #fff; }
.tile-container .tile.no-category.hovered, .tile-container .item.no-category.hovered h2 { color: #000; }

.page .logo {
    display: block;
}
.page .logo:hover {
    text-decoration: none;
}
.tile-container .logo.wide {
    padding: 10px 20px;
    background: #387099 url(../img/fel-logo-w-text.png) 90% 85% no-repeat;
    color: #fff;
}
.tile-container .tile.logo.green, .green .tile.logo { background: #80a35c; }
.tile-container .tile.logo.pink, .pink .tile.logo { background: #c77396; }
.tile-container .tile.logo.blue, .blue .tile.logo { background: #6096b7; }
.tile-container .tile.logo.yellow, .yellow .tile.logo { background: #cfa044; }
.tile-container .tile.logo.red, .red .tile.logo { background: #bf3530; }

.tile-container a.logo:hover { text-decoration: none; }

.news-tile div {
    font-size: 14px;
    padding: 10px 0;
}

.footer-left p {
    margin: 0;
}

/* homepage static tiles */
.homepage-static-tiles {
	border: 0 !important;
	margin-bottom: 0 !important;
}
.homepage-logo-tile {
	display: block;
	margin-bottom: 20px;
	border-radius: 10px;
	color: #000;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,.3);
}
.static-tile {
	float: left;
	width: 255px;
	margin-bottom: 20px;
	border-radius: 10px;
	color: #000;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .3);
}
.static-tile:nth-child(2) {
	margin-right: 20px !important;
}

.green .tile-container .static-tile:hover { background-color: #80a35c; }
.green .tile-container .static-tile.hovered { background-color: #80a35c; }
.green .tile-container .static-tile h2 > * { color: #80a35c; }
.tile-container .static-tile.green:hover { background-color: #80a35c; }
.tile-container .static-tile.green.hovered { background-color: #80a35c; }
.tile-container .static-tile.green h2 > * { color: #80a35c; }

.red .tile-container .static-tile:hover { background-color: #bf3530; }
.red .tile-container .static-tile.hovered { background-color: #bf3530; }
.red .tile-container .static-tile h2 > * { color: #bf3530; }
.tile-container .static-tile.red:hover { background-color: #bf3530; }
.tile-container .static-tile.red.hovered { background-color: #bf3530; }
.tile-container .static-tile.red h2 > * { color: #bf3530; }

.tile-container .static-tile:hover h2 > * { color: #fff; }
.tile-container .static-tile h2 *:hover { color: inherit; text-decoration: none; }
.tile-container .static-tile.hovered h2 > * { color: #fff; }
.tile-container .static-tile h2 *.hovered { color: inherit; text-decoration: none; }

/* xs devices with 1 column tile layout */
@media (max-width: 574px) {
    .tile-container {
        width: 100%;
        margin: 0 auto;
    }
    .tile-container .tile,
    .tile-container .tile.size-2,
    .tile-container .tile.size-3,
    .tile-container .static-tile {
        width: 100%;
    }
    .tile.logo h2 {
        font-size: 36px;
    }
    .tile.logo .page-header {
        margin-top: 0;
        margin-bottom: 100px;
    }

    .sidebar .tile,
    .sidebar .grid-sizer { width: 100%; }
}

@media (min-width: 992px) {
    .sidebar .tile,
    .sidebar .grid-sizer { width: 100%; }

}