/* Sidebar --------------------------------*/ .sidebar { position: relative; width: 100%; } .region-sidebar-first, .region-sidebar-second { display: flex; flex-direction: column; gap: 2rem; } .sidebar .block { background-color: var(--sidebar-block-background); padding: 1rem; border: var(--sidebar-block-border); } .sidebar .block-title { background: var(--sidebar-block-title-background); font-size: var(--sidebar-block-title-font-size); font-family: var(--sidebar-block-title-font-family); color: var(--sidebar-block-title-font-color); line-height: 1; margin-bottom: .5rem; border-bottom: 2px solid var(--upei-red); } .sidebar .block-content { font-variation-settings: "wdth" 75; font-size: var(--sidebar-block-font-size); font-family: var(--sidebar-block-font-family); color: var(--sidebar-block-font-color); } .sidebar .block a { color: var(--sidebar-block-link-color); } .sidebar .block a:hover { color: var(--sidebar-block-link-color-hover); } .sidebar ul, .sidebar ol { margin: 0; padding: 0; list-style-position: inside; } .sidebar ul { list-style: none; } .sidebar li { padding: 6px 0; border-bottom: var(--sidebar-ul-separator-line); } .sidebar .block p:last-of-type { margin: 0; } /* Sidebr -> Form */ .sidebar input[type="text"], .sidebar input[type="email"], .sidebar input[type="url"], .sidebar input[type="password"], .sidebar input[type="search"], .sidebar textarea { width: 100%; max-width: 100%; border: 1px solid var(--border); }