/**
 * @author: Procurios (Peter Slagter)
 * @about:  pc-article-gallery.css - General layout and grid settings of article gallery snippet
 */

/**
 * Defaults, resets
 */

/** Hidden to users, visible to screen readers */
.ag-article-offscreen {
    position: absolute;
    left: -9999em;
    top: -9999em;
}

/**
 * Layout without Javascript
 */

.ag-article {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.ag-art-last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.ag-article .at-intro {
    height: 100%;
    margin: 0;
    background: transparent;
}

/**
 * Layout with Js
 */

.has-js .pc-article-gallery {
    position: relative;
    overflow: hidden;
    height: 100% !important;
    margin-left: -2%;
}

.has-js .contentRow .pc-article-gallery {
    margin-left: 0;
}

.has-js .ag-article {
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

/**
 * Default layout of gallery navigation
 */

.ag-nav-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    z-index: 10000;
}

.ag-nav {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ag-nav li,
.ag-nav-container span {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 0.2em;
    border-radius: 100%;
    text-decoration: none;
    color: transparent;
    text-indent: -999em;
    background-color: rgba(255, 255, 255, 0.7);
    transition: color .1s, background .1s;
    cursor: pointer;
}

.ag-nav li:hover,
.ag-nav .ag-nav-active,
.ag-nav-container span:hover {
    background-color: #d00;
}