/* TODO: merge this into the main stylesheet */
@media (min-width: 768px) {
    .grid--col__2 {
        width: 16.666%;
    }
    .grid--col__2p66 {
        width: 22.222%;
    }

    .grid--col__5p34 {
        width: 44.444%;
    }
}

.grid-top-min {
    margin-top: 30px;
}
.grid-bottom-min {
    margin-bottom: 30px;
}
.grid-top-none {
    margin-top: 0;
}
.grid-bottom-none {
    margin-bottom: 0;
}
.pattern .wysiwyg:not(.u-content-3d) h1,
.pattern .wysiwyg:not(.u-content-3d) h2,
.pattern .wysiwyg:not(.u-content-3d) h3,
.pattern .wysiwyg:not(.u-content-3d) h4,
.pattern .wysiwyg:not(.u-content-3d) h5,
.pattern .wysiwyg:not(.u-content-3d) h6 {
    color: #fff;
}
.header--nav .nav--item,
.header--aux--nav {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.wysiwyg__embellished h1.text-center:after,
.wysiwyg__embellished h2.text-center:after,
.wysiwyg__embellished h3.text-center:after,
.wysiwyg__embellished h4.text-center:after,
.wysiwyg__embellished h5.text-center:after,
.wysiwyg__embellished h6.text-center:after {
    position: relative;
    left: 50%;
    margin-left: -0.625em;
}
.text-right {
    text-align: right;
}
.wysiwyg__embellished h1.text-right:after,
.wysiwyg__embellished h2.text-right:after,
.wysiwyg__embellished h3.text-right:after,
.wysiwyg__embellished h4.text-right:after,
.wysiwyg__embellished h5.text-right:after,
.wysiwyg__embellished h6.text-right:after {
    position: relative;
    left: 100%;
    margin-left: -1.25em;
}

.ellipsis {
    overflow: hidden;
}

.feed--item.empty {
    display: none;
}
.feed + .feed {
    margin-top: 30px;
}
@media (min-width: 768px) {
    .feed--item.empty, 
    .feed__boxes__3d > a.feed--item.empty:hover {
        display: flex;
        background: none;
        border: none;
        box-shadow: none;
    }
}

.figure--caption-toggle {
    right: 0;
    position: absolute;
    background: rgba(0,0,0,.8);
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-style: normal;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
#caption-toggle-close {
    top: -2em;
}
#caption-toggle-open {
    display: none;
    bottom: 0;
}

.image-block--crossfade {
    position: relative;
    margin: 0 auto;
}
.image-block--crossfade .image-block--img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
a.image-block--crossfade:hover .image-block--img.top {
    opacity: 0;
}

.feed--pagination {
    text-align: center;
    font-weight: bold;
}

.btn:hover {
    cursor: pointer;
}

.wysiwyg a.btn,
.wysiwyg a.btn:hover {
    color: #fff;
}

.site-search--match {
    font-weight: bold;
}

.site-search--box {
    margin-bottom: 1em;
}

@media (min-width:768px) {
    .site-search--box .form-item {
        text-align: center;
    }

    .site-search--box .input {
        max-width: 400px;
        min-width: 200px;
        display: inline-block;
    }
}
@media (max-width:768px) {
    .wysiwyg h1,
    .feed h1.feed--title,
    .feed h1.feed--title a {
        font-size: 32px;
    }
    .wysiwyg h2,
    .feed h2.feed--title,
    .feed h2.feed--title a {
        font-size: 28px;
    }
    .wysiwyg h3,
    .feed h3.feed--title,
    .feed h3.feed--title a {
        font-size: 20px;
    }
    .wysiwyg h4,
    .feed h4.feed--title,
    .feed h4.feed--title a {
        font-size: 18px
    }
    .wysiwyg h5,
    .feed h5.feed--title,
    .feed h5.feed--title a {
        font-size: 16px;
    }
    .wysiwyg h6,
    p, li, a,
    .feed .feed--date, .btn {
        font-size: 14px;
    } 
    
    .site-search--box .btn {
        width: 100%;
        margin-top: 1em;
    }
}

.light-shade {
    background-color: #F6F6F6;
    overflow: hidden;
}

.breadcrumbs {
    font-size: 14px;
    line-height: 1.5555555556;
}
.breadcrumbs ol li {
    display: inline;
}

.feed--rss-link {
    margin-bottom: 16px;
}

.feed--rss-link a {
    font-size: 18px;
    color: #ffa500;
}