html {
  --lightGray: #FAFAFA;
  --gray: #666666;
  --black: #232323;
  --green: #A0CC3A;
}

.arrow {border: solid var(--green);border-width: 0 3px 3px 0;display: inline-block;padding: 3px;vertical-align: 1px;}
.arrow.right {transform: scale(0.7, 0.8) rotate(-45deg);}
.arrow.left {transform: scale(0.7, 0.8) rotate(135deg);}
.arrow.up {transform: scale(0.7, 0.8) rotate(-135deg);}
.arrow.down {transform: scale(0.7, 0.8) rotate(45deg);}

main {background-color: #fff;padding-top: 0;}
body main .title {text-align: center;border-bottom: 1px solid #EAEAEA;background-color: var(--lightGray);padding: 44px 0 22px 0;}
body main .title h1 {font-family: 'MotivaSansExtraBold';font-size: 30px;margin: 0;color: var(--black);}
@media screen and (min-width: 768px ) {
  body main .title {padding: 48px 0 42px 0;}
  body main .title h1 {font-size: 48px;}
}

.light-bg {background-color: var(--lightGray);border-top: 1px solid #EAEAEA;margin-top: 72px;}

.categories-mobile {margin: 30px 0 22px 0;display: flex;justify-content: center;align-items:center;gap: 0 12px;}
.categories-mobile label {color: var(--black);font-size: 14px;font-family: 'motiva_sansbold';margin-bottom: 0;}
.categories-mobile .sbSelector {font-family: 'motiva_sansbold';font-size: 14px;color: var(--black);height: 42px;line-height: 42px;}
.categories-mobile .sbOptions a:link, .sbOptions a:visited {color: var(--green);font-family: 'motiva_sansbold';font-size: 14px;}
.categories-mobile ul.sbOptions {max-width: 100%;padding-top: 5px;}
.categories-mobile .sbOptions a {border-bottom: 1px solid #EAEAEA;}
.categories-mobile .sbHolder {height: 42px;line-height: 42px;}
.categories-mobile .sbOptions a {padding: 10px 0 10px 3px;}
/* .categories-mobile .sbToggle {background: url('../images/drop-green.jpg');} */

.categories {margin: 30px 0 22px 0;text-align: center;display: none;}
.categories p {display: inline;color: var(--black);font-size: 14px;line-height: 21px;font-family: 'motiva_sansbold';padding-right: 12px;}
.categories .category-item {color: var(--green);font-size: 14px;line-height: 21px;height: 21px;padding: 0 12px;border-left: 1px solid var(--lightGray);border-right: 1px solid var(--lightGray);font-family: 'motiva_sansbold';display: inline-block;margin-bottom: 10px;}
.categories .category-item:first-child {border-left: none;}
.categories .category-item:last-child {border-right: none;}
.categories .category-item.active {color: var(--black);}
@media screen and (min-width: 768px ) {
  .categories {display: block;}
  .categories-mobile {display: none;}
}

.posts {margin-top: -72px;}

.pagination {text-align: center;width: 100%;margin-bottom: 80px;}
.pagination span.inactive {color: #C8C8C8;}
.pagination span.inactive i {border-color: #C8C8C8;}
.pagination a,
.pagination span {font-size: 18px;line-height: 36px;color: var(--green);font-family: 'motiva_sansbold';}
.pagination span.page-numbers,
.pagination a.page-numbers {margin-right: 15px;}
.pagination a.page-numbers.prev,
.pagination span.page-numbers.prev {margin-right: 20px;}
.pagination a.page-numbers.next,
.pagination span.page-numbers.next {margin-left: 0;}
.pagination span.page-numbers.dots,
.pagination span.page-numbers.current {color: var(--black);position: relative;}
.pagination span.page-numbers.current::after {content: '';background-color: var(--green);width: 30px;height: 6px;bottom: -5px;position: absolute;left: -9px;}
.pagination .page-numbers:not(.prev, .next) {display: none;}
.pagination span.page-numbers.current,
.pagination span.page-numbers.current ~ * {display: inline;}
.pagination a.page-numbers.prev, .pagination span.page-numbers.prev,
.pagination a.page-numbers.next, .pagination span.page-numbers.next {font-size: 0;}
@media screen and (min-width: 768px ) {
  .pagination a.page-numbers.prev, .pagination span.page-numbers.prev,
  .pagination a.page-numbers.next, .pagination span.page-numbers.next {font-size: 18px;}
  .pagination a.page-numbers.prev,
  .pagination span.page-numbers.prev {margin-right: 38px;}
  .pagination a.page-numbers.next,
  .pagination span.page-numbers.next {margin-left: 20px;}
  .pagination span.page-numbers,
  .pagination a.page-numbers {margin-right: 19px;}
}

.email-signup {margin: -4px 0;grid-column: 1 / -1;width: calc(100% + 30px);position: relative;right: 15px;}
@media screen and (min-width: 390px ) {
  .email-signup {right: 36px;width: calc(100% + 72px);}
}
@media screen and (min-width: 768px ) {
  .email-signup {right: 0px;width: 100%;}
}
@media screen and (min-width: 992px ) {
  .email-signup {margin: -22px 0;}
}
/* Fix css */
.post_content, .archive .post {padding: 0;}
.posts .post {text-align: left !important;}