.widget {
margin: 0 0 50px;
position: relative;
select {
max-width: 100%;
width: 100%;
border: 2px solid #ddd;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
li {
padding-bottom: 12px;
margin-bottom: 12px;
position: relative;
a {
color: var(--heading-color)
}
&:after {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid;
opacity: 0.07;
}
&:last-child {
padding-bottom: 0;
&:after {
display: none;
}
}
}
}
.widget-title, h2 {
position: relative;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: $link-color;
text-align: center;
span {
background: $color--background-body;
padding: 0 20px;
}
&:before,&:after {
content: "";
position: absolute;
bottom: 0;
top: 0;
margin: auto;
width: calc(50% - 58px);
height: 1px;
border-bottom: 1px solid $color__global-border;
z-index: -1;
}
&:before {
left: 0;
}
&:after {
right: 0;
}
}
h2 {
margin-bottom: 28px;
&:before, &:after {
width: calc(50% - 70px);
}
}
.widget-content {
position: relative;
display: block;
overflow: hidden;
padding: 18px 0 0 0;
p:empty {
display: none;
}
}
}
#wp-calendar {
margin-top: 0;
margin-bottom: 20px;
caption {
background-color: bastet-color('alt');
text-align: center;
margin-bottom: 0;
padding: 10px 0;
}
td,th {
border-color: #ddd;
}
th {
background-color: transparent;
}
#today {
color: bastet-color();
border-color: #ddd;
}
}
.widget_categories,
.wp-block-categories,
.widget_pages,
.wp-block-pages
.widget_recent_entries,
.wp-block-recent_entries,
.widget_nav_menu {
ul.children,
ul.sub-menu {
flex: 0 0 100%;
width: 100%;
padding-left: 20px;
padding-top: 12px;
margin-top: 12px;
position: relative;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid;
opacity: 0.07;
}
li {
opacity: 0.87;
ul li {
opacity: 1 !important;
}
}
a {
font-size: 14px;
}
}
}
@import "about-me";
@import "social-buttons";
@import "feature-image";
@import "image";
@import "search";
@import "tags";
@import "categories";
@import "popular-posts";
@import "latest-posts";