/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Google Pixel ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Google Pixel XL ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 4 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 5 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 6 and 6P ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Windows Phone ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
.hero-on .nav-container.nav.first:before {
  filter: invert(1);
  background-image: none !important;
}
@keyframes slide-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #wpadminbar,
  .nojq.mobile {
    display: none;
    visibility: collapse;
  }
  body.admin-bar {
    padding-top: 0;
  }
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  rs-layer-wrap,
  rs-layer-wrap rs-mask-wrap,
  rs-layer-wrap rs-layer,
  rs-layer-wrap rs-mask-wrap rs-layer,
  rs-layer-wrap img,
  rs-layer-wrap rs-mask-wrap img,
  rs-layer-wrap rs-layer img,
  rs-layer-wrap rs-mask-wrap rs-layer img {
    height: 100vh !important;
  }
}
/* Landscape */
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .hero-on .layer {
    width: 100%;
  }
  .hero-on .nav-container.nav.first:before {
    filter: invert(1);
    background-image: none !important;
  }
  div.hero {
    height: 100vh !important;
  }
  div.hero .leimay-back-button {
    display: none;
  }
  div.hero .header-leimay-logo a,
  div.hero a.leimay-back-button,
  div.hero .leimay-logo,
  div.hero .hero-banner-hamburger a,
  div.hero h1.entry-title,
  div.hero .wrap.maincontent h1.entry-title {
    height: 1rem !important;
    line-height: inherit !important;
    margin: 0.3rem !important;
    font-size: 1rem !important;
  }
  div.hero .leimay-logo svg {
    height: 1rem !important;
    margin: 0 !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and only screen and (max-width: 480px) {
  div.hero .header-leimay-logo.hero-on > .entry-title {
    display: none;
  }
}
/* Portrait */
/* Landscape */
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .hero-on .layer {
    width: 100%;
  }
  .hero-on .nav-container.nav.first:before {
    filter: invert(1);
    background-image: none !important;
  }
  div.hero {
    height: 100vh !important;
  }
  div.hero .leimay-back-button {
    display: none;
  }
  div.hero .header-leimay-logo a,
  div.hero a.leimay-back-button,
  div.hero .leimay-logo,
  div.hero .hero-banner-hamburger a,
  div.hero h1.entry-title,
  div.hero .wrap.maincontent h1.entry-title {
    height: 1rem !important;
    line-height: inherit !important;
    margin: 0.3rem !important;
    font-size: 1rem !important;
  }
  div.hero .leimay-logo svg {
    height: 1rem !important;
    margin: 0 !important;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and only screen and (max-width: 480px) {
  div.hero .header-leimay-logo.hero-on > .entry-title {
    display: none;
  }
}
/* Portrait */
/* Landscape */
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .hero-on .layer {
    width: 100%;
  }
  .hero-on .nav-container.nav.first:before {
    filter: invert(1);
    background-image: none !important;
  }
  div.hero {
    height: 100vh !important;
  }
  div.hero .leimay-back-button {
    display: none;
  }
  div.hero .header-leimay-logo a,
  div.hero a.leimay-back-button,
  div.hero .leimay-logo,
  div.hero .hero-banner-hamburger a,
  div.hero h1.entry-title,
  div.hero .wrap.maincontent h1.entry-title {
    height: 1rem !important;
    line-height: inherit !important;
    margin: 0.3rem !important;
    font-size: 1rem !important;
  }
  div.hero .leimay-logo svg {
    height: 1rem !important;
    margin: 0 !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and only screen and (max-width: 480px) {
  div.hero .header-leimay-logo.hero-on > .entry-title {
    display: none;
  }
}
/* Portrait */
/* Landscape */
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .container-bio .content-area .bio-main {
    flex-direction: column !important;
  }
}
/* Landscape */
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* ----------- Galaxy Tab 2 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Galaxy Tab S ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 7 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 9 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Kindle Fire HD 8.9" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Laptops ----------- */
/* ----------- Non-Retina Screens ----------- */
/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .col-lg-9 {
    width: 100%;
  }
}
/* ----------- Wearables ----------- */
/* ----------- Moto 360 Watch ----------- */
@media (min-width: 1200px) {
  .col-lg-9 {
    width: 100%;
  }
}
.grid-item-content .title a {
  color: #FFFF;
  font-size: 18px;
  font-weight: 600;
}
.grid-item-content .excerpt a {
  color: #FFFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.grid-item-content .testimonial-description a {
  color: #FFFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.grid-item-content .title a:hover {
  color: #ffff !important;
}
.grid-item-content .excerpt a:hover {
  color: #ffff !important;
}
.grid-item-content .testimonial-description a:hover {
  color: #ffff !important;
}
@media only screen and (max-width: 767px) {
  .tabs_section2 .tabs_content2 #tab_18 .vimeo_video_link iframe {
    height: fit-content important;
  }
  .tabs_section2 .tabs_content2 {
    height: fit-content;
    overflow-y: scroll;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  h1 .entry-title {
    margin: 0;
  }
  .archive h3 {
    margin: 10px 0;
  }
  .archive .two-columns {
    margin: 10px 0;
  }
  .archive h1 {
    margin: 20px !important;
  }
  .archive #primary {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-landing-tabs .archive-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .blogo_bottom_content {
    background: #fff;
    padding: 10px 15px;
  }
  .swiper-slide img {
    width: 100%;
    height: fit-content;
  }
  h3 {
    text-align: center;
    font-weight: 300 !important;
    font-size: 1.5rem !important;
    margin: 1.5rem;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .col-md-9 {
    width: 100%;
  }
  .col-md-3 {
    width: 100%;
  }
}
.posts_by_category_section {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  gap: 0px;
  padding: 0px!important;
}
.posts_by_category_section .post_img {
  display: flex;
  justify-content: center;
}
.posts_by_category_section .post_title h3 {
  margin: 15px 0;
  line-height: 24px;
}
.posts_by_category_section .excerpt p {
  line-height: 24px;
}
.posts_by_category_section .post_title h3 a {
  font-family: Sans-Serif;
  font-weight: 300;
  font-size: 20px;
  color: #428bca;
}
.posts_by_category_section .post_title h3 a:hover {
  color: #2a6496;
}
/*
.load_more_section {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.load_more_section button{
  background-color: rgb(18 18 18);
  color: #fff;
  padding: 12px 24px;
}
*/
#archive_popup {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#archive_popup .popup_content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 600px;
  text-align: center;
  background-color: unset;
  padding: unset;
  border-radius: unset;
}
.posts_loader {
  width: 36px;
  height: 36px;
  border: 4px solid #000;
  border-bottom-color: #FFF;
  border-radius: 50%;
  display: none;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: 10px;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.no-posts {
  text-align: center;
  font-size: 24px;
  padding: 10px 0;
}
.archive-filters-nav-container a.filter-button {
  text-align: center;
}
.two-columns .about-archive {
  width: 100%;
}
.page-template-archive-single .archive_tabs_section {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.page-template-archive-single .archive-single.wrapper.wrap {
  padding: 15px;
}
.tabs_section1 [data-tab-info] {
  display: none;
}
.tabs_section1 .active[data-tab-info] {
  display: block;
}
.tabs_section1 span[data-tab-value] {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.tabs_section1 span.label_style {
  background: #fff;
}
.tabs_section1 .tabs_list1 {
  display: flex;
  flex-wrap: wrap;
}
.tabs_section1 .tabs_content1 {
  height: 480px;
  overflow: auto;
  padding: 20px;
  border: 1px solid #ccc;
  margin-top: 40px;
}
.tabs_section2 {
  margin-top: 50px;
}
.tabs_section2 [data-tab-details] {
  display: none;
}
.tabs_section2 .active[data-tab-details] {
  display: block;
}
.tabs_section2 span[data-tab-id] {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.tabs_section2 span.label_style {
  background: #fff;
}
.tabs_section2 .tabs_list2 {
  display: flex;
  flex-wrap: wrap;
}
.tabs_section2 .tabs_content2 {
  height: 480px;
  overflow-y: scroll;
  padding: 20px;
  border: 1px solid #ccc;
  margin-top: 40px;
}
.tabs_section2 .tabs_content2 #tab_16 .grid_section .grid-item-content {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-gap: 10px;
  justify-content: center;
}
.tabs_section2 .tabs_content2 #tab_16 .testimonial-item {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 20px;
  text-align: center;
}
.tabs_section2 .tabs_content2 #tab_14 .grid_section .grid-item-content {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-gap: 10px;
  justify-content: center;
}
.tabs_section2 .tabs_content2 #tab_14 .grid-item.thumbnail {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 20px;
  text-align: center;
}
.page-template-archive .search_section {
  margin-top: 30px;
}
.page-template-archive #archive_search {
  display: flex;
  justify-content: center;
}
.page-template-archive #archive_search #search_term {
  width: 80%;
  height: 44px;
}
.page-template-archive #archive_search input[type=submit] {
  background: #000;
  color: #fff;
}
.page-template-archive .search_section #search-results {
  margin-top: 40px;
}
.page-template-archive .search_section #search-results .results_list {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-gap: 10px;
  justify-content: center;
}
.page-template-archive .search_section #search-results .results_list .list_item .post_img {
  display: flex;
  justify-content: center;
}
.custom-mixed-media-slider .slick-dots li .video-dot:before {
  content: none !important;
}
.custom-mixed-media-slider .slick-dots {
  bottom: -30px !important;
}
.page-template-portfolio #extra-area .tabs_section {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.page-template-archive span.page-numbers.current {
  color: white;
  background: black;
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 5px;
}
.page-template-archive a.page-numbers {
  color: #000;
  font-size: 16px;
}
.page-template-portfolio #tab_4 .excerpt a {
  color: #fff !important;
  font-weight: 600;
}
.page-template-archive .archive-list.grid {
  padding: 5px!important;
}
.page-template-portfolio span[data-tab-value] a {
  color: #000;
}
.page-template-portfolio #extra-area .tabs_section .tabs_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
}
h3.label {
  margin-left: 12px;
  margin-right: 12px;
}
.page-template-portfolio #extra-area .tabs_section span[data-tab-value] {
  text-transform: uppercase;
  border: none;
  border-right: 1px solid #888;
  background: transparent;
  padding: 0 10px;
  margin-top: 15px;
  line-height: 100%;
  font-size: 16px;
  color: 000000;
  cursor: pointer;
}
.page-template-portfolio #extra-area .tabs_list span[data-tab-value]:last-of-type {
  border-right: none;
}
span.label_style {
  font-size: 16px !important;
  font-weight: 700;
}
.page-template-portfolio #extra-area .tabs_section span.label_style {
  background: #fff;
}
.page-template-portfolio #extra-area .tabs_section .tabs_content {
  height: 480px;
  overflow: auto;
  padding: 20px;
  border: 1px solid #ccc;
  margin-top: 40px;
}
.page-template-portfolio #extra-area .tabs_section [data-tab-info] {
  display: none;
}
.page-template-portfolio #extra-area .tabs_section .active[data-tab-info] {
  display: block;
}
.page-template-portfolio #extra-area .tabs_section .tabs_content .shopify_collection {
  width: 100%;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .page-template-archive .main {
    width: 100%;
  }
  .archive-filters-nav-container .subnav ul.archive-subnav-item {
    display: grid;
    grid-template-columns: 32.33% 32.33% 32.33%;
    gap: 30px;
  }
  .posts_by_category_section {
    grid-template-columns: 32.33% 32.33% 32.33%;
  }
  .ymc-smart-filter-container .container-posts .post-entry {
    grid-template-columns: 48% 48%;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 991px) {
  .archive-filters-nav-container .subnav ul.archive-subnav-item {
    row-gap: 30px;
  }
  .posts_by_category_section {
    row-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .archive-filters-nav-container .subnav ul.archive-subnav-item {
    grid-template-columns: 48% 48%;
    row-gap: 30px;
  }
  .posts_by_category_section {
    grid-template-columns: 100%;
    row-gap: 30px;
  }
  .ymc-smart-filter-container .container-posts .post-entry {
    gap: 20px;
  }
  .page-template-portfolio #content-area {
    overflow: unset !important;
  }
  .page-template-archive .search_section #search-results .results_list {
    grid-template-columns: 100%;
  }
  .page-template-portfolio #extra-area .tabs_section {
    margin-bottom: 30px;
  }
}
.press_qoute.grid_section .grid-item-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.press_qoute.grid_section .grid-item.thumbnail {
  background: #333333;
  color: #fff;
  text-align: center;
  padding: 23px;
}
.press_qoute.grid_section .grid-item.thumbnail a {
  color: #fff;
}
/*Custom archive filter*/
@keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: var(--max-opacity);
  }
  75% {
    opacity: var(--max-opacity);
  }
  100% {
    opacity: 0;
  }
}
@keyframes sharpen {
  0% {
    filter: blur(20px);
  }
  100% {
    filter: blur(0px);
  }
}
@keyframes unsharp {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}
@keyframes slideup {
  0% {
    top: 80%;
  }
  100% {
    top: 0;
  }
}
@keyframes slide-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes rotate {
  to {
    --angle: 360deg;
  }
}
--angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
/* ==========================================================================
Loading Animation System by Neale Van Fleet from Rogue Amoeba
========================================================================== */
.animate {
  animation-duration: 0.75s;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-fill-mode: backwards;
}
/* Fade In */
.animate.fade {
  animation-name: animate-fade;
  animation-timing-function: ease;
}
@keyframes animate-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Pop In */
.animate.pop {
  animation-name: animate-pop;
}
@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
/* Blur In */
.animate.blur {
  animation-name: animate-blur;
  animation-timing-function: ease;
}
@keyframes animate-blur {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
/* Glow In */
.animate.glow {
  animation-name: animate-glow;
  animation-timing-function: ease;
}
@keyframes animate-glow {
  0% {
    opacity: 0;
    filter: brightness(3) saturate(3);
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 1;
    filter: brightness(1) saturate(1);
    transform: scale(1, 1);
  }
}
/* Grow In */
.animate.grow {
  animation-name: animate-grow;
}
@keyframes animate-grow {
  0% {
    opacity: 0;
    transform: scale(1, 0);
    visibility: hidden;
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
/* Splat In */
.animate.splat {
  animation-name: animate-splat;
}
@keyframes animate-splat {
  0% {
    opacity: 0;
    transform: scale(0, 0) rotate(20deg) translate(0, -30px);
  }
  70% {
    opacity: 1;
    transform: scale(1.1, 1.1) rotate(15deg);
  }
  85% {
    opacity: 1;
    transform: scale(1.1, 1.1) rotate(15deg) translate(0, -10px);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0) translate(0, 0);
  }
}
/* Roll In */
.animate.roll {
  animation-name: animate-roll;
}
@keyframes animate-roll {
  0% {
    opacity: 0;
    transform: scale(0, 0) rotate(360deg);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg);
  }
}
/* Flip In */
.animate.flip {
  animation-name: animate-flip;
  transform-style: preserve-3d;
  perspective: 1000px;
}
@keyframes animate-flip {
  0% {
    opacity: 0;
    transform: rotateX(-120deg) scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg) scale(1, 1);
  }
}
/* Spin In */
.animate.spin {
  animation-name: animate-spin;
  transform-style: preserve-3d;
  perspective: 1000px;
}
@keyframes animate-spin {
  0% {
    opacity: 0;
    transform: rotateY(-120deg) scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    transform: rotateY(0deg) scale(1, 1);
  }
}
/* Slide In */
.animate.slide {
  animation-name: animate-slide;
}
@keyframes animate-slide {
  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/* Drop In */
.animate.drop {
  animation-name: animate-drop;
  animation-timing-function: cubic-bezier(0.77, 0.14, 0.91, 1.25);
}
@keyframes animate-drop {
  0% {
    opacity: 0;
    transform: translate(0, -300px) scale(0.9, 1.1);
  }
  95% {
    opacity: 1;
    transform: translate(0, 0) scale(0.9, 1.1);
  }
  96% {
    opacity: 1;
    transform: translate(10px, 0) scale(1.2, 0.9);
  }
  97% {
    opacity: 1;
    transform: translate(-10px, 0) scale(1.2, 0.9);
  }
  98% {
    opacity: 1;
    transform: translate(5px, 0) scale(1.1, 0.9);
  }
  99% {
    opacity: 1;
    transform: translate(-5px, 0) scale(1.1, 0.9);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1, 1);
  }
}
/* Animation Delays */
.delay-1 {
  animation-delay: 0.6s;
}
.delay-2 {
  animation-delay: 0.7s;
}
.delay-3 {
  animation-delay: 0.8s;
}
.delay-4 {
  animation-delay: 0.9s;
}
.delay-5 {
  animation-delay: 1s;
}
.delay-6 {
  animation-delay: 1.1s;
}
.delay-7 {
  animation-delay: 1.2s;
}
.delay-8 {
  animation-delay: 1.3s;
}
.delay-9 {
  animation-delay: 1.4s;
}
.delay-10 {
  animation-delay: 1.5s;
}
.delay-11 {
  animation-delay: 1.6s;
}
.delay-12 {
  animation-delay: 1.7s;
}
.delay-13 {
  animation-delay: 1.8s;
}
.delay-14 {
  animation-delay: 1.9s;
}
.delay-15 {
  animation-delay: 2s;
}
@media screen and (prefers-reduced-motion: reduce) {
  .animate {
    animation: none !important;
  }
}
@keyframes scale-text {
  0% {
    filter: blur(4px);
  }
  100% {
    transform: scale(1.5);
    filter: blur(0);
  }
}
@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.overlay {
  transition: flex 500ms;
}
.curated-items-grid.accordion .item .event-details .overlay-inner {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 3s ease;
}
.curated-items-grid.accordion .item .event-details .overlay-inner a h5 {
  font-size: 3rem;
  line-height: normal;
  max-width: 40ch;
  text-align: center;
  transform: scale(0.94);
  filter: blur(0);
  transition: all 0.5s ease;
}
.curated-items-grid.accordion .item .event-details .overlay-inner .excerpt {
  transition: all 0.5s ease;
}
.curated-items-grid.accordion .item .event-details .overlay-inner .excerpt::first-line {
  display: inline-block;
  opacity: 0;
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover {
  /*    .excerpt:last-child::nth-last-line(3) {
      color: hsla(26, 5%, 25%, 1);
      font-size: 70%;
    }
    .excerpt:last-child::nth-last-line(2) {
      color: hsla(26, 5%, 50%, 1);
      font-size: 60%;
    }
    .excerpt:last-child::nth-last-line(1) {
      color: hsla(26, 5%, 75%, 1);
      font-size: 50%
    }*/
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover a h5 {
  width: 100%;
  animation: scale-text 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt {
  overflow: hidden;
  padding: 2rem;
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt span {
  width: 100%;
  font-size: x-large;
  line-height: 2rem;
  white-space: normal;
  animation: scale-text 2s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(2) {
  background: green;
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(9) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(10) {
  animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(11) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(12) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(13) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.curated-items-grid.accordion .item .event-details .overlay-inner:hover .excerpt > span::first-line:nth-child(19) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.hero-on .nav-container.nav.first:before {
  filter: invert(1);
  background-image: none !important;
}
@keyframes slide-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
body.loading .loader {
  visibility: visible;
}
.animated-border {
  --angle: 0deg;
  border-bottom: 0.3rem dashed;
  border-image: linear-gradient(var(--angle), #12c2e9, #c471ed, #f64f59) 1;
  animation: 5s rotate linear infinite;
}
.animated-bg {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
#ajax-filter {
  display: none;
  visibility: collapse;
}
.filter-description {
  padding: 1rem 1rem 3rem 1rem;
}
.archive-filters-nav-container .archive-filters-nav.filter-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  margin: 3rem 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 480px) {
  .archive-filters-nav-container .archive-filters-nav.filter-buttons {
    flex-direction: column;
  }
}
.archive-filters-nav-container .archive-filters-nav.filter-buttons button,
.archive-filters-nav-container .archive-filters-nav.filter-buttons a {
  border: 0px none;
  margin: 1rem 0.5rem 0 1rem;
  padding: 0.3rem 1rem;
  font-size: 1rem;
  font-family: FuturaBT-Light, SansSerif;
  text-transform: uppercase;
  color: var(--fgcolor);
  background-color: var(--sidecolor);
}
.archive-filters-nav-container .archive-filters-nav.filter-buttons button.active,
.archive-filters-nav-container .archive-filters-nav.filter-buttons a.active,
.archive-filters-nav-container .archive-filters-nav.filter-buttons button:active,
.archive-filters-nav-container .archive-filters-nav.filter-buttons a:active,
.archive-filters-nav-container .archive-filters-nav.filter-buttons button:visited,
.archive-filters-nav-container .archive-filters-nav.filter-buttons a:visited,
.archive-filters-nav-container .archive-filters-nav.filter-buttons button:hover,
.archive-filters-nav-container .archive-filters-nav.filter-buttons a:hover {
  color: black;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.archive-filters-nav-container .subnav {
  display: none;
  transition: all 3s ease;
  position: relative;
  margin-bottom: 2rem;
  /* expanded icon */
}
.archive-filters-nav-container .subnav.active {
  height: max-content;
}
.archive-filters-nav-container .subnav .archive-subnav-item {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .archive-filters-nav-container .subnav .archive-subnav-item {
    display: grid;
  }
}
.archive-filters-nav-container .subnav ul {
  display: flex;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
  font-size: larger;
}
.archive-filters-nav-container .subnav ul ul {
  border-left: var(--iconcolor) 1px solid;
}
.archive-filters-nav-container .subnav ul,
.archive-filters-nav-container .subnav ul * {
  font-family: FuturaBT-Light, SansSerif;
  color: var(--iconcolordark);
}
.archive-filters-nav-container .subnav ul li {
  padding: 0.5rem 1rem;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-fill-mode: backwards;
}
.archive-filters-nav-container .subnav ul li a {
  color: var(--iconcolordark);
}
.archive-filters-nav-container .subnav ul li a:hover,
.archive-filters-nav-container .subnav ul li a.active {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--ahover-color) !important;
}
.archive-filters-nav-container .subnav ul li.menu-item-has-children a {
  display: none;
}
.archive-filters-nav-container .subnav ul li:not(.menu-item-has-children) a {
  display: block;
}
.archive-filters-nav-container .subnav ul ul {
  display: block;
  font-size: smaller;
  margin-left: 1.5rem;
  animation-name: animate-fade;
  animation-timing-function: ease;
}
.archive-filters-nav-container .subnav input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.archive-filters-nav-container .subnav input ~ ul {
  display: none;
}
.archive-filters-nav-container .subnav input:checked ~ ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.archive-filters-nav-container .subnav input ~ label {
  display: inline-block;
}
.archive-filters-nav-container .subnav input ~ label:after {
  display: block;
  background: var(--iconcolordark);
  color: #fff;
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  content: "+";
  text-align: center;
  line-height: 1rem;
}
.archive-filters-nav-container .subnav input:checked ~ label:after {
  content: "–";
}
.livesearch-container {
  position: relative;
}
.livesearch-container fieldset,
.livesearch-container fieldset.search-field {
  margin: 0;
  padding: 0;
  border: 0px none;
}
.livesearch-container fieldset i,
.livesearch-container fieldset.search-field i {
  position: absolute;
  top: 0.4rem;
  left: 0.5rem;
  cursor: pointer;
}
.livesearch-container fieldset input[type="text"],
.livesearch-container fieldset.search-field input[type="text"] {
  text-indent: 1.5rem;
}
.grid-container {
  display: block;
  width: 100% !important;
  max-height: 600px !important;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}
.grid-container:after {
  display: block !important;
  width: 100%;
  height: 100px;
  position: sticky;
  bottom: 0;
  left: 0;
  content: " ";
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, #ffffff 100%);
  z-index: 100;
}
.archive-list.grid {
  position: relative;
}
.archive-list.grid .grid-item {
  background-color: var(--light-gray);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.archive-list.grid .grid-item .grid-item-thumbnail {
  z-index: 1;
  transition: all 0.3s ease;
}
.archive-list.grid .grid-item .grid-item-details {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  z-index: 100;
  transition: all 0.5s ease;
  background-color: var(--white-6);
}
.archive-list.grid .grid-item .grid-item-details h4 {
  text-align: left;
  font-family: 'FuturaBT-Light', 'Lato', sans-serif;
  font-weight: 400;
  margin: 1rem;
  font-size: 1.1rem !important;
  line-height: 30px;
}
.archive-list.grid .grid-item .grid-item-details div {
  margin: 0.5rem 1rem;
}
.archive-list.grid .grid-item .grid-item-details a {
  color: var(--black-75);
}
.archive-list.grid .grid-item .grid-item-details a:hover {
  color: black;
}
.archive-list.grid .grid-item:hover .grid-item-details {
  height: 100%;
}
.archive-list.grid .grid-item:hover img {
  filter: blur(5px);
}
.two-columns,
.archive-notes {
  margin: 2rem 0;
}
.two-columns {
  display: flex;
  flex-direction: row;
}
.page-template-archive .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.press_links .grid_section .grid-item {
  height: 250px!important;
  background: #ccc;
  color: #fff;
}
.page-template-portfolio .archive-list.grid {
  padding: 5px!important;
}
.page-template-portfolio .press_links .grid_section .grid-item .hover-outer {
  background: #000 !important;
  opacity: 1!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.press_links .grid_section .grid-item:hover .hover-inner {
  top: 0%!important;
}
.press_links .grid_section .grid-item .hover-inner .title a {
  font-size: 24px;
}
.press_links .grid_section .grid-item .hover-inner {
  position: relative;
  transform: none!important;
  top: 0%!important;
  line-height: 1.4 !important;
  padding: 20px!important;
}
.press_links .grid_section .grid-item-content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
h3.label {
  margin-left: 12px;
  margin-right: 12px;
}
.archive-list.grid .grid-item:hover .grid-item-details {
  height: 100%!important;
}
@media only screen and (max-width: 767px) {
  h3.label {
    font-size: 20px !important;
    margin: 24px;
    padding-left: 6px;
  }
  div#content-area {
    padding: 20px;
    padding-top: 0px;
  }
  .icons_section {
    align-items: center;
  }
  .portfolio .date-media-dimentions {
    flex-direction: column!important;
    text-align: center!important;
    gap: 15px;
  }
  .page-template-portfolio #extra-area .tabs_section {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .two-columns {
    flex-direction: column;
  }
}
.two-columns div {
  display: block;
  padding: 1rem;
  width: 50%;
}
.two-columns div.expandable {
  aspect-ratio: unset;
  overflow: unset;
  padding-bottom: 0;
}
/*.two-columns div.expandable:after {*/
/*  display: block !important;*/
/*  width: 100%;*/
/*  height: 100px;*/
/*  position: sticky;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  content: " ";*/
/*  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, #ffffff 100%);*/
/*  z-index: 100;*/
/*}*/
@media only screen and (max-width: 480px) {
  .two-columns div {
    width: 100%;
    padding: 0;
  }
  .two-columns div.expandable {
    aspect-ratio: unset;
    overflow: visible;
    margin: 1rem 0;
  }
}
.two-columns h1,
.two-columns h2,
.two-columns h3,
.two-columns h4 {
  line-height: normal;
}
@media only screen and (max-width: 480px) {
  .two-columns {
    flex-direction: column;
    padding: 0;
  }
}