:root {
	--background: #ededed;
	--background-darkmode: #212121;
	--beige: #a2a288;
	--red: #d61714;
	--menu-hover: #212121;
	--menu-fontcolor: #ffffff;
	--fontcolor: #000000;
	--fontcolor-darkmode: #f5f5f5;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: var(--background-darkmode);
	color: var(--fontcolor-darkmode);
	font-family: Tahoma, Helvetica, Lato, Roboto;
	
	background-image: url('/assets/img/jp-green-bottom.webp');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size:25%;
	
}

@media (prefers-color-scheme: dark) {
	html, body {
		background-color: var(--background-darkmode);
		color: var(--fontcolor-darkmode);
	}
}

h1{
	font-family: 'Roboto', sans-serif;
	  font-family: 'Sofia Sans Condensed', sans-serif;
}

/* img {
	border-radius: 15px;
} */

a {
  color: var(--red);
}

#topbar {
	position:relative;
	top:0;
	left:0;
	width:100vw;
	height:200px;
	background: rgb(95,176,81);
	background: linear-gradient(180deg, rgba(95,176,81,1) 0%, rgba(253,206,11,1) 100%);
	/* background-image: url('/assets/img/JP30Divider-01.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; */
	
	background-image: url('/assets/img/JP30Divider-01.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	border-bottom:4px solid var(--red);
	z-index: 100;
	overflow:hidden;
}

#logo{
	position:relative;
	top:10px;
	left:0;
	width:100vw;
	height:150px;
	background-image: url('/assets/img/jp-png.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
}

#tagline{
	position:relative;
	top:10px;
	left:0;
	width:100vw;
	height:40px;
	font-size:30px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	color:#000;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);

}

@media only screen and (max-width: 600px) {
  #topbar {
	height:70px;
	/* background-size: contain; */
  }
  #logo{
	  top:5px;
	  left:0px;
	  height:60px;
	  width:100vw;
  }
  #tagline{
	  display:none;
	  position:absolute;
	  top:20px;
	  left:0px;
	  height:40px;
	  width:100vw;
	  font-size:30px;
	  text-align: center;
	  font-family: 'Roboto', sans-serif;
	  font-family: 'Sofia Sans Condensed', sans-serif;
	  color:#000;
  }
  #ytplayer{
	  height:180px;
  }
  .hide-app{
	  display:none;
  }
}

#menubalk {
	position:relative;
	display: flex;
	top:0;
	left:0;
	width:60vw;
	height:80px;
	margin: 0 20vw;
	background-color: var(--red);
	overflow:hidden;
	border-radius: 0px 0px 20px 20px;
	justify-content: center;
	gap: 30px;
	z-index: 99;
}

.menuknop{
	position: relative;
	display:block;
	cursor:pointer;
}

.menuknop:hover{
	background: rgb(214,23,20);
	background: linear-gradient(90deg, rgba(214,23,20,1) 2%, rgba(161,21,18,1) 50%, rgba(214,23,20,1) 98%);
}

.menutitle{
	position:absolute;
	display: table; height: 40px; overflow: hidden;
	left:0px;
	top:40px;
	width: 100%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	line-height: 15px;
	color:#ffffff;
}

.menutitle div{
	display: table-cell; vertical-align: middle;
}

@media only screen and (max-width: 1000px) {
	#menubalk {
		width:98vw;
		margin: 0 1vw;
	}
}

@media only screen and (max-width: 600px) {
	#menubalk {
		flex-direction:column;
	}
	.menuknop img{
		display:none;
	}
	.menutitle{
		top:0px;
	}
}

#menubar {
	position:relative;
	display: flex;
	top:0;
	left:0;
	width:60vw;
	height:35px;
	padding: 0 20vw;
	background-color: var(--red);
	overflow:hidden;
	opacity: 0;
}

@media only screen and (max-width: 600px) {
  #menubar {
	padding: 0 0vw;
	width:100vw;
	overflow-x: auto;
  }
}

.menubar-item {
	position:relative;
	padding: 7px 15px 0px 15px;
	/* min-width:20px; */
	height:28px;
	background-color: var(--red);
	font-family: Tahoma, Helvetica, Lato, Roboto;
	font-weight: bold;
	cursor: pointer;
	color: var(--menu-fontcolor);
	border-right: 2px solid var(--beige);
}

.menubar-item:first-child {
	border-left: 2px solid var(--beige);
}

.menubar-item:hover {
	background-color: var(--menu-hover);
}

.greenblock-left{
	float:left;
	background-image: url('/assets/img/jp-green-block.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height:100px;
	padding:20px 20px 40px 30px;
	color:#000000;
}
.greenblock-right{
	float:right;
	background-image: url('/assets/img/jp-green-block.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height:100px;
	width:30vw;
	padding:20px;
	color:#000000;
}

.blueprint-window{
	background-image: url('/assets/img/jp-window.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color:#ffffff;
	padding:20px;
}

.blueprint-window img{
	width:100%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.blueprint{
	background-image: url('/assets/img/jp-blue.webp');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color:#ffffff;
	padding:20px;
}

.blueprint a{
	color:#fff;
	font-weight: bold;
}

#playbutton{
	position:absolute;
	display: block;
	top:200px;
	right:60px;
	width:90px;
	height:18px;
	padding:8px 4px;
	font-weight: bold;
	background: rgb(214,23,20);
	border-radius: 0px 0px 6px 6px;
	background-image: url('/assets/img/audio-wave.gif');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

#player{
	position:fixed;
	display: none;
	bottom:20px;
	right:20px;
	width:192px;
	height:108px;
	/* background: rgb(214,23,20); */
	z-index:99999;
	border-radius: 8px;
}

#mrdna{
	position:fixed;
	right:5000px;
	bottom:20px;
	width:100px;
	height:100px;
	background-image: url('/assets/img/dna1.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

#trex{
	position:absolute;
	left:-300px;
	top:126px;
	height:80px;
	z-index: 101;
}

#trex img{
	height:80px;
	width:165px !important;
}

.content {
	position:relative;
	top:0;
	left:0;
	width:60vw;
	padding: 10px 20vw;
}

.devider1{
	position: relative;
	top:0px;
	left:0px;
	width:100vw;
	background-image: url('/assets/img/2635255.jpg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color:var(--menu-fontcolor);
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
}

.devider2{
	position: relative;
	top:0px;
	left:0px;
	width:100vw;
	background-image: url('/assets/img/trees.jpg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color:var(--menu-fontcolor);
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
}

.devider3{
	position: relative;
	top:0px;
	left:0px;
	width:100vw;
	background-image: url('/assets/img/jpgreenyellow.jpg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color:var(--menu-fontcolor);
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	margin: 20px 0px 0px 0px;
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
}

.devider4{
	position: relative;
	top:0px;
	left:0px;
	width:100vw;
	background-image: url('/assets/img/jeepford.jpg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	color:var(--menu-fontcolor);
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Sofia Sans Condensed', sans-serif;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	margin: 20px 0px 0px 0px;
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
}

@media only screen and (max-width: 600px) {
  .content {
	width:90vw;
	padding: 10px 5vw;
  }
  .devider1, .devider2, .devider3{
  	background-attachment: initial;
  }
  
  .greenblock-left{
	  float:left;
	  background-image: url('/assets/img/jp-green-block.webp');
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
	  min-height:100px;
	  width:80vw;
	  padding:20px 5vw 30px 5vw;
	  color:#000000;
  }
  
  #trex{
	  position:absolute;
	  left:-300px;
	  top:15px;
	  height:60px;
	  
  }
  
  #trex img{
	  height:60px;
	  width:125px;
  }
  
  #playbutton{
	  display:none;
  }
}


#legal{
	position: relative;
	width:100vw;
	text-align: center;
	margin:30px 0px;
}
#legal img{
	width:300px;
}

/*CSS Gallery*/
#simple_gallery {
  width: 100%;
  max-width: 1100px;
  margin: 0px auto 0;
  padding: 0;
}
#simple_gallery ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#simple_gallery ul li {
  display: block;
  float: left;
  width: calc(33.33% - 20px);
  margin: 0;
  padding: 10px;
}
#simple_gallery ul li img {
  width: 100%;
  display: block;
  border-radius: 15px;
  cursor: pointer;
  transition: .5s;
  filter: grayscale(0%);
  height:300px;
  object-fit: cover;
}
#simple_gallery ul li img:hover {
  filter: grayscale(0);
}
#overflow {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(51, 51, 51, 0.7);
	top: 0;
	left: 0;
	margin: 0;
	z-index: 10;
	display: none;
}

#overflow img {
	max-width: 80%;
	margin: auto;
	display: block;
	margin-top: 5%;
	max-height: 80%;
}
#overflow .fa {
	float: right;
	font-size: 40px;
	color: #fff;
	margin: 30px 30px 0 0;
	cursor: pointer;
}
.clear {
  clear:both;
}
/*END CSS Gallery*/

.trexfootprint{
	background-image:url("/assets/img/trex-dark.png");
	width:100px;
	height:100px;
	background-size: contain;
	background-repeat: no-repeat;
	opacity:1;
	transform: rotate(180deg);	
	position: relative;
	top: 100px;
	left:100px;
}

.footprint{
	background-image:url("/assets/img/trex-dark.png");
	width:50px;
	height:50px;
	background-size: contain;
	background-repeat: no-repeat;
	opacity:0;
	transform: rotate(180deg);	
	position: absolute;
	left: 100px;
}

@media (prefers-color-scheme: dark) {
	.footprint{
		background-image:url("/assets/img/trex-dark.png");
	}
}

.a{top:350px;  }
.b{top:500px;  }
.c{top:650px;left: 50px;transform: rotate(157deg);}
.d{top:800px;left: 100px;transform: rotate(141deg);}
.e{top:950px;left: 150px;transform: rotate(135deg);}
.f{top:1100px;left: 200px;transform: rotate(119deg);}
.g{top:1250px;left: 250px;transform: rotate(145deg);}
.h{top:1400px;left: 250px;transform: rotate(176deg);}
.i{top:1550px;left: 250px;transform: rotate(197deg);}
.j{top:1700px;left: 220px;transform: rotate(220deg);}
.k{top:1850px;left: 180px;transform: rotate(229deg);}
.l{top:2000px;left: 150px;transform: rotate(205deg);}
.m{top:2150px;left: 100px;transform: rotate(195deg);}
.n{top:2300px;left: 100px;transform: rotate(193deg);}
.o{top:2450px;left: 150px;transform: rotate(192deg);}
.p{ top:2600px; left:100px; transform: rotate(180deg);}

@media only screen and (max-width: 600px) {
	
	.footprint{
		left: 100px;
	}

.a{top:350px;  }
.b{top:500px;  }
.c{top:650px;left: 50px;transform: rotate(157deg);}
.d{top:800px;left: 100px;transform: rotate(141deg);}
.e{top:950px;left: 150px;transform: rotate(135deg);}
.f{top:1100px;left: 200px;transform: rotate(119deg);}
.g{top:1250px;left: 250px;transform: rotate(145deg);}
.h{top:1400px;left: 250px;transform: rotate(176deg);}
.i{top:1550px;left: 250px;transform: rotate(197deg);}
.j{top:1700px;left: 220px;transform: rotate(220deg);}
.k{top:1850px;left: 180px;transform: rotate(229deg);}
.l{top:2000px;left: 150px;transform: rotate(205deg);}
.m{top:2150px;left: 100px;transform: rotate(195deg);}
.n{top:2300px;left: 100px;transform: rotate(193deg);}
.o{top:2450px;left: 150px;transform: rotate(192deg);}
.p{ top:2600px; left:100px; transform: rotate(180deg);}

}

.projects-catalog .catalog-slider {
	padding-top:1px;
  margin: 50px 0px;
}

.projects-catalog .catalog-cover {
  position: relative;
}

.projects-catalog ul {
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom:30px;
}

.projects-catalog li {
  width: 75%;
  height: 200px;
}

li.catalog-item {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.projects-catalog li {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 350px;
  height: 250px;
  background: #222;
  border-radius: 5px;
}

@media only screen and (max-width: 600px) {
	
	.projects-catalog li {
	  display: inline-block;
	  margin: 0 10px 0 0;
	  width: 250px;
	  height: 150px;
	  background: #222;
	}
	
}




.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-heavy {
  font-weight: 700;
}

/* POSITIONING */

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

/* ==== GRID SYSTEM ==== */

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .container {
	width: 80%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
  .col-1 {
	width: 4.33%;
  }

  .col-2 {
	width: 12.66%;
  }

  .col-3 {
	width: 21%;
  }

  .col-4 {
	width: 29.33%;
  }

  .col-5 {
	width: 37.66%;
  }

  .col-6 {
	width: 46%;
  }

  .col-7 {
	width: 54.33%;
  }

  .col-8 {
	width: 62.66%;
  }

  .col-9 {
	width: 71%;
  }

  .col-10 {
	width: 79.33%;
  }

  .col-11 {
	width: 87.66%;
  }

  .col-12 {
	width: 96%;
  }

  .hidden-sm {
	display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
  .container {
	width: 75%;
	max-width: 70rem;
  }
}

.tagembed-container{
	padding:20px;
	height: inherit !important;
}

.te_postCardContent{
	height:inherit !important;
}

.splide__list{
	height:inherit !important;
}

.te_poweredBy{
	display:none !important;
}

.splide__slide{
	margin:10px !important;
}

.te_postAuthor{
	display:none !important;
}

.te_postCardContent{
	display:none !important;
}

.te_shareOptions{
	display:none !important;
}

.te_item:nth-child(n+11){
	display:none !important;
}

.tb_theme_container > div:first-child {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Style all font awesome icons */
.fa {
	display:inline-block;
	margin-top:5px;
  padding: 20px;
  font-size: 30px !important;
  text-align: center;
  text-decoration: none;
}

@media only screen and (max-width: 600px) {
	.fa {
		margin-top:5px;
	  padding: 10px;
	  font-size: 20px !important;
	  text-align: center;
	  text-decoration: none;
	  line-height: 40px;
	}
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

.fa-youtube {
  background: #bb0000;
  color: white;
  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.fa-instagram {
  background: #f40083;
  color: white;
  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.fa-envelope-o{
	background: #05a018;
	  color: white;
	  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.fa-whatsapp{
	background: #05a018;
	  color: white;
	  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.fa-whatsapp-blue{
	background: transparent;
	border: 1px solid #fff;
	  color: white;
	  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.fa-whatsapp-blue:hover{
	background: #05a018;
}

.fa-globe{
	background: #1b409f;
	  color: white;
	  font-family: 'Sofia Sans Condensed', sans-serif !important;
}

.icon-mail{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin-right: 6px;
	background-image: url('/assets/img/icon-mail.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-instagram{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin-right: 6px;
	background-image: url('/assets/img/icon-instagram.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-whatsapp{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin-right: 6px;
	background-image: url('/assets/img/icon-whatsapp.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-www{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin-right: 6px;
	background-image: url('/assets/img/icon-www.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-youtube{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin-right: 6px;
	background-image: url('/assets/img/icon-youtube.png');
	background-repeat: no-repeat;
	background-size: contain;
}