.doc-page-title {
display: block;
/*padding-bottom: 1.5rem!important;*/
/*border-bottom: 2px solid #dde4ea!important;*/
/*border-bottom: 1px solid #eaeff7;*/
border-bottom: 1px solid #f8f9fa;
/*box-shadow: 0 6px 12px rgba(140,152,164,.075);*/
/*background-color: var(--bs-gray-200);*/
}
.container-doc {
max-width: 1200px;
margin-bottom: 5rem;
}
.doc-page-title p,
.doc-page-title .container-doc {
margin-bottom: 0 !important;
}
/*
Anchor JS
Injected links
Lorem Ipsum
*/
.anchor-js-link {
font-weight: 400;
color: rgba(13,110,253,0.5);
transition: color 0.15s ease-in-out;
text-decoration: none;
opacity: 0;
}
.doc-anchor:hover > .anchor-js-link {
opacity: 1;
}
.anchor-js-link::after {
content: "#";
}
/*
Icons
*/
.doc-icon-preview {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 24px 0;
margin: 0;
}
.doc-icon-preview > li {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
padding: 0 0 1rem;
text-align: center;
border-radius: .25em;
transition: background 0.2s;
}
.doc-icon-preview > li:hover {
background-color: #f1f4f8;
}
/* icon name */
.doc-icon-preview p {
font-size: .85rem;
color: rgba(0,0,0,0.6);
margin: 0;
position: absolute;
width: 100%;
left: 0;
bottom: 1.1rem;
white-space: nowrap;
padding: 0 20px;
overflow: hidden;
text-overflow: ellipsis;
}
/* inner options */
.doc-icon-preview .icon-opt {
display: none;
position: absolute;
margin-top: 1em;
top:0;
}
.doc-icon-preview > li:hover {
color: #ffc41d;
}
.doc-icon-preview > li:hover .icon-opt {
display: block;
}
.doc-icon-preview .icon-opt > a {
text-decoration: none;
font-size: .8rem;
border-radius: 4px !important;
margin: 0 .3em .3em .3em;
padding: .4em .7em !important;
}