/** Alert if on **/
i.fa.fa-exclamation-triangle {
    font-size:1.4em;
}
.alert.alert-content + #qg-primary-content {
    margin-top:2rem;
}
.alert.alert-content {
    margin-top:2rem;
}
.alert>:nth-child(2) {
    /*margin-top:0;*/
}
@media (min-width: 673px) {
    .alert.alert-content {
        margin-left:25px;
        width: calc(100% - 50px);
    }
}

.hub-tiles-wrapper {
}
.hub-tiles-wrapper .hub-tiles {
    width:70%;
    padding-right:2%;
}
.hub-tiles-wrapper .hub-aside {
    width:calc(30% - 25px);
    margin-right:25px;
}
.hub-tiles-wrapper .hub-tiles ul {
    display:flex;
    flex-wrap:wrap;
    flex-flow: row wrap;
    padding:0;
    margin-top:-3%;
}
.hub-tiles-wrapper .hub-tiles ul li {
    list-style:none;
    flex: 0 0 44%;
    margin:3%;
    display:flex;
}
@media (max-width: 673px) {
    /*.hub-tiles-wrapper .hub-tiles ul li {
        list-style:none;
        flex: 0 0 90%;
        margin:3%;
        display:flex;
    }*/
    .hub-tiles-wrapper .hub-tiles {
        width:100%;
        padding-right:0;
    }
    .hub-tiles-wrapper .hub-aside {
        width:100%;
        margin-right:0;
    }    
}

@media (max-width: 474px) {
    .hub-tiles-wrapper .hub-tiles ul li {
        list-style:none;
        flex: 0 0 100%;
        margin:3% 0;
        display:flex;
    }
}

.hub-tiles-wrapper .hub-tiles ul li .hub-tile {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.hub-tiles-wrapper .hub-tiles ul li .tile--shadow {
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}

.hub-tiles-wrapper .hub-tiles ul li .hub-tile .tile__inner {
    padding:25px;
}

.hub-tiles-wrapper .hub-tiles ul li .hub-tile .tile__inner h3 {
    font-size: 1.5rem;
    line-height: 1.33333333;
    margin-top:0;
}
.hub-tiles-wrapper .hub-tiles ul li .hub-tile img {
    max-width: 100%;
    height: auto;
    margin: 1em 0 0 1.5em;
}
.hub-tiles-wrapper .hub-tiles ul li .hub-tile .tile__inner .arrow {
    position: relative;
    font-weight: bold;
}
.hub-tiles-wrapper .hub-tiles ul li .hub-tile .tile__inner .arrow:after {
    color: black;
    font-family: FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f061";
    position: absolute;
    right: 0;
}
.hub-tiles-wrapper .hub-aside .hub-aside-content {
    border-left: 4px solid #ccc;
    background: #eee;
    padding: 1em;
    margin-top:0;
}
.aggregation-index .additional-information > .row.social-feed-wrapper {
    width:100%;
}