/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget-title, .popular-posts h2 { font-size: 0.9em; text-transform: uppercase; color: var(--light-font-color); letter-spacing: 2px; margin-bottom: 1em; } /* Make sure select elements fit in widgets. */ .widget { margin-top: 0; margin-bottom: 1.5em; } .widget-area .widget { margin-left: 0; margin-right: 0; } .widget li { line-height: 1.5; } .widget select { max-width: 100%; text-overflow: ellipsis; } /* Popular Posts widget */ .popular-posts ul { padding: 0; } .popular-posts li { display: block; min-height: 60px; margin-bottom: 0.7rem; } .popular-posts .wpp-thumbnail { float: left; margin-right: 0.7rem; } .popular-posts a.wpp-post-title { display: block; color: var(--global-font-color); } .wpp-meta, .post-stats { font-size: 0.8em; } /* Custom Carousel widget */ .affcoups { width: 100%; } .carousel { overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } .carousel-inner { width: 500%; transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); } .carousel-item { width: 20%; padding: 0 0.2rem; float: left; transition: all 0.5s ease-out; } @keyframes slide { 0%, 25.203252032520325% { margin-left: 0; } 33.333333333333336%, 58.53658536585366% { margin-left: -100%; } 66.66666666666667%, 91.869918699187% { margin-left: -200%; } } .carousel .carousel-inner { animation: slide 22300ms infinite; } .text-center { text-align: center; } .affcoups .affcoups-widget .affcoups-coupon { margin: 0 auto 0.2rem; } /* Categories widget */ .widget_categories .children { padding-top: 0; } /* Search widget. */ .widget_search .search-form { display: grid; grid-template-columns: auto 1fr; padding: 0 0 1.2rem; } .primary-sidebar .widget_search .search-form { padding-top: 1.2rem; } .widget_search .search-submit, .wp-block-search .wp-block-search__button { padding: 0.5rem 1rem; color: #fff; background-color: var(--color-link); border: 1px solid var(--color-link); border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .widget_search .search-submit:hover { color: #fff; background-color: var(--color-link-active); border-color: var(--color-link-active); } /* Pages and Menu widgets */ .widget_pages .children, .widget_nav_menu .sub-menu { padding-top: 0; padding-bottom: 0.5em; } .widget_pages a, .widget_nav_menu a { display: block; padding: 0.6em 0; text-decoration: none; border-bottom: 1px dashed #808080; } .widget_pages a:hover, .widget_pages a:focus, .widget_nav_menu a:hover, .widget_nav_menu a:focus { text-decoration: none; border-bottom: 1px dashed #808080; } .widget_pages li, .widget_nav_menu li { padding: 0; } .widget_pages li ul, .widget_nav_menu li ul { margin-left: 1em; } /* Meta widget */ .widget_meta li { padding: 0; } /* Recent comments */ .widget_recent_comments li { line-height: 1.3; padding-bottom: 0.5em; } .widget_recent_comments a:hover, .widget_recent_comments a:focus { padding-left: 0; } /* RSS widget */ .widget_rss li { margin-bottom: 1em; line-height: 1.3; } .widget li a.rsswidget { padding-right: 0.5em; font-size: 1em; line-height: 1.4; } .rss-date, .widget_rss cite { font-size: 0.8em; } .rssSummary { font-family: var(--global-font-family); padding: 0.5em 0; font-size: 0.9em; line-height: 1.3; } /* Search widget */ .widget_search input[type="search"] { box-sizing: border-box; width: 100%; padding: 0.5em 1em; border: 1px solid var(--border-color-light); border-radius: 0; } /* Calendar widget */ .widget_calendar { font-weight: 400; } .widget_calendar caption { padding: 0.5em 0; font-size: 1em; font-weight: 500; text-align: left; } .widget_calendar thead { background: transparent; color: #333; } .widget_calendar th { border: none; text-align: center; } .widget_calendar thead th { border-bottom-width: 2px; } .widget_calendar td { padding: 0.2em; font-size: 0.8em; text-align: center; background: #fff; border: 1px solid var(--border-color-light); } .widget_calendar .pad { background: #eaeaea; } /* stylelint-disable */ .widget_calendar a { font-weight: 900; text-decoration: none; } /* stylelint-enable */ /* Text widget */ .textwidget { line-height: 1.3; }