/* Desde: https://nutwg.com/wp-content/themes/nutwg/style.css?ver=0.01l */
@charset "UTF-8";

/*!

Theme Name: nutwg

Text Domain: nutwg

Domain path: /languages

Version: 0.12

Requires at least: 5.5

Requires PHP: 7.2

Description: 坚果游戏 Wordpress 模板.

Tags: game

Author: The Bwlot Inc team

Author URI: https://bwlot.com/

Theme URI: https://bwlot.com/themes/nutwg/

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



All files, unless otherwise stated, are released under the GNU General Public

License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned

with others.

*/

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap");

.ads {

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.1); }



body {

  background-color: #161823;

  font-size: 14px;

  font-family: 'Poppins',proxima nova,sans-serif;

  color: #eee; }



html, body {

  border: none;

  margin: 0;

  padding: 0;

  height: 100%; }



h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

address,

big,

cite,

code,

em,

font,

img,

small,

strike,

sub,

sup,

li,

ol,

ul,

fieldset,

form,

label,

legend,

button,

table,

caption,

tr,

th,

td {

  border: none;

  font-size: inherit;

  line-height: inherit;

  margin: 0;

  padding: 0;

  text-align: inherit; }



blockquote::before,

blockquote::after {

  content: ""; }



a {

  text-decoration: none;

  color: #ddd; }

  a:hover {

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    color: #fff; }



img {

  max-width: 100% !important;

  height: auto; }



table {

  border-spacing: 0;

  border-collapse: collapse; }



.layout {

  width: 100%;

  float: left;

  clear: none; }



.col {

  padding: 0 30px;

  box-sizing: border-box;

  margin: 0 auto;

  text-align: left; }



.f_left {

  float: left; }



.f_right {

  float: right; }



.none-list-style {

  list-style: none; }



.um {

  opacity: 1 !important; }



::-webkit-scrollbar {

  width: 12px;

  height: 12px; }



::-webkit-scrollbar-track {

  background: rgba(0, 0, 0, 0.85); }



::-webkit-scrollbar-thumb {

  background: rgba(255, 255, 255, 0.15);

  border-radius: 2px; }

  ::-webkit-scrollbar-thumb:hover {

    background: rgba(255, 255, 255, 0.25); }



::-webkit-scrollbar-corner {

  background: #eee; }



.visible_lg, .nav_icon {

  display: none !important; }



.button, input[type="submit"] {

  display: inline-block;

  line-height: 30px;

  padding: 0 15px;

  background: #007e65;

  color: #fff;

  border-radius: 4px;

  border: none;

  cursor: pointer;

  font-size: 14px; }

  .button:hover, input[type="submit"]:hover {

    background: #00b793;

    color: #fff; }



input[type="text"], input[type="tel"], input[type="email"] {

  width: 100%;

  border: 1px solid #34363e;

  line-height: 34px;

  height: 34px;

  border-radius: 4px;

  padding: 0 10px;

  box-sizing: border-box;

  background-color: #34363e;

  color: #fff;

  outline: none; }

  input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus {

    border-color: #1c1d20;

    background: #3e414c; }



textarea {

  width: 100%;

  border: 1px solid #ddd;

  background: #fff;

  border-radius: 4px;

  padding: 10px;

  box-sizing: border-box; }



img.wp-post-image {

  width: auto;

  height: auto; }



.google-ads {

  background-color: #eee;

  width: 100%;

  height: 165px;

  clear: both; }



#site-header {

  display: flex;

  gap: 20px;

  background: linear-gradient(70deg, #07224d, #521e57);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  height: 64px;

  width: 100%;

  padding: 0 10px 0 20px;

  box-sizing: border-box;

  color: #fff;

  position: relative;

  z-index: 9989; }



.header-mod {

  display: none;

  width: 100%;

  height: 32px;

  line-height: 32px;

  padding: 0 10%;

  font-weight: bold;

  background-color: crimson;

  box-sizing: border-box; }



#site-logo {

  display: flex;

  gap: 5px;

  align-items: center; }

  #site-logo .custom-logo-link {

    width: 40px; }

  #site-logo .custom-logo {

    width: 40px;

    height: auto;

    vertical-align: middle; }

  #site-logo .site-title {

    flex: 1 1 auto;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    white-space: nowrap; }



#primary-menu {

  height: 64px; }

  #primary-menu li {

    display: inline-block;

    line-height: 64px; }

    #primary-menu li a {

      font-size: 16px;

      color: #fff;

      padding: 10px;

      border-radius: 4px; }

      #primary-menu li a:hover {

        background-color: rgba(0, 0, 0, 0.2); }



.local_mod {

  flex: 1 1 auto;

  line-height: 40px;

  display: flex;

  gap: 10px;

  align-items: center;

  justify-content: flex-end; }



.is-screen-reader-text {

  display: none; }



.search-form-cb {

  width: 320px;

  position: relative; }



.is-search-form {

  padding: 0 10px; }

  .is-search-form .input-group {

    display: flex;

    flex-direction: row-reverse;

    background-color: rgba(0, 0, 0, 0.5);

    border: 1px solid rgba(0, 0, 0, 0.5);

    border-radius: 4px;

    position: relative;

    z-index: 23; }

    .is-search-form .input-group span {

      padding: 0 10px;

      color: rgba(255, 255, 255, 0.2);

      display: flex;

      align-items: center; }

  .is-search-form input.is-search-input {

    background: none;

    border: none;

    resize: none;

    outline: none;

    line-height: 36px;

    padding-right: 10px;

    box-sizing: border-box;

    font-size: 14px;

    width: 100%;

    color: #fff; }

    .is-search-form input.is-search-input::placeholder {

      color: rgba(255, 255, 255, 0.4); }

  .is-search-form .is-search-submit {

    flex: 0 0 auto;

    background: none;

    cursor: pointer;

    display: flex;

    align-items: center;

    padding: 0 10px; }

    .is-search-form .is-search-submit .is-search-icon {

      display: block;

      opacity: 0.8; }



.search-focus {

  width: 100%; }

  .search-focus .input-group {

    background-color: #fff;

    border: 2px solid #7d37ff; }

    .search-focus .input-group .is-search-icon {

      filter: invert(48%) sepia(80%) saturate(200%) hue-rotate(200deg) brightness(88%) contrast(100%); }

    .search-focus .input-group input.is-search-input {

      color: #222; }

      .search-focus .input-group input.is-search-input::placeholder {

        color: #888; }

    .search-focus .input-group span {

      padding: 0 10px;

      color: rgba(0, 0, 0, 0.2); }



.search-box-cb {

  width: 100%;

  position: absolute;

  top: -5px;

  z-index: 22;

  background-color: #fff;

  border-radius: 6px;

  min-height: 200px;

  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);

  padding: 60px 10px 10px 10px;

  box-sizing: border-box; }

  .search-box-cb a.item {

    display: flex;

    gap: 10px;

    align-items: center;

    padding: 10px;

    box-sizing: border-box;

    color: #222;

    border-radius: 6px; }

    .search-box-cb a.item > img {

      border-radius: 4px;

      width: 40px;

      height: 40px; }

    .search-box-cb a.item .title {

      flex: 1 1 auto;

      font-size: 16px;

      line-height: 40px; }

    .search-box-cb a.item .play-button {

      background-color: #214ad7;

      background: linear-gradient(320deg, #b971e5, #214ad7);

      border-radius: 4px;

      line-height: 34px;

      height: 34px;

      color: #fff;

      padding: 0 10px;

      font-weight: bold;

      display: flex;

      gap: 3px;

      align-items: center; }

      .search-box-cb a.item .play-button i {

        font-style: normal; }

    .search-box-cb a.item:hover {

      background-color: #f3f3f3; }

      .search-box-cb a.item:hover .play-button {

        background-color: #1349ff;

        background: linear-gradient(320deg, #eca2d0, #1b4bef); }



.search-mask-layer {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 64px;

  left: 0;

  bottom: 0;

  z-index: 3;

  background-color: rgba(0, 0, 0, 0.6); }



.qa_cb {

  display: flex;

  align-items: center; }

  .qa_cb .qa_button {

    display: flex;

    gap: 8px;

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

    background-color: rgba(0, 0, 0, 0.3);

    border-radius: 6px;

    cursor: pointer; }



.qa_box {

  position: absolute;

  top: 60px;

  right: 10px;

  width: 200px;

  background-color: rgba(0, 0, 0, 0.85);

  padding: 20px;

  border-radius: 6px;

  text-align: center; }

  .qa_box button {

    display: block;

    width: 100%;

    margin-top: 10px;

    font-weight: bold;

    background-color: #7a2ce1; }

    .qa_box button:hover {

      background-color: #8c38ff; }

  .qa_box .add_favorite {

    display: flex;

    gap: 8px;

    text-align: left;

    border-top: 1px dashed rgba(255, 255, 255, 0.2);

    margin-top: 15px;

    padding-top: 10px; }

    .qa_box .add_favorite img {

      position: relative;

      top: -11px; }



/* footer mod */

footer#site-footer {

  width: 100%;

  text-align: center;

  font-size: 12px;

  line-height: 24px;

  padding: 30px 0;

  margin-top: 30px;

  clear: both;

  border-top: 1px solid #3b3e42;

  color: #999; }

  footer#site-footer a {

    color: #999; }

    footer#site-footer a:hover {

      color: #fff; }



.page-404 {

  padding: 30px;

  min-height: 400px; }

  .page-404 h4 {

    line-height: 64px;

    font-size: 24px;

    color: #007e65; }

  .page-404 p {

    line-height: 34px;

    font-size: 18px; }



.menu-box {

  display: block;

  position: fixed;

  top: 40px;

  left: 30%;

  right: 0;

  bottom: 0;

  z-index: 9999;

  background: rgba(0, 0, 0, 0.85);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  padding: 10px 20px;

  box-sizing: border-box;

  flex-shrink: 0;

  overflow-y: auto;

  overscroll-behavior-y: contain;

  scrollbar-width: none;

  height: calc(-40px + 100vh); }

  .menu-box .item {

    margin-bottom: 20px; }

  .menu-box header {

    color: #999;

    line-height: 40px;

    text-transform: uppercase;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }



.menu-icon-cb {

  flex: 1 1 auto;

  display: flex;

  justify-content: flex-end;

  gap: 15px; }

  .menu-icon-cb button {

    background: none;

    border: none;

    cursor: pointer;

    display: flex;

    align-items: center; }

  .menu-icon-cb .menu-icon img {

    border: 1px solid rgba(255, 255, 255, 0.5);

    border-radius: 4px; }

  .menu-icon-cb .menu-icon:hover img {

    border: 1px solid #ffffff; }



.primary-menu-mobile {

  list-style: none; }

  .primary-menu-mobile li a {

    line-height: 40px;

    font-size: 18px;

    padding: 0 10px;

    display: block;

    border-bottom: 1px dashed rgba(255, 255, 255, 0.4); }

    .primary-menu-mobile li a:hover {

      border-bottom: 1px dashed rgba(255, 255, 255, 0.8);

      color: #fff; }



.search-form-mobile {

  margin-top: 50px;

  position: relative;

  z-index: 2; }



.search-rl {

  position: fixed;

  top: -10px;

  z-index: 9;

  width: 100%;

  background: #ffffff;

  padding: 10px;

  box-sizing: border-box;

  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); }



@media screen and (max-width: 1024px) {

  #site-header {

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    position: fixed;

    left: 0;

    top: 0; }



  #site-logo {

    height: 40px;

    gap: 5px; }

    #site-logo .custom-logo-link {

      height: 40px;

      width: 32px;

      text-align: center; }

      #site-logo .custom-logo-link img.custom-logo {

        width: 32px; }



  #primary-menu, .local_mod {

    display: none !important; }



  .menu-icon-cb {

    display: flex !important; }



  .is-search-form {

    padding: 0 15px; }



  .search-mask-layer {

    top: 100px; }



  .qa_cb {

    display: none; } }

#site-content {

  display: flex;

  justify-content: flex-start;

  flex: 1;

  margin-top: 30px;

  box-sizing: border-box; }



.page_left {

  position: sticky;

  top: 0;

  width: 224px;

  padding: 5px 15px;

  box-sizing: border-box;

  flex-shrink: 0;

  overflow-y: auto;

  overscroll-behavior-y: contain;

  scrollbar-width: none;

  height: calc(-1px + 90vh); }



.page_right {

  display: flex;

  width: 100%; }

  .page_right .google-auto-placed {

    display: none !important; }



.grid_list, .yarpp-template-yarpp-template-thumbnail {

  max-width: 100%;

  display: grid;

  grid-template-columns: repeat(auto-fit, 132px);

  grid-template-rows: repeat(auto-fit, 132px);

  grid-auto-flow: dense;

  justify-content: center;

  grid-gap: 20px;

  box-sizing: border-box; }

  .grid_list a, .yarpp-template-yarpp-template-thumbnail a {

    position: relative; }

  .grid_list a.item, .yarpp-template-yarpp-template-thumbnail a.item {

    position: relative; }

    .grid_list a.item video, .yarpp-template-yarpp-template-thumbnail a.item video {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-fit: cover;

      display: none; }

    .grid_list a.item img, .yarpp-template-yarpp-template-thumbnail a.item img {

      display: block;

      border-radius: 10px;

      width: 100%; }

    .grid_list a.item:hover img, .yarpp-template-yarpp-template-thumbnail a.item:hover img {

      box-shadow: -5px -5px 0 rgba(0, 0, 0, 0.6); }



.game_slug {

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  line-height: 18px;

  font-size: 13px;

  padding: 5px;

  box-sizing: border-box;

  text-align: center;

  background-color: rgba(0, 0, 0, 0.4);

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));

  border-radius: 0 0 9px 9px; }



.grid_list a:hover .game_slug {

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); }



.ex_list a:nth-child(3), .ex_list a:nth-child(15), .ex_list a:nth-child(20), .ex_list a:nth-child(26), .ex_list a:nth-child(52), .ex_list a:nth-child(60), .ex_list a:nth-child(70), .ex_list a:nth-child(82) {

  grid-column-start: span 2;

  grid-row-start: span 2;

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.1); }



.module_header {

  color: #666;

  text-transform: uppercase;

  line-height: 34px; }



.tags_menu li a {

  display: flex;

  padding: 3px 15px;

  margin: 10px 0;

  border-radius: 6px; }

.tags_menu span.icon {

  flex: 0 0 auto;

  width: 24px;

  height: 24px; }

.tags_menu span.icon embed {

  opacity: 0.75; }

.tags_menu span.tags_name {

  flex: 1 1 auto;

  padding-left: 10px;

  color: #ccc;

  position: relative;

  font-size: 13px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  line-height: 24px; }

.tags_menu li a:hover {

  background: rgba(255, 255, 255, 0.1); }

  .tags_menu li a:hover span.icon embed {

    opacity: 1; }

  .tags_menu li a:hover span.tags_name {

    color: #fff; }



.set_local {

  border: 1px dashed rgba(255, 255, 255, 0.2);

  border-radius: 4px;

  padding: 0 10px;

  margin-bottom: 15px; }



.set_local header {

  padding: 5px 0;

  position: relative;

  cursor: pointer; }



.local_text:after {

  content: "";

  display: inline-block;

  height: 10px;

  width: 10px;

  background: #999;

  -webkit-mask-image: url(/wp-content/themes/nutwg/assets/img-icon/down_icon.svg);

  mask-image: url(/wp-content/themes/nutwg/assets/img-icon/down_icon.svg);

  position: absolute;

  right: 0;

  top: 9px; }



.set_local .local_icon {

  width: 16px;

  height: 16px;

  top: -3px; }



.local {

  display: block;

  border-top: 1px dashed rgba(255, 255, 255, 0.2);

  padding: 5px 0; }



.local a {

  display: block;

  padding: 5px 0 5px 10px;

  font-size: 14px; }



.local a:hover {

  background-color: rgba(255, 255, 255, 0.1);

  border-radius: 6px; }



@media screen and (min-width: 480px) and (max-width: 1024px) {

  .grid_list {

    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }



  #site-content {

    flex-direction: column;

    margin-top: 10px; }



  .page_left {

    display: none; }



  .page_right {

    flex-direction: column; }



  .page_main {

    flex: 0 0 auto !important;

    padding: 0 15px; } }

@media screen and (min-width: 320px) and (max-width: 480px) {

  .header-mod, .local_mod, .set_local, .f_left, .tags_menu header {

    display: none; }



  .grid_list {

    grid-template-columns: repeat(4, 1fr);

    grid-template-rows: auto;

    grid-gap: 15px; }



  #site-content {

    flex-direction: column;

    margin-top: 10px; }



  .page_left {

    display: none; }



  .page_right {

    flex-direction: column; }



  .page_main {

    padding: 0 15px;

    flex: 0 0 auto !important; }



  .ex_list {

    padding: 0 15px;

    box-sizing: border-box; } }



/*# sourceMappingURL=style.css.map */



/* Desde: https://nutwg.com/wp-content/themes/nutwg/scss/home.css?ver=0.01m */
.page_right {

  flex-direction: column; }



.hot-leaderboard {

  background: linear-gradient(70deg, #7d37ff, #ffb4c8);

  padding-bottom: 30px;

  border-radius: 16px 0 0 0; }

  .hot-leaderboard header {

    color: #fff;

    padding: 30px 30px 15px 30px;

    font-size: 24px; }



.popular {

  width: 100%; }

  .popular ul {

    padding: 0 20px;

    box-sizing: border-box;

    grid-template-columns: repeat(auto-fit, 118px);

    grid-template-rows: repeat(auto-fit, 118px); }

    .popular ul li {

      border-radius: 6px;

      background-color: rgba(255, 255, 255, 0.2); }

      .popular ul li a > img {

        display: block;

        border-radius: 6px;

        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }



.ads_home_2x6 {

  grid-area: 1/1/span 4/span 2; }



.ads_home_3x2 {

  grid-area: 1/-4/span 2/span 3; }



.home_game {

  margin-top: 30px;

  position: relative;

  padding-right: 20px; }



@media screen and (max-width: 1024px) {

  .ads_home_2x6 {

    display: none; }



  .home_game {

    padding: 0 15px;

    margin-top: 0; }



  .hot-leaderboard {

    border-radius: 16px;

    margin-bottom: 20px; } }

@media screen and (min-width: 480px) and (max-width: 1024px) {

  .grid_list {

    grid-gap: 15px; }



  .popular ul {

    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } }

@media screen and (min-width: 320px) and (max-width: 480px) {

  .game_slug {

    display: none; }



  .ads_home_3x2 {

    grid-area: 1/1/span 2/span 4;

    margin-top: 20px; }



  .popular ul, .home_game {

    grid-template-columns: repeat(4, 1fr);

    grid-template-rows: auto;

    grid-gap: 15px; } }



/*# sourceMappingURL=home.css.map */