/*
Theme Name: OffernCodes
Description: Theme
Theme URI: https://OffernCodes.com
Version: 5.0.0
Author: CuongIT
Author URI: https://OffernCodes.com
Tags: theme game, apk, download game
Textdomain: OffernCodes.Com
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* Container */
#container {
  margin: 0 auto;
  padding: 0 4vw;
}

/* Mobile */
@media all and (min-width:320px) {
  .adsense {min-height:250px;margin:auto;background-color:white;}
  .menu-pc {display:none;}
  .flex-container .flex-item {flex:0 1 100%;}
  .card .photo-game {width:100%;height:200px;}
  .hide-on-med-and-down {display:none!important;}
  .right-header {line-height:24px;}
  header {height:100px;}
  h1 {font-size:22px;}
  h2 {font-size:20px;}
  h3 {font-size:1em;}
}

/* iPad */
@media all and (min-width:600px) {
  .adsense {min-height:280px;}
  .flex-container .flex-item {flex:0 1 calc(50% - 1em);}
  body {font-size:16px;}
}

/* PC */
@media all and (min-width:1024px) {
  .menu-mobile {display:none;}
  .menu-pc {display:inline;}
  #container {max-width:840px;margin:0 auto;}
  #main-content {width:740px;margin:0 auto;}
  .flex-container .flex-item {flex:0 1 calc(33% - 1em);}
  .card .photo-game {width:360px;height:180px;}
  .hide-on-med-and-down {display:block!important;}
  .right-header {float:right!important;line-height:64px;}
  header {height:64px;}
  h1 {font-size:2.25em;}
}

@media all and (min-width:1280px) {
  #container {max-width:1024px;margin:0 auto;}
}

/* Common Styles */
* {outline:none;}
html {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  line-height:1.8;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  box-sizing:border-box;
  font-style:inherit;
  text-rendering:auto;
  overflow-x:hidden;
  font-size:16px;
  scroll-behavior:smooth;
}

body {color:#444;background:#fff;font-weight:350;}
em {font-style:italic;font-size:15px;}
img {display:inline-block;height:auto;max-width:100%;vertical-align:middle;}
.content {overflow:hidden;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section {display:block;}

/* Layout */
.right {float:right!important;}
.flex-container {display:flex;flex-wrap:wrap;justify-content:space-between;}

.clickable {
  opacity:1;transition:250ms ease-in-out;position:relative;overflow:hidden;
  transform:translate3d(0,0,0);
}
.clickable:hover {
  opacity:.75;transform:scale(1.05);transition:transform .5s ease;
  background-color:#eee;border-radius:10px;
}

/* Cards */
.card {
  position:relative;margin:15px 0;display:grid;width:100%;
  grid-template-rows:90px;grid-template-columns:80px calc(100% - 90px);
  gap:15px;color:inherit;
}
.card-body {width:100%;position:relative;align-self:center;}
.card .card-excerpt {
  white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;
}
.truncate {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app-tag {padding:2px 6px;border-radius:10px;background:#990000;color:#fff;font-weight:500;}

/* Forms */
.search-button {border:none;background:white;color:#212511;}
.search-input {height:30px;}
.input-group {position:relative;display:block;text-align:center;margin:auto;}
input, textarea {padding:0 17px;border:none;}
button {color:#fff;cursor:pointer;transition:.25s;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* Typography */
b,strong{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{line-height:1.5;} h1 a{color:#444;} h1 a:hover{text-decoration:none;}
h4{font-size:16px;} h5{font-size:.83em;} h6{font-size:.75em;}
a{color:#990000;text-decoration:none;transition:.25s;}
a:hover{opacity:.85;text-decoration:none;}
blockquote,q{quotes:none;}
article{position:relative;clear:both;background:#fff;padding:5px 10px;}
article p{overflow:hidden;}
.center{text-align:center;}
.bgwhite{background:#fff;}

/* Elements */
.photo{float:left;margin-right:8px;height:60px;width:90px;border-radius:5px;}
.photo-pc{width:120px;height:80px;float:left;margin-right:8px;border-radius:3%;}
.photo-game{border-radius:3%;}
.thumb{width:80px;height:80px;border-radius:10px;position:relative;}
.title{color:#444;padding:15px 2px;border-bottom:1px solid #e8e8e8;font-weight:bold;margin-top:20px;text-align:left;}
.title_h1{display:grid;grid-template-columns:80px calc(100% - 90px);gap:15px;width:100%;}
.title-name{width:100%;position:relative;align-self:center;margin-bottom:20px;}

/* Misc */
.countdown{background:#fbfbfb;color:#666;padding:10px 15px;font-weight:600;text-align:center;}
.clear{clear:both;}
.start_align{padding:5px;text-align:center;}
.info-post{border-top:1px dashed #e2e2e2;font-size:14px;background:#fff;margin-bottom:5px;}
.info-post p{padding:6px 8px;line-height:20px;margin:0;}
.info-post a{color:#000;}
.info-post-show{width:49%;display:inline-block;vertical-align:top;text-align:left;}
.caption-text{text-align:center;margin:auto;font-style:italic;font-size:13px;}
.font-small{color:#646f78!important;font-size:13px;}
.aligncenter{text-align:center;margin:auto;}
.share{text-align:center;padding-bottom:10px;}
.download{
  border-radius:5px;margin:8px 0;text-align:center;
  background:#212511;color:#fff;font-weight:400;padding:2px;
}
.code-full-detail{
  margin-top:15px;background:#fff;border:2px dashed #ddd;
  padding:5px 10px;border-radius:5px;
}
.code-full-detail-hide{
  position:absolute;z-index:2;display:table;background:#fff;
  border:2px dashed #ddd;border-radius:5px;
}
.get-code{border-radius:5px;background:#f5f5f5;color:#666;padding:2px 5px;}
.entry-meta{padding:5px;font-size:14px;}
.entry-content{line-height:1.8;}
.entry-content p{margin-top:15px;}
.entry-content h2, .entry-content h3, article{padding-top:15px;}
.category1 a{color:#F44336;font-weight:600;}

/* Pagination */
.paginave{text-align:center;margin-bottom:5px;background:#fff;padding:7px;}
#wp_page{margin:8px;padding-bottom:10px;font-weight:400;}
#wp_page a{
  padding:7px 15px;border-radius:1.55em;background:#32373c;
  color:#fff;margin:0 5px;
}
#wp_page a:hover{opacity:.75;transition:.25s;}
#wp_page .current{
  padding:7px 15px;background:#4898CE;margin:0 5px;
  color:white;border-radius:1.55em;
}

/* Header */
header{
  background:#fff;position:relative;z-index:1;margin-bottom:5px;
  box-shadow:0 4px 12px rgba(0,0,0,.05);color:white;
}
nav{line-height:64px;}
.navbar-toggle{
  float:right;margin:8px 10px;background:transparent;border:none;
}
.navbar-toggle .icon-bar{
  background:#000;display:block;width:22px;height:2px;border-radius:1px;margin-top:4px;
}
#sidenav{
  position:fixed;width:300px;left:0;top:0;height:calc(100% + 60px);
  z-index:999;overflow-y:auto;transform:translateX(-105%);
  transition:.25s;background:#fff;
}
#sidenav a{color:#212511;}
#nav-check{display:none;}
#nav-check:checked~#sidenav{transform:translate(0,0);}
.title-mobile{
  font-weight:600;font-size:17px;border-bottom:1px solid #e8e8e8;
  padding-left:20px;background:#fbfbfb;
}
.list-sidenav{
  padding-left:20px;font-weight:600;font-size:15px;
  border-bottom:1px solid #e8e8e8;
}

/* Dropdown */
.dropbtn{border:none;cursor:pointer;padding:0 10px;}
.dropbtn a{color:#212511;text-decoration:none;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{
  display:none;position:absolute;background:#fff;min-width:180px;
  box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;line-height:40px;padding:10px;
}
.dropdown-content a{display:block;color:#666;padding:2px;}
.dropdown-content a:hover{background:#222;color:#fff;opacity:.75;}
.dropdown:hover .dropdown-content{display:block;}
.divider{height:1px;overflow:hidden;background:#e0e0e0;}

/* Footer */
footer{
  display:block;line-height:50px;background:#eee;color:#212511;
}
footer a{margin:0 5px;color:#212511;font-weight:350;}
footer .socials a{
  color:inherit;background:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;margin-top:10px;
}
footer .socials a:hover{background:#212511;color:#fff;}

/* SVG */
svg{overflow:hidden;vertical-align:middle;}
.svg-2,.svg-3,.svg-5,.svg-date,.svg-time{width:1.25rem;height:1.25rem;margin-right:.15rem;margin-bottom:3px;}
.svg-time{margin-left:.15rem;}

/* Table */
table{border-collapse:collapse;width:100%;}
.table th,.table td{padding:.625rem;}
th{text-align:left;} td{text-align:right;}

/* Info Mod & TOC */
.card-mod{border-radius:.5rem;border:1px solid #dee2e6;margin-bottom:10px;}
#info-mod{display:block;transition:.5s;margin:10px;}
.info-mod{background:#F0F2F5;padding:5px 10px;}
#list-check{display:none;}
#list-check:checked~#info-mod{display:none;}
.table-of-content{background:#F1F1F1;padding:10px;}
#list_toc{display:block;margin:10px;}
#table-of-content{display:none;}
#table-of-content:checked~#list_toc{display:none;}
.more{padding:10px 0;text-align:center;font-weight:500;background:#F1F1F1;margin-bottom:10px;}
.more a{color:#212511;}

/* Footer container */
.container{margin:auto;padding:0 4vw;max-width:calc(1024px + 8vw);}
.wp-block-columns{display:flex;flex-wrap:wrap;margin-bottom:1.75em;}
.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;}
.wp-block-columns .footer-menu li{margin-bottom:10px;}

footer details summary strong{
  border-bottom:1px solid #e0e0e0;padding:10px 0;display:block;
}
details{overflow:hidden;}
details summary{
  cursor:pointer;display:block;list-style:none;z-index:2;background:#eee;
}
details[open]>*:not(summary){animation:collapse .5s ease-in-out;}
details>*:not(summary){
  position:relative;z-index:1;transition:.3s ease-in-out;overflow:hidden;
}

/* Responsive Footer */
@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap;}}
@media (max-width:599px){
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;}
}
@media (min-width:782px){
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1;}
}

ol,
ul {
    list-style: none;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 3px;
    margin-block-end: 3px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 30px;
}

ol {
    display: block;
    list-style-type: circle;
    margin-block-start: 3px;
    margin-block-end: 3px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 25px;
}

li {
    font-size: 15px;
    line-height: 2.2;
}