/*
Custom adjustments for site.
@version 1.0.0
@author Jull Weber
*/
/* body { background-color: #e4e4e4; } */
/*
Site Header
*/

header.site-header {
  background: url(../images/tailboard-basic.jpg) center center no-repeat;
  background-size: cover;
  /* padding: 2rem 1rem; */
}

header.site-header .wrap {
  border-bottom: none;
  /* padding: 15px 0; */
}

@media only screen and (min-width: 800px) {
  .custom-logo-link,
  .wp-custom-logo .title-area {
    max-width: 42%;
  }
}
/*
Menu
*/
nav.nav-secondary .wrap {
  background: #222;
  max-width: 100%;
}
.genesis-nav-menu .sub-menu a {
  padding: 10px 20px;
}
nav.nav-secondary .wrap > ul > li > a {
  color: white;
  padding: 16px 20px;
}
.genesis-nav-menu .current-menu-item > a {
  color: #d4d4d4;
}
#menu-topnav {
  max-width: 1140px;
  margin: 0 auto;
}
/*
Site Inner
*/
.site-inner {
  background-color: white;
  /* max-width: calc(1140px + 2rem);
  padding: 1rem; */
}
/*
Home hero
*/
.home-hero {
  margin: -0.75rem 0rem 1.5rem 0rem;
}
.home-hero .wp-block-image,
.home-hero figure {
  margin-bottom: 0;
  width: 100%;
}
.home-hero h4 {
  padding: 1rem;
  margin-bottom: 0;
}
.home-hero .wp-block-image img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 800px) {
  .home-hero
    .wp-block-atomic-blocks-ab-column:not(:first-child)
    .wp-block-image
    img {
    max-width: 285px;
    max-height: 177px;
  }
}
/*
Custom Search Form
*/
.filter-search-form__wrapper .search-form-submit {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}

.filter-search-form__wrapper .search-form-radios {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.filter-search-form__wrapper .search-form-radios li {
  margin: 0.5rem;
}
.filter-search-form__wrapper .search-form-radios li input[type="radio"] {
  margin-right: 0.5rem;
}

.search-results .taxonomy-archive-description {
  display: none;
}

.search-results .archive-description {
  padding: 20px;
}

/*
Archives
*/
ul#archives-filter li {
  display: inline-block;
  padding-left: 2px;
}

/* ul#archives-filter li a {
  padding: 0 0.5em;
} */
ul#archives-filter li a.mixitup-control-active,
ul#archives-filter li a:hover {
  /* background: #222222;
  color: white;
  border-radius: 44px; */
  color: black;
  /* border-bottom: 1px solid #000; */
}
/* ul#archives-filter li a:hover {
  background-color: rgb(94, 94, 94);
} */
ul#archives-filter li:not(:last-child):not(:first-child)::after {
  content: "|";
  color: #ccc;
  padding-left: 10px;
}

ul#archives-portfolio {
  list-style: none;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  /* display: flex;
  flex-flow: row wrap;
  justify-content: space-between;*/
}

ul#archives-portfolio li.grid-item {
  min-height: 228px;
  width: 30%;
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  ul#archives-portfolio li.grid-item {
    width: 100%;
  }
}
ul#archives-portfolio li {
  margin: 0 3% 0 0;
  padding: 0;
  text-align: center;
  /* flex: 1 30%; */
}
ul#archives-portfolio li .post-title {
  display: block;
  text-align: center;
  padding: 0 10px;
  line-height: 1.3rem;
  font-size: 14px;
  color: #222;
}
ul#archives-portfolio img {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.4rem;
}

.archive_cat {
  list-style-type: none;
}

/* Container
---------------------------------------------------------------------- */

#archives-portfolio.container {
  text-align: justify;
  font-size: 0.1px;
}

#archives-portfolio.container:after {
  content: "";
  display: inline-block;
  width: 100%;
}

/* Target Elements
---------------------------------------------------------------------- */

.grid-item.mix,
.gap {
  display: inline-block;
  vertical-align: top;
}

.grid-item.mix {
  margin-bottom: 1rem;
  position: relative;
}

.grid-item.mix:before {
  content: "";
  display: inline-block;
  /* padding-top: 56.25%; */
}

/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */

.grid-item.mix,
.gap {
  width: calc(100% / 2 - (((2 - 1) * 1rem) / 2));
}

/* 3 Columns */

@media screen and (min-width: 541px) {
  .grid-item.mix,
  .gap {
    width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
  }
}

/* 4 Columns */

@media screen and (min-width: 961px) {
  .grid-item.mix,
  .gap {
    width: calc(100% / 4 - (((4 - 1) * 1rem) / 4));
  }
}

/* 5 Columns */

@media screen and (min-width: 1281px) {
  .grid-item.mix,
  .gap {
    width: calc(100% / 5 - (((5 - 1) * 1rem) / 5));
  }
}



/* Genesis Accessibility Menu
----------------------------------------------------------------------
.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}*/