:root { --box-radius: 4px;
--box-radius-md: 6px;
--box-radius-xl: 10px;
--box-radius-2xl: 15px; --wi-color-primary: #e64f1d;
--wi-color-white: #fff;
--wi-color-black: #000;
--wi-bg-color: #f6f5fa;
--wi-color-border-basic: #edecf2;
--wi-color-black-light: #333;
--wi-color-bone-white: #F9F6EE;
--wi-color-off-white: #FAF9F6;
--wi-color-light-black-bg: #363538;
--wi-color-link: #0F52BA;
--wi-color-input-gray-bg: #f0f0f1;  --wi-filter-drop-shadow: drop-shadow(0px 1px 1px rgba(182, 185, 191, 0.3));
--wi-admin-box-shadow: 0 1px 2px 0 rgba(190, 190, 215, 0.2); }
.ultimate-container{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
background-color: var(--wi-color-white);
padding: 20px;
border-radius: 5px;
gap: 15px;
line-height: 1.5;
filter: var(--wi-filter-drop-shadow);
border: none;
width: 100%;
max-width: 100%;
margin: 30px 0;
container-type: inline-size;
container-name: wi-ultimate-notice;
}
.ultimate-below-sec{
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 15px;
}
.ultimate-header-sec{
width: 100%;
font-size: 24px;
margin-bottom: 15px;
color: #333;
line-height: 1;
text-align:center;
}
.ultimate-header-sec h2{
margin:0;
}
.ultimate-content {
width: 100%;
max-width: 100%;
padding: 0 15px 15px;
box-sizing: border-box;
}
.ultimate-content h2 {
font-size: 28px;
line-height: 1.3;
color: #000;
font-weight: 600;
margin: 0 0 15px;
}
.ultimate-content p {
line-height: 1.5;
font-size: 16px;
color: #777;
margin: 0 0 15px;
}
.ultimate-button-cont{
display:flex;
justify-content:flex-end;
}
.ultimate-button {
display: flex;
width: fit-content;
align-items: center;
justify-content: center;
text-align: center;
gap:10px;
padding: 15px 30px;
background-color: var(--wi-color-primary);
color: white;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
letter-spacing: 0.5px;
}
.ultimate-button:hover, .ultimate-button:focus {
background-color: var(--wi-color-primary);
color:white;
text-decoration: none;
}
.ultimate-graphic {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.ultimate-graphic img {
width: 100px;
height: auto;
}
.ultimate-below-container{
display: flex;
background: #FE0000;
border-radius: 4px;
color: white;
padding: 10px 35px;
align-items: center;
gap: 10px;
flex-direction: row;
justify-content: center;
}
.ultimate-lock-text-cont img{
width: 25px;
height: auto;
}
.ultimate-text-container{
font-size: 16px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0.5px;
}
.download-legacy-version {
text-decoration: underline;
margin: 0 0 15px;
display: inline-block;
color: #066d8c;
}
.opt-in-menu-item {
background: #e64f1d;
border-radius: 3px;
line-height: 1;
font-weight: bold;
color: white;
padding: 5px 8px;
display: flex;
align-items: center;
}
#adminmenu a[href="admin.php?page=webinarignition-dashboard#opt-in-box"]:hover span,
#adminmenu a[href="admin.php?page=webinarignition-dashboard#opt-in-box"]:visited span,
#adminmenu a[href="admin.php?page=webinarignition-dashboard#opt-in-box"]:focus span {
color: #fff 
}
@container wi-ultimate-notice (min-width: 640px) {
.ultimate-below-sec {
flex-direction: row;
align-items: center;
}
.ultimate-graphic {
width: 30%;
flex: 0 0 30%;
max-width: 30%;
}
.ultimate-content {
width: 70%;
flex: 1 1 auto;
padding: 15px 15px 15px 30px;
}
}
.wi-100ms-license-blocked-admin-notice .ultimate-container,
.inputSection .ultimate-container,
.ultimate-container .ultimate-container {
margin-top: 0;
margin-bottom: 0;
}
.wi_accordeon_content .ultimate-below-sec {
flex-direction: column;
align-items: stretch;
}
.wi_accordeon_content .ultimate-graphic,
.wi_accordeon_content .ultimate-content {
width: 100%;
max-width: 100%;
flex: none;
}
.wi_accordeon_content .ultimate-content {
padding: 0 15px 15px;
}
.inputSection:has(.ultimate-container),
.wi_accordeon_content .inputSection {
width: 100%;
max-width: 100%;
float: none;
box-sizing: border-box;
}