Current File : /var/www/kurt6690.2978.w2868/site96340/wp-content/themes/hopeui/assets/css/src/widgets.css |
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
float: left;
width: 100%;
display: inline-block;
margin-bottom: 2em;
position: relative;
border-radius: var(--border-radius);
background: var(--color-theme-white);
padding :1.5em;
}
.widget:last-child {
margin-bottom: 0;
}
.widget.widget_rss.text-left span {
align-items: center;
display: flex;
}
.widget.widget_rss.text-left span .rsswidget{
line-height: 0;
display: inline-block;
margin-right: 0.313em;
color: var(--global-font-title);
}
.widget.widget_rss.text-left span:before{
top: -0.2em;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget ul li,
.sidebar_widget ul li {
padding-bottom: 0.938em;
list-style: none;
margin-bottom: 0.938em;
border-bottom: 0.063rem solid var(--border-color-light);
}
.widget ul li a,
.sidebar_widget ul li a {
color: var(--global-font-color);
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget ul li a,
ul.wp-block-archives-list li a {
position: relative;
display: inline-block;
text-transform: capitalize;
text-decoration: none;
}
.widget_categories a:hover,
.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget.widget_archive ul li a:hover {
color: var(--color-theme-primary);
}
.posted-on svg,
.posted-by svg {
color: var(--color-theme-primary);
}
.widget_pages li.page_item a{
text-transform: capitalize;
font-size: var(--font-size-body);
}
.widget ul li a:hover {
color: var(--color-theme-primary);
}
.wp-block-woocommerce-product-categories ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li {
color: var(--global-font-color);
text-transform: capitalize;
margin-bottom: 0.938em;
border-bottom: 0.063rem solid var(--border-color-light);
}
.widget_tag_cloud ul li,
footer ul.wp-tag-cloud li {
padding: 0;
margin: 0 0.625em 0.625em 0;
display: inline-block;
border: none;
}
.widget ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.widget ul ul.children {
padding-left: 1.563em;
}
.widget ul.menu li {
border: none;
}
.widget_categories ul ul.children,
.widget_pages ul ul.children {
padding-top: 0.938em;
}
.widget.widget_nav_menu ul li a,
.widget ul.menu li a {
padding: 0.625em 0 0.625em 0;
display: inline-block;
width: 100%;
border-bottom: 0.063rem solid var(--border-color-light);
}
.widget_nav_menu .menu .menu-item .toggledrop {
display: none;
}
.widget.widget_nav_menu ul li,
.widget ul.menu li {
margin-bottom: 0;
padding: 0;
}
.wp-block-search .wp-block-search__label{
position: relative;
margin-bottom: 1em;
margin-top: 0;
font-size: 1.44em;
color: var(--global-font-title);
line-height: var(--font-line-height-h4);
letter-spacing: var(--font-letter-spacing-h4);
font-weight: var(--font-weight-h4);
font-family: var(--highlight-font-family);
}
.widget .footer-title,
.widget .widget-title,
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5 {
position: relative;
margin-bottom: 1em;
margin-top: 0;
font-size: 1.5em;
color: var(--global-font-title);
line-height: var(--font-line-height-h5);
letter-spacing: var(--font-letter-spacing-h5);
font-weight: var(--font-weight-h5);
}
.widget.widget_rss .widget-title span{
display: flex;
align-items: center;
}
.widget.widget_rss .widget-title span a.rsswidget{
display: inline-block;
margin-right: 0.313em;
color: var(--global-font-title);
text-decoration: none;
}
.widget .widget-title span, .widget .footer-title span{
position: relative;
display: inline-block;
}
ol.wp-block-latest-comments{
padding-left: 0;
}
.wp-block-latest-comments__comment {
display: block;
}
.wp-block-latest-comments__comment-meta {
color: var(--color-theme-primary);
}
.wp-block-latest-comments__comment-meta a.wp-block-latest-comments__comment-author {
color: var(--global-font-title);
}
.wp-block-latest-comments__comment-meta a {
color: var(--global-font-color);
line-height: var(--global-font-line-height);
text-decoration: none;
}
.has-dates .wp-block-latest-comments__comment:last-child,
.has-excerpts .wp-block-latest-comments__comment:last-child{
margin-bottom: 0;
}
.wp-block-latest-comments__comment-excerpt p {
margin: 0;
}
@media(max-width:29.938em){
.widget .widget-title .title-border {margin: 0 0 0 0.625em;}
.widget ul ul.children {
padding-left: 0.938em;
}
}