* {
    box-sizing: border-box;
}

body {
    font-family: 'Source Sans Pro', Arial, Helvetice, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Anton', Arial, Helvetica, sans-serif;
}

/** Flex **/
.f { display: flex; }
.fw { flex-wrap: wrap; }
.fdc { flex-direction: column; }
.jcc { justify-content: center; }
.aic { align-items: center; }

/** Typography **/
.small-text { font-size: 85%; }
.large-text { font-size: 115%; }

/** Default slider style **/
.default-slider {
    padding-bottom: 40px;
}

.default-slider .flickity-prev-next-button {
    transform: translateY(-50%) rotate(-90deg);
}

.default-slider ol.flickity-page-dots {
    margin: 0 !important;
    padding: 0 !important;
    bottom: 20px;
}

.default-slider ol.flickity-page-dots li.dot {
    padding: 0;
}

/** Header **/
.sub-sub-menu {
    column-count: 2;
    column-gap: 40px;
}

/** List Project **/
.post-grid__grid,
.list-project-wrapper {
    margin: 0 -15px;
}

.post-grid h2.post-grid__title {
    text-transform: uppercase;
    font-size: 36px;
    display: block;
    color: #000;
    padding-bottom: 15px;
    border-bottom: 8px solid #00b070;
    margin-bottom: 60px;
}

.post-grid__item,
.post-grid__col,
.list-project__col {
    width: 50%;
    margin-top: 15px;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .post-grid__item,
    .post-grid__col,
    .list-project__col {
        width: 33.33%;
    }
}

.post-grid__item {
    margin: 0;
}

.post-item,
.post-item .inner,
.list-project__col .project-item,
.list-project__col .project-item .inner {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.post-thumb {
    position: relative;
    display: block;
    height: 0;
    padding-top: 56.25%;
}

.post-thumb__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-grid.is-contain-image .post-thumb__image {
    object-fit: contain;
}