/** plugin: Larger pictures in Dashboard #1.1 code **/
/* Set vars */
:root {
	--sky-dashboard-picture-height: 250px;
	--sky-dashboard-picture-height-mobile: 200px;
}

.panel .panel-heading-entity h3 {
	height: var(--sky-dashboard-picture-height);
}

@media (max-width:767px) {
	.panel .panel-heading-entity h3 {
		height: var(--sky-dashboard-picture-height-mobile);
	}
}

/** plugin: Elegant Music Embeds #2.0 code **/
video, audio, iframe, embed{
  height:85px;
  width: 100%;
}

/** plugin: Add Folder Icon to List Entities With Children in Nested View #1.2.1 code **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 13px;
    margin-right: -40px;
}

/** plugin: Calendar: Inverted Full Moon Icons #2 code **/
/* new moon hollow */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle::before { font-weight: 400; }
/* full moon filled */
.kanka-entity-calendar .calendar .moon.far.fa-circle::before { font-weight: 900; }

/** plugin: Figure Box and Floats #1.2 code **/
/*Adds functionality to Salvatos' userscript plugin*/
:root {
	--summernote-insert-figure-box: enabled;
}

/*Left float with margin*/
.l {
	float: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
/* Right float with margin*/
.r {
	float: right;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
/*Adds a clear class to avoid a tetris stack*/
.clear {
    clear:both;
}

/*Figure box. For an image with optional title or subtitle*/
div.figure {
	width: 25%;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: thin silver solid;
	margin: 0.5em;
	margin-top: 0em;
	padding: 0.5em;
}
/*adding margin to the figure image to give space for the text*/

.figure img {
	margin-bottom: 0.5em;
}
div.figure::after {
    clear: both;

}

/** plugin: Stub Banner #1.2 code **/
.kanka-tag-stub .entity-main-block:before {
    text-align: center;
    font-style: oblique;
    display:inline-block;
    background: var(--box-background);
    padding: 2ch;
    border: 1px solid lightgrey;
    border-left: 5px solid orange;
    margin: 10px;
    margin-right: 10%;
    margin-left: 10%;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    width: 80%;
    content: var(--stub-text);
}

/** plugin: Calendar: Inverted Quarter Moon Icons #1.0 code **/
/* Northern hemisphere moon icons */
/* last quarter on the left */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle-half-stroke.fa-flip-horizontal { transform: unset; }
/* first quarter on the right */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle-half-stroke { transform: scaleX(-1); }

/** plugin: Less Button Clutter #2.0 code **/
/* Set vars */
:root {
--sky-page-color-2nd: #FFFFFF; /* var(--sky-page-color-2nd) */
}

@media (max-width:767px) {
/* shrink the form a little */
.datagrid-filters > form .row {
margin-bottom: -30px;
}
}

/******* FILTER *******/
.datagrid-filters {
background-color: var(--sky-page-color-2nd);
}
a.btn-default:not(.dropdown-toggle)>span,
a.btn-primary>span,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
display: none;
}
/* hide form behind table */
.datagrid-filters > div,
.content-wrapper > .content > .box.no-border:not(.datagrid-filters) {
position: relative;
top: -61px;
}


/******* BUTTONS *******/

/* hide text*/
a.btn-primary,
a.btn-default:not(.dropdown-toggle),
.datagrid-filters>div {
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
.datagrid-filters>div>i,
.header-buttons a.btn-primary>i,
a.btn-default:not(.dropdown-toggle)>i {
width: 1000px;
text-align: left;
}

.datagrid-search,
.btn-group,
.btn-group-vertical,
a.btn-default:not(.dropdown-toggle) {
position: relative;
}
.btn-group,
.btn-group-vertical {
display: inline-block;
vertical-align: middle;
}
/* shrink button size */
.datagrid-search {
display: inline-block;
right: -40px;
}

a.btn-default:not(.dropdown-toggle) {
right: 5px;
}
.datagrid-filters>div,
a.btn-default:not(.dropdown-toggle),
.header-buttons a.btn-primary {
width: 40px;
margin-left: 5px;
}
form #datagrid-filters>.box-footer {
height: 90px;
}
.content-wrapper>section.content>div.row.margin-bottom>.col-md-12 {
height: 40px;
}