/*
    Theme Name: Marc Salicru
    Theme URI: http://www.marcsalicru.com/
    Description: Marc Salicru
    Version: 1.0
    Author: Jaume Llonch (@inpass)
    Author URI: https://inpass.net
    Text Domain: marcsalicru
    Domain Path: /lang
*/

/*	Typography
    ---------- */

/* Webfont: NeuzeitS-Book */

@font-face {
  font-family: "GTAmericaMono-Regular";
  src: url("./fonts/GTAmericaMono-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/GTAmericaMono-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/GTAmericaMono-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/GTAmericaMono-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/GTAmericaMono-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/GTAmericaMono-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

/*	Misc
    ---- */
*, *::after, *::before {
	padding: 0;
	margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img{
  width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: black;
  -webkit-font-smoothing: antialiased;
  font-family: 'GTAmericaMono-Regular';
  /*font-size: 20px;*/
  line-height: 1.3;
}
body, h1, h3 {
  font-size: calc(14px + (19 - 14) * ((100vw - 1024px) / (1920 - 1024)));
}
body.mobile, .mobile h1, .mobile h3 {
  font-size: 19px;
}

a{
  color: #000000;
	text-decoration: none;
  outline: none;
}

a:hover
/*a:focus*/ {
  text-decoration: none;
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

input,
textarea {
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  -webkit-border-radius: 0;
}

::-webkit-scrollbar {
  display: none;
}

/*
input:focus {
  outline: none;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

::-webkit-input-placeholder {
  color: gray;
}

:-moz-placeholder {
  color: gray;
  opacity: 1;
}

::-moz-placeholder {
  color: gray;
  opacity: 1;
}

:-ms-input-placeholder {
  color: gray;
}

::-moz-selection {
  color: black;
  background: #9cf;
}

::selection {
  color: black;
  background: #9cf;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

p {
  margin-bottom: 20px;
  margin-top: 0;
}
.flex{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.container-fluid {
  max-width: 1280px;
  margin: 0 auto;
}
.full-container{
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}

.img-responsive {
  width: 100%;
}

.fullscreen {
  width: 100vw;
  height: 88vh;
}
.hidden{
  display: none;
}
.border{
  border: 1px solid #000000;
}
.ocult{
  opacity: 0;
  visibility: hidden;
  display: none;
}

/* eliminem play button ios Devices*/
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/* -- HEADER -- */
.header-content {
  width: 100%;
  padding: 4% 4% 0;
	display: flex;
	justify-content: space-between;
	position: fixed;
	z-index: 999;
}
.single .header-content,
.archive .header-content,
.about .header-content{
  background-color: #fff;
  height: 80px;
}
.clear {
  display: none;
  cursor: pointer;
}
.logo{
  position: relative;
  display: inline;
  font-size: 5vw;
}
.logo a:hover>.logo a::before{
  /*opacity: 1;*/
  display: block;
}
.logo a{
  position: relative;
}
.blanc a{
  color:#ffffff;
}
/*.titol a::before {
  content: url('img/projects-hover.png');
  position: absolute;
  top: -10px;
  left: -10px;
  display: block;
  opacity: 1;
  z-index: -1;
}*/

#reel-landing {
	position: fixed;
	 /*position: absolute; */
/*	top: 50%;
	left: 50%;*/
	z-index: -1;
	/*height: 100vh;*/
	width: 100%;
/*	transform: translate(-50%,-50%);*/
object-fit: cover;
}
.mobile #reel-landing, .ipad.vertical #reel-landing{
	height: calc(var(--vh, 1vh) * 100);
}
.ipad #reel-landing{
  width: 100vw;
}


.titol::before:hover{
  opacity: 1;
}
/* - MENU - */
.container-menu {
	display: inline-block;
}
.container-menu ul  {
	list-style: none;
}
.container-menu ul li {
  display: inline-block;
  position: relative;
  /*font-size: 5vw;*/
}
.container-menu ul li.current-menu-item .img-hover{
  display: block;
}
#canvas{
  position: fixed;
  z-index: 5;
  cursor: pointer;
}
.mobile #canvas, .ipad #canvas{
  opacity: 0;
  visibility: hidden;
}

/* --- CONTINGUT --- */
/* Home - imatges random */
.mobile #contingut.projectes{
  display: block;
}
#contingut.projectes {
	flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
	width: 100%;
  height: auto;
}
.contenidor-projecte {
  position: relative;
  /*background-color: #ddd;*/
}
.img-projecte{
  width: 100%;
  display: block;
  position: relative;
}
.img-projecte img{
  max-width: 100%;
  max-height: 100%;
  display: flex;
}
.projecte.altres img{
  display: block;
}
.titol{
  font-family: "GTAmericaMono-Regular",sans-serif;
  font-size: 14px;
  /*margin-bottom: 28px;*/
  opacity: 0;
  visibility: hidden;
  margin-top: 8px;
}
.mobile .titol{
  display: none;
}
.projecte.actiu .titol{
  opacity: 1;
  visibility: visible;
}
.projecte.altres img{
  opacity: 0;
  visibility: hidden;
}
.projecte.altres .img-projecte{
  border: 1px solid #000;
}
.boto-projecte {
  width: 100%;
  height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  z-index: 10;
  cursor: pointer;
}
.boto-projecte a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* versio mobile - ipad vertical */
.img-projecte-mobile{
  width: 70%;
  position: relative;
  margin-bottom: 10px;
}
.img-projecte-mobile:last-child{
  margin-bottom: 0;
}
.img-projecte-mobile.ipad-vertical {
	display: none;
}

/* -PAGINA ABOUT- */
body.about.mobile{
  overflow-x: hidden;
}
#contingut {
  /*padding: 16% 4% 4% 4%;*/
  padding: 60px 15px 15px 15px;
	flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.mobile.about #contingut {
	padding-bottom: 25px;
}
.about{
  font-size: 16px;
}
.about img{
  width: 100%;
}

.columna1,
.columna2,
.columna3{
  /*display: block;*/
  width: 100%;
  padding: 20px 0 0 0;
  height: auto;
  flex-wrap: wrap;
}
.columna1{
  order: 2;
}
.columna2{
  order: 1;
}
.columna3{
  order: 3;
}
.about .columna1,
.about .columna3,
.about .columna2{
  order: 0;
}

.single .columna3{
  margin-top: 50px;
}
.archive .columna2{
  display: none;
}
.about .columna2 ul{
  padding: 0 0 0 16px;
}
/*.single .columna2{
  padding-top: 80px;
}*/

.single .columna2 .dades-esp{
  position: fixed;
}
.single .columna1 .dades-esp{
  display: none;
}

.personal{
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
.curri{
  width: 100%;
  height: auto;
}
.contacte{
  width: 100%;
  height: auto;
  color: rgb(150,150,150);
  margin: 30px 0 20px 0;
}

.personal a,
.curri a,
.contacte a:hover,
.credits a:hover {
	color: rgb(150,150,150);
}
.contacte a,
.credits a {
	color: rgb(150,150,150);
}

.about h3{
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 14px;
}
.about h3:first-child{
  margin-top: 0;
}
.credits{
  font-size: 14px;
}
.credits p{
  margin: 0;
}
.img-about{
  width: 100%;
}
.columna3 .img-about{
  display:none;
}

/* PROJECTES ARCHIVE */
/*
.archive .columna1{
  width: 100%;
}
.archive .columna2{
  width: 100%;
  position: relative;
  padding: 0;
}
*/
.llista-projectes{
  margin-top: 30px;
  /*font-size: 14px;*/
  position: absolute;
  bottom: 0;
  /*overflow: scroll;*/
  /*left: -5px;*/
}
.mobile .llista-projectes, .ipad .llista-projectes{
  font-size: 19px;
  position: static;
  margin-top: 70px;
}
.archive .llista-projectes ul{
  padding-left: 15px;
}
.archive .llista-projectes ul li{
  list-style-type: none;
}
.archive .llista-projectes ul li:before{
  content: "-";
  position: absolute;
  left: -15px;
}
element {
	margin-left: -28px;
	padding-left: 28px;
	overflow: scroll;
	height: 450px;
	position: fixed;
	width: 100%;
	bottom: 0;
}
.filtratge {
  font-size: 16px;
  margin-top: 0;
  position: fixed;
  z-index: 1000;
  background-color: #ffffff;
}
.filtratge ul {
	list-style: none;
	display: inline-block;
  vertical-align: top;
}
.filtratge li {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0 0 0 2px;
  vertical-align: top;
}
.mobile .filtratge li{
  padding: 0 0 6px 2px;
}
.filtratge li.active .img-hover {
	display: block;
}
.mobile .filtratge, .ipad .filtratge {
	padding-bottom: 12px;
	padding-left: 14px;
	margin-left: -15px;
}

/* PER FER SCROLL A DESKTOP */
.desktop .scroll-columna, .vertical .scroll-columna {
	margin-left: -28px;
	padding-left: 28px;
	overflow: scroll;
	position: fixed;
	width: 100%;
	bottom: 0;
}
.desktop .llista-projectes, .vertical .llista-projectes {
	margin-top: 0px;
	position: sticky;
	bottom: 0;
	margin-bottom: 28px;
}
/* ---------- Fi Scroll ----------- */

.llista-projectes ul {
  list-style: none;
  padding-top: 25px; 
}
.llista-projectes li {
  position: relative;
  width: max-content;
  /*padding: 0 5px;*/
}
.llista-projectes li.active .img-tatxat,
.llista-projectes li.active span,
.llista-projectes li a{
  display: none;
}
.llista-projectes li.active a{
  display: block;
  width: max-content;
}
.mobile .llista-projectes li {
	width: 100%;
	margin-bottom: 12px;
	line-height: 1.1;
}
.mobile .llista-projectes li a {
	width: 100%;
}
.img-tatxat {
	position: absolute;
	top: 40%;
	left: -2px;
  transform: translateY(-50%);
  z-index: -1;
}
/*.img-tatxat img{
  max-width: 50%;
}*/
.img-hover {
  width: 110%;
	position: absolute;
	top: 60%;
	left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  display: none;
  opacity: 1;
  visibility: visible;
}
.no-fons .img-hover {
  display: block;
  opacity: 0;
  visibility: hidden;
}
/*.filtratge .img-hover {
	top: 60%;
	left: -2px;
}*/
.img-destacada{
  width: 100%;
  /*max-width:580px;*/
  height: 56.25%;
  border: 1px solid #000000;
  text-align: right;
  /*position: absolute;
  top: 0;
  right: 0;*/
  background-position: center;
  background-size: cover;
}
.titol-destacat{
  font-size: 14px;
  margin-top: 14px;
}


/* SINGLE PROJECT*/
/*
.single .columna1 p{
  margin-bottom: 4%;
}
.single .columna1 p:last-child {
  margin-bottom: 6%;
}
*/

/*.columna2,
.columna3,{
  width: 100%;
  padding-left: 0;
}*/
/*
.single .columna2{
  width: 57%;
}
*/
/*
.mobile.single .columna2 img{
  margin-bottom: 12px;
}
*/
.single .columna1 a,
.single .columna2 a{
  color: rgb(150,150,150);
}

.single .columna2 img{
  display: block;
  width: 100%;
  margin-bottom: 2%;
}
.single .columna2 img:last-child{
  margin-bottom: 0px;
}
/*
.single .columna3{
  width: 18%;
  padding-left: 1.5%;
}
*/
.dades-esp{
  margin-top: 60px;
  /*font-size: 29px;*/
  font-size: calc(20px + (29 - 20) * ((100vw - 1024px) / (1920 - 1024)));
  line-height: 1.1;
}
.dades-esp {
  width: 100%;
  padding-bottom: 25px;
	margin-top: 0;
	font-size: 19px;
	position: fixed;
  background-color: #fff;
  z-index: 1;
}

.mobile .dades-extra{
  margin-top: 85px;
}
.dades-extra{
  margin-top: 0px;
  font-size: 14px;
}
.dades-extra ul {
 list-style: none;
}
.dades-extra ul li {
	display: inline-block;
}
.premis {
	margin-top: 18px;
}
.sinopsi{
  margin-top: 20px;
}
.content-info{
  margin-top: 30px;
}
/* ocultem les imatges del contingut de la versió descktop i ipad vertical */
body.desktop .wp-block-image {
	display: none;
}
body.desktop .wp-block-embed__wrapper {
  display: none;
}
.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}
.wp-block-embed iframe {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.imatges-esp{
  margin-top: 110px;
}
.excerpt{
  margin-top: 20px;
  font-size: 19px;
}
.mobile .copyright-img{
  font-size: 14px;
}
.relacionats{
  margin-top: -5px;
}
.relacionat{
  margin: 3% 0 6%;
  font-size: 14px;
}
.titol-relacionat{
  display: block;
  margin-top: 1%;
}
.img-relacionat{
  display: block;
}
.imatge-relacionat {
	border: 1px solid transparent;
}
.imatge-relacionat img{
  width: 100%;
}
.relacionat.buit .imatge-relacionat {
	border: 1px solid #000;
}
.relacionat.buit a {
	visibility: hidden;
}

/* CONTENIDOR VIDEO */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-bottom: 2%;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



@media screen and (min-width: 325px) {
  
}

@media screen and (min-width: 376px) {
  
}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 680px) {
  .ipad .contenidor-projecte{
    display: none;
  }
  .ipad .img-projecte-mobile.ipad-vertical{
    display: block;
  }
  h1, .nav, .logo {
    font-size: 19px;
  }
  .filtratge{
    margin-top: 10px;
  }
  .filtratge ul{
    font-size: 16px;
  }
  body{
    font-size: 18px;
  }
  #contingut {
    /*padding: 10% 3% 3% 3%;*/
    padding: 110px 28px 28px 28px;
  }
  .header-content{
    padding: 28px 28px 0;
  }
}

@media screen and (min-width: 769px) {
  /*--- #ESTRUCTURA ---*/
  body,
  h1,
  h3,
  .container-menu ul li,
  .logo,
  .about,
  .filtratge ul {
    font-size: calc(14px + (19 - 14) * ((100vw - 1024px) / (1920 - 1024)));
  }
  .header-content {
    /*padding: 28px 28px 0;*/
    padding: 20px 20px 0;
  }
  #contingut{
    padding: 20px;
    /*padding: 1.5%;*/
  }
  .ipad .clear{
    display: none;
  }
  .clear {
    display: inline-block;
  }
  /* XX final estructura XX */
  
  .archive .columna1{
    width: 67%;
  }

  .columna2{
    width:42%;
    display: block;
  }
  .archive .columna2{
    display: none;
  }
  .single .columna2{
    width: 57%;
    padding-left: 16px;
    /*padding-left: 1.5%;*/
  }

  .columna3{
    width: 33%;
  }
  .single .columna3{
    width: 18%;
    padding-left: 16px;
    /*padding-left: 1.5%;*/
  }
  
  .ipad .contenidor-projecte{
    display: inherit;
  }
  .ipad .img-projecte-mobile.ipad-vertical{
    display: none;
  }
  .filtratge{
    margin-top: 30px;
  }

  /* ---- ABOUT  ---- */
  .about .columna2{
    /*font-size: 14px;*/
    font-size: calc(12px + (14 - 12) * ((100vw - 1024px) / (1920 - 1024)));
    /*padding: 0 28px;*/
    padding: 0 1.5%;
  }

  /*-- SINGLE --*/
  .copyright-img{
    font-size: calc(12px + (14 - 12) * ((100vw - 1024px) / (1920 - 1024)));
  }

  /*-- PROJECTES --*/
  .contenidor-projecte {
    margin-top: 30px;
  }
  .titol{
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (min-width: 900px) {
  /* OLD */
  .content-info{
    margin-top: 30px;
    overflow: scroll;
  }
  /*- ocultem les imatges dins del content -*/
  body.ipad .wp-block-image {
    display: none;
  }
  /*.imatges-esp{
    display: block;
  }*/
  body{
    font-size: calc(12px + (14 - 12) * ((100vw - 1024px) / (1920 - 1024)));
  }
  /* --  fi OLD  -- */

  .single .header-content,
  .archive .header-content,
  .about .header-content{
    background-color: transparent;
    height: auto;
  }
  .columna1, .columna2, .columna3{
    order: 0;
  }
  .columna1 {
    width: 25%;
    height: calc((var(--vh, 1vh) * 100) - 40px);
    /*height: calc( 100vh - 3% );*/
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: flex-end;
    padding-top: 0;
  }
  .ipad.about .columna1{
    width: 27%;
  }
  .columna2{
    width: 42%;
    padding-left: 20px;
    position: relative;
    padding-top: 0;
  }
  .columna3{
    width: 33%;
    height: calc((var(--vh, 1vh) * 100) - 40px);
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 20px;
    flex-flow: wrap column;
    justify-content: space-between;
    padding-top: 0;
  }
  .single .columna3{
  margin-top: 0px;
}
  .ipad.about .columna3{
    width: 31%;
  }
  .about .columna2 p{
    /*max-width: 450px;*/
    margin-bottom: 14px;
  }
  .about .columna2 p:last-child{
    margin-bottom: 0px;
  }

  .archive .columna1{
    width: 67%;
  }
  .archive .columna2{
    width: 33%;
    position: relative;
    padding: 0;
  }

  .single .columna1 p{
    margin-bottom: 20px;
  }
  .single .columna1 p:last-child {
    margin-bottom: 20px;
  }

  .ipad.single .columna1{
    bottom: 0;
  }
  .single .columna1 .dades-esp{
    display: block;
    position: static;
  }
  .imatges-esp{
    margin-top: 0px;
  }

  .single .columna2{
    padding-left: 20px;
    /*padding-left: 1.5%;*/
  }
  .single .columna2 .dades-esp{
    display: none;
  }
  .single .columna3 {
    width: 18%;
    /* padding-left: 28px; */
    padding-left: 20px;
    height: calc((var(--vh, 1vh) * 100) - 28px);
    position: sticky;
    top: 28px;
    overflow: scroll;
    margin-bottom: -28px;
  }
  body:not(.mobile) .relacionats,
  body:not(.vertical) .relacionats {
    position: fixed;
    top: 28px;
    width: 16%;
    padding-bottom: 10px;
    background-color: #fff;
    z-index: 1;
  }
  .single .relacionat:first-of-type {
    margin-top: 30px;
  }
  .archive .columna2{
    width: 33%;
  }

  /* about */
  .columna1 .img-about{
    display: none;
  }
  .columna3 .img-about{
    display: block;
  }
  .credits{
    font-size: 14px;
    margin-top: 5%;
  }
}
@media screen and (min-width: 1025px) {
  body{
    font-size: calc(14px + (19 - 14) * ((100vw - 1024px) / (1920 - 1024)));
  }
  .ipad.about .columna1{
    width: 25%;
  }
  .ipad.about .columna3{
    width: 33%;
  }
  .single .columna1 p:last-child {
    /*margin-bottom: 28px;*/
    margin-bottom: 20px;
  }
  .archive .columna2{
    display: block;
  }
  .single .columna2{
    padding-left: 28px;
    /*padding-left: 1.5%;*/
  }
  .single .columna3{
    padding-left: 28px;
    /*padding-left: 1.5%;*/
  }
  .header-content {
    /*padding: 28px 28px 0;*/
    padding: 20px 20px 0;
  }
  #contingut {
    padding: 20px 20px 20px 20px;
  }
  .titol{
    margin-top: 10px;
  }
  .dades-esp{
    margin-top: 60px;
    /*font-size: 29px;*/
    font-size: calc(20px + (29 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    line-height: 1.1;
  }
  .personal{
    margin-bottom: 15px;
    overflow: scroll;
  }
}
/*@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .columna1,
  .columna2,
  .columna3,
  .ipad .columna1,
  .ipad .columna2,
  .ipad .columna3,
  .ipad.single .columna1,
  .ipad.single .columna2,
  .ipad.single .columna3,{
    width: 50%;
    padding-top: 50px;
    justify-content: start;
    position: static;
  }
  .ipad.about .columna3{
    position: fixed;
    bottom: 1.5%;
  }
  .header-content{
    height: 50px;
  }
  .imatges-esp{
    display: none;
  }
  .dades-esp {
    margin-top: 20px;
  }
  .mobile .dades-esp {
    width: 50%;
    padding-bottom: 25px;
    margin-top: 0;
    font-size: 19px;
    position: fixed;
    background-color: #fff;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .columna1,
  .columna2,
  .columna3,
  .ipad .columna1,
  .ipad .columna2,
  .ipad .columna3,
  .ipad.single .columna1,
  .ipad.single .columna2,
  .ipad.single .columna3,{
    width: 50%;
    padding-top: 50px;
    justify-content: start;
    position: static;
  }
  .ipad.about .columna3{
    position: fixed;
    bottom: 1.5%;
  }
  .header-content{
    height: 50px;
  }
  .imatges-esp{
    display: none;
  }
  .dades-esp {
    margin-top: 20px;
  }
  .ipad .dades-esp {
    width: 50%;
    padding-bottom: 25px;
    margin-top: 0;
    font-size: 19px;
    position: fixed;
    background-color: #fff;
  }
}*/
@media screen and (min-width: 1120px) {

}

@media screen and (min-width: 1280px) {
  .header-content {
    /*padding: 28px 28px 0;*/
    padding: 28px 28px 0;
  }
  #contingut {
    padding: 28px 28px 28px 28px;
  }
  .columna1 {
    height: calc((var(--vh, 1vh) * 100) - 56px);
    top:28px;
  }
  .columna3 {
    height: calc((var(--vh, 1vh) * 100) - 56px);
    top:28px;
  }
  .single .columna1 p:last-child {
    margin-bottom: 28px;
  }

}

/*@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}*/
/*	Print
    ----- */
/*
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.4cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}*/