/* Button */
/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
@-webkit-keyframes ocularis_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes ocularis_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*--------------------------------------------------------------
## Blog layouts
--------------------------------------------------------------*/
@media (min-width: 940px) {
  .top_img-item {
    margin-bottom: 20px; } }

.top_img-item .post-thumbnail {
  margin-bottom: -1px; }
  .top_img-item .post-thumbnail__link {
    display: block; }
    .top_img-item .post-thumbnail__link img {
      width: 100%; }
  .top_img-item .post-thumbnail + .posts-list__item-content {
    border-top-color: #fff; }

.top_img-item .post-date__wrap {
  position: absolute;
  left: 40px;
  top: -20px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 8px 5px 11px;
  text-align: center;
  text-transform: uppercase; }

.top_img-item .post-date__day {
  display: block;
  font-weight: 600;
  line-height: 24px;
  font-size: 20px; }

.top_img-item .post-date__month {
  display: block;
  font-weight: 500;
  line-height: 17px;
  font-size: 14px; }

.top_img-item .posts-list__item-content {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 9px;
  border-width: 1px;
  border-style: solid; }
  .top_img-item .posts-list__item-content:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 1px; }
  .top_img-item .posts-list__item-content__top {
    padding-top: 61px;
    padding-bottom: 30px; }

.top_img-item.sticky .posts-list__item-content {
  border: 0; }

.top_img-item .entry-header .cat-links {
  margin-bottom: 18px; }
  .top_img-item .entry-header .cat-links a {
    margin-bottom: 3px; }

.top_img-item .entry-meta {
  text-transform: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px; }
  .top_img-item .entry-meta__footer {
    margin-bottom: 0px;
    padding-bottom: 30px;
    padding-top: 30px;
    border-top-width: 1px;
    border-top-style: solid; }
    @media (min-width: 640px) {
      .top_img-item .entry-meta__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        min-height: 0px; } }
  @media (min-width: 640px) {
    .top_img-item .entry-meta__left_side {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 0px; }
      .top_img-item .entry-meta__left_side + .entry-meta__right_side {
        margin-left: 20px; } }
  .top_img-item .entry-meta__right_side {
    white-space: nowrap; }
    .top_img-item .entry-meta__right_side .comments-link svg {
      position: relative;
      top: -2px; }
  .top_img-item .entry-meta .byline {
    display: block;
    padding-bottom: 20px;
    font-weight: 300;
    font-size: 14px; }
    @media (min-width: 640px) {
      .top_img-item .entry-meta .byline {
        display: inline-block;
        padding-bottom: 0; } }
    .top_img-item .entry-meta .byline a {
      text-transform: uppercase;
      font-weight: 600; }
    .top_img-item .entry-meta .byline svg {
      margin-right: 10px; }
    .top_img-item .entry-meta .byline path {
      fill-rule: evenodd;
      clip-rule: evenodd; }
    @media (min-width: 640px) {
      .top_img-item .entry-meta .byline + .tags-links:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 6px;
        height: 6px;
        margin: 0 7px 0 10px;
        border-radius: 50%;
        background-color: #dbdcdf; } }
  .top_img-item .entry-meta .posted-on {
    display: inline-block; }
  .top_img-item .entry-meta .tags-links {
    display: block;
    padding-bottom: 20px; }
    @media (min-width: 640px) {
      .top_img-item .entry-meta .tags-links {
        display: inline-block;
        padding-bottom: 0; } }
    .top_img-item .entry-meta .tags-links a:hover {
      text-decoration: underline;
      color: inherit; }

.top_img-item .entry-content {
  margin-top: 22px;
  line-height: 1.3;
  font-size: 18px; }

.top_img-item .entry-footer .post__button-wrap:not(:empty) {
  margin-top: 30px; }

/*--------------------------------------------------------------
### Posts List Formats
--------------------------------------------------------------*/
.top_img-item.format-post .entry-footer .entry-meta .tags-links + div:not(:empty) {
  margin-top: 28px; }

.top_img-item.format-post .entry-footer .entry-meta > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
  .top_img-item.format-post .entry-footer .entry-meta > div > * {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }

/*--------------------------------------------------------------
### Grid Posts List
--------------------------------------------------------------*/
.posts-list.posts-list--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0; }
  .posts-list.posts-list--grid.posts-list-3-cols .grid-item {
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100%);
    width: calc(100%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%); }
    @media (min-width: 640px) {
      .posts-list.posts-list--grid.posts-list-3-cols .grid-item {
        max-width: calc(100% / 2);
        width: calc(100% / 2);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2); } }
    @media (min-width: 940px) {
      .posts-list.posts-list--grid.posts-list-3-cols .grid-item {
        max-width: calc(100% / 3);
        width: calc(100% / 3);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3);
        flex: 0 0 calc(100% / 3); } }
    .posts-list.posts-list--grid.posts-list-3-cols .grid-item .entry-meta {
      margin: 0; }
    .posts-list.posts-list--grid.posts-list-3-cols .grid-item .post-thumbnail {
      z-index: 1; }
    .posts-list.posts-list--grid.posts-list-3-cols .grid-item .post-thumbnail + .posts-list__item-content {
      margin-top: -1px; }
  .posts-list.posts-list--grid.posts-list-2-cols .grid-item {
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100%);
    width: calc(100%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%); }
    @media (min-width: 640px) {
      .posts-list.posts-list--grid.posts-list-2-cols .grid-item {
        max-width: calc(100% / 2);
        width: calc(100% / 2);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2); } }
  .posts-list.posts-list--grid .post-thumbnail {
    margin-bottom: 0; }
  .posts-list.posts-list--grid .posts-list__item-content {
    padding-left: 40px;
    padding-top: 39px;
    padding-right: 40px;
    padding-bottom: 10px; }
  .posts-list.posts-list--grid .has-footer .posts-list__item-content {
    padding-bottom: 86px; }
  .posts-list.posts-list--grid .posts-list__item-top {
    padding-bottom: 26px; }
  .posts-list.posts-list--grid .entry-header .cat-links {
    margin-bottom: 26px; }
  .posts-list.posts-list--grid .entry-title {
    margin-top: 17px;
    font-size: 36px; }
  .posts-list.posts-list--grid .entry-content {
    margin-top: 22px; }
    .posts-list.posts-list--grid .entry-content + .entry-meta {
      margin-top: 19px !important; }
  .posts-list.posts-list--grid .entry-footer {
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 0;
    padding-top: 29px;
    padding-bottom: 39px; }
    .posts-list.posts-list--grid .entry-footer-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .posts-list.posts-list--grid .post__button-wrap {
    margin-top: 28px; }
  .posts-list.posts-list--grid ~ .pagination .nav-links {
    text-align: center; }

.blog-grid:not(.sidebar_enabled) .posts-list-2-cols .entry-title {
  font-size: 48px; }

.posts-list__item.grid-item {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .posts-list__item.grid-item:before {
    content: '';
    position: absolute;
    z-index: -2;
    left: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }
  .posts-list__item.grid-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
    .posts-list__item.grid-item:hover:before {
      -webkit-box-shadow: 0px 34px 40px rgba(30, 48, 110, 0.06);
      box-shadow: 0px 34px 40px rgba(30, 48, 110, 0.06); }
  .posts-list__item.grid-item:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 20px;
    right: 20px;
    height: 100%; }