body.sdrp-calendar-page .td-main-content-wrap .td-container,
body.kalendarz .td-main-content-wrap .td-container {
width:calc(100% - 40px) !important;
max-width:1200px !important;
}
body.sdrp-calendar-page .td-main-content-wrap .td-pb-row,
body.kalendarz .td-main-content-wrap .td-pb-row {
display:block !important;
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
body.sdrp-calendar-page .td-main-content-wrap .td-pb-span8.td-main-content,
body.kalendarz .td-main-content-wrap .td-pb-span8.td-main-content {
float:none !important;
width:100% !important;
max-width:none !important;
padding-left:0 !important;
padding-right:0 !important;
}
body.sdrp-calendar-page .td-main-content-wrap .td-pb-span4.td-main-sidebar,
body.kalendarz .td-main-content-wrap .td-pb-span4.td-main-sidebar {
display:none !important;
}
body.sdrp-calendar-page .td-page-content,
body.kalendarz .td-page-content,
body.sdrp-calendar-page .td-ss-main-content,
body.kalendarz .td-ss-main-content {
width:100% !important;
max-width:none !important;
}
.sdrp-calendar-shell {
width: 100%;
max-width: none;
margin: 0 auto 44px !important;
padding: 0;
clear: both;
container-type: inline-size;
container-name: sdrp-calendar;
}
.sdrp-calendar-app {
--blue:#003c78;
--red:#d40000;
--ink:#101828;
--text:#344054;
--muted:#667085;
--line:#e5e7eb;
--line2:#cfd6df;
width:100%;
color:var(--ink);
font-family:"Montserrat", Arial, Helvetica, sans-serif;
line-height:1.35;
box-sizing:border-box;
}
.sdrp-calendar-app *,
.sdrp-calendar-app *::before,
.sdrp-calendar-app *::after { box-sizing:border-box; }
.sdrp-calendar-app button,
.sdrp-calendar-app input,
.sdrp-calendar-app select {
font-family:"Montserrat", Arial, Helvetica, sans-serif;
}
.sdrp-calendar-app button { cursor:pointer; }
.sdrp-calendar-app [hidden] { display:none !important; }
.sdrp-calendar-hero {
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:28px;
align-items:end;
padding:28px 30px 26px;
border-top:5px solid var(--red);
border-bottom:1px solid var(--line);
background:#fff;
}
.sdrp-calendar-kicker {
margin:0 0 10px;
color:var(--red);
font-size:13px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.sdrp-calendar-hero h1 {
margin:0;
color:var(--ink);
font-size:clamp(42px,4.4vw,58px);
line-height:.95;
font-weight:900;
letter-spacing:-.055em;
}
.sdrp-calendar-hero p {
max-width:700px;
margin:16px 0 0;
color:#1f2937;
font-size:17px;
line-height:1.45;
font-weight:500;
}
.sdrp-calendar-today-card {
display:block;
border:1px solid var(--line);
border-left:5px solid var(--red);
background:#f8fafc;
padding:18px 20px;
}
.sdrp-calendar-today-card span {
display:block;
color:var(--red);
font-size:12px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
}
.sdrp-calendar-today-card strong {
display:block;
margin-top:8px;
color:var(--blue);
font-size:27px;
line-height:1.05;
font-weight:900;
letter-spacing:-.035em;
}
.sdrp-calendar-today-card em {
display:block;
margin-top:8px;
color:#475467;
font-size:13px;
line-height:1.35;
font-style:normal;
font-weight:700;
}
.sdrp-calendar-toolbar {
padding:18px 0 18px;
border-bottom:1px solid var(--line);
}
.sdrp-calendar-controls {
display:grid;
width:100%;
grid-template-columns:
minmax(118px,.85fr)
minmax(190px,1.35fr)
minmax(118px,.85fr)
minmax(92px,.65fr)
minmax(92px,.65fr)
minmax(250px,1.85fr);
gap:8px;
align-items:center;
}
.sdrp-calendar-hero > *,
.sdrp-calendar-controls > *,
.sdrp-calendar-stats > *,
.sdrp-calendar-main > * {
min-width:0;
}
.sdrp-calendar-controls button,
.sdrp-calendar-controls select {
width:100%;
max-width:100%;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.sdrp-calendar-controls button,
.sdrp-calendar-controls select,
.sdrp-calendar-search input,
.sdrp-calendar-modal-actions button {
min-height:42px;
border:1px solid var(--line2);
border-radius:0;
background:#fff;
color:#101828;
padding:0 13px;
outline:none;
font-size:13px;
line-height:1;
font-weight:800;
}
.sdrp-calendar-controls button:hover,
.sdrp-calendar-controls select:hover,
.sdrp-calendar-search input:hover {
border-color:#98a2b3;
}
.sdrp-calendar-controls .is-red,
.sdrp-calendar-modal-actions .is-red {
color:#fff;
border-color:var(--red);
background:var(--red);
}
.sdrp-calendar-controls select { width:100%; }
.sdrp-calendar-search {
position:relative;
grid-column:auto;
min-width:0;
width:100%;
max-width:100%;
}
.sdrp-calendar-search input {
width:100%;
padding-left:40px;
font-weight:700;
}
.sdrp-calendar-search > span {
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#98a2b3;
font-size:16px;
pointer-events:none;
}
.sdrp-calendar-search-panel {
position:absolute;
z-index:10000;
top:calc(100% + 7px);
left:0;
right:0;
max-height:360px;
overflow:auto;
background:#fff;
border:1px solid var(--line2);
box-shadow:0 18px 40px rgba(15,23,42,.16);
padding:8px;
}
.sdrp-calendar-search-summary {
padding:9px 10px;
color:#667085;
font-size:12px;
border-bottom:1px solid var(--line);
}
.sdrp-calendar-search-row {
display:block;
width:100%;
border:0;
background:#fff;
padding:10px 11px;
text-align:left;
}
.sdrp-calendar-search-row:hover { background:#f8fafc; }
.sdrp-calendar-search-row strong {
display:block;
color:#111827;
font-size:14px;
line-height:1.25;
font-weight:900;
}
.sdrp-calendar-search-row span {
display:block;
margin-top:3px;
color:#667085;
font-size:12px;
}
.sdrp-calendar-filters,
.sdrp-calendar-tabs {
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:12px;
}
.sdrp-calendar-chip,
.sdrp-calendar-tabs button {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
border:1px solid var(--line);
border-radius:0;
background:#fff;
color:#344054;
padding:0 10px;
font-size:12px;
line-height:1;
font-weight:900;
}
.sdrp-calendar-chip[aria-pressed="true"] {
border-color:var(--blue);
background:var(--blue);
color:#fff;
}
.sdrp-calendar-dot {
width:7px;
height:7px;
border-radius:50%;
background:currentColor;
margin-right:7px;
}
.sdrp-calendar-tabs button.active {
border-color:var(--red);
background:var(--red);
color:#fff;
}
.sdrp-calendar-stats {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:16px;
}
.sdrp-calendar-stat {
background:#fff;
border:1px solid var(--line);
border-top:3px solid var(--blue);
padding:14px 15px;
}
.sdrp-calendar-stat b {
display:block;
color:var(--blue);
font-size:29px;
line-height:1;
font-weight:900;
letter-spacing:-.04em;
}
.sdrp-calendar-stat span {
display:block;
margin-top:7px;
color:#667085;
font-size:12px;
line-height:1.25;
font-weight:700;
}
.sdrp-calendar-main {
padding-top:22px;
}
.sdrp-calendar-month,
.sdrp-calendar-list-view,
.sdrp-calendar-accordions details {
background:#fff;
border:1px solid var(--line);
}
.sdrp-calendar-month-head {
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:14px;
padding:20px 22px 17px;
border-bottom:1px solid var(--line);
}
.sdrp-calendar-month-head h2 {
margin:0;
color:var(--ink);
font-size:34px;
line-height:1;
font-weight:900;
letter-spacing:-.045em;
}
.sdrp-calendar-month-head p {
margin:7px 0 0;
color:#667085;
font-size:12px;
line-height:1.3;
font-weight:700;
}
.sdrp-calendar-month-head > span,
.sdrp-calendar-tag {
display:inline-flex;
align-items:center;
gap:6px;
min-height:22px;
padding:0 8px;
background:#f2f4f7;
color:#475467;
font-size:10px;
line-height:1;
font-weight:900;
text-transform:uppercase;
letter-spacing:.05em;
white-space:nowrap;
}
.sdrp-calendar-weekdays,
.sdrp-calendar-grid {
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
}
.sdrp-calendar-weekdays {
border-bottom:1px solid var(--line);
background:var(--blue);
}
.sdrp-calendar-weekdays div {
padding:11px 6px;
color:#fff;
font-size:11px;
line-height:1;
font-weight:900;
text-align:center;
text-transform:uppercase;
letter-spacing:.055em;
}
.sdrp-calendar-weekdays div:nth-child(6),
.sdrp-calendar-weekdays div:nth-child(7) {
background:var(--red);
}
.sdrp-calendar-grid {
gap:1px;
background:#e5e7eb;
}
.sdrp-calendar-day {
min-height:124px;
background:#fff;
padding:9px;
overflow:hidden;
cursor:pointer;
}
.sdrp-calendar-day.empty {
background:#f8fafc;
cursor:default;
}
.sdrp-calendar-day.weekend { background:#fffafa; }
.sdrp-calendar-day.today {
background:#fff7f7;
box-shadow:inset 0 0 0 2px var(--red);
}
.sdrp-calendar-day:not(.empty):hover {
background:#f8fbff;
box-shadow:inset 0 0 0 2px var(--blue);
}
.sdrp-calendar-date-btn {
display:block;
width:100%;
margin:0 0 7px;
border:0;
background:transparent;
padding:0;
text-align:left;
}
.sdrp-calendar-num {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
color:#111827;
font-size:18px;
line-height:1;
font-weight:900;
letter-spacing:-.03em;
}
.sdrp-calendar-day.weekend .sdrp-calendar-num { color:var(--red); }
.sdrp-calendar-today-badge {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:18px;
padding:0 6px;
color:#fff;
background:var(--red);
font-size:9px;
font-weight:900;
text-transform:uppercase;
}
.sdrp-calendar-nameday {
width:100%;
margin:-2px 0 7px;
border:0;
background:transparent;
padding:0;
color:#667085;
font-size:11px;
line-height:1.25;
text-align:left;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.sdrp-calendar-event {
display:block;
width:100%;
border:0;
border-left:3px solid #cbd5e1;
background:#f8fafc;
color:#111827;
padding:6px 7px;
margin-top:5px;
text-align:left;
}
.sdrp-calendar-event strong {
display:block;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:11px;
line-height:1.2;
font-weight:900;
}
.sdrp-calendar-event small {
display:block;
color:#667085;
font-size:10px;
line-height:1.2;
margin-top:2px;
font-weight:800;
}
.sdrp-calendar-more {
border:0;
background:transparent;
color:var(--red);
padding:6px 2px 0;
font-size:11px;
font-weight:900;
}
.sdrp-calendar-note {
padding:11px 22px;
border-top:1px solid var(--line);
background:#f8fafc;
color:#475467;
font-size:12px;
line-height:1.35;
font-weight:700;
}
.sdrp-calendar-accordions {
margin-top:18px;
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.sdrp-calendar-accordions details {
border-top:3px solid var(--blue);
}
.sdrp-calendar-accordions summary {
list-style:none;
cursor:pointer;
padding:15px 18px;
color:var(--blue);
font-size:18px;
font-weight:900;
}
.sdrp-calendar-accordions summary::-webkit-details-marker { display:none; }
.sdrp-calendar-accordions summary::after {
content:"+";
float:right;
color:var(--red);
font-weight:900;
}
.sdrp-calendar-accordions details[open] summary::after { content:"–"; }
.sdrp-calendar-accordions details > p {
margin:0;
padding:0 18px 12px;
color:#667085;
font-size:12px;
}
.sdrp-calendar-accordions details > div {
padding:0 18px 18px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.sdrp-calendar-item {
position:relative;
width:100%;
border:1px solid var(--line);
border-left:4px solid #cbd5e1;
background:#fff;
padding:11px 12px;
text-align:left;
}
.sdrp-calendar-item:hover { background:#f8fafc; }
.sdrp-calendar-item-title {
margin-top:7px;
color:#111827;
font-size:14px;
line-height:1.24;
font-weight:900;
}
.sdrp-calendar-item-meta {
margin-top:4px;
color:#667085;
font-size:12px;
font-weight:700;
}
.sdrp-calendar-item-desc {
margin-top:7px;
color:#475467;
font-size:12px;
line-height:1.35;
}
.sdrp-calendar-empty {
color:#667085;
font-size:13px;
font-style:italic;
}
.sdrp-calendar-list-body {
padding:18px 22px 24px;
}
.sdrp-calendar-list-month {
margin:18px 0 10px;
color:var(--red);
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
}
.sdrp-calendar-list-month:first-child { margin-top:0; }
.sdrp-calendar-tag-dot {
width:6px;
height:6px;
border-radius:50%;
background:currentColor;
}
.sdrp-calendar-item.holiday,
.sdrp-calendar-event.holiday { border-left-color:var(--red); background:#fff7f7; }
.sdrp-calendar-item.nameday,
.sdrp-calendar-event.nameday { border-left-color:#138a36; background:#f5fff7; }
.sdrp-calendar-item.media,
.sdrp-calendar-event.media { border-left-color:var(--blue); background:#f2f7ff; }
.sdrp-calendar-item.history,
.sdrp-calendar-event.history { border-left-color:#087f7f; background:#f0fdfa; }
.sdrp-calendar-item.law,
.sdrp-calendar-event.law { border-left-color:#92400e; background:#fff7ed; }
.sdrp-calendar-item.digital,
.sdrp-calendar-event.digital { border-left-color:#334155; background:#f8fafc; }
.sdrp-calendar-item.anniv,
.sdrp-calendar-event.anniv { border-left-color:#a16207; background:#fffbeb; }
.sdrp-calendar-item.sdrp,
.sdrp-calendar-event.sdrp { border-left-color:#6d28d9; background:#faf5ff; }
.sdrp-calendar-app mark {
background:#fff2a8;
padding:0 2px;
}
.sdrp-calendar-modal {
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
background:rgba(2,6,23,.58);
padding:18px;
z-index:2147483640;
}
.sdrp-calendar-modal.open { display:flex; }
.sdrp-calendar-modal-box {
width:min(620px,96vw);
max-height:90vh;
overflow:auto;
background:#fff;
box-shadow:0 32px 90px rgba(0,0,0,.35);
}
.sdrp-calendar-modal-head {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
padding:20px 22px;
border-top:6px solid var(--red);
border-bottom:1px solid var(--line);
}
.sdrp-calendar-modal-head h2 {
margin:0;
color:var(--blue);
font-size:25px;
line-height:1.1;
font-weight:900;
letter-spacing:-.035em;
}
.sdrp-calendar-modal-head button {
width:38px;
height:38px;
border:1px solid var(--line);
background:#fff;
font-size:24px;
line-height:1;
font-weight:700;
}
.sdrp-calendar-modal-body {
padding:18px 22px 4px;
color:#344054;
font-size:15px;
}
.sdrp-calendar-modal-body p { margin:0 0 12px; }
.sdrp-calendar-modal-actions {
display:flex;
gap:8px;
padding:16px 22px 22px;
}
.sdrp-calendar-modal-actions button {
min-height:38px;
}
@media (max-width:1100px) {
.sdrp-calendar-shell {
max-width:100%;
padding-left:18px;
padding-right:18px;
}
} @container sdrp-calendar (max-width:1000px) {
.sdrp-calendar-controls {
grid-template-columns:repeat(5,minmax(0,1fr));
}
.sdrp-calendar-search {
grid-column:1 / -1;
}
}
@container sdrp-calendar (max-width:760px) {
.sdrp-calendar-hero {
grid-template-columns:1fr;
align-items:start;
}
.sdrp-calendar-today-card {
width:100%;
}
.sdrp-calendar-controls {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sdrp-calendar-controls select,
.sdrp-calendar-search {
grid-column:1 / -1;
}
.sdrp-calendar-stats {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sdrp-calendar-accordions details > div {
grid-template-columns:1fr;
}
}
@media (max-width:767px) {
body.sdrp-calendar-page .td-main-content-wrap .td-container,
body.kalendarz .td-main-content-wrap .td-container {
width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
}
}
@media (max-width:640px) {
.sdrp-calendar-shell {
padding-left:10px;
padding-right:10px;
}
}
@container sdrp-calendar (max-width:620px) {
.sdrp-calendar-hero {
padding:22px 16px;
}
.sdrp-calendar-hero h1 {
font-size:38px;
}
.sdrp-calendar-hero p {
font-size:15px;
}
.sdrp-calendar-stats {
grid-template-columns:1fr;
}
.sdrp-calendar-month-head {
display:block;
padding:17px;
}
.sdrp-calendar-month-head h2 {
font-size:29px;
}
.sdrp-calendar-month-head > span {
margin-top:10px;
}
.sdrp-calendar-weekdays div {
font-size:10px;
padding:9px 2px;
}
.sdrp-calendar-day {
min-height:76px;
padding:5px;
}
.sdrp-calendar-num {
font-size:15px;
}
.sdrp-calendar-nameday {
font-size:10px;
-webkit-line-clamp:1;
}
.sdrp-calendar-event {
display:none;
}
.sdrp-calendar-more {
display:block;
font-size:10px;
}
.sdrp-calendar-modal-actions {
flex-wrap:wrap;
}
.sdrp-calendar-modal-actions button {
flex:1 1 180px;
}
}
@media print {
.sdrp-calendar-toolbar,
.sdrp-calendar-accordions,
.sdrp-calendar-modal {
display:none !important;
}
.sdrp-calendar-shell {
max-width:none;
padding:0;
}
}