@import url('./normalize.css');
@import url('./bootstrap-grid.css');
/* @import url('./icon-font.css'); */

@import url('./shiro-share.css');

@import url('./swiper-bundle.min.css');
@import url('./jquery.fancybox.min.css');
@import url('./vitor.css');

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 /* ROBOTO CONDENSED */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* FOCO */
@font-face {
  font-family: 'Foco';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Foco_Rg.ttf') format('truetype');
}
@font-face {
  font-family: 'Foco';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Foco_It.ttf') format('truetype');
}

@font-face {
  font-family: 'Foco';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Foco_Bd.ttf') format('truetype');
}
@font-face {
  font-family: 'Foco';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Foco_BdIt.ttf') format('truetype');
}


:root{
  --header-height: 100px;
  --mob-menu-height: 0px;
  --furnas-yellow: #c9da2a;
  --furnas-green: #009e49;
  --furnas-blue-1: #005899;
  --furnas-blue-2: #0072c6;
  --furnas-blue-3: #00adc6;
  --furnas-blue-4: #5e99aa;
  --furnas-blue-5: #6bc9db;
  --furnas-lightgray: #edece3;
  --furnas-gray: #b2aa9a;
 
  --furnas-darkgray: #333333;
  --me-lightergray: #efeae9;
  --me-lightgray: #ddd8d4;
}
@media (min-width: 860px) {
  :root{
    --header-height: 160px;
  }
  :root body.scrolled {
    --header-height: 120px;
  }
}

html, body{
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
html{
  font-size: 16px;
  word-spacing: 1px;
  font-family: "Roboto", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
body{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;

  /* background-color: var(--me-lightergray); */
  /* color: var(--ec-black); */
  
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

main{
  flex-grow: 1;
  padding: 3.5em 0 4em 0;
}

h1, h2, h3, h4, h5, h6{
  color: var(--ec-black);
}

a{
  text-decoration: none;
  color: inherit;
}

img{
  display: block;
}

iframe {
  border: none;
}

pre{
  overflow: hidden;
}

#template-default{
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--me-lightergray);
}
#template-default > header{
    position: sticky;
    top: 0; left: 0;
    width: 100%; 
    z-index: 50;
}
#template-default > header > *{
  flex-shrink: 0;
}
#template-default > header > #navbar{
    height: var(--header-height);
    transition: height .15s ease-out;
}

#template-default > #search{
  position: sticky;
    top: calc(var(--header-height) + var(--mob-menu-height)); 
    left: 0;
    width: 100%;

    transition: top .15s ease-out;
}
 @media (min-width: 860px) {
   #template-default > #search{
     top: var(--header-height);
   }
}
#template-default > main{
    min-height: 100%;
    padding-top: 5em;
}

/* HELPERS */

.container{
  width: 95% !important;
  max-width: 1100px !important;
}

.menu-toggle{
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 20px;
  
}
#hamburguer{
  max-width: 2em;
  min-width: 1.5em;
  
} 
  #hamburguer img{
    width: 100%;
    object-fit: cover;
   
  }

.img-sizer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.img-sizer > * {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;

  transition: opacity 0.15s ease-out;
}

a{
  /* text-decoration: underline; */
  /* text-decoration-color: red; */
  transition: all .15s ease-out;
}
a:hover{
  /* color: #633030; */
  color:#000;
  text-decoration-color: transparent;
}

a.about-tag {
  display: inline-flex;
  padding: .3em .75em .25em .75em;
  border: 1px solid var(--ec-black);
  
  line-height: 180%;
  text-decoration: none;

  background-color: transparent;
  color: var(--ec-black);
  transition: all .15s ease-out;;
}
a.about-tag:hover {
  background-color: var(--ec-black);
  color: var(--ec-lightgray);
}


[gallery] {
  cursor: pointer;
}

/* HEADER */
header#main-header {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 background-color: var(--furnas-blue-1);
	 z-index: 100;
}
 header#main-header:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
	 width: 100%;
	 height: var(--header-height);
	 opacity: 0.25;
	/* background-color: transparent;
	 background-position: center;
	 background-repeat: repeat-x;
	 background-size: auto 60px;
	 background-image: url('@/assets/img/wave.png');
	 */
	 pointer-events: none;
	 transition: height 0.15s ease-out;
}
 body.scrolled header#main-header:after {
	 --after-height: 10px;
	 content: '';
	 display: block;
	 position: absolute;
	 top: calc(100% - (var(--after-height) / 2));
	 left: 0;
	 width: 100%;
	 height: var(--after-height);
	 background: inherit;
}
 #navbar {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding-top: 10px;
	 padding-bottom: 10px;
}
 .nav-logo {
	 position: relative;
	 display: inline-block;
	 width: auto;
	 height: 80%;
	 min-height: 60px;
}
 .nav-logo > img {
	 height: 100%;
}
 #desk-menu {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 gap: 40px;
}
 #desk-menu > * {
	 flex: 0 0;
}
 .nav-links, .nav-icons {
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 gap: 20px;
}
 .nav-links a, .nav-icons a {
	 text-transform: uppercase;
	 text-decoration: none;
	 color: white;
}
 .nav-links a:hover, .nav-icons a:hover {
	 color: var(--furnas-yellow);
}

.nav-icons .icons{
    width: 1em;
    height: 1em;
    background: white;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.nav-icons .icons:hover{
  background:var(--furnas-yellow);
}

 .nav-links a {
	 font-family: 'Foco';
	 font-size: 0.9em;
	 letter-spacing: 0.75px;
}
 .nav-button {
	 appearance: none;
	 background: none;
	 border: none;
	 color: white;
}
 #mob-bar {
	 position: relative;
	 height: var(--mob-menu-height);
	 transition: height 0.15s ease-out;
}
#mob-bar.container{
  width: 100% !important;
  padding: 0 .5em;
}
 #mob-menu {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: flex-end;
	 gap: 20px;
	 width: 100%;
	 padding-top: 20px;
	 padding-bottom: 20px;
}
 #mob-menu > * {
	 flex: 0 0;
	 width: 100%;
}
 #mob-menu .nav-links {
	 display: flex;
	 flex-direction: column;
	 align-items: stretch;
	 gap: 0;
}
 #mob-menu .nav-links a {
	 padding: 20px 0;
	 border-bottom: 1px solid var(--furnas-blue-3);
	 text-transform: uppercase;
	 text-decoration: none;
	 color: white;
}
 #mob-menu .nav-links a:first-child {
	 border-top: 1px solid var(--furnas-blue-3);
}
 #mob-menu .nav-links a:hover {
	 color: var(--furnas-yellow);
}
 #mob-menu .nav-icons {
	 justify-content: flex-start;
}
#mob-menu .nav-icons .icons{
    width: 1em;
    height: 1em;
    background: white;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 .fade-enter, .fade-leave-to {
	 opacity: 0;
}
 .fade-enter-to, .fade-leave {
	 opacity: 1;
}
 .fade-enter-active, .fade-leave-active {
	 transition-duration: 0.15s;
	 transition-timing-function: ease-out;
}
 


  #mob-nav {
    position: relative;
    z-index: 100;
    display: none;
  }

    #mob-nav-row-1 {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: transparent;
      overflow: hidden;
      z-index: 10;
    }

    #mob-nav-row-1 > .container {
      position: relative;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 20px;
      padding: 0 !important;
      width: 98%!important;
    }
     
    #mob-nav-row-2 , #mob-nav-row-2 {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 1em;
      background-color: var(--furnas-blue-1);

      z-index: 5;

      transform: translateY(0);
      transition: transform .15s ease-out;
    }
      #mob-nav-row-2{
        opacity: 0;
      }
      
    body.menu-open #mob-nav-row-2{
      opacity: 1;

    }

    body.menu-open #mob-nav-row-2 {
      transform: translateY(100%);
    }
    #mob-nav-row-2 > .container {
      display: flex;
      flex-direction: column;
    }
    #mob-nav-row-2 a {
      padding: 1em 0;
      border-bottom: 1px solid var(--furnas-blue-2);
    }
    #mob-nav-row-2 a:last-child {
      border-bottom: none;
    }

     #mob-nav-row-2 .network-logos{
       margin: 2em 0;
     }
    #mob-nav-row-2 .network-logos a {
      padding: 0;
      
    }

body.scrolled #mob-nav-row-1, 
body.menu-open #mob-nav-row-1  {
  background-color: var(--sna-blue);
  transition: all 178ms ease-in
}
body.menu-open #mob-nav-row-1{
  transition: all 100ms ease-in;
}





  @media (max-width: 859px) {
    body header:after{
      content: '';
      position: fixed;
      display: block;
      top: 0; left: 0;
      width: 100%; height: auto;
      /* background-color: var(--ec-black); */
      z-index: 0;
      pointer-events: none;
      opacity: 0;
      transition: opacity .15s ease-out;
    }
    body.menu-open header:after{
      pointer-events: all;
      opacity: .5;
    }
  }

  #desk-nav {
    font-size: .9em;
    font-weight: 500;
    padding: 1em 0;
  }
    #desk-nav .container {
      height: 100%;

      display: flex;
      justify-content: flex-end;
      align-items:center;
      gap: 1em;
    }
    #desk-nav .logo {
      margin-right: auto;
      overflow: hidden;
      opacity: 1;
      
    }
    #desk-nav .logo:hover{
      opacity:.8;
      /* outline: 1px solid; */
      /* outline-color: white; */
    }
    #desk-nav .logo img {
      max-width: 100%;
      object-fit: contain;
    }

    #desk-nav a {
      letter-spacing: 0.2px;
      color: var(white);
    }
    #desk-nav a.current {
      color: var(--sna-lightblue);
    }
    #desk-nav a:hover{
      color: var(--sna-lightblue);
    }

      @media(max-width:1120px){
        #desk-nav{
          display: none !important;
        }
        #mob-nav{
          display: flex;
        }
      }

    .network-logos{
      display: flex;
      max-width: 150px;
      width: 100%;
      gap: 10px;
      height:1.9em;
      position: relative;
      overflow: hidden;
      margin-left: 1em;
    }

    .network-logos a{
      width: 100%;
      height: 100%;

      border-radius: 50%;
      /* padding: .5em; */
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: white;
      padding: .1em;
      overflow: hidden;
    }
  
      
      .network-logos img{
      /* background-color: black !important; */
      border-radius: 1em;
      width: 70%;
      height: 70%;
      object-fit: contain;    
    }
    .network-logos #linkeding img{
      border-radius: 0;
    }

/* STICKY HEADER */

/* HOME SEARCH-BAR HEADER */

#search {
	 --search-spacing: 10px;
	 width: 100%;
	 background: var(--furnas-blue-2);
	 color: white;
	 z-index: 50;
}
 #search .container {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 align-items: center;
	 padding-top: calc(var(--search-spacing) * 1.5);
	 padding-bottom: calc(var(--search-spacing) * 1.5);
	 gap: calc(var(--search-spacing) * 1.5);
}
 @media (max-width: 859px) {
	 #search .container {
		 padding-top: var(--search-spacing);
		 padding-bottom: var(--search-spacing);
	}
}
 #search .container > * {
	 width: 100%;
}
 #search .container > .filter-fields {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 gap: var(--search-spacing);
   width: 100%;
}
 @media (max-width: 575px) {
	 #search .container > .filter-fields {
		 flex-direction: column;
		 row-gap: calc(var(--search-spacing) * 2);
	}
	 #search .container > .filter-fields > * {
		 width: 100%;
	}
	 #search .container > .filter-fields > #search-switch {
		 order: -1;
	}
}
 #search .autocomplete-component {
	 background: transparent;
   width: 100%;
   position: relative;
}
#search .autocomplete-component input{
  width: 100% !important;
}
 #search .autocomplete-component .autocomplete-suggestion {
	 background-color: white;
	 border-bottom-left-radius: 4px;
	 border-bottom-right-radius: 4px;
	 border-width: 0 1px 1px 1px;
	 border-style: solid;
	 border-color: var(--furnas-blue-1);
	 color: var(--furnas-blue-1);
}
 #search .autocomplete-component .autocomplete-suggestion .autocomplete-suggestion-item {
	 flex-direction: column;
	 gap: 0.5em;
	 padding: 0.75em;
}
 #search .autocomplete-component .autocomplete-suggestion .autocomplete-suggestion-item:not(:last-child) {
	 border-bottom: 1px solid var(--furnas-blue-1);
}
 #search .autocomplete-component .autocomplete-suggestion .autocomplete-suggestion-item .item-type {
	 order: -1;
	 font-size: 0.75em;
}
 #search .autocomplete-component .autocomplete-suggestion .autocomplete-suggestion-item:hover, #search .autocomplete-search .autocomplete-suggestion .autocomplete-suggestion-item.selected {
	 background-color: var(--furnas-blue-1);
	 color: white;
}
 #search input {
	 padding: 0.75em;
	 border-radius: 4px;
	 border: 1px solid white;
	 background: transparent;
	 color: white;
}
 #search input::placeholder {
	 color: white;
}
 #search input:focus {
	 border-color: var(--furnas-yellow);
}
#search .selected-tags{
  height: auto;
}
#search .selected-tags #tag-container{
  height: auto;
  padding: 0 10px !important;
}

 #simple-search {
	 flex: 1 0;
	 position: relative;
	 display: flex;
	 align-items: center;
	 gap: var(--search-spacing);
   width: 100%;
}
 #simple-search img {
  position: absolute;
  right: 0;
  margin-top: 0.1em;
  margin-right: 1rem;

  font-size: 75%;
  width: 1.5em;
  height: 1.5em;

  cursor: pointer;
  z-index: 1;
   
  opacity: .5;
  pointer-events: none;
  transition: opacity .15s ease-out;
}
#simple-search.has-value img {
  opacity: 1;
  pointer-events: all;
}
 #simple-search input {
	 flex: 1 0;
	 padding-left: 1.75rem;
	 border-color: white;
   width: 100%;
}
 #simple-search  input:focus {
	 border-color: transparent;
}
 #simple-search  input::placeholder {
	 font-size: 0.8em;
	 white-space: nowrap;
	 text-transform: uppercase;
}
 #simple-search .send-button {
	 position: absolute;
	 top: 9px;
	 bottom: 0;
	 right: 10px;
	 margin: 0;
	 width: fit-content;
	 height: max-content;
	 padding: 0.3rem 0.75rem;
	 border: 1px solid white;
	 border-radius: 4px;
	 font-size: 0.75rem;
	 color: white;
	 cursor: pointer;
	 letter-spacing: 0.2px;
	 background: none;
}
 #simple-search .autocomplete-component-results {
	 display: none;
}
#simple-search.adv-search-open{
  display: none;
}
.autocomplete-component-results{
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid var(--furnas-blue-1);
  border-top: 0 solid var(--furnas-blue-1);
  color: var(--furnas-blue-1);
  position: absolute;
  width: 100%;
}
.autocomplete-component-results > *{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  gap: .5em;
  line-height: 120%;
  padding: 1em;
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid var(--furnas-blue-1);
}

 #advanced-search {
   display: none !important;
	 /* display: grid; */
	 position: relative;
	 grid-template-columns: 100%;
	 grid-gap: var(--search-spacing);
	 width: 100%;
}
#advanced-search.adv-search-open{
    display: grid !important;
	 position: relative;
	 /* grid-template-columns: 100%; */
	 grid-gap: var(--search-spacing);
	 width: 100%;
}

 @media (min-width: 576px) {
	 #advanced-search {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 @media (min-width: 992px) {
	 #advanced-search {
		 grid-template-columns: repeat(4, 1fr);
	}
}
 @media (min-width: 1200px) {
	 #advanced-search {
		 display: flex;
		 flex-wrap: nowrap;
		 /* grid-template-columns: unset; */
	}
}
 #advanced-search input {
	 --input-color: rgba(255, 255, 255, 1);
}
 #advanced-search input:placeholder-shown {
	 --input-color: rgba(255, 255, 255, 0.5);
	 border-color: var(--input-color);
}
 #advanced-search input::placeholder {
	 color: var(--input-color);
}
 #advanced-search > .autocomplete-search {
	 flex: 1 1;
}
 #advanced-search > #apply-mods {
	 background-color: white;
	 color: var(--furnas-blue-2);
	 cursor: pointer;
}
 .search-switch {
	 align-self: stretch;
	 display: grid;
	 place-items: center;
	 padding: 0.5rem 0.75rem;
	 border-width: 1px;
	 border-style: solid;
	 border-color: white;
   color: white;
	 border-radius: 4px;
	 font-size: 0.75em;
	 letter-spacing: 0.2px;
	 white-space: nowrap;
	 text-transform: uppercase;
	 cursor: pointer;
}
.search-switch:hover{
  /* background: var(--furnas-darkgray); */
  background-color:  #0202025d;
  color: white;
}

.search-switch #reply-btn{
  display: none;
}
.search-switch #reply-btn.adv-search-open{
  display: flex;
  height: 2em;
  width: 2em;
}
.search-switch span.adv-search-open{
  display: none;
}
 .search-switch > svg {
	 font-size: 1rem;
}
 .active-filters {
	 display: flex;
	 justify-content: flex-start;
	 align-items: flex-start;
	 flex-wrap: wrap;
	 gap: var(--search-spacing);
}
 .active-filters .active-filter {
	 padding: 0.5em 0.75em;
	 border: none;
}
 .active-filters .active-filter[data-filter=name] {
	 background-color: white;
	 color: var(--furnas-blue-1);
}
 .active-filters .active-filter[data-filter=related] {
	 background-color: var(--furnas-yellow);
	 color: var(--furnas-darkgray);
}
 .active-filters .active-filter .filter-property {
	 font-size: 0.6em;
	 font-style: italic;
	 letter-spacing: 0.1px;
	 text-transform: none;
}
 

/* CARDS */

  .item-card{
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    width: 100%;
    /* height: 100%; */    
    padding: 10px;
    border-radius: 4px;
    
    font-size: 80%;
    
    overflow: hidden;

    transition: all .15s ease-in-out;
  }

  .item-card:hover{
    box-shadow: 0 0 0 2px var(--furnas-blue-2); 
  }

  .card-img{
    display: flex;
    align-items: center;
    background-color: var(--me-lightgray);
    /* height: 100%; */
    /* padding-bottom: 15px; */
  }
  .card-img> .img-proportion{
    /* width: 100%;
    /* align-items: center;
    display: flex; */
    /* padding: 0.5em;  */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
  }


  .card-img> .img-proportion> img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;

  }
  .card-img .img-proportion{
    position: relative;
  }

  .card-img .img-proportion.placeholder{ width: 80%; height: 80%; margin-left: 1.8em;  }
  .card-img .img-proportion.placeholder > img{
    opacity: 0.5;
    /* width: 50%; */
    /* left: none; */
  }


  .square .card-img > .img-proportion {
    padding-bottom: 100%;
  }

  .square > .card-img> .img-proportion> img{
    padding: 5px;
    object-fit: contain;
  }

 .group{
    padding: 15px;
    margin-bottom: 5px;
  }
  .group>.card-img{
    padding: 15px;
    margin-bottom: 5px;
    background-color: transparent !important
  }

  .group>.card-img>.img-proportion{
    z-index: 1;
  }

  .group .card-img > .img-proportion::after {
    z-index: -1;
    transform: translate( 10px, 10px);
  }
  .group .card-img > .img-proportion > img {
    z-index: 1;
    transform: translate(-10px, -10px);
    opacity: 1;
  }


  .group .card-img > .img-proportion::before {
    z-index: 0;
    transform: translate( 00px, 00px);
  }

  .group .card-img > .img-proportion::before, .group .card-img > .img-proportion::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .group .card-img > .img-proportion > img, .group .card-img > .img-proportion::before, .group .card-img > .img-proportion::after {
    background-color: var(--furnas-darkgray);
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 15%);
  }

  .group .card-img > .img-proportion > img, .group .card-img > .img-proportion::before, .group .card-img > .img-proportion::after {
    background-color: var(--me-lightgray);
  }

  .card-info{
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: .5rem;
    font-size: 0.7rem;
  }
   
  .card-section{
    margin-bottom: 0.5em !important;
    text-transform: uppercase
  }

  .card-section, .item-date{
    color: var(--furnas-blue-2);
  }

  .card-title{
    font-family: 'Foco', Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--furnas-darkgray);
  }
  .item-date{
    margin: 0.5em 0;
  }
  .item-tipo{
    font-size: .9em;
    margin: 4px 0 0 0;
    text-transform: uppercase;
    color: var(--furnas-darkgray);
  }
  

  /* MODIFIER */

  .limit-title .card-title{
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .limit-desc .card-desc{
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  /* HOVER */

  .item-card .card-info{
    transition:
      background-color .15s ease-out,
      color .15s ease-out;
  }
  .item-card:hover .card-info{
    background-color: var(--ppge-lightteal);
    color: var(--ppge-indigo);
  }

.square-card {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid var(--ec-black);
  aspect-ratio: 1;

  background-color: transparent;
  color: var(--ec-black);
  transition: all .15s ease-out;
}
  .square-card .card-content {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: .75em;
    padding: .75em;
  }
  .square-card .card-content img{
    object-fit:cover;
    width: 100%;
    height: 100%;
  }
  .square-card .card-content .card-author{
    font-size: .8em;
    text-transform: uppercase;
  }
  .square-card .card-type {
    font-size: .8em;
    text-transform: uppercase;
  }

  .square-card:hover {
    background-color: var(--ec-black);
    color: var(--ec-lightgray);
  }

@supports not (aspect-ratio: 1) {
  .square-card:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
  }
}




/* HOME SWIPER */
#home-swiper-container {
	 padding-bottom: 10px;
	 background: var(--furnas-blue-1);
	 /* overflow: hidden; */
}
 .home-swiper {
	 --card-border-radius: 5px;
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 opacity: 1;
	 transition: opacity 0.5s ease-out;
}
 #home-swiper-container.loading .home-swiper {
	 opacity: 0;
}
 .home-swiper .swiper-controls {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-wrap: nowrap;
	 width: 100%;
	 margin: 0.5em 0;
}
 .home-swiper .swiper-controls > * {
	 position: relative;
}
 .home-swiper .swiper-controls > *[class*='swiper-button'] {
	 left: unset;
	 right: unset;
	 width: auto;
	 height: auto;
	 padding: 0.5em;
	 border-radius: var(--card-border-radius);
	 margin-top: unset;
	 font-weight: bold;
	 color: white;
	 transition: all 0.15s ease-out;
}
 .home-swiper .swiper-controls > *[class*='swiper-button']:hover {
	 background-color: white;
	 color: var(--furnas-blue-1);
}
 .home-swiper .swiper-controls > *[class*='swiper-button'][class*='prev']:active:after {
	 transform: translateX(-0.1em);
}
 .home-swiper .swiper-controls > *[class*='swiper-button'][class*='next']:active:after {
	 transform: translateX(0.1em);
}
 .home-swiper .swiper-controls > *[class*='swiper-button']:after {
	 font-size: 0.75em;
	 transition: all 0.15s ease-out;
}
 .home-swiper .swiper-controls > *[class*='swiper-pagination'] {
	 line-height: 0;
	 margin: 0 5px;
}
 .home-swiper .swiper-controls > *[class*='swiper-pagination'] > * {
	 background: transparent;
	 border-width: 1px;
	 border-style: solid;
	 border-color: white;
	 margin: 2px;
	 opacity: 1;
}
 .home-swiper .swiper-controls > *[class*='swiper-pagination'] > *[class*='active'] {
	 background: white;
}
 .home-swiper .swiper-wrapper {
	 pointer-events: none;
}
 .home-swiper .swiper-wrapper .swiper-slide {
	 pointer-events: none;
	 opacity: 0.5;
	 transition: opacity 0.4s ease-in;
}
 .home-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
	 pointer-events: all;
	 opacity: 1;
}
 .home-swiper .swiper-wrapper .swiper-slide img {
	 width: 100%;
	 height: 500px;
	 max-height: 80vh;
	 border-radius: 4px;
	 object-fit: cover;
	 background-color: gray;
}
 .hero-label {
	 position: absolute;
	 bottom: 15px;
	 display: flex;
	 flex-direction: column;
	 gap: 0.4em;
	 width: auto;
	 max-width: 90%;
	 height: auto;
	 padding-top: 0.5rem;
	 padding-right: 1.25rem;
	 padding-bottom: 0.5rem;
	 padding-left: 1.5rem;
	 border-top-right-radius: 4px;
	 border-bottom-right-radius: 4px;
	 background-color: rgba(0, 0, 0, .75);
	 color: white;
}
 @media (min-width: 860px) {
	 .hero-label {
		 max-width: 50%;
	}
}
 .hero-label h3 {
	 font-size: 1em;
	 font-weight: 500;
}
 .hero-label span {
	 font-size: 0.75em;
}
 




/*** FILTERS ***/


#active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1em;
  margin: 1em 0;
}
  /* #active-filters > div:not(:first-of-type){
    background-color:var(--furnas-yellow);
    color: var(--furnas-darkgray);
     border-color: var(--sna-blue); 
    border: 1px solid var(--sna-blue); 
  } */
.ajax #active-filters{
  display: none;
}
#active-filters .active-filter{
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1em;
  /* max-width: 100%; */
  border-radius: .5em;
  font-size: 0.8em;
  font-weight: 600;
  height: 3.5em;
  width: auto;
  padding: .3em 1em;
  
  /* width: 100%; */
  background-color: white;
  color:var(--furnas-blue-1);
  transition: all .15s ease-out;
}

/* #active-filters .active-filter:hover{
  color:var(--furnas-lightgrey);
} */
#active-filters .active-filter[data-filter=name] {
	 background-color: white;
	 color: var(--furnas-blue-1);
}
 #active-filters .active-filter[data-filter=related] {
	 background-color: var(--furnas-yellow);
	 color: var(--furnas-darkgray);
}

#active-filters .active-filter .item-label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#active-filters .active-filter .item-section{
  font-size: 0.6em;
  letter-spacing: 0.3px;
  font-weight: 700;
  text-transform: uppercase;
}

#active-filters .active-filter .delete-bttn{
  display: inline-flex;
  align-items: center;
  width: 10px;
  height: 12px;
  /* transform: translateY(20%); */

  cursor: pointer;
}

#active-filters .active-filter .delete-bttn svg {
  width: 100%;
}


#advanced-search .autocomplete-component:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width:  12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23f7941e'%3E%3Cpath d='M505 443L405 343c-4-4-10-7-17-7h-16a208 208 0 10-36 36v16c0 7 3 13 7 17l100 100c9 9 24 9 34 0l28-28c9-10 9-25 0-34zM208 336a128 128 0 110-256 128 128 0 010 256z'/%3E%3C/svg%3E"); */
}

#advanced-search .autocomplete-component.load-all,
#advanced-search .autocomplete-component.load-all input{
    cursor: pointer;
}

#advanced-search .autocomplete-component.load-all:after{
    width:  16px;
    height: 16px;
    right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23f7941e'%3E%3Cpath d='M41 288h238c21 0 32 26 17 41L177 448c-9 9-25 9-34 0L24 329c-15-15-4-41 17-41zm255-105L177 64c-9-9-25-9-34 0L24 183c-15 15-4 41 17 41h238c21 0 32-26 17-41z'/%3E%3C/svg%3E");
}
#advanced-search .autocomplete-component.loading:after,
#advanced-search .autocomplete-component.load-all.loading:after{
    width:  24px;
    height: 24px;
    right: 5px;
    background-image: url(../img/spin-light.svg);
}


/*** LIST ORDER ***/

#list-order a {
  text-transform: uppercase;
  text-decoration: none;
}
#list-order a:after {
  font-size: 1.2em;
  line-height: 0;
  margin-left: .2em;
}
#list-order a.asc:after { content: '\2193'; }
#list-order a.desc:after { content: '\2191'; }
/* #list-order a.asc:after { content: '\2191'; }
#list-order a.desc:after { content: '\2193'; } */


#list-order #orderCrono a.asc:after { content: '\2191' !important;  }
#list-order #orderCrono a.desc:after { content: '\2193' !important; }
 
#list-order .result{
  color: var(--sna-blue);
}
/*** PAGINATION ***/

.numbered-pagination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  gap: 1em;
}

.numbered-pagination .pagination-item-current,
.numbered-pagination a {
  display: block;
  padding: .5em .75em;
  border-width: 1px;
  border-style: solid;
  border-color: var(--furnas-blue-2);
  text-decoration: none;
}
.numbered-pagination .pagination-item-current {
  background-color: var(--furnas-blue-1);
  color: white;
}
.numbered-pagination a:hover {
  border-color: var(--furnas-blue-1);
  background-color:#005899;
  color: white;
}

/*** DEFAULT ITEM GALLERIES ***/

  .swiper-container-initialized img {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
    background-color: transparent;
  }

  .swiper-controls{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    /* margin-top: .5em; */
  }

  .swiper-controls > *{
    position: relative;
  }
  .swiper-controls > *[class*='swiper-button']{
    left: unset; right: unset;
    width: auto;
    height: auto;
    padding: .5em;
    border-radius: var(--card-border-radius);
    margin-top: unset;

    font-weight: bold;
    color: var(--furnas-blue-2);
    transition: all .15s ease-out;
  }
  .swiper-controls > *[class*='swiper-button']:hover{
    background-color: var(--furnas-blue-1);
    color: var(--ec-white);
  }
  .swiper-controls > *[class*='swiper-button']:after{
    font-size: 1em;
    transition: all .15s ease-out;
  }
  .swiper-controls > *[class*='prev']:active:after{ transform: translateX(-.1em); }
  .swiper-controls > *[class*='next']:active:after{ transform: translateX(+.1em); }

  .swiper-controls > *[class*='swiper-pagination']{
    flex-grow: 1;
    line-height: 0;
  }
  .swiper-controls > *[class*='swiper-pagination'] > *{ margin: 2px; }
  .swiper-controls > *[class*='swiper-pagination'] > *[class*='active']{ background: var(--furnas-blue-2); }
  .swiper-pagination.swiper-pagination-custom{
    bottom: 0;
  }
  .swiper-pagination-bullet{
    background: transparent;
    border: 1px solid var(--furnas-blue-2);
    margin: 2px;
    opacity: 1;
  }


  .gallery-swiper{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;

    opacity: 0;
    transition: opacity .25s ease-out;
  }
  .homeSwiper{
      /* width: 100%; */
      /* height: 500px; */
      /* overflow: hidden; */
      /* padding: .78em; */
      /* margin: 20px auto; */
  }
  .gallery-swiper.swiper-container-initialized,
  .homeSwiper.swiper-container-initialized {
   
    opacity: 1;
  }
  .gallery-swiper .swiper-wrapper{
    pointer-events: none;
  }

  .event-swiper .swiper-slide,
  .gallery-swiper .swiper-slide{
    box-sizing: border-box;
    max-width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--ec-white);
  }
  .homeSwiper .swiper-slide{
    /* width: fit-content !important; */
    box-sizing: border-box;
    position: relative;
    width: 100%;
  }

  .gallery-swiper .swiper-slide .zoom-box{
    background-color: var(--sna-blue);
    position: absolute;
    max-width: 3em;
    width: 100%;
    padding: .4em ;
    /* padding-left: .5em; */
    display: flex;
    align-items: flex-start;
    bottom: 3%; right:3%;
    z-index: 50;
  }




/* HOME */

#home-hero {
  position: relative;
  display: grid;
  place-items: center;

  height: 600px;
  max-height: 70vh;
}

  #home-hero > .background {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }

  #home-hero > .logo {
    position: relative;
    transform: scale(0.7);
    z-index: 1;
  }

#home .row,
#series .row {
  row-gap: 20px;
}

#home .home-gallery{
  display: none;
}

@media (min-width:750px){
 #home .home-gallery{
    display: flex;
  } 
}
#home .home-display-grid{
  display: none;
}
@media (max-width:749px){
  #home .home-display-grid{
    display: flex;
  }
  
}




/* ARTICLE */



.about-container {
	 width: auto;
	 height: auto;
	 margin-top: 5em;
	 display: grid;
	 grid-template-columns: 100%;
	 gap: 2em;
	/* display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 justify-content: center;
	 */
}
 @media (min-width: 992px) {
	 .about-container {
		 grid-template-columns: 25% 1fr 66.6%;
		 gap: 0;
	}
	 .about-container > .article-component {
		 grid-column: 3;
	}
}
 .about-sidebar {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 gap: 0.3rem;
	/* .share-sidebar{
		 margin-top: 1em;
		 .share-icons{
			 margin-top: 0.5em;
			 & > svg{
				 margin-right: 0.5em;
			}
		}
	}
	 */
}
 .about-sidebar .head-sidebar {
	 display: flex;
	 flex-direction: column;
	 margin-bottom: 0.5em;
}
 .about-sidebar .head-sidebar h2 {
	 color: var(--furnas-blue-2);
	 text-transform: uppercase;
}
 .about-sidebar .head-sidebar span {
	 margin-top: 0.5rem;
}
 .about-sidebar .body-sidebar {
	 margin-top: 1.5rem;
}
 .about-sidebar .body-sidebar .avatar-sidebar {
	 display: flex;
	 align-items: center;
}
 .about-sidebar .body-sidebar .avatar-sidebar .avatar-img img {
	 width: 3rem;
	 height: 3rem;
	 border: 2px solid var(--me-orange);
	 border-radius: 999px;
	 margin: 0 0.5rem 0 0;
	 object-fit: cover;
	 object-position: center;
	 flex-shrink: 0;
}
 .about-sidebar .body-sidebar .author-text {
	 font-size: 0.8rem;
	 line-height: 130%;
}
 .article-component .gallery {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: space-between;
	 height: 100%;
	 background-color: rgba(0, 0, 0, .05);
	 padding: 1rem 1.5rem;
	 border-radius: 5px;
}
 .article-component .gallery .gallery-image {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 100%;
}
 .article-component .gallery .gallery-image .image {
	 background-color: azure;
	 width: auto;
}
 .article-component .gallery .gallery-image .image div > img {
	 width: 100%;
	 max-height: 80vh;
	 object-fit: contain;
}
 .article-component .gallery .swiper-controls {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-wrap: nowrap;
	 width: 50%;
	 position: relative;
	 margin: 0.5em 0;
}
 .article-component .gallery .swiper-controls > * {
	 position: relative;
}
 .article-component .gallery .swiper-controls > *[class*='swiper-button'] {
	 left: unset;
	 right: unset;
	 width: auto;
	 height: auto;
	 padding: 0.5em;
	 border-radius: var(--card-border-radius);
	 margin-top: unset;
	 font-weight: bold;
	 color: white;
	 transition: all 0.15s ease-out;
}
 .article-component .gallery .swiper-controls > *[class*='swiper-button']:hover {
	 background-color: white;
	 color: var(--furnas-blue-1);
}
 .article-component .gallery .swiper-controls > *[class*='swiper-button'][class*='prev']:active:after {
	 transform: translateX(-0.1em);
}
 .article-component .gallery .swiper-controls > *[class*='swiper-button'][class*='next']:active:after {
	 transform: translateX(0.1em);
}
 .article-component .gallery .swiper-controls > *[class*='swiper-button']:after {
	 font-size: 0.75em;
	 transition: all 0.15s ease-out;
}
 .article-component .gallery .swiper-controls > *[class*='swiper-pagination'] {
	 line-height: 0;
	 margin: 0 5px;
}
 .article-component .gallery .swiper-controls > *[class*='swiper-pagination'] > * {
	 background: transparent;
	 border-width: 1px;
	 border-style: solid;
	 border-color: white;
	 margin: 2px;
	 opacity: 1;
}

 .swiper-2 {
	 display: block;
	 margin-block-start: 1em;
	 margin-block-end: 1em;
	 margin-inline-start: 40px;
	 margin-inline-end: 40px;
}
.about-texts {
	 display: flex;
	 flex-direction: column;
	 color: var(--furnas-darkgray);
	 align-items: center;
}
 .about-texts h3 {
	 margin-bottom: 1em;
}
 .about-texts p {
	 margin-bottom: 0.3em !important;
	 line-height: 160%;
}
 .about-texts img {
	 justify-self: center;
	 margin: 1em 0;
}



article > *:first-child { margin-top: 0 !important; }
/* article > *:last-child { margin-bottom: 0 !important; } */

article h1 { font-size: 2.0em; font-weight: 700; }
article h2 { font-size: 1.9em; font-weight: 400; }
article h3 { font-size: 1.4em; font-weight: 700; }
article h4 { font-size: 1.3em; font-weight: 400; }
article h5 { font-size: 1.0em; font-weight: 700; }
article h6 { font-size: 0.9em; font-weight: 400; }
article p  { font-size: 1.0em; font-weight: 400; }

article h1,
article h2,
article h3,
article h4,
article h5,
article h6{
  margin: .1em 0;
}

article p,
article ul,
article ol,
article blockquote{
  line-height: 170%;

}
article p{
  margin: 1em 0;
}

article p + h1,
article p + h2,
article p + h3,
article p + h4,
article p + h5,
article p + h6{
  margin-top: 1.5em;
}

article ul,
article ol{
  margin: 1.5em 0;
  padding-left: 2em;
}

article ul li,
article ol li{
  padding-left: .5em;
}

article ol li::marker{
  margin-right: 1em;
}

article blockquote{
  font-size: .8em;
}

article img{
  min-width: 50%;
  width: auto;
  max-width: 100%;
}

article .gallery-item{
  margin: 2em auto;
}
article :not(.swiper-slide):not(figure) > img{
  margin: 2em auto;
}

article p.figurecaption{
  font-size: .8em;
  font-style: italic;
  text-align: center;
  margin: -2em 0 2em 0;
}

article figure{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;

  width: 100%;
  border-radius: 4px;
  margin: 0;

  background-color: var(--ec-white);
}
article :not(.swiper-slide) > figure {
  padding: 10px;
  margin: 1em 0;
}
article figure img{
  margin: 0 auto;
}
article figure figcaption{
  text-align: center;
}

article .video-wrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 1.5rem auto;
}
article .video-wrap iframe{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width:  100%;
  height: 100%;
}

article table{
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ppge-lightteal);
  border-collapse: collapse;
  margin: 1em 0;
}
article thead{
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--ppge-lightteal);
}
article th,
article td{
  padding: 8px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  text-align: left;
}
article th:first-child,
article td:first-child{
  border-right-width: 1px;
}
article th:last-child,
article td:last-child{
  border-left-width: 1px;
}
article tr:nth-child(odd) {
  background-color: var(--ppge-white);
}
article th,
article tr:nth-child(odd) td{
  border-color: var(--ppge-lightteal);
}
article tr:nth-child(even) {
  background-color: var(--ppge-lightteal);
}
article tr:nth-child(even) td{
  border-color: var(--ppge-white);
}

article .ql-align-right  { text-align: right;   }
article .ql-align-center { text-align: center;  }
article .ql-align-justify{ text-align: justify; }

article .ql-indent-1{ padding-left: 2em; }
article .ql-indent-2{ padding-left: 4em; }
article .ql-indent-3{ padding-left: 6em; }
article .ql-indent-4{ padding-left: 8em; }
article .ql-indent-5{ padding-left: 10em; }
article .ql-indent-6{ padding-left: 12em; }
article .ql-indent-7{ padding-left: 14em; }
article .ql-indent-8{ padding-left: 16em; }

/* LIST PAGE */

#list-page-header{
  margin: 0 0 1em 0;
  color: var(--ppge-indigo);
}

/* HOME PAGE */
#home{
  display: flex;
  align-items: center;
  flex-direction: column;
}
#home .video-card{
  margin-bottom: 2em;
}
.video-card{
  aspect-ratio: 13/5;
  display: flex;
  gap: .5em;
  /* padding-top: 1em; */
  text-decoration: none;
  background-color: #d8d7ce;
}
.video-card .video{
  height:100%;
  width: 100%;
  flex-grow: 8;
  flex: 8;
}
.video-card .video .responsive-iframe{
  width: 100%;
  height: 100%;
}

.video-card .sidebar{
  display: flex;
  flex-direction: column;
  gap: 20px;
  
  width: 100%;
  flex-grow: 4;
  flex: 4;
  padding: 3em 2.5em;
  
  color:black;
  
}
.video-card .sidebar h3{
  color: black;
  margin: 0;
  width: 85%;
}

.video-card .sidebar .head .date{
  display: inline-block;
  margin-top: 0.4em;
  font-size: 0.9em;
  color: var(--furnas-blue-2);
}

.video-card .sidebar .head,
.video-card .sidebar .content{
  width: 100%;
}
.video-card .sidebar .content{
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5rem;
}

  @media(max-width:800px){
    .video-card{
      flex-direction: column;
      aspect-ratio: 1 / 1;
    }

    .video-card .sidebar{
      gap: 0;
      padding: 1em 1.5em;
    }
  }

  #home .results-head{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 4.8em 0 1.2em;
  }
  #home .results-head .see-all{
      display: flex;
      align-items: center;
      padding: 0 .65em;
      border: 1px solid var(--furnas-darkgray);
      border-radius: .2em;
      height: 2.5em;
  }
  #home .results-head .see-all:hover{
      background-color: var(--furnas-blue-1);
      color: white;
    }
    #home .results-head .result{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #home .results-head .result .label{
    text-transform: uppercase;
  }
  


/* button */

.btn-collection{
  display: flex;
  /* align-items: center; */
  justify-content: center;
  margin-top:5em ;

}

.btn-collection a{
  position: relative;
  padding: 1em 2em;
  border: 0;
  border-radius: 4px;

  background: var(--furnas-blue-2);
  color: white;
  cursor: pointer;
}



/* ITEM PAGE */


.video-gallery .video_iframe{
   position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
  .video_iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


#vw-image {
  width: 100%;
  height: 65vh;
  max-height: 65vh;
  position: relative;
  /* max-height: 300px; */
}

#vw-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#vw-image .image-description{
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 35px;
  background-color: #00000000;
  background-image: linear-gradient(174deg,rgb(0 0 0 / 0%) 0%, #111111b8 80%);
  color: white;
}
#vw-image .image-description h1{
  color: white;
}

#vw-image .image-description .property-value{
  max-width: 35em;
  width: 100%;
  line-height: 1.4em;
}


#collection-item {
	 opacity: 1;
	 transition: opacity 0.5s ease-out;
}
 #collection-item.loading {
	 opacity: 0;
}
 #collection-item #error {
	 text-align: center;
	 line-height: 250%;
}
 #collection-item #item-row {
	 display: grid;
	 grid-template-columns: 100%;
	 gap: 2em;
}
 @media (min-width: 992px) {
	 #collection-item #item-row {
		 grid-template-columns: 25% 1fr 66.6%;
		 gap: 0;
	}
	 #collection-item #item-row > #item-content {
		 grid-column: 3;
		/* position: relative;
		 #item-galleries{
			 position: relative;
			 min-height: 10em;
			 height:100%;
			 & > #template-loading{
				 position: absolute;
			}
		}
		 */
	}
}
 #collection-item #item-header {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 gap: 0.3rem;
	 margin-bottom: 1rem;
	/* & .sidebar-share{
		 display: flex;
		 flex-direction: column;
		 justify-content: space-between;
		 .share-icons{
			 margin-top: 0.5em;
			 & > svg{
				 margin-right: 0.5em;
			}
		}
	}
	 */
}
 #collection-item #item-header h4 {
	 color: var(--furnas-blue-2);
	 text-transform: uppercase;
}
 #collection-item #item-header h2 {
	 font-family: 'Foco';
}
 #collection-item #item-header .about-tags {
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 0.5rem;
	 margin: 1.5rem 0;
}


 #collection-item #item-header .about-tags > * {
	 display: inline-block;
	 padding: 0.5rem 0.75rem;
	 border-radius: 5px;
	 border: 1px solid var(--furnas-blue-2);
	 max-width: 100%;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 background-color: transparent;
	 color: var(--furnas-blue-2);
}

#collection-item #item-header .about-tags .about-tag:hover{
  background-color: var(--furnas-blue-2);
  color:white;
  /* border: 1px solid white; */
}

#collection-item #item-header .about-tags .about-tag.powerplant-tag{
  color: white;
  background-color: var(--furnas-blue-1);
}
#collection-item #item-header .about-tags .about-tag.powerplant-tag:hover{
  background-color: transparent;
  color:var(--furnas-blue-2);
}


 #collection-item #item-content {
	 display: flex;
	 flex-direction: column;
	 gap: 3rem;
}
 #collection-item #item-content #item-galleries {
	 position: relative;
	 min-height: 15em;
	 height: 100%;
}
 #collection-item #item-content #item-galleries > #template-loading {
	 position: absolute;
}
#collection-item #item-content #item-galleries .item-gallery .gallery-item {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: var(--me-lightgray);
}

#collection-item #item-content #item-galleries .item-gallery .gallery-item .gallery-item-description {
  font-size: .8em;
  text-align: center;
}

#collection-item #item-content #item-galleries .item-gallery .swiper-controls{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  align-self: center;
  width: fit-content;
  color: var(--furnas-blue-2);

}
#collection-item #item-contet #item-galleries .item-gallery .swiper-controls>[class*=swiper-pagination]>[class*=active] {
    background: var(--furnas-blue-2) !important;
}

#collection-item #item-contet #item-galleries .item-gallery .swiper-controls>[class*=swiper-pagination]>* {
    background: transparent;
    border: 1px solid var(--furnas-blue-2) !important;
    margin: 2px;
    opacity: 1;
}


 #collection-item #item-content #item-galleries .gallery-item {
	 cursor: pointer;
}
 #collection-item #item-content #item-galleries .gallery-item img {
	 max-height: 60vh;
	 height: 100%;
}
 #collection-item #item-content #item-properties .property-row {
	 display: grid;
	 grid-template-columns: 100%;
	 align-items: baseline;
	 gap: 0.5rem;
	 padding: 0.5rem;
	 border-width: 0 0 1px 0;
	 border-style: solid;
	 border-color: var(--me-lightgray);
	 font-size: 1rem;
	 line-height: 140%;
	 color: var(--furnas-darkgray);
}
 @media (min-width: 1200px) {
	 #collection-item #item-content #item-properties .property-row {
		 grid-template-columns: 25% 75%;
	}
}
 #collection-item #item-content #item-properties .property-row:last-of-type {
	 border-bottom-width: 0;
}
 #collection-item #item-content #item-properties .property-row .property-name {
	 font-weight: 600;
}
 #collection-item #item-content #item-properties .property-row .property-values {
	 display: flex;
	 flex-direction: column;
}
 #collection-item #item-content #item-properties .property-row .property-values a {
	 text-decoration: underline;
}
 #collection-item #item-content #item-relations {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 gap: 1em;
}
 #collection-item #item-content #item-relations > h2 {
	 font-family: 'Foco';
	 color: var(--furnas-blue-2);
}
 #collection-item #item-content #item-relations > h2 span:last-child {
	 font-weight: 300;
}
 #collection-item #item-content #item-relations .related-group {
	 display: flex;
	 flex-direction: column;
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs {
	 display: flex;
	 justify-content: flex-start;
	 gap: 10px;
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs:after, #collection-item #item-content #item-relations .related-group .related-group-tabs > button {
	 border-style: solid;
	 border-color: var(--furnas-darkgray);
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs > button {
	 position: relative;
	 display: inline-block;
	 padding: 0.5em 1em;
	 border-width: 1px 1px 0 1px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
	 background-color: transparent;
	 white-space: nowrap;
	 cursor: pointer;
	 opacity: 0.4;
	 z-index: 1;
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs > button > span:first-child {
	 font-weight: 600;
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs > button.current {
	 pointer-events: none;
	 cursor: default;
	 opacity: 1;
	 outline: none;
}
 #collection-item #item-content #item-relations .related-group .related-group-tabs > button.current:after {
	 content: '';
	 position: absolute;
	 display: block;
	 top: 100%;
	 left: 0;
	 width: 100%;
	 height: 3px;
	 background-color: var(--me-lightergray);
	 transform: translateY(-50%);
	 z-index: 5;
}
 #collection-item #item-content #item-relations .related-group .related-group-cards {
	 padding: 10px;
	 border-width: 1px 1px 1px 1px;
	 border-color: var(--furnas-darkgray);
	 border-style: solid;
	 border-radius: 3px;
	 box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
 #collection-item #item-content #item-relations .related-group .related-group-cards .item-card {
	 font-size: 80%;
}
 #collection-item #item-content #item-relations .related-group[data-current-tab='0'] .related-group-cards {
	 border-top-left-radius: 0;
}
 
.related-button.active{
  background-color: blue !important;
}

.box-more{
  display: flex;
  justify-content: center;
  margin: 5px 0;
}

.shiro-content-loadmore {
    position: relative;
    padding: 1em 2em;
    border: 0;
    border-radius: 4px;
    background: var(--furnas-blue-2);
    color: white;
    cursor: pointer;
}



/* CREATIVEWORK LIST */

#creativework-list > .container {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.creativework-row {
  --card-padding: 10px;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--card-padding);
  
  margin: 0 calc(-1 * var(--card-padding));
}

.creativework-row .item-card {
  gap: var(--card-padding);
  padding: var(--card-padding);
}

/* EVENT LIST */

#event-list > .container {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

#event-list .row {
  /* display: flex; */
  /* flex-direction: column; */
  row-gap: 80px;
  /* width: 100%; */
}

.event-card {
 
  aspect-ratio: 13/5;
  display: flex;
  gap: .5em;
  padding-top: 1em;

  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: var(--ec-black);

  text-decoration: none;
}

.event-card .card-img {
  /* aspect-ratio: 16 / 9; */
  height:100%;
  width: 100%;
  flex-grow: 8;
  flex: 8;
}
.event-card .card-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.event-card .card-info {
  gap: 1em;
  flex-grow: 5;
  flex: 5;
  padding-left: 0;
  padding-right: 0;
  color: #666;
  
}
.event-card:hover .card-info{
  color:#000;
}
.event-card .card-name {
  font-size: 1.2em;
  line-height: 120%;
  font-weight: 500;
}

.event-card .card-location ,
.event-card .card-date {
  font-size: 0.8em;
  font-weight: 400;
}

.event-card .card-date,
.event-card .card-date > *:not(:last-child) {
  display: flex;
  gap: .5em;
}

.event-card .card-date > *:not(:last-child):after {
  content: '\2192';
  display: inline-block;
}
/* 
@supports not (aspect-ratio: 1) {
  .event-card .card-img:before {
    padding-bottom: 56.75%;
  }
} */

@media (min-width: 860px) {
  .event-card {
    /* grid-template-columns: 70% auto; */
    padding-top: 0;
    border-width: 0;
  }
  .event-card .card-info {
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: var(--ec-black);
  }
}

@media (max-width: 630px) {
  #event-list .row{
    row-gap: 20px;
  }
  .event-card{
    flex-direction: column;
    aspect-ratio:1;
  }
  .event-card .card-img{
    min-height: 10em;
    height: 100%;
  }
  .event-card .card-info{
    flex: 1;
  }
}

/* ARTICLE LIST */

#article-list > .container {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.article-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.article-card {
  display: flex;
  flex-direction: column;
  gap: 1em;

  padding: 1em .5em;
  border-width: 1px 0 0 0;  
  border-style: solid;  
  border-color: var(--ec-black);  
}

.article-card a {
  text-decoration: none;
}
.article-card .card-info {
  padding: 0;
}

.article-card .card-name {
  font-size: 1.2em;
  line-height: 120%;
  font-weight: 700;
  color: #666;
}
.article-card .card-name span{
  font-weight: 400;
}
.article-card:hover  .card-name{
  color: black;
}
.article-card .card-author,
.article-card .card-date {
  font-weight: 600;
  text-transform: uppercase;
}

.article-card .card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}


/* SERIES LIST PAGE */
#series .series-list-text{
  max-width:50em;
  width: 100%;
  margin-bottom: 80px;

}
#series .series-list-text p{
  /* letter-spacing: 1px; */
  font-size: 1.0em;
  font-weight: 400;
  line-height: 170%;
}

/* SERIES ITEM PAGE */

#series-item {
  padding-top: 0;
}

#series-item #item-row {
  grid-template-columns: 100% !important;
  gap: 2em !important;
  margin-top: 2em;
}

  #series-item #item-row > * {
    grid-row: unset;
    grid-column: unset;
  }

  #series-item #item-info {
    gap: 2em;
  }

  #series-item #item-properties .property-row {
    display: flex !important;
    grid-template-columns: unset !important;
    max-width: 60em;
  }

  #series-item .item-relations {
    overflow: visible;
    /* display:none !important; */
  }
  
  #series-item .item-relations .item-card {
    /* box-shadow: 0 0 0 1px var(--ec-gray); */
  }

  #series-item .item-relations .item-card:hover {
    /* box-shadow: 0 0 0 2px var(--ec-black); */
  }

/* ARTICLE ITEM AND EVENT ITEM */

  #article-item #item-info h1,
  #event-item #item-info h1 {
    font-size: 1.4em;
  }
  #article-item #item-info h1 > [data-property=alternateName],
  #event-item #item-info h1 > [data-property=alternateName] {
    font-weight: 400;
  }

  #article-item #item-info [data-property=author],
  #article-item #item-info [data-property=dateBegin] {
    font-weight: 700;
    text-transform: uppercase;
  }
  #event-item #item-info [data-property=author],
  #event-item #item-info [data-property=dateBegin] {
    font-weight: 700;
    text-transform: uppercase;
  }

  #article-item #item-info [data-property=dateBegin],
  #event-item #item-info [data-property=dateBegin]  {
    margin-top: -1em;
  }
  
  #article-item #item-info [data-property=about],
  #event-item #item-info [data-property=about] {
    display: flex;
    flex-wrap: wrap;
    justify-items: flex-start;
    align-items: flex-start;
    gap: 10px;
  }

  #article-item #item-content a{
     background-color: var(--sna-blue);
    padding: .7em 2em .7em 2em;  
    border-radius: .38em;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    border: 1px solid;
  }

  #article-item #item-content a:hover{
    color: black;
      background-color: transparent;
      border-width: 1px;
      border-style: solid;
      border-color: var(--sna-blue);
  }


  /* CONTACT PAGE */
.contact-container {
	 width: 100%;
	 height: 100%;
	 display: grid;
	 grid-template-columns: 100%;
	 gap: 2em;
	 align-items: flex-start;
}
 @media (min-width: 992px) {
	 .contact-container {
		 grid-template-columns: 25% 1fr 66.6%;
		 gap: 0;
	}
	 .contact-container > .contact-form {
		 grid-column: 3;
	}
}
 .contact-container .contact-sidebar {
	 color: var(--furnas-blue-2);
	 text-transform: uppercase;
}
 .contact-container .contact-sidebar h2 {
	 margin: 0;
}
 .contact-container .contact-form {
	 width: 100%;
	 border: transparent;
	 height: 100%;
}
 .contact-container .contact-form .inputs {
	 height: 100%;
	 display: flex;
	 width: 100%;
	 flex-direction: column;
	 gap: 20px;
}
  .contact-container .contact-form .inputs input::placeholder{ text-transform: uppercase;}

 .contact-container .contact-form .inputs input, .contact-container .contact-form .inputs textarea {
	 width: 100%;
	 padding: 0.5em;
	 border-width: 0;
	 border-bottom-width: 0.1em;
	 border-bottom-color: var(--furnas-blue-2);
	 background-color: transparent;
  }
 .contact-container .contact-form .inputs textarea {
	 height: 9em;
	 resize: none;
  }
  .contact-container .contact-form .inputs textarea::placeholder{ text-transform: uppercase;}

 .contact-container .contact-form .inputs .btn-contact {
	 background-color: white;
	 max-width: 5em;
	 padding: 0.2em 0.1em;
	 width: 100%;
	 align-self: flex-end;
	 color: white;
	 border-width: 0;
	 background-color: var(--furnas-blue-2);
	 cursor: pointer;
}
 .contact-container .contact-form .validated {
	 display: flex;
	 flex-direction: column;
	/* justify-content: flex-start;
	 */
	 align-items: center;
	 margin-top: 1rem;
	/* background-color: purple;
	 */
}
 .contact-container .contact-form .validated p {
	 font-size: 18px;
	 color: var(--furnas-blue-2);
}
 

/* FOOTER */
footer {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 margin-top: -5vw;
}
 footer > * {
	 width: 100%;
}
 #gradient {
	 pointer-events: none;
}
 #gradient > img {
	 width: 100%;
	 max-height: calc(300px + 10vw);
	 mix-blend-mode: multiply;
}
 #footer-main {
	 padding: 0 0 6em 0;
}
 #footer-main > .container {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
	 gap: 40px;
}
 #footer-main > .container > * {
	 flex: 0 0;
}
 #footer-main > .container > *:not(:first-child) {
	 margin-left: auto;
}
 #footer-main img {
	 display: block;
	 object-fit: contain;
}
 #footer-main img.footer-logo_one {
	 height: 32px;
}
 #footer-main img.footer-logo_two {
	 height: 64px;
}
 #footer-info {
	 flex-grow: 0 !important;
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
}
#footer-info .nav-icons .icons{
    width: 1em;
    height: 1em;
    background: var(--furnas-blue-1);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
#footer-info .nav-icons .icons:hover{
  background:var(--furnas-blue-2);
}
 #footer-info .nav-links > a, #footer-info .nav-icons > a, #footer-info .nav-links > a:hover, #footer-info .nav-icons > a:hover {
	 color: var(--furnas-blue-1);
}
 @media (max-width: 859px) {
	 #footer-main > .container {
		 flex-direction: column;
	}
	 #footer-main > .container > * {
		 width: 100%;
	}
	 #footer-main > .container .nav-links, #footer-main > .container .nav-icons {
		 justify-content: flex-start;
	}
}
 
/* ERROR */

#error-404 h1{
  font-size: 10rem;
  color: var(--ppge-indigo);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--ppge-indigo);
}
#error-404 h1,
#error-404 h2{
  margin: 0;
}

/* WEBPAGE ITEM */
#webpage-item{
  padding-top: 0 !important;
}
#webpage-item .shiro-share{
  order: unset;
}

/* FANCYBOX */

[data-fancybox] {
  cursor: pointer;
}

.fancybox-slide{
  max-height: 100vh;
  overflow: hidden;
}
.fancybox-slide--current{
  display: flex;
  justify-content: center;
  align-items: center;
}

.fancybox-slide main{
  flex-grow: unset;
  width: 95%;
  max-width: 1100px;
  max-height: 90%;
  scroll-behavior: smooth;
}
.fancybox-slide main #item-content {
  justify-content: center;
}
.fancybox-slide main .gallery-swiper .swiper-slide {
  padding: 0;
}
.fancybox-slide main .gallery-swiper img{
  max-height: 50vh;
}

.fancybox-slide main .see-all-bttn{
  align-self: flex-start;
  text-align: center;
  background-color: var(--sna-blue);
  padding: .7em 2em .7em 2em;
  border-radius: .38em;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  /* max-width: 15em; */
  width: auto;
  border: 1px solid;
}
.fancybox-slide main .see-all-bttn:hover {
  color: black;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: var(--sna-blue);
  
}

@media (max-width: 859px) {
  .fancybox-show-nav .fancybox-navigation .fancybox-button{
    width:  40px;
    height: 40px;
    padding: 0;
  }
}
@media (min-width: 860px) {
  .fancybox-slide main{
    width: calc(100% - 140px);
  }
}

/* HOME-VIS */

#home {
  padding-top: 0 !important;
}
#home > *:first-child {
  margin-top: 4rem;
}

#home-vis {
  box-sizing: content-box;
  position: relative;
  width: 100%;
  height: 480px;
  max-height: 75vh;
  margin: 2em 0;
  font-family: "Roboto Condensed", sans-serif;
}

#home-vis > .loading-icon {
  position: absolute;
  top: 0; left: 0;

  display: grid;
  place-items: center;
  width: 100%; height: 100%;

  z-index: 99;

  opacity: 1;
  pointer-events: none;
  transition: opacity .25s ease-out;
}
#home-vis > .loading-icon svg {
  width: 24px;
  height: 24px;
}
#home-vis.mounted .loading-icon {
  opacity: 0;
}

#home-vis svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
#home-vis svg .link {
  stroke: var(--furnas-blue-4);
  opacity: 0;
}
#home-vis svg.is-highlighting-node .link.highlight {
  opacity: 1;
}
#home-vis svg .node {
  position: relative;
}
#home-vis svg .node.hidden {
  opacity: 0.1;
}
#home-vis svg .node foreignObject {
  position: relative;
  text-align: center;
  overflow: unset;
}
#home-vis svg .node foreignObject span {
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25), 0px 0px 3px rgba(0, 0, 0, 0.25);
  text-align: center;
  font-family: inherit;
  font-weight: bold;
  letter-spacing: 0.8px;
  white-space: nowrap;
  max-width: 75vw;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  pointer-events: all;
  user-select: none;
}
#home-vis svg .node span {
  background-color: var(--me-lightergray);
  border: 2px solid var(--furnas-blue-2);
  color: var(--furnas-blue-2);
}
#home-vis svg .node[shiro-type*=Person] span {
  background-color: var(--furnas-yellow);
  border-color: transparent;
  color: var(--furnas-darkgray);
}
#home-vis svg .node[shiro-type*=Organization] span {
  background-color: var(--furnas-green);
  border-color: transparent;
  color: var(--me-lightergray);
}
#home-vis svg .node[shiro-type=PowerPlant] span {
  background-color: var(--furnas-blue-2);
  color: var(--me-lightergray);
}
#home-vis svg .link, #home-vis svg .node {
  transition: opacity 0.15s ease-out;
}