/*****  Add entry CSS *****/

.resources-addentry .form-group label,
.resources-asearch .form-group label {
    font-weight: bold;
    padding-top: 20px;
}

/** Add Entry CSS by WM@NJYO.NET **/
form .boxwidthwide {
    max-width: 40rem;
    margin: 2rem auto;}
form .boxwidthwide > div[title] {
    margin-bottom: 2rem;}
form .boxwidthwide > div[title].d-inline-flex {
    display: block!important;}

/* LABEL */
form .boxwidthwide > div[title] label,
form .boxwidthwide > div[title] legend {
    display: inline-flex;
    font-weight: 600;
    font-size: 1rem;

}
form .boxwidthwide > div[title] fieldset .mdl-left label {
    margin-top: .5rem;
    font-weight: 400;
    font-style: italic;}
form .boxwidthwide > div[title] .accesshide {
    position: relative;
    display: inline-block;
    width: inherit;
    height: inherit;
    margin: auto;
    overflow: visible;
    clip: auto;

}
form .boxwidthwide > div[title] label > div {
	display: inline-block;
    margin-left: .2rem;}

/* INPUT */
form .boxwidthwide > div[title] input,
#page-mod-data-edit form .boxwidthwide > div[title] input.basefieldinput,
form .boxwidthwide > div[title] select {
    width: 100%;}
form .boxwidthwide > div[title] button {
    display: none;}

form .boxwidthwide > div[title] fieldset .fp-restrictions, 
form .boxwidthwide > div[title] fieldset .fp-navbar{
    display: none;}

form .boxwidthwide > div[title].d-inline-flex .tox-statusbar,
form .boxwidthwide > div[title].d-inline-flex .mod-data-input div:last-child {
    display: none;}


/******  Single View CSS ******/

.resources-single .img-wrapper img {
    flex-shrink: 0;
    width: 200px;
}

/** Single View CSS by WM@NJYO.NET **/
#data-singleview-content #single-resource #entry-cover img {
    max-width: 100%;
    margin: 1rem auto;
    background-color: #fafafa;
    box-shadow: 0 0 .25rem #999;}

#data-singleview-content #single-resource #entry-tags {
    display: inline-flex;}
#data-singleview-content #single-resource #entry-tags > span {
    margin-right: .5rem;
    padding: .25rem .5rem;
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: .25rem;
    font-weight: 700;
    background-color: #eee}
#data-singleview-content #single-resource #entry-tags > span:empty {
    display: none;}
#data-singleview-content #single-resource #entry-tags #cost {
    background-color: #ddf;
    color: #33d;
    border-color: #99b;}
#data-singleview-content #single-resource #entry-tags #discipline {
    background-color: #dfd;
    color: #0a0;
    border-color: #9b9;}

#data-singleview-content #single-resource #entry-link {
    margin-top: 1rem;}
#data-singleview-content #single-resource #entry-link a {
    visibility: hidden;}
#data-singleview-content #single-resource #entry-link a:before {
    visibility: visible;
    content: "Website";}

/** List View CSS by WM@NJYO.NET **/
#data-listview-content #resource-list {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: 1rem;}

#data-listview-content #resource-list .resource-entry {
    width: 90%;
    max-width: 16rem;
    margin: .5rem auto;
    border: 1px solid #ddd;
    border-radius: .25rem;
    box-shadow: 0 0 .1rem #999;
    overflow: hidden;
    background-color: #fafafa;}
#data-listview-content #resource-list .resource-entry:hover {
    cursor: pointer;
    box-shadow: 0 0 .25rem #00f;
    background-color: #fff;}

#data-listview-content #resource-list .resource-entry a {
    text-decoration: none;}

#data-listview-content #resource-list .resource-entry img {
    width: 100%;
    max-height: 10rem;
    background-color: #eee;
    box-shadow: #999 0 0 0.25rem;}

#data-listview-content #resource-list .resource-entry .wrap {
    padding: 1em 0.5rem;}

#data-listview-content #resource-list .resource-entry h4 {
    font-size: 1rem;}

#data-listview-content #resource-list .resource-entry .tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5em;}
#data-listview-content #resource-list .resource-entry .tags > span {
    padding: .1em .25em;
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: .25rem;
    font-weight: 600;
    font-size: .875em;
    background-color: #eee;
    white-space: nowrap;}
#data-listview-content #resource-list .resource-entry .tags > span:empty {
    display: none;}
#data-listview-content #resource-list .resource-entry .tags .cost {
    background-color: #ddf;
    color: #33d;
    border-color: #99b;}
#data-listview-content #resource-list .resource-entry .tags .discipline {
    background-color: #dfd;
    color: #0a0;
    border-color: #9b9;}
#data-listview-content #resource-list .resource-entry .link {
    margin: .5rem 0 0;}
#data-listview-content #resource-list .resource-entry .link a {
    visibility: hidden;}
#data-listview-content #resource-list .resource-entry .link a:before {
    visibility: visible;
    content: "Website";}
#data-listview-content #resource-list .resource-entry .description {
    display: none;}