.posts__col {
    padding-bottom: 60px;
}

.posts__item, .posts__item--simple, .posts__item--event {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(112, 112, 112, 0.09);
    -moz-box-shadow: 0 0 8px rgba(112, 112, 112, 0.09);
    box-shadow: 0 0 8px rgba(112, 112, 112, 0.09);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
}

.posts__item:hover .posts__item-description, .posts__item--simple:hover .posts__item-description, .posts__item--event:hover .posts__item-description {
    bottom: 42px;
}

.posts__item:hover .posts__item-tools, .posts__item--simple:hover .posts__item-tools, .posts__item--event:hover .posts__item-tools {
    height: 42px;
    font-size: 18px;
    font-size: 1.125rem;
}

.posts__item:hover .posts__item-tools svg, .posts__item--simple:hover .posts__item-tools svg, .posts__item--event:hover .posts__item-tools svg {
    fill: #fff;
}

.posts__item:hover .video .play, .posts__item--simple:hover .video .play, .posts__item--event:hover .video .play {
    border-color: #60B1AB;
}

.posts__item:hover .video .play:before, .posts__item--simple:hover .video .play:before, .posts__item--event:hover .video .play:before {
    border-color: transparent transparent transparent #60B1AB;
}

.posts__item-img {
    width: 100%;
    overflow: hidden;
    display: block
}

.posts__item-img img {
    width: 100%;
    object-fit: cover;
}

.col-xxl-4 .posts__item-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.posts__item-img.video {
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.posts__item-img.video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(30, 31, 31, 0.5);
}

.posts__item-img.video .play {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.posts__item-img.video .play:before {
    content: '';
    position: absolute;
    left: -webkit-calc(50% + 3px);
    left: -moz-calc(50% + 3px);
    left: calc(50% + 3px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.posts__item-description {
    bottom: 10px;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 1rem;
    font-size: 1rem;
    margin-top: 42px;
}

@media (max-width: 991.98px) {
    .posts__item-description {
        padding: 40px 30px 25px;
    }
}

.posts__item-description:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    border-color: transparent transparent #ffffff transparent;
    bottom: 100%;
    left: 30px;
}

.posts__item-title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1rem;
}

.posts__item-excerpt {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.posts__item-tools {
    padding: 5px 30px;
    height: 0;
    overflow: hidden;
    font-size: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.posts__item-tools.azure {
    background: #000066;
}

.posts__item-tools.cadet-blue {
    background: #9FA6C3;
}

.posts__item-tools.sage {
    background: #96AB84;
}

.posts__item-tools.tradewind {
    background: #60B1AB;
}

.posts__item-tools.whiskey {
    background: #D1AA6A;
}

.posts__item-tools * {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
}

.posts__item-tools a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts__item-tools a:hover {
    color: #fff;
    text-decoration: underline;
}

.posts__item-tools a svg {
    width: 24px;
    height: 13px;
    fill: transparent;
    margin-left: 17px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.posts__item--simple {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.posts__item--simple .posts__item-title {
    margin-bottom: 0;
}

.posts__item--simple .posts__item-description {
    height: auto;
    padding: 15px 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts__item--simple .posts__item-description:before {
    display: none;
}

.posts__item--simple .posts__item-tools {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.posts__item--event {
    position: relative;
}

.posts__item--event .posts__item-description:before {
    display: none;
}

.posts__item--event .posts__item-title {
    margin-bottom: 5px;
}

.posts__item--event .posts__item-subtitle {
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    color: #818282;
}

.posts__item--event .event__date {
    position: absolute;
    left: 20px;
    top: 20px;
    border-color: #fff;
    color: #fff;
}

.posts__item--structure {
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 5px solid transparent;
    font-size: 0;
}

.posts__item--structure:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.2);
}

.posts__item--structure:hover .title {
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    left: -2px;
    bottom: -2px;
    padding: 10px 12px;
}

.posts__item--structure .img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.posts__item--structure .title {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-height: 52px;
}

.posts__btn {
    max-width: 265px;
    margin: 0 auto;
}

.posts__list {
    margin-top: 30px;
}

.posts__list.structure .posts__col {
    padding-bottom: 30px;
}

.posts__list.structure .posts__col .posts__item--structure:hover {
    border: 5px solid #000066;
}

.posts__list.structure .posts__col .title {
    background: #000066;
}

.posts__list.structure .posts__col:nth-of-type(7n) .posts__item--structure:hover {
    border: 5px solid #000066;
}

.posts__list.structure .posts__col:nth-of-type(7n) .title {
    background: #000066;
}

.posts__list.structure .posts__col:nth-of-type(2) .posts__item--structure:hover, .posts__list.structure .posts__col:nth-of-type(6n + 7) .posts__item--structure:hover {
    border: 5px solid #60B1AB;
}

.posts__list.structure .posts__col:nth-of-type(2) .title, .posts__list.structure .posts__col:nth-of-type(6n + 7) .title {
    background: #60B1AB;
}

.posts__list.structure .posts__col:nth-of-type(3) .posts__item--structure:hover, .posts__list.structure .posts__col:nth-of-type(6n + 8) .posts__item--structure:hover {
    border: 5px solid #D1AA6A;
}

.posts__list.structure .posts__col:nth-of-type(3) .title, .posts__list.structure .posts__col:nth-of-type(6n + 8) .title {
    background: #D1AA6A;
}

.posts__list.structure .posts__col:nth-of-type(4) .posts__item--structure:hover, .posts__list.structure .posts__col:nth-of-type(6n + 9) .posts__item--structure:hover {
    border: 5px solid #96AB84;
}

.posts__list.structure .posts__col:nth-of-type(4) .title, .posts__list.structure .posts__col:nth-of-type(6n + 9) .title {
    background: #96AB84;
}

.posts__list.structure .posts__col:nth-of-type(5) .posts__item--structure:hover, .posts__list.structure .posts__col:nth-of-type(6n + 10) .posts__item--structure:hover {
    border: 5px solid #9FA6C3;
}

.posts__list.structure .posts__col:nth-of-type(5) .title, .posts__list.structure .posts__col:nth-of-type(6n + 10) .title {
    background: #9FA6C3;
}

/*single*/
.post {
    padding-top: 15px;
}

@media (max-width: 991.98px) {
    .post {
        padding-top: 0;
    }
}

.post__content {
    padding-top: 60px;
}

.post__content img {
    max-width: 100%;
    height: auto;
}

.post__content p {
    margin-bottom: 20px;
}

.post__content p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .post__content {
        padding-top: 0;
    }
}

.post__info, .post__info--event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 13px 40px;
    margin-bottom: 30px;
}

.post__info.conferences, .conferences.post__info--event {
    background: #60B1AB;
}

@media (max-width: 991.98px) {
    .post__info--event {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .post__info--event .post__category {
        width: 100%;
        margin-top: 15px;
    }
}

.post__info.azure, .azure.post__info--event {
    background: #000066;
}

.post__info.cadet-blue, .cadet-blue.post__info--event {
    background: #9FA6C3;
}

.post__info.sage, .sage.post__info--event {
    background: #96AB84;
}

.post__info.tradewind, .tradewind.post__info--event {
    background: #60B1AB;
}

.post__info.whiskey, .whiskey.post__info--event {
    background: #D1AA6A;
}

.post__img img {
    width: 100%;
    height: auto;
}

.post__description {
    padding-top: 15px;
}

.post__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 55px;
}

.post__nav-link {
    color: #818282;
    font-weight: 300;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {
    .post__nav-link {
        font-size: 0;
    }
}

.post__nav-link:hover svg {
    fill: rgba(30, 31, 31, 0.8);
}

.post__nav-link svg {
    width: 53px;
    height: 40px;
    fill: rgba(30, 31, 31, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.post__nav-link.prev svg {
    margin-right: 20px;
}

.post__nav-link.next svg {
    margin-left: 20px;
}

.post__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.post__item:last-of-type {
    margin-bottom: 0;
}

.post__item .img {
    width: 190px;
    overflow: hidden;
    font-size: 0;
}

.post__item .img img {
    width: 100%;
    height: auto;
}

.post__item .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
}

.post__item .title {
    font-weight: 700;
    color: #1E1F1F;
}

.post__item .title:hover {
    text-decoration: underline;
}

.post__item .date {
    font-weight: 300;
    color: #818282;
    font-size: 16px;
    font-size: 1rem;
}