/*
 * Theme Name: Humanity in Action
 * Description: Starter Theme to use with Timber
 * Author: Upstatement and YOU!
*/

.page-template-archive-landecker article p > a,
.page-template-archive-landecker .archive-header li > a {
    color: #e22424 !important;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(92%, transparent), color-stop(8%, currentColor), color-stop(8%, currentColor));
    background-image: linear-gradient(transparent 92%, currentColor 8%, currentColor 8%);
    display: inline;
    -webkit-transition: background-size 0.25s cubic-bezier(0.62, 0.75, 0.53, 0.79);
    transition: background-size 0.25s cubic-bezier(0.62, 0.75, 0.53, 0.79);
    background-size: 100% 100%;
}

.page-template-archive-landecker article p > a:hover,
.page-template-archive-landecker .archive-header li > a:hover {
    background-position: left;
    -webkit-animation: 0.5s cubic-bezier(0.62, 0.75, 0.53, 0.79) a-link-hover;
    animation: 0.5s cubic-bezier(0.62, 0.75, 0.53, 0.79) a-link-hover;
}

@media all and (max-width: 480px) {
    body .featured-card .callout-wrapper {
        margin: 0;	
    }

    body .featured-card .callout-wrapper .col-xs-4 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        order: 2;
    }

    body .featured-card .callout-wrapper .col-xs-4 .details {
        display: block;
        margin: 12px;
    }

    body .pattern.homepage-feature-block-one .details h2 {
        display: block;
        width: 100%;
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    body .featured-card .callout-wrapper .col-xs-9 {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.25;
    }

    body .pattern.homepage-feature-block-one .cta {
        max-width: 100%;
    }

    body .pattern.homepage-feature-block-one .image-w-shadow {
        width: 100%;
        order: 1;
        flex-basis: 100%;
        margin: 0 auto 20px;
    }
}