:root {
--primary-color: #0091f9;
--radius: 6px;
} .site-header .ideal-magazine-middle-header .ideal-magazine-middle-header-wrapper .site-branding .site-identity .site-title {
font-size: var(--font-xlarge);
} .magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part {
width: 100%;
padding-inline: 7px;
}
@media (min-width: 992px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part {
top: 40px;
width: 50%;
position: sticky;
}
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap {
gap: 14px;
display: flex;
flex-direction: column;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container {
border-bottom: 1px solid var(--border-clr);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container:last-child {
border-bottom: none;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.grid-layout .blog-post-detail {
margin-bottom: 10px;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.grid-layout .blog-post-detail .entry-title {
font-size: var(--font-large);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.list-layout {
padding-bottom: 14px;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.list-layout:last-child {
padding-bottom: 0;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.list-layout .blog-post-detail .entry-title {
font-size: var(--font-normal);
}
@media (max-width: 600px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .banner-main-part .banner-headline-wrap .blog-post-container.list-layout .blog-post-detail .post-excerpt {
display: none;
}
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice {
padding-inline: 7px;
width: 25%;
}
@media (min-width: 601px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice {
position: sticky;
top: 40px;
}
}
@media (max-width: 991px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice {
width: 50%;
}
}
@media (max-width: 600px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice {
width: 100%;
}
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice .editors-choice-wrap {
display: flex;
flex-direction: column;
gap: 14px;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice .editors-choice-wrap .blog-post-container {
padding-bottom: 10px;
border-bottom: 1px solid var(--border-clr);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .editors-choice .editors-choice-wrap .blog-post-container:last-child {
border: none;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts {
width: 25%;
padding-inline: 7px;
}
@media (min-width: 601px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts {
position: sticky;
top: 40px;
}
}
@media (max-width: 991px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts {
width: 50%;
}
}
@media (max-width: 600px) {
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts {
width: 100%;
}
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper {
display: flex;
flex-direction: column;
gap: 14px;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .banner-featured-posts-wrap .blog-post-container {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid var(--border-clr);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .banner-featured-posts-wrap .blog-post-container .blog-post-inner {
min-height: 108px;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .banner-featured-posts-wrap .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
font-size: calc(var(--font-base) - 2px);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .banner-featured-posts-wrap .blog-post-container .blog-post-inner .blog-post-detail .post-meta .post-date a {
color: var(--primary-color);
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .adver-grid {
display: flex;
gap: 14px;
flex-direction: column;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .adver-grid a {
line-height: 0;
}
.magazine-banner.banner-style-1 .section-wrapper .banner-container-wrapper .banner-wrapper .featured-posts .featured-posts-wrapper .adver-slider a {
line-height: 0;
} .grid-section .main-wrap .grid-wrap {
display: grid;
gap: 14px;
}
.grid-section .main-wrap .grid-wrap .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
font-size: var(--font-base);
}
.grid-section.column-3 .main-wrap .grid-wrap {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.grid-section.column-3 .main-wrap .grid-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.grid-section.column-3 .main-wrap .grid-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.grid-section.column-4 .main-wrap .grid-wrap {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
.grid-section.column-4 .main-wrap .grid-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.grid-section.column-4 .main-wrap .grid-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.grid-section.column-4 .main-wrap .grid-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.grid-section.column-5 .main-wrap .grid-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1024px) {
.grid-section.column-5 .main-wrap .grid-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.grid-section.column-5 .main-wrap .grid-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.grid-section.column-5 .main-wrap .grid-wrap {
grid-template-columns: repeat(1, 1fr);
}
} a.scroll-to-top {
color: #ffff;
border-radius: var(--radius);
background: var(--primary-color);
}
a.scroll-to-top.scroll-style-1::after {
content: "\f077";
font-size: 16px;
position: absolute;
} .site-header .ideal-magazine-topbar .top-header-container {
border-radius: var(--radius);
}
.site-header .ideal-magazine-topbar .top-header-container .top-header-left .date {
border-end-start-radius: var(--radius);
border-start-start-radius: var(--radius);
}
.title-heading .widget-title::before, .title-heading .section-title::before, .title-heading .widgettitle::before {
border-radius: var(--radius);
}
.blog-post-container .blog-post-inner .blog-post-image {
border-radius: var(--radius);
}
.widget_ideal_magazine_social_icons ul.social-links li.menu-item {
border-radius: var(--radius);
}
form .wp-block-search__inside-wrapper input {
border-end-start-radius: var(--radius);
border-start-start-radius: var(--radius);
}
form .wp-block-search__inside-wrapper button.wp-block-search__button {
border-end-end-radius: var(--radius);
border-start-end-radius: var(--radius);
}
.widget .wp-block-tag-cloud > a {
border-radius: var(--radius);
}
.related-posts .row div article .post-thumbnail img {
border-radius: var(--radius);
} .site-header .ideal-magazine-topbar .top-header-container .top-header-right .ideal-magazine-header-search .header-search-wrap .header-search-form .search-form {
border-radius: var(--radius);
box-shadow: 0px 7px 6px 0px #34333352;
}
.site-header .ideal-magazine-topbar .top-header-container .top-header-right .ideal-magazine-header-search .header-search-wrap .header-search-form {
box-shadow: unset;
}
.site-header .ideal-magazine-topbar .top-header-container .top-header-right .ideal-magazine-header-search .header-search-wrap .header-search-form .search-form label .search-field {
border-end-start-radius: var(--radius);
border-start-start-radius: var(--radius);
}
.site-header .ideal-magazine-topbar .top-header-container .top-header-right .ideal-magazine-header-search .header-search-wrap .header-search-form .search-form .search-submit {
border-end-end-radius: var(--radius);
border-start-end-radius: var(--radius);
} .ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation ul#primary-menu > li:first-child::before {
display: none;
}
.ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation ul#primary-menu > li:first-child::after {
display: none;
}
.ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container {
border-radius: var(--radius);
}
.ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation .current_page_item > a, .ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation .current-menu-item > a, .ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation .current_page_ancestor > a, .ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation .current-menu-ancestor > a {
border-radius: var(--radius);
}
.ideal-magazine-bottom-header .ideal-magazine-navigation .ideal-magazine-navigation-container .main-navigation .navigation-area ul.menu li.menu-item-has-children ul {
border-end-end-radius: var(--radius);
border-end-start-radius: var(--radius);
}
.blog-post-container.grid-layout .blog-post-inner.no-thumbnail .blog-post-detail {
border-radius: var(--radius);
}
.blog-post-container.list-layout .blog-post-inner.no-thumbnail {
border-radius: var(--radius);
} .ideal-magazine-flash-news .flash-news-section .flash-news-wrapper .flash-news-icon::after {
opacity: 1;
top: unset;
width: 22px;
height: 30%;
bottom: -12px;
inset-inline-start: 0;
transform: rotate(180deg);
}
.ideal-magazine-flash-news .flash-news-section .flash-news-wrapper .flash-news-icon .icon-wrap .flash-icon i {
animation: flash-bolt 2s linear infinite;
}
@keyframes flash-bolt {
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
.ideal-magazine-flash-news .flash-news-section .flash-news-wrapper .flash-news-area .flash-news .flash-news-posts-wrapper .flash-news-post .single-post-wrap::before {
border-radius: var(--radius);
}
.ideal-magazine-flash-news .flash-news-section .flash-news-wrapper .flash-news-area .flash-news .flash-news-posts-wrapper .flash-news-post .single-post-wrap .content-wrap .flash-image img {
border-radius: var(--radius);
}
.flash-news-section.ascendoor-customizer-section {
border-radius: var(--radius);
}
.ideal-magazine-flash-news .flash-news-section .flash-news-wrapper .flash-news-icon {
border-end-end-radius: var(--radius);
border-start-end-radius: var(--radius);
border-start-start-radius: var(--radius);
} @container (min-width: 992px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(1), .grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(2) {
grid-column: span 2;
}
}	
.grid-posts.style-2 .main-wrap .grid-posts-wrapper {
grid-template-columns: repeat(4, 1fr);
}
@container (max-width: 991px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
@container (max-width: 768px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@container (max-width: 600px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
@container (min-width: 992px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(1) .blog-post-inner .blog-post-detail .entry-title, .grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(2) .blog-post-inner .blog-post-detail .entry-title {
font-size: var(--font-normal);
}
}
@container (max-width: 991px) {
.grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(1) .blog-post-inner .blog-post-detail .post-excerpt, .grid-posts.style-2 .main-wrap .grid-posts-wrapper .blog-post-container:nth-child(2) .blog-post-inner .blog-post-detail .post-excerpt {
display: none;
}
} .slider-widget .slider-post-wrapper .slider-post-nav {
top: 10px;
width: 60px;
position: absolute;
inset-inline-end: 10px;
}
.slider-widget .slider-post-wrapper .slick-slide {
margin-block-end: 2px;
border-radius: var(--radius);
border: 3px solid transparent;
}
.slider-widget .slider-post-wrapper .slick-slide.slick-current {
border: 3px solid var(--bg-clr);
}
.slider-widget .slider-post-wrapper {
position: relative;
}
.slider-widget .slider-post-wrapper .slider-post-nav .nav-image {
min-height: 50px;
border-radius: var(--radius);
background-color: var(--bg-clr-light);
}
.slider-widget .slider-post-wrapper .slider-post-nav .nav-image img {
width: 60px;
height: 50px;
object-fit: cover;
border-radius: var(--radius);
}.ipp-modal[hidden], .ipp-modal:not(.ipp-is-visible) { display: none !important; }
.ipp-modal {
position: fixed; inset: 0; z-index: var(--ipp-layer, 999999);
display: flex; justify-content: var(--ipp-justify, center); align-items: var(--ipp-align, center);
padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
box-sizing: border-box; overflow: auto; isolation: isolate;
overscroll-behavior: contain;
}
.ipp-modal *, .ipp-modal *::before, .ipp-modal *::after { box-sizing: border-box; }
.ipp-backdrop { position: fixed; inset: 0; background: var(--ipp-overlay, rgba(0,0,0,.75)); z-index: -1; }
.ipp-dialog {
position: relative; flex-shrink: 0; width: var(--ipp-width, 680px);
min-width: min(var(--ipp-min-width, 0px), calc(100vw - 24px));
max-width: min(var(--ipp-max-width, 980px), calc(100vw - 24px));
max-height: min(var(--ipp-max-height, 90dvh), calc(100dvh - 24px));
overflow: visible; margin: 0;
background: var(--ipp-bg, #fff); border: var(--ipp-border-width, 0px) solid var(--ipp-border-color, #fff);
border-radius: var(--ipp-radius, 6px); box-shadow: var(--ipp-shadow, none);
padding: var(--ipp-pad-t, 0px) var(--ipp-pad-r, 0px) var(--ipp-pad-b, 0px) var(--ipp-pad-l, 0px);
outline: none;
}
.ipp-dialog::after { content: ""; display: table; clear: both; }
.ipp-image-row { display: flex; align-items: flex-start; justify-content: var(--ipp-image-align, center); max-height: inherit; overflow: auto; scrollbar-width: thin; }
.ipp-media { display: inline-block; position: relative; width: fit-content; max-width: 100%; min-width: 0; vertical-align: top; line-height: 0; }
.ipp-image-link { display: block; line-height: 0; text-decoration: none; }
.ipp-image {
display: block; width: auto; height: auto; max-width: 100%;
max-height: max(60px, calc(var(--ipp-max-height, 90dvh) - var(--ipp-pad-t, 0px) - var(--ipp-pad-b, 0px) - 24px));
object-fit: contain; border-radius: 0; margin: 0; padding: 0; box-shadow: none;
}
.ipp-modal[data-ipp-image-fit="cover"] .ipp-media { width: 100%; }
.ipp-modal[data-ipp-image-fit="cover"] .ipp-image {
width: 100%; height: min(62dvh, 700px); max-height: max(60px, calc(var(--ipp-max-height, 90dvh) - var(--ipp-pad-t, 0px) - var(--ipp-pad-b, 0px) - 24px)); object-fit: cover;
}
.ipp-modal[data-ipp-image-fit="original"] .ipp-image { object-fit: scale-down; }
.ipp-hotspot, .ipp-button { position: absolute; z-index: 3; }
.ipp-hotspot { transform: translate(-50%, -50%); display: block; background: transparent; border: none; }
.ipp-button {
left: var(--ipp-button-x, 50%); top: var(--ipp-button-y, 85%); transform: translate(-50%, -50%);
width: var(--ipp-button-width, auto); max-width: min(95%, 100%);
min-height: 34px; padding: var(--ipp-button-pady, 12px) var(--ipp-button-padx, 22px);
display: inline-block; text-align: var(--ipp-button-align, center);
border: var(--ipp-button-border, 0px) solid var(--ipp-button-border-color, #016088);
border-radius: var(--ipp-button-radius, 5px); background: var(--ipp-button-bg, #016088);
color: var(--ipp-button-color, #fff) !important;
font-family: inherit; font-size: var(--ipp-button-font, 16px); font-weight: var(--ipp-button-weight, 700);
line-height: 1.3; text-decoration: none !important; box-shadow: var(--ipp-button-shadow, none);
white-space: normal; overflow-wrap: anywhere; cursor: pointer;
transition: filter .16s ease, box-shadow .16s ease;
}
.ipp-button:hover { color: var(--ipp-button-color, #fff) !important; filter: brightness(.88); }
.ipp-button:focus-visible, .ipp-hotspot:focus-visible, .ipp-image-link:focus-visible {
outline: 3px solid #ffb900; outline-offset: 3px;
}
.ipp-close {
position: absolute; z-index: 9; top: var(--ipp-close-top, 10px);
left: var(--ipp-close-left, auto); right: var(--ipp-close-right, 10px);
transform: var(--ipp-close-transform, none);
display: inline-flex; align-items: center; justify-content: center;
width: var(--ipp-close-size, 42px); height: var(--ipp-close-size, 42px); min-width: 24px;
border: 0; border-radius: var(--ipp-close-radius, 50%);
color: var(--ipp-close-color, #111) !important; background: var(--ipp-close-bg, #fff) !important;
box-shadow: 0 2px 12px rgba(0,0,0,.16); font-family: Arial, sans-serif;
cursor: pointer; padding: 0; line-height: 1; -webkit-appearance: none; appearance: none;
}
.ipp-close span { font-size: var(--ipp-close-icon, 24px); line-height: 1; pointer-events: none; }
.ipp-close:hover { filter: brightness(.93); }
.ipp-close:focus-visible { outline: 3px solid #ffb900; outline-offset: 3px; }
.ipp-close-sr:not(:focus-visible) { clip-path: inset(50%); clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; padding: 0; white-space: nowrap; }
.ipp-close-sr:focus-visible { clip: auto; clip-path: none; width: var(--ipp-close-size, 42px); height: var(--ipp-close-size, 42px); }
.ipp-trigger-button {
appearance: none; border: 1px solid currentColor; background: transparent; color: inherit;
cursor: pointer; padding: .6em 1em; border-radius: 4px; font: inherit;
}
.ipp-trigger-button:focus-visible { outline: 3px solid #016088; outline-offset: 3px; }
.ipp-animation-fade.ipp-is-visible { animation: ipp-overlay-fade .18s both; }
.ipp-animation-zoom.ipp-is-visible .ipp-dialog { animation: ipp-zoom .23s both; }
@keyframes ipp-overlay-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ipp-zoom { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 767px) {
.ipp-modal[data-ipp-device="desktop"], .ipp-modal[data-ipp-mobile-visible="0"] { display: none !important; }
.ipp-modal[data-ipp-mobile-settings="1"] .ipp-dialog {
width: var(--ipp-m-width, 94%);
max-width: min(var(--ipp-m-max-width, 680px), calc(100vw - 24px));
max-height: min(var(--ipp-m-max-height, 90dvh), calc(100dvh - 24px));
padding: var(--ipp-m-pad-t, 0px) var(--ipp-m-pad-r, 0px) var(--ipp-m-pad-b, 0px) var(--ipp-m-pad-l, 0px);
border-radius: var(--ipp-m-radius, 6px);
}
.ipp-modal[data-ipp-mobile-settings="1"] .ipp-image {
max-height: max(60px, calc(var(--ipp-m-max-height, 90dvh) - var(--ipp-m-pad-t, 0px) - var(--ipp-m-pad-b, 0px) - 24px));
}
.ipp-modal[data-ipp-mobile-settings="1"][data-ipp-mobile-fit="cover"] .ipp-media { width: 100%; }
.ipp-modal[data-ipp-mobile-settings="1"][data-ipp-mobile-fit="cover"] .ipp-image {
width: 100%; height: min(62dvh, 570px); object-fit: cover;
}
.ipp-modal[data-ipp-mobile-settings="1"][data-ipp-mobile-fit="contain"] .ipp-image { width: auto; height: auto; object-fit: contain; }
.ipp-modal[data-ipp-mobile-settings="1"][data-ipp-mobile-fit="original"] .ipp-image { width: auto; height: auto; object-fit: scale-down; }
.ipp-modal .ipp-button {
left: var(--ipp-m-button-x, 50%); top: var(--ipp-m-button-y, 85%);
font-size: var(--ipp-m-button-font, 14px);
padding: var(--ipp-m-button-pady, 10px) var(--ipp-m-button-padx, 16px);
width: var(--ipp-m-button-width, auto);
background: var(--ipp-m-button-bg, #016088);
color: var(--ipp-m-button-color, #fff) !important;
font-weight: var(--ipp-m-button-weight, 700);
text-align: var(--ipp-m-button-align, center);
border: var(--ipp-m-button-border, 0px) solid var(--ipp-m-button-border-color, #016088);
border-radius: var(--ipp-m-button-radius, 5px);
box-shadow: var(--ipp-m-button-shadow, none);
}
.ipp-modal .ipp-button:hover { color: var(--ipp-m-button-color, #fff) !important; }
.ipp-modal[data-ipp-mobile-settings="1"] .ipp-close {
top: var(--ipp-m-close-top, 8px); left: var(--ipp-m-close-left, auto);
right: var(--ipp-m-close-right, 8px); transform: var(--ipp-m-close-transform, none);
width: var(--ipp-m-close-size, 38px); height: var(--ipp-m-close-size, 38px);
}
}
@media (min-width: 768px) { .ipp-modal[data-ipp-device="mobile"] { display: none !important; } }
@media (max-height: 520px) {
.ipp-modal { align-items: flex-start; }
.ipp-dialog { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
.ipp-modal, .ipp-dialog, .ipp-button { animation: none !important; transition: none !important; }
}