/* import font from sincere-project.eu */

@font-face { font-family: milibus-light; src: url("https://sincere-project.eu/assets/css/fonts/milibus/milibus-lt-2.ttf"); }
@font-face { font-family: milibus-lt-italic; src: url("https://sincere-project.eu/assets/css/fonts/milibus-foonts/fonnts.com-MilibusLt-Italic.otf"); }

/* set font to sincere-project.eu font */

body
{
  font-family: milibus;
}

/* remove blobs and share from menu */
#blob_appbar .Blobs,
#blob_appbar .Tags,
#blob_appbar .Share {
  display: none !important;
}

#blob_appbar button.Translate {
	display: none;
} 


/* style blob tagline */
#blob_tagline
{
  margin-bottom:35px; !important;
  /*font-weight: bold;*/
 font-style: italic;
 font-family: milibus-lt-italic;
  font-size: 1.5rem;
  width:70%;
}

/* hacking border thickness and padding and hover*/

.post.card {
	border-top-width: 5px !important;
	border-bottom-width: 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
    padding-top: 6px;
    box-shadow: 1px 1px 1px lightgray;
    opacity: 0.9;
    background-color: #e1e5e2;
}

.post.card:hover {
	box-shadow: 2px 2px 2px gray;
    opacity: unset;
}

/*add a border radius to images, add transition*/
.media img, .media picture {
##	aspect-ratio: 1.7778;
##	border: 1px solid #eee;
##	height: 100%;
##	-o-object-fit: cover;
##	object-fit: cover;
##	width: 100%;
##	border-radius: 3%;
    transition: transform 1s ease-in-out;
}

/*add a transform scale image:hover*/

.media img, .media picture:hover {
transform: scale(1.2);
}

/* default theme colors */
  .v-theme--light {
    --v-theme-primary: 85,99,90;
    --v-theme-secondary: black;
  }

/* style images from .media class - SITEWIDE! */
.media {
	/* max-height: 160px !important; */
}

/* style ONLY the title of the postcard */
.font-weight-bold.text-secondary {
	    font-size: 1.2rem;
	    text-decoration-line: none; 
        font-weight: normal !important;
        font-style: italic;
        line-height: 1.2em !important;
	/* text-decoration-style: dotted; */
}

/* style ONLY the footer of the postcard */
.font-weight-light.text-caption.footer {
    font-size: 1rem !important; 
	/* text-decoration-line: underline; */
	/* text-decoration-style: dashed; */
}

/* style ONLY the source name in the postcard */
.font-weight-light.text-caption.footer {
	/* font-size: large !important; */
	/* text-decoration-line: overline; */
	/* text-decoration-style: solid; */
}

/* style BOTH the title AND the source name of the postcard */
.text-secondary {
	/* font-size: large !important; */
	/* text-decoration-line: line-through; */
	/* text-decoration-style: double; */
}

/* align the footer to the bottom (tags) */
.post.card .footer {
  margin-top: auto;
} 

/* style TAGS of the postcard */
.v-chip__content {
	font-size: large;
}

.font-weight-light {
  font-weight: 500 !important;
}

/* styling number of cards per line - default 3 cards = 300px; 5 cards = 200px */
.theme-Grid .postContainer { 
    grid-template-columns: repeat(auto-fit,minmax(270px,1fr)) !important; 
}

/* styling cards summary - max-height changes the number of text lines - 60px default */
/* hide the cards summary > display: none; */
.content .summary {
    display: none;
	/*max-height: 60px !important;*/
}

/* styling the embedding CSS - example: https://cisti.org/test/ */
/* check the source of the snippet for share */explained
/*eg <blob-share blob="4" baseurl="https://zecche.org" sidebar="true" dark="false" external_style="https://cisti.org/test/blob3.css?nocache"></blob-share> */

/* the important attribute for CSS embedding is called external_style */
/* a css example: https://cisti.org/test/blob3.css?nocache */

/* hacking border style and thickness */

/* variable example */
:root {  
    --primo-colore: #1e90ff;   
    --secondo-colore: #ff00ff;  
}

/* .post.card::after {
	content: "";
    display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)) !important;
}*/

/* change the toolbar div shadow, eg from black to white */

/*.theme-Grid .post .actions:hover {
	background: transparent;
	background-image: linear-gradient(180deg,#fff,transparent);
	left: 0;
	padding-bottom: 10px;
	position: absolute;
	top: -60px;
	transition: top .2s ease-in-out;
	width: 100%;
}*/

/*.post.card picture{
filter: grayscale(1);
transition: filter 0.5s ease-in-out;
}
.post.card:hover picture{
filter: unset;
transform 1s ease-in-out;
}*/

/* styling actions eg toolbar background gradient */
/* make it white */
.theme-Grid .post .actions {
  background-image: linear-gradient(to bottom, rgba(255,255,255, 1) , rgba(0,0,0,0)) !important;
 ## background: transparent;
}

/* hack to reorder the card sections - need better classes! */

.post.card .content > a{
    order:1;
}
.post.card .content > section{
    order:2;
}
.post.card .content > span{
    order:3;
}

/* source_number class as customisation toolkit */
/* the source_number class follow (or not) the color selected into the admin UI theme, see above */

.source_26 .text-secondary {
    color: rgb(122, 89, 162) !important;
}

.source_28 .text-secondary {
    color: rgb(245, 137, 0) !important;
}

.source_34 .text-secondary {
    color: #000000 !important;
}

.source_35 .text-secondary {
    color: #A64A11 !important;
}

/* customising the display of text-secondary link for sources */
.text-secondary {
    font-weight: bold;
    text-decoration: none;
}

/* custom display of card title */

.title.font-weight-bold.text-secondary {
    color: unset !important;
}

#blob_logo {
	height: 50px;
	/* position: relative; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* float: none; */
	/*margin-left: 155px;*/
}

@media (max-width: 2400px) {
	#blob_logo {
		height: 100px;
	}
}

/* reduce the logo for mobile https://codeberg.org/lesion/blob/issues/71#issuecomment-2683970 */

@media (max-width: 1200px) {
	#blob_logo {
        width: 220px;
        object-fit: cover;
        object-position: left;
 content:url("https://sincere-project.eu/images/sincere-logos/platform-logo-cropped3.png");
	}
}

/* align logo to the content https://codeberg.org/lesion/blob/issues/65#issuecomment-2683960 */

#blob_appbar > .v-toolbar__content {
  max-width: 1200px;
  width: 100%;
  margin: auto auto;
  padding: 0px 15px;
}

#blob_appbar > .v-toolbar__content > .v-toolbar-title {
  margin-inline-start: 0px;
}