.project_filt_cont,
.project_main_cont {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 15px;
}
.archive .project_main_cont {
  padding: 100px 0;
}
.project_sec_btn,
.project_sec_btn:hover {
  text-decoration: none;
}
.project_main_cont .project_cont {
  text-transform: uppercase;
}
.project_main_cont .project_cont > div {
  position: relative;
  padding: 35px;
  border: 1px solid #eaeaea;
  background: #fff;
  margin: -100px 35px 0;
  box-shadow: 0px 20px 20px 0px #0000000d;
}
.project_main_cont .project_cont > div h2 {
  font-size: 35px;
  line-height: 1;
  margin-top: 0;
}
.project_main_cont .project_cont > div p {
  margin-bottom: 0;
}
.project_main_cont.col_2 .project_cont {
  width: calc(50% - 35px / 2);
}
.project_main_cont.col_3 .project_cont {
  width: calc(33.3333% - (35px / 2 * 3));
}
.project_main_cont.col_4 .project_cont {
  width: calc(25%- (35px / 3 * 4));
}
.project_main_cont.col_5 .project_cont {
  width: calc(20%- (35px / 4 * 5));
}
.project_main_cont.col_6 .project_cont {
  width: calc(16.6666%- (35px / 5 * 6));
}
.project_lm_cont {
  text-align: center;
}
.thumbnail_cont img {
  width: 100%;
  height: auto;
}
article .meta {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-transform: uppercase;
  background: #84bccd;
  padding: 35px;
  margin: -125px 35px 0 auto;
  max-width: 400px;
  min-height: 125px;
  justify-content: center;
}
article .meta span {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
article .meta b {
  color: #fff;
}
article h2 {
  text-transform: uppercase;
}
.entry-content {
  font-weight: lighter;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 50px !important;
  margin-bottom: 75px;
}
.ui-datepicker.ui-widget-content {
  background: #fff;
  color: #000;
}
.ui-datepicker .ui-widget-header.ui-datepicker-header {
  background: #000000;
  border-color: #fff;
  color: #fff;
}
.ui-datepicker .ui-widget-header.ui-datepicker-header a {
  color: #fff;
}
.ui-datepicker .ui-widget-header.ui-datepicker-header .ui-icon {
  background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker.ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {
  border: none;
  background: #000;
}
.ui-datepicker .ui-widget-header .ui-state-hover > .ui-icon,
.ui-datepicker .ui-widget-header .ui-state-focus > .ui-icon {
  background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/images/ui-icons_777777_256x240.png);
}
.ui-datepicker table tr th,
.ui-datepicker table tr:nth-child(even) th,
.ui-datepicker table tr:nth-child(odd) th {
  padding: 1px;
  background: #ffffff;
  color: #fff;
}
.ui-datepicker th span {
  display: block;
  background: #000;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.2em;
}
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
html .ui-datepicker .ui-button.ui-state-disabled:hover,
html .ui-datepicker .ui-button.ui-state-disabled:active {
  background: #ddd;
  color: #000;
  border-color: #fff;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  background-color: #66757a;
  color: #fff;
}
.ui-datepicker .ui-state-active,
.ui-datepicker.ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker a.ui-button:active,
.ui-datepicker .ui-button:active,
.ui-datepicker .ui-button.ui-state-active:hover {
  background-color: #006199;
  color: #fff;
}
.ui-datepicker .ui-state-active.ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-active.ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-active.ui-state-highlight {
  background: -webkit-linear-gradient(
    45deg,
    #66757a 50%,
    #006199 50%
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    45deg,
    #66757a 50%,
    #006199 50%
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    45deg,
    #66757a 50%,
    #006199 50%
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    45deg,
    #66757a 50%,
    #006199 50%
  ); /* Standard syntax */
  color: #fff;
}

@media (max-width: 800px) {
  .project_main_cont {
    justify-content: center;
  }
  .project_main_cont.col_2 .project_cont {
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 480px) {
  .project_main_cont .project_cont > div h2 {
    font-size: 24px;
    line-height: 26px;
  }
}