/*
 Theme Name:   visavis
 Theme URI:    https://visavis.cat
 Description:  childtheme
 Author:       tandem
 Author URI:   https://tandem.blog
 Template:     generatepress
 Version:      0.1
*/


@font-face {
    font-family: 'archiathin';
    src: url('/wp-content/themes/visavis/tipo//wp-content/themes/visavis/tipo/archia-thin-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-thin-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-thin-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archialight';
    src: url('/wp-content/themes/visavis/tipo/archia-light-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-light-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archiaregular';
    src: url('/wp-content/themes/visavis/tipo/archia-regular-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-regular-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archiamedium';
    src: url('/wp-content/themes/visavis/tipo/archia-medium-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-medium-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archiasemibold';
    src: url('/wp-content/themes/visavis/tipo/archia-semibold-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-semibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-semibold-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archiabold';
    src: url('/wp-content/themes/visavis/tipo/archia-bold-webfont.eot');
    src: url('/wp-content/themes/visavis/tipo/archia-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/visavis/tipo/archia-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/visavis/tipo/archia-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/visavis/tipo/archia-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



/* colors */


:root {
    /** Colors **/
    --colorPrimari : #3b3b3b;
    --colorSecundari : #ff8383;
    --colorFons : #f2f2f2;
    --colorBlau : #3100ff;
    --colorGris : #b7b8b8;
   /* cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), auto; */
}




/* color fons */
body {
	background: #f2f2f2;
}

.site-header {
    background-color: #f2f2f200;
    }


.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: #f2f2f200;
}

.footer-widgets {
   background-color: #f2f2f200;
}



/* links */

.highlighted {
  background: linear-gradient(0deg, rgba(255, 244, 89, 0.8) 50%, transparent 50%);
 display: table;
	padding-right: 5px;
}


::-moz-selection { /* Code for Firefox */
  background: #fffb00;
  color: #404040
}

::selection {
  background: #fffb00;
  color: #404040
}
 /* fi estil editorial */




/* superior */

/* header per defecte */
.site-header {display:none}

.estudi-vav-taller {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    width: 96vw;
    margin: 20px 2vw;
    position: fixed;
    z-index: 99;
    }

.vav-estudi {
	text-align: left;
	align-self: center;
}

.vav-logo {
	text-align: center;
	font-size: 1.5em;
	font-weight: 900;
	align-self: center;
	justify-self: center;
}

@media all and (max-width: 590px) {
.vav-logo {
    font-size: 17px;
}

}

.vav-taller {
	text-align: right;
	align-self: center;
}




/* estils */

/* portada */

.vav-quiet {
	position: sticky;
}


.tandem-fons-text {
	    background-image: radial-gradient(var(--colorPrimari) 1px, transparent 1px);
   background-size: calc(10 * 1px) calc(10 * 1px);
   max-width: 15vh;
   overflow: visible;
}

.tandem-slogan {
	font-size: 4vw;
	font-family: 'archiabold';
	padding: 2vh 0;
	width: 55vh;
overflow: visible;
background: none;

}

@media all and (max-width: 769px) {
	
.tandem-fons-text {
   max-width: 13vh;
   overflow: visible;
}	

.tandem-slogan {
	font-size: 7vw;
	padding: 0.5vh 0;
	width: 80vw;
}

}



/* sidebar portada recent posts  >> posat en el widget >> aparença    *****************

.srpw-block li {
    padding: 30px 0;
}

.srpw-modern-style .srpw-content .srpw-title {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-bottom: 0px solid #ffffff00 !important;
}

.srpw-modern-style .srpw-content {
    left: 0px;
}

.srpw-modern-style .srpw-content a {
    color: #fff !important;
background: #ff6666;
padding: 2px 5px;
}

.srpw-modern-style .srpw-img::after {
    opacity: 0;
    background: none;
}

*/



/*
.home .entry-title {
	display: none;
}
*/


/* alineació */


.aliniat-dreta{
	position: relative;
	float: right;
}


/* projectes */



.visavis-projecte {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 30px;
}

@media all and (max-width: 1280px) {
	
	.visavis-projecte {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}
	
	}

.visavis-galeria {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}


.breu-descripcio {
	margin-top: 20px;
	font-size: 1.7em;
}


/*
.visavis-galeria {
	margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
*/

 /* graella imatges */
 
 .postal-projecte {
	 margin-top: -5px;
 }

.titol-projecte {
	z-index: 10;
	position: absolute;
	padding: 10px;
}

.imatge-projecte {
	z-index: 1;
	
}

.fwpl-result:first-child .titol-projecte {
  display: none;
}


@media all and (max-width: 1280px) {
.fwpl-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 20px;
}
}


@media all and (max-width: 950px) {
.fwpl-layout {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 20px;
}
}

@media all and (max-width: 590px) {
.fwpl-layout {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-gap: 20px;
    max-width: 380px;
   margin: 0 auto;
}
}



/* contacte CTA */
.cta-vav-contacte {
    position: fixed;
    bottom: 50px;
    right: 0px;
    transform: rotate(-90deg);
}

@media all and (max-width: 770px) {
.cta-vav-contacte {
    position: fixed;
    bottom: 50px;
    right: -20px;
    transform: rotate(-90deg);
}
}









/* llista



.vav-llista-projectes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vav-llista-projectes h3{
	font-family: 'archiabold';
	font-size: 7vh;
}

 */