/**
 * All of the CSS  for public-facing functionality
 */
/**
 * entry single page
 */

.fd-entry .entry-title {
    text-align: center;
}

.fd-entry .fd-sub-title {
    text-align: center;
}

/**
 * entry option section template
 */
.fd-entry-option-title {
    display: block;
}

.fd-entry-option-text {
    display: block;
    font-weight: 700;
}

/**
 * Product buttons
 */
.fd-entry-cta .button {
    width: 100%;
    text-align: center;
}

/* --- archive grid --- */
/* for browsers that DO NOT support CSS Grid */

.fd-entry-archive-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.fd-entry-archive-wrap article {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: 31%;
}

@media (max-width: 900px) {
    .fd-entry-archive-wrap article {
        width: 48%;
    }
}

@media (max-width: 450px) {
    .fd-entry-archive-wrap article {
        width: 100%;
    }
}

/* -- end of flex box --- */

/* For browsers that do support CSS Grid */
@supports ( (display: grid)) {

    .fd-entry-archive-wrap  {
        display: grid;
        justify-content: stretch;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }

    @media (max-width: 900px) {
        .fd-entry-archive-wrap  {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 450px) {
        .fd-entry-archive-wrap  {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    .fd-entry-archive-wrap article {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: auto;
    }
}

/* --- end of grid --- */

/* archive entry styling */
.fd-entry-archive-wrap article.entry {
    padding: 24px;
}

.fd-entry-archive-wrap article.entry:before {
    content: none;
    display: none;
}


.fd-entry-archive-wrap article.entry .flexwrap {
    padding: 0;
    margin: 0;
}

.fd-entry-archive-wrap .read-more {
    margin-top: auto;
}