/* CSS Modal Accesible */

body.sibdi-modal-open {
  /*overflow: hidden;*/
}

.sibdi-modal-body{
 color:#333;
 line-height:1.5;
 position: relative;
 background: white;
 width: 95%;
 margin: 2vh auto;
 border-radius: 1px;
 z-index: 10000;
 max-width: 800px;
 overflow:hidden;
}

/* Modal container */
.sibdi-modal {
 position: fixed;
 inset: 0;
 z-index: 9999;
}

/* Overlay */
.sibdi-modal-overlay {
 position: fixed;
 top:0;
 left:0;
 width:100vw;
 height:100vh;
 background: rgba(0,0,0,0.6);
 display:flex;
 align-items:center;
 justify-content:center;
 z-index:9999;
}

/* Content */
.sibdi-modal-content {
 position: relative;
 background: white;
 width: 95%;
 margin: 2vh auto;
 border-radius: 1px;
 z-index: 10000;
 max-width: 800px;
 overflow:hidden;
 color:#333;
 line-height:1.5;
 font-size: 14px;
}

/* Focus outline for accessibility */
.sibdi-modal-content :focus {
 outline: 3px solid #005fcc;
 outline-offset: 2px;
}

.sibdi-modal-container {
 max-width:1000px;
 margin:40px auto;
 background:white;
 box-shadow:0 2px 6px rgba(0,0,0,0.15);
}

.sibdi-modal-box {
 background:#d8e5ef;
 padding:5px;
 border-radius:12px;
 margin: 20px;
padding-left: var(--wp--preset--spacing--40);
 /*margin-top:20px;
 margin: 1vh auto;*/
}

.sibdi-modal-box.gray{
 background:#e9ecef;
}

.sibdi-modal-header h1{
 margin-top:1px;
 margin-bottom: 0;
 font-size:clamp(17.371px, 1.086rem + ((1vw - 3.2px) * 0.752), 27px);
 color:#fff;
 font-weight: bold;
}

.sibdi-modal-body h2{
 margin-top:0;
 font-size: 14px;
 color:var(--wp--preset--color--palette-color-3) !important;
 font-weight: bold;
}

.sibdi-modal ul{
 margin:5px;
}

.sibdi-modal-button {
 display:flex;
 justify-content:flex-end;
 margin:10px;
}

.sibdi-modal-btn{
 background:#022859;
 color:white;
 padding:12px 20px;
 border:none;
 border-radius:6px;
 text-decoration:none;
 font-weight:bold;
 transition:0.2s;
}

.sibdi-modal-btn:hover {
 background:#1565a5;
 color:#fff;
}

/* Header */
.sibdi-modal-header{
 background:#1565a5;
 color:white;
 padding:10px;
 font-size:26px;
 font-weight:bold;
 display:flex;
 justify-content:space-between;
 align-items:center;
}

.sibdi-modal-close{
 background:transparent;
 border:none;
 color:white;
 font-size:28px;
 cursor:pointer;
 line-height:1;
 margin-right: 10px;
 margin-top:1px;    
}

.sibdi-modal-close:hover{
 opacity:0.8;
}

.sibdi-modal-close:focus{
 border:medium;
}

/* Responsive */
@media (max-width:600px){

 .sibdi-modal-header{
  font-size:20px;
 }

 .sibdi-modal-button{
  justify-content:center;
 }

}