/* Typography */




/* Navigation */

button.smp-nav-button {
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  font-family: "SuisseIntl-Medium", sans-serif!important;
	  
  }

/* Mobile menu fixed to bottom center */
@media screen and (max-width: 543.98px){
  	#navbar-top{
   		position: fixed;
   		bottom: 20px;
   		top: auto;       
  	}
  	#navbar-top ul {
	  	gap:0.77rem!important;
	}
	#navbar-top li a span {
	 	font-size: 13px!important;
 	}

  #navbar-top smp-nav-column {
	   align-items: center;
  justify-content: center!important;

   }
  
}




/* Badge */

.ot-badge {
	display: inline-block!important;
 	 padding: 2px 8px;
/* 		align-items: center; */
		border-radius: 30px;
		vertical-align: text-top;
		margin-top: 15px!important;
  		
		font-family: "SuisseIntlMono-Regular-WebS", sans-serif!important;
		font-size: 35%!important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
		text-transform: normal;
	  	outline: 1px solid #000!important;
  		
/*   		font-variant-numeric: tabular-nums; */
}
@media screen and (max-width: 543.98px){
	.ot-badge {
		margin-top: 10px!important;

		font-size: 40%;
		padding: 2px 5px;
	}
}

/* tag list */

.ot-tag-list ul {
margin: 0px!important;
}
.ot-tag-list ul > li {
  
    display: inline-block!important;
 	 padding: 6px 14px;
		align-items: center;
		border-radius: 30px;
  		
		font-family: "SuisseIntlMono-Regular-WebS", sans-serif!important;
		font-size: 14px!important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
		text-transform: normal;
	  	
  		margin: 0px 10px 10px 0px;
} 
.ot-tag-list ul > li p {
  font-family: "SuisseIntlMono-Regular-WebS", sans-serif!important;
		font-size: 14px!important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
		text-transform: normal;
}

.ot-tag-white ul > li {
  outline: 1px solid #fff!important;
  color: #fff!important;
}
.ot-tag-black ul > li {
outline: 1px solid #000!important;
  color: #000!important;}
.ot-tag-fill {
	background: rgba(18, 18, 18, 0.40);
		backdrop-filter: blur(10px);
	  	-webkit-backdrop-filter: blur(10px);
		color: #FFF;
}


/* Overtone Project Tags */

div[data-module='singleproject']{
		position: relative;
	}
.otCategory-Container {
	display: flex;
	align-items: left;
		gap: 6px;
		position: absolute;
		bottom: 20px;
		left: 18px;
  z-index: 118;
	}
	.otCategory {
		display: flex;
		padding: 6px 14px;
		align-items: center;
		gap: 10px;
		border-radius: 100px;
		
	  	font-family: "SuisseIntlMono-Regular-WebS", sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
		text-transform: normal;
	}
	.otTitle {
		position: absolute;
		top: 20px;
		left: 18px;
		color: #FFF;
	  	font-family: "SuisseIntl-Medium", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
		z-index: 118;
		
	}
	.category .title {
		visibility: hidden;
	  display: none;
	}
	.thumb-hover-meta {
		display: none;
	}