/*
Theme Name: Teresa
Author: dosgrapas
Author URI: http://www.dosgrapas.com
Version: 1.0.00
Text Domain: teresa
*/

/*------------------------------------------------ GENERAL ------------------------------------------------*/
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body.menuOpen { overflow: hidden; }

@media (max-width: 479px){
  .padding-global { padding-left: 20px; padding-right: 20px; }
}

/*------------------------------------------------ HEADER ------------------------------------------------*/
.header_main-link .header_link { color: var(--black); }
body.menu-white .header_logo-link, body.menu-white .header_menu-link, body.menu-white .header_language-link { color: var(--white); }
body.menu-white .mobile-menu_row .header_language-link { color: var(--black); }
body.menu-white .header_language-link.is-current, body.menu-white .header_language-link:hover { border-color: var(--white); }
body.menu-white .burguer .linia { color: var(--white); background-color: var(--white); }
body.menu-white.menuOpen .header_logo-link { color: var(--black); }
body.menu-white.menuOpen .burguer .linia { color: var(--black); background-color: var(--black); }
.header_menu-link:hover, .header_menu-link.w--current { font-weight: bold; }

.header_language-menu { grid-column-gap: 8px; grid-row-gap: 8px; }
.header_language-menu { list-style: none; padding: 0; margin: 0; }
.header_language-menu a { font-family: var(--base); color: var(--black);
    margin-bottom: 0; font-size: 10px; font-weight: 400; line-height: 10px; text-decoration: none; padding: 6px; }
.header_language-menu li.current-lang a, .header_language-menu li:hover a { border-bottom-color: var(--black); color: var(--black); text-decoration: underline; }

.projects_navigation a:nth-child(6n+1) { transform: translate(0px,0px); }
.projects_navigation a:nth-child(6n+2) { transform: translate(20px,0px); }
.projects_navigation a:nth-child(6n+3) { transform: translate(12px,0px); }
.projects_navigation a:nth-child(6n+4) { transform: translate(-5px,0px); }
.projects_navigation a:nth-child(6n+5) { transform: translate(30px,0px); }
.projects_navigation a:nth-child(6n+6) { transform: translate(7px,0px); }

@media (min-width: 768px){
  .mobile-menu { display: none !important; }
  body.menu-white .header_language-menu .lang-item a { color: var(--white); }
  body.menu-white .header_language-menu .lang-item:hover a, body.menu-white .header_language-menu .lang-item.current-lang a { border-color: var(--white); }
  .header_menu-nav a:nth-child(4n+1) { transform: translate(0px,-3px); }
  .header_menu-nav a:nth-child(4n+2) { transform: translate(0px,8px); }
  .header_menu-nav a:nth-child(4n+3) { transform: translate(0px,16px); }
  .header_menu-nav a:nth-child(4n+4) { transform: translate(0px,-6px); }
  .header_language-menu li:nth-child(3n+1){ transform: translate(0px,-4px); }
  .header_language-menu li:nth-child(3n+2){ transform: translate(0px,-8px); }
  .header_language-menu li:nth-child(3n+3){ transform: translate(0px,2px); }
}

/*------------------------------------------------ HOME ------------------------------------------------*/
body.home header { position: absolute; left: 0; top: 0; right: 0; }
body.home .main-container { height: 100dvh; }
.home_image-container { z-index: -1; position: relative; }
.home_image-container .splide, .home_image-container .splide .splide__track { width: 100%; height: 100%; }

/*------------------------------------------------ PROJECTS ------------------------------------------------*/
.projects_column-right { max-height: calc(100vh - 150px); }
.projects_navigation-image-container img { display: none; max-width: 70%; max-height: 70%; }
.projects_link p { font-size: 15px; line-height: 20px; margin: 0; }
.projects_link:hover p { font-weight: 700; }
.text_block.is-credits p { font-size: 14px; line-height: 20px; margin-bottom: 8px; }
@media (max-width: 767px){
  .projects_navigation, .projects_link { width: 100%; }
  /*.projects_navigation .projects_link:nth-child(2n+2){ margin: 0 0 0 auto; }
  .projects_navigation .projects_link:nth-child(6n+1){ width: 80%; }
  .projects_navigation .projects_link:nth-child(6n+2){ width: 70%; }
  .projects_navigation .projects_link:nth-child(6n+3){ width: 65%; }
  .projects_navigation .projects_link:nth-child(6n+4){ width: 85%; }
  .projects_navigation .projects_link:nth-child(6n+5){ width: 90%; }
  .projects_navigation .projects_link:nth-child(6n+6){ width: 75%; }*/
}

/*------------------------------------------------ SINGLE ------------------------------------------------*/
.single-content { padding-top: 0 !important; padding-bottom: 80px !important; }
.intro-space { height: 6px; }
.intro_column h1 { margin-bottom: 0; }
.content_title-container h2 { color: var(--grey); margin-bottom: 0; }
.content p:last-child, .downloads_text-container p { margin-bottom: 0; } 
.downloads_text-container p { transition: color .2s; }
.downloads_text-container p:first-child { color: var(--grey); }
.downloads_link:hover .downloads_text-container p { color: var(--black); }
.downloads_link:hover .downloads_picto { opacity: 1; }
._1-column-gallery_element .gallery_link { padding-bottom: 0; }
._1-column-gallery_element .gallery_link .gallery_image { position: relative; object-fit: inherit; height: auto; }
.w-lightbox-backdrop { background: #FFF; }
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 100vh; }
.w-lightbox-figure { padding: 0 20px; }
.w-lightbox-image { max-width: calc(100vw - 40px); }
.w-lightbox-caption { font-family: var(--base); font-size: 14px; line-height: 18px; color: var(--black); position: relative; text-align: center; background-color: transparent; }
.w-lightbox-close { background-image: url('images/close.svg'); background-size: 22px; }
.w-lightbox-left { background-image: url('images/prev.svg'); background-size: 16px; }
.w-lightbox-right { background-image: url('images/next.svg'); background-size: 16px; }
.w-lightbox-strip { display: none; }
.intro_block { margin-top: 40px; }
.intro_column.is-right div:first-child p { margin-bottom: 0; }
.caption { margin-top: 15px; }
.logos_container { display: flex; flex-direction: column; gap: 40px; }
.blockquote_block blockquote { padding: 0; border: none; margin: 0; }
.blockquote_block blockquote p { font-size: 20px; line-height: 26px; font-style: oblique; }
.downloads_text-container { transform: translateY(2px); }
.downloads_link:hover .downloads_text-container p { color: var(--black); }
.downloads_link:hover .downloads_picto { opacity: 1; }
.content table { width: 100%; border: 1px solid #000; margin: 0 0 50px; font-family: var(--base);
    color: var(--black); margin-bottom: 20px; font-size: 14px; font-weight: 400; line-height: 18px; }
.content table thead { border-bottom: 1px solid #000; }
.content table tbody tr:first-child td { padding-top: 10px; }
.content table tbody tr:last-child td { padding-bottom: 10px; }
.content table th { text-align: left; padding: 8px 15px; }
.content table td { padding: 3px 15px; }
.content a { color: var(--black); }
.content h3 { font-family: var(--base); color: var(--black); margin-bottom: 20px; font-size: 17px;
    font-weight: 400; line-height: 19px; }
.small-center { max-width: 750px; margin: 0 auto; }
.text_block-container { max-width: 750px; }

@media (max-width: 767px){
  .intro_block { margin-top: 25px; }
  .logos_container { gap: 30px; }
  .blockquote_block blockquote p { font-size: 17px; line-height: 23px; }
}

/*------------------------------------------------ SOUND ------------------------------------------------*/
.sounds_element:has(iframe:hover) { box-shadow: 0 285px 80px 0 rgba(0, 0, 0, 0.00), 0 182px 73px 0 rgba(0, 0, 0, 0.02), 0 102px 61px 0 rgba(0, 0, 0, 0.06), 0 46px 46px 0 rgba(0, 0, 0, 0.11), 0 11px 25px 0 rgba(0, 0, 0, 0.12); }
.sounds_element .w-embed.w-iframe { cursor: pointer; }
.sounds_text-container p { font-size: 14px; line-height: 22px; margin-bottom: 0; }

/*------------------------------------------------ ABOUT ------------------------------------------------*/
.cv_section p { margin-bottom: 3px; }
.cv_title-section { font-weight: bold; }

/*------------------------------------------------ CONTACT ------------------------------------------------*/
a.contact_data:hover { text-decoration: underline; }

/*------------------------------------------------ LEGAL ------------------------------------------------*/
.page-template-page-legal .content h1, .page-template-page-legal .content h2, .page-template-page-legal .content h3 { font-weight: 600; }