div.asl_w{width:100%;height:auto;border-radius:5px;background-color:#5cb7e1;background-image:-moz-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-webkit-gradient(radial,center center,0,center center,100%,#5cb7e1,#5cb7e1);background-image:-webkit-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-o-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-ms-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:radial-gradient(ellipse at center,#5cb7e1,#5cb7e1);overflow:hidden;border:0 none #8dd5ef;border-radius:0 0 0 0;box-shadow:0 0 0 0 #000;}#ajaxsearchlite1 .probox,div.asl_w .probox{margin:0;height:34px;background-color:#5cb7e1;background-image:-moz-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-webkit-gradient(radial,center center,0,center center,100%,#5cb7e1,#5cb7e1);background-image:-webkit-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-o-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:-ms-radial-gradient(center,ellipse cover,#5cb7e1,#5cb7e1);background-image:radial-gradient(ellipse at center,#5cb7e1,#5cb7e1);border:0 solid #68aec7;border-radius:0 0 0 0;box-shadow:0 0 0 0 #b5b5b5 inset;}#ajaxsearchlite1 .probox .proinput,div.asl_w .probox .proinput{font-weight:normal;font-family:Open Sans;color:#fff !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);}#ajaxsearchlite1 .probox .proinput input,div.asl_w .probox .proinput input{font-weight:normal;font-family:Open Sans;color:#fff !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);border:0;box-shadow:none;height:34px;}div.asl_w .probox .proinput input::-webkit-input-placeholder{font-weight:normal;font-family:Open Sans;color:#fff !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input::-moz-placeholder{font-weight:normal;font-family:Open Sans;color:#fff !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-ms-input-placeholder{font-weight:normal;font-family:Open Sans;color:#fff !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-moz-placeholder{font-weight:normal;font-family:Open Sans;color:#fff !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input.autocomplete{font-weight:normal;font-family:Open Sans;color:#fff;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);margin-top:-34px !important;}div.asl_w .probox .proloading,div.asl_w .probox .proclose,div.asl_w .probox .promagnifier,div.asl_w .probox .prosettings{width:34px;height:34px;}div.asl_w .probox .promagnifier .innericon svg{fill:#fff;}div.asl_w .probox .prosettings .innericon svg{fill:#fff;}div.asl_w .probox .promagnifier{width:34px;height:34px;background-color:#468ebe;background-image:-o-linear-gradient(180deg,#468ebe,#468ebe);background-image:-ms-linear-gradient(180deg,#468ebe,#468ebe);background-image:-webkit-linear-gradient(180deg,#468ebe,#468ebe);background-image:linear-gradient(180deg,#468ebe,#468ebe);background-position:center center;background-repeat:no-repeat;border:0 solid #000;border-radius:0 0 0 0;box-shadow:0 0 0 0 rgba(255,255,255,.61);cursor:pointer;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;cursor:pointer;}div.asl_w .probox .prosettings{width:34px;height:34px;background-color:#468ebe;background-image:-o-linear-gradient(185deg,#468ebe,#468ebe);background-image:-ms-linear-gradient(185deg,#468ebe,#468ebe);background-image:-webkit-linear-gradient(185deg,#468ebe,#468ebe);background-image:linear-gradient(185deg,#468ebe,#468ebe);background-position:center center;background-repeat:no-repeat;float:right;border:0 solid #68aec7;border-radius:0 0 0 0;box-shadow:0 0 0 0 rgba(255,255,255,.63);cursor:pointer;background-size:100% 100%;order:7;-webkit-order:7;}div.asl_r{position:absolute;z-index:1100;}div.asl_r.vertical{padding:4px;background:#5cb7e1;border-radius:3px;border:0 none #000;border-radius:0 0 0 0;box-shadow:0 0 0 0 #000;visibility:hidden;display:none;}div.asl_r .results .nores .keyword{padding:0 6px;cursor:pointer;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);font-weight:bold;}div.asl_r .results .item{height:auto;background:#fff;}div.asl_r.vertical .results .item:after{background:#ccc;}div.asl_r .results .item.hovered{background-color:#f5f5f5;background-image:-moz-radial-gradient(center,ellipse cover,#f5f5f5,#f5f5f5);background-image:-webkit-gradient(radial,center center,0,center center,100%,#f5f5f5,#f5f5f5);background-image:-webkit-radial-gradient(center,ellipse cover,#f5f5f5,#f5f5f5);background-image:-o-radial-gradient(center,ellipse cover,#f5f5f5,#f5f5f5);background-image:-ms-radial-gradient(center,ellipse cover,#f5f5f5,#f5f5f5);background-image:radial-gradient(ellipse at center,#f5f5f5,#f5f5f5);;}div.asl_r .results .item .asl_image{width:70px;height:70px;}div.asl_r .results .item .asl_content{font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:12px;line-height:18px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .asl_content h3,div.asl_r .results .item .asl_content h3 a{margin:0;padding:0;line-height:inherit;font-weight:normal;font-family:Open Sans;color:#1454a9;font-size:13px;line-height:17px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .asl_content h3 a:hover{font-weight:normal;font-family:Open Sans;color:#2e6bbc;font-size:13px;line-height:17px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item div.etc{padding:0;line-height:10px;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:10px;line-height:12px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_author{padding:0;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:10px;line-height:12px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_date{margin:0 0 0 10px;padding:0;font-weight:normal;font-family:Open Sans;color:#adadad;font-size:10px;line-height:12px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item p.desc{margin:2px 0;padding:0;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r span.highlighted{font-weight:bold;color:#d9312b;background-color:#eee;color:rgba(217,49,43,1);background-color:rgba(238,238,238,1);}div.asl_s.searchsettings{background-color:#468ebe;background-image:-webkit-linear-gradient(185deg,#468ebe,#468ebe);background-image:-moz-linear-gradient(185deg,#468ebe,#468ebe);background-image:-o-linear-gradient(185deg,#468ebe,#468ebe);background-image:-ms-linear-gradient(185deg,#468ebe,#468ebe);background-image:linear-gradient(185deg,#468ebe,#468ebe);background-image:-webkit-linear-gradient(185deg,#468ebe,#468ebe);background-image:-moz-linear-gradient(185deg,#468ebe,#468ebe);background-image:-o-linear-gradient(185deg,#468ebe,#468ebe);background-image:-ms-linear-gradient(185deg,#468ebe,#468ebe);;box-shadow:0 0 0 0 #000;;}div.asl_s.searchsettings .asl_option_label{font-weight:bold;font-family:Open Sans;color:#fff;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox{background-color:#222;background-image:linear-gradient(180deg,#222,#36373a);background-image:-webkit-linear-gradient(180deg,#222,#36373a);background-image:-moz-linear-gradient(180deg,#222,#36373a);background-image:-o-linear-gradient(180deg,#222,#36373a);background-image:-ms-linear-gradient(180deg,#222,#36373a);;}div.asl_s.searchsettings fieldset .categoryfilter{max-height:200px;overflow:auto;}div.asl_s.searchsettings fieldset legend{padding:5px 0 0 10px;margin:0;font-weight:normal;font-family:Open Sans;color:#1f1f1f;font-size:13px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}/* * MEHBUD / TECHNICAL INDUSTRIAL UI * Non-destructive layer over original WordPress templates. * No fake editorial sections. Fixed Steel palette; no visitor UI. */ /* Single production palette: Steel. No client-side palette state. */ :root{color-scheme:light;--mi-bg:#eff3f6;--mi-surface:#fff;--mi-surface-alt:#dce7ee;--mi-ink:#173043;--mi-muted:#536878;--mi-line:#c8d8e2;--mi-accent:#246c9b;--mi-accent-hover:#15527c;--mi-nav:#14334a;--mi-nav-text:#f6fbff;--mi-hero:#16384e;--mi-hero-text:#fff;--mi-shadow:0 16px 38px rgba(16,44,67,.09);} html{scroll-behavior:smooth;} body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;line-height:1.65!important;background:var(--mi-bg)!important;color:var(--mi-ink)!important;-webkit-font-smoothing:antialiased;} body,button,input,textarea,select{font-family:Inter,"Segoe UI",Arial,sans-serif;} #o-wrapper {background:var(--mi-bg);min-height:100vh;} a{color:var(--mi-accent);transition:color .16s ease,border-color .16s ease,background-color .16s ease;} a:hover,a:focus{color:var(--mi-accent-hover);} h1,h2,h3,h4,h5,h6{font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:var(--mi-ink);text-transform:none!important;letter-spacing:-.025em;line-height:1.2;} h1,h2{font-weight:750!important;} p,li{line-height:1.7;}::selection{background:var(--mi-accent);color:#fff;}:focus-visible{outline:2px solid var(--mi-accent)!important;outline-offset:3px;} .container{max-width:1180px;} /* Primary navigation stays familiar. No new content blocks. */ #mainNav.navbar-custom{background:var(--mi-nav)!important;box-shadow:0 5px 26px rgba(0,0,0,.11);border-bottom:3px solid var(--mi-accent);padding:8px 0!important;min-height:72px;} #mainNav .container{display:flex;align-items:center;gap:24px;min-height:54px;flex-wrap:wrap;} #mainNav .navbar-header{display:flex;align-items:center;min-height:54px;flex-shrink:0;} #mainNav .navbar-collapse{margin:0!important;float:none!important;min-height:0;flex:1;} #mainNav .navbar-nav{display:flex;align-items:center;gap:16px;float:none!important;margin:0!important;} #mainNav .navbar-nav>li>a{padding:13px 11px!important;font-size:12px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mi-nav-text)!important;background:transparent!important;} #mainNav .navbar-nav>li>a:hover,#mainNav .navbar-nav>li.open>a{color:#fff!important;box-shadow:inset 0 -2px 0 var(--mi-accent);} #mainNav .dropdown-menu{background:var(--mi-surface)!important;border:1px solid var(--mi-line);border-radius:6px!important;box-shadow:var(--mi-shadow);padding:8px;min-width:220px;} #mainNav .dropdown-menu a{display:block;color:var(--mi-ink)!important;font-weight:600;font-size:13px;padding:7px 10px;white-space:normal;} #mainNav .subscribe{display:flex;gap:12px;align-items:center;margin:0!important;float:none!important;} #mainNav .subscribe li.has-dropdown.button{border:1px solid var(--mi-accent)!important;border-radius:4px;padding:0;background:transparent;} #mainNav .subscribe li.has-dropdown.button a{display:inline-block;color:#fff!important;padding:7px 15px;font-weight:700;font-size:12px;text-transform:uppercase;} #mainNav .subscribe ul.flags{display:flex;gap:8px;margin:0!important;align-items:center;} #mainNav .flags a{color:var(--mi-nav-text)!important;text-transform:uppercase;font-size:12px;font-weight:750;} #mainNav .flags a:hover{color:#fff!important;} #mainNav .navbar-toggle{border-color:rgba(255,255,255,.45)!important;color:#fff!important;margin:6px 0;} #mainNav .navbar-toggle:hover{background:var(--mi-accent)!important;} /* Intro header / page title. Works even when ACF main_header is empty. */ body:not(.home) #o-wrapper>header,body.home #o-wrapper>header{position:relative;background-color:var(--mi-hero)!important;background-blend-mode:multiply;color:var(--mi-hero-text);isolation:isolate;} #o-wrapper>header:before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(14,25,33,.90),rgba(16,31,41,.55));z-index:-1;} #o-wrapper>header .container{padding-top:155px!important;padding-bottom:65px!important;} #o-wrapper>header .intro-text{max-width:940px;margin:0 auto;text-align:center;} #o-wrapper>header .intro-text .name{display:block;font-size:clamp(27px,4.3vw,53px)!important;text-transform:none!important;line-height:1.12;letter-spacing:-.037em;font-weight:760!important;color:#fff;max-width:100%;overflow-wrap:anywhere;background:transparent!important;padding:0;} #o-wrapper>header .intro-text .skills{display:block;max-width:820px;font-size:clamp(14px,1.8vw,19px)!important;color:#d9e2e7;background:transparent!important;margin:18px auto 0;padding:0 12px;line-height:1.5;} #o-wrapper>header hr.star-light{border:0;background:var(--mi-accent);width:58px;height:3px;margin:23px auto 0;} #o-wrapper>header .category_tag_style{text-align:center;margin-bottom:20px;} #o-wrapper>header .category_tag_style a{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:5px 10px;color:#fff;background:rgba(0,0,0,.17);font-size:12px;margin:3px;} #o-wrapper>header .category_tag_style a:hover{border-color:var(--mi-accent);} /* Existing sticky subnav / search and category tabs. */ #sticker{background:var(--mi-surface)!important;border-bottom:1px solid var(--mi-line);box-shadow:0 4px 17px rgba(20,36,44,.045);position:relative;z-index:50;} #sticker .row.line_after_pic{background:transparent!important;height:auto!important;min-height:70px;display:flex;align-items:center;flex-wrap:wrap;} #sticker .navbar-brand{height:auto!important;padding:5px 0!important;display:inline-flex;align-items:center;} #sticker .navbar-brand img{width:auto;height:auto;max-height:44px;max-width:112px;} #sticker .navbar-nav>li>a{color:var(--mi-ink)!important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.015em;} #sticker .navbar-nav>li>a:hover{color:var(--mi-accent)!important;} #sticker .subscribe{float:none!important;margin:8px 0!important;display:inline-block;} #sticker .subscribe li.has-dropdown.button{border-color:var(--mi-accent)!important;border-radius:3px;padding:5px 11px;} #sticker .subscribe a{color:var(--mi-accent)!important;font-size:13px;font-weight:700;} #sticker .dropdown-menu a{color:var(--mi-ink)!important;} #sticker .col-sm-6:last-child{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;} #sticker .asl_w_container{min-width:185px!important;max-width:290px;} #sticker input, .asl_w_container input{border-radius:4px!important;} .title_filters{font-weight:750!important;font-size:clamp(23px,3vw,32px)!important;color:var(--mi-ink);text-align:left!important;padding:30px 0 12px;margin:0 0 10px!important;border-bottom:1px solid var(--mi-line);} ul.filters{display:flex!important;flex-wrap:wrap;gap:8px;font-size:13px!important;list-style:none;padding:4px 0 20px;margin:12px 0!important;} ul.filters li{padding:0!important;} ul.filters a{display:inline-flex;padding:8px 12px;background:var(--mi-surface);border:1px solid var(--mi-line);border-radius:3px;color:var(--mi-ink);font-weight:650;text-decoration:none;} ul.filters a:hover,ul.filters a.current,ul.filters a:focus{background:var(--mi-nav);color:#fff;border-color:var(--mi-nav);} /* Existing publications grid; no overlay-only hidden titles, all content readable. */ ul.grid,.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none!important;gap:21px!important;margin:26px auto 48px!important;list-style:none;padding:0!important;align-items:stretch;} .grid li,.grid.effect-6 li,.grid li.shown{display:block!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;opacity:1!important;transform:none!important;visibility:visible!important;border:1px solid var(--mi-line)!important;border-radius:6px;overflow:hidden;background:var(--mi-surface);box-shadow:0 3px 10px rgba(30,50,60,.025);position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;} .grid li:hover{transform:translateY(-4px)!important;border-color:var(--mi-accent)!important;box-shadow:var(--mi-shadow);} .grid li>a{display:block;color:var(--mi-ink)!important;text-decoration:none!important;} .grid .view,.grid .view-first{width:100%!important;height:auto!important;min-height:100%;margin:0!important;overflow:visible!important;background:var(--mi-surface)!important;box-shadow:none!important;} .grid .img_{height:188px!important;width:100%;display:block;overflow:hidden;background:var(--mi-surface-alt);} .grid .img_ img,.grid .mehbud-card-image{display:block!important;width:100%!important;height:188px!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0!important;filter:none!important;} .grid .view .mask,.grid .mask{display:flex!important;flex-direction:column!important;height:auto!important;min-height:180px!important;position:static!important;inset:auto!important;width:auto!important;opacity:1!important;transform:none!important;background:var(--mi-surface)!important;padding:18px 18px 19px!important;color:var(--mi-ink)!important;text-align:left!important;box-shadow:none!important;} .grid .mask h2,.grid .view-first .mask h2{font-size:17px!important;line-height:1.42!important;max-height:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0 0 12px!important;text-align:left!important;color:var(--mi-ink)!important;font-weight:730!important;background:transparent!important;text-transform:none!important;} .grid .mask p.short_descrip,.grid .mask p{font-size:13px!important;line-height:1.55!important;color:var(--mi-muted)!important;margin:0 0 15px!important;min-height:0!important;max-height:none!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .grid .mask .colomn{margin-top:auto;float:none!important;display:block;} .grid .mask a.has-dropdown.button,.grid .mask span.has-dropdown.button{padding:0!important;border:0!important;color:var(--mi-accent)!important;text-align:left!important;font-weight:750;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:transparent!important;} .grid .mask a.has-dropdown.button:after,.grid .mask span.has-dropdown.button:after{content:" →";} .grid .mask .text-author{float:none!important;} .custom-pagination,.pagination{display:flex;gap:7px;flex-wrap:wrap;} .custom-pagination a,.custom-pagination span{border:1px solid var(--mi-line);background:var(--mi-surface);color:var(--mi-ink);padding:7px 11px;border-radius:3px;} .custom-pagination .current,.custom-pagination a:hover{background:var(--mi-accent);color:#fff;border-color:var(--mi-accent);} /* Article and page reading experience; WPBakery blocks remain untouched. */ .page-builder{background:var(--mi-bg)!important;color:var(--mi-ink)!important;padding:25px 0 55px;} .page-builder>.container,.page-builder .container{max-width:1100px;} .page-builder .col-sm-12.title_single{margin:0 0 27px!important;padding:0;} .page-builder .title_single h1,.title_single h1{font-size:clamp(25px,3.5vw,43px)!important;color:var(--mi-ink)!important;letter-spacing:-.032em;text-transform:none!important;line-height:1.2;text-align:left!important;margin:18px 0!important;} .page-builder h2{text-align:left!important;font-size:clamp(21px,2.5vw,31px);margin:27px 0 12px;} .page-builder h3,.page-builder h4{text-align:left!important;} .page-builder p,.page-builder li,.page-builder td{color:var(--mi-ink);font-size:16px;line-height:1.78;} .page-builder article,.page-builder .wpb_wrapper{overflow-wrap:anywhere;} .page-builder img,.entry-content img{max-width:100%;height:auto;} .page-builder blockquote{margin:28px 0;border-left:4px solid var(--mi-accent);padding:12px 24px;background:var(--mi-surface-alt);font-size:19px;} .page-builder table{width:100%;border-collapse:collapse;margin:20px 0 25px;} .page-builder th,.page-builder td{border:1px solid var(--mi-line);padding:12px;text-align:left;} .page-builder th{background:var(--mi-surface-alt);color:var(--mi-ink);} .page-builder .wpb_row,.page-builder .vc_row{max-width:100%;} .article__author,.article__time,.article__views,.author-post{color:var(--mi-muted)!important;font-size:13px;} .article__author-name{color:var(--mi-ink)!important;font-weight:700;} .author-post{border-top:1px solid var(--mi-line);border-bottom:1px solid var(--mi-line);padding:13px 0;display:flex;align-items:center;flex-wrap:wrap;gap:13px;} .author-card{background:var(--mi-surface)!important;border:1px solid var(--mi-line);border-left:4px solid var(--mi-accent);border-radius:3px;padding:22px;box-shadow:none!important;max-width:100%;} .author-card__name{color:var(--mi-ink)!important;} .author-card p,.author-card .author-card__meta{color:var(--mi-muted)!important;} .share{background:var(--mi-surface)!important;border:1px solid var(--mi-line);border-radius:5px;padding:14px;color:var(--mi-ink)!important;} #more_posts{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--mi-line);padding:24px 0;} #more_posts a{border:1px solid var(--mi-line);background:var(--mi-surface);color:var(--mi-ink);padding:13px 16px;border-radius:4px;max-width:100%;text-decoration:none;} #more_posts a:hover{border-color:var(--mi-accent);} .comment-form textarea,.comment-form input,input[type="email"],input[type="text"],textarea{background:var(--mi-surface);color:var(--mi-ink);border:1px solid var(--mi-line);border-radius:3px;max-width:100%;} .comment-form .submit,input[type="submit"],button[type="submit"]{background:var(--mi-accent);color:#fff;border:0;padding:10px 18px;border-radius:4px;font-weight:700;cursor:pointer;} .comment-form .submit:hover,input[type="submit"]:hover{background:var(--mi-accent-hover);} /* Footer and mobile drawer. */ footer .footer-above{background:var(--mi-nav)!important;padding:52px 0 34px;} footer .footer-below{background:var(--mi-hero)!important;padding:20px 0;} footer h3{font-size:15px!important;text-align:left!important;font-weight:770;text-transform:uppercase!important;color:var(--mi-nav-text)!important;margin:0 0 18px;letter-spacing:.06em;} footer p, footer .footer-below,footer .footer-above,footer a{color:var(--mi-nav-text)!important;font-size:13px;line-height:1.8;} footer .footer-col{margin-bottom:24px;} footer a:hover{color:#fff!important;text-decoration:underline;} footer .btn-social{border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;border-radius:4px!important;width:41px;height:41px;display:inline-flex;align-items:center;justify-content:center;} footer .footer-col .list-inline{display:flex;gap:9px;flex-wrap:wrap;} #c-menu--push-right,.c-menu{background:var(--mi-nav)!important;color:var(--mi-nav-text)!important;} .c-menu__link,.c-menu a{color:var(--mi-nav-text)!important;} .c-menu a:hover{color:var(--mi-accent)!important;} /* WP admin bar and accessibility. */ body.admin-bar #mainNav{top:32px;} @media(max-width:782px) {body.admin-bar #mainNav {top:46px;}} @media(max-width:1100px) { #mainNav .container{gap:10px;} #mainNav .navbar-nav{gap:3px;} #mainNav .navbar-nav>li>a{padding:9px!important;} } @media(max-width:900px) { ul.grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} #sticker .col-sm-6:last-child{justify-content:flex-start;} } @media(max-width:767px) { #mainNav.navbar-custom{min-height:60px;padding:6px 0!important;} #mainNav .container{display:block;min-height:48px;} #mainNav .navbar-header{display:flex;justify-content:space-between;flex-direction:row-reverse;min-height:48px;} #mainNav .subscribe{display:none;} #o-wrapper>header .container{padding-top:105px!important;padding-bottom:43px!important;} #o-wrapper>header .intro-text .name{font-size:29px!important;} #sticker .row.line_after_pic{display:block;min-height:auto;padding:10px 0;} #sticker .col-sm-6{width:100%;} #sticker .col-sm-6:last-child{display:flex;justify-content:space-between;} #sticker .navbar-collapse{display:none!important;} #sticker .subscribe{margin:7px 0!important;} #sticker .asl_w_container{max-width:100%;} ul.grid,.grid{grid-template-columns:1fr!important;gap:16px!important;padding:0 8px!important;} .grid .img_,.grid .img_ img{height:205px!important;} .grid .mask{min-height:0!important;} .title_filters{padding-top:22px;font-size:24px!important;} .page-builder{padding:18px 0 40px;} .page-builder .container{padding-left:16px;padding-right:16px;} .page-builder p,.page-builder li{font-size:15px;} .page-builder .title_single h1{font-size:26px!important;} footer .footer-above{padding:35px 0 15px;} } @media(prefers-reduced-motion:reduce){*,*:before,*:after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}} /* ===== v2: responsive repair (2026-10-23) ===== * No page push, no Masonry transforms and no fixed-width Bootstrap modals. * Keep the original category/article structure. */ *, *::before, *::after{box-sizing:border-box;} body{min-width:0;overflow-x:clip;} #o-wrapper{width:100%;max-width:100%;transform:none !important;} .grid > li, .grid.effect-6 > li{top:auto !important;left:auto !important;right:auto !important;max-width:100%;min-width:0;} .grid > li > a{height:100%;} .grid .view{display:flex !important;flex-direction:column;height:100% !important;} .grid .view .mask{flex:1;} .grid .mask .colomn{margin-top:auto;} /* Dropdown categories: ensure legibility even when Bootstrap adds .open. */ #mainNav .dropdown-menu, #sticker .dropdown-menu{background:var(--mi-surface) !important;border:1px solid var(--mi-line) !important;} #mainNav .dropdown-menu li > a, #sticker .dropdown-menu li > a{color:var(--mi-ink) !important;background:transparent !important;opacity:1 !important;} #mainNav .dropdown-menu li > a:hover, #sticker .dropdown-menu li > a:hover{color:var(--mi-accent) !important;background:var(--mi-surface-alt) !important;} /* Fixed-width popup was overflowing small screens. */ #myModal{z-index:1900 !important;padding:0 12px !important;} .modal-backdrop{z-index:1800 !important;} #myModal .modal-dialog{width:min(520px, 100%) !important;max-width:calc(100vw - 24px) !important;margin:min(9vh, 70px) auto 20px !important;} #myModal .modal-content{border-radius:9px !important;background:var(--mi-surface) !important;color:var(--mi-ink);border:1px solid var(--mi-line);} #myModal .modal-header{min-height:43px;padding:8px 14px;border-bottom:1px solid var(--mi-line);} #myModal .modal-header .close{float:right;font-size:28px;color:var(--mi-ink);opacity:.8;text-shadow:none;} #myModal .modal-body{padding:20px;} #myModal form p{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0;} #myModal .wpcf7-form-control-wrap{flex:1 1 220px;min-width:0;} #myModal input[type=email]{display:block;width:100%;min-height:42px;padding:10px 13px;} #myModal input[type=submit]{min-height:42px;width:auto;padding:10px 18px;background:var(--mi-accent);color:#fff;} footer .btn-social .fa{font-family:FontAwesome !important;color:#fff !important;font-size:17px;} footer .btn-social{background:transparent !important;} /* The mobile navigation is a *fixed overlay*, independent of content width. Original theme moved the whole #o-wrapper by 300px, causing off-screen UI. */ #c-menu--push-right.mb-mobile-nav{position:fixed !important;inset:0 0 0 auto !important;top:0 !important;right:0 !important;left:auto !important;bottom:0 !important;z-index:100201 !important;display:flex !important;flex-direction:column;width:min(360px, 88vw) !important;max-width:100vw !important;height:100vh !important;height:100dvh !important;padding:0 !important;margin:0 !important;overflow-y:auto !important;background:var(--mi-nav) !important;border-left:1px solid rgba(255,255,255,.18);transform:translate3d(105%,0,0) !important;-webkit-transform:translate3d(105%,0,0) !important;visibility:hidden !important;transition:transform .23s ease, visibility .23s ease !important;box-shadow:-16px 0 40px rgba(0,0,0,.23);} #c-menu--push-right.mb-mobile-nav.is-active{transform:translate3d(0,0,0) !important;-webkit-transform:translate3d(0,0,0) !important;visibility:visible !important;} #c-mask.c-mask{position:fixed !important;inset:0;z-index:100200 !important;pointer-events:none;background:#030a10;width:100% !important;height:100% !important;opacity:0 !important;transition:opacity .2s ease !important;} #c-mask.c-mask.is-active{pointer-events:auto;opacity:.66 !important;} #o-wrapper.has-push-right{transform:none !important;} .mb-mobile-nav__head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:70px;padding:12px 18px 12px 22px;border-bottom:1px solid rgba(255,255,255,.19);font-size:19px;font-weight:750;} #c-menu--push-right .mb-mobile-nav__head .c-menu__close{display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px;padding:0 !important;border-radius:5px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:28px;line-height:1;} .mb-mobile-nav__body{overflow:auto;padding:18px 22px 32px;} .mb-mobile-nav__first, .mb-mobile-nav__items > li > a{display:block;padding:13px 0;color:#fff !important;font-weight:650;font-size:15px;text-decoration:none;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.12);} .mb-mobile-nav__first:hover, .mb-mobile-nav__items a:hover{color:#f0b089 !important;} .mb-mobile-nav__label{display:block;color:#a9bdc9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:24px 0 7px;} #c-menu--push-right .mb-mobile-nav__items, #c-menu--push-right .mb-mobile-nav__items ul{display:block !important;float:none !important;position:static !important;width:100% !important;min-width:0 !important;padding:0 !important;margin:0 !important;background:transparent !important;list-style:none;box-shadow:none !important;border:0 !important;} #c-menu--push-right .mb-mobile-nav__items li{display:block !important;float:none !important;width:100% !important;margin:0 !important;text-align:left;} #c-menu--push-right .mb-mobile-nav__items ul{padding-left:14px !important;} #c-menu--push-right .mb-mobile-nav__items ul a{display:block;padding:9px 0;font-size:13px;color:#c7d6df !important;border-bottom:1px solid rgba(255,255,255,.09);} .mb-mobile-nav__subscribe{display:block;width:100%;margin:24px 0 13px;padding:12px 16px;border:1px solid var(--mi-accent);border-radius:5px;color:white;background:var(--mi-accent);font-size:14px;font-weight:700;} .mb-mobile-nav__languages{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 !important;margin:0 !important;list-style:none;} .mb-mobile-nav__languages a{display:inline-flex;padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff !important;font-size:12px;} @media (max-width: 767px) { html{scroll-padding-top:8px;} body{width:100%;} #mainNav.navbar-custom{position:relative !important;width:100%;padding:0 !important;min-height:65px !important;} #mainNav .container{display:flex !important;width:100%;min-height:65px;align-items:center;padding:0 16px !important;margin:0 auto;} #mainNav .navbar-header{display:flex !important;float:none !important;width:100% !important;flex-direction:row !important;justify-content:space-between !important;align-items:center;min-height:65px !important;margin:0 !important;} #mainNav .c-buttons{order:1;display:flex;margin-left:auto;} #mainNav .navbar-toggle{display:flex !important;align-items:center;justify-content:center;float:none !important;width:43px;height:41px;margin:0 !important;padding:0 !important;border:1px solid rgba(255,255,255,.35) !important;border-radius:5px;background:transparent !important;font-size:18px;} #mainNav .navbar-collapse{display:none !important;} #o-wrapper > header{margin:0 !important;padding:0 !important;min-height:0 !important;background-attachment:scroll !important;} #o-wrapper > header .container{padding:31px 18px 35px !important;} #o-wrapper > header .intro-text{margin:0 auto !important;padding:0 !important;} #o-wrapper > header .intro-text .name{margin:0 auto !important;font-size:clamp(25px, 7vw, 33px) !important;line-height:1.16;} #o-wrapper > header .intro-text .skills{font-size:13px !important;line-height:1.55;margin:11px auto 0;} #o-wrapper > header hr.star-light{margin:13px auto 0;} /* Old sticky bar creates a ~130px empty strip on smartphones. All navigation is available in the new drawer. */ #sticker, .sticky-wrapper:has(>#sticker){display:none !important;height:0 !important;} .title_filters{margin:0 0 15px !important;padding:23px 0 10px !important;font-size:24px !important;} ul.grid,.grid{grid-template-columns:minmax(0, 1fr) !important;padding:0 !important;margin:16px 0 35px !important;gap:16px !important;} .grid li{max-width:100% !important;} .grid .img_, .grid .img_ img{height:clamp(174px, 52vw, 245px) !important;} .grid .view .mask{min-height:0 !important;padding:16px !important;} .grid .mask h2{font-size:17px !important;} #myModal .modal-body{padding:16px;} #myModal form p{flex-direction:column;align-items:stretch;} #myModal .wpcf7-form-control-wrap{flex-basis:auto;width:100%;} #myModal input[type=submit]{width:100%;} footer .footer-above .footer-col{width:100% !important;text-align:left !important;} footer .footer-col ul.list-inline{justify-content:flex-start;} } /* ===== v3: structural repair, navigation/hero/pagination ===== Responsive is one breakpoint for navbar + one for cards, not two navbar systems. No invented brand text; local original image changes with Polylang. */ /* The old cloned sticky navigation was duplicating categories/subscribe and generating a second bar with Bootstrap floats. Core header now owns search. */ #sticker, .sticky-wrapper:has(> #sticker){display:none !important;} #mainNav.navbar-custom{position:relative !important;inset:auto !important;float:none !important;z-index:80;width:100%;margin:0 !important;height:auto !important;} #mainNav .container{flex-wrap:nowrap;gap:14px;} #mainNav .navbar-header{flex:0 0 auto;} #mainNav .mb-mobile-wordmark{display:none!important;} #mainNav .navbar-collapse{flex:1 1 auto;min-width:0;} #mainNav .navbar-nav{gap:7px;} #mainNav .navbar-nav > li > a{white-space:nowrap;} #mainNav .subscribe{flex:0 0 auto;} #mainNav .mi-main-search{flex:0 1 208px;min-width:165px;max-width:230px;} #mainNav .mi-main-search form.search-form{display:flex;width:100%;margin:0;gap:0;} #mainNav .mi-main-search .screen-reader-text, .mi-drawer-search .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap;overflow:hidden;} #mainNav .mi-main-search .search-form label{flex:1 1 0;min-width:0;margin:0;} #mainNav .mi-main-search .search-field{display:block;width:100%;min-width:0;min-height:35px;padding:7px 10px;background:#fff;color:#17222b;border:1px solid var(--mi-line);border-radius:4px 0 0 4px;font-size:13px;} #mainNav .mi-main-search .search-submit{flex:0 0 auto;min-height:35px;max-width:75px;padding:7px 10px;border:1px solid var(--mi-accent);border-radius:0 4px 4px 0;background:var(--mi-accent);color:#fff;font-size:12px;} #o-wrapper > header{display:flow-root;clear:both;position:relative!important;margin:0!important;padding:0!important;float:none!important;transform:none!important;overflow:visible!important;} #o-wrapper > header .container{box-sizing:border-box;} #o-wrapper > header .intro-text, #o-wrapper > header .intro-text .name{position:relative!important;inset:auto!important;transform:none!important;max-width:100%;} #o-wrapper > header .intro-text .name{white-space:normal!important;overflow-wrap:break-word;} /* Pagination must sit under the grid as a block, not inside