/* Compatibility repairs for the preserved Evolution 2.6 design. */
img { max-width: 100%; height: auto; }
iframe, audio, video { max-width: 100%; }
html { overflow-wrap: break-word; }
button, input { font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #397a83; outline-offset: 3px; }
.nav li:hover > ul, .nav li:focus-within > ul, .nav li.static-submenu-open > ul { display: block; visibility: visible; opacity: 1; }
#menu-main > li.menu-item-has-children > a::after { content: ' »'; }
.flexslider .slides > li:first-child { display: block; }
.flexslider .slides > li[hidden] { display: none !important; }
.flexslider .slides > li.static-slide-active { display: block; }
#controllers-wrapper-left { left: 50%; transform: translateX(-50%); visibility: visible; }
.static-slider-arrows { position: absolute; inset: 0; pointer-events: none; display: flex; align-items: center; justify-content: space-between; z-index: 8; }
.static-slider-arrows button { pointer-events: auto; background: #fff; color: #475458; border: 0; font-size: 32px; line-height: 1; width: 35px; height: 44px; cursor: pointer; }
.static-slider-arrows button:first-child { margin-left: -12px; }
.static-slider-arrows button:last-child { margin-right: -12px; }
.et_pt_portfolio_overlay, .r-work .overlay { pointer-events: none; }
.et_pt_portfolio_image:hover .et_portfolio_more_icon, .et_pt_portfolio_image:hover .et_portfolio_zoom_icon,
.et_pt_portfolio_image:focus-within .et_portfolio_more_icon, .et_pt_portfolio_image:focus-within .et_portfolio_zoom_icon { display: block; z-index: 3; }
.et_pt_item_image:hover a.zoom-icon, .et_pt_item_image:hover a.more-icon { visibility: visible; }
.r-work:hover a.more, .r-work:hover a.zoom, .r-work:focus-within a.more, .r-work:focus-within a.zoom { display: block; z-index: 3; opacity: 1; }
.r-work a.more { left: 62px; }
.r-work a.zoom { right: 62px; }
.r-work:hover p { visibility: visible; opacity: 1; height: auto; }
.static-note { margin: 20px 0; }
.static-contact { display: inline-block; background: #8db9bd; color: #18383d !important; padding: 13px 22px; border-radius: 3px; text-decoration: none; margin: 16px 0; }
.collection-search { margin: 24px 0; }
.collection-search label { display: block; margin-bottom: 10px; }
.collection-search div { display: flex; gap: 10px; }
.collection-search input { min-width: 0; width: 100%; border: 1px solid #aac3c6; padding: 12px; }
.collection-search button { border: 0; background: #8db9bd; color: #18383d; padding: 10px 20px; cursor: pointer; }
.search-result { border-top: 1px solid #e3e3e3; padding: 22px 0; }
.search-result h2 { font-size: 23px; }
.static-lightbox { padding: 0; border: 0; background: transparent; color: white; max-width: 96vw; max-height: 96vh; overflow: visible; }
.static-lightbox::backdrop { background: rgba(9,16,18,.93); }
.static-lightbox figure { margin: 0; text-align: center; }
.static-lightbox img { display: block; max-width: 86vw; max-height: 82vh; width: auto; height: auto; object-fit: contain; }
.static-lightbox figcaption { padding: 12px; max-width: 80vw; color: white; font: 15px/1.5 Arial,sans-serif; }
.static-lightbox button { position: absolute; background: #fff; color: #243a3e; border: 0; border-radius: 50%; width: 40px; height: 40px; font-size: 30px; cursor: pointer; z-index: 3; }
.lightbox-close { top: 5px; right: 5px; }
.lightbox-prev { top: 45%; left: -20px; }
.lightbox-next { top: 45%; right: -20px; }
[hidden] { display: none !important; }
@media (max-width: 767px) {
  .container { width: calc(100% - 40px) !important; max-width: 600px; }
  #navigation .container { min-height: 50px; }
  #navigation { padding: 12px 0; }
  a#mobile_nav { position: relative; top: 0; padding: 17px 43px 17px 15px; width: fit-content; z-index: 10; }
  a#mobile_nav span { top: 22px; right: 14px; }
  #search-form { position: absolute; right: 0; top: 5px; margin: 0; }
  nav#top-menu { position: static; }
  nav#top-menu > ul.nav { display: none; position: absolute; top: 50px; left: 0; width: 100%; max-height: calc(100svh - 165px); overflow-y: auto; background: #fafafa; border: 1px solid #d6d6d6; z-index: 100; box-sizing: border-box; }
  nav#top-menu > ul.static-menu-open { display: block; }
  nav#top-menu li { float: none; display: block; }
  nav#top-menu li ul { position: static; box-sizing: border-box; width: 100%; display: block !important; opacity: 1; visibility: visible; box-shadow: none; border: 0; padding-left: 15px; background: #edf4f4; }
  #top-menu li a, #top-menu li li a { float: none; width: auto; padding: 12px 18px; color: #364d51; display: block; }
  #main_content, #left-area, #about, #recent-posts { width: 100%; float: none; box-sizing: border-box; }
  #content_area { background: none; }
  .entry, .commentlist { padding-right: 0; }
  .entry_content p { display: block; }
  .entry_content { padding-left: 0; }
  #featured { display: block !important; margin-top: 25px; }
  #featured_shadow { display: none; }
  .slides span.overlay { width: 100%; background: none; height: 100%; }
  .flex-caption { display: block; position: static; box-sizing: border-box; width: 100%; padding: 12px 15px; background: #344e52; font-size: 12px; }
  .flexslider .slides .featured-image { width: 100%; height: 235px; object-fit: cover; }
  #controllers-wrapper { display: none; }
  #recent-work { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }
  #work-info { width: 100%; }
  .r-work { margin: 0 0 20px !important; width: 203px !important; }
  .r-work p { display: none !important; }
  #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin: 0 !important; }
  .et_pt_portfolio_row { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 24px; }
  #et_pt_portfolio_gallery .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin: 0 !important; width: min(100%, 350px) !important; float: none; }
  .et_pt_portfolio_image img { width: 100%; }
  .et_pt_portfolio_image .et_portfolio_more_icon, .et_pt_portfolio_image .et_portfolio_zoom_icon { display: block; z-index: 3; }
  .et_pt_portfolio_image .et_portfolio_more_icon { left: calc(50% - 42px) !important; top: calc(50% - 18px) !important; }
  .et_pt_portfolio_image .et_portfolio_zoom_icon { left: calc(50% + 3px) !important; top: calc(50% - 18px) !important; }
  #et_pt_portfolio_gallery .page-nav { margin-left: 0; }
  .single-thumbnail { margin-left: 0; max-width: 100%; }
  .et_pt_gallery_entry { margin-left: 0 !important; }
  #et_pt_gallery { margin-left: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
  #sidebar { display: none; }
}
@media (max-width: 380px) {
  #search-form { width: 140px; background: none; }
  #search-form #searchinput { width: 108px; }
  #search-form #searchsubmit { right: 0; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
