:root{--font-family:"Segoe UI Variable Display", "Segoe UI", "Open Sans",
    sans-serif;--bar-height:62px;--border-radius:5px;--box-shadow:2px 2px 10px rgba(0 0 0 / 15%);--layout-space:15px;--layout-content-space:25px}@media screen and (max-width:1480px){:root{--layout-content-space:15px}}*,body{padding:0;margin:0}*{box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}ul{list-style:none}body{--color-background:#fff;background:var(--color-background);color:#000;font-size:16px;line-height:1.5em;font-family:var(--font-family);--color-primary:#e95e12;--color-primary-rgb:233 94 18;--color-primary-light:#ff9767;--color-primary-dark:#b71c1c;--color-primary-dl:var(--color-primary-dark);--color-primary-ld:var(--color-primary-light);--color-secondary:#4caf50;--color-secondary-light:#81c784;--color-secondary-dark:#2e7d32;--color-secondary-dl:var(--color-secondary-dark);--color-secondary-ld:var(--color-secondary-light);--color-tagline:var(--color-secondary-dark);--color-light-gray:#ddd;--color-bright-gray:#fafafa;--text-color:#222;--text-color-gray:#585858;--text-background:#fff;--btn-color:#fff;--btn-background:var(--color-primary);--hover-background:rgba(0 62 146 / 10%);--navbar-background:rgba(240 240 240 / 1);--navbar-menu-background:rgba(240 240 240 / 0.99)}body.preload *{animation-duration:0s!important;-webkit-animation-duration:0s!important;transition:background-color 0s,opacity 0s,color 0s,width 0s,height 0s,padding 0s,margin 0s!important}a{color:var(--color-primary);transition:color .3s}.u-centered{width:100%;max-width:1280px;margin:0 auto}.hidden-header{display:none}svg{vertical-align:middle;font-size:24px}.navbar{background:var(--navbar-background);width:100%;z-index:1;box-shadow:0 0 10px rgb(0 0 0/.35);transition:background .15s ease;position:relative}.navbar__wrapper{position:relative;display:flex;height:var(--bar-height);align-items:center;justify-content:space-between}.navbar__content{display:flex;align-items:center;height:100%;padding:11px var(--layout-space)}.navbar__main-menu{margin-left:80px;display:flex;height:var(--bar-height);z-index:1}.navbar__logo{height:30px;width:130px;display:block;background-size:contain;background-repeat:no-repeat;background-image:url(https://pcnight.com/wp-content/themes/mytheme/assets/img/logo.svg)}.navbar__main-menu li{list-style:none;line-height:var(--bar-height);padding:0}.navbar__main-menu li a{color:var(--text-color);padding:8px 17px;border-radius:var(--border-radius);transition:all .3s ease}.navbar__main-menu li a:hover,.navbar__wrapper .btn-theme-toggle:hover,.navbar__wrapper .menu-icon:hover,.navbar__wrapper .search-icon:hover{background:var(--hover-background)}.navbar__wrapper .btn-theme-toggle,.navbar__wrapper .menu-icon,.navbar__wrapper .search-icon{cursor:pointer;line-height:calc(var(--bar-height) - 20px);width:calc(var(--bar-height) - 20px);transition:background .3s ease;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;width:42px;height:42px}.navbar__wrapper .btn-theme-toggle path,.navbar__wrapper .menu-icon path,.navbar__wrapper .search-icon path{fill:var(--text-color)}.navbar__wrapper .menu-icon,.navbar__wrapper .navbar__right{margin:0 var(--layout-space)}@media screen and (max-width:350px){.navbar__wrapper .btn-theme-toggle{display:none}.navbar__wrapper .menu-icon,.navbar__wrapper .navbar__right{margin:0 5px}}.navbar__right{display:flex}.navbar__wrapper .btn-theme-toggle{border:0;background:0 0;position:relative;overflow:hidden}.navbar__wrapper .btn-theme-toggle svg{transition:transform .3s ease-in-out;position:absolute}.navbar__wrapper .btn-theme-toggle svg.icon-light-mode{transform:none}.navbar__wrapper .btn-theme-toggle svg.icon-dark-mode{transform:translateY(42px) rotate(90deg)}.navbar__wrapper .search-icon svg.icon-search{display:inline}.navbar__wrapper .menu-icon,.navbar__wrapper .search-icon svg.icon-close,.navbar__wrapper input[type=checkbox]{display:none}.navbar__wrapper #show-search:checked~.navbar__right .search-icon svg.icon-search{display:none}.navbar__wrapper #show-search:checked~.navbar__right .search-icon svg.icon-close{display:inline}.navbar__wrapper #show-search:checked~.navbar__right .search-icon{background:var(--btn-background);box-shadow:var(--box-shadow);color:var(--btn-color)}.navbar__wrapper #show-search:checked~.navbar__right .search-icon path{fill:var(--btn-color)}.navbar__wrapper .search-box{position:absolute;right:calc(var(--bar-height) - 10px);height:100%;max-width:calc(100% - var(--bar-height));width:350px;opacity:0;pointer-events:none}.navbar__wrapper #show-search:checked~.search-box{opacity:1;padding:10px;pointer-events:auto;transition:all .3s ease}.search-box input{width:100%;height:100%;border:1px solid var(--hover-background);border-radius:var(--border-radius);outline:0;font-size:17px;color:var(--text-color);background:var(--text-background);padding:0 100px 0 15px;font-family:var(--font-family);box-shadow:2px 2px 10px rgb(0 0 0/10%)}.search-box input::placeholder{color:#aaa}.search-box .go-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);line-height:calc(var(--bar-height) - 30px);width:calc(var(--bar-height) - 30px);background:var(--btn-background);border:0;outline:0;color:var(--btn-color);font-size:0;cursor:pointer;border-radius:3px}.navbar__main-menu ul{position:absolute;background:var(--navbar-menu-background);top:80px;z-index:-1;opacity:0;visibility:hidden;border-radius:5px;backdrop-filter:blur(2rem);padding:4px;box-shadow:var(--box-shadow);min-width:200px}.navbar__main-menu ul:before{content:" ";height:9px;margin-top:-9px;display:block}.navbar__main-menu li:hover>ul{top:calc(var(--bar-height) + 4px);opacity:1;visibility:visible;transition:all .3s ease;border:1px solid var(--hover-background)}.navbar__main-menu ul li a{display:block;width:100%;line-height:1em;border-radius:4px}.navbar__main-menu ul ul{position:absolute;top:20px;left:calc(100% - 5px);width:max-content;z-index:1}.navbar__main-menu ul li{position:relative;padding:1px}.navbar__main-menu ul li:hover>ul{top:0}@media screen and (max-width:1260px){.navbar__main-menu{margin-left:30px}.navbar__main-menu li a{padding:8px 13px}.navbar__wrapper .search-box{max-width:calc(100% - var(--bar-height))}.navbar__wrapper .search-box input{padding:0 100px 0 15px}}@media screen and (max-width:945px){.navbar__wrapper .menu-icon{display:flex}.navbar__wrapper .menu-icon svg.icon-close{display:none}.navbar__wrapper .menu-icon svg.icon-menu{display:inline}.navbar__wrapper #show-menu:checked~.menu-icon svg.icon-close{display:inline}.navbar__wrapper #show-menu:checked~.menu-icon svg.icon-close path{display:inline;fill:#fff}.navbar__wrapper #show-menu:checked~.menu-icon svg.icon-menu{display:none}.navbar__wrapper #show-menu:checked~.menu-icon{background:var(--color-primary);box-shadow:var(--box-shadow)}.navbar__main-menu{display:block;position:absolute;background:rgb(255 255 255/80%);backdrop-filter:blur(20px);box-shadow:5px 5px 5px rgb(0 0 0/20%);border-radius:0 0 5px 0;height:100vh;width:100%;top:var(--bar-height);left:-100%;margin-left:0;max-width:350px;overflow-y:auto;padding-bottom:100px;transition:all .3s ease}nav #show-menu:checked~.navbar__content .navbar__main-menu{left:0}.navbar__main-menu li{margin:0}.navbar__main-menu li a{line-height:40px;font-size:20px;display:block;padding:10px 15px 10px 52px;cursor:pointer;position:relative;border-bottom:1px solid rgba(0 0 0/10%);border-radius:0}.navbar__main-menu ul,.navbar__main-menu ul ul{position:static;opacity:1;visibility:visible;background:0 0;max-height:0;overflow:hidden;box-shadow:none;padding:0;border:0;width:100%}.navbar__main-menu li:hover>ul{border:0}.navbar__main-menu ul li{margin:0 0 0 20px}.navbar__main-menu ul li a{line-height:30px;border-radius:5px!important}}@media screen and (max-width:400px){.navbar__wrapper .search-box{max-width:calc(100% - var(--bar-height))}.navbar__wrapper .search-box .go-icon{width:30px}.navbar__wrapper .search-box input{padding-right:30px}}.section-body__container,.section-body__main-container{display:flex;flex-flow:row wrap;justify-content:space-between;column-gap:var(--layout-space);row-gap:var(--layout-space)}.section-body,.section-footer,.section-header{margin:var(--layout-content-space) auto}.list__simple ul li a::before,.section-header.back-color{background:var(--color-light-gray)}.section-header.no-margin{margin:0}.section-header.pad{padding:var(--layout-content-space)0}.section-body__container,.section-footer__container,.section-header__container{margin:0 var(--layout-space)}.section-body__main-content{order:1;max-width:100%}.section-body__aside{order:2}.section-body__aside,.section-body__main-aside{flex:1;max-width:100%}.ads-wrapper{text-align:center}@media all and (max-width:945px){.section-body__main{flex:none;width:100%}.section-body__main-container{flex-direction:column}.ads-wrapper{width:100%}}@media all and (min-width:945px){.section-body__main{flex:1;width:600px}.section-body__main-content{flex:1}.section-body__main-aside{flex:100%}.section-body__aside{width:300px;flex:none}.section-body__main-content{width:600px}}@media all and (min-width:1260px){.section-body__main-aside{flex:none;width:300px}}@media all and (min-width:1480px){.section-body__container,.section-body__main-container{column-gap:calc(var(--layout-space) + 10px)}}.section-header h1{font-size:40px;margin:0;line-height:1.2em}.section-header .summary{font-size:22px;line-height:1.4em;letter-spacing:-.5px;color:var(--text-color-gray);margin-bottom:10px}@media (max-width:960px){.section-header h1{font-size:36px}.section-header .summary{font-size:20px}}@media (max-width:630px){.section-header h1{font-size:26px}.section-header .summary{font-size:16px}}#footer{background:#181a20;padding:50px 0 35px;color:#999;box-shadow:0 200px 0#000}.footer__container{padding:0 var(--layout-space)}.footer__main{display:flex;flex-wrap:wrap;column-gap:var(--layout-space)}.footer-logo,.list__simple h4{margin-bottom:5px}@media all and (min-width:945px){.footer__col{flex:1}}.footer__menu{display:flex;column-gap:15px;justify-content:flex-start;margin:var(--layout-space)0}.footer__menu ul{list-style:none;margin-right:10px;padding-left:0;line-height:2em}.footer__menu li a{color:#fff;font-weight:500}.footer__menu li a:hover{color:#aaa}#footer .copyright{color:#f1f1f1;margin:30px 0 10px;text-align:left}#footer .social{display:flex}#footer .social span{font-size:18px;display:inline-block;margin-right:5px;line-height:26px;color:#eee}#footer .social svg{width:26px;height:26px;text-align:center;background:#eee;margin-left:8px;border-radius:50%;padding:4px}#footer .social svg:hover{color:#000;background:#fff}.widget{margin-bottom:20px;text-align:center}.widget.sticky{position:sticky;top:var(--layout-space);margin-bottom:0}.widget .widget__container{text-align:left}.widget.basic .widget__header{border-bottom:3px solid var(--color-primary);height:30px}.widget.basic .widget__header h4{background:var(--color-primary);border-bottom:1px solid var(--color-primary);font-size:14px;color:#fff;height:28px;line-height:28px;display:inline-block;padding:0 10px;position:relative;text-shadow:-1px 1px 0 var(--color-primary-dark);border-radius:var(--border-radius)0 0 0;margin:0}.widget.basic .widget__header h4:after{content:" ";border:28px solid #fff0;border-right:1px none #000;border-left-width:20px;border-left-color:var(--color-primary-dark);position:absolute;top:0;z-index:-10;right:-20px;border-bottom:none}.widget.basic .widget__content.border{border:1px solid var(--color-light-gray);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 1px 0 rgba(128 128 128/40%);overflow:hidden}.post-group{margin-bottom:var(--layout-content-space)}.post-group ul{display:flex;column-gap:var(--layout-content-space);row-gap:var(--layout-content-space);flex-wrap:wrap}.post-group .post-item{display:flex;column-gap:var(--layout-space);row-gap:var(--layout-space);color:var(--text-color)}.post-group img{display:block;width:100%;height:auto;margin:0!important}.post-group .post-item h3{font-size:24px;margin:0 0 5px;line-height:1.2em;transition:color .3s}.post-group .post-item__tagline{color:var(--color-tagline);font-size:14px;line-height:1em;margin-bottom:5px}.post-group .summary{color:var(--text-color-gray)}@media screen and (max-width:960px){.post-group .post-item h3{font-size:16px;font-weight:400}.post-group .post-item__tagline{font-size:13px}}.post-group .post-item:hover img{filter:brightness(1.1)}.post-group .post-item:hover h3{color:var(--color-primary)}.post-group.grid ul,.post-group.grid.device .post-item{flex-direction:row}.post-group ul li{width:100%}.post-group.grid ul li{flex:1 1 21%}@media screen and (max-width:690px){.post-group.grid ul li{flex:1 1 40%}}.post-group.grid .post-item{flex-direction:column}.post-group.grid .post-item h3{font-size:20px}.post-group.grid .summary{display:none}@media screen and (max-width:1260px){.post-group.grid .post-item h3{font-size:16px}}.post-group.grid.device ul li{flex:1 1 40%;border-radius:var(--border-radius);border:1px solid var(--color-light-gray);overflow:hidden}@media screen and (max-width:690px){.post-group.grid.device ul li{flex:none}}.post-group.grid.device .post-item__image{flex:none;width:140px;padding:10px 0;background:#fff;filter:brightness(.95)}.post-group.grid.device .post-item__tagline{margin-bottom:2px;color:var(--text-color-gray)}.post-group.grid.device .post-item__content{padding:5px}#footer,.post-group.grid.device .post-item h3{font-size:14px}.simple-pagination{margin:15px 0;display:flex;flex-direction:row;justify-content:flex-end}.list__simple.margin{margin:10px}.list__simple.grid ul{display:flex;flex-flow:wrap row}.list__simple.grid1 ul li{width:160px}.list__simple.grid3 ul li{width:92.5px}.list__simple ul li a{display:block;color:var(--text-color);padding:2px 2px 2px 10px;position:relative}.list__simple ul li a::before{content:" ";width:4px;height:calc(100% - .8em);display:block;position:absolute;left:0;top:50%;transform:translate(0,-50%);border-radius:0 5px;transition:background .3s}.list__simple ul li a:hover::before{background:var(--color-primary)}.list__simple input[type=text]{width:100%;border-radius:3px;border:1px solid var(--hover-background);padding:5px 8px;background:var(--text-background);color:var(--text-color);font-family:var(--font-family)}.list__simple input[type=text]::placeholder{color:var(--text-color);opacity:.8}