/* sp-header */
#sp-header { box-shadow: none; }

/* sp-page-title */
.sp-page-title { text-align: center; padding: 150px 0; background-size: cover; background-position: center; }
.sp-page-title > .container { display: flex; flex-direction: column; align-items: center; }
.sp-page-title .breadcrumb { --bs-breadcrumb-divider: "//"; background: #fff; order: -1; padding: 15px 30px; font-size: 20px; margin: 0 0 30px; }
.sp-page-title .sp-page-title-heading { font-size: 50px; }
.view-article .sp-page-title .breadcrumb>.active { display: none; }

/* portfolio */
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a,
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a { background: transparent; }
.c-pfo .sp-simpleportfolio-view-items .sp-simpleportfolio-item:last-child { width: 100%; }
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay { text-align: left; top: auto; right: auto; bottom: 30px; left: 30px; padding: 0; }
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle>div { background: currentColor; padding: 10px 20px; }
.c-pfo .sp-simpleportfolio-btns { display: none; }
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title { font-size: 26px; font-weight: 500; font-family: inherit; }
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-description { width: 100%; }
.c-pfo .sp-simpleportfolio-meta,
.c-pfo .sp-simpleportfolio .sp-simpleportfolio-description > h2 { display: none; }
.c-pfo .sp-simpleportfolio-view-item .sp-simpleportfolio-image { margin: 0; }

/* article-list */
.article-list .article,
.article-list .article-body { background: #fff; display: flex; flex-direction: column-reverse; }
.article-list .article > .float-left { margin: 20px 0 0; }
.article-list .article > .float-left img { width: 100%; }
.article-list .article-introtext { display: none; }
.article-list .article .article-header h1,
.article-list .article .article-header h2 { font-size: 26px; font-weight: 600; }
.article-info>span:first-child:before { content: ""; margin: 0 5px 0 0; border-top: 2px solid; width: 30px; display: inline-block; vertical-align: middle; }
.article-info>span:not(:first-child):before { content: "."; }

/* paggination */
.article-list ~ .pagination-wrapper { margin: 100px 0 0; }
.page-link { margin: 0 10px; min-width: 40px; text-align: center; }

/* sidebar */
#sp-left .sp-module, #sp-right .sp-module { border-width: 0; }
#sp-left .sp-module { padding: 0 30px 0 0; }
#sp-right .sp-module { padding: 0 0 0 30px; }

/* Responsive: 767px */
@media(max-width: 767px) {
  .sp-page-title .breadcrumb .float-start { display: none; }
}