/*
 Theme Name:   base
 Theme URI:    https://tandem.blog
 Description:  Default GeneratePress child theme
 Author:       tandem
 Author URI:   https://tandem.blog
 Template:     generatepress
 Version:      0.1
*/

.gp-icon svg {
  height: 17px !important;
  width: 17px !important;
  top: 30px !important;
}

.slideout-exit.has-svg-icon {
  position: fixed !important;
}

.slideout-navigation button.slideout-exit {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: -5px 10px;
}


.menu, .informacio, .contacte, .marca {
	position: fixed;
	z-index: 9;
}

.dark :is(.marca, .menu, .informacio, .contacte) a, .dark .wp-block-barbacana-full-page-slides {
	color: var(--base-3);
}

.marca {
	top: 20px;
}

.menu {
	top: 25px;
}

.logo {
  font-size: 24px;
  font-weight: 700;
	letter-spacing: 1px;
}

.frase {
	font-weight: 300;
	font-size: 14.5px;
	/* letter-spacing: .27px; */
	margin-top: -5px;
}

.admin-bar :is(.marca, .menu) {
	top: 52px;
}

.contacte {
	bottom: 30px;
}

.informacio {
	bottom: 20px;
}

.marca, .contacte {
	left: 30px;
}

.menu, .informacio {
	right: 30px;
}

.informacio, .informacio:hover, .informacio:active {
	color: var(--contrast);
	background: none;
}

/* menu */
.inside-navigation.grid-container.grid-parent {
	margin-top: 120px;
}

.slideout-navigation.do-overlay .inside-navigation {
	display: flex;
	flex-direction: column;
	padding: 10% 10% 0;
	max-width: 100% !important;
}

#generate-slideout-menu.do-overlay .slideout-menu li {
	text-align: center !important;
}


.slideout-navigation.main-navigation .main-nav ul li a {
	transition: color 300ms ease 0s;
  transition: font-weight 100ms ease 0s;
}

.slideout-navigation.main-navigation .main-nav ul li a:hover {
	transition: color 300ms ease 0s;
  font-weight: 600;
  transition: font-weight 100ms ease 0s;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #7a8896;
  background-color: #ffffff;
  font-weight: 600 !important;
}

/* projectes */


.pestanyes.gb-tabs__buttons {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 3;
	display: flex;
	flex-direction: column;
}

button.gb-button {
	display: flex;
	justify-content: end;
}


.img_galeria img {
	width: 220px;
	height: 150px;
	object-fit: cover;
}

.img_galeria:nth-child(n+4) {
	display: none ;
}



.wp-block-barbacana-project-gallery img {
	-o-object-fit: contain;
	object-fit: contain;
	height: 85% !important;
}


.llistat_projectes {
  margin-top: 120px;
}



/* menu categories */

.wp-block-barbacana-project-list button[aria-haspopup] {
  bottom: 90px !important;
}

.wp-block-barbacana-project-list li[role="menuitemradio"] {
    cursor: pointer;
}



/* graella imatges detall projecte */


.imatge_graella {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gallery-gap);
}

.imatge_graella img {
  flex: 0 0
    calc(
      100% / var(--gallery-items-per-row) - var(--gallery-gap) *
        (var(--gallery-items-per-row) - 1) / var(--gallery-items-per-row)
    );
}


@media only screen and (width >= 1024px) {
  .imatge_graella {
    --gallery-items-per-row: 4;
  }
}
@media only screen and (768px < width < 1024px) {
  .imatge_graella {
    --gallery-items-per-row: 3;
  }
}
@media only screen and (540px < width < 768px) {
  .imatge_graella {
    --gallery-items-per-row: 3;
  }
}



/* detall projecte graella imatges */

.wp-block-tandem-acf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
}

.wp-block-tandem-acf-grid img {
	aspect-ratio: 3/2;
	object-fit: contain;
}

/* llista o graela */

.pestanyes_projectes.gb-tabs__buttons {
	position: fixed;
	bottom: 50px;
	right: 30px;
	z-index: 3;
	display: flex;
  flex-direction: row;
}


/* títol projecte */

.titol_projecte {
	position: fixed;
	bottom: 20px;
	left: 30px;
}


/* botons detall projecte graella o llista */

button.gb-button-d569cee8 {
  font-size: 19px !important;
}

button.gb-button-a21d54af {
  font-size: 19px !important;
}

/* +info */

.informacio.wp-block-barbacana-more-info {
	padding: 0px !important;
  margin-bottom: 0px !important;
}

.tingle-modal {
	-webkit-backdrop-filter: blur(0px) !important;
	backdrop-filter: blur(0px) !important;
}

.tingle-modal__closeIcon > svg{
	display: none;
}

.tingle-modal__closeIcon::before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");
	display: inline-block;
	width: 17px;
	height: 17px;
  position: fixed;
  right: 30px;
  bottom: 30px;
}

.tingle-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: flex;
	visibility: hidden;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	background: rgba(255, 255, 255, 0.8) !important;
	opacity: 0;
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E"), auto !important;

}

.tingle-modal--overflow {
	overflow-y: scroll;
	padding-top: 0 !important;
}

.tingle-modal-box {
	position: absolute !important;
	flex-shrink: 0;
	width: 50%;
	min-height: 100vh;
	top: 0px !important;
	right: 0px !important;
	border-radius: 0px !important;
	background: #fff;
	opacity: 1;
	cursor: auto;
	will-change: transform, opacity;
}

.tingle-modal-box__content {
	padding: 3rem 5rem 3rem 3rem !important;
}

.single-projectes .tingle-modal {
  overflow: visible;
}

.single-projectes .tingle-modal-box {
  height: 100%;
  overflow-y: scroll;
}

/* detalls projecte */

.detalls_projecte {
  font-size: 15px;
}

.detalls_projecte span {
  font-size: 19px;
}

/* graella projectes */


.wp-block-barbacana-project-list .button-bar {
  bottom: 20px !important;
  flex-direction: column-reverse !important;
}

.wp-block-barbacana-project-list {
	position: fixed;
	inset: 0 30px;
}

.wp-block-barbacana-project-list ul[role="menu"] {
	padding: 30px !important;
  text-transform: lowercase !important;
  bottom: 25px !important;
}

.wp-block-barbacana-project-list ul:first-of-type {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)) !important;
	gap: 30px !important;
}

.graella_projectes img {
  aspect-ratio: 1/1;
  object-fit: contain;
}

.wp-block-barbacana-project-list ul:first-of-type {
  scrollbar-width: none;
}

.wp-block-barbacana-project-list li::after {
	text-transform: lowercase;
	font-size: 15px;
}

.graella_projectes.wp-block-barbacana-project-list.list ul:first-child  {
  padding-top: 120px;
}

.graella_projectes.wp-block-barbacana-project-list.list ul li:hover {
	opacity: 0.5 !important;
  transition: opacity 300ms ease 0s;
}


.graella_projectes.wp-block-barbacana-project-list.list ul li{
	opacity: 1 !important;
  transition: opacity 300ms ease 0s;
}

.wp-block-barbacana-project-list li::after {
	font-size: 19px;
}

button {
	padding: 0;
	text-transform: lowercase;
}

/* contacte */


.adreca_estudi p {
  margin-bottom: 0em !important;
}