/* Carried over from the Customizer Additional CSS of the old theme (docs/legacy/additional-css.css).
   Elementor-only rules were dropped. Complianz banner first, then the .dpa accordion. */

@media (min-width: 768px) {
  .cmplz-cookiebanner .cmplz-buttons { display: flex; flex-direction: row; gap: 10px; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 0; min-width: 0; }
}
@media (max-width: 767px) {
  .cmplz-cookiebanner { gap: 6px !important; padding: 12px 16px !important; }
  .cmplz-cookiebanner .cmplz-header,
  .cmplz-cookiebanner .cmplz-divider { display: none !important; }
  .cmplz-cookiebanner .cmplz-message { font-size: 12px !important; line-height: 1.4 !important; }
  .cmplz-cookiebanner .cmplz-buttons { flex-direction: row !important; flex-wrap: wrap !important; gap: 6px !important; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 calc(50% - 3px) !important; min-width: 0 !important; height: auto !important; min-height: 38px !important; padding: 6px 8px !important; font-size: 13px !important; white-space: normal !important; }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { flex-basis: 100% !important; }
}

.dpa{width:100%;box-sizing:border-box}
.dpa *{box-sizing:border-box}
.dpa-item{margin:0 0 40px;background:#F6F7F8;border:2px solid #FFFFFF;border-radius:12px;font-family:var(--f);color:#00001D}
.dpa-item:last-child{margin-bottom:0}
.dpa-head{display:flex;align-items:center;padding:16px;background:#FFFFFF;border-radius:12px;cursor:pointer;list-style:none;transition:background-color .3s}
.dpa-head::-webkit-details-marker{display:none}
.dpa-head::marker{content:""}
.dpa-head:focus-visible{outline:2px solid #000082;outline-offset:2px}
.dpa-icon{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#F6F7F8;border-radius:8px;transition:background-color .3s}
.dpa-icon svg{width:24px;height:24px;display:block}
.dpa-title{flex:1 1 auto;margin:0 16px 0 20px;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:600;line-height:155%;letter-spacing:-.05px;color:#00001D;transition:color .3s}
.dpa-caret{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.dpa-caret::after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #60656F}
.dpa-item[open] .dpa-caret::after{border-top:0;border-bottom:7px solid #000082}
.dpa-head:hover,.dpa-item[open] .dpa-head{background:#F6F7F8}
.dpa-head:hover .dpa-icon,.dpa-item[open] .dpa-icon{background:#FFFFFF}
.dpa-head:hover .dpa-title,.dpa-item[open] .dpa-title{color:#000082}
.dpa-content{padding:24px 24px 8px;background:#FFFFFF;border:2px solid #F6F7F8;border-radius:0 0 12px 12px;font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.05px;color:#00001D}
.dpa-content p{margin:0 0 16px}
.dpa{interpolate-size:allow-keywords}
.dpa-item::details-content{block-size:0;overflow:clip;transition:block-size .35s ease,content-visibility .35s ease allow-discrete}
.dpa-item[open]::details-content{block-size:auto}
@media (prefers-reduced-motion:reduce){.dpa-item::details-content{transition:none}}
@media (max-width:1024px){
  .dpa-item{margin-bottom:15px}
  .dpa-title{font-size:18px}
  .dpa-content{font-size:14px}
}
@media (max-width:767px){
  .dpa-title{font-size:16px}
}

/* From the Elementor kit's Custom CSS (Site Settings): Complianz "Manage consent" button. */
#cmplz-manage-consent button.cmplz-manage-consent{border:1px solid #dbdbdb!important}