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


header {
  z-index: 3;
  padding: 0 20px;
}

.frase h2 {
	font-size: 6vh !important;
}

.detall_titol h2 {
	font-size: 26px !important;
}

.gb-highlight {
	background: yellow;
	padding: 3px 6px;
}

.typed-wrapper {
	color: #00ffd2;
}

/* graella masonry */


#page .has-masonry {
    display: block;
    font-size: 0px;
}
#page .has-masonry > .gb-grid-column {
    width: unset;
    margin-bottom: 10px;
    display: inline-block;
}
@media (min-width: 1024px) {
    #page .has-masonry {
        column-count: 3;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    #page .has-masonry {
        column-count: 2;
    }
}
@media (max-width: 768px) {
    #page .has-masonry {
        column-count: 1;
    }
}



/* contingut postal graella */


.icona_graella img {
	width: 15px;
}


/* contingut detall workshop */



.container-titol h1{
	color: var(--base-3);
}

embed, iframe, object {
	width: 100% !important;
}


    .media_box { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        width: 100%;
        height: auto;
    } 

    .media_box iframe,
    .media_box object,
    .media_box embed { 
       /*position: absolute;*/
        top: 0;
        left: 0;
        width: 100%;
        /*height: 100%;*/
    }



/* amaga si és buit */



.caixa_detalls:has(.detall_taller:empty) {
	display: none;
}