/******************************************************************
Stylesheet: search.php template

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

******************************************************************/
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,400&display=swap");
/*/******************************************************************
search result template styles
******************************************************************/
.archive-title {
  color: #987E4F;
  font-family: "Oswald", sans-serif;
  max-width: 1400px;
  padding: 0.2em 0;
  width: 100%;
  font-size: 3em;
  text-align: center;
  margin: 0.5em auto;
  border-top: 2px solid #A2B7C1;
  border-bottom: 2px solid #A2B7C1;
  text-transform: uppercase; }

.pagination {
  margin: 2em auto;
  width: 100%; }
  .pagination ul {
    text-align: center; }
    .pagination ul li {
      font-size: 2em;
      width: 10%; }

article {
  width: 100%; }

.content_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em 0;
  max-width: 1400px;
  margin: auto; }
  .content_list .list_item_wrap {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5%;
    border-bottom: 1px solid #987E4F; }
    .content_list .list_item_wrap .content_list_img {
      width: 30%;
      height: 100%;
      min-height: 250px;
      margin: 0;
      background-color: #A2B7C1;
      background-size: cover;
      background-position: center center; }
      .content_list .list_item_wrap .content_list_img.pb_square {
        width: 250px;
        min-height: 250px; }
    .content_list .list_item_wrap .content_list_data {
      width: 60%;
      margin: 0;
      padding: 2% 5%; }
      .content_list .list_item_wrap .content_list_data div button {
        font-size: 16px; }
      .content_list .list_item_wrap .content_list_data div h2,
      .content_list .list_item_wrap .content_list_data div h3,
      .content_list .list_item_wrap .content_list_data div h4 {
        color: #987E4F;
        text-transform: uppercase;
        font-size: 2em;
        border-bottom: 1px solid #64666B; }
        .content_list .list_item_wrap .content_list_data div h2 a,
        .content_list .list_item_wrap .content_list_data div h3 a,
        .content_list .list_item_wrap .content_list_data div h4 a {
          text-decoration: none;
          color: #987E4F;
          font-weight: 500; }
      .content_list .list_item_wrap .content_list_data div p {
        margin: 0.5em 0 1.5em 0; }
        .content_list .list_item_wrap .content_list_data div p a {
          display: none; }

#post-not-found {
  max-width: 1400px;
  margin: auto; }
  #post-not-found header {
    font-size: 1.5em;
    padding: 1em;
    text-transform: uppercase;
    text-align: center; }
  #post-not-found section p {
    text-align: center;
    color: #64666B;
    font-size: 2em;
    font-family: "EB Garamond", serif;
    font-style: italic;
    max-width: 100%; }
  #post-not-found section #pbc_ms {
    width: 50%;
    min-width: 256px;
    margin: auto; }
    #post-not-found section #pbc_ms form .search_wrap label input {
      border: none;
      border-bottom: 1px solid #987E4F; }
      #post-not-found section #pbc_ms form .search_wrap label input::-webkit-input-placeholder {
        font-style: italic; }
      #post-not-found section #pbc_ms form .search_wrap label input:-ms-input-placeholder {
        font-style: italic; }
      #post-not-found section #pbc_ms form .search_wrap label input::-ms-input-placeholder {
        font-style: italic; }
      #post-not-found section #pbc_ms form .search_wrap label input::placeholder {
        font-style: italic; }
  #post-not-found footer {
    padding: 3em 1em;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .content_list .list_item_wrap {
    margin-bottom: 1em; }
    .content_list .list_item_wrap .content_list_img {
      width: 40%; }
    .content_list .list_item_wrap .content_list_data {
      width: 50%; } }

@media only screen and (max-width: 767px) {
  .content_list .list_item_wrap {
    margin-bottom: 1em; }
    .content_list .list_item_wrap .content_list_img {
      width: 100%;
      height: auto; }
    .content_list .list_item_wrap .content_list_data {
      width: 100%;
      padding: 1em 0; } }